@charset "utf-8";

/* =========================================================
   ヘッダースタイリング (サステナビリティ / sustainability)
   - ヘッダー要素の色・フォント・装飾・見栄え改善
   ========================================================= */

/* ---------------------------------------------------------
   共通 (全幅): ナビ装飾リセット・フォント統一
   --------------------------------------------------------- */
body .gNavi .subList li::before {
    display: none;
}

body .gNavi .list01 a {
    font-size: 1.6rem;
    font-weight: 500;
}

/* ---------------------------------------------------------
   PC (≥1200px)
   --------------------------------------------------------- */
@media (min-width: 1200px) {
    body .gNavi .list01 a {
        padding: 0 0 12px;
    }

    body #gHeader .gNavi .subList li {
        margin: 0 8px 23px;
    }
}

/* ---------------------------------------------------------
   1000-1199px
   --------------------------------------------------------- */
@media (min-width: 1000px) and (max-width: 1199px) {
    /* --- ヘッダーバー --- */
    body #gHeader .topLayout01 .tList li a {
        font-size: 0.9rem;
        text-align: center;
    }

    body #gHeader .topLayout01 .tList img {
        margin: 0 0 3px;
    }

    body #gHeader .tList li a {
        border-left: none;
    }

    /* --- menuBox ドロワー --- */
    body .menuBox {
        background-color: rgba(255, 255, 255, 0.9);
    }

    /* --- ナビ項目 --- */
    body .gNavi ul > li {
        margin: 0 20px 26px;
    }

    body .gNavi .list01 {
        border-top: 1px solid #ccc;
        padding-top: 18px;
        margin: -6px 20px 0;
    }

    body .gNavi .list01 li {
        margin: 0 0 26px;
    }

    body .gNavi .subCont {
        box-shadow: none;
        background-color: transparent;
    }

    body .gNavi .subList {
        margin: 0;
    }

    body .gNavi .subList li {
        margin-bottom: 42px;
    }

    /* --- menuBox: フォーム / SNS / ロゴ --- */
    body .menuBox .menuForm {
        margin: 42px 20px 35px;
    }

    body .menuBox .snsList {
        margin-bottom: 30px;
    }

    body .menuBox .snsList li {
        margin: 0 14px;
    }

    body .menuBox .spLogo {
        margin-bottom: 60px;
        text-align: center;
    }

    /* --- オーバーレイ --- */
    body .cover {
        background-color: rgba(112, 112, 112, 0.6);
    }
}