@charset "utf-8";

#faq {
    padding: 8vw 0 12vw;
}

.faq_list > article + article {
    margin-top: 7.5vw;
}

.faq_list > article > .faq_list_title {
    background: #144282;
    padding: 0 3vw;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.08em;
    font-size: 3.5vw;
    line-height: 8vw;
    box-sizing: border-box;
    position: relative;
}

.faq_list > article > .faq_list_content {
    padding: 3vw 0 0;
}

.faq_list > article > .faq_list_content > dl + dl {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #ededed;
}

.faq_list > article > .faq_list_content > dl > dt:before,
.faq_list > article > .faq_list_content > dl > dd:before {
    font-family: 'Quicksand', sans-serif;
    margin-left: -1em;
    position: relative;
    display: inline-block;
    float: left;
    font-weight: 700;
}

.faq_list > article > .faq_list_content > dl > dt:before {
    content: "Q";
    color: #3356b4;
}

.faq_list > article > .faq_list_content > dl > dd:before {
    content: "A";
    color: #e53b1f;
}

.faq_list > article > .faq_list_content > dl > dt,
.faq_list > article > .faq_list_content > dl > dd {
    padding-left: 1em;
    position: relative;
}

.faq_list > article > .faq_list_content > dl > dt {
    color: #144282;
    font-weight: 700;
}

.faq_list > article > .faq_list_content > dl > dd .memo:before {
    content: "※";
    float: left;
    position: relative;
    margin-left: -1em;
    display: inline-block;
}

.faq_list > article > .faq_list_content > dl > dd .memo {
    position: relative;
    padding-left: 1em;
    display: inline-block;
}

.faq_list > article > .faq_list_content > dl > dd .dot_list {
    margin-top: 0.75vw;
}

.faq_list > article > .faq_list_content > dl > dd .dot_list > li + li {
    margin-top: 1.25vw;
}



@media screen and (min-width: 480px) {

#faq {
    padding: 36px 0 54px;
}

.faq_list > article + article {
    margin-top: 34px;
}

.faq_list > article > .faq_list_title {
    padding: 0 14px 0;
    font-size: 1.575rem;
    line-height: 36px;
}

.faq_list > article > .faq_list_content {
    padding: 23px 0 0;
}

.faq_list > article > .faq_list_content > dl > dd .dot_list {
    margin-top: 4px;
}

.faq_list > article > .faq_list_content > dl > dd .dot_list > li + li {
    margin-top: 6px;
}

}


@media screen and (min-width: 1111px) {

#faq {
    padding: 60px 0 100px;
}

.faq_list > article + article {
    margin-top: 60px;
}

.faq_list > article > .faq_list_title {
    padding: 0 15px 0;
    font-size: 1.8rem;
    line-height: 42px;
}

.faq_list > article > .faq_list_content {
    padding: 20px 0 0;
}

.faq_list > article > .faq_list_content > dl > dd .dot_list {
    margin-top: 3px;
}

.faq_list > article > .faq_list_content > dl > dd .dot_list > li + li {
    margin-top: 3px;
}
}

/* ----------------------------------
　　　　2022/03/23 追記ここから
-------------------------------------*/
#faq span.A-title{
    background: #FDF7BF;
    color: #144282;
    font-weight: bold;
    padding: 0 10px;
    margin-bottom: 5px;
}

#faq span.A-ftn{
    background: #FFCADE;
    color: #144282;
    font-weight: bold;
    padding: 0 10px;
    margin-bottom: 5px;
}


/* ----------------------------------
　　　　2022/06/08 追記ここから
-------------------------------------*/
#faq #guide_cleaningmenu{ /* now_common.css 上書き */
    justify-content: flex-start;
}
    @media screen and (max-width: 480px){ /* now_common.css 上書き */
        #faq #guide_cleaningmenu{
            flex-wrap: wrap;
        }
    }
#faq #guide_cleaningmenu li{ /* now_common.css 上書き */
    width: 33.3%;
}
#faq #guide_cleaningmenu li.selected a{
    background: #144282;
    color: #ededed;
}
#faq #guide_cleaningmenu li.selected a { /* guide_nav.css 上書き */
    /* border: none;
    border-left: 1px solid #144282;
    border-top: 1px solid #144282;
    border-right: 1px solid #144282; */
}
#faq .guide_nav{
    background: #FFF;
    border: 1px solid #144282;
    margin-bottom: 20px;
}
#faq .guide_nav > #guide_nav_aco > .link_btn{
    margin-top: min(4vw,20px);
}
#faq .link_btn{ /* common.css 上書き */
    /* margin-bottom: 30px; */
}
#faq .link_btn ul{ /* common.css 上書き */
    max-width: 1080px;
    justify-content: space-around;
}
.link_btn li + li {
    margin-top: 0;
}
            @media screen and (min-width: 480px){
                .link_btn li + li {
                    margin-top: 0px;
                }
            }
#faq .link_btn ul li{ /* common.css 上書き */
    width: 100%;
}
            @media screen and (min-width: 850px) {
                #faq .link_btn ul li{ /* common.css 上書き */
                    width: 31%;
                }
            }
            @media screen and (max-width: 480px) {
                #faq .link_btn li + li{
                    margin-top: 2vw;
                }
            }
#faq .link_btn a{
    width: 100%;
    background: #FFF;
    color: #144282;
    border: solid 1px #144282;
    font-size: 15px;
}
#faq .guide_nav > p{
    /* line-height: min(5vw,40px);
    margin-bottom: 0;
    background: #FFF;
    padding: 0; */
    /* text-align: center; */
}
        @media screen and (max-width: 1110px){/*1110px以下は*/
            #faq .guide_nav > p{
                background: #F3F3EE;
            }
        }

        @media screen and (min-width: 480px){
            #faq .guide_nav > #guide_nav_aco > ul > li{
                padding: 0 50px 0 0;
            }
        }

#faq .link_btn a i{
    background: #144282;
    color: #FFF;
}