@import url('../../../css/common.css');
@import url('../../../css/webfont.css');

body {margin:0 0 0 0; background:#fff;font-size:62.5%; height:auto; color:#000;}
::selection { color: #000 !important;}
#section {width:100%;}
#section img{width:100%; display:block;}
#section img.no-margin {margin:0;}
#section div > p { padding:3% 6.5% 3% 6.5%;}
#section div > p span{ letter-spacing:0;}
#section > a.close { width:45px; height:45px; display:block; position:fixed; top:0; right:0; z-index:1000;}
#section > a.video { width:100%; display:block;}
#section > a img{display:block; width:100%;}

/* info_rotate */
.info_rotate { position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:10000; display:none; }
.info_rotate img { width:100%; }

h1 {}
/*p:nth-of-type(2) { padding: 0% 6.5% 14% 6.5%!important}*/
.hide_text{position:absolute; left:-9999px; top:-9999px; width:0; height:0; visibility:hidden;font-size:0;}
div.part01 { background-size: 100% auto; }
div.part01 p {padding-top: 10% !important; padding-bottom: 10% !important}

div.part02, div.part04 { position: relative; }
div.part02 .cnt01{ 
	background: url(../img/bg_sc21_1.png) ,url(../img/bg_sc21_2.png), url(../img/bg_sc21.png);
	background-repeat: no-repeat, no-repeat, repeat;
	background-position: top, bottom;
	background-size: 100% auto, 100% auto;
}
div.part02 .cnt01 h3 { padding-top: 50%;}
div.part02 .cnt01 p { padding: 3% 6.5% 125% 6.5% !important }

div.part03 { margin: 6.5% 0}

div.part04 .cnt01{ 
	background: url(../img/bg_sc41_1.jpg) ,url(../img/bg_sc41_2.jpg);
	background-color: #ff7500;
	background-repeat: no-repeat, no-repeat;
	background-position: top, bottom;
	background-size: 100% auto, 100% auto;
}
div.part04 .cnt01 h3 { padding-top: 21%; }
div.part04 .cnt01 p { padding: 3% 6.5% 230% 6.5% !important; }

div.part05 { background: #181818; color: #fff}
div.part05 p{ padding: 7% 6.5% !important}

.show {display:block;}
.hide{display:none;}

/* 2014.04.21 webFont ADD */
#section {/*-webkit-text-size-adjust: none; */font-size:3.5vw; font-family: secgcm;
line-height: 1.8; letter-spacing: -0.01em; text-align:justify;}
/*@media all and (min-width:410px) {
	#section {font-size:2em; line-height: 38px; -webkit-text-size-adjust: none;}
}
@media all and (min-width:720px) {
	#section {font-size:3.5em; line-height: 60px; -webkit-text-size-adjust: none;}
}*/
/* 2014.04.21 webFont ADD */