/* 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 .lead { position: relative; padding: 50px 0; }
	#p1 .lead p { width: 830px; margin: 0 auto; font-size: 15px; line-height: 28px; }
	#p1 .lead:before { content: ""; width: 107px; height: 73px; position: absolute; top:40px; left: 55px;
		background: url(../images/leaf1.png) center center no-repeat; }
	#p1 .lead:after { content: ""; width: 69px; height: 69px; position: absolute; top:30px; right: 70px;
		background: url(../images/leaf2.png) center center no-repeat; }

	.cmenu { padding: 35px 0; background: url(../../images/c_line.jpg) bottom center repeat-x; background-size: auto 7px; margin: 0 auto 80px;}
	.cmenu li { width: 150px; }
	.cmenu li a:after { width: 150px; }
	.cmenu li:nth-child(5) { width: 230px; }
	.cmenu li:nth-child(5) a:after { width: 230px; }
	.cmenu li:nth-child(6) { width: 270px; }
	.cmenu li:nth-child(6) a:after { width: 270px; }

	article { background: url(../images/bg.jpg) center bottom no-repeat; padding-bottom: 100px; }
	#p2,#p3,#p4,#p5,#p6,#p7 {margin-bottom: 70px;}
	dt {background: url(../images/icon_q.svg) left top 10px no-repeat; padding: 20px 40px 20px 50px; border-bottom: 1px dashed #CCBEA2; position: relative; z-index: 10;}
	dt::after {content: "\f0dd"; position: absolute; right: 10px; color: #009657; font-family: "fontawesome"; transition: 0.3s;}
	dt.active::after {content: "\f0de"; font-family: "fontawesome";}
	dd { background: url(../images/icon_a.svg) left top 16px no-repeat; padding: 20px 40px 20px 50px; border-bottom: 1px solid #BCBCBC; position: relative; z-index: 10; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
}
@media (min-width: 751px) and  (max-width:1245px){
	
}
@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 center no-repeat; background-size: auto 30vw; }

	#p1 .lead { position: relative; padding: 17vw 0; }
	#p1 .lead p { font-size: 4vw; line-height: 6vw; }
	#p1 .lead:before { content: ""; width: 26vw; height: 12vw; position: absolute; top:2vw; left: 2vw;
		background: url(../images/leaf1.png) center center no-repeat; background-size: contain; }
	#p1 .lead:after { content: ""; width: 16vw; height: 16vw; position: absolute; bottom:2vw; right: 2vw;
		background: url(../images/leaf2.png) center center no-repeat; background-size: contain; }

	article { background: url(../images/bg.jpg) center bottom no-repeat; padding-bottom: 100px; }
	#p2,#p3,#p4,#p5,#p6,#p7 {margin-bottom: 70px;}
	dt {background: url(../images/icon_q.svg) left top 10px no-repeat; padding: 5vw 7vw 5vw 12vw; border-bottom: 1px dashed #CCBEA2; position: relative; z-index: 10;}
	dt::after {content: "\f0dd"; position: absolute; right: 10px; color: #009657; font-family: "fontawesome"; transition: 0.3s;}
	dt.active::after {content: "\f0de"; font-family: "fontawesome";}
	dd { background: url(../images/icon_a.svg) left top 16px no-repeat; padding: 4vw 7vw 4vw 12vw; border-bottom: 1px solid #BCBCBC; position: relative; z-index: 10; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}


	#pagetop_sp { margin-top: -30vw; }


}