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

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

/*////////// セクション1 ///////////*/
.sec1 {
	margin-top: 40px;
}
.sec1 h1 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2rem;
	text-align: center;
	letter-spacing: 0.15em;
}

.sec1 h1 span {
	color: #3961ac;
}

.sec1 h2 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 1.3rem;
	line-height: 1.5em;
	letter-spacing: 0.05rem;
}


@media (min-width: 576px) {
	.sec1 {
		margin-top: 50px;
	}
	.sec1 h1 {
		font-size: 2.2rem;
	}
}

@media (min-width: 768px) {
	.sec1 {
		margin-top: 60px;
	}
	.sec1 h1 {
		font-size: 2.4rem;
	}
	
	.sec1 .ps-md-4_5 {
		padding-left: 5.5%;
	}
}

@media (min-width: 992px) {
	.sec1 {
		margin-top: 80px;
	}
	.sec1 h1 {
		font-size: 2.8rem;
	}
	
	.sec1 h2 {
		font-size: 1.4rem;
	}

	.sec1 .ps-md-4_5 {
		padding-left: 5.6%;
	}
}

@media (min-width: 1200px) {
	.sec1 {
		margin-top: 100px;
	}
}




/*////////// セクション2 ///////////*/
.sec2 .bg-lightblue {
	background-color: #f5fafe;
	padding: 35px 0;
}

.sec2 h1, .sec2 h2 {
	color: #3961ac;
	font-size: 1.3rem;
	line-height: 1.5em;
	font-weight: 500;
}

.sec2 h1 span {
	font-size: 0.7em;
}

@media (min-width: 576px) {
	.sec2 .bg-lightblue {
		padding: 45px 0;
	}
}

@media (min-width: 768px) {
	.sec2 .bg-lightblue {
		padding: 50px 0;
	}
}

@media (min-width: 992px) {
	.sec2 .bg-lightblue {
		padding: 60px 0;
	}
	
	.sec2 h1, .sec2 h2 {
		font-size: 1.5rem;
		line-height: 1.6em;
	}	
}

@media (min-width: 1200px) {
	.sec2 .bg-lightblue {
		padding: 70px 0;
	}
	
	.sec2 h1, .sec2 h2 {
		font-size: 1.5rem;
		line-height: 1.6em;
	}	
}


/*////////// 画像 ///////////*/
.img01 {
	max-width: 510px;
}

.img02 {
	max-width: 450px;
}

.img03 {
	max-width: 500px;
}

.img04 {
	max-width: 980px;
}

.img05 {
	max-width: 980px;
}

.anoa {
	max-width: 156px;
}