@charset "utf-8";


/*/////// 共通 ////////*/
.post .text-red {
	color: #F00000;
}

.post .midashi h4 {
	color: #00a2e5;
	font-size: 1.35em;
	font-weight: bold;
}
.post .midashi .under-line {
	width: 100%;
	display: block;
	height: 3px !important;
	margin: 0.3rem auto;
	margin-top: -15px !important;
	background: linear-gradient(90deg, #00a2e5 0%, #00a2e5 50%, #ABABAB 50%, #ABABAB 100%);
	opacity: 1;
}


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


/*/////// セクション2 ////////*/
.sec2 .img01 {
	width: 250px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 576px) {
	.sec2 .img01 {
		width: 300px;
	}	
}

@media (min-width: 992px) {
	.sec2 .img01 {
		width: 250px;
	}	
}

@media (min-width: 1200px) {
	.sec2 .img01 {
		width: 300px;
	}	
}

/*/////// セクション4 ////////*/
.sec4 h4 {
	font-size: 1.3em;
}
.sec4 .linkwrap {
	border: 1px solid #3961af;
	width: 280px;
	margin-left: auto;
	margin-right: auto;
}

.sec4 .linkwrap a:hover {
	text-decoration: underline;
}

@media (min-width: 576px) {
	.sec4 .linkwrap {
		width: 400px;
	}	
}

@media (min-width: 1200px) {
	.sec4 .linkwrap {
		width: 500px;
	}	
}