@media all and (min-width: 641px) {

	/* COMMON */
	body.news #side .latest-box {
		padding: 10px;
		border: 1px solid #dcdcdc;
	}

	body.news #side .latest-box .title {
		margin-bottom: 10px;
		font-weight: bold;
	}

	body.news #side .latest-box dd {
		margin-bottom: 10px;
		line-height: 1.5;
	}

	/* ARCHIVE INDEX */
	body.news #news-archive .topics-list {
		margin-bottom: 60px;
	}

	body.news #news-archive .topics-item {
		display: flex;
		align-items: center;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #dcdcdc;
	}

	body.news #news-archive .topics-item .image {
		width: 150px;
		margin-right: 30px;
		flex-shrink: 0;
	}

	body.news #news-archive .topics-item .image img {
		width: 100%;
		aspect-ratio: 38 / 28;
		object-fit: cover;
		border: 1px solid #9fa0a0;
	}

	body.news #news-archive .topics-item .date-title-box {
		flex-grow: 1;
	}

	body.news #news-archive .topics-item .date {
		margin-bottom: 5px;
		color: #595757;
		font-weight: bold;
	}

	body.news #news-archive .topics-item .title {
		line-height: 1.5;
	}

	/* SINGLE */
	body.news #news-single .title-level02 {
		line-height: 1.5;
	}

	body.news #news-single .contents {
		margin-bottom: 50px;
	}

	body.news #news-single .date {
		margin-bottom: 50px;
		text-align: right;
	}
}

@media only screen and (max-width: 640px) {

	/* COMMON */
	body.news #side .latest-box {
		padding: 10px;
		border: 1px solid #dcdcdc;
	}

	body.news #side .latest-box .title {
		margin-bottom: 10px;
		font-weight: bold;
	}

	body.news #side .latest-box dd {
		margin-bottom: 10px;
		line-height: 1.5;
	}

	/* INDEX / ARCHIVE */
	body.news #news-archive .topics-list {
		margin-bottom: 40px;
	}

	body.news #news-archive .topics-item {
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid #dcdcdc;
	}

	body.news #news-archive .topics-item .image {
		margin-bottom: 15px;
	}

	body.news #news-archive .topics-item .image img {
		width: 100%;
		aspect-ratio: 38 / 28;
		object-fit: cover;
		border: 1px solid #9fa0a0;
	}

	body.news #news-archive .topics-item .date {
		margin-bottom: 5px;
		color: #595757;
		font-weight: bold;
	}

	body.news #news-archive .topics-item .title {
		line-height: 1.5;
	}

	/* SINGLE */
	body.news #news-single .title-level02 {
		line-height: 1.5;
	}

	body.news #news-single .contents {
		margin-bottom: 30px;
	}

	body.news #news-single .date {
		margin-bottom: 30px;
		text-align: right;
	}
}