@charset "UTF-8";
/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
@media (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  min-height: 100vh;
  background: #fbf7f3;
  color: #1a1c1b;
  font-family: "LINE Seed JP", "Noto Sans JP", sans-serif;
  line-height: 1.5;
  font-synthesis: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  color: inherit;
}

ul,
ol {
  list-style: none;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
body {
  font-feature-settings: normal;
  font-size: 16px;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: 1.4;
  font-feature-settings: normal;
}

.section-title {
  font-size: min(42px, 2.9166666667vw);
  font-weight: 700;
  line-height: 1.4;
  color: #0a815c;
}
@media (max-width: 767px) {
  .section-title {
    font-size: min(28px, 7.1246819338vw);
  }
}
.section-title--en {
  font-family: "LINE Seed JP", "Noto Sans JP", sans-serif;
  font-size: min(35px, 2.4305555556vw);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}

.section-lead {
  font-size: min(16px, 1.1111111111vw);
  line-height: 1.5;
  color: #1a1c1b;
}
@media (max-width: 767px) {
  .section-lead {
    font-size: min(14px, 3.5623409669vw);
  }
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.container {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 min(40px, 2.7777777778vw);
}
@media (max-width: 767px) {
  .container {
    padding: 0 min(20px, 5.0890585242vw);
  }
}

.section {
  padding: min(120px, 8.3333333333vw) 0;
}
@media (max-width: 767px) {
  .section {
    padding: min(64px, 16.2849872774vw) 0;
  }
}

.section--bg-primary {
  background: #0a815c;
  color: #ffffff;
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  background: transparent;
}
.header__inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: min(24px, 1.6666666667vw) min(20px, 1.3888888889vw);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: min(16px, 1.1111111111vw);
}
@media (max-width: 767px) {
  .header__inner {
    padding: min(20px, 5.0890585242vw);
  }
}
.header__logo {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
  color: inherit;
}
.header__logo-img {
  display: block;
  width: min(200px, 13.8888888889vw);
  height: auto;
}
@media (max-width: 767px) {
  .header__logo-img {
    width: min(160px, 40.7124681934vw);
  }
}
.header__menu {
  display: flex;
  align-items: center;
  gap: min(20px, 1.3888888889vw);
  flex-shrink: 0;
  padding: min(8px, 0.5555555556vw) min(10px, 0.6944444444vw) min(8px, 0.5555555556vw) min(24px, 1.6666666667vw);
  background: #ffffff;
  border-radius: min(9999px, 694.375vw);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1280px) {
  .header__menu {
    display: none;
  }
}
.header__nav {
  display: flex;
  align-items: center;
}
.header__nav-list {
  display: flex;
  align-items: center;
  gap: min(16px, 1.1111111111vw);
  margin: 0;
  padding: 0;
  list-style: none;
}
.header__nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: min(4px, 0.2777777778vw) min(8px, 0.5555555556vw);
  border-radius: min(6px, 0.4166666667vw);
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  color: #0a815c;
  white-space: nowrap;
  cursor: pointer;
  transition: color 200ms ease-out;
  font-feature-settings: normal;
  letter-spacing: 0.02em;
}
.header__nav-link:focus-visible, .header__nav-link--current {
  outline: none;
}
@media (hover: hover) {
  .header__nav-link:hover, .header__nav-link:focus-visible {
    color: #1a1c1b;
  }
}
.header__nav-dot {
  display: none;
}
.header__nav-label {
  display: block;
  line-height: 1;
}
.header__actions {
  display: flex;
  align-items: center;
  gap: min(8px, 0.5555555556vw);
  flex-shrink: 0;
}
.header__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: min(48px, 3.3333333333vw);
  padding: min(8px, 0.5555555556vw) min(24px, 1.6666666667vw);
  border-radius: min(9999px, 694.375vw);
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
  cursor: pointer;
  font-feature-settings: normal;
  letter-spacing: 0.02em;
}
.header__cta--booking {
  border: 4px solid #1a1c1b;
  background: linear-gradient(90deg, #3ad278 0%, #50f894 100%);
  color: #1a1c1b;
  transition: background 250ms ease-out, color 250ms ease-out;
}
@media (hover: hover) {
  .header__cta--booking:hover {
    background: #0a815c;
    color: #ffffff;
  }
}
.header__cta--drawer {
  width: 100%;
  max-width: min(320px, 81.4249363868vw);
  height: min(48px, 12.213740458vw);
  font-size: min(14px, 3.5623409669vw);
}
.header__hamburger {
  display: none;
  width: min(50px, 3.4722222222vw);
  height: min(50px, 3.4722222222vw);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
  line-height: 0;
}
@media (max-width: 1280px) {
  .header__hamburger {
    display: block;
  }
}
@media (max-width: 767px) {
  .header__hamburger {
    width: min(50px, 12.7226463104vw);
    height: min(50px, 12.7226463104vw);
  }
}
.header__hamburger:focus-visible {
  outline: 2px solid #0a815c;
  outline-offset: 2px;
}
.header__hamburger-icon {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.header__drawer-overlay {
  position: fixed;
  inset: 0;
  z-index: 210;
  background: rgba(26, 28, 27, 0.35);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.is-menu-open .header__drawer-overlay {
  opacity: 1;
  visibility: visible;
}
.header__drawer {
  position: fixed;
  top: min(8px, 2.0356234097vw);
  right: min(8px, 2.0356234097vw);
  z-index: 220;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(40px, 10.1781170483vw);
  width: min(315px, 80.1526717557vw);
  max-width: calc(100% - min(16px, 4.0712468193vw));
  max-height: calc(100% - min(16px, 4.0712468193vw));
  padding-bottom: min(40px, 10.1781170483vw);
  border-radius: min(40px, 10.1781170483vw);
  background: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  transform: translateX(calc(100% + min(16px, 4.0712468193vw)));
  transition: transform 0.3s ease;
  box-sizing: border-box;
}
.is-menu-open .header__drawer {
  transform: translateX(0);
}
.header__drawer-head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: min(20px, 5.0890585242vw);
  z-index: 1;
}
.header__drawer-close {
  display: block;
  width: min(44px, 11.1959287532vw);
  height: min(44px, 11.1959287532vw);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
  line-height: 0;
}
.header__drawer-close:focus-visible {
  outline: 2px solid #0a815c;
  outline-offset: 2px;
}
.header__drawer-close-icon {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.header__drawer-nav {
  flex: 0 0 auto;
  width: 100%;
  padding: min(84px, 21.3740458015vw) min(40px, 10.1781170483vw) 0;
  box-sizing: border-box;
}
.header__drawer-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(20px, 5.0890585242vw);
  margin: 0;
  padding: 0;
  list-style: none;
}
.header__drawer-item {
  margin: 0;
}
.header__drawer-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: min(4px, 1.0178117048vw) min(8px, 2.0356234097vw);
  border-radius: min(6px, 1.5267175573vw);
  font-size: min(14px, 3.5623409669vw);
  font-weight: 700;
  line-height: 1;
  color: #0a815c;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: color 200ms ease-out;
  font-feature-settings: normal;
}
.header__drawer-link:focus-visible, .header__drawer-link--current {
  outline: none;
}
@media (hover: hover) {
  .header__drawer-link:hover {
    color: #1a1c1b;
  }
}
.header__drawer-link:focus-visible {
  outline: 2px solid #0a815c;
  outline-offset: 2px;
}
.header__drawer-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(20px, 5.0890585242vw);
  width: 100%;
  padding: 0 min(40px, 10.1781170483vw);
  box-sizing: border-box;
}
.header__drawer-sns {
  display: flex;
  align-items: flex-start;
  gap: min(20px, 5.0890585242vw);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.header__drawer-sns-link {
  position: relative;
  display: block;
  width: min(65px, 16.5394402036vw);
  height: min(65px, 16.5394402036vw);
  text-decoration: none;
  cursor: pointer;
}
.header__drawer-sns-link .header__drawer-sns-icon {
  position: relative;
}
.header__drawer-sns-link .header__drawer-sns-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: 85%;
  height: 85%;
  border-radius: 50%;
  background: #0a815c;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 250ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  .header__drawer-sns-link .header__drawer-sns-icon::after {
    transition: none;
  }
}
.header__drawer-sns-link .header__drawer-sns-icon-ellipse,
.header__drawer-sns-link .header__drawer-sns-icon-brand {
  z-index: 1;
  transition: filter 200ms ease-out 50ms;
}
@media (prefers-reduced-motion: reduce) {
  .header__drawer-sns-link .header__drawer-sns-icon-ellipse,
  .header__drawer-sns-link .header__drawer-sns-icon-brand {
    transition: none;
  }
}
@media (hover: hover) {
  .header__drawer-sns-link:hover .header__drawer-sns-icon::after {
    transform: translate(-50%, -50%) scale(1);
  }
  .header__drawer-sns-link:hover .header__drawer-sns-icon-brand {
    filter: brightness(0) invert(1);
  }
}
.header__drawer-sns-link:focus-visible {
  outline: 2px solid #0a815c;
  outline-offset: 2px;
  border-radius: 50%;
}
.header__drawer-sns-link--disabled {
  pointer-events: none;
}
.header__drawer-sns-icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.header__drawer-sns-icon-ellipse {
  position: absolute;
  top: calc(50% - 0.38px);
  left: 50%;
  width: min(55px, 13.9949109415vw);
  height: min(55px, 13.9949109415vw);
  transform: translate(-50%, -50%);
}
.header__drawer-sns-icon-brand {
  position: absolute;
  top: calc(50% + 0.03px);
  left: calc(50% + 0.41px);
  width: min(28px, 7.1246819338vw);
  height: min(28px, 7.1246819338vw);
  transform: translate(-50%, -50%);
}
.header__drawer-brand {
  display: block;
  flex-shrink: 0;
  text-decoration: none;
  line-height: 0;
}
.header__drawer-brand-img {
  display: block;
  width: min(180px, 45.8015267176vw);
  height: auto;
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.footer-sns {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: min(120px, 8.3333333333vw) min(100px, 6.9444444444vw);
  background: #fbf7f3;
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .footer-sns {
    padding: min(80px, 20.3562340967vw) min(20px, 5.0890585242vw);
  }
}
.footer-sns__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.footer-sns__bg picture {
  display: block;
  width: 100%;
  height: 100%;
}
.footer-sns__bg-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.footer-sns__panel {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(40px, 2.7777777778vw);
  padding: min(40px, 2.7777777778vw) min(100px, 6.9444444444vw);
  background: #ffffff;
  border: 1px solid #47b088;
  border-radius: min(40px, 2.7777777778vw);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .footer-sns__panel {
    align-items: center;
    gap: min(20px, 5.0890585242vw);
    width: 100%;
    padding: min(40px, 10.1781170483vw) min(20px, 5.0890585242vw);
    border-radius: min(40px, 10.1781170483vw);
  }
}
.footer-sns__header {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .footer-sns__header {
    width: 100%;
  }
}
.footer-sns__titles {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(16px, 1.1111111111vw);
  text-align: center;
}
@media (max-width: 767px) {
  .footer-sns__titles {
    flex: 1 1 auto;
    align-items: flex-start;
    gap: min(8px, 2.0356234097vw);
    min-width: 0;
    margin-right: min(-12px, -3.0534351145vw);
    text-align: left;
  }
}
.footer-sns__title {
  margin: 0;
  font-size: min(42px, 2.9166666667vw);
  font-weight: 700;
  line-height: 1.4;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .footer-sns__title {
    width: 100%;
    font-size: min(32px, 8.1424936387vw);
  }
}
.footer-sns__lead {
  margin: 0;
  font-size: min(18px, 1.25vw);
  font-weight: 400;
  line-height: 1.5;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .footer-sns__lead {
    width: 100%;
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.5;
  }
}
.footer-sns__header-img {
  display: block;
  flex-shrink: 0;
  width: min(160px, 11.1111111111vw);
  height: min(160px, 11.1111111111vw);
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px) {
  .footer-sns__header-img {
    width: min(120px, 30.534351145vw);
    height: min(120px, 30.534351145vw);
  }
}
.footer-sns__list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: min(80px, 5.5555555556vw);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .footer-sns__list {
    flex-direction: column;
    align-items: flex-start;
    gap: min(20px, 5.0890585242vw);
  }
}
.footer-sns__item {
  flex-shrink: 0;
}
.footer-sns__link {
  display: flex;
  align-items: center;
  gap: min(8px, 0.5555555556vw);
  text-decoration: none;
  color: inherit;
}
.footer-sns__link .sns-icon {
  position: relative;
  display: block;
  flex-shrink: 0;
}
.footer-sns__link .sns-icon__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: opacity 400ms cubic-bezier(0.65, 0, 0.35, 1);
}
@media (prefers-reduced-motion: reduce) {
  .footer-sns__link .sns-icon__img {
    transition: none;
  }
}
.footer-sns__link .sns-icon__img--hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}
@media (hover: hover) {
  .footer-sns__link:hover:not(.footer-sns__link--disabled):not(.footer__sns-link--disabled) .sns-icon__img--default {
    opacity: 0;
  }
  .footer-sns__link:hover:not(.footer-sns__link--disabled):not(.footer__sns-link--disabled) .sns-icon__img--hover {
    opacity: 1;
  }
}
@media (hover: hover) {
  .footer-sns__link:hover .footer-sns__label {
    color: #0a815c;
  }
}
.footer-sns__link--disabled {
  pointer-events: none;
}
@media (max-width: 767px) {
  .footer-sns__link {
    gap: min(8px, 2.0356234097vw);
  }
}
.footer-sns__icon {
  width: min(80px, 5.5555555556vw);
  height: min(80px, 5.5555555556vw);
}
@media (max-width: 767px) {
  .footer-sns__icon {
    width: min(80px, 20.3562340967vw);
    height: min(80px, 20.3562340967vw);
  }
}
.footer-sns__label {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1;
  color: #1a1c1b;
  text-align: center;
  white-space: nowrap;
  transition: color 250ms ease-out 50ms;
}
@media (max-width: 767px) {
  .footer-sns__label {
    font-size: min(16px, 4.0712468193vw);
    line-height: 1;
  }
}

.footer {
  background: #fbf7f3;
  color: #1a1c1b;
}
.footer__main {
  width: 100%;
}
.footer__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(40px, 2.7777777778vw);
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: min(80px, 5.5555555556vw) min(100px, 6.9444444444vw) min(20px, 1.3888888889vw);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .footer__inner {
    gap: min(40px, 10.1781170483vw);
    padding: min(80px, 20.3562340967vw) min(20px, 5.0890585242vw) min(20px, 5.0890585242vw);
  }
}
.footer__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 767px) {
  .footer__top {
    flex-direction: column;
    gap: min(64px, 16.2849872774vw);
  }
}
.footer__left {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: min(48px, 3.3333333333vw);
  min-width: 0;
}
@media (max-width: 767px) {
  .footer__left {
    gap: min(20px, 5.0890585242vw);
    width: 100%;
  }
}
.footer__logo {
  display: block;
  width: min(240px, 16.6666666667vw);
  height: min(57px, 3.9583333333vw);
  text-decoration: none;
  color: inherit;
}
.footer__logo:hover {
  opacity: 0.85;
}
@media (max-width: 767px) {
  .footer__logo {
    width: min(160px, 40.7124681934vw);
    height: min(38px, 9.6692111959vw);
  }
}
.footer__logo-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left center;
  object-position: left center;
}
.footer__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(8px, 0.5555555556vw);
}
@media (max-width: 767px) {
  .footer__info {
    gap: min(8px, 2.0356234097vw);
    width: 100%;
  }
}
.footer__info p {
  margin: 0;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.5;
  color: #1a1c1b;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .footer__info p {
    width: 100%;
    font-size: min(14px, 3.5623409669vw);
    line-height: 1.5;
    white-space: normal;
  }
}
.footer__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  gap: min(40px, 2.7777777778vw);
}
@media (max-width: 767px) {
  .footer__right {
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
    width: 100%;
    min-height: min(273px, 69.465648855vw);
  }
}
.footer__nav {
  display: flex;
  align-items: flex-start;
  gap: min(40px, 2.7777777778vw);
}
@media (max-width: 767px) {
  .footer__nav {
    gap: min(40px, 10.1781170483vw);
    width: 100%;
  }
}
.footer__nav-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(20px, 1.3888888889vw);
  width: min(162px, 11.25vw);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .footer__nav-col {
    width: min(162px, 41.2213740458vw);
    flex: none;
    gap: min(20px, 5.0890585242vw);
  }
}
.footer__nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: min(4px, 0.2777777778vw) 0;
  border-radius: 6px;
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  line-height: 1;
  color: #1a1c1b;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}
.footer__nav-link:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .footer__nav-link {
    padding: min(4px, 1.0178117048vw) 0;
    border-radius: min(6px, 1.5267175573vw);
    font-size: min(14px, 3.5623409669vw);
    line-height: 1;
  }
}
.footer__sns {
  display: flex;
  align-items: flex-start;
  gap: min(20px, 1.3888888889vw);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .footer__sns {
    gap: min(20px, 5.0890585242vw);
    margin-left: auto;
  }
}
.footer__sns-link {
  position: relative;
  display: block;
  width: min(65px, 4.5138888889vw);
  height: min(65px, 4.5138888889vw);
  text-decoration: none;
}
.footer__sns-link .sns-icon {
  position: relative;
  display: block;
  flex-shrink: 0;
}
.footer__sns-link .sns-icon__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: opacity 400ms cubic-bezier(0.65, 0, 0.35, 1);
}
@media (prefers-reduced-motion: reduce) {
  .footer__sns-link .sns-icon__img {
    transition: none;
  }
}
.footer__sns-link .sns-icon__img--hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}
@media (hover: hover) {
  .footer__sns-link:hover:not(.footer-sns__link--disabled):not(.footer__sns-link--disabled) .sns-icon__img--default {
    opacity: 0;
  }
  .footer__sns-link:hover:not(.footer-sns__link--disabled):not(.footer__sns-link--disabled) .sns-icon__img--hover {
    opacity: 1;
  }
}
.footer__sns-link--disabled {
  pointer-events: none;
}
@media (max-width: 767px) {
  .footer__sns-link {
    width: min(65px, 16.5394402036vw);
    height: min(65px, 16.5394402036vw);
  }
}
.footer__sns-icon {
  width: 100%;
  height: 100%;
}
.footer__desc {
  margin: 0;
  width: 100%;
  font-size: min(12px, 0.8333333333vw);
  font-weight: 400;
  line-height: 1.4;
  color: #515352;
}
@media (max-width: 767px) {
  .footer__desc {
    font-size: min(12px, 3.0534351145vw);
    line-height: 1.4;
  }
}
.footer__copyright {
  margin: 0;
  font-size: min(12px, 0.8333333333vw);
  font-weight: 400;
  line-height: 1.4;
  color: #515352;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .footer__copyright {
    width: 100%;
    font-size: min(12px, 3.0534351145vw);
    line-height: 1.4;
    white-space: normal;
  }
}
@media (max-width: 767px) {
  .footer__copyright-line {
    display: block;
  }
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.main {
  padding-top: min(126px, 8.75vw);
}
@media (max-width: 1280px) {
  .main {
    padding-top: min(88px, 6.1111111111vw);
  }
}
@media (max-width: 767px) {
  .main {
    padding-top: min(72px, 18.320610687vw);
  }
}

.home .main,
.front-page .main {
  padding-top: 0;
}

.page-hero {
  padding: min(80px, 5.5555555556vw) 0 min(64px, 4.4444444444vw);
}
@media (max-width: 767px) {
  .page-hero {
    padding: min(48px, 12.213740458vw) 0 min(40px, 10.1781170483vw);
  }
}
.page-hero__title {
  font-size: min(42px, 2.9166666667vw);
  color: #0a815c;
}
@media (max-width: 767px) {
  .page-hero__title {
    font-size: min(32px, 8.1424936387vw);
  }
}
.page-hero__lead {
  margin-top: min(24px, 1.6666666667vw);
  max-width: min(720px, 50vw);
  font-size: min(16px, 1.1111111111vw);
  line-height: 1.5;
}
@media (max-width: 767px) {
  .page-hero__lead {
    margin-top: min(16px, 4.0712468193vw);
    font-size: min(14px, 3.5623409669vw);
  }
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.btn {
  --btn-bg: #0a815c;
  --btn-color: #ffffff;
  --btn-border: #0a815c;
  --btn-height: min(46px, 3.1944444444vw);
  --btn-width: auto;
  --btn-min-width: 0;
  --btn-padding-x: min(24px, 1.6666666667vw);
  --btn-padding-y: 0;
  --btn-gap: min(4px, 0.2777777778vw);
  --btn-icon-size: 24px;
  --btn-font-size: min(16px, 1.1111111111vw);
  --btn-font-size-sp: min(16px, 4.0712468193vw);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--btn-gap);
  width: var(--btn-width);
  min-width: var(--btn-min-width);
  max-width: var(--btn-max-width, none);
  height: var(--btn-height);
  min-height: var(--btn-height);
  padding: var(--btn-padding-y) var(--btn-padding-x);
  border: 2px solid var(--btn-border);
  border-radius: min(999px, 69.375vw);
  background: var(--btn-bg);
  color: var(--btn-color);
  font-size: var(--btn-font-size);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  font-feature-settings: normal;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .btn {
    --btn-font-size: var(--btn-font-size-sp);
  }
}
.btn__label {
  display: inline-block;
  line-height: 1;
}
.btn__icon-wrap {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--btn-icon-size);
  height: var(--btn-icon-size);
  color: inherit;
}
.btn__arrow-svg {
  display: block;
  width: 100%;
  height: 100%;
}
.btn__icon {
  display: inline-block;
  flex-shrink: 0;
  width: var(--btn-icon-size);
  height: var(--btn-icon-size);
  background-color: currentColor;
  -webkit-mask: url("assets/images/components/step/btn-arrow.svg") center/contain no-repeat;
  mask: url("assets/images/components/step/btn-arrow.svg") center/contain no-repeat;
}
.btn--size-lg {
  --btn-height: min(60px, 4.1666666667vw);
  --btn-min-width: min(250px, 17.3611111111vw);
  --btn-padding-x: min(40px, 2.7777777778vw);
  --btn-padding-y: min(8px, 0.5555555556vw);
  --btn-gap: min(8px, 0.5555555556vw);
  width: auto;
  max-width: none;
}
.btn--size-sp {
  --btn-height: min(60px, 15.2671755725vw);
  --btn-min-width: 0;
  --btn-padding-x: min(40px, 10.1781170483vw);
  --btn-padding-y: min(8px, 2.0356234097vw);
  --btn-gap: min(8px, 2.0356234097vw);
  --btn-font-size: min(16px, 4.0712468193vw);
  width: min(320px, 81.4249363868vw);
  min-width: min(320px, 81.4249363868vw);
  max-width: 100%;
  min-height: min(60px, 15.2671755725vw);
}
.btn--size-md {
  --btn-height: min(46px, 3.1944444444vw);
  --btn-min-width: 0;
  --btn-padding-x: min(24px, 1.6666666667vw);
  --btn-padding-y: 0;
  --btn-gap: min(6px, 0.4166666667vw);
}
.btn--size-pill {
  --btn-height: auto;
  --btn-min-width: 0;
  --btn-padding-x: min(32px, 2.2222222222vw);
  --btn-padding-y: min(16px, 1.1111111111vw);
  --btn-gap: min(8px, 0.5555555556vw);
  width: 100%;
  max-width: min(360px, 25vw);
}
@media (max-width: 767px) {
  .btn--size-pill {
    max-width: 100%;
  }
}
.btn--size-icon {
  --btn-height: min(56px, 3.8888888889vw);
  --btn-min-width: min(56px, 3.8888888889vw);
  --btn-padding-x: 0;
  --btn-padding-y: 0;
  --btn-font-size: min(14px, 0.9722222222vw);
  width: min(56px, 3.8888888889vw);
  border-radius: 50%;
}
@media (max-width: 767px) {
  .btn--size-icon {
    --btn-height: min(48px, 12.213740458vw);
    --btn-min-width: min(48px, 12.213740458vw);
    width: min(48px, 12.213740458vw);
  }
}
.btn--size-circle {
  --btn-height: min(100px, 6.9444444444vw);
  --btn-min-width: min(100px, 6.9444444444vw);
  --btn-padding-x: min(20px, 1.3888888889vw);
  --btn-padding-y: min(20px, 1.3888888889vw);
  --btn-gap: 0;
  width: min(100px, 6.9444444444vw);
  min-height: min(100px, 6.9444444444vw);
  border-width: 0;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .btn--size-circle {
    --btn-height: min(80px, 20.3562340967vw);
    --btn-min-width: min(80px, 20.3562340967vw);
    --btn-padding-x: min(16px, 4.0712468193vw);
    --btn-padding-y: min(16px, 4.0712468193vw);
    width: min(80px, 20.3562340967vw);
    min-height: min(80px, 20.3562340967vw);
  }
}
.btn--size-text {
  --btn-height: auto;
  --btn-min-width: 0;
  --btn-padding-x: 0;
  --btn-padding-y: 0;
  --btn-gap: min(4px, 0.2777777778vw);
  border: 0;
  border-radius: 0;
  background: none;
  letter-spacing: 0;
  transition: color 200ms ease-out;
}
@media (hover: hover) {
  .btn--size-text:hover {
    color: #1a1c1b;
    text-decoration: none;
  }
}
.btn--color-yellow {
  --btn-bg: #ffe952;
  --btn-color: #1a1c1b;
  --btn-border: #ffe952;
}
.btn--color-primary {
  --btn-bg: #0a815c;
  --btn-color: #ffffff;
  --btn-border: #0a815c;
}
.btn--color-primary .btn__arrow-circle {
  stroke-dasharray: 53.4;
  stroke-dashoffset: 53.4;
  transition: stroke-dashoffset 400ms cubic-bezier(0.65, 0, 0.35, 1) 50ms;
}
@media (prefers-reduced-motion: reduce) {
  .btn--color-primary .btn__arrow-circle {
    transition: none;
    stroke-dashoffset: 0;
  }
}
@media (hover: hover) {
  .btn--color-primary:hover .btn__arrow-circle {
    stroke-dashoffset: 0;
  }
}
.btn--color-line {
  --btn-bg: #0bb53b;
  --btn-color: #ffffff;
  --btn-border: #0bb53b;
}
.btn--color-line .btn__arrow-circle {
  stroke-dasharray: 53.4;
  stroke-dashoffset: 53.4;
  transition: stroke-dashoffset 400ms cubic-bezier(0.65, 0, 0.35, 1) 50ms;
}
@media (prefers-reduced-motion: reduce) {
  .btn--color-line .btn__arrow-circle {
    transition: none;
    stroke-dashoffset: 0;
  }
}
@media (hover: hover) {
  .btn--color-line:hover .btn__arrow-circle {
    stroke-dashoffset: 0;
  }
}
.btn--color-white {
  --btn-bg: #ffffff;
  --btn-color: #1a1c1b;
  --btn-border: #ffffff;
}
.btn--color-outline {
  --btn-bg: #ffffff;
  --btn-color: #0a815c;
  --btn-border: #0a815c;
}
.btn--color-outline .btn__arrow-circle {
  stroke-dasharray: 53.4;
  stroke-dashoffset: 53.4;
  transition: stroke-dashoffset 400ms cubic-bezier(0.65, 0, 0.35, 1) 50ms;
}
@media (prefers-reduced-motion: reduce) {
  .btn--color-outline .btn__arrow-circle {
    transition: none;
    stroke-dashoffset: 0;
  }
}
@media (hover: hover) {
  .btn--color-outline:hover .btn__arrow-circle {
    stroke-dashoffset: 0;
  }
}
.btn--color-outline-white {
  --btn-bg: #0a815c;
  --btn-color: #ffffff;
  --btn-border: #ffffff;
}
.btn--color-outline-white .btn__arrow-circle {
  stroke-dasharray: 53.4;
  stroke-dashoffset: 53.4;
  transition: stroke-dashoffset 400ms cubic-bezier(0.65, 0, 0.35, 1) 50ms;
}
@media (prefers-reduced-motion: reduce) {
  .btn--color-outline-white .btn__arrow-circle {
    transition: none;
    stroke-dashoffset: 0;
  }
}
@media (hover: hover) {
  .btn--color-outline-white:hover .btn__arrow-circle {
    stroke-dashoffset: 0;
  }
}
.btn--color-text {
  --btn-bg: transparent;
  --btn-color: #0a815c;
  --btn-border: transparent;
}
.btn--width-full {
  --btn-width: 100%;
  --btn-max-width: 100%;
}

