@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;}
::selection { color: #000 !important;}
#section {width:100%; height: 100%}
#section img{width:100%; display:block;}
#section img.no-margin {margin:0;}
#section > div{ background-color: #fff; 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}

/* 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 */

.cover {background:#f0efec;padding:200px 10%;}

.sec {background:#fff;}
.sec .from {display:block; padding-top:21.25%;}
.sec .to {display:block; padding:7.65625% 0 18.4375%;}
.sec .s-tit {display:block; padding:9.21875% 0 6.25%;}
.sec .contents {width:87.5%; margin:0 auto 6.25%;}

/* main */


p.sub-txt {width:87.5%; margin:0 auto;}
p.sub-txt.common {width:87.5%; margin:0 auto; padding-bottom: 12.34375%}
section.gray {background:#e9ebf3;}
section.gray2 {background:#dcdddf;}

#section .pop_btn {text-align:center;padding-bottom:40px;}
#section .pop_btn img{width:173px;height:42px;margin:0 auto;}


.view .pop01 .pop_txt{padding:35px 10% 40px 10%; color:#fff;}
.view .pop02{background:#f0f0f0;}
.view .pop02 .pop_txt{padding:35px 10% 40px 10%; color:#fff;}
.view .pop02 .pop_txt dt{margin-bottom:20px;}
.view .pop02 .pop_txt dd{color:#000;}

.view1-1 .pop01{background:#4e9caf;}
.view1-2 .pop01{background:#ba8727;}
.view1-3 .pop01{background:#618e35;}
.view1-4 .pop01{background:#5a86b8;}


div.sub {height: 100%}
div.sub .view3-1 { background: #bcbec3 !important; height: 100%; min-height: 500px;}


#section { -webkit-text-size-adjust: none; font-size:1.4em; font-family: secgcm; line-height: 24px; 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; }
}


.sec-1 .m_txt, .sec-2 .m_txt, .sec-3 .m_txt{background:#fff; padding:30px 10% 40px 10%;}
.sec-1 .m_txt dt, .sec-2 .m_txt dt, .sec-3 .m_txt dt{margin-bottom:20px;}

.sec-4{background:#f0f0f0; padding:25px 10% 30px 10%;}
.sec-4 h2{margin-bottom:37px;}
.device{padding:0 8%;}
.device_info{padding:10px 4% 30px 4%;}
.device_info dt{border-bottom:2px solid #a8a8a8; line-height:2.3em; text-align:center;font-weight:bold;}
.device_info dt strong{font-weight:bold;}
.device_info dd{border-bottom:1px solid #a8a8a8; line-height:1.8em; text-align:left; padding-top:5px;}

.sec-5{background:#c9c6be;}
.sec-5 article{padding:30px 10% 0 10%;}
.sec-5 article p{padding:35px 0 75px 0;}