/* ===== お問い合わせボタン（フッター直前／フッター内 共通）=====
   site.css の `.theme--blue a:link {color:#0972c1}` (0,2,1) に負けないよう
   .container を前置して (0,3,0) 以上にしている。 */

/* フッター直前の帯 */
.contactBand {
    padding: 44px 20px;
    background: #f2f8fc;
    text-align: center;
}

.container .contactBtn,
.container .contactBtn:link,
.container .contactBtn:visited,
.container .contactBtn:hover {
    display: inline-block;
    border-radius: 999px;
    background: #0972c1;
    color: #fff;
    font-weight: bold;
    line-height: 1.6;
    text-decoration: none;
    transition: background .2s, transform .2s, box-shadow .2s;
}

.container .contactBtn:hover {
    background: #0253af;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(9, 114, 193, .3);
}

.container .contactBtn:focus-visible {
    outline: 3px solid rgba(9, 114, 193, .45);
    outline-offset: 3px;
}

/* 大（フッター直前） */
.container .contactBtn--lg {
    padding: 14px 44px;
    font-size: 16px;
}

/* 小（フッター内：暗いグレー背景の上でも目立つよう白枠を付ける） */
.container .contactBtn--sm {
    padding: 6px 22px;
    border: 1px solid #fff;
    font-size: 13px;
}

.footerContents__contact {
    text-align: center;
}

@media (prefers-reduced-motion: reduce) {
    .container .contactBtn {
        transition: none;
    }

    .container .contactBtn:hover {
        transform: none;
    }
}