.beginners-cta__line-btn .pill-btn__icon,
.c-step__line-btn .pill-btn__icon,
.c-step__site-btn .pill-btn__icon {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: min(58px, 4.0277777778vw);
  height: min(58px, 4.0277777778vw);
}
@media (max-width: 767px) {
  .beginners-cta__line-btn .pill-btn__icon,
  .c-step__line-btn .pill-btn__icon,
  .c-step__site-btn .pill-btn__icon {
    width: min(58px, 14.7582697201vw);
    height: min(58px, 14.7582697201vw);
  }
}
.beginners-cta__line-btn .pill-btn__icon-img,
.c-step__line-btn .pill-btn__icon-img,
.c-step__site-btn .pill-btn__icon-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: opacity 400ms cubic-bezier(0.65, 0, 0.35, 1);
}
@media (prefers-reduced-motion: reduce) {
  .beginners-cta__line-btn .pill-btn__icon-img,
  .c-step__line-btn .pill-btn__icon-img,
  .c-step__site-btn .pill-btn__icon-img {
    transition: none;
  }
}
.beginners-cta__line-btn .pill-btn__icon-img--hover,
.c-step__line-btn .pill-btn__icon-img--hover,
.c-step__site-btn .pill-btn__icon-img--hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}
@media (hover: hover) {
  .beginners-cta__line-btn:hover:not([aria-disabled=true]) .pill-btn__icon-img--default,
  .c-step__line-btn:hover:not([aria-disabled=true]) .pill-btn__icon-img--default,
  .c-step__site-btn:hover:not([aria-disabled=true]) .pill-btn__icon-img--default {
    opacity: 0;
  }
  .beginners-cta__line-btn:hover:not([aria-disabled=true]) .pill-btn__icon-img--hover,
  .c-step__line-btn:hover:not([aria-disabled=true]) .pill-btn__icon-img--hover,
  .c-step__site-btn:hover:not([aria-disabled=true]) .pill-btn__icon-img--hover {
    opacity: 1;
  }
}
.beginners-cta__line-btn .beginners-cta__line-btn-icon,
.beginners-cta__line-btn .c-step__line-btn-icon,
.beginners-cta__line-btn .c-step__site-btn-icon,
.c-step__line-btn .beginners-cta__line-btn-icon,
.c-step__line-btn .c-step__line-btn-icon,
.c-step__line-btn .c-step__site-btn-icon,
.c-step__site-btn .beginners-cta__line-btn-icon,
.c-step__site-btn .c-step__line-btn-icon,
.c-step__site-btn .c-step__site-btn-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: min(58px, 4.0277777778vw);
  height: min(58px, 4.0277777778vw);
}
@media (max-width: 767px) {
  .beginners-cta__line-btn .beginners-cta__line-btn-icon,
  .beginners-cta__line-btn .c-step__line-btn-icon,
  .beginners-cta__line-btn .c-step__site-btn-icon,
  .c-step__line-btn .beginners-cta__line-btn-icon,
  .c-step__line-btn .c-step__line-btn-icon,
  .c-step__line-btn .c-step__site-btn-icon,
  .c-step__site-btn .beginners-cta__line-btn-icon,
  .c-step__site-btn .c-step__line-btn-icon,
  .c-step__site-btn .c-step__site-btn-icon {
    width: min(58px, 14.7582697201vw);
    height: min(58px, 14.7582697201vw);
  }
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.c-step {
  position: relative;
  width: 100%;
  min-height: min(1948px, 135.2777777778vw);
  padding: min(120px, 8.3333333333vw) min(100px, 6.9444444444vw);
  background: #fbf7f3;
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .c-step {
    min-height: 0;
    padding: min(80px, 20.3562340967vw) 0;
  }
}
.c-step__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 767px) {
  .c-step__bg--pc {
    display: none;
  }
}
.c-step__bg-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.c-step__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(80px, 5.5555555556vw);
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .c-step__inner {
    gap: 0;
  }
}
.c-step__intro {
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  .c-step__intro {
    margin-bottom: min(-20px, -5.0890585242vw);
    padding: 0 min(20px, 5.0890585242vw) min(84px, 21.3740458015vw);
    box-sizing: border-box;
  }
}
.c-step__intro-bg {
  display: none;
}
@media (max-width: 767px) {
  .c-step__intro-bg {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
  }
}
.c-step__intro-bg-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
}
.c-step__header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (max-width: 767px) {
  .c-step__header {
    justify-content: start;
  }
}
.c-step__header-spacer {
  display: block;
  flex-shrink: 0;
  width: min(160px, 11.1111111111vw);
  height: min(160px, 11.1111111111vw);
}
@media (max-width: 767px) {
  .c-step__header-spacer {
    display: none;
  }
}
.c-step__header-img {
  display: block;
  flex-shrink: 0;
  width: min(160px, 11.1111111111vw);
  height: min(160px, 11.1111111111vw);
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px) {
  .c-step__header-img {
    order: 2;
    width: min(120px, 30.534351145vw);
    height: min(120px, 30.534351145vw);
    margin-left: min(50px, 12.7226463104vw);
  }
}
.c-step__header-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(40px, 2.7777777778vw);
}
@media (max-width: 767px) {
  .c-step__header-text {
    order: 1;
    align-items: flex-start;
    gap: min(20px, 5.0890585242vw);
    margin-right: min(-20px, -5.0890585242vw);
  }
}
.c-step__en {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(8px, 0.5555555556vw);
  width: 100%;
  padding-right: min(20px, 1.3888888889vw);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .c-step__en {
    justify-content: flex-start;
    gap: min(4px, 1.0178117048vw);
    width: auto;
    padding-right: 0;
  }
}
.c-step__en-icon {
  display: block;
  width: min(28px, 1.9444444444vw);
  height: min(28px, 1.9444444444vw);
}
@media (max-width: 767px) {
  .c-step__en-icon {
    width: min(20px, 5.0890585242vw);
    height: min(20px, 5.0890585242vw);
  }
}
.c-step__en-label {
  margin: 0;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.5;
  color: #0a815c;
  text-align: center;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .c-step__en-label {
    font-size: min(18px, 4.5801526718vw);
  }
}
.c-step__titles {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(16px, 1.1111111111vw);
  text-align: center;
}
@media (max-width: 767px) {
  .c-step__titles {
    align-items: flex-start;
    gap: min(8px, 2.0356234097vw);
    text-align: left;
  }
}
.c-step__title {
  margin: 0;
  font-size: min(42px, 2.9166666667vw);
  font-weight: 700;
  line-height: 1.4;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .c-step__title {
    font-size: min(32px, 8.1424936387vw);
  }
}
.c-step__title-br {
  display: none;
}
@media (max-width: 767px) {
  .c-step__title-br {
    display: block;
  }
}
.c-step__lead {
  margin: 0;
  font-size: min(18px, 1.25vw);
  font-weight: 400;
  line-height: 1.5;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .c-step__lead {
    font-size: min(16px, 4.0712468193vw);
  }
}
.c-step__contents {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(80px, 5.5555555556vw);
  width: 100%;
  max-width: min(1000px, 69.4444444444vw);
}
@media (max-width: 767px) {
  .c-step__contents {
    align-items: center;
    gap: min(64px, 16.2849872774vw);
    max-width: none;
    padding: 0 min(20px, 5.0890585242vw);
    box-sizing: border-box;
  }
}
.c-step__list {
  display: flex;
  flex-direction: column;
  gap: min(64px, 4.4444444444vw);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .c-step__list {
    gap: min(64px, 16.2849872774vw);
  }
}
.c-step__item {
  display: flex;
  align-items: center;
  gap: min(40px, 2.7777777778vw);
  width: 100%;
}
@media (max-width: 767px) {
  .c-step__item {
    flex-direction: column;
    align-items: center;
    gap: min(12px, 3.0534351145vw);
  }
}
.c-step__item-img-wrap {
  flex-shrink: 0;
  width: min(298px, 20.6944444444vw);
  height: min(199px, 13.8194444444vw);
  border-radius: min(40px, 2.7777777778vw);
  overflow: hidden;
}
@media (max-width: 767px) {
  .c-step__item-img-wrap {
    width: 100%;
    height: auto;
    aspect-ratio: 298/198.75;
    border-radius: min(40px, 10.1781170483vw);
  }
}
.c-step__item-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}
.c-step__item-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: min(20px, 1.3888888889vw);
  min-width: 0;
  padding: min(8px, 0.5555555556vw) 0;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .c-step__item-body {
    gap: min(8px, 2.0356234097vw);
    width: 100%;
    padding: 0;
  }
}
.c-step__item-head {
  display: flex;
  align-items: center;
  gap: min(8px, 0.5555555556vw);
  width: 100%;
}
@media (max-width: 767px) {
  .c-step__item-head {
    gap: min(8px, 2.0356234097vw);
  }
}
.c-step__item-no {
  position: relative;
  flex-shrink: 0;
  width: min(58px, 4.0277777778vw);
  height: min(60px, 4.1666666667vw);
}
@media (max-width: 767px) {
  .c-step__item-no {
    width: min(52px, 13.2315521628vw);
    height: min(54px, 13.7404580153vw);
  }
}
.c-step__item-no-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(58px, 4.0277777778vw);
  height: min(58px, 4.0277777778vw);
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .c-step__item-no-bg {
    width: min(52px, 13.2315521628vw);
    height: min(52px, 13.2315521628vw);
  }
}
.c-step__item-no-text {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.5;
  color: #0a815c;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .c-step__item-no-text {
    font-size: min(18px, 4.5801526718vw);
  }
}
.c-step__item-title {
  flex: 1 1 auto;
  margin: 0;
  min-width: 0;
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  line-height: 1.5;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .c-step__item-title {
    font-size: min(20px, 5.0890585242vw);
  }
}
.c-step__item-desc {
  margin: 0;
  width: 100%;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.8;
  color: #1a1c1b;
}
@media (max-width: 767px) {
  .c-step__item-desc {
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.8;
  }
}
.c-step__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(20px, 1.3888888889vw);
  width: 100%;
  padding: min(20px, 1.3888888889vw);
  background: #ffffff;
  border-radius: 8px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .c-step__items {
    gap: min(20px, 5.0890585242vw);
    max-width: min(640px, 162.8498727735vw);
    padding: min(20px, 5.0890585242vw);
  }
}
.c-step__items-title {
  margin: 0;
  width: 100%;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1;
  color: #0a815c;
}
@media (max-width: 767px) {
  .c-step__items-title {
    font-size: min(16px, 4.0712468193vw);
    line-height: 1;
  }
}
.c-step__items-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: min(8px, 0.5555555556vw);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .c-step__items-list {
    gap: min(8px, 2.0356234097vw);
  }
}
.c-step__items-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: min(2px, 0.1388888889vw) min(12px, 0.8333333333vw);
  background: #0a815c;
  border-radius: 2px;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .c-step__items-tag {
    padding: min(2px, 0.5089058524vw) min(8px, 2.0356234097vw);
    border-radius: min(2px, 0.5089058524vw);
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.5;
    white-space: normal;
    text-align: center;
  }
}
.c-step__items-br {
  display: none;
}
@media (max-width: 767px) {
  .c-step__items-br {
    display: block;
  }
}
.c-step__cta {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: min(24px, 1.6666666667vw);
  width: min(958px, 66.5277777778vw);
  max-width: 100%;
  padding: min(40px, 2.7777777778vw);
  background: #ffffff;
  border: 1px solid #1a1c1b;
  border-radius: min(40px, 2.7777777778vw);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .c-step__cta {
    flex-direction: column;
    align-items: center;
    gap: min(32px, 8.1424936387vw);
    width: 100%;
    max-width: calc(100% - min(40px, 10.1781170483vw));
    padding: min(32px, 8.1424936387vw) min(20px, 5.0890585242vw);
    border-radius: min(40px, 10.1781170483vw);
  }
}
.c-step__cta-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(24px, 1.6666666667vw);
  flex-shrink: 0;
  width: min(262px, 18.1944444444vw);
}
.c-step__cta-col--tel {
  gap: min(32px, 2.2222222222vw);
}
@media (max-width: 767px) {
  .c-step__cta-col--tel {
    gap: min(12px, 3.0534351145vw);
    width: min(250px, 63.6132315522vw);
  }
}
@media (max-width: 767px) {
  .c-step__cta-col {
    gap: min(12px, 3.0534351145vw);
    width: 100%;
  }
}
.c-step__cta-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: min(8px, 0.5555555556vw);
  text-align: center;
}
@media (max-width: 767px) {
  .c-step__cta-head {
    flex-direction: row;
    gap: min(8px, 2.0356234097vw);
  }
}
.c-step__cta-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(16px, 1.1111111111vw);
  width: 100%;
}
@media (max-width: 767px) {
  .c-step__cta-action {
    gap: min(8px, 2.0356234097vw);
  }
}
.c-step__cta-icon {
  display: block;
  flex-shrink: 0;
  width: min(50px, 3.4722222222vw);
  height: min(50px, 3.4722222222vw);
  max-width: none;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 767px) {
  .c-step__cta-icon {
    width: min(45px, 11.4503816794vw);
    height: min(45px, 11.4503816794vw);
  }
}
.c-step__cta-label-text {
  margin: 0;
  font-size: min(18px, 1.25vw);
  font-weight: 700;
  line-height: 1.5;
  color: #1a1c1b;
  white-space: nowrap;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .c-step__cta-label-text {
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.5;
  }
}
.c-step__cta-note {
  margin: 0;
  font-size: min(14px, 0.9722222222vw);
  font-weight: 400;
  line-height: 1;
  color: #1a1c1b;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .c-step__cta-note {
    font-size: min(12px, 3.0534351145vw);
    line-height: 1.4;
  }
}
.c-step__cta-divider {
  flex-shrink: 0;
  align-self: stretch;
  display: flex;
  justify-content: center;
  width: 0;
}
.c-step__cta-divider::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #dbdddc;
}
@media (max-width: 767px) {
  .c-step__cta-divider {
    align-self: auto;
    width: 100%;
    height: auto;
  }
  .c-step__cta-divider::before {
    width: 100%;
    height: 1px;
  }
}
.c-step__site-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(250px, 17.3611111111vw);
  min-width: min(250px, 17.3611111111vw);
  height: min(60px, 4.1666666667vw);
  padding: min(8px, 0.5555555556vw) min(20px, 1.3888888889vw);
  background: #0a815c;
  border-radius: min(9999px, 694.375vw);
  text-decoration: none;
  color: #ffffff;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .c-step__site-btn {
    width: min(250px, 63.6132315522vw);
    min-width: min(250px, 63.6132315522vw);
    height: min(60px, 15.2671755725vw);
    padding: min(8px, 2.0356234097vw) min(20px, 5.0890585242vw);
    border-radius: min(9999px, 2544.2748091603vw);
  }
}
.c-step__site-btn-space, .c-step__site-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: min(58px, 4.0277777778vw);
  height: min(58px, 4.0277777778vw);
}
@media (max-width: 767px) {
  .c-step__site-btn-space, .c-step__site-btn-icon {
    width: min(58px, 14.7582697201vw);
    height: min(58px, 14.7582697201vw);
  }
}
.c-step__site-btn-text {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .c-step__site-btn-text {
    font-size: min(14px, 3.5623409669vw);
    line-height: 1;
  }
}
.c-step__line-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(250px, 17.3611111111vw);
  min-width: min(250px, 17.3611111111vw);
  height: min(60px, 4.1666666667vw);
  padding: min(8px, 0.5555555556vw) min(20px, 1.3888888889vw);
  background: #0bb53b;
  border-radius: min(9999px, 694.375vw);
  text-decoration: none;
  color: #ffffff;
  box-sizing: border-box;
}
.c-step__line-btn[aria-disabled=true] {
  cursor: default;
}
@media (max-width: 767px) {
  .c-step__line-btn {
    width: min(250px, 63.6132315522vw);
    min-width: min(250px, 63.6132315522vw);
    height: min(60px, 15.2671755725vw);
    padding: min(8px, 2.0356234097vw) min(20px, 5.0890585242vw);
    border-radius: min(9999px, 2544.2748091603vw);
  }
}
.c-step__line-btn-space, .c-step__line-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: min(58px, 4.0277777778vw);
  height: min(58px, 4.0277777778vw);
}
@media (max-width: 767px) {
  .c-step__line-btn-space, .c-step__line-btn-icon {
    width: min(58px, 14.7582697201vw);
    height: min(58px, 14.7582697201vw);
  }
}
.c-step__line-btn-text {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .c-step__line-btn-text {
    font-size: min(14px, 3.5623409669vw);
    line-height: 1;
  }
}
.c-step__cta-phone {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(12px, 0.8333333333vw);
  width: 100%;
}
@media (max-width: 767px) {
  .c-step__cta-phone {
    gap: min(12px, 3.0534351145vw);
  }
}
.c-step__phone-num {
  display: flex;
  align-items: flex-end;
  gap: min(4px, 0.2777777778vw);
  margin: 0;
  color: #1a1c1b;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .c-step__phone-num {
    gap: min(4px, 1.0178117048vw);
  }
}
.c-step__phone-prefix {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1;
  text-box: trim-both cap alphabetic;
}
@media (max-width: 767px) {
  .c-step__phone-prefix {
    font-size: min(16px, 4.0712468193vw);
  }
}
.c-step__phone-link {
  font-family: "Roboto", sans-serif;
  font-size: min(28px, 1.9444444444vw);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  color: inherit;
  text-decoration: none;
  text-box: trim-both cap alphabetic;
}
@media (max-width: 767px) {
  .c-step__phone-link {
    font-size: min(28px, 7.1246819338vw);
  }
}
.c-step__phone-hours {
  display: flex;
  align-items: center;
  gap: min(7px, 0.4861111111vw);
  margin: 0;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.5;
  color: #1a1c1b;
  white-space: nowrap;
}
.c-step__phone-hours span:last-child {
  font-family: "Roboto", sans-serif;
}
@media (max-width: 767px) {
  .c-step__phone-hours {
    gap: min(7px, 1.7811704835vw);
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.5;
  }
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.c-access {
  width: 100%;
  padding: min(120px, 8.3333333333vw) min(100px, 6.9444444444vw);
  background: #fbf7f3;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .c-access {
    padding: min(80px, 20.3562340967vw) 0;
  }
}
.c-access__inner {
  display: flex;
  flex-direction: column;
  gap: min(64px, 4.4444444444vw);
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .c-access__inner {
    gap: min(40px, 10.1781170483vw);
    padding: 0 min(20px, 5.0890585242vw);
  }
}
.c-access__header {
  display: flex;
  flex-direction: column;
  gap: min(40px, 2.7777777778vw);
  align-items: center;
  width: 100%;
  max-width: min(606px, 42.0833333333vw);
}
@media (max-width: 767px) {
  .c-access__header {
    gap: min(20px, 5.0890585242vw);
    align-items: flex-start;
    max-width: none;
  }
}
.c-access__en {
  display: flex;
  gap: min(8px, 0.5555555556vw);
  align-items: center;
  justify-content: center;
  padding-right: min(20px, 1.3888888889vw);
}
@media (max-width: 767px) {
  .c-access__en {
    gap: min(4px, 1.0178117048vw);
    justify-content: flex-start;
    width: min(250px, 63.6132315522vw);
    padding-right: 0;
  }
}
.c-access__en-icon {
  display: block;
  flex-shrink: 0;
  width: min(28px, 1.9444444444vw);
  height: min(28px, 1.9444444444vw);
}
@media (max-width: 767px) {
  .c-access__en-icon {
    width: min(20px, 5.0890585242vw);
    height: min(20px, 5.0890585242vw);
  }
}
.c-access__en-label {
  margin: 0;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.5;
  color: #0a815c;
  text-align: center;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .c-access__en-label {
    flex: 1 1 auto;
    font-size: min(18px, 4.5801526718vw);
    text-align: left;
  }
}
.c-access__title {
  margin: 0;
  font-size: min(42px, 2.9166666667vw);
  font-weight: 700;
  line-height: 1.4;
  color: #0a815c;
  text-align: center;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .c-access__title {
    width: 100%;
    font-size: min(32px, 8.1424936387vw);
    text-align: left;
  }
}
.c-access__contents {
  display: flex;
  gap: min(40px, 2.7777777778vw);
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 767px) {
  .c-access__contents {
    flex-direction: column;
    gap: min(40px, 10.1781170483vw);
  }
}
.c-access__info {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: min(40px, 2.7777777778vw);
  align-items: flex-start;
  min-width: 0;
}
@media (max-width: 767px) {
  .c-access__info {
    flex: none;
    width: 100%;
    gap: min(40px, 10.1781170483vw);
  }
}
.c-access__block {
  display: flex;
  flex-direction: column;
  gap: min(8px, 0.5555555556vw);
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 767px) {
  .c-access__block {
    gap: min(8px, 2.0356234097vw);
  }
}
.c-access__block-title {
  margin: 0;
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  line-height: 1.5;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .c-access__block-title {
    font-size: min(20px, 5.0890585242vw);
  }
}
.c-access__block-body {
  display: flex;
  flex-direction: column;
  gap: min(12px, 0.8333333333vw);
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 767px) {
  .c-access__block-body {
    gap: min(12px, 3.0534351145vw);
  }
}
.c-access__block-body--compact {
  gap: min(8px, 0.5555555556vw);
}
@media (max-width: 767px) {
  .c-access__block-body--compact {
    gap: min(8px, 2.0356234097vw);
  }
}
.c-access__text {
  margin: 0;
  width: 100%;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.8;
  color: #1a1c1b;
}
@media (max-width: 767px) {
  .c-access__text {
    font-size: min(16px, 4.0712468193vw);
  }
}
.c-access__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.c-access__list-item {
  display: flex;
  gap: min(4px, 0.2777777778vw);
  align-items: flex-start;
  width: 100%;
  margin: 0;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.8;
  color: #1a1c1b;
}
@media (max-width: 767px) {
  .c-access__list-item {
    gap: min(4px, 1.0178117048vw);
    font-size: min(16px, 4.0712468193vw);
  }
}
.c-access__list-item::before {
  content: "";
  flex-shrink: 0;
  width: min(25px, 1.7361111111vw);
  height: min(29px, 2.0138888889vw);
  background: url("assets/images/components/access/bullet.svg") center/8px 8px no-repeat;
}
@media (max-width: 767px) {
  .c-access__list-item::before {
    width: min(25px, 6.3613231552vw);
    height: min(29px, 7.3791348601vw);
    background-size: min(8px, 2.0356234097vw) min(8px, 2.0356234097vw);
  }
}
.c-access__note {
  display: flex;
  gap: min(4px, 0.2777777778vw);
  align-items: flex-start;
  width: 100%;
  margin: 0;
  font-size: min(14px, 0.9722222222vw);
  font-weight: 400;
  line-height: 1.5;
  color: #1a1c1b;
}
@media (max-width: 767px) {
  .c-access__note {
    gap: min(4px, 1.0178117048vw);
    font-size: min(14px, 3.5623409669vw);
  }
}
.c-access__note-mark {
  flex-shrink: 0;
}
.c-access__map {
  position: relative;
  flex-shrink: 0;
  width: min(600px, 41.6666666667vw);
  height: min(400px, 27.7777777778vw);
  border-radius: 8px;
  overflow: hidden;
  background: #dbdddc;
}
@media (max-width: 767px) {
  .c-access__map {
    width: 100%;
    height: auto;
    aspect-ratio: 350/219;
    border-radius: min(8px, 2.0356234097vw);
  }
}
.c-access__map-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.c-access__gallery {
  display: flex;
  flex-direction: column;
  gap: min(40px, 2.7777777778vw);
  align-items: center;
  width: 100%;
}
@media (max-width: 767px) {
  .c-access__gallery {
    gap: min(40px, 10.1781170483vw);
    width: calc(100% + min(40px, 10.1781170483vw));
    margin-left: min(-20px, -5.0890585242vw);
    margin-right: min(-20px, -5.0890585242vw);
  }
}
.c-access__gallery-viewport {
  width: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .c-access__gallery-viewport {
    overflow: visible;
  }
}
.c-access__gallery-track {
  display: flex;
  gap: min(20px, 1.3888888889vw);
  width: 100%;
  transition: transform 400ms cubic-bezier(0.65, 0, 0.35, 1);
}
@media (max-width: 767px) {
  .c-access__gallery-track {
    position: relative;
    gap: min(20px, 5.0890585242vw);
    width: -moz-max-content;
    width: max-content;
    box-sizing: border-box;
  }
}
@media (min-width: 768px) {
  .c-access__gallery-track {
    transform: none !important;
  }
}
.c-access__gallery-slide {
  flex: 1 1 0;
  min-width: 0;
  height: min(308px, 21.3888888889vw);
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .c-access__gallery-slide {
    flex: 0 0 auto;
    width: min(273px, 69.465648855vw);
    height: auto;
    aspect-ratio: 272.8/185.584;
    border-radius: min(8px, 2.0356234097vw);
  }
}
.c-access__gallery-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.c-access__gallery-nav {
  display: none;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: min(353px, 89.8218829517vw);
  height: min(40px, 10.1781170483vw);
  padding: 0 min(18.5px, 4.7073791349vw);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .c-access__gallery-nav {
    display: flex;
  }
}
.c-access__gallery-status {
  display: inline-flex;
  align-items: center;
}
.c-access__gallery-status-current, .c-access__gallery-status-total {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(40px, 10.1781170483vw);
  height: min(40px, 10.1781170483vw);
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(16px, 4.0712468193vw);
  font-weight: 500;
  line-height: 1;
  color: #515352;
  text-align: center;
}
.c-access__gallery-status-sep {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: min(12px, 3.0534351145vw) min(8px, 2.0356234097vw);
  font-family: "LINE Seed JP", "Noto Sans JP", sans-serif;
  font-size: min(16px, 4.0712468193vw);
  font-weight: 500;
  line-height: 1;
  color: #515352;
  text-align: center;
}
.c-access__gallery-arrow {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: min(40px, 10.1781170483vw);
  height: min(40px, 10.1781170483vw);
  padding: 0;
  border: 1px solid #47b088;
  border-radius: 40px;
  background: #ffffff;
  cursor: pointer;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}
.c-access__gallery-arrow img {
  display: block;
  width: min(24px, 6.106870229vw);
  height: min(24px, 6.106870229vw);
}
.c-access__gallery-arrow.is-disabled, .c-access__gallery-arrow:disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.c-trial-cta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: min(504px, 35vw);
  padding: min(64px, 4.4444444444vw) min(100px, 6.9444444444vw);
  overflow: hidden;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .c-trial-cta {
    min-height: min(729px, 185.4961832061vw);
    padding: min(80px, 20.3562340967vw) min(20px, 5.0890585242vw);
  }
}
.c-trial-cta__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.c-trial-cta__bg picture {
  display: block;
  width: 100%;
  height: 100%;
}
.c-trial-cta__bg-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.c-trial-cta__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(40px, 2.7777777778vw);
  width: 100%;
  max-width: min(1240px, 86.1111111111vw);
}
@media (max-width: 767px) {
  .c-trial-cta__inner {
    gap: min(20px, 5.0890585242vw);
    max-width: 100%;
  }
}
.c-trial-cta__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(12px, 0.8333333333vw);
  width: 100%;
  max-width: min(600px, 41.6666666667vw);
  text-align: center;
}
@media (max-width: 767px) {
  .c-trial-cta__copy {
    gap: min(12px, 3.0534351145vw);
    max-width: min(341px, 86.7684478372vw);
  }
}
.c-trial-cta__title {
  margin: 0;
  font-size: min(42px, 2.9166666667vw);
  font-weight: 700;
  line-height: 1.4;
  color: #ffffff;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .c-trial-cta__title {
    font-size: min(32px, 8.1424936387vw);
    line-height: 1.4;
  }
}
.c-trial-cta__lead {
  margin: 0;
  max-width: min(600px, 41.6666666667vw);
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.5;
  color: #ffffff;
  white-space: pre-line;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .c-trial-cta__lead {
    max-width: none;
    font-size: min(18px, 4.5801526718vw);
    line-height: 1.5;
  }
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.sticky-cta {
  display: none;
}
@media (max-width: 767px) {
  .sticky-cta {
    display: block;
    position: fixed;
    bottom: min(10px, 2.5445292621vw);
    left: 0;
    right: 0;
    z-index: 100;
    padding: 0 min(4px, 1.0178117048vw);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    box-sizing: border-box;
    filter: drop-shadow(4px -4px 5px rgba(0, 0, 0, 0.2));
  }
}
.sticky-cta__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(8px, 2.0356234097vw);
  width: 100%;
  min-height: min(74px, 18.8295165394vw);
  padding: min(16px, 4.0712468193vw) min(20px, 5.0890585242vw);
  border: 4px solid #003c1e;
  border-radius: min(4px, 1.0178117048vw);
  background: linear-gradient(90deg, #3ad278 0%, #50f894 100%);
  color: #1a1c1b;
  text-decoration: none;
  box-sizing: border-box;
  font-feature-settings: normal;
  letter-spacing: 0.02em;
}
.sticky-cta__btn:focus-visible {
  outline: 2px solid #0a815c;
  outline-offset: 2px;
}
.sticky-cta__icon {
  display: block;
  flex-shrink: 0;
  width: min(32px, 8.1424936387vw);
  height: min(32px, 8.1424936387vw);
  -o-object-fit: contain;
  object-fit: contain;
}
.sticky-cta__text {
  font-size: min(16px, 4.0712468193vw);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  font-feature-settings: "palt" 1;
}

@media (max-width: 767px) {
  body {
    padding-bottom: calc(min(74px, 18.8295165394vw) + env(safe-area-inset-bottom, 0px));
  }
}
/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
@media (min-width: 768px) {
  .company-fv__inner {
    padding-inline: 0;
  }
}
@media (max-width: 767px) {
  .company-fv__inner {
    padding-top: min(30px, 7.6335877863vw);
    padding-inline: min(20px, 5.0890585242vw);
    padding-bottom: min(80px, 20.3562340967vw);
    gap: min(64px, 16.2849872774vw);
  }
}
@media (min-width: 768px) {
  .company-fv__breadcrumb-wrap {
    padding-inline: min(160px, 11.1111111111vw);
    box-sizing: border-box;
  }
}
@media (max-width: 1280px) and (min-width: 768px) {
  .company-fv__breadcrumb-wrap {
    padding-inline: min(40px, 2.7777777778vw);
  }
}
@media (min-width: 768px) {
  .company-fv__main {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: min(40px, 2.7777777778vw);
    width: 100%;
    min-width: 0;
    padding-left: min(160px, 11.1111111111vw);
    padding-right: 0;
    box-sizing: border-box;
  }
}
@media (max-width: 1280px) {
  .company-fv__main {
    flex-direction: column;
    align-items: stretch;
    gap: min(32px, 2.2222222222vw);
    padding-left: min(40px, 2.7777777778vw);
    padding-right: min(40px, 2.7777777778vw);
  }
}
@media (max-width: 767px) {
  .company-fv__main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    position: relative;
    isolation: isolate;
    width: 100%;
    height: min(500px, 127.2264631043vw);
    min-height: min(500px, 127.2264631043vw);
    overflow: hidden;
    padding-inline: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 768px) {
  .company-fv__bg {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    width: min(850px, 59.0277777778vw);
    height: min(500px, 34.7222222222vw);
    margin: 0;
    inset: auto;
  }
}
.company-fv__bg-img--sp {
  display: none;
}
@media (min-width: 768px) {
  .company-fv__bg picture, .company-fv__bg-picture {
    display: block;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .company-fv__bg img:not(.company-fv__bg-img--sp) {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }
}
@media (max-width: 1280px) {
  .company-fv__bg {
    align-self: flex-end;
    width: min(min(520px, 36.1111111111vw), 100%);
    height: auto;
    aspect-ratio: 850/500;
    opacity: 0.85;
  }
}
@media (max-width: 767px) {
  .company-fv__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    z-index: 1;
    width: min(850px, 216.2849872774vw);
    height: 100%;
    max-width: none;
    aspect-ratio: auto;
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .company-fv__bg:has(.company-fv__bg-img--sp) picture,
  .company-fv__bg:has(.company-fv__bg-img--sp) .company-fv__bg-picture {
    display: none;
  }
  .company-fv__bg picture, .company-fv__bg-picture {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: min(850px, 216.2849872774vw);
    height: 100%;
  }
  .company-fv__bg-img--sp {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: min(850px, 216.2849872774vw);
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left center;
    object-position: left center;
  }
  .company-fv__bg img:not(.company-fv__bg-img--sp),
  .company-fv__bg picture img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left center;
    object-position: left center;
  }
}
.company-fv__title-unit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .company-fv__title-unit {
    position: relative;
    z-index: 2;
    flex: 0 1 min(764px, 53.0555555556vw);
    gap: min(48px, 3.3333333333vw);
    max-width: min(764px, 53.0555555556vw);
  }
}
@media (max-width: 1280px) {
  .company-fv__title-unit {
    flex: none;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .company-fv__title-unit {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    gap: min(40px, 10.1781170483vw);
    height: auto;
    padding: 0;
    max-width: none;
  }
}
.company-fv__titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  color: #0a815c;
}
@media (min-width: 768px) {
  .company-fv__titles {
    gap: min(8px, 0.5555555556vw);
  }
}
@media (max-width: 767px) {
  .company-fv__titles {
    gap: min(4px, 1.0178117048vw);
  }
}
.company-fv__label {
  margin: 0;
  font-weight: 700;
  line-height: 1.5;
  color: inherit;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .company-fv__label {
    font-size: min(20px, 1.3888888889vw);
    letter-spacing: min(0.4px, 0.0277777778vw);
  }
}
@media (max-width: 767px) {
  .company-fv__label {
    font-size: min(18px, 4.5801526718vw);
    letter-spacing: min(0.36px, 0.0916030534vw);
  }
}
.company-fv__title-en {
  margin: 0;
  font-family: "LINE Seed JP", "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1;
  color: inherit;
  font-variation-settings: "wdth" 100;
}
@media (min-width: 768px) {
  .company-fv__title-en {
    font-size: min(150px, 10.4166666667vw);
  }
}
@media (max-width: 1280px) and (min-width: 768px) {
  .company-fv__title-en {
    font-size: min(80px, 5.5555555556vw);
  }
}
@media (max-width: 767px) {
  .company-fv__title-en {
    font-size: min(60px, 15.2671755725vw);
  }
}
.company-fv__text-set {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  color: #1a1c1b;
}
@media (min-width: 768px) {
  .company-fv__text-set {
    gap: min(20px, 1.3888888889vw);
  }
}
@media (max-width: 767px) {
  .company-fv__text-set {
    gap: min(16px, 4.0712468193vw);
  }
}
.company-fv__headline {
  margin: 0;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
  overflow-wrap: break-word;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .company-fv__headline {
    font-size: min(37px, 2.5694444444vw);
  }
}
@media (max-width: 767px) {
  .company-fv__headline {
    font-size: min(25px, 6.3613231552vw);
    letter-spacing: min(0.5px, 0.1272264631vw);
    line-height: 1.5;
  }
}
.company-fv__intro {
  margin: 0;
  font-weight: 400;
  line-height: 1.6;
  overflow-wrap: break-word;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .company-fv__intro {
    font-size: min(20px, 1.3888888889vw);
  }
}
@media (max-width: 767px) {
  .company-fv__intro {
    font-size: min(18px, 4.5801526718vw);
    line-height: 1.6;
  }
}

