@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 */
.show {display:block;}
.hide{display:none;}


/* main */
.m_txt p{color:#fff;}

.cover{background:url(../img/bg_cover.jpg) no-repeat 50%;background-size:cover}
.cover h2{padding:176px 0 20px;}
.cover .m_txt{text-align:center;padding:0 10% 115px;}

.sec .m_txt{padding:0 10% 50px;}
.sec-1{background:#000 url(../img/img_background01.jpg) no-repeat 50% 0;background-size:100%;}
.sec-1 h2{padding:50px 0 148px;}

.sec article{border-bottom:1px solid #d9d9d9;}
.sec article div{position:relative;background:#fff;}
.sec article .question p{position:absolute;top:0;left:0;padding:27px 10% 28px 19.5%;background:url(../img/icon_q_b.png) no-repeat 10% 32px;background-size:23px 55px;}
.sec article .question.tit2 p{padding-top:45px}
.sec article .question a{position:absolute;font-size:0;z-index:10}
.sec article .question .go_video01{bottom:7.5%;left:9%;width:32%;height:8%;}
.sec article .question .go_video02{top:47.5%;right:15%;width:33%;height:8%;}
.sec article .question .go_video03{bottom:10%;left:9%;width:32%;height:9%;}
.sec article .question .go_video04{top:37%;left:9%;width:26%;height:9%;}
.sec article .question .go_video05{top:37%;left:37%;width:26%;height:9%;}
.sec article .question .go_video06{top:37%;right:9%;width:26%;height:9%;}
.sec article .answer p{padding:27px 10% 28px 19.5%;background:url(../img/icon_a_b.png) no-repeat 10% 32px;background-size:23px 55px;}
.sec article:last-child{border-bottom:none;}
.sec-2 article{border-color:#fff;}
.sec-2 article div{color:#fff;background:#000;}
.sec-2 article .question p{background:url(../img/icon_q_w.png) no-repeat 10% 32px;background-size:23px 55px;}
.sec-2 article .answer p{background:url(../img/icon_a_w.png) no-repeat 10% 32px;background-size:23px 55px;}
.sec-4 article .question p{position:initial;padding-bottom:0}
.sec-4 .end{padding:80px 0 200px;text-align:center;background:url(../img/bg_end.jpg) no-repeat 50% 100%;background-size:100% 100%}
.sec-4 .end strong{display:block;padding-bottom:5px;font-size:1.143em;}




#section { /*-webkit-text-size-adjust: none;*/ font-size:3.5vw; font-family: secgcm; line-height: 1.8em; letter-spacing:0; text-align:justify; }

/*
@media all and ( min-width:410px ) {
    #section { font-size:2.4em; line-height:32px; -webkit-text-size-adjust:none; }
}

@media all and ( min-width:720px ) {
    #section { font-size:3.5em; line-height:60px; -webkit-text-size-adjust:none; }
}*/