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

body, ul, li, ol, dl, dt, dd, p, div, h1, h2, h3, h4, h5{margin:0px;padding:0;list-style:none;}
body {font-size:62.5%; color:#000;}
a:hover{text-decoration:none;}
::selection { color: #000 !important;}
#section {width:100%; height: 100%}
#section img{width:100%; display:block;}
#section img.no-margin {margin:0;}
#section > div{ background-size: 100% auto;}
#section .main > div {margin-top:0;}
#section .main > div:first-child{ margin-top: 0px;}
#section div > p span{ letter-spacing:0;}
#section .main a.close { width:45px; height:45px; display:block; position:fixed; top:0; right:0; z-index:1000;}
#section > a img{display:block; width:100%;}
#section .sub> div { position: relative; }
#section .sub a.back { display: block; position: fixed; width: 15%; height: auto; left:0px; top: 0px;z-index:9999;}

/* info_rotate */
.acc_tag{position:absolute; left:-9999px; top:-9999px; visibility:hidden; height:0px; width:0; text-indent:-9999px; font-size:0 }
.show {display:block;}
.hide{display:none;}


/* main */
.sec{padding-top: 39px;}
.sec .m_txt{padding: 0 10%;}
.sec .m_txt p{padding-bottom: 20px;}

.cover{padding: 70px 0 34px;background: #3f8ae8;}
.cover h1{padding-bottom: 37px;}
.cover ul{margin:0 5.625%;}
.cover ul:after{content: '';display: block;clear: both;}
.cover ul li{float: left;position: relative;width: 26.7%;margin:0 0 10px 9.95%;}
.cover ul li:first-child, .cover ul li:nth-child(4){margin-left: 0;}
.cover ul li .photo{position: absolute;top: 0;left: 0;opacity:0;-webkit-transition: opacity 0.5s;} 
.cover ul.on li .photo{opacity: 1;}
.cover ul li:nth-child(1) .photo{-webkit-transition-delay:0.8s}
.cover ul li:nth-child(2) .photo{-webkit-transition-delay:1.0s}
.cover ul li:nth-child(3) .photo{-webkit-transition-delay:1.2s}
.cover ul li:nth-child(4) .photo{-webkit-transition-delay:1.4s}
.cover ul li:nth-child(5) .photo{-webkit-transition-delay:1.6s}
.cover ul li:nth-child(6) .photo{-webkit-transition-delay:1.8s}
.sec-1{padding-bottom: 22%;background: #e8eced url(../img/img_background02.jpg) no-repeat 0 100%;background-size: 100%;;}
.sec-1 h2{padding-bottom: 33px;}
.sec-1 .m_img{position: relative;padding-bottom: 20px;}
.sec-1 .m_img .watch01, .sec-1 .m_img .watch02, .sec-1 .m_img .watch03, .sec-1 .m_img .watch04, .sec-1 .m_img .watch05{position: absolute;top: 0;left: 0;}
.sec-1 .m_img .watch02, .sec-1 .m_img .watch03, .sec-1 .m_img .watch04, .sec-1 .m_img .watch05{opacity: 0;-webkit-transition: opacity 0.5s;}
.sec-1 .m_img.on .watch02, .sec-1 .m_img.on .watch03, .sec-1 .m_img.on .watch04, .sec-1 .m_img.on .watch05{opacity: 1;}
.sec-1 .m_img.on .watch02{-webkit-transition-delay:0.3s}
.sec-1 .m_img.on .watch03{-webkit-transition-delay:0.7s}
.sec-1 .m_img.on .watch04{-webkit-transition-delay:1.1s}
.sec-1 .m_img.on .watch05{-webkit-transition-delay:1.5s}
.sec-2{background: #dadddf;}
.sec-2 h2{padding-bottom:36px;}
.sec-2 p{padding-bottom: 30px;text-align: center;}
.sec-2 .sec-thumb{position: relative;}
.sec-2 .sec-thumb a{position: absolute;top: 0;width: 37.5%;height:36%}
.sec-2 .sec-thumb a.since0{left: 8.75%;}
.sec-2 .sec-thumb a.since1{right: 8.75%;}
.sec-2 .sec-thumb a.since2{top: 46.8%;left: 8.75%;}
.sec-2 .sec-thumb a.since3{top: 46.8%;right: 8.75%;}
.sec-3{padding-top: 100%;background: #151616 url(../img/img_background03.jpg) no-repeat 0 0;background-size: 100%;}
.sec-3 h2{padding-bottom: 31px;}
.sec-3 .m_txt p{color: #fff;padding-bottom: 25px;}

/* sub */
.pop .interview{padding-bottom: 10px;background: #dadddf;}
.pop .interview strong{display: block;padding-bottom: 30px;}
.pop .interview ul{padding-left:6.25%;}
.pop .interview ul li{position: relative;background: url(../img/bg_line.gif) repeat-y 0 0;background-size: 100%;}
.pop .interview ul li:last-child{background: none;}
.pop .interview ul dl{position: relative;padding:0 0 20px 21%;}
.pop .interview ul dl dt{position: absolute;top: -12px;left: 0;width: 23.3%;z-index: 10;}
.pop .interview ul dl dd{position: relative;padding: 15px 12.6% 15px 14%;text-align: left;}
.pop .interview ul dl dd .bg{background: #bfdbff;}
.pop .interview ul dl dd p{position: relative;}
.pop .interview ul li >span{position: absolute;left: 21%;width: 79%;}
.pop .interview ul li .bg_top{position: absolute;top: 0;left: 0;width: 100%;}
.pop .interview ul li .bg_middle{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/bg_middle.gif) repeat-y 0 0;background-size: 100%;}
.pop .interview ul li .bg_bottom{display: block;position: absolute;left: 0;top:100%;width: 100%;}
.pop .interview .txt{padding:0 0 30px 32.5%;color: #2a5498;font-size: 11px;letter-spacing:-0.5px}

#section { -webkit-text-size-adjust: none; font-size:1.3em; font-family: secgcm; line-height: 24px; letter-spacing:0;text-align: justify; }