@media (min-width: 768px) {
  .works-fv__inner {
    padding-inline: 0;
  }
}
@media (max-width: 767px) {
  .works-fv__inner {
    padding-top: min(30px, 7.6335877863vw);
    padding-inline: min(20px, 5.0890585242vw);
    padding-bottom: min(80px, 20.3562340967vw);
    gap: min(64px, 16.2849872774vw);
  }
}
@media (min-width: 768px) {
  .works-fv__breadcrumb-wrap {
    padding-inline: min(160px, 11.1111111111vw);
    box-sizing: border-box;
  }
}
@media (max-width: 1280px) and (min-width: 768px) {
  .works-fv__breadcrumb-wrap {
    padding-inline: min(40px, 2.7777777778vw);
  }
}
@media (min-width: 768px) {
  .works-fv__main {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: min(40px, 2.7777777778vw);
    width: 100%;
    min-width: 0;
    padding-left: min(160px, 11.1111111111vw);
    padding-right: 0;
    box-sizing: border-box;
  }
}
@media (max-width: 1280px) {
  .works-fv__main {
    flex-direction: column;
    align-items: stretch;
    gap: min(32px, 2.2222222222vw);
    padding-left: min(40px, 2.7777777778vw);
    padding-right: min(40px, 2.7777777778vw);
  }
}
@media (max-width: 767px) {
  .works-fv__main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    position: relative;
    isolation: isolate;
    width: 100%;
    height: min(500px, 127.2264631043vw);
    min-height: min(500px, 127.2264631043vw);
    overflow: hidden;
    padding-inline: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 768px) {
  .works-fv__bg {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    width: min(850px, 59.0277777778vw);
    height: min(500px, 34.7222222222vw);
    margin: 0;
    inset: auto;
  }
}
.works-fv__bg-img--sp {
  display: none;
}
@media (min-width: 768px) {
  .works-fv__bg picture, .works-fv__bg-picture {
    display: block;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .works-fv__bg img:not(.works-fv__bg-img--sp) {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }
}
@media (max-width: 1280px) {
  .works-fv__bg {
    align-self: flex-end;
    width: min(min(520px, 36.1111111111vw), 100%);
    height: auto;
    aspect-ratio: 850/500;
    opacity: 0.85;
  }
}
@media (max-width: 767px) {
  .works-fv__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    z-index: 1;
    width: min(850px, 216.2849872774vw);
    height: 100%;
    max-width: none;
    aspect-ratio: auto;
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .works-fv__bg:has(.works-fv__bg-img--sp) picture,
  .works-fv__bg:has(.works-fv__bg-img--sp) .works-fv__bg-picture {
    display: none;
  }
  .works-fv__bg picture, .works-fv__bg-picture {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: min(850px, 216.2849872774vw);
    height: 100%;
  }
  .works-fv__bg-img--sp {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: min(850px, 216.2849872774vw);
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left center;
    object-position: left center;
  }
  .works-fv__bg img:not(.works-fv__bg-img--sp),
  .works-fv__bg picture img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left center;
    object-position: left center;
  }
}
.works-fv__title-unit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .works-fv__title-unit {
    position: relative;
    z-index: 2;
    flex: 0 1 min(764px, 53.0555555556vw);
    gap: min(48px, 3.3333333333vw);
    max-width: min(764px, 53.0555555556vw);
  }
}
@media (max-width: 1280px) {
  .works-fv__title-unit {
    flex: none;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .works-fv__title-unit {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    gap: min(40px, 10.1781170483vw);
    height: auto;
    padding: 0;
    max-width: none;
  }
}
.works-fv__titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  color: #0a815c;
}
@media (min-width: 768px) {
  .works-fv__titles {
    gap: min(8px, 0.5555555556vw);
  }
}
@media (max-width: 767px) {
  .works-fv__titles {
    gap: min(4px, 1.0178117048vw);
  }
}
.works-fv__label {
  margin: 0;
  font-weight: 700;
  line-height: 1.5;
  color: inherit;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .works-fv__label {
    font-size: min(20px, 1.3888888889vw);
    letter-spacing: min(0.4px, 0.0277777778vw);
  }
}
@media (max-width: 767px) {
  .works-fv__label {
    font-size: min(18px, 4.5801526718vw);
    letter-spacing: min(0.36px, 0.0916030534vw);
  }
}
.works-fv__title-en {
  margin: 0;
  font-family: "LINE Seed JP", "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1;
  color: inherit;
  font-variation-settings: "wdth" 100;
}
@media (min-width: 768px) {
  .works-fv__title-en {
    font-size: min(150px, 10.4166666667vw);
  }
}
@media (max-width: 1280px) and (min-width: 768px) {
  .works-fv__title-en {
    font-size: min(80px, 5.5555555556vw);
  }
}
@media (max-width: 767px) {
  .works-fv__title-en {
    font-size: min(60px, 15.2671755725vw);
  }
}
.works-fv__text-set {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  color: #1a1c1b;
}
@media (min-width: 768px) {
  .works-fv__text-set {
    gap: min(20px, 1.3888888889vw);
  }
}
@media (max-width: 767px) {
  .works-fv__text-set {
    gap: min(16px, 4.0712468193vw);
  }
}
.works-fv__headline {
  margin: 0;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
  overflow-wrap: break-word;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .works-fv__headline {
    font-size: min(37px, 2.5694444444vw);
  }
}
@media (max-width: 767px) {
  .works-fv__headline {
    font-size: min(25px, 6.3613231552vw);
    letter-spacing: min(0.5px, 0.1272264631vw);
    line-height: 1.5;
  }
}
.works-fv__intro {
  margin: 0;
  font-weight: 400;
  line-height: 1.6;
  overflow-wrap: break-word;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .works-fv__intro {
    font-size: min(20px, 1.3888888889vw);
  }
}
@media (max-width: 767px) {
  .works-fv__intro {
    font-size: min(18px, 4.5801526718vw);
    line-height: 1.6;
  }
}

@media (min-width: 768px) {
  .contact-fv__inner {
    padding-inline: 0;
  }
}
@media (max-width: 767px) {
  .contact-fv__inner {
    padding-top: min(30px, 7.6335877863vw);
    padding-inline: min(20px, 5.0890585242vw);
    padding-bottom: min(80px, 20.3562340967vw);
    gap: min(64px, 16.2849872774vw);
  }
}
@media (min-width: 768px) {
  .contact-fv__breadcrumb-wrap {
    padding-inline: min(160px, 11.1111111111vw);
    box-sizing: border-box;
  }
}
@media (max-width: 1280px) and (min-width: 768px) {
  .contact-fv__breadcrumb-wrap {
    padding-inline: min(40px, 2.7777777778vw);
  }
}
@media (min-width: 768px) {
  .contact-fv__main {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: min(40px, 2.7777777778vw);
    width: 100%;
    min-width: 0;
    padding-left: min(160px, 11.1111111111vw);
    padding-right: 0;
    box-sizing: border-box;
  }
}
@media (max-width: 1280px) {
  .contact-fv__main {
    flex-direction: column;
    align-items: stretch;
    gap: min(32px, 2.2222222222vw);
    padding-left: min(40px, 2.7777777778vw);
    padding-right: min(40px, 2.7777777778vw);
  }
}
@media (max-width: 767px) {
  .contact-fv__main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    position: relative;
    isolation: isolate;
    width: 100%;
    height: min(500px, 127.2264631043vw);
    min-height: min(500px, 127.2264631043vw);
    overflow: hidden;
    padding-inline: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 768px) {
  .contact-fv__bg {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    width: min(850px, 59.0277777778vw);
    height: min(500px, 34.7222222222vw);
    margin: 0;
    inset: auto;
  }
}
.contact-fv__bg-img--sp {
  display: none;
}
@media (min-width: 768px) {
  .contact-fv__bg picture, .contact-fv__bg-picture {
    display: block;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .contact-fv__bg img:not(.contact-fv__bg-img--sp) {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }
}
@media (max-width: 1280px) {
  .contact-fv__bg {
    align-self: flex-end;
    width: min(min(520px, 36.1111111111vw), 100%);
    height: auto;
    aspect-ratio: 850/500;
    opacity: 0.85;
  }
}
@media (max-width: 767px) {
  .contact-fv__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    z-index: 1;
    width: min(850px, 216.2849872774vw);
    height: 100%;
    max-width: none;
    aspect-ratio: auto;
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .contact-fv__bg:has(.contact-fv__bg-img--sp) picture,
  .contact-fv__bg:has(.contact-fv__bg-img--sp) .contact-fv__bg-picture {
    display: none;
  }
  .contact-fv__bg picture, .contact-fv__bg-picture {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: min(850px, 216.2849872774vw);
    height: 100%;
  }
  .contact-fv__bg-img--sp {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: min(850px, 216.2849872774vw);
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left center;
    object-position: left center;
  }
  .contact-fv__bg img:not(.contact-fv__bg-img--sp),
  .contact-fv__bg picture img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left center;
    object-position: left center;
  }
}
.contact-fv__title-unit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .contact-fv__title-unit {
    position: relative;
    z-index: 2;
    flex: 0 1 min(764px, 53.0555555556vw);
    gap: min(48px, 3.3333333333vw);
    max-width: min(764px, 53.0555555556vw);
  }
}
@media (max-width: 1280px) {
  .contact-fv__title-unit {
    flex: none;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .contact-fv__title-unit {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    gap: min(40px, 10.1781170483vw);
    height: auto;
    padding: 0;
    max-width: none;
  }
}
.contact-fv__titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  color: #0a815c;
}
@media (min-width: 768px) {
  .contact-fv__titles {
    gap: min(8px, 0.5555555556vw);
  }
}
@media (max-width: 767px) {
  .contact-fv__titles {
    gap: min(4px, 1.0178117048vw);
  }
}
.contact-fv__label {
  margin: 0;
  font-weight: 700;
  line-height: 1.5;
  color: inherit;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .contact-fv__label {
    font-size: min(20px, 1.3888888889vw);
    letter-spacing: min(0.4px, 0.0277777778vw);
  }
}
@media (max-width: 767px) {
  .contact-fv__label {
    font-size: min(18px, 4.5801526718vw);
    letter-spacing: min(0.36px, 0.0916030534vw);
  }
}
.contact-fv__title-en {
  margin: 0;
  font-family: "LINE Seed JP", "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1;
  color: inherit;
  font-variation-settings: "wdth" 100;
}
@media (min-width: 768px) {
  .contact-fv__title-en {
    font-size: min(150px, 10.4166666667vw);
  }
}
@media (max-width: 1280px) and (min-width: 768px) {
  .contact-fv__title-en {
    font-size: min(80px, 5.5555555556vw);
  }
}
@media (max-width: 767px) {
  .contact-fv__title-en {
    font-size: min(60px, 15.2671755725vw);
  }
}
.contact-fv__text-set {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  color: #1a1c1b;
}
@media (min-width: 768px) {
  .contact-fv__text-set {
    gap: min(20px, 1.3888888889vw);
  }
}
@media (max-width: 767px) {
  .contact-fv__text-set {
    gap: min(16px, 4.0712468193vw);
  }
}
.contact-fv__headline {
  margin: 0;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
  overflow-wrap: break-word;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .contact-fv__headline {
    font-size: min(37px, 2.5694444444vw);
  }
}
@media (max-width: 767px) {
  .contact-fv__headline {
    font-size: min(25px, 6.3613231552vw);
    letter-spacing: min(0.5px, 0.1272264631vw);
    line-height: 1.5;
  }
}
.contact-fv__intro {
  margin: 0;
  font-weight: 400;
  line-height: 1.6;
  overflow-wrap: break-word;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .contact-fv__intro {
    font-size: min(20px, 1.3888888889vw);
  }
}
@media (max-width: 767px) {
  .contact-fv__intro {
    font-size: min(18px, 4.5801526718vw);
    line-height: 1.6;
  }
}

@media (min-width: 768px) {
  .privacy-fv__inner {
    padding-inline: 0;
  }
}
@media (max-width: 767px) {
  .privacy-fv__inner {
    padding-top: min(30px, 7.6335877863vw);
    padding-inline: min(20px, 5.0890585242vw);
    padding-bottom: min(80px, 20.3562340967vw);
    gap: min(64px, 16.2849872774vw);
  }
}
@media (min-width: 768px) {
  .privacy-fv__breadcrumb-wrap {
    padding-inline: min(160px, 11.1111111111vw);
    box-sizing: border-box;
  }
}
@media (max-width: 1280px) and (min-width: 768px) {
  .privacy-fv__breadcrumb-wrap {
    padding-inline: min(40px, 2.7777777778vw);
  }
}
@media (min-width: 768px) {
  .privacy-fv__main {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: min(40px, 2.7777777778vw);
    width: 100%;
    min-width: 0;
    padding-left: min(160px, 11.1111111111vw);
    padding-right: 0;
    box-sizing: border-box;
  }
}
@media (max-width: 1280px) {
  .privacy-fv__main {
    flex-direction: column;
    align-items: stretch;
    gap: min(32px, 2.2222222222vw);
    padding-left: min(40px, 2.7777777778vw);
    padding-right: min(40px, 2.7777777778vw);
  }
}
@media (max-width: 767px) {
  .privacy-fv__main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    position: relative;
    isolation: isolate;
    width: 100%;
    height: min(500px, 127.2264631043vw);
    min-height: min(500px, 127.2264631043vw);
    overflow: hidden;
    padding-inline: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 768px) {
  .privacy-fv__bg {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    width: min(850px, 59.0277777778vw);
    height: min(500px, 34.7222222222vw);
    margin: 0;
    inset: auto;
  }
}
.privacy-fv__bg-img--sp {
  display: none;
}
@media (min-width: 768px) {
  .privacy-fv__bg picture, .privacy-fv__bg-picture {
    display: block;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .privacy-fv__bg img:not(.privacy-fv__bg-img--sp) {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }
}
@media (max-width: 1280px) {
  .privacy-fv__bg {
    align-self: flex-end;
    width: min(min(520px, 36.1111111111vw), 100%);
    height: auto;
    aspect-ratio: 850/500;
    opacity: 0.85;
  }
}
@media (max-width: 767px) {
  .privacy-fv__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    z-index: 1;
    width: min(850px, 216.2849872774vw);
    height: 100%;
    max-width: none;
    aspect-ratio: auto;
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .privacy-fv__bg:has(.privacy-fv__bg-img--sp) picture,
  .privacy-fv__bg:has(.privacy-fv__bg-img--sp) .privacy-fv__bg-picture {
    display: none;
  }
  .privacy-fv__bg picture, .privacy-fv__bg-picture {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: min(850px, 216.2849872774vw);
    height: 100%;
  }
  .privacy-fv__bg-img--sp {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: min(850px, 216.2849872774vw);
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left center;
    object-position: left center;
  }
  .privacy-fv__bg img:not(.privacy-fv__bg-img--sp),
  .privacy-fv__bg picture img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left center;
    object-position: left center;
  }
}
.privacy-fv__title-unit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .privacy-fv__title-unit {
    position: relative;
    z-index: 2;
    flex: 0 1 min(764px, 53.0555555556vw);
    gap: min(48px, 3.3333333333vw);
    max-width: min(764px, 53.0555555556vw);
  }
}
@media (max-width: 1280px) {
  .privacy-fv__title-unit {
    flex: none;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .privacy-fv__title-unit {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    gap: min(40px, 10.1781170483vw);
    height: auto;
    padding: 0;
    max-width: none;
  }
}
.privacy-fv__titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  color: #0a815c;
}
@media (min-width: 768px) {
  .privacy-fv__titles {
    gap: min(8px, 0.5555555556vw);
  }
}
@media (max-width: 767px) {
  .privacy-fv__titles {
    gap: min(4px, 1.0178117048vw);
  }
}
.privacy-fv__label {
  margin: 0;
  font-weight: 700;
  line-height: 1.5;
  color: inherit;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .privacy-fv__label {
    font-size: min(20px, 1.3888888889vw);
    letter-spacing: min(0.4px, 0.0277777778vw);
  }
}
@media (max-width: 767px) {
  .privacy-fv__label {
    font-size: min(18px, 4.5801526718vw);
    letter-spacing: min(0.36px, 0.0916030534vw);
  }
}
.privacy-fv__title-en {
  margin: 0;
  font-family: "LINE Seed JP", "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1;
  color: inherit;
  font-variation-settings: "wdth" 100;
}
@media (min-width: 768px) {
  .privacy-fv__title-en {
    font-size: min(150px, 10.4166666667vw);
  }
}
@media (max-width: 1280px) and (min-width: 768px) {
  .privacy-fv__title-en {
    font-size: min(80px, 5.5555555556vw);
  }
}
@media (max-width: 767px) {
  .privacy-fv__title-en {
    font-size: min(60px, 15.2671755725vw);
  }
}
.privacy-fv__text-set {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  color: #1a1c1b;
}
@media (min-width: 768px) {
  .privacy-fv__text-set {
    gap: min(20px, 1.3888888889vw);
  }
}
@media (max-width: 767px) {
  .privacy-fv__text-set {
    gap: min(16px, 4.0712468193vw);
  }
}
.privacy-fv__headline {
  margin: 0;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
  overflow-wrap: break-word;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .privacy-fv__headline {
    font-size: min(37px, 2.5694444444vw);
  }
}
@media (max-width: 767px) {
  .privacy-fv__headline {
    font-size: min(25px, 6.3613231552vw);
    letter-spacing: min(0.5px, 0.1272264631vw);
    line-height: 1.5;
  }
}
.privacy-fv__intro {
  margin: 0;
  font-weight: 400;
  line-height: 1.6;
  overflow-wrap: break-word;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .privacy-fv__intro {
    font-size: min(20px, 1.3888888889vw);
  }
}
@media (max-width: 767px) {
  .privacy-fv__intro {
    font-size: min(18px, 4.5801526718vw);
    line-height: 1.6;
  }
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.top-page {
  overflow: hidden;
  background: #fbf7f3;
}

.top-fv {
  position: relative;
  width: 100%;
  height: min(1100px, 76.3888888889vw);
  background: #fbf7f3;
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-fv {
    height: min(750px, 190.8396946565vw);
  }
}
.top-fv__slides {
  position: relative;
  width: 100%;
  height: 100%;
}
.top-fv__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}
.top-fv__slide.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.top-fv__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
.top-fv__bg picture {
  display: block;
  width: 100%;
  height: 100%;
}
.top-fv__bg-img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
}
@media (max-width: 767px) {
  .top-fv__bg-img {
    -o-object-position: center center;
    object-position: center center;
  }
}
@media (max-width: 767px) {
  .top-fv__slide[data-fv-slide="2"] .top-fv__bg-img {
    -o-object-position: 72% center;
    object-position: 72% center;
  }
}
.top-fv__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: min(180px, 12.5vw);
  pointer-events: none;
}
@media (max-width: 767px) {
  .top-fv__inner {
    display: flex;
    flex-direction: column;
    padding: min(120px, 30.534351145vw) 0 min(40px, 10.1781170483vw);
  }
}
.top-fv__catch-wrap {
  display: flex;
  flex-direction: column;
  gap: min(32px, 2.2222222222vw);
  padding: 0 min(64px, 4.4444444444vw);
  max-width: min(720px, 50vw);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-fv__catch-wrap {
    gap: min(20px, 5.0890585242vw);
    padding: 0;
    max-width: none;
  }
}
.top-fv__ui {
  position: absolute;
  left: 0;
  right: 0;
  bottom: min(80px, 5.5555555556vw);
  z-index: 4;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 min(40px, 2.7777777778vw) 0 min(100px, 6.9444444444vw);
  box-sizing: border-box;
  pointer-events: none;
}
@media (max-width: 767px) {
  .top-fv__ui {
    bottom: min(40px, 10.1781170483vw);
    flex-direction: column;
    align-items: stretch;
    gap: min(40px, 10.1781170483vw);
    padding: 0 min(24px, 6.106870229vw);
  }
}
.top-fv__controls {
  display: flex;
  align-items: center;
  gap: min(24px, 1.6666666667vw);
  flex-shrink: 0;
  order: 1;
  pointer-events: auto;
}
@media (max-width: 767px) {
  .top-fv__controls {
    order: 2;
    justify-content: flex-end;
    width: 100%;
  }
}
.top-fv__play {
  display: flex;
  align-items: center;
  justify-content: center;
  order: 1;
  width: min(25px, 1.7361111111vw);
  height: min(25px, 1.7361111111vw);
  padding: 0;
  background: #767777;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 767px) {
  .top-fv__play {
    order: 2;
    width: min(20px, 5.0890585242vw);
    height: min(20px, 5.0890585242vw);
  }
}
.top-fv__play[aria-pressed=true] .top-fv__play-icon--pause {
  display: flex;
}
.top-fv__play[aria-pressed=true] .top-fv__play-icon--play {
  display: none;
}
.top-fv__play[aria-pressed=false] .top-fv__play-icon--pause {
  display: none;
}
.top-fv__play[aria-pressed=false] .top-fv__play-icon--play {
  display: flex;
}
.top-fv__play-icon {
  align-items: center;
  justify-content: center;
}
.top-fv__play-icon--pause {
  display: flex;
  gap: 2px;
  width: min(6px, 0.4166666667vw);
  height: min(11px, 0.7638888889vw);
}
@media (max-width: 767px) {
  .top-fv__play-icon--pause {
    width: min(5px, 1.272264631vw);
    height: min(9px, 2.2900763359vw);
  }
}
.top-fv__play-icon--pause::before, .top-fv__play-icon--pause::after {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: #ffffff;
}
@media (max-width: 767px) {
  .top-fv__play-icon--pause::before, .top-fv__play-icon--pause::after {
    width: min(2px, 0.5089058524vw);
  }
}
.top-fv__play-icon--play {
  display: none;
  width: min(17px, 1.1805555556vw);
  height: min(17px, 1.1805555556vw);
}
@media (max-width: 767px) {
  .top-fv__play-icon--play {
    width: min(14px, 3.5623409669vw);
    height: min(14px, 3.5623409669vw);
  }
}
.top-fv__play-icon--play img {
  display: block;
  width: 100%;
  height: 100%;
}
.top-fv__pager {
  display: flex;
  align-items: center;
  order: 2;
  gap: min(4px, 0.2777777778vw);
}
@media (max-width: 767px) {
  .top-fv__pager {
    order: 1;
  }
}
.top-fv__pager-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: min(64px, 4.4444444444vw);
  padding: min(8px, 0.5555555556vw) 0;
  background: transparent;
  border: 0;
  cursor: pointer;
}
@media (max-width: 767px) {
  .top-fv__pager-item {
    width: min(64px, 16.2849872774vw);
    padding: min(8px, 2.0356234097vw) 0;
  }
}
.top-fv__pager-bar {
  position: relative;
  display: block;
  width: 100%;
  height: min(4px, 0.2777777778vw);
  background: #767777;
  overflow: hidden;
}
@media (max-width: 767px) {
  .top-fv__pager-bar {
    height: min(4px, 1.0178117048vw);
  }
}
.top-fv__pager-bar::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 0;
  background: #61db93;
}
.top-fv__pager-item.is-active .top-fv__pager-bar::after {
  width: 100%;
}
.top-fv__pager-item.is-playing .top-fv__pager-bar::after {
  animation: top-fv-progress 5s linear forwards;
}
.top-fv__catch-en {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  order: 2;
  min-width: 0;
  margin: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  .top-fv__catch-en {
    order: 1;
    flex: none;
    width: 100%;
    height: min(62px, 15.7760814249vw);
  }
}
.top-fv__catch-en-skew {
  display: inline-block;
  transform: skewX(-10deg) scaleY(0.98);
  width: min(388px, 26.9444444444vw);
  font-size: min(56px, 3.8888888889vw);
  font-weight: 800;
  line-height: 1.2;
  color: #0a815c;
  text-align: right;
  text-shadow: 2px 2px 0 #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-fv__catch-en-skew {
    width: auto;
    font-size: min(26px, 6.6157760814vw);
  }
}
.top-fv__catch {
  display: flex;
  flex-direction: column;
  gap: min(16px, 1.1111111111vw);
}
@media (max-width: 767px) {
  .top-fv__catch {
    gap: min(8px, 2.0356234097vw);
    padding-left: min(20px, 5.0890585242vw);
  }
}
.top-fv__sub {
  display: flex;
  align-items: center;
  gap: min(8px, 0.5555555556vw);
  min-height: min(35px, 2.4305555556vw);
  padding: 0 min(80px, 5.5555555556vw);
  box-sizing: border-box;
}
.top-fv__sub--wide {
  padding: 0 min(40px, 2.7777777778vw);
}
@media (max-width: 767px) {
  .top-fv__sub {
    min-height: 0;
    padding: 0 0 0 min(20px, 5.0890585242vw);
  }
}
.top-fv__sub-text-sp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.top-fv__sub-text-line {
  display: block;
}
.top-fv__sub-line {
  display: block;
  margin-right: min(10px, 0.6944444444vw);
  flex-shrink: 0;
  width: 2px;
  height: min(30px, 2.0833333333vw);
  background: #1a1c1b;
  transform: rotate(140deg);
}
@media (max-width: 767px) {
  .top-fv__sub-line {
    width: min(2px, 0.5089058524vw);
    height: min(28px, 7.1246819338vw);
    margin-right: min(15px, 3.8167938931vw);
  }
}
.top-fv__sub-line--right {
  transform: rotate(-140deg) scaleY(-1);
  margin-right: 0;
  margin-left: min(10px, 0.6944444444vw);
}
@media (max-width: 767px) {
  .top-fv__sub-line--right {
    margin-left: min(15px, 3.8167938931vw);
  }
}
.top-fv__sub-text {
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  line-height: 1.5;
  color: #1a1c1b;
  white-space: nowrap;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-fv__sub-text {
    font-size: min(18px, 4.5801526718vw);
    white-space: normal;
  }
}
.top-fv__title {
  margin: 0;
  min-height: min(192px, 13.3333333333vw);
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .top-fv__title {
    min-height: 0;
  }
}
.top-fv__title-skew {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  transform: skewX(-4deg);
}
.top-fv__title-line {
  display: block;
  font-size: min(74px, 5.1388888889vw);
  font-weight: 800;
  line-height: 1.3;
  color: #0a815c;
  white-space: nowrap;
  font-feature-settings: "palt" 1;
}
.top-fv__title-line--first {
  padding-right: min(40px, 2.7777777778vw);
}
.top-fv__title-line--flush {
  padding: 0;
}
@media (max-width: 767px) {
  .top-fv__title-line {
    font-size: min(38px, 9.6692111959vw);
  }
  .top-fv__title-line--first {
    padding-right: 0;
  }
  .top-fv__title-line--flush {
    padding: 0;
  }
}
.top-fv__badges {
  display: flex;
  flex-direction: column;
  gap: min(20px, 1.3888888889vw);
  width: 100%;
  box-sizing: border-box;
}
.top-fv__badges--row {
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 0;
}
@media (max-width: 767px) {
  .top-fv__badges--pc {
    display: none;
  }
}
.top-fv__badges--sp {
  display: none;
}
@media (max-width: 767px) {
  .top-fv__badges--sp {
    display: flex;
    flex-direction: column;
    gap: min(8px, 2.0356234097vw);
    padding-left: min(20px, 5.0890585242vw);
  }
}
.top-fv__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  padding: min(4px, 0.2777777778vw) min(20px, 1.3888888889vw);
  background: #ffe952;
  border: 10px solid #ffe952;
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  line-height: 1.5;
  color: #1a1c1b;
  text-align: center;
  box-sizing: border-box;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-fv__badge {
    font-size: min(20px, 5.0890585242vw);
    padding: min(2px, 0.5089058524vw) min(20px, 5.0890585242vw);
    border-width: 6px;
  }
}

