@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 PC
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

a.underline:link {
    color: #004bbb;
}
a.underline:visited {
    color: #002f73;
}

a.underline:hover {
    text-decoration: none;
}

#generalFv.faqFv {
    height: 220px;
    border-bottom: 1px solid #aaa;
    background: url(/mega/wp-content/themes/site/images/common/faq_mv_img.png) no-repeat,#fffcef;
    background-position: calc(50% + 250px) bottom;
}

.lower_wrap {
    width: 880px;
    margin: 0 auto;
    overflow: visible;
}

#pageFaq_buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 30px 0 50px;
}

#pageFaq_buttons .FaqBtn {
    position: relative;
    margin: 0 5px 20px;
    width: calc((100% - 30px) / 3);
    height: 68px;
    background-color: #fff8f2;
    border: 1px solid #f24907;
    border-radius: 34px;
}

#pageFaq_buttons li {
    list-style: none;
}

#pageFaq_buttons a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.FaqBtn span {
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
    color: #000;
    line-height: 1.3;
    font-weight: bold;
}

#pageFaq_buttons .FaqBtn::before {
    content: "▼";
    color: #f12c54;
    font-size: 11px;
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.2s top;
}
#pageFaq_buttons .FaqBtn.arrowRight::before {
    transform: translateY(-50%) rotate(-90deg);
}

.faq_wrap {
    border-top: 4px solid #e0b300;
    padding-top: 30px;
    position: relative;
}

.faq_wrap::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e0b300;
    position: absolute;
    top: 4px;
    left: 0;
}

.faqWrap_q,
.faqWrap_q2,
.faqWrap_a,
.faqWrap_a1 {
    padding-left: calc(43px + 25px);
    position: relative;
}

.faqWrap_q {
    font-size: 26px;
    font-family: 700 5rem/1.2 "Yu Mincho", "YuMincho", serif;
    padding-bottom: 15px;
    border-bottom: dashed 1px #c9c9c9;
    line-height: 1.3;
}

.faqWrap_a {
    padding-top: 20px;
    padding-bottom: 23px;
}

.faqWrap_a .underline {
    text-decoration: underline;
}

.faqWrap_q::before,
.faqWrap_a::before,
.faqWrap_q2::before,
.faqWrap_a1::before {
    font: 700 5rem YakuHanJP, "Hiragino Kaku Gothic StdN", "Noto Sans JP", sans-serif;
}
.ie .faqWrap_q::before,
.ie .faqWrap_a::before,
.ie .faqWrap_q2::before,
.ie .faqWrap_a1::before {
    font-family: YakuHanJP, "NotoSansCJKjp", "YuGothic", "Yu Gothic", serif;
}

.faqWrap_q::before {
    content: "Q";
    color: #0036a3;
    position: absolute;
    top: -50%;
    left: 0;
}

.faqWrap_q2::before {
    top: -14%;
}

.faqWrap_a::before {
    content: "A";
    color: #ff0000;
    position: absolute;
    top: 5px;
    left: 0;
}

.faqWrap_a1::before {
    top: -10%;
}

.aboutPC th:first-child {
    background-color: #eee;
    width: 100px;
}

.aboutPC th,
.aboutPC td {
    font-size: 14px;
    border: 1px solid #ddd;
    text-indent: 0;
    padding: 5px 10px;
    width: 490px;
}

.systemSpecTxt_list {
    margin-bottom: 20px;
}
.systemSpecTxt_list img {
    margin: 20px 0;
}

.faqWrap_a p:nth-child(1) {
    font-size: 20px;
    font-weight: bold;
}
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 PC&tablet @~1024px
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media screen and (max-width: 1024px){
    #generalFv.faqFv {
        background-position: calc(50% + 230px) bottom;
    }
}
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 tablet @~834px
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media screen and (max-width: 834px){
    #generalFv.faqFv {
        background-position: bottom right 2vw;
        background-size: auto 80%;
        height: max(12rem, min(22vw, 22rem));
    }
    .generalFvTWrap_h1 {
        font-size: max(2.8rem, min(5vw, 4rem));
    }
}
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 tablet @~768px
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media screen and (max-width: 768px){
    #generalFv.faqFv {
        background: url(/mega/wp-content/themes/site/images/common/faq_mv_img_sp.png) bottom right 5vw no-repeat,#fffcef;
        background-size: auto 90%;
    }

    .lower_wrap {
        padding: 0 19px;
        width: 100%;
        margin: 0 auto;
        width: 100%;
    }

    #pageFaq_buttons {
        margin: 16px auto 25px;
    }

    #pageFaq_buttons .FaqBtn {
        margin: 0 2px 10px;
        justify-content: space-between;
        width: calc((100% / 2) - 4px);
        height: 55px;
    }

    .FaqBtn span {
        left: 17px;
        font-size: 1.5rem;
    }

    #pageFaq_buttons .FaqBtn::before {
        right: 10px;
    }

    .faq_wrap {
        border-top: 3px solid #e0b300;
        padding-top: 16px;
    }

    .faq_wrap::before {
        top: 2px;
    }
    .faqWrap_q {
        font-size: 17px;
        padding-bottom: 12px;
    }

    .faqWrap_q,
    .faqWrap_q2,
    .faqWrap_a,
    .faqWrap_a1 {
        padding-left: calc(26px + 7px);
    }

    .faqWrap_a {
        padding-top: 7px;
        padding-bottom: 3px;
    }

    .faqWrap_q::before,
    .faqWrap_a::before,
    .faqWrap_q2::before,
    .faqWrap_a1::before {
        font-size: 28px;
    }

    .faqWrap_q::before {
        top: -5px;
        line-height: 1;
    }

    .faqWrap_a::before {
        top: 13px;
        line-height: 1;
    }
    .faqWrap_a p:nth-child(1) {
        font-size: 17px;
        line-height: 1.3;
    }

}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 tablet @~768px
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media screen and (max-width: 480px){
    #generalFv.faqFv {
        background-size: auto 80%;
    }
}
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 SP @ ~320px
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media screen and (max-width: 320px){
   .generalFv_tWrap {
        margin: 0;
    }
    .FaqBtn span {
        font-size: 1.2rem;
        left: 13px;
    }
    .generalFvTWrap_h1 {
        letter-spacing: -1px;
    }
}