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

/*///////// 共通 //////////*/


/*///////// MV2 //////////*/
.mv2 .mv2-title {
	width: 320px;
}
.mv2 .mv2-title h1 {
	font-size: 20px;
	padding-right: 2%;
}

@media (min-width: 414px) {
	.mv2 .mv2-title {
		width: 375px;
	}
	.mv2 .mv2-title h1 {
		font-size: 24px;
	}	
}

@media (min-width: 480px) {
	.mv2 .mv2-title {
		width: 420px;
	}
	.mv2 .mv2-title h1 {
		font-size: 26px;
	}	
}

@media (min-width: 576px) {
	.mv2 .mv2-title {
		width: 460px;
	}
	.mv2 .mv2-title h1 {
		font-size: 28px;
		padding-right: 4%;
	}		
}

@media (min-width: 640px) {
	.mv2 .mv2-title {
		width: 470px;
	}
}

@media (min-width: 992px) {
	.mv2 .mv2-title {
		width: 470px;
	}
}

@media (min-width: 1200px) {
	.mv2 .mv2-title {
		width: 580px;
	}
}

@media (min-width: 1400px) {
	.mv2 .mv2-title {
		width: 600px;
	}
}

@media (min-width: 1600px) {
	.mv2 .mv2-title {
		width: 630px;
	}
}


/*///////// セクション1 //////////*/
.sec1 h3 {
	font-size: 1.3em;
	font-weight: 700;
	padding-bottom: 12px;
	border-bottom: 1px solid #b4b4b4;
}
.sec1 ul {
	padding-left: 1.2em !important;
}
.sec1 li::marker {
	font-size: 0.6em;
}
.sec1 li span {
	vertical-align: -0.1rem;
}

@media (min-width: 992px) {
.sec1 h3 {
	font-size: 1.4em;
}