@keyframes top-fv-progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.top-pickup {
  position: relative;
  width: 100%;
  height: min(615px, 42.7083333333vw);
  padding: min(80px, 5.5555555556vw) min(100px, 6.9444444444vw);
  background-color: #47b088;
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-pickup {
    height: auto;
    padding: min(20px, 5.0890585242vw);
  }
}
.top-pickup__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.top-pickup__bg-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.top-pickup__watermark {
  position: absolute;
  bottom: min(-10px, -0.6944444444vw);
  left: 0;
  z-index: 2;
  margin: 0;
  font-size: min(150px, 10.4166666667vw);
  font-weight: 800;
  line-height: 1.5;
  color: #003c1e;
  opacity: 0.2;
  white-space: nowrap;
  transform: skewX(-10deg) scaleY(0.98);
  pointer-events: none;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-pickup__watermark {
    bottom: min(-20px, -5.0890585242vw);
    font-size: min(55px, 13.9949109415vw);
    line-height: 1.5;
  }
}
.top-pickup__inner {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: center;
  gap: min(40px, 2.7777777778vw);
  width: 100%;
  max-width: 1440px;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-pickup__inner {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    gap: min(20px, 5.0890585242vw);
  }
}
.top-pickup__label {
  position: relative;
  flex-shrink: 0;
  width: min(290px, 20.1388888889vw);
  height: min(155px, 10.7638888889vw);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .top-pickup__label {
    width: min(220px, 55.9796437659vw);
    height: min(118px, 30.0254452926vw);
  }
}
.top-pickup__label-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
}
.top-pickup__label-text {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: min(20px, 1.3888888889vw);
  text-align: center;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-pickup__label-text {
    padding: min(20px, 5.0890585242vw);
  }
}
.top-pickup__label-en {
  margin: 0;
  font-size: min(24px, 1.6666666667vw);
  font-weight: 800;
  line-height: 1.5;
  color: #1a1c1b;
  white-space: nowrap;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-pickup__label-en {
    font-size: min(20px, 5.0890585242vw);
  }
}
.top-pickup__label-ja {
  margin: 0;
  font-size: min(12px, 0.8333333333vw);
  font-weight: 700;
  line-height: 1.4;
  color: #1a1c1b;
  text-align: center;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-pickup__label-ja {
    font-size: min(12px, 3.0534351145vw);
  }
}
.top-pickup__banner {
  flex: 0 1 min(808px, 56.1111111111vw);
  display: block;
  width: 100%;
  max-width: min(808px, 56.1111111111vw);
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
}
.top-pickup__banner .top-pickup__banner-img {
  transform: scale(1);
  transform-origin: center center;
  transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  .top-pickup__banner .top-pickup__banner-img {
    transition: none;
  }
}
@media (hover: hover) {
  .top-pickup__banner:hover .top-pickup__banner-img {
    transform: scale(1.05);
  }
}
@media (hover: hover) and (prefers-reduced-motion: reduce) {
  .top-pickup__banner:hover .top-pickup__banner-img {
    transform: scale(1);
  }
}
@media (max-width: 767px) {
  .top-pickup__banner {
    flex: none;
    max-width: none;
    height: min(203px, 51.6539440204vw);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  }
}
.top-pickup__banner-img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}
@media (max-width: 767px) {
  .top-pickup__banner-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }
}

.top-about {
  position: relative;
  width: 100%;
  min-height: 0;
  padding: min(280px, 19.4444444444vw) 0 min(500px, 34.7222222222vw);
  background: #fbf7f3;
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-about {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 0;
    padding: min(80px, 20.3562340967vw) 0;
  }
}
.top-about__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 767px) {
  .top-about__bg--pc {
    display: none;
  }
}
.top-about__bg-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.top-about__visual {
  display: none;
  position: relative;
  width: 100%;
  aspect-ratio: 390/312;
  pointer-events: none;
}
@media (max-width: 767px) {
  .top-about__visual {
    display: block;
  }
}
.top-about__visual--top {
  margin-bottom: min(-80px, -20.3562340967vw);
  z-index: 1;
}
.top-about__visual--bottom {
  z-index: 1;
  max-height: min(640px, 162.8498727735vw);
}
.top-about__visual-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.top-about__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-about__inner {
    align-items: center;
    padding: 0 min(20px, 5.0890585242vw);
  }
}
.top-about__jump {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: min(-64px, -4.4444444444vw);
  padding: 0 min(40px, 2.7777777778vw);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-about__jump {
    justify-content: flex-end;
    max-width: min(640px, 162.8498727735vw);
    margin-bottom: 0;
    padding: 0 0 0 min(20px, 5.0890585242vw);
  }
}
.top-about__jump-spacer, .top-about__jump-center {
  display: block;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .top-about__jump-spacer, .top-about__jump-center {
    display: none;
  }
}
.top-about__jump-spacer {
  flex: 1 0 0;
  max-width: min(344px, 23.8888888889vw);
  max-height: min(344px, 23.8888888889vw);
  aspect-ratio: 344/344;
  margin-right: min(-160px, -11.1111111111vw);
}
.top-about__jump-center {
  width: min(697px, 48.4027777778vw);
  height: min(332px, 23.0555555556vw);
  margin-right: min(-160px, -11.1111111111vw);
}
.top-about__jump-img-wrap {
  position: relative;
  flex: 1 0 0;
  max-width: min(344px, 23.8888888889vw);
  max-height: min(344px, 23.8888888889vw);
  aspect-ratio: 344/344;
}
@media (max-width: 767px) {
  .top-about__jump-img-wrap {
    flex: none;
    max-width: none;
    max-height: none;
    aspect-ratio: auto;
  }
}
.top-about__jump-img {
  display: block;
  max-width: none;
}
.top-about__jump-img--pc {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
@media (max-width: 767px) {
  .top-about__jump-img--pc {
    display: none;
  }
}
.top-about__jump-img--sp {
  display: none;
  width: min(121px, 30.7888040712vw);
  height: min(121px, 30.7888040712vw);
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 767px) {
  .top-about__jump-img--sp {
    display: block;
  }
}
.top-about__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(40px, 2.7777777778vw);
  width: 100%;
}
@media (max-width: 767px) {
  .top-about__text {
    gap: min(40px, 10.1781170483vw);
  }
}
.top-about__title {
  margin: 0;
  font-size: min(42px, 2.9166666667vw);
  font-weight: 700;
  line-height: 1.4;
  color: #0a815c;
  text-align: center;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-about__title {
    font-size: min(32px, 8.1424936387vw);
  }
}
.top-about__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(20px, 1.3888888889vw);
  width: 100%;
  max-width: min(697px, 48.4027777778vw);
  text-align: center;
}
@media (max-width: 767px) {
  .top-about__body {
    gap: min(20px, 5.0890585242vw);
    max-width: none;
  }
}
.top-about__leads {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.top-about__leads--pc {
  gap: min(24px, 1.6666666667vw);
}
@media (max-width: 767px) {
  .top-about__leads--pc {
    display: none;
  }
}
.top-about__leads--sp {
  display: none;
  gap: min(20px, 5.0890585242vw);
}
@media (max-width: 767px) {
  .top-about__leads--sp {
    display: flex;
  }
}
.top-about__lead {
  margin: 0;
  width: 100%;
  font-size: min(18px, 1.25vw);
  font-weight: 700;
  line-height: 2;
  color: #1a1c1b;
}
@media (max-width: 767px) {
  .top-about__lead {
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.8;
  }
}
@media (max-width: 767px) {
  .top-about__closing-pc {
    display: none;
  }
}
.top-about__closing-sp {
  display: none;
}
@media (max-width: 767px) {
  .top-about__closing-sp {
    display: inline;
  }
}
.top-about__catch {
  margin: 0;
  width: 100%;
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  line-height: 1.5;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-about__catch {
    font-size: min(20px, 5.0890585242vw);
  }
}

.top-about-bottom {
  position: relative;
  width: 100%;
  background: #fbf7f3;
  overflow: hidden;
  line-height: 0;
}
.top-about-bottom__img {
  display: block;
  width: 100%;
  max-width: min(1440px, 100vw);
  height: auto;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .top-about-bottom__img {
    max-width: none;
  }
}

.top-reason {
  position: relative;
  width: 100%;
  min-height: min(942px, 65.4166666667vw);
  padding: min(120px, 8.3333333333vw) min(100px, 6.9444444444vw);
  background: #fbf7f3;
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-reason {
    min-height: 0;
    padding: min(80px, 20.3562340967vw) min(20px, 5.0890585242vw);
  }
}
.top-reason__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.top-reason__bg picture {
  display: block;
  width: 100%;
  height: 100%;
}
.top-reason__bg-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
}
.top-reason__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(80px, 5.5555555556vw);
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-reason__inner {
    gap: min(40px, 10.1781170483vw);
  }
}
.top-reason__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(12px, 0.8333333333vw);
}
@media (max-width: 767px) {
  .top-reason__heading {
    align-items: flex-end;
    gap: 0;
    width: 100%;
  }
}
.top-reason__heading-line {
  display: block;
  flex-shrink: 0;
  width: min(4px, 0.2777777778vw);
  height: min(120px, 8.3333333333vw);
  background: #0a815c;
  transform: rotate(-20deg);
}
.top-reason__heading-line--right {
  transform: rotate(-160deg) scaleY(-1);
}
@media (max-width: 767px) {
  .top-reason__heading-line {
    width: min(4px, 1.0178117048vw);
    height: min(40px, 10.1781170483vw);
    transform: rotate(-30deg);
  }
  .top-reason__heading-line--right {
    transform: rotate(-150deg) scaleY(-1);
  }
}
.top-reason__title {
  margin: 0;
  font-size: min(42px, 2.9166666667vw);
  font-weight: 700;
  line-height: 1.4;
  color: #0a815c;
  text-align: center;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-reason__title {
    width: min(350px, 89.058524173vw);
    max-width: calc(100% - min(48px, 12.213740458vw));
    font-size: min(32px, 8.1424936387vw);
  }
}
@media (max-width: 767px) {
  .top-reason__title-br {
    display: none;
  }
}
.top-reason__list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: min(64px, 4.4444444444vw);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .top-reason__list {
    flex-direction: column;
    align-items: center;
    gap: min(64px, 16.2849872774vw);
  }
}
.top-reason__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(24px, 1.6666666667vw);
  width: min(370px, 25.6944444444vw);
}
@media (max-width: 767px) {
  .top-reason__card {
    width: min(350px, 89.058524173vw);
    max-width: 100%;
    gap: min(24px, 6.106870229vw);
  }
}
.top-reason__media {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  isolation: isolate;
}
.top-reason__no {
  position: relative;
  z-index: 2;
  margin: 0 0 min(-50px, -3.4722222222vw);
  width: 100%;
  font-size: min(80px, 5.5555555556vw);
  font-weight: 700;
  line-height: 1.5;
  color: #0a815c;
}
@media (max-width: 767px) {
  .top-reason__no {
    width: min(300px, 76.3358778626vw);
    margin: 0 0 min(-28px, -7.1246819338vw);
    font-size: min(70px, 17.8117048346vw);
    line-height: 1;
    text-box: trim-both cap alphabetic;
  }
}
.top-reason__img-wrap {
  position: relative;
  z-index: 1;
  width: min(350px, 24.3055555556vw);
  height: min(280px, 19.4444444444vw);
  border-radius: min(40px, 2.7777777778vw);
  overflow: hidden;
}
@media (max-width: 767px) {
  .top-reason__img-wrap {
    width: min(300px, 76.3358778626vw);
    height: min(240px, 61.0687022901vw);
    border-radius: min(40px, 10.1781170483vw);
  }
}
.top-reason__img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.top-reason__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(12px, 0.8333333333vw);
  width: 100%;
  text-align: center;
}
.top-reason__text--pad {
  padding-left: min(8px, 0.5555555556vw);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-reason__text--pad {
    padding-left: 0;
  }
}
.top-reason__card-title {
  margin: 0;
  width: 100%;
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  line-height: 1.5;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-reason__card-title {
    max-width: min(294px, 74.8091603053vw);
    font-size: min(20px, 5.0890585242vw);
  }
}
.top-reason__card-desc {
  margin: 0;
  width: 100%;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.8;
  color: #1a1c1b;
}
@media (max-width: 767px) {
  .top-reason__card-desc {
    font-size: min(16px, 4.0712468193vw);
  }
}

.top-class {
  position: relative;
  width: 100%;
  min-height: min(1157px, 80.3472222222vw);
  padding: min(120px, 8.3333333333vw) min(100px, 6.9444444444vw);
  background: #fbf7f3;
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-class {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 0;
  }
}
.top-class__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 767px) {
  .top-class__bg--pc {
    display: none;
  }
}
.top-class__bg-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.top-class__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-class__inner {
    gap: min(40px, 10.1781170483vw);
    margin-bottom: min(-40px, -10.1781170483vw);
  }
}
.top-class__intro {
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  .top-class__intro {
    padding: min(80px, 20.3562340967vw) min(20px, 5.0890585242vw) 0;
    box-sizing: border-box;
  }
}
.top-class__intro-bg {
  display: none;
}
@media (max-width: 767px) {
  .top-class__intro-bg {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
  }
}
.top-class__intro-bg-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
}
.top-class__header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: min(16px, 1.1111111111vw);
  width: 100%;
  max-width: 1240px;
}
@media (max-width: 767px) {
  .top-class__header {
    align-items: center;
    justify-content: center;
    gap: 0;
    max-width: none;
  }
}
.top-class__header-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(40px, 2.7777777778vw);
}
@media (max-width: 767px) {
  .top-class__header-text {
    gap: min(20px, 5.0890585242vw);
    margin-right: min(-20px, -5.0890585242vw);
  }
}
.top-class__en {
  display: flex;
  align-items: center;
  gap: min(8px, 0.5555555556vw);
}
@media (max-width: 767px) {
  .top-class__en {
    gap: min(4px, 1.0178117048vw);
  }
}
.top-class__en-icon {
  display: block;
  width: min(28px, 1.9444444444vw);
  height: min(28px, 1.9444444444vw);
}
@media (max-width: 767px) {
  .top-class__en-icon {
    width: min(20px, 5.0890585242vw);
    height: min(20px, 5.0890585242vw);
  }
}
.top-class__en-label {
  margin: 0;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.5;
  color: #0a815c;
  text-align: center;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-class__en-label {
    font-size: min(18px, 4.5801526718vw);
  }
}
.top-class__titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(16px, 1.1111111111vw);
}
@media (max-width: 767px) {
  .top-class__titles {
    gap: min(8px, 2.0356234097vw);
  }
}
.top-class__title {
  margin: 0;
  font-size: min(42px, 2.9166666667vw);
  font-weight: 700;
  line-height: 1.4;
  color: #0a815c;
  text-align: center;
  white-space: nowrap;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-class__title {
    font-size: min(32px, 8.1424936387vw);
    text-align: left;
    white-space: normal;
  }
}
.top-class__lead {
  margin: 0;
  font-size: min(18px, 1.25vw);
  font-weight: 400;
  line-height: 1.5;
  color: #0a815c;
  white-space: nowrap;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-class__lead {
    font-size: min(16px, 4.0712468193vw);
    text-align: left;
    white-space: normal;
  }
}
.top-class__header-img {
  display: block;
  flex-shrink: 0;
  width: min(160px, 11.1111111111vw);
  height: min(160px, 11.1111111111vw);
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px) {
  .top-class__header-img {
    width: min(120px, 30.534351145vw);
    height: min(120px, 30.534351145vw);
  }
}
.top-class__list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: min(64px, 4.4444444444vw);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .top-class__list {
    flex-direction: column;
    align-items: stretch;
    gap: min(40px, 10.1781170483vw);
    padding: 0 min(20px, 5.0890585242vw);
    box-sizing: border-box;
  }
}
.top-class__item {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .top-class__item {
    width: 100%;
  }
}
.top-class__item--little {
  padding-top: min(120px, 8.3333333333vw);
}
@media (max-width: 767px) {
  .top-class__item--little {
    padding-top: 0;
  }
}
.top-class__item--kids {
  padding-top: min(64px, 4.4444444444vw);
}
@media (max-width: 767px) {
  .top-class__item--kids {
    padding-top: 0;
  }
}
.top-class__item--general {
  justify-content: center;
}
@media (max-width: 767px) {
  .top-class__item--general {
    justify-content: stretch;
  }
}
.top-class__card {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: min(20px, 1.3888888889vw);
  width: min(367px, 25.4861111111vw);
  padding: min(32px, 2.2222222222vw) min(20px, 1.3888888889vw);
  border: 1px solid #1a1c1b;
  border-radius: min(40px, 2.7777777778vw);
  box-sizing: border-box;
}
.top-class__card--little {
  height: min(625px, 43.4027777778vw);
  background: #fffce0;
}
.top-class__card--little .top-class__card-age {
  background: #ffe952;
}
.top-class__card--kids {
  background: #edfff7;
}
.top-class__card--kids .top-class__card-age {
  background: #89f1c6;
}
.top-class__card--general {
  background: #d3e2ff;
}
.top-class__card--general .top-class__card-age {
  background: #9abcff;
}
@media (max-width: 767px) {
  .top-class__card {
    width: 100%;
    max-width: none;
    height: auto;
    padding: min(20px, 5.0890585242vw);
    border-radius: min(40px, 10.1781170483vw);
    gap: min(20px, 5.0890585242vw);
  }
}
.top-class__card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(8px, 0.5555555556vw);
  width: 100%;
}
.top-class__card-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(8px, 0.5555555556vw);
  width: 100%;
  padding: min(20px, 1.3888888889vw) 0;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-class__card-head {
    gap: min(8px, 2.0356234097vw);
    padding: min(20px, 5.0890585242vw) 0;
  }
}
.top-class__card-label-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
}
.top-class__card-label-bg--contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.top-class__card-name {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  line-height: 1.5;
  color: #1a1c1b;
  text-align: center;
  white-space: nowrap;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-class__card-name {
    font-size: min(20px, 5.0890585242vw);
  }
}
.top-class__card-age {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: min(2px, 0.1388888889vw) min(20px, 1.3888888889vw);
  border: 1px solid #1a1c1b;
  border-radius: min(9999px, 694.375vw);
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.8;
  color: #1a1c1b;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-class__card-age {
    padding: min(2px, 0.5089058524vw) min(20px, 5.0890585242vw);
    font-size: min(16px, 4.0712468193vw);
  }
}
.top-class__card-img {
  display: block;
  width: min(280px, 19.4444444444vw);
  height: min(275px, 19.0972222222vw);
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px) {
  .top-class__card-img {
    width: min(240px, 61.0687022901vw);
    height: min(236px, 60.0508905852vw);
  }
}
.top-class__card-desc {
  margin: 0;
  width: 100%;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.8;
  color: #1a1c1b;
}
@media (max-width: 767px) {
  .top-class__card-desc {
    font-size: min(16px, 4.0712468193vw);
  }
}
.top-class__link {
  display: flex;
  align-items: center;
  gap: min(8px, 0.5555555556vw);
  text-decoration: none;
  color: inherit;
}
.top-class__link .circle-arrow-link__icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.top-class__link .circle-arrow-link__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: opacity 400ms cubic-bezier(0.65, 0, 0.35, 1);
}
@media (prefers-reduced-motion: reduce) {
  .top-class__link .circle-arrow-link__img {
    transition: none;
  }
}
.top-class__link .circle-arrow-link__img--hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}
@media (hover: hover) {
  .top-class__link:hover .circle-arrow-link__img--default {
    opacity: 0;
  }
  .top-class__link:hover .circle-arrow-link__img--hover {
    opacity: 1;
  }
}
.top-class__link-space {
  display: block;
  flex-shrink: 0;
  width: min(58px, 4.0277777778vw);
  height: min(58px, 4.0277777778vw);
}
@media (max-width: 767px) {
  .top-class__link-space {
    width: min(58px, 14.7582697201vw);
    height: min(58px, 14.7582697201vw);
  }
}
.top-class__link-text {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 400;
  line-height: 1;
  color: #1a1c1b;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .top-class__link-text {
    font-size: min(14px, 3.5623409669vw);
  }
}
.top-class__link-icon {
  position: relative;
  flex-shrink: 0;
  width: min(58px, 4.0277777778vw);
  height: min(58px, 4.0277777778vw);
}
@media (max-width: 767px) {
  .top-class__link-icon {
    width: min(58px, 14.7582697201vw);
    height: min(58px, 14.7582697201vw);
  }
}
.top-class__footer-bg {
  display: none;
}
@media (max-width: 767px) {
  .top-class__footer-bg {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: min(120px, 30.534351145vw);
    pointer-events: none;
  }
}
.top-class__footer-bg-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.top-price {
  position: relative;
  width: 100%;
  min-height: min(1291px, 89.6527777778vw);
  padding: min(120px, 8.3333333333vw) min(100px, 6.9444444444vw);
  background: #fbf7f3;
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-price {
    min-height: 0;
    padding: min(40px, 10.1781170483vw) min(20px, 5.0890585242vw);
  }
}
.top-price__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 767px) {
  .top-price__bg--pc {
    display: none;
  }
}
.top-price__bg-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.top-price__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(64px, 4.4444444444vw);
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-price__inner {
    gap: min(40px, 10.1781170483vw);
  }
}
.top-price__header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (max-width: 767px) {
  .top-price__header {
    justify-content: center;
  }
}
.top-price__header-img {
  display: block;
  flex-shrink: 0;
  width: min(160px, 11.1111111111vw);
  height: min(160px, 11.1111111111vw);
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px) {
  .top-price__header-img {
    order: 2;
    width: min(120px, 30.534351145vw);
    height: min(120px, 30.534351145vw);
  }
}
.top-price__header-spacer {
  display: block;
  flex-shrink: 0;
  width: min(160px, 11.1111111111vw);
  height: min(160px, 11.1111111111vw);
}
@media (max-width: 767px) {
  .top-price__header-spacer {
    display: none;
  }
}
.top-price__header-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(40px, 2.7777777778vw);
}
@media (max-width: 767px) {
  .top-price__header-text {
    order: 1;
    align-items: flex-start;
    gap: min(20px, 5.0890585242vw);
    margin-right: min(-20px, -5.0890585242vw);
  }
}
.top-price__en {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(8px, 0.5555555556vw);
  width: 100%;
  padding-right: min(20px, 1.3888888889vw);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-price__en {
    justify-content: flex-start;
    gap: min(4px, 1.0178117048vw);
    width: auto;
    padding-right: 0;
  }
}
.top-price__en-icon {
  display: block;
  width: min(28px, 1.9444444444vw);
  height: min(28px, 1.9444444444vw);
}
@media (max-width: 767px) {
  .top-price__en-icon {
    width: min(20px, 5.0890585242vw);
    height: min(20px, 5.0890585242vw);
  }
}
.top-price__en-label {
  margin: 0;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.5;
  color: #0a815c;
  text-align: center;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-price__en-label {
    font-size: min(18px, 4.5801526718vw);
  }
}
.top-price__titles {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(16px, 1.1111111111vw);
  text-align: center;
}
@media (max-width: 767px) {
  .top-price__titles {
    align-items: flex-start;
    gap: min(8px, 2.0356234097vw);
    text-align: left;
  }
}
.top-price__title {
  margin: 0;
  font-size: min(42px, 2.9166666667vw);
  font-weight: 700;
  line-height: 1.4;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-price__title {
    font-size: min(32px, 8.1424936387vw);
  }
}
.top-price__lead {
  margin: 0;
  font-size: min(18px, 1.25vw);
  font-weight: 400;
  line-height: 1.5;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-price__lead {
    font-size: min(16px, 4.0712468193vw);
  }
}
.top-price__panel-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(20px, 1.3888888889vw);
  width: 100%;
  padding: min(64px, 4.4444444444vw) min(120px, 8.3333333333vw);
  background: #ffffff;
  border: 1px solid #47b088;
  border-radius: min(40px, 2.7777777778vw);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-price__panel-group {
    gap: min(40px, 10.1781170483vw);
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
}
.top-price__panel {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: min(20px, 1.3888888889vw);
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-price__panel {
    gap: min(20px, 5.0890585242vw);
    padding: min(64px, 16.2849872774vw) min(20px, 5.0890585242vw);
    background: #ffffff;
    border: 1px solid #47b088;
    border-radius: min(40px, 10.1781170483vw);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  }
}
.top-price__panel-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(48px, 3.3333333333vw);
  width: 100%;
}
@media (max-width: 767px) {
  .top-price__panel-body {
    gap: min(48px, 12.213740458vw);
  }
}
.top-price__intro {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: min(80px, 5.5555555556vw);
  width: 100%;
}
@media (max-width: 767px) {
  .top-price__intro {
    flex-direction: column;
    align-items: center;
    gap: min(48px, 12.213740458vw);
    max-width: min(300px, 76.3358778626vw);
  }
}
.top-price__intro-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(40px, 2.7777777778vw);
  width: min(300px, 20.8333333333vw);
}
@media (max-width: 767px) {
  .top-price__intro-col {
    width: 100%;
    gap: min(32px, 8.1424936387vw);
  }
}
.top-price__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: min(4px, 0.2777777778vw) min(20px, 1.3888888889vw);
  background: #0a815c;
  border-radius: 8px;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.5;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-price__badge {
    padding: min(4px, 1.0178117048vw) min(16px, 4.0712468193vw);
    font-size: min(18px, 4.5801526718vw);
  }
}
.top-price__intro-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(40px, 2.7777777778vw);
  width: 100%;
}
@media (max-width: 767px) {
  .top-price__intro-content {
    gap: min(24px, 6.106870229vw);
  }
}
.top-price__amount {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: min(2px, 0.1388888889vw);
  margin: 0;
  color: #1a1c1b;
  white-space: nowrap;
}
.top-price__amount:has(.top-price__amount-num--md) {
  gap: min(4px, 0.2777777778vw);
  padding-bottom: min(4px, 0.2777777778vw);
}
@media (max-width: 767px) {
  .top-price__amount {
    gap: min(2px, 0.5089058524vw);
  }
  .top-price__amount:has(.top-price__amount-num--md) {
    gap: min(4px, 1.0178117048vw);
    padding-bottom: min(8px, 2.0356234097vw);
  }
}
.top-price__amount-num {
  font-size: min(60px, 4.1666666667vw);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-box: trim-both cap alphabetic;
}
.top-price__amount-num--md {
  font-size: min(40px, 2.7777777778vw);
  line-height: 1.5;
}
@media (max-width: 767px) {
  .top-price__amount-num {
    font-size: min(50px, 12.7226463104vw);
  }
  .top-price__amount-num--md {
    font-size: min(32px, 8.1424936387vw);
    line-height: 1.5;
  }
}
.top-price__amount-unit {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 767px) {
  .top-price__amount-unit {
    font-size: min(16px, 4.0712468193vw);
    line-height: 1;
  }
}
.top-price__notes {
  margin: 0;
  width: 100%;
  font-size: min(12px, 0.8333333333vw);
  font-weight: 400;
  line-height: 1.4;
  color: #0a815c;
}
@media (max-width: 767px) {
  .top-price__notes {
    font-size: min(12px, 3.0534351145vw);
    line-height: 1.4;
  }
}
.top-price__divider {
  display: block;
  width: 100%;
  height: 0;
  margin: 0;
  border: 0;
  border-top: 1px solid #dbdddc;
}
.top-price__table-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: min(20px, 1.3888888889vw);
  width: 100%;
}
@media (max-width: 767px) {
  .top-price__table-wrap {
    align-items: stretch;
    gap: 0;
  }
}
.top-price__table {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(20px, 1.3888888889vw);
  width: 100%;
  padding: min(20px, 1.3888888889vw);
  background: #fbf7f3;
  border-radius: 8px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-price__table--pc {
    display: none;
  }
}
.top-price__table-head, .top-price__table-row {
  display: grid;
  grid-template-columns: min(130px, 9.0277777778vw) repeat(3, min(235px, 16.3194444444vw));
  gap: min(40px, 2.7777777778vw);
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
}
.top-price__table-spacer {
  display: block;
}
.top-price__plan {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: min(8px, 0.5555555556vw);
  margin: 0;
  width: 100%;
  padding: min(4px, 0.2777777778vw) 0;
  background: #0a815c;
  border-radius: 8px;
  color: #ffffff;
  text-align: center;
  box-sizing: border-box;
}
.top-price__plan-name {
  font-size: min(18px, 1.25vw);
  font-weight: 700;
  line-height: 1.5;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-price__plan-name {
    font-size: min(16px, 4.0712468193vw);
  }
}
.top-price__plan-sep {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .top-price__plan-sep {
    font-size: min(16px, 4.0712468193vw);
  }
}
.top-price__plan-freq {
  font-size: min(16px, 4.0712468193vw);
  font-weight: 400;
  line-height: 1.5;
}
.top-price__plans {
  display: none;
}
@media (max-width: 767px) {
  .top-price__plans {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: min(48px, 12.213740458vw);
    width: 100%;
  }
}
.top-price__plan-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
}
.top-price__plan-card-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(8px, 2.0356234097vw);
  width: 100%;
  padding: min(4px, 1.0178117048vw) min(20px, 5.0890585242vw);
  background: #0a815c;
  color: #ffffff;
  text-align: center;
  box-sizing: border-box;
  white-space: nowrap;
}
.top-price__plan-card-body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: min(8px, 2.0356234097vw);
  width: 100%;
  padding: min(20px, 5.0890585242vw);
  background: #fbf7f3;
  box-sizing: border-box;
}
.top-price__plan-row {
  display: flex;
  align-items: center;
  width: 100%;
  height: min(42px, 10.6870229008vw);
}
.top-price__class-label {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 100%;
  height: min(42px, 2.9166666667vw);
  border: 1px solid #1a1c1b;
  border-radius: 8px;
  font-size: min(18px, 1.25vw);
  font-weight: 700;
  line-height: 1.5;
  color: #1a1c1b;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
  font-feature-settings: "palt" 1;
}
.top-price__class-label--little {
  background: #ffe952;
}
.top-price__class-label--kids {
  background: #89f1c6;
}
.top-price__class-label--general {
  background: #9abcff;
}
@media (max-width: 767px) {
  .top-price__class-label {
    flex-shrink: 0;
    width: min(110px, 27.989821883vw);
    height: auto;
    min-height: min(42px, 10.6870229008vw);
    padding: min(4px, 1.0178117048vw) min(8px, 2.0356234097vw);
    border-radius: 4px;
    font-size: min(16px, 4.0712468193vw);
  }
}
.top-price__fee {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 100%;
  height: min(42px, 2.9166666667vw);
  padding: min(8px, 0.5555555556vw) 0;
  font-size: min(24px, 1.6666666667vw);
  font-weight: 400;
  line-height: 1.5;
  color: #1a1c1b;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
}
.top-price__fee--empty {
  font-size: min(16px, 1.1111111111vw);
}
@media (max-width: 767px) {
  .top-price__fee {
    flex: 1 0 0;
    height: 100%;
    min-width: 0;
    padding: 0 min(8px, 2.0356234097vw);
    font-size: min(24px, 6.106870229vw);
  }
  .top-price__fee--empty {
    font-size: min(24px, 6.106870229vw);
  }
}
.top-price__tax-note {
  margin: 0;
  font-size: min(12px, 0.8333333333vw);
  font-weight: 400;
  line-height: 1.4;
  color: #1a1c1b;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .top-price__tax-note {
    font-size: min(12px, 3.0534351145vw);
    line-height: 1.4;
    text-align: center;
  }
}
.top-price__campaign {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(20px, 1.3888888889vw);
  width: 100%;
}
@media (max-width: 767px) {
  .top-price__campaign {
    gap: min(40px, 10.1781170483vw);
  }
}
.top-price__campaign-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: min(96px, 6.6666666667vw);
  height: min(55px, 3.8194444444vw);
}
.top-price__campaign-arrow img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
}
@media (max-width: 767px) {
  .top-price__campaign-arrow {
    width: min(96px, 24.427480916vw);
    height: min(55px, 13.9949109415vw);
  }
}
.top-price__campaign-banner {
  display: block;
  flex-shrink: 0;
  width: 100%;
  max-width: min(1000px, 69.4444444444vw);
}
@media (max-width: 767px) {
  .top-price__campaign-banner {
    max-width: 100%;
  }
}
.top-price__campaign-banner-img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}

