@charset "utf-8";

/* ************************************************************************

*   sopra_faq.css

************************************************************************ */
/***************************
*メイン背景
***************************/
.bg{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	display: none;
}
.bg01{
	background: rgba(0,0,0,0) url(../img/bg01_pc.png) no-repeat center bottom;
	background-attachment: fixed;
	background-size: 100% auto;
	display: none;
}
.bg02{
	background: rgba(0,0,0,0) url(../img/bg02_pc.png) no-repeat center bottom;
	background-attachment: fixed;
	background-size: 100% auto;
	display: none;
}
/***************************
*縦書き
***************************/
.v_text_bd{
    -webkit-font-feature-settings: 'pkna';
    font-feature-settings: 'pkna';
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
/***************************
*コンテンツ幅マスター
***************************/
.cont_w_bd{
    width: 998px;
}
/***************************
*タイトル、リード、イメージ画像
***************************/
#head_copy_bd{
    height: 380px;
    position: relative;
    margin: 60px auto 100px;
    color: #80889c;
}
#head_copy_bd .text_part{
    margin: 0 auto;
    overflow: hidden;
}
#head_copy_bd h2.title{
    position: absolute;
    right: 0px;
    top: 38px;
    padding: 0;
    margin: 0;
	font-size: 58px;
    text-align: left;
    line-height: 1;
	letter-spacing: 2px;
	font-family: 'Cardo', serif;
	font-weight: normal;
}
#head_copy_bd .lede{
    position: absolute;
    right: 75px;
    top: 38px;
    font-size: 16px;
    font-weight: lighter;
    letter-spacing: 1px;
    line-height: 2.3;
}

/*--- main ttl ---*/
.sopra .animateme { opacity: 0;}
.sopra .page_ttl { height: 486px; padding-bottom: 0 !important;}
.sopra .page_ttl h2 { font-size: 56.5px;}
.sopra .page_ttl h2 span { display: inline-block; width: 1em; height: 0.25em;}


