@charset "utf-8";

/* --------------------------------------------------------- */
/* index.css */
/* --------------------------------------------------------- */

/* メイン
----------------------- */
#main{}


/* faq --------------------------------------- */
#faq{}

.intros{width:98.654%;/*1026*/margin:6.731% auto 17.308%;}

.tab{display:flex;}
.tab li{width:50%;cursor:pointer;}

.faqwrap{}
.faqbox{padding:4.874% 5.848%;box-sizing:border-box;}
.faqbox .faq{font-size:10px;border-radius:2em;background:#fff;}
.faqbox .faq + .faq{margin-top:3.312%;}
.faqbox .qest{padding:1em 4em 0.9em;font-size:20px;font-weight:bold;line-height:150%;background:url(../img/icon-open.png) no-repeat;background-position:center right 1.35em;background-size:1.15em auto;box-sizing:border-box;position:relative;cursor:pointer;}
.faqbox .qest.close{background-image:url(../img/icon-close.png);}
.faqbox .qest:before{content:'';display:block;width:1.9em;padding-top:1.9em;margin:0.75em 0 0 1.1em;background:url(../img/icon-tab1q.png) no-repeat top left;background-size:100% auto;position:absolute;top:0;left:0;}
.faqbox .ans{display:none;padding:0.5em 4em 1em;font-size:20px;box-sizing:border-box;position:relative;}
.faqbox .ans:before{content:'';display:block;width:1.9em;padding-top:1.9em;margin:0.45em 0 0 1.1em;background:url(../img/icon-tab1a.png) no-repeat top left;background-size:100% auto;position:absolute;top:0;left:0;}
.faqbox .txt{font-size:18px;line-height:170%;}
.faqbox .txt a{color:#1e52e6;text-decoration:underline;}
.faqbox .txt a:hover{text-decoration:none;}

#cat1{background:#f9ec80;}

#cat2{display:none;background:#dbfaa2;}
#cat2 .qest:before{background-image:url(../img/icon-tab2q.png);}



@media screen and (max-width: 1050px){

/* faq --------------------------------------- */
.faqbox .faq{font-size:0.9524vw;}
.faqbox .qest{font-size:1.905vw;}
.faqbox .ans{font-size:1.905vw;}
.faqbox .txt{font-size:1.714vw;}

}



@media screen and (max-width: 750px){


/* faq --------------------------------------- */
#faq .layer{width:92%;}

.intros{width:100%;/*1026*/margin:3.479% auto 17.392%;}

.faqwrap{}
.faqbox{padding:7.247% 2.899%;}
.faqbox .faq{font-size:1.334vw;}
.faqbox .faq + .faq{margin-top:4.616%;}
.faqbox .qest{padding:0.7em 2.5em 0.8em 2.8572em;font-size:3.734vw;line-height:143%;background-size:0.82143em auto;background-position:center right 1em;}
.faqbox .qest:before{width:1.3572em;padding-top:1.3572em;margin:0.75em 0 0 0.7857em;}
.faqbox .ans{padding:00em 2.5em 0.7143em 2.8572em;font-size:3.734vw;}
.faqbox .ans:before{width:1.3572em;padding-top:1.3572em;margin:0.143em 0 0 0.7857em;}
.faqbox .txt{font-size:3.467vw;}
.faqbox .txt a:hover{text-decoration:underline;}

#faq1-6 .qest,
#faq2-7 .qest{padding-right:2em;}

}