.top-message {
  position: relative;
  width: 100%;
  min-height: min(735px, 51.0416666667vw);
  padding: min(120px, 8.3333333333vw) min(100px, 6.9444444444vw);
  background: #fbf7f3;
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-message {
    min-height: 0;
    padding: min(80px, 20.3562340967vw) min(20px, 5.0890585242vw);
  }
}
.top-message__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.top-message__bg picture {
  display: block;
  width: 100%;
  height: 100%;
}
.top-message__bg-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
}
.top-message__inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  gap: min(80px, 5.5555555556vw);
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-message__inner {
    flex-direction: column;
    align-items: stretch;
    gap: min(40px, 10.1781170483vw);
  }
}
.top-message__left {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: min(64px, 4.4444444444vw);
  min-width: 0;
}
@media (max-width: 767px) {
  .top-message__left {
    display: contents;
  }
}
.top-message__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(40px, 2.7777777778vw);
  width: 100%;
  max-width: min(377px, 26.1805555556vw);
  margin-right: auto;
}
@media (max-width: 767px) {
  .top-message__header {
    order: 1;
    gap: min(20px, 5.0890585242vw);
    max-width: none;
    padding-right: min(120px, 30.534351145vw);
    box-sizing: border-box;
  }
}
.top-message__en {
  display: flex;
  align-items: center;
  gap: min(8px, 0.5555555556vw);
  width: 100%;
}
@media (max-width: 767px) {
  .top-message__en {
    gap: min(4px, 1.0178117048vw);
    width: min(250px, 63.6132315522vw);
  }
}
.top-message__en-icon {
  display: block;
  width: min(28px, 1.9444444444vw);
  height: min(28px, 1.9444444444vw);
}
@media (max-width: 767px) {
  .top-message__en-icon {
    width: min(20px, 5.0890585242vw);
    height: min(20px, 5.0890585242vw);
  }
}
.top-message__en-label {
  margin: 0;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.5;
  color: #0a815c;
  text-align: center;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-message__en-label {
    font-size: min(18px, 4.5801526718vw);
  }
}
.top-message__title {
  margin: 0;
  font-size: min(42px, 2.9166666667vw);
  font-weight: 700;
  line-height: 1.4;
  color: #0a815c;
  white-space: nowrap;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-message__title {
    font-size: min(32px, 8.1424936387vw);
    white-space: normal;
    text-align: left;
  }
}
.top-message__copy {
  display: flex;
  flex-direction: column;
  gap: min(24px, 1.6666666667vw);
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 767px) {
  .top-message__copy {
    order: 3;
    gap: min(16px, 4.0712468193vw);
  }
}
.top-message__headline {
  margin: 0;
  width: 100%;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.6;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-message__headline {
    font-size: min(18px, 4.5801526718vw);
    text-align: left;
  }
}
.top-message__body {
  display: flex;
  flex-direction: column;
  gap: 1.8em;
  align-items: flex-start;
  margin: 0;
  width: 100%;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.8;
  color: #1a1c1b;
}
@media (max-width: 767px) {
  .top-message__body {
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.8;
    text-align: left;
  }
}
.top-message__paragraph {
  margin: 0;
  width: 100%;
}
.top-message__link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: min(8px, 0.5555555556vw);
  width: 100%;
  text-decoration: none;
  color: inherit;
}
.top-message__link .circle-arrow-link__icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.top-message__link .circle-arrow-link__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: opacity 400ms cubic-bezier(0.65, 0, 0.35, 1);
}
@media (prefers-reduced-motion: reduce) {
  .top-message__link .circle-arrow-link__img {
    transition: none;
  }
}
.top-message__link .circle-arrow-link__img--hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}
@media (hover: hover) {
  .top-message__link:hover .circle-arrow-link__img--default {
    opacity: 0;
  }
  .top-message__link:hover .circle-arrow-link__img--hover {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .top-message__link {
    order: 4;
    gap: min(8px, 2.0356234097vw);
    justify-content: flex-end;
  }
}
.top-message__link-space {
  display: block;
  flex-shrink: 0;
  width: min(58px, 4.0277777778vw);
  height: min(58px, 4.0277777778vw);
}
@media (max-width: 767px) {
  .top-message__link-space {
    width: min(58px, 14.7582697201vw);
    height: min(58px, 14.7582697201vw);
  }
}
.top-message__link-text {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 400;
  line-height: 1;
  color: #0a815c;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .top-message__link-text {
    font-size: min(14px, 3.5623409669vw);
    line-height: 1;
  }
}
.top-message__link-icon {
  position: relative;
  flex-shrink: 0;
  width: min(58px, 4.0277777778vw);
  height: min(58px, 4.0277777778vw);
}
@media (max-width: 767px) {
  .top-message__link-icon {
    width: min(58px, 14.7582697201vw);
    height: min(58px, 14.7582697201vw);
  }
}
.top-message__right {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: min(483px, 33.5416666667vw);
}
@media (max-width: 767px) {
  .top-message__right {
    order: 2;
    width: 100%;
  }
}
.top-message__photo-wrap {
  position: relative;
  width: min(483px, 33.5416666667vw);
  height: min(483px, 33.5416666667vw);
  margin-bottom: min(-40px, -2.7777777778vw);
  overflow: hidden;
}
@media (max-width: 767px) {
  .top-message__photo-wrap {
    width: 100%;
    height: min(350px, 89.058524173vw);
    margin-bottom: min(-32px, -8.1424936387vw);
  }
}
.top-message__photo {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
@media (max-width: 767px) {
  .top-message__photo {
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.top-message__name {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: min(20px, 1.3888888889vw);
  margin: 0;
  padding: min(8px, 0.5555555556vw) min(20px, 1.3888888889vw);
  background: #ffffff;
  border: 1px solid #1a1c1b;
  border-radius: 8px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-message__name {
    gap: min(16px, 4.0712468193vw);
    padding: min(8px, 2.0356234097vw) min(16px, 4.0712468193vw);
    border-radius: min(8px, 2.0356234097vw);
  }
}
.top-message__name-label {
  font-size: min(18px, 1.25vw);
  font-weight: 400;
  line-height: 1.5;
  color: #1a1c1b;
  text-align: center;
  white-space: nowrap;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-message__name-label {
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.5;
  }
}
.top-message__name-divider {
  display: block;
  align-self: stretch;
  width: 1px;
  background: #1a1c1b;
}
.top-message__name-text {
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  line-height: 1.5;
  color: #1a1c1b;
  text-align: center;
  white-space: nowrap;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-message__name-text {
    font-size: min(20px, 5.0890585242vw);
    line-height: 1.5;
  }
}

.top-give-dance {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  min-height: min(900px, 62.5vw);
  padding: 0 min(200px, 13.8888888889vw) 0 0;
  background: #47b088;
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-give-dance {
    align-items: stretch;
    justify-content: flex-start;
    min-height: 0;
    padding: 0;
  }
}
.top-give-dance__bg {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: min(1920px, 100vw);
  height: 100%;
  min-height: min(899px, 62.4305555556vw);
  transform: translateX(-50%);
  pointer-events: none;
}
@media (max-width: 767px) {
  .top-give-dance__bg--pc {
    display: none;
  }
}
.top-give-dance__bg-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
}
.top-give-dance__visual {
  display: none;
}
@media (max-width: 767px) {
  .top-give-dance__visual {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    padding-left: 0;
    overflow: hidden;
    box-sizing: border-box;
  }
}
.top-give-dance__visual-img {
  display: block;
  width: min(641px, 163.1043256997vw);
  height: min(300px, 76.3358778626vw);
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
}
@media (max-width: 767px) {
  .top-give-dance__visual-img {
    width: 100%;
    height: auto;
  }
}
.top-give-dance__panel {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(43px, 2.9861111111vw);
  width: min(705px, 48.9583333333vw);
  max-width: 100%;
  padding: min(20px, 1.3888888889vw) min(40px, 2.7777777778vw) min(40px, 2.7777777778vw);
  background: #ffffff;
  border: 1px solid #47b088;
  border-bottom: 0;
  border-radius: min(40px, 2.7777777778vw) min(40px, 2.7777777778vw) 0 0;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-give-dance__panel {
    align-items: flex-end;
    gap: min(20px, 5.0890585242vw);
    width: 100%;
    padding: min(20px, 5.0890585242vw) min(20px, 5.0890585242vw) min(40px, 10.1781170483vw);
    border-bottom: 1px solid #47b088;
    border-radius: 0;
  }
}
.top-give-dance__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(40px, 2.7777777778vw);
  width: 100%;
  order: 2;
  margin-right: auto;
}
@media (max-width: 767px) {
  .top-give-dance__header {
    order: 1;
    gap: min(20px, 5.0890585242vw);
  }
}
.top-give-dance__en {
  display: flex;
  align-items: center;
  gap: min(8px, 0.5555555556vw);
  width: 100%;
}
@media (max-width: 767px) {
  .top-give-dance__en {
    gap: min(4px, 1.0178117048vw);
    width: min(250px, 63.6132315522vw);
  }
}
.top-give-dance__en-icon {
  display: block;
  width: min(28px, 1.9444444444vw);
  height: min(28px, 1.9444444444vw);
}
@media (max-width: 767px) {
  .top-give-dance__en-icon {
    width: min(20px, 5.0890585242vw);
    height: min(20px, 5.0890585242vw);
  }
}
.top-give-dance__en-label {
  margin: 0;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.5;
  color: #0a815c;
  text-align: center;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-give-dance__en-label {
    font-size: min(18px, 4.5801526718vw);
  }
}
.top-give-dance__title {
  margin: 0;
  font-size: min(42px, 2.9166666667vw);
  font-weight: 700;
  line-height: 1.4;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-give-dance__title {
    font-size: min(32px, 8.1424936387vw);
  }
}
.top-give-dance__title-br {
  display: none;
}
@media (max-width: 767px) {
  .top-give-dance__title-br {
    display: block;
  }
}
.top-give-dance__body {
  margin: 0;
  width: 100%;
  order: 3;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.8;
  color: #1a1c1b;
}
@media (max-width: 767px) {
  .top-give-dance__body {
    order: 2;
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.8;
  }
}
.top-give-dance__link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: min(8px, 0.5555555556vw);
  order: 1;
  width: min(310px, 21.5277777778vw);
  max-width: 100%;
  margin-left: auto;
  text-decoration: none;
  color: inherit;
}
.top-give-dance__link .circle-arrow-link__icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.top-give-dance__link .circle-arrow-link__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: opacity 400ms cubic-bezier(0.65, 0, 0.35, 1);
}
@media (prefers-reduced-motion: reduce) {
  .top-give-dance__link .circle-arrow-link__img {
    transition: none;
  }
}
.top-give-dance__link .circle-arrow-link__img--hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}
@media (hover: hover) {
  .top-give-dance__link:hover .circle-arrow-link__img--default {
    opacity: 0;
  }
  .top-give-dance__link:hover .circle-arrow-link__img--hover {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .top-give-dance__link {
    order: 3;
    gap: min(8px, 2.0356234097vw);
    width: min(310px, 78.8804071247vw);
  }
}
.top-give-dance__link-space {
  display: block;
  flex-shrink: 0;
  width: min(58px, 4.0277777778vw);
  height: min(58px, 4.0277777778vw);
}
@media (max-width: 767px) {
  .top-give-dance__link-space {
    width: min(58px, 14.7582697201vw);
    height: min(58px, 14.7582697201vw);
  }
}
.top-give-dance__link-text {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 400;
  line-height: 1;
  color: #1a1c1b;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .top-give-dance__link-text {
    font-size: min(14px, 3.5623409669vw);
    line-height: 1;
    color: #0a815c;
  }
}
.top-give-dance__link-icon {
  position: relative;
  flex-shrink: 0;
  width: min(58px, 4.0277777778vw);
  height: min(58px, 4.0277777778vw);
}
@media (max-width: 767px) {
  .top-give-dance__link-icon {
    width: min(58px, 14.7582697201vw);
    height: min(58px, 14.7582697201vw);
  }
}

.top-news {
  position: relative;
  width: 100%;
  padding: min(80px, 5.5555555556vw) min(100px, 6.9444444444vw);
  background: #fbf7f3;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-news {
    padding: min(40px, 10.1781170483vw) min(20px, 5.0890585242vw);
    border-bottom: 1px solid #47b088;
  }
}
.top-news__inner {
  display: flex;
  align-items: flex-start;
  gap: min(232px, 16.1111111111vw);
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-news__inner {
    flex-direction: column;
    align-items: stretch;
    gap: min(40px, 10.1781170483vw);
  }
}
.top-news__header {
  display: flex;
  align-items: center;
  gap: min(16px, 1.1111111111vw);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .top-news__header {
    gap: 0;
    width: 100%;
    justify-content: center;
  }
}
.top-news__header-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(40px, 2.7777777778vw);
}
@media (max-width: 767px) {
  .top-news__header-text {
    gap: min(20px, 5.0890585242vw);
    margin-right: min(-20px, -5.0890585242vw);
  }
}
.top-news__en {
  display: flex;
  align-items: center;
  gap: min(8px, 0.5555555556vw);
}
@media (max-width: 767px) {
  .top-news__en {
    gap: min(4px, 1.0178117048vw);
    width: min(250px, 63.6132315522vw);
  }
}
.top-news__en-icon {
  display: block;
  width: min(28px, 1.9444444444vw);
  height: min(28px, 1.9444444444vw);
}
@media (max-width: 767px) {
  .top-news__en-icon {
    width: min(20px, 5.0890585242vw);
    height: min(20px, 5.0890585242vw);
  }
}
.top-news__en-label {
  margin: 0;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.5;
  color: #0a815c;
  text-align: center;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-news__en-label {
    font-size: min(18px, 4.5801526718vw);
  }
}
.top-news__title {
  margin: 0;
  font-size: min(42px, 2.9166666667vw);
  font-weight: 700;
  line-height: 1.4;
  color: #0a815c;
  white-space: nowrap;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-news__title {
    font-size: min(32px, 8.1424936387vw);
    white-space: normal;
  }
}
.top-news__header-img {
  display: block;
  flex-shrink: 0;
  width: min(160px, 11.1111111111vw);
  height: min(160px, 11.1111111111vw);
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px) {
  .top-news__header-img {
    width: min(120px, 30.534351145vw);
    height: min(120px, 30.534351145vw);
  }
}
.top-news__contents {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-end;
  gap: min(40px, 2.7777777778vw);
  min-width: 0;
  padding-top: min(80px, 5.5555555556vw);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-news__contents {
    width: 100%;
    padding-top: 0;
    gap: min(40px, 10.1781170483vw);
  }
}
.top-news__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: min(16px, 1.1111111111vw);
}
@media (max-width: 767px) {
  .top-news__toolbar {
    display: contents;
  }
}
.top-news__filters {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: min(8px, 0.5555555556vw);
  min-width: 0;
}
@media (max-width: 767px) {
  .top-news__filters {
    order: 1;
    flex: none;
    flex-wrap: nowrap;
    gap: min(8px, 2.0356234097vw);
    width: 100%;
  }
}
.top-news__filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(78px, 5.4166666667vw);
  padding: min(4px, 0.2777777778vw) min(12px, 0.8333333333vw);
  background: #ffffff;
  border: 1px solid #1a1c1b;
  border-radius: min(9999px, 694.375vw);
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  line-height: 1;
  color: #1a1c1b;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
  transition: background 200ms ease-out, color 200ms ease-out;
}
.top-news__filter.is-current {
  background: #1a1c1b;
  border-color: #1a1c1b;
  color: #ffffff;
  transition: background 250ms cubic-bezier(0.22, 1, 0.36, 1), color 200ms ease-out 50ms;
}
@media (hover: hover) {
  .top-news__filter:hover:not(.is-current) {
    background: #d0ffeb;
  }
}
@media (max-width: 767px) {
  .top-news__filter {
    width: min(78px, 19.8473282443vw);
    padding: min(4px, 1.0178117048vw) min(12px, 3.0534351145vw);
    border-radius: min(9999px, 2544.2748091603vw);
    font-size: min(14px, 3.5623409669vw);
    line-height: 1;
  }
}
.top-news__more {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-end;
  gap: min(8px, 0.5555555556vw);
  min-width: 0;
  text-decoration: none;
  color: inherit;
}
.top-news__more .circle-arrow-link__icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.top-news__more .circle-arrow-link__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: opacity 400ms cubic-bezier(0.65, 0, 0.35, 1);
}
@media (prefers-reduced-motion: reduce) {
  .top-news__more .circle-arrow-link__img {
    transition: none;
  }
}
.top-news__more .circle-arrow-link__img--hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}
@media (hover: hover) {
  .top-news__more:hover .circle-arrow-link__img--default {
    opacity: 0;
  }
  .top-news__more:hover .circle-arrow-link__img--hover {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .top-news__more {
    order: 3;
    flex: none;
    gap: min(8px, 2.0356234097vw);
    width: 100%;
    justify-content: flex-end;
  }
}
.top-news__more-space {
  display: block;
  flex-shrink: 0;
  width: min(58px, 4.0277777778vw);
  height: min(58px, 4.0277777778vw);
}
@media (max-width: 767px) {
  .top-news__more-space {
    width: min(58px, 14.7582697201vw);
    height: min(58px, 14.7582697201vw);
  }
}
.top-news__more-text {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 400;
  line-height: 1;
  color: #0a815c;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .top-news__more-text {
    font-size: min(14px, 3.5623409669vw);
    line-height: 1;
  }
}
.top-news__more-icon {
  position: relative;
  flex-shrink: 0;
  width: min(58px, 4.0277777778vw);
  height: min(58px, 4.0277777778vw);
}
@media (max-width: 767px) {
  .top-news__more-icon {
    width: min(58px, 14.7582697201vw);
    height: min(58px, 14.7582697201vw);
  }
}
.top-news__list {
  display: flex;
  flex-direction: column;
  gap: min(20px, 1.3888888889vw);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .top-news__list {
    order: 2;
    gap: min(20px, 5.0890585242vw);
  }
}
.top-news__item {
  width: 100%;
}
.top-news__card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: min(20px, 1.3888888889vw);
  width: 100%;
  min-height: min(125px, 8.6805555556vw);
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
}
.top-news__card .top-news__thumb img {
  transform: scale(1);
  transform-origin: center center;
  transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  .top-news__card .top-news__thumb img {
    transition: none;
  }
}
@media (hover: hover) {
  .top-news__card:hover .top-news__thumb img {
    transform: scale(1.05);
  }
}
@media (hover: hover) and (prefers-reduced-motion: reduce) {
  .top-news__card:hover .top-news__thumb img {
    transform: scale(1);
  }
}
@media (hover: hover) {
  .top-news__card:hover .top-news__card-title {
    color: #0a815c;
    transition: color 250ms ease-out;
  }
  .top-news__card:hover .top-news__date {
    color: #0a815c;
    transition: color 250ms ease-out 50ms;
  }
}
@media (max-width: 767px) {
  .top-news__card {
    gap: min(20px, 5.0890585242vw);
    min-height: min(125px, 31.8066157761vw);
  }
}
.top-news__card-main {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: min(20px, 1.3888888889vw);
  width: 100%;
  min-height: 0;
}
@media (max-width: 767px) {
  .top-news__card-main {
    gap: min(16px, 4.0712468193vw);
  }
}
.top-news__card::after {
  content: "";
  display: block;
  width: 100%;
  border-top: 1px solid #9c9e9d;
}
.top-news__thumb {
  flex-shrink: 0;
  width: min(140px, 9.7222222222vw);
  height: min(105px, 7.2916666667vw);
  border-radius: 8px;
  overflow: hidden;
}
.top-news__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px) {
  .top-news__thumb {
    width: min(140px, 35.6234096692vw);
    height: min(105px, 26.7175572519vw);
    border: 1px solid #dbdddc;
    border-radius: min(8px, 2.0356234097vw);
    box-sizing: border-box;
  }
}
.top-news__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: min(12px, 0.8333333333vw);
  min-width: 0;
}
@media (max-width: 767px) {
  .top-news__body {
    gap: min(12px, 3.0534351145vw);
  }
}
.top-news__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: min(2px, 0.1388888889vw) min(8px, 0.5555555556vw);
  background: #ffffff;
  border-width: 0.5px;
  border-style: solid;
  border-radius: min(9999px, 694.375vw);
  font-size: min(12px, 0.8333333333vw);
  font-weight: 400;
  line-height: 1.4;
  white-space: nowrap;
  box-sizing: border-box;
}
.top-news__tag--news {
  border-color: #6832e7;
  color: #6832e7;
}
.top-news__tag--event {
  border-color: #cc2d74;
  color: #cc2d74;
}
.top-news__tag--column {
  border-color: #00613f;
  color: #00613f;
}
@media (max-width: 767px) {
  .top-news__tag {
    padding: min(2px, 0.5089058524vw) min(8px, 2.0356234097vw);
    border-radius: min(9999px, 2544.2748091603vw);
    font-size: min(12px, 3.0534351145vw);
    line-height: 1.4;
  }
}
.top-news__card-title {
  display: -webkit-box;
  margin: 0;
  width: 100%;
  overflow: hidden;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1.5;
  color: #1a1c1b;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 767px) {
  .top-news__card-title {
    font-size: min(14px, 3.5623409669vw);
    line-height: 1.5;
  }
}
.top-news__date {
  margin: 0;
  width: 100%;
  font-size: min(14px, 0.9722222222vw);
  font-weight: 400;
  line-height: 1;
  color: #1a1c1b;
}
@media (max-width: 767px) {
  .top-news__date {
    font-size: min(12px, 3.0534351145vw);
    line-height: 1.4;
  }
}

.top-news-bottom {
  position: relative;
  width: 100%;
  background: #fbf7f3;
  overflow: hidden;
  line-height: 0;
}
.top-news-bottom__img {
  display: block;
  width: 100%;
  max-width: min(1440px, 100vw);
  height: auto;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .top-news-bottom__img {
    max-width: none;
  }
}

