@charset "utf-8";
/* CSS Document */

main .container {
	max-width: 1140px;
}

/*////////// 共通 ///////////*/
.sec2 h1, .sec3 h1 {
	color: #3961ac;
	font-size: 1.4rem;
	line-height: 1.6em;
	font-weight: 400;
	text-align: center;
}

@media (min-width: 768px) {
	.sec2 h1, .sec3 h1 {
		font-size: 1.6rem;
	}
}	


/*////////// セクション1 ///////////*/
.sec1 h2 {
	color: #3961ac;
	font-size: 1.4rem;
	line-height: 1.6em;
	font-weight: 400;
	text-align: center;
}


/*////////// セクション2 ///////////*/
main .box {
	border: 1px solid #3961ac;
	padding: 2.0rem 1.5rem;
	background-color: #fff;
}

.beforeicon01 {
	max-width: 46px;
}

.step {
	max-width: 75px;
}

main .box hr {
	padding: 0;
	border: 0;
	opacity: 1;
	width: 80px;
	background-color: rgba(255,255,255,0.00);
	border-bottom: 1px solid #3961ac;
	margin: 1rem auto;
	
}

main .box h2 {
	color: #3961ac;
	text-align: center;
	font-size: 1.35rem;
	line-height: 1.5em;
}

@media (min-width: 9928px) {
	main .box {
		padding: 2.5rem 2rem;
	}
}



/*////////// セクション3 ///////////*/
.sec3 h3 {
	color: #3961ac;
	font-size: 1.2rem;
	line-height: 1.6em;
	font-weight: 400;
	text-align: center;	
}

@media (min-width: 768px) {
	.sec3 h3 {
		font-size: 1.25rem;
	}
	
	.sec3 .box {
		height: 350px;
	}
}

@media (min-width: 992px) {
	.sec3 .box {
		height: 290px;
	}
}

@media (min-width: 1200px) {
	.sec3 .box {
		height: 270px;
	}
}