/* CSS Document */

@media (min-width:751px){

	#sazanka { padding: 120px 0 0; }
	#sazanka h3 { text-align: center; font-size: 34px; line-height: 46px; margin-bottom: 30px; }
	#sazanka h3 span { font-size: 26px; }
	#sazanka h3 span span { font-size: 20px; }
	#sazanka .lead { margin-bottom: 70px; }
	
	#merit h4.ch4 span { width: 260px; line-height: 32px; }
	#merit h4.ch4 span span { font-size: 18px; }
	#merit ul { justify-content:space-between; }
	#merit ul li { width: 345px; height: 296px; text-indent: -100000px; overflow: hidden; position: relative; }
	#merit ul li:first-child { background: url(../images/merit1.svg) top center no-repeat; background-size: contain; }
	#merit ul li:nth-child(2) { background: url(../images/merit2.svg) top center no-repeat; background-size: contain; }
	#merit ul li:nth-child(3) { background: url(../images/merit3.svg) top center no-repeat; background-size: contain; }
	#merit ul li span { display: block; text-indent: 0; position: absolute; bottom: 0; left: 0; }

	#range { margin: 60px auto 120px; }

} /* End @media (min-width: 751px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and  (max-width:1245px){
	
}

/* ---------------------------------------------------------------------------------------------------- */

/* Start @media (max-width: 750px) */

@media (max-width:750px){
	#mv .img { background: url(../images/mv_sp.jpg) center center no-repeat; background-size: cover; }

	#sazanka { padding: 20vw 0 0; }
	#sazanka h3 { text-align: center; font-size: 6vw; line-height: 8vw; margin-bottom: 6vw; }
	#sazanka h3 span { font-size: 5vw; }
	#sazanka h3 span span { font-size: 4vw; }
	#sazanka .lead { margin-bottom: 10vw; }

	#merit h4.ch4 span { width: 50vw; }
	#merit h4.ch4 span span { font-size: 4.2vw; }
	#merit ul {  }
	#merit ul li { width: 100%; height: 72vw; text-indent: -100000px; overflow: hidden; position: relative; }
	#merit ul li:first-child { background: url(../images/merit1.svg) top center no-repeat; background-size: contain; }
	#merit ul li:nth-child(2) { background: url(../images/merit2.svg) top center no-repeat; background-size: contain; }
	#merit ul li:nth-child(3) { background: url(../images/merit3.svg) top center no-repeat; background-size: contain; height: 78vw; }
	#merit ul li span { display: block; text-indent: 0; position: absolute; bottom: 0; left: 0;
		font-size: 3.7vw; }

	#range { margin: 12vw auto 20vw; }

} /* End @media (max-width: 750px) */