.faq_sec { width: 100%; background: #aad7e0; padding: 0 0 60px 0;}
.faq_sec .inner{ width: 1000px; margin: 0 auto; }
/*---#accordionBox---*/
.faq_sec ul, .faq_sec ul li, .faq_sec ul li h4, .faq_sec ul li dl, .faq_sec ul li dl dt, .faq_sec ul li dl dd { width: 100%;}
.faq_sec ul { height: auto; margin: 0 auto;}
.faq_sec ul li h4 { position: relative; height: 57px; font-size: 20px; font-weight: bold; color: #80889c; line-height: 57px; text-align: center; border-top: 1px solid #80889c; border-bottom: 1px solid #80889c; margin-top: 45px;}
.faq_sec ul li h4:after { position: absolute; display: block; content: "+"; width: 16px; height: 16px; right: 15px; top: 0; color: #999; font-size: 30px; font-weight: bold;}
.faq_sec ul li h4.mainOpened:after { content: "－"; right: 17px;}
.faq_sec ul li dl.subList { font-size: 16px; color: #6f788e; text-align: left;}
.faq_sec ul li dl dt { position: relative; height: auto; line-height: 1.2; padding: 15px 0 15px 90px; background: #fff url(../img/ac_q.png) no-repeat 25px 10px; background-size: auto 30px; margin: 20px 0; width: 100%; box-sizing: border-box;}
.faq_sec ul li dl dt:after { position: absolute; display: block; content: ""; width: 8px; height: 8px; right: 15px; top: 50%; border-top: 1px solid #737373; border-right: 1px solid #737373; -webkit-transform: rotate(135deg) translateY(50%); transform: rotate(135deg) translateY(50%);}
.faq_sec ul li dl dt.subOpened:after { -webkit-transform: rotate(-45deg) translate(-1px,-4px); transform: rotate(-45deg) translate(-1px,-4px);}
.faq_sec ul li dl dt span { display: block; width: 80%;}
.faq_sec ul li dl dd { min-height: 52px; line-height: 26px; padding: 12px 30px 0 90px; background: url(../img/ac_a.png) no-repeat 25px 10px; background-size: auto 30px; margin-bottom: 10px; width: 80%;}
.faq_sec ul li dl dd:last-child { margin-bottom: 0;}

.pdfLink{
	padding: 20px 0 0 0;
}

.pdfLink p{
	padding: 0 0 10px 0;
}

.pdfLink p a{
	text-decoration: underline;
}

.mainTrigger{cursor: pointer;}


/*------------------------------------------------
     SP View
 ----------------------------------------------- */

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

    /***************************
    *メイン背景
    ***************************/
    .bg{
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        display: none;
    }
    .bg01{
        background: rgba(0,0,0,0) url(../img/bg01_pc.png) no-repeat center bottom;
        background-attachment: fixed;
        background-size: 100% auto;
        display: none;
    }
    .bg02{
        background: rgba(0,0,0,0) url(../img/bg02_pc.png) no-repeat center bottom;
        background-attachment: fixed;
        background-size: 100% auto;
        display: none;
    }
    /***************************
    *縦書き
    ***************************/
    .v_text_bd{
        -webkit-font-feature-settings: 'pkna';
        font-feature-settings: 'pkna';
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }
    /***************************
    *コンテンツ幅マスター
    ***************************/
    .cont_w_bd{
        width: calc(100% - 80px);
        margin: 0 auto;
    }
    /***************************
    *タイトル、リード、イメージ画像
    ***************************/
    #head_copy_bd{
        height: auto;
        position: relative;
        margin: 40px auto 80px;
        color: #80889c;
    }
    #head_copy_bd .text_part{
        margin: 0 auto;
        overflow: hidden;
    }
    #head_copy_bd h2.title{
        position: relative;
        float: right;
        right: 0;
        top: 0;
        padding: 0;
        margin: 25px 31% 0 0;
        font-size: 58px;
        text-align: left;
        line-height: 1;
        letter-spacing: 2px;
        font-family: 'Cardo', serif;
        font-weight: normal;
    }
    #head_copy_bd .lede{
        position: relative;
        float: right;
        right: 0;
        top: 0;
        padding: 0;
        margin: 25px calc(25% - 58px) 0 0;
        font-size: 16px;
        font-weight: lighter;
        letter-spacing: 1px;
        line-height: 1.5;
    }
    #head_copy_bd img{
        width: 100%;
        height: auto;
        margin: 50px 0 0;
    }

.sopra .page_ttl { padding-bottom: calc(200px + 25%);}
.sopra .page_ttl h2 { line-height: 0.75; margin: 0 30% 0 10% !important;}
.sopra .page_ttl h2 span { display: block; width: 0; height: 0;}
.sopra .page_ttl h3 { min-height: 114px !important;}


.faq_sec { padding: 0 0 10vw 0; margin-top: -25px;}
.faq_sec .inner{ width: 100%; margin: 0 auto; }
/*---#accordionBox---*/

.faq_sec ul, .faq_sec ul li, .faq_sec ul li h4, .faq_sec ul li dl, .faq_sec ul li dl dt, .faq_sec ul li dl dd {}
.faq_sec ul { width: 90%;}
.faq_sec ul li h4 { height: 33px; font-size: 15px; line-height: 33px; margin-top: 27px;}
.faq_sec ul li h4:after { width: 8px; height: 8px; right: 2.7%; top: 0; font-size: 15px;}
.faq_sec ul li h4.mainOpened:after { right: 2.9%;}
.faq_sec ul li dl.subList { font-size: 13px;}
.faq_sec ul li dl dt { min-height: 40px; padding: 13px 0 10px 13%; background-position: 3.4% 10px; background-size: auto 19px; margin: 15px 0; width: 100%; line-height: 28px;}
.faq_sec ul li dl dt:after { width: 8px; height: 8px; top: 45%; right: 3.2%; -webkit-transform: rotate(135deg) translateY(50%); transform: rotate(135deg) translateY(50%);}
.faq_sec ul li dl dt span { width: 89%;}
.faq_sec ul li dl dd { line-height: 28px; padding: 0 2% 0 13%; background-position: 3.4% 10px; background-size: auto 19px; margin-bottom: 0; width: 80% }
.faq_sec ul li dl dd:last-child { margin-bottom: 0;}

}
/*------------------------------------------------
     SP View (Holizonal)
 ----------------------------------------------- */

@media screen and (min-width: 415px) and (max-width: 768px){





}