.top-contact {
  position: relative;
  width: 100%;
  padding: min(80px, 5.5555555556vw) min(100px, 6.9444444444vw);
  background: #fbf7f3;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-contact {
    padding: min(40px, 10.1781170483vw) min(20px, 5.0890585242vw);
  }
}
.top-contact__inner {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: min(160px, 11.1111111111vw);
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-contact__inner {
    flex-direction: column;
    align-items: center;
    gap: min(40px, 10.1781170483vw);
  }
}
.top-contact__header {
  display: flex;
  align-items: center;
  gap: min(16px, 1.1111111111vw);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .top-contact__header {
    gap: 0;
    width: 100%;
    justify-content: center;
  }
}
.top-contact__header-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(40px, 2.7777777778vw);
}
@media (max-width: 767px) {
  .top-contact__header-text {
    gap: min(20px, 5.0890585242vw);
    margin-right: min(-20px, -5.0890585242vw);
  }
}
.top-contact__en {
  display: flex;
  align-items: center;
  gap: min(8px, 0.5555555556vw);
  width: 100%;
}
@media (max-width: 767px) {
  .top-contact__en {
    gap: min(4px, 1.0178117048vw);
    width: min(250px, 63.6132315522vw);
  }
}
.top-contact__en-icon {
  display: block;
  width: min(28px, 1.9444444444vw);
  height: min(28px, 1.9444444444vw);
}
@media (max-width: 767px) {
  .top-contact__en-icon {
    width: min(20px, 5.0890585242vw);
    height: min(20px, 5.0890585242vw);
  }
}
.top-contact__en-label {
  margin: 0;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.5;
  color: #0a815c;
  text-align: center;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-contact__en-label {
    font-size: min(18px, 4.5801526718vw);
  }
}
.top-contact__titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(16px, 1.1111111111vw);
}
@media (max-width: 767px) {
  .top-contact__titles {
    gap: min(8px, 2.0356234097vw);
    text-align: left;
  }
}
.top-contact__title {
  margin: 0;
  font-size: min(42px, 2.9166666667vw);
  font-weight: 700;
  line-height: 1.4;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-contact__title {
    font-size: min(32px, 8.1424936387vw);
  }
}
.top-contact__lead {
  margin: 0;
  font-size: min(18px, 1.25vw);
  font-weight: 400;
  line-height: 1.5;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-contact__lead {
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.5;
  }
}
.top-contact__header-img {
  display: block;
  flex-shrink: 0;
  width: min(160px, 11.1111111111vw);
  height: min(160px, 11.1111111111vw);
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px) {
  .top-contact__header-img {
    width: min(120px, 30.534351145vw);
    height: min(120px, 30.534351145vw);
  }
}
.top-contact__form-wrap {
  flex: 1 1 auto;
  min-width: 0;
  max-width: min(652px, 45.2777777778vw);
  width: 100%;
}
@media (max-width: 767px) {
  .top-contact__form-wrap {
    max-width: none;
  }
}
.top-contact .wpcf7 {
  width: 100%;
  max-width: 100%;
}
.top-contact .hidden-fields-container,
.top-contact fieldset.hidden-fields-container {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  min-width: 0;
}
.top-contact .screen-reader-response {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.top-contact .wpcf7-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: min(64px, 4.4444444444vw);
  width: 100%;
  max-width: 100%;
  margin: 0;
}
@media (max-width: 767px) {
  .top-contact .wpcf7-form {
    gap: min(48px, 12.213740458vw);
  }
}
.top-contact .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  max-width: 100%;
}
.top-contact .wpcf7-form-control-wrap input[type=text],
.top-contact .wpcf7-form-control-wrap input[type=email],
.top-contact .wpcf7-form-control-wrap input[type=tel],
.top-contact .wpcf7-form-control-wrap textarea,
.top-contact input.wpcf7-form-control,
.top-contact textarea.wpcf7-form-control {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.top-contact .wpcf7-not-valid-tip {
  display: block;
  width: 100%;
  margin-top: min(4px, 0.2777777778vw);
  font-size: min(12px, 0.8333333333vw);
  line-height: 1.4;
  color: #dd3137;
}
@media (max-width: 767px) {
  .top-contact .wpcf7-not-valid-tip {
    margin-top: min(4px, 1.0178117048vw);
    font-size: min(12px, 3.0534351145vw);
  }
}
.top-contact .wpcf7-response-output {
  display: none;
  margin: 0;
  width: 100%;
  padding: min(16px, 1.1111111111vw) min(20px, 1.3888888889vw);
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-contact .wpcf7-response-output {
    padding: min(16px, 4.0712468193vw) min(20px, 5.0890585242vw);
    font-size: min(14px, 3.5623409669vw);
  }
}
.top-contact .wpcf7 form.sent .wpcf7-response-output,
.top-contact .wpcf7 form.invalid .wpcf7-response-output,
.top-contact .wpcf7 form.failed .wpcf7-response-output,
.top-contact .wpcf7 form.unaccepted .wpcf7-response-output,
.top-contact .wpcf7 form.spam .wpcf7-response-output {
  display: block;
}
.top-contact .wpcf7 form.sent .wpcf7-response-output {
  background: #e8f5e9;
  border-color: #0a815c;
  color: #0a815c;
}
.top-contact .wpcf7 form.invalid .wpcf7-response-output,
.top-contact .wpcf7 form.unaccepted .wpcf7-response-output,
.top-contact .wpcf7 form.failed .wpcf7-response-output,
.top-contact .wpcf7 form.spam .wpcf7-response-output {
  background: #fdecec;
  border-color: #dd3137;
  color: #dd3137;
}
.top-contact .wpcf7-spinner {
  margin: 0;
}
.top-contact__fields {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: min(40px, 2.7777777778vw);
  width: 100%;
  max-width: 100%;
}
@media (max-width: 767px) {
  .top-contact__fields {
    gap: min(40px, 10.1781170483vw);
  }
}
.top-contact__field {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: min(16px, 1.1111111111vw);
  width: 100%;
  max-width: 100%;
}
@media (max-width: 767px) {
  .top-contact__field {
    gap: min(12px, 3.0534351145vw);
  }
}
.top-contact__label-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: min(8px, 0.5555555556vw);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
@media (max-width: 767px) {
  .top-contact__label-row {
    gap: min(8px, 2.0356234097vw);
  }
}
.top-contact__label-row br {
  display: none;
}
.top-contact__label-row .top-contact__label {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: min(8px, 0.5555555556vw);
}
@media (max-width: 767px) {
  .top-contact__label-row .top-contact__label {
    gap: min(8px, 2.0356234097vw);
  }
}
.top-contact__label {
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: min(8px, 0.5555555556vw);
  width: auto;
  max-width: none;
  margin: 0;
  font-size: min(18px, 1.25vw);
  font-weight: 700;
  line-height: 1.5;
  color: #1a1c1b;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .top-contact__label {
    gap: min(8px, 2.0356234097vw);
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.5;
  }
}
.top-contact__required {
  display: inline;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  margin: 0;
  font-size: min(14px, 0.9722222222vw);
  font-weight: 400;
  line-height: 1;
  color: #dd3137;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .top-contact__required {
    font-size: min(14px, 3.5623409669vw);
    line-height: 1;
  }
}
.top-contact__input, .top-contact__textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: min(16px, 1.1111111111vw);
  background: #ffffff;
  border: 1px solid #9c9e9d;
  border-radius: 8px;
  font-family: inherit;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.5;
  color: #1a1c1b;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color 200ms ease-out, border-width 200ms ease-out;
}
.top-contact__input::-moz-placeholder, .top-contact__textarea::-moz-placeholder {
  color: #767777;
}
.top-contact__input::placeholder, .top-contact__textarea::placeholder {
  color: #767777;
}
.top-contact__input:focus, .top-contact__textarea:focus {
  outline: none;
  border: 2px solid #47b088;
  padding: calc(min(16px, 1.1111111111vw) - 1px);
}
.top-contact__input.wpcf7-not-valid, .top-contact__textarea.wpcf7-not-valid {
  border-color: #dd3137;
}
.top-contact__input.wpcf7-not-valid:focus, .top-contact__textarea.wpcf7-not-valid:focus {
  border: 2px solid #dd3137;
  padding: calc(min(16px, 1.1111111111vw) - 1px);
}
@media (max-width: 767px) {
  .top-contact__input, .top-contact__textarea {
    padding: min(12px, 3.0534351145vw) min(16px, 4.0712468193vw);
    border-radius: min(8px, 2.0356234097vw);
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.5;
  }
}
.top-contact__textarea {
  height: min(160px, 11.1111111111vw);
  resize: vertical;
}
@media (max-width: 767px) {
  .top-contact__textarea {
    height: min(160px, 40.7124681934vw);
    padding: min(16px, 4.0712468193vw);
  }
}
.top-contact__count {
  display: flex;
  align-items: center;
  gap: min(2px, 0.1388888889vw);
  margin: 0;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.6;
  color: #515352;
}
@media (max-width: 767px) {
  .top-contact__count {
    gap: min(2px, 0.5089058524vw);
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.6;
  }
}
.top-contact__consent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(12px, 0.8333333333vw);
  width: 100%;
}
@media (max-width: 767px) {
  .top-contact__consent {
    gap: min(12px, 3.0534351145vw);
  }
}
.top-contact__consent-text {
  margin: 0;
  width: 100%;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.8;
  color: #515352;
}
@media (max-width: 767px) {
  .top-contact__consent-text {
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.8;
  }
}
.top-contact__privacy-link {
  color: #0a815c;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 15.625%;
  transition: opacity 200ms ease-out;
}
@media (hover: hover) {
  .top-contact__privacy-link:hover {
    opacity: 0.85;
  }
}
.top-contact .wpcf7-acceptance {
  width: 100%;
}
.top-contact .wpcf7-acceptance .wpcf7-list-item {
  display: block;
  margin: 0;
}
.top-contact .wpcf7-acceptance .wpcf7-not-valid-tip {
  margin-top: min(4px, 0.2777777778vw);
}
@media (max-width: 767px) {
  .top-contact .wpcf7-acceptance .wpcf7-not-valid-tip {
    margin-top: min(4px, 1.0178117048vw);
  }
}
.top-contact .wpcf7-acceptance label {
  display: flex;
  align-items: center;
  gap: min(8px, 0.5555555556vw);
  width: 100%;
  padding: min(8px, 0.5555555556vw) 0;
  cursor: pointer;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-contact .wpcf7-acceptance label {
    gap: min(4px, 1.0178117048vw);
    padding: min(8px, 2.0356234097vw) 0;
  }
}
.top-contact .wpcf7-acceptance input[type=checkbox] {
  position: relative;
  flex-shrink: 0;
  width: min(32px, 2.2222222222vw);
  height: min(32px, 2.2222222222vw);
  margin: 0;
  padding: 0;
  border: 1px solid #9c9e9d;
  border-radius: 4px;
  background: transparent;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: background 200ms ease-out;
}
@media (max-width: 767px) {
  .top-contact .wpcf7-acceptance input[type=checkbox] {
    width: min(24px, 6.106870229vw);
    height: min(24px, 6.106870229vw);
    border-radius: min(4px, 1.0178117048vw);
  }
}
@media (hover: hover) {
  .top-contact .wpcf7-acceptance input[type=checkbox]:hover:not(:checked):not(:disabled) {
    background: #dbdddc;
  }
  .top-contact .wpcf7-acceptance input[type=checkbox]:checked:hover:not(:disabled) {
    background: #dbdddc;
    border-color: #dbdddc;
  }
}
.top-contact .wpcf7-acceptance input[type=checkbox]:checked {
  border-color: #9c9e9d;
  background: #9c9e9d;
  transition: background 200ms ease-out;
}
.top-contact .wpcf7-acceptance input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(8px, 0.5555555556vw);
  height: min(14px, 0.9722222222vw);
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  opacity: 0;
  transform: translate(-50%, -60%) rotate(45deg);
  animation: gs-checkbox-check 150ms ease-out 50ms forwards;
}
@media (max-width: 767px) {
  .top-contact .wpcf7-acceptance input[type=checkbox]:checked::after {
    width: min(6px, 1.5267175573vw);
    height: min(10px, 2.5445292621vw);
  }
}
@media (prefers-reduced-motion: reduce) {
  .top-contact .wpcf7-acceptance input[type=checkbox]:checked::after {
    animation: none;
    opacity: 1;
  }
}
.top-contact .wpcf7-acceptance input[type=checkbox]:focus-visible {
  outline: 2px solid #0a815c;
  outline-offset: 2px;
}
.top-contact .wpcf7-acceptance input[type=checkbox].wpcf7-not-valid {
  border-color: #dd3137;
}
.top-contact .wpcf7-acceptance .wpcf7-list-item-label {
  flex: 1 1 auto;
  min-width: 0;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.5;
  color: #515352;
}
@media (max-width: 767px) {
  .top-contact .wpcf7-acceptance .wpcf7-list-item-label {
    font-size: min(14px, 3.5623409669vw);
    line-height: 1.5;
  }
}
.top-contact .wpcf7-form-control-wrap.wpcf7-not-valid .wpcf7-acceptance input[type=checkbox] {
  border-color: #dd3137;
}
.top-contact .wpcf7-submit {
  position: relative;
  display: block;
  width: min(250px, 17.3611111111vw);
  min-width: min(250px, 17.3611111111vw);
  height: min(60px, 4.1666666667vw);
  margin: 0 auto;
  padding: min(8px, 0.5555555556vw) min(20px, 1.3888888889vw);
  border: 0;
  border-radius: min(9999px, 694.375vw);
  background: #0a815c;
  font-family: inherit;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.top-contact .wpcf7-submit::before, .top-contact .wpcf7-submit::after {
  content: "";
  position: absolute;
  top: 50%;
  right: min(1px, 0.0694444444vw);
  width: min(58px, 4.0277777778vw);
  height: min(58px, 4.0277777778vw);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  transition: opacity 400ms cubic-bezier(0.65, 0, 0.35, 1);
}
@media (prefers-reduced-motion: reduce) {
  .top-contact .wpcf7-submit::before, .top-contact .wpcf7-submit::after {
    transition: none;
  }
}
@media (max-width: 767px) {
  .top-contact .wpcf7-submit::before, .top-contact .wpcf7-submit::after {
    right: min(1px, 0.2544529262vw);
    width: min(58px, 14.7582697201vw);
    height: min(58px, 14.7582697201vw);
  }
}
.top-contact .wpcf7-submit::before {
  background-image: url("assets/images/components/step/btn-icon-default.png");
  opacity: 1;
}
.top-contact .wpcf7-submit::after {
  background-image: url("assets/images/components/step/btn-icon-hover.png");
  opacity: 0;
}
@media (hover: hover) {
  .top-contact .wpcf7-submit:hover::before {
    opacity: 0;
  }
  .top-contact .wpcf7-submit:hover::after {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .top-contact .wpcf7-submit {
    width: min(250px, 63.6132315522vw);
    min-width: min(250px, 63.6132315522vw);
    height: min(60px, 15.2671755725vw);
    padding: min(8px, 2.0356234097vw) min(20px, 5.0890585242vw);
    border-radius: min(9999px, 2544.2748091603vw);
    font-size: min(14px, 3.5623409669vw);
  }
}

@keyframes gs-checkbox-check {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.is-in-view {
  opacity: 0;
  transform: translateY(min(24px, 1.6666666667vw));
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.is-in-view.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .is-in-view {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.subpage__content .wp-block-group,
.subpage__content .wp-block-columns {
  margin-bottom: min(32px, 2.2222222222vw);
}

.news-list__items {
  display: flex;
  flex-direction: column;
  gap: min(16px, 1.1111111111vw);
}
.news-list__item {
  display: flex;
  align-items: baseline;
  gap: min(24px, 1.6666666667vw);
  padding-bottom: min(16px, 1.1111111111vw);
  border-bottom: 1px solid #dbdddc;
}
@media (max-width: 767px) {
  .news-list__item {
    flex-direction: column;
    gap: min(4px, 1.0178117048vw);
  }
}
.news-list__date {
  flex-shrink: 0;
  font-size: min(14px, 0.9722222222vw);
  color: #515352;
}
.news-list__link {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  text-decoration: none;
  color: #1a1c1b;
}
.news-list__link:hover {
  color: #0a815c;
}
.news-list__empty {
  color: #515352;
  text-align: center;
  padding: min(40px, 2.7777777778vw) 0;
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.is-page-privacy .main {
  padding-top: 0;
}

.privacy-page {
  width: 100%;
  overflow-x: clip;
  background: #ffffff;
}

.privacy-fv {
  position: relative;
  overflow: clip;
  background: #ffffff;
  border-bottom: 1px solid #288468;
}
.privacy-fv__inner {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: min(64px, 4.4444444444vw);
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding-top: min(120px, 8.3333333333vw);
  padding-bottom: 0;
}
@media (max-width: 1280px) and (min-width: 768px) {
  .privacy-fv__inner {
    padding-top: min(80px, 5.5555555556vw);
    padding-bottom: min(64px, 4.4444444444vw);
    gap: min(48px, 3.3333333333vw);
  }
}
.privacy-fv__bg {
  pointer-events: none;
}
.privacy-fv__breadcrumb-wrap {
  width: 100%;
}
.privacy-fv__breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: min(8px, 0.5555555556vw);
  margin: 0;
  padding: min(4px, 0.2777777778vw) 0;
  list-style: none;
  font-family: "LINE Seed JP", "Noto Sans JP", sans-serif;
  font-size: min(13px, 0.9027777778vw);
  font-weight: 400;
  line-height: 1;
}
@media (max-width: 767px) {
  .privacy-fv__breadcrumb-list {
    font-size: min(12px, 3.0534351145vw);
    gap: min(8px, 2.0356234097vw);
  }
}
.privacy-fv__breadcrumb-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: min(16px, 1.1111111111vw);
}
@media (max-width: 767px) {
  .privacy-fv__breadcrumb-item {
    min-height: min(18px, 4.5801526718vw);
  }
}
.privacy-fv__breadcrumb-angle img {
  display: block;
  width: 12px;
  height: 12px;
}
@media (max-width: 767px) {
  .privacy-fv__breadcrumb-angle img {
    width: min(12px, 3.0534351145vw);
    height: min(12px, 3.0534351145vw);
  }
}
.privacy-fv__breadcrumb-link {
  color: #0a815c;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 15.625%;
}
.privacy-fv__breadcrumb-link:hover {
  opacity: 0.85;
}
.privacy-fv__breadcrumb-current {
  color: #515352;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .privacy-fv__title-en {
    white-space: nowrap;
  }
}

.privacy-page__main {
  width: 100%;
}

.privacy-content {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: min(80px, 5.5555555556vw);
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: min(160px, 11.1111111111vw) min(320px, 22.2222222222vw);
  color: #1a1c1b;
}
@media (max-width: 1280px) {
  .privacy-content {
    gap: min(64px, 4.4444444444vw);
    padding: min(120px, 8.3333333333vw) min(40px, 2.7777777778vw);
  }
}
@media (max-width: 767px) {
  .privacy-content {
    gap: min(64px, 16.2849872774vw);
    padding: min(80px, 20.3562340967vw) min(20px, 5.0890585242vw);
  }
}
.privacy-content__intro {
  margin: 0;
  width: 100%;
  font-family: "LINE Seed JP", "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .privacy-content__intro {
    font-size: min(16px, 1.1111111111vw);
  }
}
@media (max-width: 767px) {
  .privacy-content__intro {
    font-size: min(16px, 4.0712468193vw);
  }
}
.privacy-content__list {
  display: flex;
  flex-direction: column;
  gap: min(64px, 4.4444444444vw);
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
@media (max-width: 767px) {
  .privacy-content__list {
    gap: min(48px, 12.213740458vw);
  }
}
.privacy-content__item {
  display: flex;
  flex-direction: column;
  gap: min(8px, 0.5555555556vw);
  width: 100%;
}
@media (max-width: 767px) {
  .privacy-content__item {
    gap: min(8px, 2.0356234097vw);
  }
}
.privacy-content__heading {
  display: flex;
  align-items: center;
  gap: min(24px, 1.6666666667vw);
  width: 100%;
  font-family: "LINE Seed JP", "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .privacy-content__heading {
    font-size: min(20px, 1.3888888889vw);
  }
}
@media (max-width: 767px) {
  .privacy-content__heading {
    gap: min(16px, 4.0712468193vw);
    font-size: min(18px, 4.5801526718vw);
    align-items: flex-start;
  }
}
.privacy-content__num {
  flex-shrink: 0;
  color: #0a815c;
  white-space: nowrap;
}
.privacy-content__title {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  color: #1a1c1b;
  font: inherit;
}
.privacy-content__body {
  margin: 0;
  width: 100%;
  font-family: "LINE Seed JP", "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.8;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .privacy-content__body {
    font-size: min(16px, 1.1111111111vw);
  }
}
@media (max-width: 767px) {
  .privacy-content__body {
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.8;
  }
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.is-page-beginners .main {
  padding-top: 0;
}

.beginners-page {
  width: 100%;
  overflow-x: clip;
  background: #fbf7f3;
}

.beginners-fv {
  position: relative;
  overflow: clip;
  background: #fbf7f3;
  padding-bottom: min(200px, 13.8888888889vw);
}
@media (max-width: 767px) {
  .beginners-fv {
    padding: min(64px, 16.2849872774vw) 0 min(80px, 20.3562340967vw);
  }
}
.beginners-fv__bg {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
  pointer-events: none;
  overflow: hidden;
}
.beginners-fv__bg picture {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .beginners-fv__bg {
    width: min(800px, 203.5623409669vw);
    height: min(645px, 164.1221374046vw);
  }
}
.beginners-fv__stars {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
}
.beginners-fv__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(20px, 1.3888888889vw);
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding-top: min(88px, 6.1111111111vw);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .beginners-fv__inner {
    gap: min(16px, 4.0712468193vw);
    padding-top: 0;
  }
}
.beginners-fv__page-title {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: min(20px, 1.3888888889vw) min(100px, 6.9444444444vw) 0;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .beginners-fv__page-title {
    align-items: center;
    padding: min(8px, 2.0356234097vw) min(20px, 5.0890585242vw) 0;
  }
}
.beginners-fv__title {
  margin: 0;
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  line-height: 1.5;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .beginners-fv__title {
    font-size: min(20px, 5.0890585242vw);
    line-height: 1.5;
  }
}
.beginners-fv__breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: min(8px, 0.5555555556vw);
  margin: 0;
  padding: min(12px, 0.8333333333vw) 0;
  list-style: none;
}
@media (max-width: 767px) {
  .beginners-fv__breadcrumb-list {
    gap: min(8px, 2.0356234097vw);
    padding: min(12px, 3.0534351145vw) 0;
  }
}
.beginners-fv__breadcrumb-link {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  line-height: 1;
  color: #0a815c;
  text-decoration: underline;
  text-underline-offset: 15.625%;
}
@media (max-width: 767px) {
  .beginners-fv__breadcrumb-link {
    font-size: min(14px, 3.5623409669vw);
  }
}
.beginners-fv__breadcrumb-current {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 400;
  line-height: 1;
  color: #515352;
}
@media (max-width: 767px) {
  .beginners-fv__breadcrumb-current {
    font-size: min(14px, 3.5623409669vw);
  }
}
.beginners-fv__breadcrumb-angle img {
  display: block;
  width: 12px;
  height: 12px;
}
.beginners-fv__visual {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: min(480px, 33.3333333333vw);
  overflow: hidden;
}
@media (max-width: 767px) {
  .beginners-fv__visual {
    width: min(390px, 99.2366412214vw);
    height: min(390px, 99.2366412214vw);
  }
}
.beginners-fv__watermark-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  min-height: 0;
  margin-bottom: min(-480px, -33.3333333333vw);
  padding: min(5px, 0.3472222222vw) 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .beginners-fv__watermark-wrap {
    margin-bottom: min(-390px, -99.2366412214vw);
    padding: min(5px, 1.272264631vw) 0;
  }
}
.beginners-fv__watermark {
  margin: 0;
  padding-left: min(-29px, -2.0138888889vw);
  font-size: min(150px, 10.4166666667vw);
  font-weight: 800;
  line-height: 1.5;
  color: #3b9a7d;
  white-space: nowrap;
  transform: skewX(-10deg) scaleY(0.98);
  pointer-events: none;
}
.beginners-fv__watermark--sp {
  display: none;
}
@media (max-width: 767px) {
  .beginners-fv__watermark {
    padding-left: min(-21px, -5.3435114504vw);
    font-size: min(64px, 16.2849872774vw);
    line-height: 1.5;
  }
  .beginners-fv__watermark--pc {
    display: none;
  }
  .beginners-fv__watermark--sp {
    display: block;
  }
}
.beginners-fv__kids {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  width: 100%;
}
.beginners-fv__kids--sp {
  display: none;
}
.beginners-fv__kids--pc {
  display: flex;
  height: min(480px, 33.3333333333vw);
}
@media (max-width: 767px) {
  .beginners-fv__kids--pc {
    display: none;
  }
  .beginners-fv__kids--sp {
    display: block;
    position: relative;
    height: min(390px, 99.2366412214vw);
    aspect-ratio: 1/1;
  }
}
.beginners-fv__kid {
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
}
.beginners-fv__kid-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.beginners-fv__kids--sp .beginners-fv__kid-img {
  position: absolute;
  inset: 0;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.beginners-fv__catch {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(16px, 1.1111111111vw);
  width: 100%;
  max-width: min(761px, 52.8472222222vw);
  text-align: center;
}
@media (max-width: 767px) {
  .beginners-fv__catch {
    gap: min(16px, 4.0712468193vw);
    max-width: none;
    padding-inline: min(20px, 5.0890585242vw);
  }
}
.beginners-fv__catch-main {
  margin: 0;
  width: 100%;
  font-weight: 800;
  line-height: 1.3;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
.beginners-fv__catch-main--sp {
  display: none;
}
.beginners-fv__catch-main--pc {
  font-size: min(74px, 5.1388888889vw);
}
@media (max-width: 767px) {
  .beginners-fv__catch-main--pc {
    display: none;
  }
  .beginners-fv__catch-main--sp {
    display: block;
    font-size: min(38px, 9.6692111959vw);
    line-height: 1.3;
  }
}
.beginners-fv__catch-sub {
  margin: 0;
  font-weight: 700;
  line-height: 1.5;
  color: #1a1c1b;
}
.beginners-fv__catch-sub--sp {
  display: none;
}
.beginners-fv__catch-sub--pc {
  padding: min(4px, 0.2777777778vw) min(20px, 1.3888888889vw);
  border: min(10px, 0.6944444444vw) solid #ffe952;
  background: #ffe952;
  font-size: min(24px, 1.6666666667vw);
}
@media (max-width: 767px) {
  .beginners-fv__catch-sub--pc {
    display: none;
  }
  .beginners-fv__catch-sub--sp {
    display: block;
    padding: min(2px, 0.5089058524vw) min(20px, 5.0890585242vw);
    border: min(10px, 2.5445292621vw) solid #ffe952;
    background: #ffe952;
    font-size: min(20px, 5.0890585242vw);
    line-height: 1.5;
  }
}

.beginners-worry {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  isolation: isolate;
  margin-top: min(-120px, -8.3333333333vw);
  width: 100%;
}
@media (max-width: 767px) {
  .beginners-worry {
    margin-top: 0;
  }
}
.beginners-worry__wide, .beginners-worry__bottom, .beginners-worry__top {
  width: 100%;
  max-width: min(1920px, 133.3333333333vw);
  margin-inline: auto;
}
.beginners-worry__top {
  position: relative;
  z-index: 3;
  width: 100%;
}
.beginners-worry__top-row {
  width: 100%;
  margin-bottom: min(0px, 0vw);
  line-height: 0;
}
.beginners-worry__top-row picture {
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .beginners-worry__top-row {
    margin-bottom: 0;
  }
}
.beginners-worry__top-img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}
.beginners-worry__main {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(64px, 4.4444444444vw);
  width: 100%;
  margin-top: min(-1px, -0.0694444444vw);
  padding: 0 min(100px, 6.9444444444vw);
  background: #ffee7a;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .beginners-worry__main {
    gap: min(40px, 10.1781170483vw);
    padding: 0 min(20px, 5.0890585242vw);
  }
}
.beginners-worry__title {
  margin: 0;
  font-weight: 700;
  line-height: 1.4;
  color: #1a1c1b;
  text-align: center;
  font-feature-settings: "palt" 1;
}
.beginners-worry__title--sp {
  display: none;
}
.beginners-worry__title--pc {
  font-size: min(42px, 2.9166666667vw);
  white-space: nowrap;
}
@media (max-width: 767px) {
  .beginners-worry__title--pc {
    display: none;
  }
  .beginners-worry__title--sp {
    display: block;
    font-size: min(32px, 8.1424936387vw);
    line-height: 1.4;
    white-space: normal;
  }
}
.beginners-worry__cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min(40px, 2.7777777778vw);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .beginners-worry__cards {
    gap: min(10px, 2.5445292621vw);
  }
}
.beginners-worry__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(20px, 1.3888888889vw);
  width: min(328px, 22.7777777778vw);
  height: min(380px, 26.3888888889vw);
  padding: min(20px, 1.3888888889vw);
  background: #ffffff;
  border-radius: min(40px, 2.7777777778vw);
  box-shadow: 0 min(4px, 0.2777777778vw) min(10px, 0.6944444444vw) rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .beginners-worry__card {
    gap: min(8px, 2.0356234097vw);
    width: auto;
    height: auto;
    min-height: 0;
    max-width: calc(50% - min(20px, 5.0890585242vw));
    padding: min(16px, 4.0712468193vw);
    border-radius: min(24px, 6.106870229vw);
    box-shadow: 0 min(4px, 0.2777777778vw) min(5px, 0.3472222222vw) rgba(0, 0, 0, 0.1);
  }
}
.beginners-worry__card-title {
  margin: 0;
  width: 100%;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.5;
  color: #1a1c1b;
  text-align: center;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .beginners-worry__card-title {
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.5;
  }
}
.beginners-worry__card-img-wrap {
  width: 100%;
  border-radius: min(24px, 1.6666666667vw);
  overflow: hidden;
  aspect-ratio: 151/123;
}
@media (max-width: 767px) {
  .beginners-worry__card-img-wrap {
    border-radius: min(16px, 4.0712468193vw);
  }
}
.beginners-worry__card--img-lg-radius .beginners-worry__card-img-wrap {
  border-radius: min(32px, 2.2222222222vw);
}
@media (max-width: 767px) {
  .beginners-worry__card--img-lg-radius .beginners-worry__card-img-wrap {
    border-radius: min(16px, 4.0712468193vw);
  }
}
.beginners-worry__card-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.beginners-worry__dots-img {
  display: block;
  width: min(8px, 0.5555555556vw);
  height: min(48px, 3.3333333333vw);
}
@media (max-width: 767px) {
  .beginners-worry__dots-img {
    width: min(8px, 2.0356234097vw);
    height: min(48px, 12.213740458vw);
  }
}
.beginners-worry__closing {
  margin: 0;
  width: 100%;
  max-width: min(1240px, 86.1111111111vw);
  font-weight: 700;
  line-height: 1.4;
  color: #1a1c1b;
  text-align: center;
  font-feature-settings: "palt" 1;
}
.beginners-worry__closing--sp {
  display: none;
}
.beginners-worry__closing--pc {
  font-size: min(42px, 2.9166666667vw);
}
@media (max-width: 767px) {
  .beginners-worry__closing {
    max-width: none;
  }
  .beginners-worry__closing--pc {
    display: none;
  }
  .beginners-worry__closing--sp {
    display: block;
    font-size: min(32px, 8.1424936387vw);
    line-height: 1.4;
    white-space: break-spaces;
  }
}
.beginners-worry__bottom {
  position: relative;
  z-index: 1;
  width: 100%;
}
.beginners-worry__bottom-row {
  width: 100%;
  line-height: 0;
}
.beginners-worry__bottom-row picture {
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .beginners-worry__bottom-row {
    margin-top: 0;
  }
}
.beginners-worry__bottom-img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}

.beginners-features {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(80px, 5.5555555556vw);
  width: 100%;
  padding: min(120px, 8.3333333333vw) min(100px, 6.9444444444vw);
  background: #fbf7f3;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .beginners-features {
    gap: min(40px, 10.1781170483vw);
    padding: min(80px, 20.3562340967vw) min(20px, 5.0890585242vw);
  }
}
.beginners-features__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(12px, 0.8333333333vw);
  width: 100%;
}
@media (max-width: 767px) {
  .beginners-features__heading {
    gap: 0;
  }
}
.beginners-features__heading-line-wrap {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: min(44.801px, 3.1111805556vw);
  height: min(114.131px, 7.9257638889vw);
}
@media (max-width: 767px) {
  .beginners-features__heading-line-wrap {
    width: min(44.801px, 11.3997455471vw);
    height: min(114.131px, 29.0409669211vw);
  }
}
.beginners-features__heading-line {
  display: block;
  flex-shrink: 0;
  width: min(4px, 0.2777777778vw);
  height: min(120px, 8.3333333333vw);
  background: #0a815c;
  border-radius: 2px;
  transform: rotate(-20deg);
}
.beginners-features__heading-line--right {
  transform: rotate(-160deg) scaleY(-1);
}
@media (max-width: 767px) {
  .beginners-features__heading-line {
    width: min(4px, 1.0178117048vw);
    height: min(120px, 30.534351145vw);
  }
}
.beginners-features__title {
  margin: 0;
  font-weight: 700;
  line-height: 1.4;
  color: #0a815c;
  text-align: center;
  font-feature-settings: "palt" 1;
}
.beginners-features__title--sp {
  display: none;
}
.beginners-features__title--pc {
  font-size: min(42px, 2.9166666667vw);
  white-space: nowrap;
}
@media (max-width: 767px) {
  .beginners-features__title--pc {
    display: none;
  }
  .beginners-features__title--sp {
    display: block;
    font-size: min(32px, 8.1424936387vw);
    line-height: 1.4;
    white-space: normal;
  }
}
.beginners-features__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  gap: min(80px, 5.5555555556vw) min(64px, 4.4444444444vw);
  width: 100%;
  max-width: min(1240px, 86.1111111111vw);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .beginners-features__list {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: min(80px, 20.3562340967vw);
  }
}
.beginners-features__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(24px, 1.6666666667vw);
  width: min(370px, 25.6944444444vw);
}
@media (max-width: 767px) {
  .beginners-features__card {
    gap: min(24px, 6.106870229vw);
    width: 100%;
    max-width: min(350px, 89.058524173vw);
  }
}
.beginners-features__card-visual {
  display: flex;
  flex-direction: column;
  align-items: center;
  isolation: isolate;
  width: 100%;
}
.beginners-features__card-no {
  position: relative;
  z-index: 2;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
  margin: 0 0 min(-40px, -2.7777777778vw);
  font-size: min(80px, 5.5555555556vw);
  font-weight: 700;
  line-height: 1.5;
  color: #0a815c;
  text-align: left;
}
@media (max-width: 767px) {
  .beginners-features__card-no {
    margin-bottom: min(-50px, -12.7226463104vw);
    font-size: min(70px, 17.8117048346vw);
    line-height: 1.5;
  }
}
.beginners-features__card-img-wrap {
  position: relative;
  z-index: 1;
  width: min(350px, 24.3055555556vw);
  height: min(280px, 19.4444444444vw);
  border-radius: min(40px, 2.7777777778vw);
  overflow: hidden;
}
@media (max-width: 767px) {
  .beginners-features__card-img-wrap {
    width: min(300px, 76.3358778626vw);
    height: min(240px, 61.0687022901vw);
    border-radius: min(40px, 10.1781170483vw);
  }
}
.beginners-features__card-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.beginners-features__card-img--bottom {
  -o-object-position: center bottom;
  object-position: center bottom;
}
.beginners-features__card-img--wide {
  position: absolute;
  top: 0;
  left: -15.71%;
  width: 120%;
  max-width: none;
  height: 100%;
}
@media (max-width: 767px) {
  .beginners-features__card-img--wide {
    left: -16.67%;
  }
}
.beginners-features__card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(12px, 0.8333333333vw);
  width: 100%;
  text-align: center;
}
@media (max-width: 767px) {
  .beginners-features__card-body {
    gap: min(12px, 3.0534351145vw);
  }
}
.beginners-features__card-body--offset {
  padding-left: min(8px, 0.5555555556vw);
}
.beginners-features__card-title {
  margin: 0;
  width: 100%;
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  line-height: 1.5;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .beginners-features__card-title {
    font-size: min(20px, 5.0890585242vw);
    line-height: 1.5;
  }
}
.beginners-features__card-desc {
  margin: 0;
  width: 100%;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.8;
  color: #1a1c1b;
}
@media (max-width: 767px) {
  .beginners-features__card-desc {
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.8;
  }
}

.beginners-step.c-step {
  position: relative;
}

