@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;background:#fff;}
#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-bottom: 30px;}
.sec h2{padding:50px 0 35px;}
.sec .m_txt{padding: 0 10%;}
.sec .m_txt p{padding-bottom: 20px;color: #fff;}

.sec-1{background: url(../img/img_background01.jpg) no-repeat 50% 0;background-size: cover;}
.sec-2{background: #515556;}
.sec-2 h2{padding-bottom: 20px;}
.sec-2 dl{display: table;position: relative;width: 100%;color: #fff;border-bottom: 1px solid #fff;}
.sec-2 dl dt{position: absolute;bottom: 34%;left: 44%;padding-bottom: 15px;font-weight: bold;line-height: 1;}
.sec-2 dl dd.txt{display: table-cell;width: 56%;padding-bottom: 4.5%;font-size: 11px;line-height: 15px;vertical-align: bottom;}
.sec-2 dl dd.img{display: table-cell;width: 44%;vertical-align: bottom;}
.sec-2 ul li p{padding-top: 25px;}
.sec-3{background: url(../img/img_background03.jpg) no-repeat 50% 0;background-size: cover;}

.sec-thumb{position: relative;}
.sec-thumb h2{position: absolute;top: 43.5%;left: 0;width: 100%;}
.sec-thumb a{position: absolute;}
.sec-thumb a span{position: absolute;top: -9999px;text-indent: -9999px;}
.sec-thumb a.since0{top: 6.5%;left: 0;width: 50%;height: 15%;}
.sec-thumb a.since1{top: 23%;right:1.5%;width: 50%;height: 15%;}
.sec-thumb a.since2{bottom:25.5%;left:3.5%;width: 50%;height: 15%;}
.sec-thumb a.since3{bottom:6%;right:2.5%;width: 50%;height: 15%;}


/* sub */
.sub .cover h2{padding: 55px 0 25px;}
.sub .cover .txt{color: #fff;text-align: center;padding:0 10% 5px;}
.sub .cover .txt.bold{font-weight: bold;}
.art{background:#e9e9e9;margin-top:5px;}
.art strong{display: block;width: 100%;padding: 50px 0 25px;}
.art .txt{padding: 0 10% 50px;text-align: justify;}
.art-1{position: relative;}
.art-1 h3{position: absolute;top: 25px;left: 0;width: 100%;}
.pop04 .art-3 strong{padding:40px 0 25px;}
.pop04 .art-4{background:#fff;}

.pop01 .cover{background:#ff9c00;}
.pop02 .cover{background:#ff7200;}
.pop02 .cover .img{padding-top:15px;}
.pop03 .cover{background:#1f395d;}
.pop03 .cover .img{padding-top: 65px;}
.pop04 .cover{background:#684940;}
.pop04 .cover .img{padding-top: 45px;}

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

.mt5{margin-top:5px;}
.mb5{margin-bottom:5px;}