@charset "utf-8";

/*===== PC ここから =====*/
@media screen and (min-width: 741px){
/*===== 共通 =====*/
    
    .txt_ttl {
        margin-bottom: 50px;
    }
    .sp_center_box{
        width: 800px;
        margin: 0 auto;
    }

    .anchor {
        margin: 0 0 0px;
    }

    .anchor .btn {
        float: left;
        margin: 0 15px 0 0;
    }
    
    .faq {
        padding: 0 0 70px;
    }
    
    .faq section {
        margin: 0 0 50px;
        padding: 100px 0 0 0;
    }

    .faq h3 {
        font-size: 16px;
        font-weight: 500;
        padding: 13px 10px 10px;
        /* border: 1px solid #ccc; */
        margin:0 0 30px;
        background: #ffeacd;
    }

    .faq h4 {
        font-size: 15px;
        font-weight: 600;
        margin:38px 0 20px;
    }
    .faq h4.mt0 {
        margin:-20px 0 20px;
    }
    
    .faq dl {
        padding: 0 20px;
    }
    
    .faq dt {
        font-size: 18px;
        border-bottom: 1px solid #ccc;
        background: url(../../../common/img/icon_arrow_down.png) no-repeat right 10px center;
        background-size: 10px;
        cursor: pointer;
        line-height: 100%;
        padding: 20px 0 20px;
        margin: 0 0 5px;
    }
    
    .faq dt.active {
        background: url(../../../common/img/icon_arrow_up.png) no-repeat right 10px center;
        background-size: 10px;
    }
    
    .faq dd {
        display: none;
        font-size: 15px;
        padding: 10px 0 0;
        margin: 0 0 20px;
        line-height: 180%;
        text-indent: -1.8em;
        padding-left: 1.8em;
    }
    
    
    .faq dt::before {
        content: "Q.";
        padding: 0 10px 0 0;
        vertical-align: 5%;
        color: rgb(249 118 76);
    }
    
    .faq dd::before {
        content: "A.";
        padding: 0 10px 0 2px;
        vertical-align: 5%;
        color: rgb(249 118 76);
        font-size: 18px;
    }
    
    .faq dd a {
        color: #427eff;
        text-decoration: underline;
    }
    
    .faq dd a.tel {
        pointer-events: none;
        color: #555;
        border-bottom: none;
    }
    
}
/*===== PC ここまで =====*/
/*===== SP ここから =====*/
@media screen and (max-width: 740px){
/*===== 共通 =====*/
    .txt_ttl {
        width: 100%;
        margin-bottom: 15px;
    }
    
    .anchor {
        margin: 0 0 30px;
        text-align: center;
    }

    .anchor .btn {
        float: left;
        margin: 0 2% 10px 0;
        width: 49%;
    }
    
    .anchor .btn:nth-child(2) {
        margin-right: 0;
    }
    
    .anchor .btn a {
        font-size: 3vw;
        padding: 10px 0;
    }
    
    .anchor .btn .fa {
        top: 25px;
    }
    
    .faq {
        padding: 0 0 30px;
    }
    
    .faq section {
        padding: 71px 0 0;
        margin: -61px 0 40px;
    }

    .faq h3 {
        font-size: 14px;
        padding: 13px 10px 10px;
        margin: 0 0 20px;
        background: #ffeacd;
    }
    .faq h4 {
        font-size: 13px;
        font-weight: 600;
        margin:30px 0 20px;
    }
    .faq h4.mt0 {
        margin:-20px 0 15px;
    }
    .faq dt {
        font-size: 15px;
        border-bottom: 1px solid #ccc;
        margin: 0 0 10px;
        background: url(../../../common/img/icon_arrow_down.png) no-repeat right 10px center;
        background-size: 10px;
        cursor: pointer;
        text-indent: -1.8em;
        padding: 0 25px 10px 1.8em;
        line-height: 150%;
    }
    
    .faq dt.active {
        background: url(../../../common/img/icon_arrow_up.png) no-repeat right 10px center;
        background-size: 10px;
    }
    
    .faq dd {
        font-size: 13px;
        display: none;
        margin: 0 0 25px;
        text-indent: -1.8em;
		padding-left: 1.8em;
    }

    
    
    .faq dt::before {
        content: "Q.";
        padding: 0 10px 0 0;
        vertical-align: 5%;
        color: rgb(249 118 76);
    }
    
    .faq dd::before {
        content: "A.";
        padding: 0 10px 0 0;
        vertical-align: 5%;
        color: rgb(249 118 76);
        font-size: 14px;
    }
    
    .faq dd a {
        border-bottom: 1px solid #ccc;
    }
    
    .faq dd a.tel {
        border-bottom: none;
    }
    
    .faq dd span {
        text-indent: -1em;
		padding-left: 1em;
        display: inline-block;
    }

}
/*===== SP ここまで =====*/