@charset "utf-8";

/**,*::before,*::after {
  outline: 2px solid blue;
}*/

/*FAQ設定*/
body.faq-page #Container {
    width:100%;
    max-width:1280px;
    background:url("../images/img_ContainerBg@2x.png") no-repeat;
    background-size:contain;
}
.SecArea {
    padding:0;
}
.SecArea p {
    width:100%;
    text-align:center;
    margin:0 0 245px;
    line-height:1.7;
}
h2 {
    text-align:center;
    font-size:3.6rem;
    font-weight:600;
    margin:0 0 80px;
    position:relative;
    z-index:1;
}
h2::after {
    position:absolute;
    content:"";
    background:#fff8ba;
    width:100%;
    /*max-width:506px;*/
    height:32px;
    bottom:-18px;
    left:50%;
    transform:translateX(-50%);
    z-index:-999;
}
@media screen and (min-width:441px) and (max-width:768px) {
        body.faq-page #Container {
        width:100%;
        max-width:768px;
        /*background:url("../../images/img_SpContBg@2x.png") no-repeat;
        background-size:contain;*/
        background:none;
        background-color:#d3e8f8;
        border-bottom:1px solid #959595;
        height:calc(490vw / 7.68);
    }
}
@media screen and (min-width:0) and (max-width:440px) {
    body.faq-page #Container {
    background:url("../images/img_SpContBg@2x.png") no-repeat;
    background-size:contain;
    }
}
@media screen and (min-width:0) and (max-width:960px) {
    body.faq-page header {
        background:none;
    }
    body.faq-page h2 {
        background:none;
        font-size:2.8rem;
    }
}
dl {
    width:100%;
    border:1px solid #959595;
    border-radius:5px;
    padding:20px 20px 0;
    margin:0 0 55px;
    background:#fff;
    box-shadow:#ffcacb 0 calc(15vw / 9.6);
}
dl dt {
    width:100%;
    margin:0 0 20px;
    padding:0 0 10px;
}
dl dd {
    width:100%;
    margin:0 0 20px;
    line-height:1.7;
}
/*dl dd.bor {
    margin:0 0 20px;
    border-top-width:3px;
    border-top-color:#000;
    border-top-style:dotted;
}*/
/* 閉じている時の dt (通常の状態) */
.faq dt {
    cursor: pointer;
    /* 必要なら境界線を消すか、薄い線を入れておく */
    border-bottom: none;
    font-size:1.5rem;
    background:url("../images/img_AllowBottom@2x.png") center center no-repeat;
    background-size:25px;
    background-position:right top;
}
/* 💡 開いている時の dt の下に罫線を引く */
/* dt に is-open クラスが付与されたとき、下に線を入れる */
.faq dt.is-open {
    /* 罫線のスタイルを自由に設定 */
    border-bottom: 3px dotted #000;
    padding-bottom: 20px; /* 線と dd の間に余白を作るため */
    margin-bottom: 20px; /* dd の上にさらに余白を作るため */
    background:url("../images/img_AllowTop@2x.png") center center no-repeat;
    background-size:25px;
    background-position:right top;
}
footer ul {
    margin:0;
}