@charset "utf-8";


/*/////// 共通 ////////*/
.post .mv2 .title {
  background-color: rgba(49, 167, 244, 0.6) !important;
}

.post .mv2 .title h2 .indent {
	font-size: 0.8em;
}


/*/////////// リンクボタン ///////////*/
@media (min-width: 576px) {
	.post .btn {
		width: 350px !important;
	}
}


/*/////////// MV ///////////*/
@media (min-width: 576px) {
	.post .mv2 .title h2 span {
	  font-size: 1.17em;
	}
}

@media (min-width: 768px) {
	.post .mv2 .title h2 span {
	  font-size: 1.2em;
	}
}


/*/////////// セクション2 ///////////*/
.sec2 h4, .sec3 h4, .sec6 h4 {
	font-size: 1.3em;
	line-height: 1.5em;
}

.sec2 .midashi-1 {
	color: #0071bc;
}	


/*/////// セクション3////////*/
.sec3 .list-wrap {
	border: 1px solid #222;
	position: relative;
	padding: 30px 20px 0;
}

.sec3 .list-wrap h4 {
	font-size: 1.3rem;
	background-color: #fff;
	padding: 10px;
	position: absolute;
	top:-24px;
	left: 10px;
}

.sec3 .list-wrap p {
	border-bottom: 1px dashed #222;
	padding-bottom: 3px;
	font-size: 0.9em;
}

.sec3 .list-wrap p.h-auto {
	padding-top: 5%;
	height: 3.65em !important;
}

@media (min-width: 576px) {
	.sec3 .list-wrap p.h-sm-auto-0 {
		padding-top: 0;
		height: auto !important;
	}
}

@media (min-width: 1200px) {
	.sec3 .list-wrap p.h-xl-auto {
		padding-top: 5%;
		height: 3.65em !important;
	}	
}