
/* ===== 受講方法エリア メリハリ強化(上書き) 陽子 2026-07-22 ===== */
#attendance .inner.topics{ width:70vw; margin:0 auto; }
#attendance .price-table-wrapper{ width:70vw!important; margin:0 auto; }
#attendance p.note{ font-size:clamp(1.05rem,.95rem + .6vw,1.35rem); font-weight:800; color:#1c6b45!important; }
/* STEP=3ステップの流れ(連結・アクセント) */
#attendance .attendance-steps{ gap:20px; margin:36px 0 44px; }
#attendance .attendance-step{ position:relative; padding:30px 24px 26px; background:#fff; border:1px solid #dcebe2!important; border-top:4px solid #46b279!important; border-radius:16px!important; box-shadow:0 8px 22px rgba(31,74,51,.07); }
#attendance .attendance-step__number{ width:50px; height:50px; margin-bottom:16px; font-size:.7rem; letter-spacing:.05em; box-shadow:0 6px 14px rgba(70,178,121,.35); }
#attendance .attendance-step h3{ font-size:1.15rem; font-weight:800; color:#183b2a; }
#attendance .attendance-step p{ font-size:.9rem; color:#5a6b60; }
@media(min-width:900px){ #attendance .attendance-step:not(:last-child)::after{ content:""; position:absolute; top:50px; right:-14px; z-index:3; width:15px; height:15px; border-top:3px solid #9fcbb4; border-right:3px solid #9fcbb4; transform:rotate(45deg); } }
/* 申込パネル=メインCTA(濃緑で最も強調) */
#attendance .apply-panel{ width:100%; max-width:none; margin:10px auto 0; padding:38px 42px; background:#1a1a1a!important; border:none!important; box-shadow:0 18px 44px rgba(0,0,0,.28)!important; color:#fff; }
#attendance .apply-panel__eyebrow{ color:#fff!important; font-size:clamp(1.3rem,1.1rem + .8vw,1.6rem); font-weight:800; margin-bottom:12px!important; }
#attendance .apply-panel__lead{ color:#cfcfcf!important; }
#attendance .apply-panel__btn{ background:#fff!important; color:#1f6b45!important; font-size:1.02rem; padding:16px 42px; box-shadow:0 10px 22px rgba(0,0,0,.2)!important; }
#attendance .apply-panel__btn:hover{ background:#eef7f2!important; }
#attendance .apply-panel__dl a{ color:#fff!important; }
#attendance .apply-panel__dl a::before{ color:#c7ead7; }
#attendance .apply-panel__qr{ background:#fff; padding:12px 12px 7px; border-radius:12px; }
#attendance .apply-panel__qr img{ border:none!important; padding:0!important; }
#attendance .apply-panel__qr span{ color:#3f5a4c; }
/* 注意事項・お問い合わせ=960px整列カード */
.course-notes{ width:70vw!important; margin:46px auto 0!important; padding:26px 32px!important; background:#f4f7f5!important; border-radius:16px!important; }
.course-notes h3{ font-size:1.05rem!important; color:#183b2a; }
.course-notes li{ font-size:.9rem!important; }
.attendance-contact{ width:70vw!important; margin:20px auto 0!important; padding:22px 32px!important; border-top:none!important; background:#fff; border:1px solid #e5e7eb; border-radius:16px; }
.attendance-contact h3{ font-size:1.05rem!important; margin-bottom:10px!important; color:#183b2a; }
.attendance-contact p{ font-size:.9rem!important; color:#3f4f45; }
@media(max-width:600px){ #attendance .apply-panel{ padding:28px 22px; } }
