@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 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:0;top:0;z-index: 10;}

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

/* main */
.sec{background:#fff}
.main>div{border-top: 1px solid #ccc;}
.main .m_txt{padding:0 10%;}
.main .m_txt>dl>dd p{padding-top: 12px;}
.main .m_txt>dl>dd p:first-child{padding-top: 0;}

.main .cover{padding: 51.4% 0 51.7%;border-top: none;background:#fff url(../img/bg_cover.gif) no-repeat 50%;background-size: 100%;}
.outro{padding:36.5% 0 44px;background: url(../img/bg_outro.gif) no-repeat 50% 6.2%;background-size: 100%;}
.outro dt{padding-bottom: 28px;}

.sec-1{padding-bottom: 24px;background:#fff url(../img/bg_page01.gif) no-repeat 50% 8%;background-size: 100%;}
.sec-1 dt{padding: 33.2% 0;}
.sec-1 dd .txt_bottom{color: #806423;}

.sec-thumb{padding:18px 4.6% 7px;background: #f3f3f3;}
.sec-thumb a{display: block;margin-bottom: 10px;}

/* sub */
.sub .tit_area{padding-top: 52px;background: #d6d6d6;}
.sub .tit_area dt{padding-bottom: 10px;}
.sub .tit_area dd{padding-right: 20px;font-size: 12px;text-align: right;line-height: 1;}
.sub .tit_area dd b{font-size: 13px;font-weight: bold;}
.sub .qna_area{padding-bottom:12px;}
.sub ul li{position: relative;margin-top: 10px;padding: 30px 12.5% 25px;z-index: 1;}
.sub ul li:nth-child(1){margin-top: 0;}
.sub ul li .bg{position: absolute;width: 100%;z-index: -1;}
.sub ul li .bg.bg_top{top: 0;left: 0;}
.sub ul li .bg.bg_bottom{bottom: 0;left: 0;}
.sub ul li .bg.bg_middle{top: 3%;left: 0;height: 95%;background: url(../img/bg_box_02.png) repeat-y 0 0;background-size: 100%;}
.sub ul dl{background: #fff;}
.sub ul dt{padding-bottom:10px;font-size: 16px;line-height: 20px;}
.sub ul dt .ib{display: inline-block;}

.pop01 .tit_area{padding-bottom: 17px;}
.pop01 .qna_area{padding-top: 61%;background:#efe8cb url(../img/bg_pop01.gif) no-repeat 50% 0;background-size: 100%;}
.pop01 .qna_area li:nth-child(1) dt{color: #3f8773;}
.pop01 .qna_area li:nth-child(2) dt{color: #6f4e81;}
.pop01 .qna_area li:nth-child(3) dt{color: #9a3c5b;}
.pop02 .tit_area{margin-bottom: -13px;}
.pop02 .qna_area{padding-top: 66.8%;background:#efe8cb url(../img/bg_pop02.gif) no-repeat 50% 0;background-size: 100%;}
.pop02 .qna_area li:nth-child(1) dt{color: #5d9e32;}
.pop02 .qna_area li:nth-child(2) dt{color: #9e4d2d;}
.pop02 .qna_area li:nth-child(3) dt{color: #c36476;}
.pop03 .tit_area{padding-bottom: 26px;}
.pop03 .qna_area{padding-top: 57.1%;background:#efe8cb url(../img/bg_pop03.gif) no-repeat 50% 0;background-size: 100%;}
.pop03 .qna_area dt{color: #811f1f;}
.pop04 .tit_area{padding-bottom: 15px;}
.pop04 .qna_area{padding-top: 60.5%;background:#efe8cb url(../img/bg_pop04.gif) no-repeat 50% 0;background-size: 100%;}
.pop04 .qna_area li:nth-child(1) dt{color: #465dad;}
.pop04 .qna_area li:nth-child(2) dt{color: #907d0e;}
.pop04 .qna_area li:nth-child(3) dt{color: #294a7b;}
.pop05 .tit_area{padding-bottom: 15px;}
.pop05 .qna_area{padding-top: 63.2%;background:#efe8cb url(../img/bg_pop05.gif) no-repeat 50% 0;background-size: 100%;}
.pop05 .qna_area li:nth-child(1) dt{color: #654d9e;}
.pop05 .qna_area li:nth-child(2) dt{color: #a96618;}
.pop05 .qna_area li:nth-child(3) dt{color: #527d90;}
.pop06 .qna_area{padding-top: 72.8%;background:#efe8cb url(../img/bg_pop06.gif) no-repeat 50% 0;background-size: 100%;}
.pop06 .qna_area li:nth-child(1) dt{color: #c22c5a;}
.pop06 .qna_area li:nth-child(2) dt{color: #3f71c2;}
.pop06 .qna_area li:nth-child(3) dt{color: #008681;}


#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 ( max-width:340px ) {
    .sub ul dd{letter-spacing:-0.5px;word-spacing:-1px}
}