/* /school-trip/: shared site shell, booking motion and front-page FAQ. */
.school-trip-page .kids-heading h1 { font-size:32px; }
.school-trip-page .kids-hero-mask-one img { width:282.534px;height:287.036px;left:0;top:0;object-fit:cover; }
.school-trip-page .kids-hero-photo-two { top:215px; }
.school-trip-page .kids-hero-mask-two img { width:280px;height:419.948px;left:.042px;top:-22.799px;transform:none; }
.school-trip-page .kids-lead-cloud-bottom { top:335.93px; }
.school-plan .kids-plan-details { align-items:center; }
.school-plan .kids-plan-details > div { width:100%; }
.school-plan .kids-plan-details > div > p:not(.kids-price) { font-size:15px;line-height:1.5; }
.school-benefit { border-left:3px solid var(--color-main);padding:8px 12px 8px 15px;border-radius:0 2px 2px 0;background:var(--color-accent-pink-1); }
.school-time-details { display:flex;flex-direction:column;gap:24px;padding:32px 16px;background:var(--color-white); }
.school-time-details > div:first-child { display:flex;flex-direction:column;gap:8px; }
.school-time-details h3 { color:var(--color-main);font:500 18px/1 var(--font-ja);letter-spacing:.54px; }
.school-time-details > div:first-child p { font-size:14px;line-height:1.5;letter-spacing:.42px; }
.school-accessories { display:flex;flex-direction:column;gap:12px; }
.school-accessories h4 { padding:2px 4px;background:var(--color-accent-pink-1);text-align:center;font:500 16px/24px var(--font-ja); }
.school-accessory-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px; }
.school-accessory { position:relative;overflow:hidden;border:3px solid var(--color-white);border-radius:12px;aspect-ratio:3/2; }
.school-accessory img { position:absolute;width:100%;height:100%;object-fit:cover; }
.school-accessory-4 { aspect-ratio:169.935/112;align-self:center; }
.school-accessory-5 > img:first-child { width:124.47%;height:141.08%;left:-16.63%;top:-19.07%; }
.school-guide-list { display:flex;flex-direction:column;gap:20px;width:100%; }
.school-guide-card { position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:27px 24px 24px;border:1px solid var(--color-accent-beige);border-top:6px solid var(--color-accent-beige);background:var(--color-white); }
.school-guide-card h3 { padding:2px 4px;background:var(--color-accent-beige);font:500 18px/1 var(--font-ja);letter-spacing:.54px; }
.school-guide-card ul { display:flex;flex-direction:column;gap:8px;width:100%; }
.school-guide-card li { display:flex;gap:4px;align-items:flex-start; }
.school-guide-card li img { flex:none; }
.school-guide-card li span { flex:1;min-width:0; }
.school-guide-students .school-guide-card { border-color:var(--color-accent-pink-2); }
.school-guide-students .school-guide-card h3 { background:var(--color-accent-pink-2); }
.school-guide-card .school-guide-note { font-size:14px;line-height:1.5;letter-spacing:.42px; }
.school-trip-page .kids-spot-photo { object-fit:cover; }
.school-trip-page .kids-spot-photo[src$="/681b5.webp"] { object-fit:fill; }
.school-faq-group { width:100%;display:flex;flex-direction:column;gap:20px; }
.school-faq-group > h3 { color:var(--color-main);font:700 18px/1 var(--font-ja);letter-spacing:.54px; }
.school-trip-page .kids-reservation-cloud-bottom { bottom:89.2px; }
@media(max-width:389px) {
  .school-trip-page .kids-heading h1 { font-size:clamp(22px,7.5vw,29px); }
  .school-time-details h3 { font-size:16px;line-height:1.3; }
  .school-guide-card { padding-left:16px;padding-right:16px; }
  .school-guide-card h3 { font-size:16px;line-height:1.3; }
}