.beginners-faq {
  width: 100%;
  padding: min(80px, 5.5555555556vw) min(100px, 6.9444444444vw);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .beginners-faq {
    padding: min(80px, 20.3562340967vw) min(20px, 5.0890585242vw);
  }
}
.beginners-faq__inner {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: min(209px, 14.5138888889vw);
  width: 100%;
  max-width: min(1240px, 86.1111111111vw);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .beginners-faq__inner {
    flex-direction: column;
    align-items: center;
    gap: min(40px, 10.1781170483vw);
    max-width: 100%;
  }
}
.beginners-faq__header {
  display: flex;
  align-items: center;
  gap: min(16px, 1.1111111111vw);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .beginners-faq__header {
    gap: 0;
    width: 100%;
    justify-content: space-between;
  }
}
.beginners-faq__header-text {
  display: flex;
  flex-direction: column;
  gap: min(40px, 2.7777777778vw);
}
@media (max-width: 767px) {
  .beginners-faq__header-text {
    gap: min(20px, 5.0890585242vw);
    margin-right: min(-20px, -5.0890585242vw);
  }
}
.beginners-faq__en {
  display: flex;
  align-items: center;
  gap: min(8px, 0.5555555556vw);
}
@media (max-width: 767px) {
  .beginners-faq__en {
    gap: min(8px, 2.0356234097vw);
  }
}
.beginners-faq__en-icon {
  display: block;
  width: min(28px, 1.9444444444vw);
  height: min(28px, 1.9444444444vw);
}
@media (max-width: 767px) {
  .beginners-faq__en-icon {
    width: min(20px, 5.0890585242vw);
    height: min(20px, 5.0890585242vw);
  }
}
.beginners-faq__en-label {
  margin: 0;
  font-size: min(20px, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.5;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .beginners-faq__en-label {
    font-size: min(18px, 4.5801526718vw);
    line-height: 1.5;
  }
}
.beginners-faq__title {
  margin: 0;
  font-size: min(42px, 2.9166666667vw);
  font-weight: 700;
  line-height: 1.4;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .beginners-faq__title {
    font-size: min(32px, 8.1424936387vw);
    line-height: 1.4;
  }
}
.beginners-faq__header-img {
  display: block;
  width: min(160px, 11.1111111111vw);
  height: min(160px, 11.1111111111vw);
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px) {
  .beginners-faq__header-img {
    width: min(120px, 30.534351145vw);
    height: min(120px, 30.534351145vw);
    flex-shrink: 0;
  }
}
.beginners-faq__list {
  display: flex;
  flex-direction: column;
  gap: min(24px, 1.6666666667vw);
  width: min(620px, 43.0555555556vw);
  max-width: 100%;
}
@media (max-width: 767px) {
  .beginners-faq__list {
    gap: min(24px, 6.106870229vw);
    width: 100%;
  }
}
.beginners-faq__item {
  background: #ffffff;
  border: 1px solid #1a1c1b;
  border-radius: 8px;
  overflow: hidden;
}
.beginners-faq__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: min(24px, 1.6666666667vw);
  width: 100%;
  padding: min(32px, 2.2222222222vw) min(40px, 2.7777777778vw);
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  transition: background 200ms ease-out;
}
@media (hover: hover) {
  .beginners-faq__trigger:hover {
    background: #d0ffeb;
  }
}
@media (max-width: 767px) {
  .beginners-faq__trigger {
    align-items: flex-start;
    gap: min(24px, 6.106870229vw);
    padding: min(24px, 6.106870229vw);
  }
}
.beginners-faq__question {
  display: flex;
  align-items: flex-start;
  gap: min(16px, 1.1111111111vw);
  flex: 1 1 auto;
  min-width: 0;
  font-size: min(18px, 1.25vw);
  font-weight: 400;
  line-height: 1.5;
  color: #1a1c1b;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .beginners-faq__question {
    gap: min(12px, 3.0534351145vw);
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.5;
  }
}
.beginners-faq__q-label {
  flex-shrink: 0;
  white-space: nowrap;
}
.beginners-faq__icon {
  position: relative;
  flex-shrink: 0;
  width: min(20px, 1.3888888889vw);
  height: min(20px, 1.3888888889vw);
}
@media (max-width: 767px) {
  .beginners-faq__icon {
    width: min(20px, 5.0890585242vw);
    height: min(20px, 5.0890585242vw);
  }
}
.beginners-faq__icon img {
  width: 100%;
  height: 100%;
}
.beginners-faq__icon-plus {
  display: block;
}
.beginners-faq__icon-minus {
  display: none;
}
.beginners-faq__item.is-open .beginners-faq__icon-plus {
  display: none;
}
.beginners-faq__item.is-open .beginners-faq__icon-minus {
  display: block;
}
.beginners-faq__panel {
  padding: 0 min(40px, 2.7777777778vw) min(32px, 2.2222222222vw);
}
@media (max-width: 767px) {
  .beginners-faq__panel {
    padding: 0 min(24px, 6.106870229vw) min(24px, 6.106870229vw);
  }
}
.beginners-faq__answer {
  display: flex;
  align-items: flex-start;
  gap: min(16px, 1.1111111111vw);
  padding-top: min(32px, 2.2222222222vw);
  border-top: 1px solid #1a1c1b;
  font-size: min(18px, 1.25vw);
  font-weight: 400;
  line-height: 1.5;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .beginners-faq__answer {
    gap: min(16px, 4.0712468193vw);
    padding-top: min(24px, 6.106870229vw);
    font-size: min(16px, 4.0712468193vw);
    line-height: 1.5;
  }
}
.beginners-faq__a-label {
  flex-shrink: 0;
  color: #0a815c;
  white-space: nowrap;
}
.beginners-faq__a-text {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  color: #1a1c1b;
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.is-page-schedule .main {
  padding-top: 0;
}

.schedule-page {
  width: 100%;
  overflow-x: clip;
  background: #fbf7f3;
}

.schedule-fv {
  position: relative;
  overflow: clip;
  background: #fbf7f3;
}
.schedule-fv__inner {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  max-width: 1440px;
  min-height: min(600px, 41.6666666667vw);
  margin: 0 auto;
  padding: min(240px, 16.6666666667vw) min(100px, 6.9444444444vw) min(20px, 1.3888888889vw);
  box-sizing: border-box;
  isolation: isolate;
}
@media (max-width: 767px) {
  .schedule-fv__inner {
    flex-direction: column;
    align-items: center;
    min-height: auto;
    padding: min(20px, 5.0890585242vw);
    border-bottom: 1px solid #9c9e9d;
  }
}
.schedule-fv__visual {
  pointer-events: none;
}
.schedule-fv__visual--sp {
  display: none;
}
@media (max-width: 767px) {
  .schedule-fv__visual--sp {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: min(254px, 64.631043257vw);
    margin-bottom: min(-48px, -12.213740458vw);
  }
}
.schedule-fv__visual--pc {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: min(918.75px, 63.8020833333vw);
  height: 100%;
}
@media (max-width: 767px) {
  .schedule-fv__visual--pc {
    display: none;
  }
}
.schedule-fv__visual-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right center;
  object-position: right center;
}
@media (max-width: 767px) {
  .schedule-fv__visual-img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center top;
    object-position: center top;
  }
}
.schedule-fv__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 0;
  min-height: min(340px, 23.6111111111vw);
}
@media (max-width: 767px) {
  .schedule-fv__content {
    gap: min(40px, 10.1781170483vw);
    width: 100%;
    min-height: auto;
  }
}
.schedule-fv__copy {
  display: flex;
  flex-direction: column;
  gap: min(16px, 1.1111111111vw);
  width: 100%;
}
@media (max-width: 767px) {
  .schedule-fv__copy {
    gap: min(16px, 4.0712468193vw);
  }
}
.schedule-fv__title {
  margin: 0;
  font-size: min(74px, 5.1388888889vw);
  font-weight: 800;
  line-height: 1.3;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .schedule-fv__title {
    font-size: min(38px, 9.6692111959vw);
    line-height: 1.3;
  }
}
.schedule-fv__lead {
  margin: 0;
  font-size: min(24px, 1.6666666667vw);
  font-weight: 400;
  line-height: 1.5;
  color: #1a1c1b;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .schedule-fv__lead {
    font-size: min(20px, 5.0890585242vw);
    line-height: 1.5;
  }
}
.schedule-fv__breadcrumb {
  align-self: flex-end;
  width: 100%;
}
@media (max-width: 767px) {
  .schedule-fv__breadcrumb {
    align-self: stretch;
  }
}
.schedule-fv__breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: min(8px, 0.5555555556vw);
  margin: 0;
  padding: min(4px, 0.2777777778vw) 0;
  list-style: none;
}
@media (max-width: 767px) {
  .schedule-fv__breadcrumb-list {
    justify-content: flex-start;
    gap: min(8px, 2.0356234097vw);
    padding: min(4px, 1.0178117048vw) 0;
  }
}
.schedule-fv__breadcrumb-link {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  line-height: 1;
  color: #0a815c;
  text-decoration: none;
  font-feature-settings: normal;
}
@media (max-width: 767px) {
  .schedule-fv__breadcrumb-link {
    font-size: min(14px, 3.5623409669vw);
  }
}
.schedule-fv__breadcrumb-current {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 400;
  line-height: 1;
  color: #515352;
  font-feature-settings: normal;
}
@media (max-width: 767px) {
  .schedule-fv__breadcrumb-current {
    font-size: min(14px, 3.5623409669vw);
  }
}
.schedule-fv__breadcrumb-angle img {
  display: block;
  width: min(12px, 0.8333333333vw);
  height: min(12px, 0.8333333333vw);
}
@media (max-width: 767px) {
  .schedule-fv__breadcrumb-angle img {
    width: min(12px, 3.0534351145vw);
    height: min(12px, 3.0534351145vw);
  }
}

.schedule-main {
  width: 100%;
  padding: 0 min(100px, 6.9444444444vw) min(120px, 8.3333333333vw);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .schedule-main {
    padding: min(40px, 10.1781170483vw) min(20px, 5.0890585242vw) min(80px, 20.3562340967vw);
  }
}
.schedule-main__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(40px, 2.7777777778vw);
  width: 100%;
  max-width: min(1240px, 86.1111111111vw);
  margin: 0 auto min(40px, 2.7777777778vw);
}
@media (max-width: 767px) {
  .schedule-main__intro {
    align-items: flex-end;
    gap: min(40px, 10.1781170483vw);
    margin-bottom: min(24px, 6.106870229vw);
  }
}
.schedule-main__cta {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  gap: min(16px, 1.1111111111vw);
  width: auto;
}
@media (max-width: 767px) {
  .schedule-main__cta {
    display: flex;
    align-items: center;
    width: 100%;
    gap: min(8px, 2.0356234097vw);
  }
}
.schedule-main__trial-btn .pill-btn__icon {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: min(58px, 4.0277777778vw);
  height: min(58px, 4.0277777778vw);
}
@media (max-width: 767px) {
  .schedule-main__trial-btn .pill-btn__icon {
    width: min(58px, 14.7582697201vw);
    height: min(58px, 14.7582697201vw);
  }
}
.schedule-main__trial-btn .pill-btn__icon-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: opacity 400ms cubic-bezier(0.65, 0, 0.35, 1);
}
@media (prefers-reduced-motion: reduce) {
  .schedule-main__trial-btn .pill-btn__icon-img {
    transition: none;
  }
}
.schedule-main__trial-btn .pill-btn__icon-img--hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}
@media (hover: hover) {
  .schedule-main__trial-btn:hover:not([aria-disabled=true]) .pill-btn__icon-img--default {
    opacity: 0;
  }
  .schedule-main__trial-btn:hover:not([aria-disabled=true]) .pill-btn__icon-img--hover {
    opacity: 1;
  }
}
.schedule-main__trial-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: min(20px, 1.3888888889vw);
  min-width: min(250px, 17.3611111111vw);
  height: min(60px, 4.1666666667vw);
  padding: min(8px, 0.5555555556vw) min(20px, 1.3888888889vw);
  background: #0a815c;
  border-radius: min(9999px, 694.375vw);
  text-decoration: none;
  color: #ffffff;
  box-sizing: border-box;
}
.schedule-main__trial-btn--disabled {
  pointer-events: none;
}
@media (max-width: 767px) {
  .schedule-main__trial-btn {
    gap: min(20px, 5.0890585242vw);
    min-width: min(250px, 63.6132315522vw);
    height: min(60px, 15.2671755725vw);
    padding: min(8px, 2.0356234097vw) min(20px, 5.0890585242vw);
    border-radius: min(9999px, 2544.2748091603vw);
  }
}
.schedule-main__trial-btn-space, .schedule-main__trial-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: min(58px, 4.0277777778vw);
  height: min(58px, 4.0277777778vw);
}
@media (max-width: 767px) {
  .schedule-main__trial-btn-space, .schedule-main__trial-btn-icon {
    width: min(58px, 14.7582697201vw);
    height: min(58px, 14.7582697201vw);
  }
}
.schedule-main__trial-btn-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  font-size: min(16px, 1.1111111111vw);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .schedule-main__trial-btn-text {
    font-size: min(14px, 3.5623409669vw);
    line-height: 1.3;
  }
}
.schedule-main__trial-btn-line {
  display: block;
}
.schedule-main__cta-note {
  margin: 0;
  font-size: min(14px, 0.9722222222vw);
  font-weight: 400;
  line-height: 1;
  color: #1a1c1b;
  text-align: center;
  white-space: nowrap;
  font-feature-settings: normal;
}
@media (max-width: 767px) {
  .schedule-main__cta-note {
    font-size: min(12px, 3.0534351145vw);
    line-height: 1.4;
  }
}

.schedule-board {
  width: 100%;
  max-width: min(1240px, 86.1111111111vw);
  margin: 0 auto;
}
.schedule-board__weeks {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
}
@media (max-width: 767px) {
  .schedule-board__weeks {
    display: none;
  }
}
.schedule-board__week {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 35px;
  padding: 4px;
  border-radius: 2px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: #ffffff;
  text-align: center;
  font-feature-settings: "palt" 1;
}
.schedule-board__week--weekday {
  background: #1a1c1b;
}
.schedule-board__week--saturday {
  background: #0473ce;
}
.schedule-board__week--sunday {
  background: #d70211;
}
.schedule-board__week-select {
  display: none;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: min(40px, 10.1781170483vw);
  padding: min(8px, 2.0356234097vw);
  border-radius: 9999px;
  background: #1a1c1b;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .schedule-board__week-select {
    display: flex;
  }
}
.schedule-board__week-btn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: min(45px, 11.4503816794vw);
  height: min(45px, 11.4503816794vw);
  margin: 0;
  padding: min(2px, 0.5089058524vw);
  border: 0;
  border-radius: 9999px;
  background: transparent;
  font-size: min(16px, 4.0712468193vw);
  font-weight: 700;
  line-height: 1.5;
  color: #ffffff;
  cursor: pointer;
  transition: opacity 200ms ease-out, background 250ms cubic-bezier(0.22, 1, 0.36, 1);
  font-feature-settings: "palt" 1;
}
@media (hover: hover) {
  .schedule-board__week-btn:hover:not(.is-active) {
    opacity: 0.7;
  }
}
.schedule-board__week-btn.is-active {
  background: #0a815c;
}
.schedule-board__table {
  display: none;
  width: 100%;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .schedule-board__table {
    display: block;
    margin-top: 0;
  }
}
.schedule-board__by-time {
  display: flex;
  flex-direction: column;
  gap: 64px;
  width: 100%;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .schedule-board__by-time {
    display: none;
  }
}
.schedule-board__time-row {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
.schedule-board__time-label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  width: 100%;
  padding-bottom: 0;
  border-bottom: 2px solid #dbdddc;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
.schedule-board__time-cards {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}
.schedule-board__time-slot {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.schedule-board__time-slot .schedule-card {
  max-width: none;
  width: 100%;
}
.schedule-board__col {
  display: flex;
  flex-direction: column;
  gap: 64px;
  min-width: 0;
}
@media (max-width: 767px) {
  .schedule-board__col {
    gap: min(40px, 10.1781170483vw);
  }
  .schedule-board__col:not(.is-active) {
    display: none;
  }
}
.schedule-board__col-title {
  display: none;
}
.schedule-board__cards {
  display: flex;
  flex-direction: column;
  gap: 64px;
  width: 100%;
}
@media (max-width: 767px) {
  .schedule-board__cards {
    gap: min(40px, 10.1781170483vw);
  }
}
.schedule-board__empty {
  margin: 0;
  font-size: min(14px, 0.9722222222vw);
  line-height: 1.6;
  color: #515352;
  text-align: center;
}
@media (max-width: 767px) {
  .schedule-board__empty {
    font-size: min(14px, 3.5623409669vw);
  }
}

.schedule-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 200px;
  overflow: hidden;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.schedule-card__panel {
  display: contents;
}
.schedule-card__head {
  display: flex;
  flex-direction: column;
  gap: 8px;
  order: 1;
  padding: 16px 16px 0;
  box-sizing: border-box;
}
.schedule-card__head-row {
  display: flex;
  gap: 4px;
  align-items: center;
}
.schedule-card__time {
  display: flex;
  align-items: center;
  gap: 2px;
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #1a1c1b;
  white-space: nowrap;
}
.schedule-card__time-start, .schedule-card__time-end {
  font-size: 14px;
  line-height: 1;
}
.schedule-card__time-sep {
  font-size: 11px;
  line-height: 1.4;
}
.schedule-card__day {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 4px;
  border-radius: 2px;
  background: #1a1c1b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  color: #ffffff;
  font-feature-settings: normal;
}
.schedule-card__genre {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  font-feature-settings: "palt" 1;
}
.schedule-card__genre--hiphop {
  color: #0a815c;
}
.schedule-card__genre--kpop {
  color: #cc2d74;
}
.schedule-card__genre--girls_hiphop {
  color: #6832e7;
}
.schedule-card__media {
  display: flex;
  flex-direction: column;
  order: 2;
  padding: 0 12px 12px;
  box-sizing: border-box;
}
.schedule-card__photo-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 100/75;
  overflow: hidden;
  margin-top: min(12px, 0.8333333333vw);
}
.schedule-card__photo {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.schedule-card__instructor {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 4px 8px;
  background: #1a1c1b;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #ffffff;
  font-feature-settings: normal;
}
.schedule-card__class {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  order: 3;
  margin: 0;
  padding: 6px 4px;
  color: #1a1c1b;
  white-space: nowrap;
  font-feature-settings: normal;
}
.schedule-card__class--little {
  background: #ffe952;
}
.schedule-card__class--kids {
  background: #89f1c6;
}
.schedule-card__class--general {
  background: #9abcff;
}
.schedule-card__class-name {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.schedule-card__class-age {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .schedule-card {
    flex-direction: row;
    align-items: flex-start;
    max-width: none;
  }
  .schedule-card__panel {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch;
    order: 2;
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
    border-radius: 0 8px 8px 0;
  }
  .schedule-card__media {
    display: flex;
    flex: 0 0 107px;
    flex-direction: column;
    align-self: stretch;
    order: 1;
    width: 107px;
    padding: 0;
  }
  .schedule-card__photo-wrap {
    flex: 1 1 auto;
    aspect-ratio: auto;
    min-height: 0;
  }
  .schedule-card__instructor {
    flex: 0 0 29px;
    height: 29px;
    padding: 6px 4px;
    box-sizing: border-box;
    border-radius: 0 0 0 8px;
    font-size: 14px;
  }
  .schedule-card__head {
    flex: 1 1 auto;
    order: 0;
    gap: 12px;
    padding: 16px;
  }
  .schedule-card__head-row {
    flex-direction: column-reverse;
    gap: 8px;
    align-items: flex-start;
  }
  .schedule-card__time {
    font-weight: 700;
  }
  .schedule-card__time-start, .schedule-card__time-end {
    font-size: 20px;
  }
  .schedule-card__time-sep {
    font-size: 18px;
  }
  .schedule-card__day {
    padding: 2px 4px;
    font-size: 12px;
  }
  .schedule-card__genre {
    font-size: 14px;
  }
  .schedule-card__class {
    flex: 0 0 29px;
    order: 0;
    width: 100%;
    min-height: 29px;
    margin-top: auto;
    padding: 6px 4px;
    box-sizing: border-box;
    border-radius: 0 0 8px 0;
  }
  .schedule-card__class-name {
    font-size: 14px;
  }
  .schedule-card__class-age {
    font-size: 12px;
  }
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.is-page-instructors .main {
  padding-top: 0;
}

.instructors-page {
  width: 100%;
  overflow-x: clip;
  background: #fbf7f3;
}

.instructors-fv {
  position: relative;
  overflow: clip;
  background: #fbf7f3;
}
.instructors-fv__inner {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  max-width: 1440px;
  min-height: min(600px, 41.6666666667vw);
  margin: 0 auto;
  padding: min(240px, 16.6666666667vw) min(100px, 6.9444444444vw) min(20px, 1.3888888889vw);
  box-sizing: border-box;
  isolation: isolate;
}
@media (max-width: 767px) {
  .instructors-fv__inner {
    flex-direction: column;
    align-items: center;
    min-height: auto;
    padding: min(20px, 5.0890585242vw);
    border-bottom: 1px solid #9c9e9d;
  }
}
.instructors-fv__visual {
  pointer-events: none;
}
.instructors-fv__visual--sp {
  display: none;
}
@media (max-width: 767px) {
  .instructors-fv__visual--sp {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: min(254px, 64.631043257vw);
    margin-bottom: min(-48px, -12.213740458vw);
  }
}
.instructors-fv__visual--pc {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: min(918.75px, 63.8020833333vw);
  height: 100%;
}
@media (max-width: 767px) {
  .instructors-fv__visual--pc {
    display: none;
  }
}
.instructors-fv__visual-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right center;
  object-position: right center;
}
@media (max-width: 767px) {
  .instructors-fv__visual-img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center top;
    object-position: center top;
  }
}
.instructors-fv__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 0;
  min-height: min(340px, 23.6111111111vw);
}
@media (max-width: 767px) {
  .instructors-fv__content {
    gap: min(40px, 10.1781170483vw);
    width: 100%;
    min-height: auto;
  }
}
.instructors-fv__copy {
  display: flex;
  flex-direction: column;
  gap: min(16px, 1.1111111111vw);
  width: 100%;
}
@media (max-width: 767px) {
  .instructors-fv__copy {
    gap: min(16px, 4.0712468193vw);
  }
}
.instructors-fv__title {
  margin: 0;
  font-size: min(74px, 5.1388888889vw);
  font-weight: 800;
  line-height: 1.3;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .instructors-fv__title {
    font-size: min(38px, 9.6692111959vw);
  }
}
.instructors-fv__lead {
  margin: 0;
  font-size: min(24px, 1.6666666667vw);
  font-weight: 400;
  line-height: 1.5;
  color: #1a1c1b;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .instructors-fv__lead {
    font-size: min(20px, 5.0890585242vw);
  }
}
.instructors-fv__breadcrumb {
  align-self: flex-end;
  width: 100%;
}
@media (max-width: 767px) {
  .instructors-fv__breadcrumb {
    align-self: stretch;
  }
}
.instructors-fv__breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  gap: min(8px, 0.5555555556vw);
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding: min(4px, 0.2777777778vw) 0;
  list-style: none;
}
@media (max-width: 767px) {
  .instructors-fv__breadcrumb-list {
    justify-content: flex-start;
    gap: min(8px, 2.0356234097vw);
    padding: 0;
  }
}
.instructors-fv__breadcrumb-link {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  line-height: 1;
  color: #0a815c;
  text-decoration: none;
  font-feature-settings: normal;
}
@media (max-width: 767px) {
  .instructors-fv__breadcrumb-link {
    font-size: min(14px, 3.5623409669vw);
  }
}
.instructors-fv__breadcrumb-current {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 400;
  line-height: 1;
  color: #515352;
  font-feature-settings: normal;
}
@media (max-width: 767px) {
  .instructors-fv__breadcrumb-current {
    font-size: min(14px, 3.5623409669vw);
  }
}
.instructors-fv__breadcrumb-angle img {
  display: block;
  width: min(12px, 0.8333333333vw);
  height: min(12px, 0.8333333333vw);
}
@media (max-width: 767px) {
  .instructors-fv__breadcrumb-angle img {
    width: min(12px, 3.0534351145vw);
    height: min(12px, 3.0534351145vw);
  }
}

.instructors-main {
  display: flex;
  flex-direction: column;
  gap: min(80px, 5.5555555556vw);
  width: 100%;
  max-width: min(1240px, 86.1111111111vw);
  margin: 0 auto;
  padding: 0 0 min(120px, 8.3333333333vw);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .instructors-main {
    gap: min(64px, 16.2849872774vw);
    max-width: none;
    padding: min(40px, 10.1781170483vw) min(20px, 5.0890585242vw) min(80px, 20.3562340967vw);
  }
}

.instructors-filter {
  display: flex;
  flex-direction: column;
  gap: min(16px, 1.1111111111vw);
  width: min(327px, 22.7083333333vw);
  max-width: 100%;
}
@media (max-width: 767px) {
  .instructors-filter {
    gap: min(12px, 3.0534351145vw);
    width: 100%;
  }
}
.instructors-filter__label {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: #1a1c1b;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .instructors-filter__label {
    font-size: 16px;
  }
}
.instructors-filter__select-wrap {
  position: relative;
  width: 100%;
}
.instructors-filter__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 56px;
  padding: 16px 48px 16px 16px;
  border: 1px solid #9c9e9d;
  border-radius: 8px;
  background: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #1a1c1b;
  cursor: pointer;
  box-sizing: border-box;
  font-feature-settings: normal;
}
@media (max-width: 767px) {
  .instructors-filter__select {
    height: 48px;
    padding: 12px 48px 12px 16px;
    font-size: 16px;
  }
}
.instructors-filter__icon {
  position: absolute;
  top: 50%;
  right: 16px;
  display: block;
  width: 20px;
  height: 20px;
  pointer-events: none;
  transform: translateY(-50%);
}

.instructors-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: min(64px, 4.4444444444vw);
  width: 100%;
}
@media (max-width: 767px) {
  .instructors-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: min(40px, 10.1781170483vw) 16px;
  }
}

.instructor-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
  width: 100%;
}
.instructor-card[hidden] {
  display: none;
}
.instructor-card__trigger {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.instructor-card__media {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 8px;
}
.instructor-card__photo {
  display: block;
  width: 100%;
  aspect-ratio: 370/277;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  transform: scale(1);
  transform-origin: center center;
  transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  .instructor-card__photo {
    transition: none;
  }
}
@media (hover: hover) {
  .instructor-card__trigger:hover .instructor-card__photo {
    transform: scale(1.05);
  }
}
@media (hover: hover) and (prefers-reduced-motion: reduce) {
  .instructor-card__trigger:hover .instructor-card__photo {
    transform: scale(1);
  }
}
.instructor-card__namebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 12px;
  background: #1a1c1b;
}
@media (max-width: 767px) {
  .instructor-card__namebar {
    padding: 4px 8px;
  }
}
.instructor-card__name {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  color: #ffffff;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .instructor-card__name {
    font-size: 16px;
  }
}
.instructor-card__plus {
  display: block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  transition: transform 200ms ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .instructor-card__plus {
    transition: none;
  }
}
@media (hover: hover) {
  .instructor-card__trigger:hover .instructor-card__plus {
    transform: scale(1.15);
  }
}
.instructor-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 767px) {
  .instructor-card__tags {
    gap: 4px 8px;
  }
}
.instructor-card__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 4px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .instructor-card__tag {
    font-size: 14px;
  }
}
.instructor-card__tag--hiphop {
  background: #0a815c;
}
.instructor-card__tag--kpop {
  background: #cc2d74;
}
.instructor-card__tag--girls_hiphop {
  background: #6832e7;
}

.instructor-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  box-sizing: border-box;
}
.instructor-modal[hidden] {
  display: none;
}
@media (max-width: 767px) {
  .instructor-modal {
    align-items: flex-start;
    padding: 20px 16px;
  }
}
.instructor-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(26, 28, 27, 0.5);
  opacity: 0;
  transition: opacity 250ms ease-out;
}
.instructor-modal:not([hidden]) .instructor-modal__backdrop {
  opacity: 1;
}
.instructor-modal__dialog {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  max-width: 800px;
  max-height: 100%;
  margin: 0;
  padding: 8px;
  overflow: auto;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  outline: none;
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 300ms cubic-bezier(0.22, 1, 0.36, 1), transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
}
.instructor-modal:not([hidden]) .instructor-modal__dialog {
  opacity: 1;
  transform: scale(1);
}
@media (prefers-reduced-motion: reduce) {
  .instructor-modal__dialog {
    transition: none;
    transform: none;
  }
}
@media (max-width: 767px) {
  .instructor-modal__dialog {
    width: 100%;
    max-height: calc(100vh - 40px);
  }
}
.instructor-modal__close {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 9999px;
  background: #f5f7f6;
  cursor: pointer;
  transition: opacity 200ms ease-out;
}
@media (hover: hover) {
  .instructor-modal__close:hover {
    opacity: 0.7;
  }
}
.instructor-modal__close-icon {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
}
.instructor-modal__close-icon::before, .instructor-modal__close-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background: #1a1c1b;
}
.instructor-modal__close-icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.instructor-modal__close-icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.instructor-modal__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  padding: 0 24px 24px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .instructor-modal__body {
    gap: 16px;
    padding: 0 8px 8px;
  }
}
.instructor-modal__top {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 767px) {
  .instructor-modal__top {
    flex-flow: row wrap;
    gap: 16px;
    justify-content: center;
  }
}
.instructor-modal__profile {
  display: flex;
  flex: 0 0 260px;
  flex-direction: column;
  overflow: hidden;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .instructor-modal__profile {
    flex: 0 1 240px;
    width: 240px;
    min-width: 140px;
    max-width: 250px;
  }
}
.instructor-modal__photo-wrap {
  aspect-ratio: 100/75;
  overflow: hidden;
}
.instructor-modal__photo {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.instructor-modal__name {
  margin: 0;
  padding: 4px 12px;
  background: #1a1c1b;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  color: #ffffff;
  text-align: center;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .instructor-modal__name {
    padding: 4px 8px;
    font-size: 16px;
  }
}
.instructor-modal__classes {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  min-width: 0;
}
@media (max-width: 767px) {
  .instructor-modal__classes {
    flex: 1 1 100%;
    gap: 8px;
  }
}
.instructor-modal__classes-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  margin: 0;
  padding: 2px 4px;
  border-radius: 2px;
  background: #0a815c;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .instructor-modal__classes-label {
    font-size: 14px;
  }
}
.instructor-modal__classes-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .instructor-modal__classes-list {
    gap: 12px;
  }
}
.instructor-modal__class-item {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 16px;
  line-height: 1;
  color: #1a1c1b;
  white-space: nowrap;
  font-feature-settings: normal;
}
@media (max-width: 767px) {
  .instructor-modal__class-item {
    font-size: 14px;
  }
}
.instructor-modal__class-day {
  font-weight: 700;
}
.instructor-modal__class-level, .instructor-modal__class-genre {
  font-weight: 400;
}
.instructor-modal__bottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding: 16px;
  border-radius: 8px;
  background: #edfff7;
  box-sizing: border-box;
}
.instructor-modal__section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.instructor-modal__section-head {
  display: flex;
  gap: 4px;
  align-items: center;
  min-height: 18px;
}
.instructor-modal__section-icon {
  display: block;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}
