/* トップページ セミナー告知（ヒーロー下バナー／お役立ち情報の上のセクション）2026-09-24 */

/* --- ヒーロー直下の帯 --- */
.seminar-banner-wrap{padding:0 0 6px}
.seminar-banner{max-width:1250px;margin:30px auto 0;padding:0 40px;position:relative;z-index:2}
.seminar-banner-inner{background:var(--pastel-gradient,linear-gradient(110deg,#b7dfd1,#b9deed 50%,#d2c3e8));border-radius:20px;padding:22px 30px;display:flex;align-items:center;gap:26px;flex-wrap:wrap;box-shadow:0 10px 28px #5c708029}
.seminar-banner-tag{flex-shrink:0;background:#fff;color:#33525d;font-size:13px;font-weight:700;letter-spacing:.06em;border-radius:999px;padding:7px 18px}
.seminar-banner-text{flex:1 1 320px;color:#2f4550}
.seminar-banner-text strong{display:block;font-size:19px;font-weight:700;line-height:1.6}
.seminar-banner-text span{display:block;font-size:14px;line-height:1.8;margin-top:4px;color:#3f5a67}
.seminar-banner-link{flex-shrink:0;background:#fff;color:#33525d;font-size:15px;font-weight:600;border-radius:999px;padding:14px 26px;min-height:52px;display:inline-flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s}
.seminar-banner-link:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5c708033}

/* --- セミナーセクション --- */
.seminar-section{max-width:1250px;padding:85px 40px 30px;margin:auto}
.seminar-section .section-label{font-size:15px;font-weight:600;color:var(--green,#4e7c73);letter-spacing:.07em;margin-bottom:16px}
.seminar-section h2{font-size:34px;line-height:1.5;font-weight:700;color:var(--text,#303f48)}
.seminar-head{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:54px;align-items:center}
.seminar-intro{min-width:0}
.seminar-photo{position:relative;margin:0;border-radius:22px;overflow:hidden;aspect-ratio:3/2;background:#e8f0ec;box-shadow:0 18px 40px #5c708024}
.seminar-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.86) brightness(1.02)}
.seminar-photo figcaption{position:absolute;bottom:12px;left:14px;font-size:12px;line-height:1.7;padding:4px 10px;border-radius:5px;color:#526b70;background:#fffffff0}
.seminar-lead{font-size:16px;line-height:2;color:var(--muted,#64757e);margin-top:18px}
.seminar-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.seminar-meta span{font-size:13px;color:#4a6472;background:#eff7fb;border-radius:999px;padding:7px 16px}
.seminar-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:40px}
.seminar-track{border:1px solid var(--line,#dce5ed);border-radius:20px;padding:32px 30px 26px;background:#fff}
.seminar-track.is-mint{background:#f3faf6}
.seminar-track.is-lavender{background:#f7f4fc}
.seminar-track-label{font-size:13px;font-weight:600;letter-spacing:.08em;color:#6c8a99}
.seminar-track h3{font-size:22px;line-height:1.6;font-weight:700;margin:8px 0 12px;color:var(--text,#303f48)}
.seminar-track p{font-size:15px;line-height:1.95;color:var(--muted,#64757e);margin-bottom:20px}
.seminar-track ul{list-style:none;margin:0;padding:0;border-top:1px solid #e2ebef}
.seminar-track li{border-bottom:1px solid #e2ebef;padding:13px 2px 13px 22px;position:relative;font-size:15px;line-height:1.8;color:#3d5a68}
.seminar-track li::before{content:"";position:absolute;left:2px;top:21px;width:8px;height:8px;border-radius:50%;background:#9fc4bb}
.seminar-track.is-lavender li::before{background:#b8a9d6}
.seminar-foot{margin-top:34px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.seminar-foot p{font-size:14px;line-height:1.9;color:var(--muted,#64757e);flex:1 1 320px}

@media(max-width:900px){
  .seminar-banner{padding:0 5.5%;margin-top:22px}
  .seminar-banner-inner{padding:20px 22px;gap:14px;flex-direction:column;align-items:stretch}
  .seminar-banner-tag{align-self:flex-start}
  .seminar-banner-text{flex:1 1 auto}
  .seminar-banner-text strong{font-size:17px}
  .seminar-banner-link{width:100%;justify-content:center}
  .seminar-foot{gap:16px}
  .seminar-foot p{flex:1 1 auto}
  .seminar-foot .button{width:100%;justify-content:center;text-align:center}
  .seminar-section{padding:60px 6% 20px}
  .seminar-section h2{font-size:25px}
  .seminar-head{grid-template-columns:minmax(0,1fr);gap:26px}
  .seminar-photo{aspect-ratio:16/10;border-radius:18px}
  .seminar-section h2 br{display:none}
  .seminar-tracks{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:30px}
  .seminar-track{padding:26px 22px 20px}
  .seminar-track h3{font-size:19px}
}