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

page-support.css　固定ページ サポート（下層含む）

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

/*######################################################################
 サポート
######################################################################*/
/*============================================================
 common調整
*============================================================*/
#page-support #main-contents {
    padding-bottom: 0;
}

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

}

/*============================================================
 セクション 導入部
*============================================================*/
#page-support #sec-intro {
    padding: 64px 0 360px 0;
    background-image: url(../images/top/aboutus-bg-illust.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 1920px auto;
}
#page-support #sec-intro .catch {
    font-weight: bold;
    font-size: 36px;
    line-height: 150%;
    text-align: center;
    margin-bottom: 40px;
}
#page-support #sec-intro .lead {
    text-align: center;
}
/*============================================================
 セクション サポート一覧
*============================================================*/
#page-support #sec-support-list {
    padding: 88px 0;
    background-color: var(--common-color-main);
}
#page-support #sec-support-list .sec-title-sub,
#page-support #sec-support-list .sec-title {
    color: #fff;
}



/*######################################################################
 サポート（下層共通）
######################################################################*/
/*============================================================
 セクション 本文
*============================================================*/
/* 費用　表形式
---------------------------------------- */
.page-support #sec-post .post-block-dl.tbl-fee {
    max-width: 480px;
}
.page-support #sec-post .post-block-dl.tbl-fee .row {
    padding: 0;
    border: solid 1px var(--common-color-main);
    gap: 0;
}
.page-support #sec-post .post-block-dl.tbl-fee .col-dt,
.page-support #sec-post .post-block-dl.tbl-fee .col-dd {
    padding: 8px 16px;
}
.page-support #sec-post .post-block-dl.tbl-fee .col-dt {
    background-color: var(--common-color-main);
    color: #fff;
}

/*============================================================
 セクション 関連セクション共通
*============================================================*/
.page-support .section-relation h2 {
    font-weight: bold;
    font-size: 24px;
    line-height: 160%;
    color: var(--common-color-main);
    margin-bottom: 24px;

}

/*============================================================
 セクション 関連するよくあるご質問
*============================================================*/

/*============================================================
 セクション 関連する特集
*============================================================*/



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1007px) {
}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*######################################################################
     サポート
    ######################################################################*/
    /*============================================================
     セクション 導入部
    *============================================================*/
    #page-support #sec-intro {
        padding: 64px 0 298px 0;
        background-image: url(../images/top/aboutus-bg-illust-sp.svg);
        background-size: 768px auto;
    }
    #page-support #sec-intro .catch {
        font-size: 24px;
        line-height: 160%;
        text-align: left;
    }
    #page-support #sec-intro .lead {
        text-align: left;
    }

    /*============================================================
     セクション サポート一覧
    *============================================================*/
    #page-support #sec-support-list {
        padding: 64px 0;
    }



    /*######################################################################
     サポート（下層共通）
    ######################################################################*/
    /*============================================================
     セクション 本文
    *============================================================*/
    /* 費用　表形式
    ---------------------------------------- */
    .page-support #sec-post .post-block-dl.tbl-fee .row {
        flex-direction: column;
    }
    .page-support #sec-post .post-block-dl.tbl-fee .col-dt {
        flex-basis: unset !important;
    }

}