.instructor-modal__section-label {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
.instructor-modal__motto {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: #1a1c1b;
  font-feature-settings: "palt" 1;
}
.instructor-modal__divider {
  width: 100%;
  height: 0;
  margin: 0;
  border: 0;
  border-top: 1px solid #9c9e9d;
}
.instructor-modal__message {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #1a1c1b;
  font-feature-settings: normal;
}
.instructor-modal__message p {
  margin: 0 0 0.5em;
}
.instructor-modal__message p:last-child {
  margin-bottom: 0;
}

body.is-instructor-modal-open {
  overflow: hidden;
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.is-page-about .main {
  padding-top: 0;
}

.about-page {
  width: 100%;
  overflow-x: clip;
  background: #fbf7f3;
}

.about-fv {
  position: relative;
  overflow: clip;
  background: #fbf7f3;
}
.about-fv__inner {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  max-width: 1440px;
  min-height: min(600px, 41.6666666667vw);
  margin: 0 auto;
  padding: min(240px, 16.6666666667vw) min(100px, 6.9444444444vw) min(20px, 1.3888888889vw);
  box-sizing: border-box;
  isolation: isolate;
}
@media (max-width: 767px) {
  .about-fv__inner {
    flex-direction: column;
    align-items: center;
    min-height: auto;
    padding: min(20px, 5.0890585242vw);
    border-bottom: 1px solid #9c9e9d;
  }
}
.about-fv__visual {
  pointer-events: none;
}
.about-fv__visual--sp {
  display: none;
}
@media (max-width: 767px) {
  .about-fv__visual--sp {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: min(254px, 64.631043257vw);
    margin-bottom: min(-48px, -12.213740458vw);
  }
}
.about-fv__visual--pc {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: min(918.75px, 63.8020833333vw);
  height: 100%;
}
@media (max-width: 767px) {
  .about-fv__visual--pc {
    display: none;
  }
}
.about-fv__visual-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right center;
  object-position: right center;
}
@media (max-width: 767px) {
  .about-fv__visual-img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center top;
    object-position: center top;
  }
}
.about-fv__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 0;
  min-height: min(340px, 23.6111111111vw);
}
@media (max-width: 767px) {
  .about-fv__content {
    gap: min(40px, 10.1781170483vw);
    width: 100%;
    min-height: auto;
  }
}
.about-fv__copy {
  display: flex;
  flex-direction: column;
  gap: min(16px, 1.1111111111vw);
  width: 100%;
}
@media (max-width: 767px) {
  .about-fv__copy {
    gap: min(16px, 4.0712468193vw);
  }
}
.about-fv__title {
  margin: 0;
  font-size: min(74px, 5.1388888889vw);
  font-weight: 800;
  line-height: 1.3;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .about-fv__title {
    font-size: min(38px, 9.6692111959vw);
  }
}
.about-fv__lead {
  margin: 0;
  font-size: min(24px, 1.6666666667vw);
  font-weight: 400;
  line-height: 1.5;
  color: #1a1c1b;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .about-fv__lead {
    font-size: min(20px, 5.0890585242vw);
  }
}
.about-fv__breadcrumb {
  align-self: flex-end;
  width: 100%;
}
@media (max-width: 767px) {
  .about-fv__breadcrumb {
    align-self: stretch;
  }
}
.about-fv__breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  gap: min(8px, 0.5555555556vw);
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding: min(4px, 0.2777777778vw) 0;
  list-style: none;
}
@media (max-width: 767px) {
  .about-fv__breadcrumb-list {
    justify-content: flex-start;
    gap: min(8px, 2.0356234097vw);
    padding: 0;
  }
}
.about-fv__breadcrumb-link {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  line-height: 1;
  color: #0a815c;
  text-decoration: none;
  font-feature-settings: normal;
}
@media (max-width: 767px) {
  .about-fv__breadcrumb-link {
    font-size: min(14px, 3.5623409669vw);
  }
}
.about-fv__breadcrumb-current {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 400;
  line-height: 1;
  color: #515352;
  font-feature-settings: normal;
}
@media (max-width: 767px) {
  .about-fv__breadcrumb-current {
    font-size: min(14px, 3.5623409669vw);
  }
}
.about-fv__breadcrumb-angle img {
  display: block;
  width: min(12px, 0.8333333333vw);
  height: min(12px, 0.8333333333vw);
}
@media (max-width: 767px) {
  .about-fv__breadcrumb-angle img {
    width: min(12px, 3.0534351145vw);
    height: min(12px, 3.0534351145vw);
  }
}

.about-main {
  display: flex;
  flex-direction: column;
  gap: min(160px, 11.1111111111vw);
  width: 100%;
  padding: 0 min(100px, 6.9444444444vw) min(120px, 8.3333333333vw);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .about-main {
    gap: 120px;
    padding: 40px 20px 80px;
  }
}

.about-section-title {
  margin: 0;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.4;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .about-section-title {
    width: 100%;
    font-size: 32px;
    text-align: center;
  }
}

.about-text {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  color: #1a1c1b;
  font-feature-settings: normal;
}
@media (max-width: 767px) {
  .about-text {
    font-size: 16px;
  }
}

.about-text-group {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

.about-message {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  width: 100%;
}
.about-message__headline {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .about-message__headline {
    font-size: 18px;
  }
}
.about-message__body {
  display: flex;
  flex-direction: column;
  gap: 1.8em;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  color: #1a1c1b;
  font-feature-settings: normal;
}
.about-message__paragraph {
  margin: 0;
  width: 100%;
}

.about-nameplate {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  padding: 8px 20px;
  border: 1px solid #1a1c1b;
  border-radius: 8px;
  background: #ffffff;
  box-sizing: border-box;
}
.about-nameplate--stacked {
  padding: 12px 20px;
}
@media (max-width: 767px) {
  .about-nameplate {
    gap: 16px;
    padding: 8px 16px;
  }
  .about-nameplate--stacked {
    gap: 20px;
    padding: 12px 20px;
  }
}
.about-nameplate__label {
  flex-shrink: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: #1a1c1b;
  text-align: center;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .about-nameplate__label {
    font-size: 16px;
  }
}
.about-nameplate__divider {
  flex-shrink: 0;
  align-self: stretch;
  width: 1px;
  background: #1a1c1b;
}
.about-nameplate__name {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: #1a1c1b;
  white-space: nowrap;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .about-nameplate__name {
    font-size: 20px;
    white-space: normal;
  }
}
.about-nameplate__stack {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  justify-content: center;
  padding-top: 4px;
}
.about-nameplate__sub {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #1a1c1b;
  font-feature-settings: "palt" 1;
}

.about-rep {
  width: 100%;
}
@media (max-width: 767px) {
  .about-rep {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
  }
}
.about-rep__inner {
  display: flex;
  gap: min(80px, 5.5555555556vw);
  align-items: center;
  width: 100%;
  max-width: min(1200px, 83.3333333333vw);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .about-rep__inner {
    flex-direction: column;
    gap: 24px;
    align-items: stretch;
    max-width: none;
  }
}
.about-rep__visual {
  flex: 0 0 min(440px, 30.5555555556vw);
  width: min(440px, 30.5555555556vw);
  height: min(440px, 30.5555555556vw);
  overflow: hidden;
}
.about-rep__visual picture {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .about-rep__visual {
    flex: none;
    order: 2;
    width: 100%;
    max-width: none;
    height: auto;
    aspect-ratio: 1;
  }
}
.about-rep__photo {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
@media (max-width: 767px) {
  .about-rep__photo {
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.about-rep__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: min(64px, 4.4444444444vw);
  align-items: flex-start;
  min-width: 0;
}
@media (max-width: 767px) {
  .about-rep__content {
    display: contents;
  }
}
.about-rep__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 767px) {
  .about-rep__body {
    order: 3;
  }
}
@media (max-width: 767px) {
  .about-rep .about-section-title {
    order: 1;
    margin-bottom: 16px;
  }
}

.about-org {
  display: flex;
  flex-direction: column;
  gap: min(40px, 2.7777777778vw);
  width: 100%;
}
@media (max-width: 767px) {
  .about-org {
    gap: 40px;
    align-items: center;
  }
}
.about-org__inner {
  display: flex;
  gap: min(80px, 5.5555555556vw);
  align-items: center;
  width: 100%;
  max-width: min(1000px, 69.4444444444vw);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .about-org__inner {
    flex-direction: column;
    gap: 24px;
    align-items: stretch;
    max-width: none;
  }
}
.about-org__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: min(64px, 4.4444444444vw);
  align-items: flex-start;
  min-width: 0;
}
@media (max-width: 767px) {
  .about-org__content {
    display: contents;
  }
}
.about-org__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 767px) {
  .about-org__body {
    order: 3;
  }
}
.about-org__visual {
  flex: 0 0 min(440px, 30.5555555556vw);
  width: min(440px, 30.5555555556vw);
  height: min(440px, 30.5555555556vw);
  overflow: hidden;
}
.about-org__visual picture {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .about-org__visual {
    flex: none;
    order: 2;
    width: 100%;
    max-width: none;
    height: auto;
    aspect-ratio: 1;
  }
}
.about-org__photo {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
@media (max-width: 767px) {
  .about-org__photo {
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media (max-width: 767px) {
  .about-org .about-section-title {
    order: 1;
    margin-bottom: 16px;
  }
}

.about-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  overflow: hidden;
  border: 1px solid #1a1c1b;
  border-radius: 8px;
}
.about-info__row {
  display: flex;
  flex-direction: column;
  margin: 0;
  border-top: 1px solid #9c9e9d;
}
.about-info__row:first-child {
  border-top: 0;
}
.about-info__label {
  margin: 0;
  padding: 24px;
  background: #f5f7f6;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #1a1c1b;
  font-feature-settings: normal;
}
@media (max-width: 767px) {
  .about-info__label {
    padding: 16px;
    font-size: 16px;
  }
}
.about-info__value {
  margin: 0;
  padding: 32px 24px;
  background: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #1a1c1b;
  font-feature-settings: normal;
}
@media (max-width: 767px) {
  .about-info__value {
    padding: 24px 16px;
    font-size: 16px;
  }
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.is-page-news .main {
  padding-top: 0;
}

.news-page {
  width: 100%;
  overflow-x: clip;
  background: #fbf7f3;
}

.news-fv {
  position: relative;
  overflow: clip;
  background: #fbf7f3;
}
.news-fv__inner {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  max-width: 1440px;
  min-height: min(600px, 41.6666666667vw);
  margin: 0 auto;
  padding: min(240px, 16.6666666667vw) min(100px, 6.9444444444vw) min(20px, 1.3888888889vw);
  box-sizing: border-box;
  isolation: isolate;
}
@media (max-width: 767px) {
  .news-fv__inner {
    flex-direction: column;
    align-items: center;
    min-height: auto;
    padding: min(20px, 5.0890585242vw);
    border-bottom: 1px solid #9c9e9d;
  }
}
.news-fv__visual {
  pointer-events: none;
}
.news-fv__visual--sp {
  display: none;
}
@media (max-width: 767px) {
  .news-fv__visual--sp {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: min(254px, 64.631043257vw);
    margin-bottom: min(-48px, -12.213740458vw);
  }
}
.news-fv__visual--pc {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: min(918.75px, 63.8020833333vw);
  height: 100%;
}
@media (max-width: 767px) {
  .news-fv__visual--pc {
    display: none;
  }
}
.news-fv__visual-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right center;
  object-position: right center;
}
@media (max-width: 767px) {
  .news-fv__visual-img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center top;
    object-position: center top;
  }
}
.news-fv__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 0;
  min-height: min(340px, 23.6111111111vw);
}
@media (max-width: 767px) {
  .news-fv__content {
    gap: min(40px, 10.1781170483vw);
    width: 100%;
    min-height: auto;
  }
}
.news-fv__copy {
  display: flex;
  flex-direction: column;
  gap: min(16px, 1.1111111111vw);
  width: 100%;
}
@media (max-width: 767px) {
  .news-fv__copy {
    gap: min(16px, 4.0712468193vw);
  }
}
.news-fv__title {
  margin: 0;
  font-size: min(74px, 5.1388888889vw);
  font-weight: 800;
  line-height: 1.3;
  color: #0a815c;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .news-fv__title {
    font-size: min(38px, 9.6692111959vw);
  }
}
.news-fv__lead {
  margin: 0;
  font-size: min(24px, 1.6666666667vw);
  font-weight: 400;
  line-height: 1.5;
  color: #1a1c1b;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .news-fv__lead {
    font-size: min(20px, 5.0890585242vw);
  }
}
.news-fv__breadcrumb {
  align-self: flex-end;
  width: 100%;
}
@media (max-width: 767px) {
  .news-fv__breadcrumb {
    align-self: stretch;
  }
}
.news-fv__breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  gap: min(8px, 0.5555555556vw);
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding: min(4px, 0.2777777778vw) 0;
  list-style: none;
}
@media (max-width: 767px) {
  .news-fv__breadcrumb-list {
    justify-content: flex-start;
    gap: min(8px, 2.0356234097vw);
    padding: 0;
  }
}
.news-fv__breadcrumb-link {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  line-height: 1;
  color: #0a815c;
  text-decoration: none;
  font-feature-settings: normal;
}
@media (max-width: 767px) {
  .news-fv__breadcrumb-link {
    font-size: min(14px, 3.5623409669vw);
  }
}
.news-fv__breadcrumb-current {
  font-size: min(14px, 0.9722222222vw);
  font-weight: 400;
  line-height: 1;
  color: #515352;
  font-feature-settings: normal;
}
@media (max-width: 767px) {
  .news-fv__breadcrumb-current {
    font-size: min(14px, 3.5623409669vw);
  }
}
.news-fv__breadcrumb-angle img {
  display: block;
  width: min(12px, 0.8333333333vw);
  height: min(12px, 0.8333333333vw);
}
@media (max-width: 767px) {
  .news-fv__breadcrumb-angle img {
    width: min(12px, 3.0534351145vw);
    height: min(12px, 3.0534351145vw);
  }
}

.news-main {
  display: flex;
  flex-direction: column;
  gap: min(80px, 5.5555555556vw);
  width: 100%;
  padding: 0 min(100px, 6.9444444444vw) min(120px, 8.3333333333vw);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .news-main {
    gap: min(64px, 16.2849872774vw);
    padding: min(40px, 10.1781170483vw) min(20px, 5.0890585242vw) min(80px, 20.3562340967vw);
  }
}

.news-filter {
  display: flex;
  flex-direction: column;
  gap: min(16px, 1.1111111111vw);
  width: min(327px, 22.7083333333vw);
  max-width: 100%;
}
@media (max-width: 767px) {
  .news-filter {
    gap: min(12px, 3.0534351145vw);
    width: 100%;
  }
}
.news-filter__label {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: #1a1c1b;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .news-filter__label {
    font-size: 16px;
  }
}
.news-filter__select-wrap {
  position: relative;
  width: 100%;
}
.news-filter__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 56px;
  padding: 16px 48px 16px 16px;
  border: 1px solid #9c9e9d;
  border-radius: 8px;
  background: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #1a1c1b;
  cursor: pointer;
  box-sizing: border-box;
  font-feature-settings: normal;
}
@media (max-width: 767px) {
  .news-filter__select {
    height: 48px;
    padding: 12px 48px 12px 16px;
  }
}
.news-filter__icon {
  position: absolute;
  top: 50%;
  right: 16px;
  display: block;
  width: 20px;
  height: 20px;
  pointer-events: none;
  transform: translateY(-50%);
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: min(64px, 4.4444444444vw);
  width: 100%;
}
@media (max-width: 767px) {
  .news-grid {
    display: flex;
    flex-direction: column;
    gap: min(20px, 5.0890585242vw);
  }
}

.news-card {
  width: 100%;
  min-width: 0;
}
@media (max-width: 767px) {
  .news-card {
    padding-bottom: min(20px, 5.0890585242vw);
    border-bottom: 1px solid #dbdddc;
  }
  .news-card:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
}
.news-card__link {
  display: flex;
  flex-direction: column;
  gap: min(8px, 0.5555555556vw);
  width: 100%;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.news-card__link .news-card__thumb img {
  transform: scale(1);
  transform-origin: center center;
  transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  .news-card__link .news-card__thumb img {
    transition: none;
  }
}
@media (hover: hover) {
  .news-card__link:hover .news-card__thumb img {
    transform: scale(1.05);
  }
}
@media (hover: hover) and (prefers-reduced-motion: reduce) {
  .news-card__link:hover .news-card__thumb img {
    transform: scale(1);
  }
}
@media (hover: hover) {
  .news-card__link:hover .news-card__title {
    color: #0a815c;
    transition: color 250ms ease-out;
  }
  .news-card__link:hover .news-card__date {
    color: #0a815c;
    transition: color 250ms ease-out 50ms;
  }
}
@media (max-width: 767px) {
  .news-card__link {
    flex-direction: row;
    gap: min(16px, 4.0712468193vw);
    align-items: center;
  }
}
.news-card__thumb {
  flex-shrink: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 8px;
  background: #dbdddc;
}
.news-card__thumb img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  transform: scale(1);
  transform-origin: center center;
  transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  .news-card__thumb img {
    transition: none;
  }
}
@media (max-width: 767px) {
  .news-card__thumb {
    width: min(140px, 35.6234096692vw);
    height: min(105px, 26.7175572519vw);
    border: 1px solid #dbdddc;
    box-sizing: border-box;
  }
  .news-card__thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.news-card__body {
  display: flex;
  flex-direction: column;
  gap: min(8px, 0.5555555556vw);
  width: 100%;
  min-width: 0;
  padding: 0 min(4px, 0.2777777778vw);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .news-card__body {
    flex: 1 1 auto;
    gap: min(12px, 3.0534351145vw);
    padding: 0;
  }
}
.news-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: min(8px, 0.5555555556vw);
  width: 100%;
}
@media (max-width: 767px) {
  .news-card__meta {
    display: contents;
  }
}
.news-card__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  background: #ffffff;
  border-width: 0.5px;
  border-style: solid;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  white-space: nowrap;
  box-sizing: border-box;
}
.news-card__tag--news {
  border-color: #6832e7;
  color: #6832e7;
}
.news-card__tag--event {
  border-color: #cc2d74;
  color: #cc2d74;
}
.news-card__tag--column {
  border-color: #00613f;
  color: #00613f;
}
@media (max-width: 767px) {
  .news-card__tag {
    order: 1;
    align-self: flex-start;
  }
}
.news-card__date {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #1a1c1b;
  white-space: nowrap;
  transition: color 250ms ease-out;
  font-feature-settings: normal;
}
@media (max-width: 767px) {
  .news-card__date {
    order: 3;
    font-size: 12px;
    line-height: 1.4;
  }
}
.news-card__title {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: #1a1c1b;
  transition: color 250ms ease-out;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .news-card__title {
    order: 2;
    font-size: 14px;
    line-height: 1.5;
  }
}

.news-empty {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #515352;
  font-feature-settings: normal;
}

.news-pagination {
  display: flex;
  justify-content: center;
  width: 100%;
}
.news-pagination__inner {
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .news-pagination__inner {
    justify-content: space-between;
    gap: 0;
    width: 100%;
    max-width: 600px;
  }
}
.news-pagination__pages--pc {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
@media (max-width: 767px) {
  .news-pagination__pages--pc {
    display: none;
  }
}
.news-pagination__status--sp {
  display: none;
  align-items: center;
}
@media (max-width: 767px) {
  .news-pagination__status--sp {
    display: inline-flex;
  }
}
.news-pagination__status-current, .news-pagination__status-total {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #515352;
  text-align: center;
}
.news-pagination__status-sep {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 8px;
  font-family: "LINE Seed JP", "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #515352;
  text-align: center;
}
.news-pagination__page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #515352;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.news-pagination__page:hover {
  opacity: 0.8;
}
.news-pagination__page.is-current {
  border-radius: 40px;
  background: #0a815c;
  color: #ffffff;
  pointer-events: none;
}
.news-pagination__dots {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 12px;
  font-family: "LINE Seed JP", "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #515352;
  text-align: center;
  box-sizing: border-box;
}
.news-pagination__arrow-btn {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #47b088;
  border-radius: 40px;
  background: #ffffff;
  text-decoration: none;
  box-sizing: border-box;
  transition: opacity 0.2s ease;
}
.news-pagination__arrow-btn img {
  display: block;
  width: 24px;
  height: 24px;
}
.news-pagination__arrow-btn:hover:not(.is-disabled) {
  opacity: 0.8;
}
.news-pagination__arrow-btn.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.is-single-news .main {
  padding-top: 0;
}

.single-news-page {
  width: 100%;
  overflow-x: clip;
  background: #fbf7f3;
}

.single-news-fv {
  width: 100%;
  padding: 80px 100px 40px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .single-news-fv {
    padding: 80px 20px 20px;
  }
}
.single-news-fv__breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding: 12px 0;
  list-style: none;
}
@media (max-width: 767px) {
  .single-news-fv__breadcrumb-list {
    justify-content: flex-start;
    padding: 4px 0;
  }
}
.single-news-fv__breadcrumb-link {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #0a815c;
  text-decoration: none;
  font-feature-settings: normal;
}
.single-news-fv__breadcrumb-current {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #515352;
  font-feature-settings: normal;
}
.single-news-fv__breadcrumb-angle img {
  display: block;
  width: 12px;
  height: 12px;
}

.single-news-body {
  display: flex;
  gap: 80px;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  padding: 0 80px 120px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .single-news-body {
    flex-direction: column;
    gap: 0;
    padding: 40px 20px 80px;
  }
}

.single-news-main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 64px;
  width: 100%;
  max-width: 1200px;
  min-width: 0;
}
@media (min-width: 768px) {
  .single-news-main {
    min-width: 800px;
  }
}
@media (max-width: 767px) {
  .single-news-main {
    gap: 40px;
    max-width: none;
  }
}

.single-news-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.single-news-header__meta {
  display: flex;
  gap: 12px;
  align-items: center;
}
.single-news-header__date {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #1a1c1b;
  font-feature-settings: normal;
}
.single-news-header__title {
  margin: 0;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.4;
  color: #1a1c1b;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .single-news-header__title {
    font-size: 32px;
  }
}

.single-news-article {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 767px) {
  .single-news-article {
    align-items: center;
    max-width: 880px;
    margin: 0 auto;
  }
}

.single-news-content {
  width: 100%;
  color: #1a1c1b;
  font-feature-settings: normal;
}
.single-news-content > *:first-child {
  margin-top: 0;
}
.single-news-content > *:last-child {
  margin-bottom: 0;
}
.single-news-content p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}
.single-news-content strong,
.single-news-content b {
  font-weight: 700;
  line-height: 1.5;
}
.single-news-content h2 {
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid #9c9e9d;
  border-bottom: 1px solid #9c9e9d;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: #1a1c1b;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .single-news-content h2 {
    padding: 20px 0;
    font-size: 20px;
  }
}
.single-news-content h2:not(:first-child) {
  margin-top: 0;
}
.single-news-content h3 {
  margin: 0;
  padding: 12px 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  color: #1a1c1b;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  .single-news-content h3 {
    font-size: 18px;
  }
}
.single-news-content ul {
  margin: 0;
  padding: 8px 0;
  list-style: none;
}
.single-news-content ul li {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 16px;
  line-height: 1.8;
}
.single-news-content ul li::before {
  flex-shrink: 0;
  width: 25px;
  height: 8px;
  background: url("assets/images/news/icon-list-bullet.svg") center/8px 8px no-repeat;
  content: "";
}
.single-news-content ol {
  margin: 0;
  padding: 8px 0;
  list-style: none;
  counter-reset: single-news-ol;
}
.single-news-content ol li {
  display: flex;
  gap: 4px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.8;
  counter-increment: single-news-ol;
}
.single-news-content ol li::before {
  flex-shrink: 0;
  width: 25px;
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  content: counter(single-news-ol) ".";
}
.single-news-content a {
  color: #0473ce;
  text-decoration: underline;
  text-underline-offset: 2px;
  word-break: break-word;
}
.single-news-content a:hover {
  opacity: 0.8;
}
.single-news-content .wp-block-image {
  margin: 0;
}
.single-news-content .wp-block-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.single-news-nav {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 767px) {
  .single-news-nav {
    gap: 16px;
  }
}
.single-news-nav__btn {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 8px 12px;
  border: 2px solid #0a815c;
  border-radius: 40px;
  background: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #0a815c;
  text-decoration: none;
  box-sizing: border-box;
  transition: opacity 0.2s ease;
  font-feature-settings: normal;
}
.single-news-nav__btn:hover:not(.is-disabled) {
  opacity: 0.8;
}
.single-news-nav__btn.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.single-news-nav__icon {
  display: block;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.single-news-related--sidebar {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  max-width: 300px;
  padding: 40px 20px;
  border-radius: 4px;
  background: #ffffff;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .single-news-related--sidebar {
    display: none;
  }
}
.single-news-related--sidebar .single-news-related__list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.single-news-related--sidebar .news-card__link {
  flex-direction: column;
  gap: 8px;
}
.single-news-related--sidebar .news-card__thumb {
  width: 100%;
  height: auto;
}
.single-news-related--sidebar .news-card__thumb img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.single-news-related--sidebar .news-card__meta {
  display: flex;
}
.single-news-related--sidebar .news-card__date {
  display: block;
}
.single-news-related--sidebar .news-card__title {
  font-size: 18px;
}
.single-news-related--mobile {
  display: none;
  width: 100%;
}
@media (max-width: 767px) {
  .single-news-related--mobile {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    padding: 20px;
    border-radius: 4px;
    background: #ffffff;
    box-sizing: border-box;
  }
}
.single-news-related--mobile .single-news-related__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.single-news-related__title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  color: #515352;
  text-align: center;
  font-feature-settings: "palt" 1;
}

.news-card--list {
  padding-bottom: 20px;
  border-bottom: 1px solid #dbdddc;
}
.news-card--list:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.news-card--list .news-card__link {
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.news-card--list .news-card__thumb {
  width: 140px;
  height: 105px;
  border: 1px solid #dbdddc;
  box-sizing: border-box;
}
.news-card--list .news-card__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.news-card--list .news-card__body {
  gap: 12px;
  padding: 0;
}
.news-card--list .news-card__meta {
  display: contents;
}
.news-card--list .news-card__tag {
  order: 1;
  align-self: flex-start;
}
.news-card--list .news-card__title {
  order: 2;
  font-size: 14px;
  line-height: 1.5;
}
.news-card--list .news-card__date {
  order: 3;
  font-size: 12px;
  line-height: 1.4;
}

/*
Theme Name: greenstar
Description: GREEN STAR DANCE ACADEMY キッズダンススクール WordPressテーマ
Version: 1.0.0
Author: GREEN STAR DANCE ACADEMY
*/
.error-404 {
  position: relative;
  display: flex;
  justify-content: center;
  background: #ffffff;
  overflow: clip;
  padding-top: min(300px, 20.8333333333vw);
  padding-bottom: min(200px, 13.8888888889vw);
}
@media (max-width: 1280px) and (min-width: 768px) {
  .error-404 {
    padding-top: min(220px, 15.2777777778vw);
    padding-bottom: min(160px, 11.1111111111vw);
  }
}
@media (max-width: 767px) {
  .error-404 {
    padding-top: min(140px, 35.6234096692vw);
    padding-bottom: min(120px, 30.534351145vw);
  }
}
.error-404::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("assets/images/error-404/bg-pc.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 767px) {
  .error-404::before {
    background-image: url("assets/images/error-404/bg-sp.png");
  }
}
.error-404__inner {
  position: relative;
  z-index: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(80px, 5.5555555556vw);
}
@media (max-width: 767px) {
  .error-404__inner {
    gap: min(64px, 16.2849872774vw);
  }
}
.error-404__code {
  font-family: "LINE Seed JP", "Noto Sans JP", sans-serif;
  font-size: min(150px, 10.4166666667vw);
  font-weight: 700;
  color: #0a815c;
  line-height: 1;
  font-variation-settings: "wdth" 100;
}
@media (max-width: 767px) {
  .error-404__code {
    font-size: min(60px, 15.2671755725vw);
  }
}
.error-404__title {
  margin: 0;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .error-404__title {
    font-size: min(37px, 2.5694444444vw);
    letter-spacing: min(0.74px, 0.0513888889vw);
  }
}
@media (max-width: 767px) {
  .error-404__title {
    font-size: min(25px, 6.3613231552vw);
    letter-spacing: min(0.5px, 0.1272264631vw);
  }
}
.error-404__text {
  margin: 0;
  max-width: min(764px, 53.0555555556vw);
  font-weight: 400;
  line-height: 1.6;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .error-404__text {
    font-size: min(20px, 1.3888888889vw);
  }
}
@media (max-width: 767px) {
  .error-404__text {
    font-size: min(18px, 4.5801526718vw);
    max-width: none;
    width: 100%;
  }
}
.error-404__action {
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.error-404__btn {
  --btn-width: min(250px, 17.3611111111vw);
  --btn-height: min(56px, 3.8888888889vw);
  --btn-padding-x: min(40px, 2.7777777778vw);
  --btn-gap: min(8px, 0.5555555556vw);
  border-width: 0;
  box-shadow: none;
}
@media (max-width: 767px) {
  .error-404__btn {
    --btn-width: min(320px, 81.4249363868vw);
    --btn-height: min(56px, 14.2493638677vw);
    --btn-padding-x: min(20px, 5.0890585242vw);
    --btn-gap: min(8px, 2.0356234097vw);
  }
}
/*# sourceMappingURL=style.css.map */