@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 {margin: 0;height:auto;position: relative;top: 0; border-top: solid 2.5em #00a1c9;padding: 0;}
#headerAreaLogo{}
#headerAreaLogo h1{}

#headerArea #headerLink{
    width: 30%;
}

#headerTitle {width: 50%;max-width: 300px;}


#headerArea p { margin:8% 0 2% 0;width: auto;}

#headerAreaInner{ width:100%;box-sizing: border-box; padding: 0 2%;}
#headerAreaInner .ttl{text-align: right; padding-right: 5%}
/* #headerArea img{width: 70%;margin-left: 0;} */

#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;}

#headerAreaInner .leftBox {width: 70%;}
#headerAreaInner .leftBox .logo img{width: 42%;}
#headerAreaInner .leftBox .logo .logoTxt {font-size: 70%;}
#headerAreaInner .rightBox {width: 26%}
#headerAreaInner .rightBox .ttl{margin: 0;}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {width:100%;margin:0 auto;padding: 2% 0 0% 0;}
#contentsAreaInner {}
/*----------------------------------------------------------------------------
 ***                                                                agreementSec
----------------------------------------------------------------------------*/
#agreementSec {padding: 0 2.5%;}

/*----------------------------------------------------------------------------
 ***                                                                   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
----------------------------------------------------------------------------*/
#toeicFooterSec .sectionInner{max-width:1200px;margin:0 auto;/* padding:0.5em 2em; */width: 100%;/* font-size: calc(10px + 0.15vw); */box-sizing: border-box;}
#toeicFooterSec p a{ color: #6bac00; font-weight:bold;}
#toeicFooterSec #footerCopyright{ width:100%; order:4;}
#toeicFooterSec #footerCopyright p{ text-align:center;}
#toeicFooterSec #faqPage{ width:100%; order:2; margin:0.5em auto; padding:0 0 0.5em; border-bottom:1px dashed #ee93ad;}
#toeicFooterSec #faqPage p{ text-align:center;}
#toeicFooterSec #policyPage{ width:100%; order:2; margin:0.5em auto; padding:0 0 0.5em; border-bottom:1px dashed #ee93ad;}
#toeicFooterSec #policyPage p{ text-align:center;}
#toeicFooterSec #agreementPage{ width:100%; order:2; margin:0.5em auto; padding:0 0 0.5em; border-bottom: 1px dashed #6bac00;}
#toeicFooterSec #agreementPage p{ text-align:center;}
#toeicFooterSec #transactionsPage{ width:100%; order:3; margin:0.5em auto; padding:0 0 0.5em; border-bottom: 1px dashed #6bac00;}
#toeicFooterSec #transactionsPage p{ text-align:center;}
#toeicFooterSec #footerLogo{ width: 90%; order:3; margin:2em auto 1.5em;}

/*--- TOPへ戻るボタン ---*/
#backToTop {position:fixed;right: 1em;bottom: 1em;z-index: 999; width: 4em; height: auto;}