/* =========================================================
  ブランドカラー
========================================================= */
:root {
    --c-primary:      #415D99;
    --c-primary-dark: #334067;
    --c-accent:       #334067;

    --c-bg-soft:      #F4F6FB;
}


/* =========================================================
  ベースフォント
========================================================= */
:root {
    --wp--preset--font-family--sans: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


/* =========================================================
  下層ページ ヘッダー背景（画像なし時）
========================================================= */
.p-topArea.-noimg {
    background-image: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url(/wp-content/uploads/2026/08/head_bg1.webp);
    background-size: cover;
    background-position: bottom center;

}


/* =========================================================
  フッター色
========================================================= */
.l-footer {
    margin-top: 6rem;
}

.l-footer__widgets {
    padding: 3rem 0;
}

.l-footer__foot {
    background-color: var(--c-primary-dark);
}

.ft_col {
    line-height: 1.6;
    margin-bottom: 0;
}

.ft_col_left .ft_logo {
    max-width: 260px;
}

.ft_txt {
    font-size: .8rem;
}

.ft_col_right {
    line-height: 2;
}

.c-widget+.c-widget {
    margin-top: 1rem;
}

@media (max-width: 781px) {
    .ft_col_right {
        border-top: 1px solid #7f93bd;
        padding: 1.5rem .5rem;
    }
}


/* ---------------------------------------------------------
  フッター アイコン（メール・Instagram・所在地）
--------------------------------------------------------- */
.l-footer i.fa-envelope,
.l-footer i.fa-instagram,
.l-footer i.fa-location-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--c-bg);
    border-radius: 50%;
    color: var(--c-bg);
    font-size: 16px;
    transition: opacity 0.3s;
}

.l-footer i.fa-envelope:hover,
.l-footer i.fa-instagram:hover,
.l-footer i.fa-location-dot:hover {
    opacity: 0.7;
}


/* =========================================================
  ヘッダー
========================================================= */
.l-header {
    box-shadow: none;
}

.l-header__body.l-container {
    max-width: 1440px;
}

html[data-scrolled="true"] .l-header {
    box-shadow: var(--shadow3);
}

.c-gnav__li > .c-gnav__a {
    padding-bottom: 0px !important;
}


/* =========================================================
  グローバルナビ アイコンメニュー（メール・Instagram）
========================================================= */
.c-gnav__li:has(> .c-gnav__a i.fa-envelope),
.c-gnav__li:has(> .c-gnav__a i.fa-instagram) {
    margin-left: 12px;
    display: flex;
    align-items: center;
}

.c-gnav__a:has(i.fa-envelope),
.c-gnav__a:has(i.fa-instagram) {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px !important;
    padding: 0 !important;
    border-radius: 50%;
    background: var(--c-bg);
    transition: opacity 0.3s;
}

.c-gnav__a:has(i.fa-envelope) .__mainText,
.c-gnav__a:has(i.fa-instagram) .__mainText {
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-gnav__a:has(i.fa-envelope) i,
.c-gnav__a:has(i.fa-instagram) i {
    color: var(--c-primary-dark);
    font-size: 1rem;
    line-height: 1;
}

.c-gnav__a:has(i.fa-envelope):hover,
.c-gnav__a:has(i.fa-instagram):hover {
    opacity: 0.8;
}

html[data-scrolled="true"] .c-gnav__a:has(i.fa-envelope),
html[data-scrolled="true"] .c-gnav__a:has(i.fa-instagram) {
    background: var(--c-primary-dark);
}

html[data-scrolled="true"] .c-gnav__a:has(i.fa-envelope) i,
html[data-scrolled="true"] .c-gnav__a:has(i.fa-instagram) i {
    color: var(--c-bg);
}

body:not(.home) .c-gnav__a:has(i.fa-envelope),
body:not(.home) .c-gnav__a:has(i.fa-instagram) {
    background: var(--c-primary-dark);
}

body:not(.home) .c-gnav__a:has(i.fa-envelope) i,
body:not(.home) .c-gnav__a:has(i.fa-instagram) i {
    color: var(--c-bg);
}