@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{}
#wrap{ width:100%;}
/* img{ width:100%; height:auto;} */

.pcHidden{ display:block;}
.spHidden{ display:none;}
.pcNone{ display:block;}
.spNone{ display:none;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {position: relative;height: 8em;top: 0;border-top: solid 2.5em  #86929d;}
#headerArea .ttlTxt{font-size: 11px;color: #fff;font-weight: normal;position: absolute;top: -2.7em;left: 0;line-height: 1.6;margin: 0;padding: 0;width: 100%;text-align: center;z-index: 1;}
#headerArea .ttlSub{position: absolute;top: -1.6em;right: 0;color: #fff;font-size: 11px;width: 100%;line-height: 1.6;margin: 0;padding: 0;text-align: center;}

#headerArea h1{width: 100%;}
#headerArea h1 img {width: 100%;}
#headerArea .logoBox {width: 100%;}
#headerArea h1{margin-top:8%;width: 100%;padding-left:5%;margin: 0;}
#headerArea #headerAreaInner{width: 95%; margin: 0 auto; padding: 0;}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {width:100%;margin:0 auto;padding: 2% 0 0% 0;}
#contentsAreaInner {}
/*----------------------------------------------------------------------------
 ***                                                                agreementSec
----------------------------------------------------------------------------*/
#agreementSec {padding: 0 2.5%;}
#agreementSec h2{padding: 0; line-height: 1.4;}
/*----------------------------------------------------------------------------
 ***                                                                   policySec
----------------------------------------------------------------------------*/
#policySec {width:95%;margin:0 auto;padding-bottom: 0;}
#policySec h2{ font-size: 150%; padding:4% 0 2%;}
#policySec p { margin:2% 0 5%;} 
#policySec .txtBox { margin:0 0 2% 0;}
#policySec section { margin-bottom:8%;}

/*----------------------------------------------------------------------------
 ***                                                                   tokuteishouSec
----------------------------------------------------------------------------*/
#tokuteishouSec{
    width: 95%;
    margin: 0 auto;
    padding-bottom: 2%;
}
#tokuteishouSec h2{text-align:center;font-size: 150%;padding:4% 0 2%;}
#tokuteishouSec p{ font-size:1em; margin:15px 0 6px 0;}
#tokuteishouSec h3{font-size: 18px;padding-left:0.3em;line-height: 2em;margin-bottom:10px;}
#tokuteishouSec h4{}
#tokuteishouSec .txtBox { font-size:12px; line-height:1.5em; margin:2px 0 4px 0;}
#tokuteishouSec section{margin-top:20px;}
#tokuteishouSec section section{padding: 0 3%;}
#tokuteishouSec section .inBox{padding: 1em 0.5em;font-size: 12px;}
#tokuteishouSec section dl dd{padding:0.3em 1em 1.5em 1em;}
#tokuteishouSec table{border:none;}
#tokuteishouSec table *{border:none;display: block;}
#tokuteishouSec table tr{border-bottom: #ccc dotted 1px;padding: 0.8em 0;}
#tokuteishouSec table th,
#tokuteishouSec table td{
    width: 100%;
    padding: 0.1em 0em;
    line-height: 1.2em;
    background: #FFF;
    border-left: none;
    border-right: none;
    border-bottom: none;
}
#tokuteishouSec table td.txtBox{margin:0;}

/*----------------------------------------------------------------------------
 ***                                                                     news
----------------------------------------------------------------------------*/
#news{ width:90%; margin:4% auto 3%;}
#news ul{ margin:2% 5%;}
#news ul li{ padding:0.6em 0;}
#news span{ display:block; font-size:85%;}

.btnBox {margin: 2em auto 2em auto;position:relative;max-width: 550px;width: 95%;}
.btnBox li.listMargin{margin: 0 auto 1em;width: 60%;}
.btnBox li.listMargin img{width: 100%;}
.btnBox li.listMargin:last-child{}
.btnBox .linkTopicsFaq {text-align: center;}
.btnBox .linkTopicsFaq img {margin-right: 0.3em; width: auto;}
.btnBox .linkTopicsFaq a {font-weight:normal;}
.btnBox .linkTopicsFaq a {text-decoration: underline;color:#222;}
.btnBox .linkTopicsFaq p {width: 100%;text-align: center;font-size: 0.8em;}

/*電話*/
.nlsTel {width:230px;margin: 1.5em auto 2em auto;}

/*----------------------------------------------------------------------------
***                                                              footer
----------------------------------------------------------------------------*/
#footerSec .sectionInner{max-width:1200px;margin:0 auto;padding:0.5em 2em;width: 100%;/* font-size: calc(10px + 0.15vw); */}
#footerSec p a{ color:#ee93ad; font-weight:bold;}
#footerSec #footerCopyright{ width:100%; order:4;}
#footerSec #footerCopyright p{ text-align:center;}
#footerSec #faqPage{ width:100%; order:2; margin:0.5em auto; padding:0 0 0.5em; border-bottom:1px dashed #ee93ad;}
#footerSec #faqPage p{ text-align:center;}
#footerSec #policyPage{ width:100%; order:2; margin:0.5em auto; padding:0 0 0.5em; border-bottom:1px dashed #ee93ad;}
#footerSec #policyPage p{ text-align:center;}
#footerSec #transactionsPage{ width:100%; order:3; margin:0.5em auto; padding:0 0 0.5em; border-bottom:1px dashed #ee93ad;}
#footerSec #transactionsPage p{ text-align:center;}
#footerSec #footerLogo{width:100%;order:3;margin:2em auto 1.5em;max-width: 225px;}
#formLinkSec {background-color:#fcc8d9;}
/* #formLinkSec #formList ul > li{width: 100%; margin:0;} */
#formLinkSec .imgBox {width: 100%;margin: 0;}
#formLinkSec .logoBox {width: 45%;margin: 0 auto 1em auto;}
#formLinkSec .nkcTel {width: 65%;margin: 1em auto;}

#footerContentList{width: 95%;}