/* /group/: composes the existing scene shell, plan slider and FAQ. */
.group-page .kids-heading h1 { font-size:clamp(24px,7.6vw,32px); }
.group-page .kids-hero-mask-one img { width:322px;height:483px;left:-23.572px;top:-97.702px;object-fit:fill; }
.group-page .kids-hero-photo-two { top:214.97px; }
.group-page .kids-hero-mask-two img { width:496px;height:347px;left:-119.38px;top:-47.772px;transform:none;object-fit:fill; }
.group-badge { position:absolute;z-index:2;left:31px;width:104px;height:104px;display:flex;align-items:center;justify-content:center;text-align:center; }
.group-badge > img { position:absolute;inset:0;width:104px;height:104px; }
.group-page .group-badge p { position:relative;font:500 15px/1.3 var(--font-ja);letter-spacing:0; }
.group-badge strong { font-size:18px; }
.group-badge small { font-size:10px; }
.group-badge-one { top:220.93px; }
.group-badge-two { top:335.93px; }
.group-scene-list { display:flex;flex-direction:column;gap:52px; }
.group-scene { display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center; }
.group-collage { position:relative;width:250px;height:157px; }
.group-collage > img { position:absolute;pointer-events:none; }
.group-collage-pattern { left:93.11px;top:22px; }
.group-collage-blur { left:-17.89px;top:2px; }
.group-collage-left,.group-collage-right { position:absolute;width:120px;height:120px;overflow:hidden;mask:url('../images/first-time/566cd.svg') no-repeat 0 0 /120px 120px; }
.group-collage-left { left:0;top:0; }
.group-collage-left img { position:absolute;left:-2.77px;top:-2.76px;width:125.523px;height:125.523px;object-fit:cover; }
.group-collage-right { left:129.55px;top:36.93px; }
.group-collage-right img { position:absolute;left:-34.109px;top:0;width:178.452px;height:119.247px;object-fit:cover; }
.group-collage-right-0 img { left:-23.777px; }
.group-collage-right-3 img { left:-30.777px;top:-1px;width:182px;height:121px; }
.group-collage-even { height:160.069px; }
.group-collage-even .group-collage-left { top:40.069px; }
.group-collage-even .group-collage-right { top:0; }
.group-scene-heading { position:relative;max-width:100%; }
.group-scene-heading h3 { position:relative;display:inline-block;padding:2px 4px;background:var(--color-main);color:var(--color-white);font:500 18px/1.2 var(--font-ja);letter-spacing:.54px; }
.group-scene-heading > span { position:absolute;left:calc(50% - 145px);top:-32px;transform:rotate(-9.38deg);font:400 34px/1 'Whisper',cursive;letter-spacing:3.06px;color:var(--color-accent-pink-2);white-space:nowrap; }
.group-scene > p { width:267px;max-width:100%; }
.group-plan .plan-slider-wrap { margin-top:0;padding-bottom:47px; }
.group-plan .plan-slider { padding-top:0; }
.group-page .plan-img { position:relative;flex:none;width:100%;aspect-ratio:245/141.866;overflow:hidden; }
.group-page .plan-img img { position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover; }
.group-page .plan-content { display:flex;flex-direction:column;gap:8px;flex:1;padding:16px 14px; }
.group-page .plan-title { margin:0;gap:4px;font:700 20px/1.3 var(--font-ja);letter-spacing:0; }
.group-page .plan-title img { flex:none; }
.group-page .plan-title small { font-size:12px; }
.group-page .plan-price { display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0;letter-spacing:0; }
.group-page .plan-price-main { margin:0;font:400 20px/1 var(--font-num); }
.group-page .plan-price small { font:400 12px/1 var(--font-num); }
.group-page .plan-desc { flex:1;margin:0;font:500 14px/1.3 var(--font-ja);letter-spacing:0; }
.group-page .plan-btn { font:700 16px/1 var(--font-ja); }
.group-family-price { border-left:2px solid var(--color-main);padding-left:8px;display:flex;align-items:center;flex-wrap:wrap;gap:3px;font-size:13px;letter-spacing:0; }
.group-family-price p { width:100%;color:var(--color-main);font-size:14px;font-weight:700; }
.group-family-price strong { color:var(--color-main);font:500 20px/1 var(--font-num); }
.group-old-price { position:relative;font:500 15px/1 var(--font-num); }
.group-old-price img { position:absolute;left:8px;top:8px; }
.group-plan .plan-slider-controls { padding:0 24px;bottom:0;gap:16px;justify-content:flex-start; }
.group-plan .plan-nav { gap:8px; }
.group-plan .plan-btn-prev,.group-plan .plan-btn-next { width:27px;height:27px;background:transparent;border:0;padding:0;box-shadow:none; }
.group-plan .plan-btn-prev { transform:rotate(180deg) scaleY(-1); }
.group-plan .plan-btn-prev:hover,.group-plan .plan-btn-next:hover { opacity:.7; }
.group-plan .plan-pagination { width:auto;display:flex;align-items:center;gap:8px; }
.group-plan .swiper-pagination-bullet { width:16px;height:5px;border-radius:6px;margin:0!important;background:var(--color-accent-beige);opacity:1; }
.group-plan .swiper-pagination-bullet-active { background:var(--color-accent-pink-2); }
.group-framed { position:relative;display:flex;flex-direction:column;gap:24px;padding:28px 24px;border:4px solid var(--color-main);border-radius:12px;background:var(--color-white); }
.group-framed > h3 { display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--color-main);font:700 24px/1.3 var(--font-ja);text-align:center; }
.group-frame-decoration { position:absolute;right:9px;top:9px; }
.group-set { background:var(--color-accent-pink-1); }
.group-set-viewport { position:relative;width:100%;height:540px; }
.group-set-diagram { position:absolute;left:0;top:0;width:366px;height:578px;transform-origin:0 0; }
.group-set-diagram p { margin:0;letter-spacing:0; }
.group-set h4 { color:var(--color-main);font:700 18px/1.3 var(--font-ja);text-align:center; }
.group-page .group-set-note { margin-top:-12px;text-align:center;font-size:16px;line-height:1.3;letter-spacing:0; }
.group-options dl { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:0; }
.group-options dl > div { display:flex;align-items:flex-end;justify-content:space-between;gap:4px;border-bottom:1px solid var(--color-main);padding-bottom:4px; }
.group-options dt,.group-options dd { margin:0;font:500 14px/1.1 var(--font-ja); }
.group-options dt small { display:block;font-size:10px; }
.group-options dd { white-space:nowrap; }
.group-return-decoration { position:absolute;left:9px;top:9px;transform:rotate(180deg) scaleY(-1); }
.group-return article { display:flex;align-items:center;gap:16px; }
.group-return-fee { flex:none;width:76px;height:76px;border-radius:100%;background:var(--color-text);color:var(--color-white);display:flex;align-items:center;justify-content:center;text-align:center;font:700 15px/1.3 var(--font-ja); }
.group-return h4 { color:var(--color-main);font:700 18px/1.3 var(--font-ja);margin-bottom:8px; }
.group-return article p { font-size:15px;line-height:1.3; }
.group-return article p + p { margin-top:12px; }
.group-return-intro { padding-left:92px; }
.group-return-separator { overflow:hidden; }
.group-assurance article { display:flex;flex-direction:column;gap:8px;padding:16px 20px 16px 24px;border-left:3px solid var(--color-accent-pink-2);background:var(--color-white); }
.group-assurance h3 { font:700 18px/1.3 var(--font-ja);letter-spacing:.54px; }
.group-assurance small { font-size:13px;line-height:1.5; }
.group-shooting { position:relative;display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:60px 24px 30px;background:linear-gradient(179.494deg,var(--color-text),var(--color-bg-main) 99.923%); }
.group-shooting > img { position:absolute;pointer-events:none; }
.group-shooting-cloud-one { left:-50px;top:623.93px; }
.group-shooting-cloud-two { right:-37px;top:1063.93px;transform:rotate(180deg) scaleY(-1); }
.group-shooting-cloud-three { right:-14px;top:38.93px;transform:rotate(180deg) scaleY(-1); }
.group-shooting header { position:relative;display:flex;flex-direction:column;gap:20px;text-align:center; }
.group-shooting h2 { margin:0;font:700 24px/1.7 var(--font-ja); }
.group-shooting h2 span { padding:0 4px;background:var(--color-white);color:var(--color-text); }
.group-shooting header > p { color:var(--color-white); }
.group-shooting-cards { display:flex;flex-direction:column;gap:20px;padding:0 24px; }
.group-shooting-cards .plan-slide { border:4px solid var(--color-white); }
.group-shooting-cards .plan-img { aspect-ratio:316/210.67; }
.group-page .plan-time { display:flex;align-items:center;gap:3px;margin-right:6px;font:400 13px/1 var(--font-num); }
.group-shooting-info { display:flex;flex-direction:column;gap:12px; }
.group-shooting-info > div { display:flex;flex-direction:column;gap:8px;padding:20px 16px;background:var(--color-white); }
.group-shooting-info h3 { color:var(--color-main);font:700 18px/1 var(--font-ja); }
.group-page .kids-related h3 { color:var(--color-main); }
.group-page .kids-related-school .kids-related-mask img { left:-3.99px;top:-4.9px;width:96.985px;height:145.46px;object-fit:fill; }
@media(max-width:389px) {
 .group-scene-heading h3 { font-size:16px; }
 .group-scene-heading > span { left:calc(50% - 125px); }
 .group-framed { padding-left:16px;padding-right:16px; }
 .group-options dl { gap:8px; }
 .group-options dt,.group-options dd { font-size:12px; }
 .group-return article { gap:8px; }
 .group-return-fee { width:60px;height:60px;font-size:13px; }
 .group-return-intro { padding-left:68px; }
 .group-shooting-cards { padding:0; }
 .group-shooting h2 { font-size:22px; }
}
/* Restore the landscape ratios of Figma's pre-shaped collage exports. */
.group-collage-even .group-collage-right img,
.group-scene:nth-child(3) .group-collage-right img { object-fit:fill; }