/*
 * フッター。デザイン原本どおり、CONTACT（お問い合わせ導線）とフッター本体を
 * 同じ紺（#003399）で続けて1つのかたまりに見せる。
 */
.c-footer-cta,
.c-footer {
    background-color: var(--color-primary);
    color: var(--color-white);
    text-align: center;
}

/*
 * フッターは CONTACT を含めて低めにまとめる（参考：eiwa-web.co.jp）。
 * 下の余白は0にし、ボタンと下の会社名の間を、「お問い合わせ」とボタンの間と同じくらいにする（依頼主の指示。
 * 間隔は .c-footer__site-title の上マージンが受け持つ）。
 */
.c-footer-cta {
    padding: var(--space-md) 0 0;
}

.c-footer-cta__title {
    color: var(--color-white);
    font-size: clamp(1.4rem, 1.1rem + 1vw, 1.8rem);
    letter-spacing: 0.04em;
    line-height: 1.2;
    margin: 0;
}

.c-footer-cta__subtitle {
    /* 0.72rem */
    font-size: 0.72rem;
    font-weight: 700;
    margin: 0.3em 0 var(--space-sm);
}

.c-footer-cta__actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--space-sm) var(--space-lg);
}

/*
 * CONTACT の2つのボタンは共通幅198pxの1.3倍。
 * 親は中央寄せ＋gap 固定なので、ボタン同士の間隔は変わらず、それぞれ外側へ伸びる。
 * 文字の大きさは本文のボタンと共通（--btn-font-size、buttons.css）。
 */
.c-footer-cta__actions .c-btn {
    width: calc(var(--btn-base-width) * 1.3);
    font-weight: 700;
}

/* 電話のボタン。マーク・半角スペース・番号は1つの文字の行（.c-footer-cta__tel-text）としてボタンの中央に置く */
.c-footer-cta__tel {
    letter-spacing: 0.02em;
}

.c-footer {
    padding: 0 0 var(--space-sm);
}

.c-footer__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.c-footer__site-title {
    font-weight: 700;
    font-size: 1rem;
    /* 「お問い合わせ」の下の余白（--space-sm）と同じ。ボタンとの間の見た目の間隔がそろう */
    margin: var(--space-sm) 0 var(--space-xs);
}

.c-footer__address {
    font-size: 0.8rem;
    margin: 0 0 var(--space-sm);
}

/* 住所は交通アクセスへのリンク。見た目は原本どおり普通の文字にし、触れたときだけ下線 */
.c-footer__address a {
    color: inherit;
    text-decoration: none;
}

.c-footer__address a:hover {
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

/* ナビの上下に白い線（原本どおり） */
.c-footer__nav {
    width: min(100%, 720px);
    border-top: 1px solid rgba(255, 255, 255, 0.85);
    border-bottom: 1px solid rgba(255, 255, 255, 0.85);
    padding: var(--space-xs) 0;
}

.c-footer__menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-xs) var(--space-sm);
}

.c-footer__menu a {
    color: var(--color-white);
    font-size: 0.85rem;
}

.c-footer__menu a:hover {
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.c-footer__privacy {
    margin: var(--space-xs) 0 0;
    font-size: 0.72rem;
}

.c-footer__privacy a {
    color: var(--color-white);
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.c-footer__copyright {
    font-size: 0.72rem;
    margin: var(--space-xs) 0 0;
}

@media (max-width: 599px) {
    .c-footer-cta__actions .c-btn {
        min-width: 0;
        width: min(100%, 18em);
    }
}