/* CSS Document */
/*.index{
	background: url("../images/index.jpg") top center no-repeat;
}*/

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

	article section { padding-top: 125px; }
	.cmenu li a { padding: 8px 50px 0; }

	/*article .mainw { width:960px; }*/

	#funit { margin: 30px auto 0; width: 960px; height: 286px; position: relative; }
	#funit img { position: absolute; top:0; left: 0; }
	/*#funit .txt { float: left; width: 620px; } */
	#funit .detail { position: absolute; top:0; right: 0; width: 535px; height: 286px; }
	#funit p { font-size: 16px; line-height: 24px; /*margin-bottom: 15px;*/
		 }
	#funit h4 { font-size: 18px; padding: 50px 0 0; }
	#funit .ctable { position: absolute; bottom:0; left: 0; width: 280px; }

	.funit2 { width: 100%; height: 500px; border-top: #e9e9e9 1px solid; border-bottom: #e9e9e9 1px solid;
		position: relative; }
	.funit2.limg { background: url("../images/bg1.jpg") left top repeat; }
	.funit2 .img { width: 58vw; height: 500px; position: absolute; top:0; }
	.funit2.limg .img { left: 0; background: url("../images/facilities/img2.jpg") center center no-repeat;
		background-size: cover; }
	.funit2.rimg .img { right: 0; background: url("../images/facilities/img3.jpg") center center no-repeat;
		background-size: cover; }
	.funit2 .detail { width: 325px; position: absolute; left: 50%; }
	.funit2.limg .detail { margin-left: 225px; top:140px; }
	.funit2.rimg .detail { margin-left: -555px; top:80px; }
	.funit2 p { font-size: 16px; line-height: 24px; }
	.funit2 .cbtn { width: 260px; margin: 20px auto 0; }

	#p4 ul li { width: 560px; height: 340px; float: left; position: relative; }
	#p4 ul li:nth-child(2),#p4 ul li:nth-child(3),#p4 ul li:nth-child(6) { background: url("../images/bg2.jpg") left top repeat; }
	#p4 ul li:nth-child(3) h3.ch3s { margin-bottom: 5px; }
	#p4 ul li img { width: 280px; position: absolute; top:0; }
	#p4 ul li.limg img { left: 0; }
	#p4 ul li.rimg img { right: 0; }
	#p4 ul li.limg:after { content: ""; width: 24px; height: 48px; position: absolute; top:135px; left: 256px;
		background: url("../images/facilities/icon_l.svg") left top no-repeat; }
	#p4 ul li.rimg:after { content: ""; width: 24px; height: 48px; position: absolute; top:135px; left: 280px;
		background: url("../images/facilities/icon_r.svg") left top no-repeat; }
	#p4 ul li .detail { width: 280px; height: 340px; position: absolute; top:0; padding: 60px 40px 0; }
	#p4 ul li:nth-child(3) .detail { padding: 60px 20px 0; }
	#p4 ul li.limg .detail { right: 0; }
	#p4 ul li.rimg .detail { left: 0; }
	#p4 ul li p { font-size: 15px; line-height: 24px; width: 197px; margin: 0 auto; }

	#p5 { margin-bottom: 110px; }
	#p5 .ttlh3 { margin: 0 auto 5px; }
	#p5 th { width: 300px; }

	.cdl dt { width: 300px; }
	.cdl dd { width: 820px; }

}


@media (max-width:750px){
	#mv { background: url("../images/facilities/mv_sp.jpg") center center no-repeat; background-size: cover; }
	
	article section { padding-top: 18vw; }
	

	#funit { padding: 5.4vw 0 0; text-align: center; width: 90vw; margin: 0 auto; }
	#funit img { width: 80vw; margin-bottom: 4vw; }
	#funit p { font-size: 4.2vw; line-height: 5.6vw; margin-bottom: 4vw; }
	#funit h4 { font-size: 4.6vw; padding-bottom: 2vw; text-align: left; }
	#funit .ctable {  }

	.funit2 { width: 100%; border-top: #e9e9e9 1px solid; border-bottom: #e9e9e9 1px solid;
		position: relative; }
	.funit2.limg { background: url("../images/bg1.jpg") left top repeat; }
	.funit2 .img { width: 100%; height: 60vw; margin-bottom: 8vw; }
	.funit2.limg .img { background: url("../images/facilities/img2.jpg") center center no-repeat;
		background-size: cover; }
	.funit2.rimg .img { background: url("../images/facilities/img3.jpg") center center no-repeat;
		background-size: cover; }
	.funit2 .detail { width: 90vw; margin: 4vw auto; }
	.funit2 p { font-size: 4.2vw; line-height: 5.6vw; margin-bottom: 4vw; }
	/*.funit2 .cbtn { width: 260px; margin: 20px auto 0; }*/

	#p4.mainw { width: 100%; }
	#p5 .ttlh3 { margin: 0 auto; }
	#p4 ul li { width: 100%; position: relative; text-align: center; }
	/*#p4 ul li:nth-child(2) .detail,#p4 ul li:nth-child(4) .detail { 
		background: url("../images/bg2.jpg") left top repeat; }*/
	#p4 ul li .img { width: 70vw; height: 50vw; overflow: hidden; margin: 0 auto; }
	#p4 ul li .img img { width: 100%; }
	/*
	#p4 ul li:nth-child(odd) img { float: left; }
	#p4 ul li:nth-child(even) img { float: right; }
	#p4 ul li:nth-child(odd):after { content: ""; width: 6vw; height: 12vw; position: absolute; top:24vw;
		background: url("../images/facilities/icon_l.svg") left top no-repeat; left: 44vw; }
	#p4 ul li:nth-child(even):after { content: ""; width: 6vw; height: 12vw; position: absolute; top:24vw;
		background: url("../images/facilities/icon_r.svg") left top no-repeat; left: 50vw; }*/
	#p4 ul li .detail { width: 70vw;  padding: 6vw 0 8vw; margin: 0 auto; }
	/*#p4 ul li:nth-child(3) .detail { padding: 4vw 2vw 0; }
	#p4 ul li:nth-child(odd) .detail { float: right; }
	#p4 ul li:nth-child(even) .detail {  float: left; }*/
	#p4 ul li p { font-size: 4.2vw; line-height: 5.6vw; /*width: 38vw;*/ margin: 0 auto; }

	/*#p4.mainw { width: 100%; }
	#p4 ul li { width: 100%; height: 60vw; overflow: hidden; position: relative; }
	#p4 ul li:nth-child(2),#p4 ul li:nth-child(4) { background: url("../images/bg2.jpg") left top repeat; }
	#p4 ul li img { width: 50%;  }
	#p4 ul li:nth-child(odd) img { float: left; }
	#p4 ul li:nth-child(even) img { float: right; }
	#p4 ul li:nth-child(odd):after { content: ""; width: 6vw; height: 12vw; position: absolute; top:24vw;
		background: url("../images/facilities/icon_l.svg") left top no-repeat; left: 44vw; }
	#p4 ul li:nth-child(even):after { content: ""; width: 6vw; height: 12vw; position: absolute; top:24vw;
		background: url("../images/facilities/icon_r.svg") left top no-repeat; left: 50vw; }
	#p4 ul li .detail { width: 50%;  padding: 5vw 3vw 0; }
	#p4 ul li:nth-child(3) .detail { padding: 4vw 2vw 0; }
	#p4 ul li:nth-child(odd) .detail { float: right; }
	#p4 ul li:nth-child(even) .detail {  float: left; }
	#p4 ul li p { font-size: 4.2vw; line-height: 5.6vw; width: 38vw; margin: 0 auto; }*/

}