@charset "utf-8";
/* CSS Document */


/*//////////// セクション1 ///////////////*/
section .news-title {
	border-bottom: 1px solid #222;
}

section .news-title span {
	font-family: 'Urbanist', sans-serif;
	font-size: 0.9rem !important;
	font-weight: 500;
}

section .news-title h3 {
	font-size: 1.1rem !important;
	line-height: 1.6em;
	font-weight: 500;
}

.sec1 .news a {
	color: #222;
}

.sec1 .btn a {
	margin-left: auto;
	margin-right: auto;
}


@media (min-width: 992px) {
	section .news-title span {
		font-size: 0.9rem !important;
	}

	section .news-title h3 {
		font-size: 1.1rem !important;
	}
}


/*-------------------- detail ---------------------*/
.detail .news-title span {
	font-family: 'Urbanist', sans-serif;
	font-size: 0.9rem !important;
	font-weight: 500;
}

.detail .news-title h3 {
	font-size: 1.2rem !important;
	line-height: 1.6em;
	font-weight: 500;
}


@media (min-width: 768px) {
	.detail .news-title span {
		font-size: 1rem !important;
	}

	.detail .news-title h3 {
		font-size: 1.3rem !important;
	}		
}


/*//////////// セクション1（高さ調整） ///////////////*/
.under-layer .height-control {
	height: 70px;
}

@media (min-width: 414px) {
	.under-layer .height-control {
		height: 80px;
	}
}

@media (min-width: 576px) {
	.under-layer .mv2 .sec-title {
		top: 65%;
	}
	
	.under-layer .height-control {
		height: 95px;
	}
}

@media (min-width: 744px) {
	.under-layer .height-control {
		height: 85px;
	}
}

@media (min-width: 768px) {	
	.under-layer .height-control {
		height: 90px;
	}	
}

@media (min-width: 992px) {
	.under-layer .mv2 .sec-title {
		top: 52.5%;
	}
	
	.under-layer .height-control {
		height: 110px;
	}	
}

@media (min-width: 1200px) {
	.under-layer .height-control {
		height: 100px;
	}
}