@charset "UTF-8";
/********************************************************************************

page-faq.css　よくある質問css

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

/*============================================================
 メインビジュアル
*============================================================*/
/* 
---------------------------------------- */
#page-sample #mainvisual  {
}
#page-ページslug #セクション名  {
}

/*============================================================
 セクション共通
*============================================================*/
/* 
---------------------------------------- */
#page-sample .section {

}

/*============================================================
 セクション カテゴリー一覧
*============================================================*/
#page-faq-list #category .list {
    background: #E5E5E5;
    gap: 8px 24px;
    padding: 24px 40px;
    border-radius: 8px;
}
#page-faq-list #category .list .item {
    display: block;
    position: relative;
}
#page-faq-list #category .list .item a {
    color: #333;
    line-height: 100%;
    font-size: 16px;
    font-weight: 400;
}
#page-faq-list #category .list .item a:hover {
    color: #9D0A0A;
}
#page-faq-list #category .list .item.current a {
    color: #9D0A0A;
}

/*　全て表示　*/
#page-faq-list #category .list .item.all {
    margin-right: 24px;
}
#page-faq-list #category .list .item.all:before {
    position: absolute;
    content: "";
    background: #878787;
    width: 1px;
    height: 16px;
    top: 6px;
    right: -24px;
}
#page-faq-list #category .list .item.all a {
    color:var(--common-color-main);
    font-weight: 700;
}
#page-faq-list #category .list .item.all.current a {
    font-weight: 700;
    color: #9D0A0A;
}

/*============================================================
 セクション よくある質問
*============================================================*/
#page-faq-list #sec-post-list .parts-accordions[data-name="faq"] {
    margin-bottom: 64px;
}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1024px) {
    /*============================================================
     メインビジュアル
    *============================================================*/
    /* 
    ---------------------------------------- */
    #page-sample #mainvisual  {
    }

    /*============================================================
     セクション
    *============================================================*/
    /* 
    ---------------------------------------- */
    #page-sample #sec-セクション名 {
    }

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*============================================================
     メインビジュアル
    *============================================================*/
    /* 
    ---------------------------------------- */
    #page-sample #mainvisual  {
    }

    /*============================================================
    セクション カテゴリー一覧
    *============================================================*/
    #page-faq-list #category .list {
        padding: 24px;
    }
    #page-faq-list #category .list .item a {
        font-size: 14px;
    }

}