@charset "utf-8";


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


/*/////// セクション5 ////////*/
.post .sec5 .img01 {
	width: 320px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 576px) {
	.post .sec5 .img01 {
		width: 360px;
	}
}

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


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

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

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

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

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

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



/*/////// お知らせ ////////*/
.post .news .wrap {
	border: 1px solid #ababab;
	padding: 25px;
	padding-bottom: 5px;
}

.post .news .wrap h1 {
	font-size: 1.4em;
}

@media (min-width: 768px) {
	.post .news .wrap {
		padding: 30px;
		padding-bottom: 5px;
	}
}