/* CSS Document */


@media (min-width:751px){
	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }
	#mv h2 { background: url(../images/ttl.png) center center no-repeat; }

	#p1 { padding: 70px 0 80px; }
	#p1 p.lead { line-height: 2; margin-bottom: 35px; text-align: left; }
	#p1 dl { margin-bottom: 20px; }
	#p1 dl dt { position: relative; padding-left: 3em; counter-increment: number; margin-bottom: 10px; font-size: 16px; }
	#p1 dl dt::before { content:counter(number) ". "; position: absolute; left: 0; }
	#p1 dl dd { position: relative; padding-left: 3em; line-height: 2; margin-bottom: 10px; font-size: 16px; }
	#p1 p.sign { }

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

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


}/* @media (min-width: 751px) and  (max-width:1100px) */

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


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

@media (max-width:750px){
	#mv { background: url(../images/mv_sp.jpg) center center no-repeat; background-size: cover; }
	#mv h2 { background: url(../images/ttl.png) center bottom -3vw no-repeat; background-size: 25vw auto; }


	#p1 { padding: 10vw 0 20vw; }
	#p1 p.lead { line-height: 2; margin-bottom: 8vw; text-align: left; }
	#p1 dl { margin-bottom: 6vw; }
	#p1 dl dt { position: relative; padding-left: 3em; counter-increment: number; margin-bottom: 2vw; }
	#p1 dl dt::before { content:counter(number) ". "; position: absolute; left: 0;  }
	#p1 dl dd { position: relative; padding-left: 3em; line-height: 2; margin-bottom: 8vw; }
	#p1 p.sign { }

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