/* =========================================================
   NMN MASTER 申込CTAバナー  (cantik 2026-06)
   既存 cta-pc.png を流用し、パルスアニメ（拡大縮小）を付与。
   現在はハンバーガーメニュー内バナーのみで使用。
   独立ファイル。既存 style.scss/style.css には手を入れない。
   既存要素に触れるのは .p-drawer-container の overflow-y（スクロール改善）のみ。
   それ以外は全て自前クラス（.nmn-cta-banner / .p-drawer-banner）に限定。
   ========================================================= */
.nmn-cta-banner {
    display: block;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    line-height: 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .20);
    animation: nmnPulse 1.8s ease-in-out infinite;
    transform-origin: center center;
    transition: box-shadow .3s ease;
}

.nmn-cta-banner img {
    display: block;
    width: 100%;
    height: auto;
}

.nmn-cta-banner:hover {
    box-shadow: 0 10px 28px rgba(0, 0, 0, .30);
}

@keyframes nmnPulse {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.04); }
}

/* アクセシビリティ: 視差軽減設定時はアニメ停止 */
@media (prefers-reduced-motion: reduce) {
    .nmn-cta-banner { animation: none; }
}

/* --- ハンバーガー(ドロワー)を縦スクロール可能に --- */
/* 既存 .p-drawer-container は overflow 未指定で、内容が画面高を超えると見切れる。
   見た目は一切変えず、はみ出した分だけスクロールできるようにするだけ。 */
.p-drawer-container {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

/* --- ハンバーガーメニュー内バナーの配置（自前要素のみ） --- */
.p-drawer-banner { margin: 26px 16px 10px; }
.p-drawer-banner .nmn-cta-banner { max-width: 100%; }

/* --- フッター内バナー：背景白＋上下バランス。
   フッター(.p-footer は #646464)の上余白を相殺し、白帯をフッター最上部に揃える。 --- */
.nmn-footer-banner {
    background: #fff;
    margin-top: -62px;       /* PC: .p-footer の padding-top(62px) を相殺 */
    padding: 40px 16px;      /* 上下を均等に */
}

@media (max-width: 1023px) {
    .p-drawer-banner { margin: 20px 14px 8px; }
}
@media (max-width: 767px) {
    .nmn-footer-banner {
        margin-top: -40px;   /* SP(≤767): .p-footer の padding-top は 40px */
        padding: 28px 16px;
    }
}