/* common
----------------------------------------------------------*/
#yf-main {
	background-color: var(--c_bg);
}
@media screen and (max-width: 640px) {
	#yf-main {
		padding-block: 36px 30px;
	}
	#news .news__title {
		padding-bottom: 7px;
		font-size: 22px;
	}
}
@media screen and (min-width: 641px) {
	#yf-main {
		padding-block: 44px 60px;
	}
	#news .news__title {
		padding-bottom: 12px;
		font-size: 35px;
	}
}

/* page-detail
----------------------------------------------------------*/
.page-detail #news .news-item__body {
	border-top: 1px solid var(--c_primary);
}
.page-detail #news .news-detail {
	width: 100%;
}
@media screen and (max-width: 640px) {
	.page-detail #news .news-detail {
		font-size: 15px;
	}
	.page-detail #news .news__title {
		padding-bottom: 25px;
	}
	.page-detail #yf-news .news-item__category {
		width: 56px;
		font-size: 10px;
	}
	.page-detail #yf-news .news-item__date {
		font-size: 11px;
	}
	.page-detail #yf-news .news-item__title {
		margin-top: 13px;
		font-size: 14px;
	}
	.page-detail #yf-news .news-item__body {
		margin-top: 15px;
		padding-top: 18px;
		font-size: 15px;
	}
}
@media screen and (min-width: 641px) {
	.page-detail #news .news-detail {
		font-size: 22px;
	}
	.page-detail #news .news__title {
		padding-bottom: 67px;
	}
	.page-detail #yf-news .news-item__hd {
		gap: 7px;
	}
	.page-detail #yf-news .news-item__category {
		width: 90px;
		font-size: 16px;
	}
	.page-detail #yf-news .news-item__date {
		font-size: 18px;
	}
	.page-detail #yf-news .news-item__title {
		margin-top: 5px;
		font-size: 18px;
	}
	.page-detail #yf-news .news-item__body {
		margin-top: 20px;
		padding-top: 80px;
		font-size: 22px;
	}
}

/* link__btn */
#news .link__btn.btn-more {
	width: fit-content;
}
#news .link__btn.btn-more a {
	border-radius: 100vh;
}
@media screen and (max-width: 640px) {
	#news .link__btn.btn-more {
		margin: 30px auto 0;
	}
	#news .link__btn.btn-more a {
		width: 110px;
	}
	#news .link__btn.btn-more a::before {
		right: 18px;
	}
	#news .link__btn.btn-more a span {
		margin-right: 13px;
	}
}
@media screen and (min-width: 641px) {
	#news .link__btn.btn-more {
		margin: 60px auto 0;
	}
	#news .link__btn.btn-more a {
		width: 210px;
	}
	#news .link__btn.btn-more a::before {
		right: 37px;
	}
	#news .link__btn.btn-more a span {
		margin-right: 25px;
	}
}

/* before renewal
----------------------------------------------------------*/
@media screen and (max-width: 640px) {
	.txt_box img {
		max-width: 100%;
		width: auto;
		display: block;
		margin: 10px auto;
		float: none !important;
	}
	.txt_box p {
		margin-top: 5%;
		line-height: 1.5;
		font-size: 1rem
	}
}
@media screen and (min-width: 641px) {
	.txt_box p {
		margin-top: 20px;
		line-height: 1.875;
		font-size: 1rem
	}
}