@charset "UTF-8";

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

.img-30 {
	width: 30%;
}
.img-40 {
	width: 40%;
}
.img-50 {
	width: 50%;
}
.img-60 {
	width: 60%;
}
.img-70 {
	width: 70%;
}
.img-80 {
	width: 80%;
}
.img-90 {
	width: 90%;
}
.img-100 {
	width: 100%;
}
.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


@media (min-width: 576px) {
	.img-sm-30 {
		width: 30%;
	}
	.img-sm-40 {
		width: 40%;
	}
	.img-sm-50 {
		width: 50%;
	}
	.img-sm-60 {
		width: 60%;
	}
	.img-sm-70 {
		width: 70%;
	}
	.img-sm-80 {
		width: 80%;
	}
	.img-sm-90 {
		width: 90%;
	}
	.img-sm-100 {
		width: 100%;
	}
	.img-sm-center {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}	
}


@media (min-width: 768px) {
	.img-md-30 {
		width: 30%;
	}
	.img-md-40 {
		width: 40%;
	}
	.img-md-50 {
		width: 50%;
	}
	.img-md-60 {
		width: 60%;
	}
	.img-md-70 {
		width: 70%;
	}
	.img-md-80 {
		width: 80%;
	}
	.img-md-90 {
		width: 90%;
	}
	.img-md-100 {
		width: 100%;
	}
	.img-md-center {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}	
}


@media (min-width: 992px) {
	.img-lg-30 {
		width: 30%;
	}
	.img-lg-40 {
		width: 40%;
	}
	.img-lg-50 {
		width: 50%;
	}
	.img-lg-60 {
		width: 60%;
	}
	.img-lg-70 {
		width: 70%;
	}
	.img-lg-80 {
		width: 80%;
	}
	.img-lg-90 {
		width: 90%;
	}
	.img-lg-100 {
		width: 100%;
	}
	.img-lg-center {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}	
}


@media (min-width: 1200px) {
	.img-xl-30 {
		width: 30%;
	}
	.img-xl-40 {
		width: 40%;
	}
	.img-xl-50 {
		width: 50%;
	}
	.img-xl-60 {
		width: 60%;
	}
	.img-xl-70 {
		width: 70%;
	}
	.img-xl-80 {
		width: 80%;
	}
	.img-xl-90 {
		width: 90%;
	}
	.img-xl-100 {
		width: 100%;
	}
	.img-xl-center {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}	
}



/*////////// セクション1 ///////////*/
.sec1 h1 {
	font-size: 1.5em !important;
}

.sec1 h2 {
	font-size: 1.45em;
	font-weight: 600;
	line-height: 1.6em;
	color: #222;
}

.sec1 h3 {
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.6em;
	color: #0071bc;
}


@media (min-width: 576px) {
	.sec1 h1 {
		font-size: 1.6em !important;
	}

	.sec1 h2 {
		font-size: 1.5em;
	}
}


@media (min-width: 768px) {
	.sec1 h1 {
		font-size: 1.7em !important;
	}
	
	.sec1 h2 {
		font-size: 1.55em;
	}
	
	.sec1 h3 {
		font-size: 1.35em;
	}	
}


@media (min-width: 992px) {
	.sec1 h1 {
		font-size: 1.8em !important;
	}
}