.attend-intro{max-width:1120px;margin:auto;padding:48px 24px 64px;color:var(--ink)}.attend-intro p{font-size:16px;line-height:1.8}.attend-intro h2{font-size:28px;line-height:1.5}.attend-kicker{color:var(--brand);font-size:15px;font-weight:700;letter-spacing:.06em}.attend-intro-head{text-align:center;padding:12px 0 44px}.attend-intro-head h1{font-size:clamp(32px,4vw,48px);line-height:1.45;margin:12px 0 18px}.attend-intro-head>p:not(.attend-kicker){font-size:19px}.attend-cta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;margin:26px 0 12px}.attend-small,.attend-intro p.attend-small{font-size:14px;color:var(--muted);line-height:1.7}.attend-flow{background:var(--brand-soft);border-radius:20px;padding:28px}.attend-flow>h2{text-align:center;margin:0 0 24px}.attend-flow-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.attend-flow-grid>li{position:relative;background:white;padding:20px;border-radius:12px;min-width:0}.attend-flow-grid>li:not(:last-child):after{content:'→';position:absolute;right:-23px;top:48%;font-size:24px;color:var(--brand);font-weight:700}.attend-flow-title{display:flex;align-items:center;gap:10px}.attend-flow-title>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--brand);color:white;font-weight:700}.attend-flow-title h3{font-size:21px;margin:0}.attend-diagram{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:128px;margin-top:12px}.attend-diagram svg{width:30px;height:30px;color:var(--brand)}.attend-days>div,.attend-share>div{display:flex;flex-direction:column;align-items:center;gap:6px}.attend-days>div{background:#f4f8fa;border:1px solid var(--line);border-radius:8px;padding:12px 8px;flex:1}.attend-days span,.attend-share span{font-size:13px}.attend-share-arrow b{font-size:13px;color:var(--brand)}.attend-share-arrow span{font-size:36px;line-height:1}.attend-totals>div{display:grid;gap:12px;text-align:center}.attend-totals>div:first-child{color:#006b55}.attend-totals span{font-size:14px}.attend-totals b{font-size:34px;line-height:1}.attend-totals small{font-size:14px;margin-left:3px}.attend-flow-grid p{margin:8px 0 0;font-size:15px}.attend-example-note{text-align:right;margin:12px 0 0}.attend-screens{padding-top:48px}.attend-screens>h2{margin-bottom:8px}.attend-screen-row{display:grid;grid-template-columns: .75fr 1.25fr;gap:36px;align-items:center;padding:32px 0;border-bottom:1px solid var(--line)}.attend-screen-copy h3{font-size:26px;line-height:1.5;margin:12px 0}.attend-screen-row figure{margin:0;min-width:0}.attend-crop{display:block;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#f4f8f8;container-type:inline-size}.attend-crop img{position:absolute;display:block;width:100%;max-width:none;height:auto;left:0}.attend-crop-form{aspect-ratio:1216/460}.attend-crop-form img{top:-41.78cqw}.attend-crop-answer{aspect-ratio:1280/325}.attend-crop-answer img{top:-25cqw}.attend-focus{position:absolute;border:3px solid #e77c24;border-radius:6px;box-shadow:0 0 0 3px #ffffffbf}.attend-crop-form .attend-focus{left:0;top:84%;width:9.5%;height:11%}.attend-crop-answer .attend-focus{left:12.7%;top:4.6%;width:8%;height:14%}.attend-pointer{position:absolute;background:#fff4e5;border:1px solid #e77c24;border-radius:6px;padding:5px 10px;color:#793b0b;font-weight:700;font-size:14px;white-space:nowrap}.attend-crop-form .attend-pointer{left:12%;top:82%}.attend-crop-answer .attend-pointer{left:23%;top:4%}.attend-screen-row figcaption{font-size:13px;color:var(--muted);line-height:1.7;margin-top:10px}.attend-answer-key{display:flex;gap:8px;flex-wrap:wrap}.attend-answer-key span{background:var(--brand-soft);border-radius:6px;padding:6px 10px;font-size:14px}.attend-extras{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:40px 0}.attend-extras svg{width:26px;height:26px;color:var(--brand)}.attend-extras h3{font-size:18px;margin:10px 0}.attend-extras p{font-size:15px;margin:0}.attend-help{max-width:800px;margin:0 auto;padding:16px 0 32px}.attend-help h2{font-size:22px}.attend-help details{border-bottom:1px solid var(--line);padding:16px 0}.attend-help summary{cursor:pointer;font-size:16px;font-weight:600;line-height:1.7}.attend-bottom{text-align:center;background:var(--brand-soft);border-radius:16px;padding:28px}.attend-bottom h2{font-size:24px;margin:0 0 20px}.attend-bottom>a:last-child{display:block;margin-top:18px}@media(max-width:800px){.attend-intro{padding:28px 18px 40px}.attend-flow-grid{grid-template-columns:1fr;gap:28px}.attend-flow-grid>li:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-27px}.attend-diagram{max-width:300px;margin:12px auto 0;min-height:105px}.attend-flow-grid p{text-align:center}.attend-flow{padding:24px 18px}.attend-screen-row{grid-template-columns:1fr;gap:16px}.attend-screen-copy h3 br{display:none}.attend-screen-copy h3{font-size:23px}.attend-extras{grid-template-columns:1fr;gap:24px}.attend-extras>div{padding-left:40px;position:relative}.attend-extras svg{position:absolute;left:0;top:8px}.attend-intro h2{font-size:24px}.attend-pointer{font-size:12px;padding:3px 6px}.attend-cta{gap:16px}.attend-focus{border-width:2px}}

/* Show the outcome first: team photo and real, populated attendance views. */
.attend-intro-head{position:relative;overflow:hidden;border-radius:20px;text-align:left;padding:0;margin-bottom:44px;min-height:410px;background:#123546}.attend-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.attend-intro-head:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,34,45,.92),rgba(10,34,45,.7) 48%,rgba(10,34,45,.05))}.attend-hero-copy{position:relative;z-index:1;padding:44px;color:white}.attend-hero-copy h1{color:white}.attend-hero-copy .attend-kicker,.attend-hero-copy .attend-small{color:#d3eef5}.attend-hero-copy>p:not(.attend-kicker){font-size:19px}.attend-hero-copy .attend-cta{justify-content:flex-start}.attend-hero-copy .attend-cta>a:not(.button){color:white}.attend-hero-copy .button{background:white;color:#005d7c;border-color:white}.attend-result{text-align:center;padding:0 0 44px}.attend-result h2{font-size:32px;margin:10px 0 24px}.attend-result-labels{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:0 0 20px}.attend-result-labels span{font-size:15px;font-weight:600}.attend-result-labels b{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--brand);color:white;margin-right:6px}.attend-result-image{margin:0;min-width:0}.attend-result-image a{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #1235460d;background:#f4f9fc}.attend-result-image img{display:block;width:100%;height:auto}.attend-result-image figcaption{font-size:13px;color:var(--muted);line-height:1.8;text-align:left;margin-top:10px}.attend-photo-benefit,.attend-list-benefit{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin:0 0 48px}.attend-photo-benefit>img{width:100%;height:300px;object-fit:cover;border-radius:16px}.attend-photo-benefit h2,.attend-list-benefit h2{margin:12px 0 18px}.attend-benefit-tags{display:flex;gap:8px;flex-wrap:wrap}.attend-benefit-tags span{font-size:13px;background:var(--brand-soft);padding:7px 10px;border-radius:6px}.attend-list-benefit{grid-template-columns:.65fr 1.35fr}.attend-list-benefit .attend-result-image{min-width:0}@media(max-width:800px){.attend-hero-copy{padding:32px 24px}.attend-intro-head{min-height:0}.attend-hero-photo{object-position:70% center}.attend-intro-head:after{background:linear-gradient(90deg,rgba(10,34,45,.9),rgba(10,34,45,.55))}.attend-photo-benefit,.attend-list-benefit{grid-template-columns:1fr;gap:18px;margin-bottom:36px}.attend-photo-benefit>img{height:240px}.attend-result-labels{justify-content:flex-start;gap:12px;text-align:left}.attend-result h2{font-size:26px}.attend-result-image a{overflow-x:auto}.attend-result>.attend-result-image img{min-width:760px}.attend-list-benefit .attend-result-image img{min-width:580px}.attend-result-image figcaption:after{content:' スマホでは画像を左右にスクロールできます。'}}