:root {
  --font-main: "Noto Serif JP", sans-serif;
  --color-main: #da0238;
  --color-base: white;
  --font-sub: "Noto Sans JP", sans-serif;
  --color-txt: #222;
  --color-accent: #ad9360;
  --160: 160%;
  --0-8: 0.8px;
  --transparent: transparent;
  --100: 100%;
  --english: "Cormorant Infant", sans-serif;
  --db023d: #db023d;
  --e50295: #e50295;
  --150: 150%;
  --120: 120%;
  --140: 140%;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-embed-youtubevideo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

p {
  margin-bottom: 0;
}

.side-bar {
  z-index: 99;
  aspect-ratio: 1;
  background-image: linear-gradient(90deg, var(--db023d), var(--e50295));
  color: var(--color-txt);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 220px;
  padding: 4px;
  text-decoration: none;
  display: flex;
  position: fixed;
  bottom: 100px;
  left: 4%;
  transition: all 0.6s;
}

.side-bar:hover {
  transform: translate(0, -6px);
  box-shadow: 0 6px 6px #0003;
}

.side-bar-inside {
  aspect-ratio: 1;
  background-color: var(--color-base);
  background-image: url("../images/flow_card_bg_1.webp");
  background-position: 100%;
  background-size: contain;
  border-radius: 50%;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 30px;
  display: flex;
}

.side-bar-txt {
  background-image: linear-gradient(180deg, var(--db023d), var(--e50295));
  font-size: 24px;
  line-height: var(--160);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 700;
}

.side-bar-image {
  aspect-ratio: 220 / 256.031;
  width: 80px;
  position: absolute;
  bottom: 10px;
}

.main-80px {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 80px;
}

.main-30px {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 30px;
}

.main-30px.lh-150.weight-500.mobile-vartical,
.main-30px.lh-150.weight-500.mobile {
  display: none;
}

.main-28px {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 28px;
}

.main-24px {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 24px;
}

.main-20px {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 20px;
}

.main-18px {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 18px;
}

.base-80px {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 80px;
}

.base-22px {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 22px;
}

.base-16px {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 16px;
}

.base-16px.sub {
  font-family: var(--font-sub);
}

.base-15px {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 15px;
}

.base-15px.lh-150.weight-700 {
  text-align: center;
}

.base-12px {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 12px;
}

.main-txt-50px {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 50px;
}

.main-txt-28px {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 28px;
}

.main-txt-24px {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 24px;
}

.main-txt-22px {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 22px;
}

.main-txt-22px.mobile {
  display: none;
}

.main-txt-20px {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 20px;
}

.main-txt-20px.lh-150.weight-500.mobile {
  display: none;
}

.main-txt-16px {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 16px;
}

.main-txt-16px.lh-200.weight-500.mobile {
  display: none;
}

.main-txt-14px {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 14px;
}

.sub-txt-18px {
  font-family: var(--font-sub);
  color: var(--color-txt);
  font-size: 18px;
}

.sub-txt-16px {
  font-family: var(--font-sub);
  color: var(--color-txt);
  font-size: 16px;
}

.sub-txt-16px.lh-200.weight-400.mobile {
  display: none;
}

.sub-txt-15px {
  font-family: var(--font-sub);
  color: var(--color-txt);
  font-size: 15px;
}

.sub-txt-14px {
  font-family: var(--font-sub);
  color: var(--color-txt);
  font-size: 14px;
}

.accent-50px {
  font-family: var(--font-main);
  color: var(--color-accent);
  font-size: 50px;
}

.lh-150 {
  line-height: 150%;
}

.lh-180 {
  line-height: 180%;
}

.lh-200 {
  line-height: 200%;
}

.lh-250 {
  line-height: 250%;
}

.weight-400 {
  font-weight: 400;
}

.weight-500 {
  font-weight: 500;
}

.weight-700 {
  font-weight: 700;
}

.sg-body {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 90px;
  display: flex;
  overflow: hidden;
}

._1200px-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  max-width: 1200px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.fv-section {
  background-image: url("../images/m.g.e_fv_image_1.webp");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
}

.fv-container {
  background-image: url("../images/m.g.e_fv_image_2.webp");
  background-position: 0 0;
  background-size: cover;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 58vw;
  max-height: 950px;
  margin-left: 0;
  margin-right: 0;
  padding: 4vw 3% 10vw 4%;
  display: flex;
}

.fv-txt-area {
  letter-spacing: 8px;
  text-shadow: 0 12px 16px #0006;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.fv-cta-area {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.fv-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.cta-button-1 {
  grid-row-gap: 8px;
  letter-spacing: 4px;
  background-image: linear-gradient(90deg, #db023d, #e50295);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 28px 60px 20px;
  text-decoration: none;
  transition: all 0.6s;
  display: flex;
  position: relative;
}

.cta-button-1:hover {
  opacity: 0.9;
  transform: translate(0, -6px);
  box-shadow: 0 6px 6px #0003;
}

.base-30px {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 30px;
}

.base-18px {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 18px;
}

.bubble-1 {
  background-color: var(--color-main);
  -webkit-clip-path: polygon(
    100% 0,
    100% 85%,
    53% 85%,
    50% 100%,
    47% 85%,
    0 85%,
    0 0
  );
  clip-path: polygon(100% 0, 100% 85%, 53% 85%, 50% 100%, 47% 85%, 0 85%, 0 0);
  justify-content: center;
  align-items: flex-start;
  padding: 2px;
  display: flex;
  position: absolute;
  top: -36px;
}

.inline-bubble-1 {
  background-color: var(--color-base);
  -webkit-clip-path: polygon(
    100% 0,
    100% 85%,
    53% 85%,
    50% 100%,
    47% 85%,
    0 85%,
    0 0
  );
  clip-path: polygon(100% 0, 100% 85%, 53% 85%, 50% 100%, 47% 85%, 0 85%, 0 0);
  padding: 8px 48px 16px;
}

.concept-section {
  z-index: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  /* margin-top: -6vw; */
  display: flex;
  position: relative;
}

.concept-bg {
  z-index: -1;
  background-image: url("../images/concept_bg_1.webp");
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  width: 97%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.concept-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 96px;
  padding-bottom: 112px;
  display: flex;
}

.section-title-left {
  letter-spacing: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.concept-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 6fr 3fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  width: 100%;
  margin-top: 32px;
  display: grid;
}

.concept-grid.mobile {
  display: none;
}

.concept-card-1 {
  letter-spacing: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.vertical-1 {
  font-feature-settings: "dlig" on, "vert" on, "hist" on;
}

.concept-card-2 {
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.concept-card-3 {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.image {
  aspect-ratio: 5 / 12;
  width: 95%;
  max-width: none;
}

.align-bottom {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.name-area-1 {
  grid-column-gap: 4px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-left: -47px;
  display: flex;
}

.vertical-2 {
  writing-mode: vertical-rl;
}

.concept-mv-div {
  grid-row-gap: 36px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  margin-top: 100px;
  display: flex;
}

.mv-wrapper {
  aspect-ratio: 9 / 5;
  width: 100%;
}

.concept-mv-button-area {
  grid-column-gap: 8%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
}

.button-1 {
  grid-column-gap: 10%;
  border: 1px solid var(--color-main);
  background-color: var(--color-base);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 32px 40px;
  text-decoration: none;
  transition: all 0.4s;
  display: flex;
  box-shadow: 4px 4px 10px #0003;
}

.button-1:hover {
  transform: translate(0, -4px);
  box-shadow: 4px 8px 14px #0003;
}

.image-2 {
  width: 60px;
  height: 10px;
}

.concept-message-div {
  grid-row-gap: 8px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 80px;
  display: flex;
}

.concept-appeal-div {
  grid-column-gap: 4%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: start stretch;
  width: 100%;
  max-width: 1000px;
  margin-top: 100px;
  display: grid;
}

.image-3 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.cta-area {
  margin-top: 120px;
}

.oppotunity-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.oppotunity-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 180px;
  padding-bottom: 100px;
  display: flex;
}

.section-title {
  z-index: 1;
  grid-row-gap: 12px;
  letter-spacing: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.oppotunity-grid {
  grid-row-gap: 64px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 24px;
  display: flex;
}

.oppotunity-card {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  display: flex;
}

.image-4 {
  width: 32%;
  min-width: 280px;
}

.image-4.round {
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: cover;
}

.oppotunity-card-content {
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 64%;
  display: flex;
}

.oppotunity-card-title {
  display: flex;
}

.align-top {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.align-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.gallary-section {
  width: 100%;
}

.gallary-wrapper {
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  overflow: hidden;
}

.gallary-wrapper.cta,
.gallary-wrapper.hp {
  display: none;
}

.gallary-slide-1 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.in-gallary-slide-1 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.gallary-image {
  aspect-ratio: 19 / 13;
  object-fit: cover;
  width: 380px;
  min-width: 380px;
}

.gallary-slide-2 {
  grid-column-gap: 24px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.performance-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.performance-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 160px;
  display: flex;
}

.performance-text-area {
  z-index: 0;
  text-align: center;
  background-image: url("../images/concept_bg_1.webp");
  background-position: 50% 0;
  background-size: cover;
  background-attachment: fixed;
  justify-content: center;
  align-items: flex-start;
  width: 98%;
  max-width: 880px;
  height: 30vw;
  min-height: 380px;
  max-height: 480px;
  margin-top: -88px;
  padding-top: 120px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.performance-grid {
  z-index: 1;
  grid-column-gap: 3%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: max(-13vw, -220px);
  display: grid;
  position: relative;
}

.performance-card {
  grid-row-gap: 12px;
  letter-spacing: -0.8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.image-5 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.performance-card-image-area {
  width: 100%;
  position: relative;
}

.peraformance-card-image-tag {
  background-color: #f8f6f2e6;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 12px 28px;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.polygone-1 {
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  background-image: linear-gradient(90deg, #db023de6, #e50295e6);
  width: 28px;
  height: 30px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.detail-section {
  background-image: url("../images/detail_bg_1.webp");
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.detail-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.detail-div {
  grid-row-gap: 30px;
  aspect-ratio: 1567 / 903;
  background-color: var(--color-base);
  letter-spacing: 1.6px;
  background-image: url("../images/detail_text_frame.webp");
  background-position: 0 0;
  background-size: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  margin-top: 52px;
  display: flex;
}

.detail-txt-div {
  max-width: 520px;
}

.detail-txt-div._2 {
  max-width: 680px;
}

.detail-title-div {
  grid-row-gap: 4px;
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.line-1 {
  background-image: linear-gradient(90deg, #966d32, #ecc139);
  width: 120px;
  height: 1px;
}

.in-detail-wrapper {
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 100px;
  display: flex;
}

.in-detail-wrapper.mobile {
  display: none;
}

.section-title-sub {
  grid-row-gap: 12px;
  letter-spacing: 0.6vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.information-grid {
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.information-card {
  background-color: var(--color-base);
  grid-template-rows: auto;
  grid-template-columns: 1fr 4fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 20px 28px;
  display: grid;
}

.info-title {
  border-right: 1px solid #d9d9d9;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-right: 20px;
  display: flex;
}

.accent-16px {
  font-family: var(--font-main);
  color: var(--color-accent);
  font-size: 16px;
}

.info-txt {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 32px;
  display: flex;
}

.guidelines-grid {
  grid-column-gap: 6%;
  grid-row-gap: 80px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 900px;
  display: grid;
}

.gidelines-card {
  grid-column-gap: 4%;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-square {
  aspect-ratio: 1;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  height: 85px;
  display: flex;
}

.guidelines-card-txt {
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.flow-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.flow-wrpper {
  grid-column-gap: 4%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 8fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: flex-start center;
  width: 100%;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
}

.flow-left {
  letter-spacing: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 12%;
  display: flex;
}

.flow-right {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 84%;
  display: flex;
}

.flow-title {
  letter-spacing: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.main-txt-90px {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 90px;
}

.main-txt-90px.lh-150.weight-500.mobile {
  display: none;
}

.gradient-txt-1 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(93deg, #966d32 6%, #ecc139 20%);
  -webkit-background-clip: text;
  background-clip: text;
}

.elipse-1 {
  z-index: -1;
  object-position: 100% 50%;
  width: 188px;
  height: 188px;
  position: absolute;
  top: -22px;
  left: -40px;
}

.flow-grid {
  grid-row-gap: 100px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 76px;
  padding-left: 2%;
  display: flex;
}

.flow-card {
  background-image: url("../images/flow_card_bg_1.webp");
  background-position: 0 0;
  background-size: cover;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  min-height: 300px;
  padding: 60px 80px 92px 48px;
  display: flex;
  position: relative;
}

.flow-card.mobile {
  display: none;
}

.image-6 {
  aspect-ratio: 1;
  width: 100%;
  position: absolute;
}

.flow-card-right {
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  display: flex;
  position: relative;
}

.flow-card-title {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.flow-card-top-title {
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: -144px;
}

.flow-card-left {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 28%;
  max-width: 300px;
  display: flex;
  position: absolute;
  top: -48px;
  left: 48px;
}

.image-7 {
  aspect-ratio: 2;
  width: 90px;
  position: absolute;
  bottom: -28px;
  left: 14%;
}

.image-7._2 {
  bottom: -176px;
}

.image-7._3 {
  bottom: -152px;
}

.flow-bg-1 {
  z-index: -1;
  width: 32%;
  min-width: 320px;
  max-width: 480px;
  position: absolute;
  top: 0;
  right: 0;
}

.flow-bg-2 {
  z-index: -1;
  width: 32%;
  min-width: 320px;
  max-width: 440px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.cta-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.cta-wrapper {
  justify-content: center;
  align-items: center;
  width: 90%;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
}

.academia-alma-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.academi-alma-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  max-width: 1400px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.academia-alma-txt {
  text-align: center;
  width: 100%;
  max-width: 940px;
  margin-top: 48px;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
}

.pink-url {
  color: var(--e50295);
}
.academia-alma-gallary-list {
  grid-row-gap: 36px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 92px;
  display: flex;
}

.academia-alma-gallary {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.gallary-item-1 {
  aspect-ratio: 8 / 5;
  object-fit: cover;
  width: 30%;
}

.gallary-item-2 {
  object-fit: cover;
  width: 18%;
}

.teacher-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.staff-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.teacher-wrapper {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.in-teacher-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 100px;
  display: flex;
}

.teacher-grid {
  grid-column-gap: 3%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 80px;
  display: grid;
}

.teacher-card {
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.teacher-card.office {
  max-width: 400px;
}

.teacher-card.hp {
  grid-row-gap: 0px;
}

.teacher-card.hp._2 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 31%;
}

.grand-prix {
  aspect-ratio: 1;
  object-fit: contain;
  width: 100%;
}

.teacher-card-image-area {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.teacher-card-tag {
  background-color: #f8f6f2e6;
  min-width: 156px;
  max-width: 100%;
  padding: 8px;
  position: absolute;
  bottom: 0;
  right: 0;
  word-break: auto-phrase;
  text-align: center;
}
/* 強制的に長い単語でも折り返す */
.teacher-card-tag,
.teacher-card-text,
.main-txt-12px,
.main-18px-txt,
.sub-txt-12px {
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.main-txt-12px {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 12px;
}

.main-txt-12px.lh-150.weight-500 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.message-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: -2vw;
  display: flex;
}

.message-wrapper {
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 3fr 7fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.message-wrapper.mobile {
  display: none;
}

.maessage-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.message-right {
  background-image: url("../images/message_bg_1.webp");
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 120px;
  padding-bottom: 500px;
  display: flex;
}

.message-txt-area {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.message-div {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  max-width: 660px;
  margin-top: 60px;
  display: flex;
}

.image-9 {
  z-index: 1;
  aspect-ratio: 3 / 8;
  width: 100%;
  max-width: 360px;
  margin-top: 48px;
  margin-right: -24%;
  position: relative;
}

.message-name-div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 52px;
  display: flex;
}

.message-wrapper-2 {
  width: 90%;
  max-width: 1200px;
  margin-top: -400px;
  padding-bottom: 300px;
}

.faq-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.faq-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 150px;
  display: flex;
}

.faq-grid {
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  margin-top: 80px;
  display: flex;
}

.faq-card {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.q-card {
  cursor: pointer;
  background-image: linear-gradient(90deg, #db023d, #e50295);
  width: 100%;
}

.faq-txt-area {
  grid-column-gap: 4%;
  letter-spacing: 2px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 8px 20px;
  display: flex;
}

.base-txt-50px {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 50px;
}

.a-card {
  background-color: var(--color-base);
  width: 100%;
  overflow: hidden;
}

.main-50px {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 50px;
}

.declaration-section {
  background-image: url("../images/detail_bg_1.webp");
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.declaration-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
}

.access-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.access-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 200px;
  display: flex;
}

.map-frame {
  aspect-ratio: 16 / 9;
  width: 100%;
  max-width: 800px;
  margin-top: 80px;
}

.map-txt {
  width: 100%;
  max-width: 800px;
  margin-top: 28px;
}

.ct-section {
  background-image: url("../images/ct_bg_1.webp");
  background-position: 0 0;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.ct-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.ct-card {
  grid-row-gap: 24px;
  background-color: var(--color-base);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.ct-txt {
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-2 {
  background-image: linear-gradient(90deg, #db023d, #e50295);
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 480px;
  padding: 12px 48px;
  text-decoration: none;
  transition: all 0.5s;
  display: flex;
  box-shadow: 0 4px 4px #0003;
}

.button-2:hover {
  opacity: 0.9;
  transform: translate(0, -4px);
  box-shadow: 0 6px 6px #0003;
}

.footer-section {
  background-image: linear-gradient(90deg, #db023d, #e50295);
  width: 100%;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: center;
  padding: 40px 6%;
  display: flex;
}

.header {
  z-index: 99;
  background-color: var(--color-base);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 90px;
  display: flex;
  position: fixed;
}

.header-container {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 12% 12px 6%;
  position: relative;
  box-shadow: 0 4px 4px #0003;
}

.header-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-link {
  font-family: var(--font-main);
  color: var(--color-txt);
  padding-left: 1vw;
  padding-right: 1vw;
  font-size: clamp(11px, 1vw, 16px);
  font-weight: 500;
  line-height: 100%;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
}

.nav-link:hover {
  text-shadow: 0 2px 2px #0003;
  transform: translate(0, -2px);
}

.nav-link.w--current {
  color: var(--color-txt);
}

.brand {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-10 {
  width: 58px;
  height: 67px;
}

.main-16px {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 16px;
}

.nav-menu {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-link-2 {
  grid-row-gap: 6%;
  aspect-ratio: 1;
  letter-spacing: 2px;
  background-image: linear-gradient(134deg, #dc023f 2%, #e50295);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: clamp(120px, 10vw, 140px);
  text-decoration: none;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  box-shadow: 0 4px 4px #0003;
  padding-top: 20px;
}

.image-11 {
  width: 35px;
  height: 35px;
}

.in-gallary-slide-2 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.youtube {
  height: 100%;
}

.brand-2 {
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.image-12 {
  width: 91px;
  height: 84px;
}

.footer-link-area {
  grid-column-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-13 {
  width: 36px;
  height: 36px;
}

.splide {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 80px;
  display: flex;
  position: relative;
}

.splide.mobile,
.splide.tablet,
.splide.performance,
.splide.grandprix {
  display: none !important;
}

.splide__track {
  z-index: 1;
  width: 100%;
  position: relative;
}

.splide__list {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.splide__slide {
  height: 100%;
}

.splide__arrows {
  z-index: 0;
  justify-content: space-between;
  align-items: center;
  width: 115%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
}

.div-block-1343 {
  width: 136px;
  min-width: 136px;
  position: relative;
}

.splide__arrow {
  color: #000;
  letter-spacing: 3px;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  display: flex;
}

.splide__arrow.splide__arrow--prev {
  background-color: #fff;
  background-image: url("../images/open_icon-1.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e50295;
  border-radius: 100px;
  width: 46px;
  height: 46px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
}

.splide__arrow.splide__arrow--prev:hover {
  text-decoration: none;
}

.splide__arrow.splide__arrow--next {
  background-color: #fff;
  background-image: url("../images/open_icon.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e50295;
  border-radius: 100px;
  width: 46px;
  height: 46px;
  padding: 0;
  font-family: Montserrat, sans-serif;
}

.splide__arrow.splide__arrow--next:hover {
  text-decoration: none;
}

.image-210 {
  width: 100%;
  min-width: 100%;
  height: 8px;
  position: absolute;
  bottom: -12px;
  left: 15px;
}

.image-210._2 {
  left: auto;
  right: 15px;
}

.weight-300 {
  font-weight: 300;
}

.div-block-1344,
.div-block-1346 {
  display: none;
}

.image-212 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.main-18px-2 {
  color: #da0238;
  font-size: 18px;
  font-family: var(--font-main);
}

.teacher-card-2 {
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sub-txt-14px-2 {
  color: #222;
  font-size: 14px;
}

.main-txt-12px-2 {
  color: #222;
  font-size: 12px;
}

.main-txt-12px-2.lh-150.weight-500 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.label-menu-icon,
.div-block-1348 {
  display: none;
}

.div-block-12 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 12px;
  padding-left: 24px;
  text-decoration: none;
  display: flex;
}

._14px {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 16px;
  line-height: var(--160);
  letter-spacing: var(--0-8);
  font-weight: 700;
}

._14px._500fw.white-text {
  font-family: var(--font-main);
  color: var(--color-base);
}

.link-block-2 {
  text-decoration: none;
}

.contact-botton {
  background-color: #fff;
  border: 1px solid #1c3176;
  margin-left: 22px;
  padding: 16px 24px;
  text-decoration: none;
}

.contact-botton.head {
  justify-content: center;
  align-items: center;
  margin-left: 26px;
  display: flex;
}

.div-block-66 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

._16px {
  color: #333;
  margin-bottom: 0;
  font-family: Noto Sans JP, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}

.slide-nav-menu {
  display: none;
}

.apply-button {
  background-image: url("../images/CTA_btn_1.webp");
  background-position: 0 0;
  background-size: cover;
  border-right: 2px solid #888989;
  justify-content: center;
  align-items: center;
  margin-left: 16px;
  padding: 17px 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 0.5px 0.5px #959595;
}

.apply-button.head {
  margin-left: 18px;
}

.image-213 {
  aspect-ratio: 3 / 5;
  width: 12px;
}

._18px {
  color: #333;
  font-family: Noto Sans JP, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
}

._18px.keep-all {
  word-break: keep-all;
}

._18px.main-color-text {
  color: #1c3176;
}

._18px.main-color-text.keep-all {
  word-break: keep-all;
}

.div-block-13 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.page-load {
  z-index: 100;
  background-color: var(--color-base);
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.splide__slide-2 {
  height: 100%;
}

.image-214 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.teacher-card-3 {
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 273px;
  max-width: 273px;
  display: flex;
}

.splide__list-2 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.main-18px-3 {
  color: #da0238;
  font-size: 18px;
}

.sub-txt-14px-3 {
  color: #222;
  font-size: 14px;
}

.splide__arrows-2 {
  z-index: 0;
  justify-content: space-between;
  align-items: center;
  width: 115%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
}

.main-txt-12px-3 {
  color: #222;
  font-size: 12px;
}

.main-txt-12px-3.lh-150.weight-500 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hp-navbar {
  z-index: 999;
  background-color: var(--transparent);
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  position: fixed;
  overflow: visible;
}

.container {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: clamp(4%, 3vw, 80px);
  display: flex;
}

.div-block-1350 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  display: flex;
}

.top-brand {
  font-family: var(--font-main);
  color: var(--color-txt);
  word-break: keep-all;
  font-size: clamp(18px, 1.7vw, 25px);
  font-weight: 400;
}

.body {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 25px;
  line-height: var(--100);
  font-weight: 500;
}

.link {
  font-family: var(--english);
  color: var(--color-main);
  font-size: 10px;
  line-height: var(--160);
  letter-spacing: var(--0-8);
  font-weight: 500;
  text-decoration: none;
}

.nav-menu-2 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.navbar-divs {
  border-right: 1px solid #c9c9c9;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 4%;
  padding-right: 4%;
  text-decoration: none;
  transition: all 0.4s;
  display: flex;
}

.navbar-divs:hover {
  text-shadow: 0 2px 2px #0003;
  transform: translate(0, -4px);
}

.navbar-divs.last {
  border-right-width: 0;
  padding-right: 0%;
}

.navbar-divs.first {
  padding-left: 0;
}

.nav-link-3,
.nav-link-4 {
  font-size: 14px;
}

.nav-link-5 {
  font-family: var(--font-main);
  color: var(--color-txt);
  line-height: var(--160);
  letter-spacing: var(--0-8);
  word-break: keep-all;
  padding: 0 0 7px;
  font-size: clamp(12px, 0.97vw, 14px);
  font-weight: 300;
}

.nav-link-5.w--current {
  color: var(--color-txt);
}

.div-block-1352 {
  aspect-ratio: 1;
  background-image: linear-gradient(90deg, var(--db023d), var(--e50295));
  justify-content: center;
  align-items: center;
  width: 90px;
  min-width: 90px;
  min-height: 90px;
  margin-left: min(6%, 65px);
  display: flex;
}

.image-215 {
  aspect-ratio: 1;
  width: 49px;
}

.top-section {
  background-image: url("../images/Container_1.webp");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  display: flex;
  position: relative;
}

.brand-3 {
  text-decoration: none;
}

.brand-3.w--current {
  padding-left: 0;
}

.top-text-block {
  margin-left: 8%;
  position: absolute;
}

.top-text {
  letter-spacing: 9px;
  font-size: 32px;
  font-weight: 700;
  line-height: 240%;
}

.top-text.big {
  justify-content: flex-start;
  align-items: flex-end;
  line-height: 400%;
}

.top-text.gap {
  margin-top: 37px;
}

.text-span {
  font-size: 78px;
  line-height: 100%;
}

.text-span-2 {
  color: var(--color-main);
  font-size: 78px;
}

.text-span-3,
.text-span-4,
.text-span-5,
.text-span-6 {
  font-size: 50px;
}

.div-block-1354 {
  justify-content: flex-start;
  align-items: flex-end;
  height: 124px;
  margin-top: 28px;
  margin-bottom: 45px;
  display: flex;
}

.kakko,
.kakko2 {
  color: var(--color-main);
  font-size: 50px;
  line-height: var(--100);
}

.text-block {
  color: var(--color-main);
  font-size: 78px;
  line-height: var(--100);
  margin-bottom: 30px;
}

.text-block-2 {
  letter-spacing: 9px;
  font-size: 32px;
  font-weight: 700;
  line-height: 200%;
}

.text-block-2.mobile {
  display: none;
}

.div-block-1355 {
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  display: flex;
}

.detail-box {
  background-color: var(--color-base);
  border: 1px solid #f6b8cc;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  max-width: 420px;
  height: 150px;
  transition: all 0.6s;
  display: flex;
  position: absolute;
  bottom: 120px;
  right: 4%;
  color: var(--color-txt);
  text-decoration: none;
}

.detail-box:hover {
  transform: translate(0, -6px);
  box-shadow: 0 6px 6px #0003;
}

.div-block-1356 {
  z-index: 10;
  aspect-ratio: 1;
  background-color: var(--color-base);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 93px;
  display: flex;
  position: absolute;
  top: 13px;
  left: 12px;
  box-shadow: 4px 4px 10px #0000001a;
}

.div-block-1357 {
  aspect-ratio: 1;
  border: 1px solid var(--e50295);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 83px;
  display: flex;
  position: absolute;
}

.div-block-1358 {
  z-index: 1;
  background-image: linear-gradient(90deg, var(--db023d), var(--e50295));
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  width: 117px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
}

.text-block-3 {
  font-size: 11.285px;
  font-weight: 700;
  position: absolute;
  top: 8px;
  right: 20px;
}

.text-block-4 {
  background-image: linear-gradient(90deg, var(--db023d), var(--e50295));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 700;
}

.text-block-4._2 {
  padding-bottom: 20px;
}

.image-216 {
  width: 10px;
}

.text-block-5 {
  background-image: linear-gradient(90deg, var(--db023d), var(--e50295));
  letter-spacing: 1.956px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 11.285px;
  font-weight: 700;
  position: absolute;
  bottom: 4px;
}

.div-block-1359 {
  position: absolute;
  top: 20px;
  right: 12px;
}

.text-block-6 {
  letter-spacing: 1px;
  font-size: 20px;
  font-weight: 700;
  line-height: 180%;
}

.image-217 {
  aspect-ratio: 49 / 55;
  width: 98px;
  height: 110px;
  position: absolute;
  top: -40px;
  right: -10px;
}

.under-pink {
  text-underline-offset: -4px;
  -webkit-text-decoration: underline #f6b8cc;
  text-decoration: underline #f6b8cc;
  text-decoration-thickness: 6px;
}

.div-block-1360 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #e7326d;
  border: 3px solid #f6b8cc;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding-left: 25px;
  padding-right: 25px;
  text-decoration: none;
  display: flex;
  position: absolute;
  bottom: -18px;
  box-shadow: inset 0 2px 4px #00000040;
}

.text-block-7 {
  color: var(--color-base);
  font-size: 20px;
  line-height: var(--150);
  letter-spacing: 2.963px;
}

.div-block-1361 {
  aspect-ratio: 1;
  background-color: var(--color-base);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 20px;
  display: flex;
  box-shadow: inset 2px 2px 2px #00000040;
}

.image-218 {
  aspect-ratio: 7 / 11;
  width: 7px;
}

.info-section {
  justify-content: center;
  align-items: center;
  padding-top: 65px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
}

.info-section.page {
  padding-top: 140px;
}

.title-div {
  z-index: 4;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.title-div.center {
  justify-content: flex-start;
  align-items: center;
}

.title-text {
  font-family: var(--english);
  color: var(--color-main);
  font-size: 80px;
  line-height: var(--100);
  letter-spacing: 16px;
  font-weight: 400;
}

.title-text.vw {
  font-size: clamp(70px, 5.55vw, 80px);
}

.title-text.smaller {
  font-size: clamp(64px, 5.55vw, 80px);
}

.info-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-1362 {
  z-index: 1;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 20px;
  display: flex;
  position: relative;
}

.div-block-1362.page {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
}

.info-text-wrap {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.info-text-wrap.page {
  width: 100%;
}

.button {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  background-image: linear-gradient(90deg, var(--db023d), var(--e50295));
  justify-content: center;
  align-items: center;
  padding: 26px 28px 26px 40px;
  text-decoration: none;
  display: flex;
}

.button.service {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  height: 71px;
  margin-top: 26px;
  padding-left: 32px;
  padding-right: 24px;
  transition: all 0.6s;
}

.button.service:hover {
  transform: translate(0, -6px);
  box-shadow: 0 6px 6px #0003;
}

.button.event {
  grid-column-gap: 114px;
  grid-row-gap: 114px;
  height: 98px;
  margin-top: 65px;
  transition: all 0.6s;
}

.button.event:hover {
  transform: translate(0, -6px);
  box-shadow: 0 6px 6px #0003;
}

.button.light-pink {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f9608c;
  background-image: none;
  padding-left: 27px;
  padding-right: 20px;
  transition: all 0.6s;
}

.button.light-pink:hover {
  transform: translate(0, -6px);
  box-shadow: 0 4px 4px #0003;
}

.button.footer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  padding-left: 27px;
  padding-right: 27px;
  transition: all 0.6s;
}

.button.footer:hover {
  transform: translate(0, -6px);
  box-shadow: 0 6px 6px #0003;
}

.button.archive {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 14px 16px 14px 22px;
  transition: all 0.6s;
}

.button.archive:hover {
  transform: translate(4px, -2px);
  box-shadow: 4px 8px 14px #0003;
}

.button.contact {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  padding: 12px 32px 12px 30px;
  transition: all 0.6s;
}

.button.contact:hover {
  transform: translate(0, -6px);
  box-shadow: 0 6px 6px #0003;
}

.button.submit {
  font-family: var(--font-main);
  font-size: 18px;
  line-height: var(--100);
  height: 78px;
  padding-left: 110px;
  padding-right: 110px;
}

.button.information {
  transition: all 0.6s;
  transform: translate(0);
}

.button.information:hover {
  transform: translate(0, -4px);
  box-shadow: 4px 8px 14px #0003;
}

.button.mobile {
  display: none;
}

.text-block-8 {
  font-size: 18px;
}

.arrow {
  aspect-ratio: 7 / 9;
  background-color: var(--color-base);
  -webkit-clip-path: polygon(0 0, 0% 100%, 80% 50%);
  clip-path: polygon(0 0, 0% 100%, 80% 50%);
  width: 10px;
}

.arrow.bigger {
  aspect-ratio: 43 / 7;
  width: auto;
}

.arrow.pink {
  background-color: var(--color-main);
  width: 5px;
}

.arrow.smaller {
  width: 7px;
}

.text-block-9 {
  font-family: var(--font-main);
  color: var(--color-base);
  letter-spacing: 1.8px;
  font-size: 18px;
  font-weight: 700;
}

.text-block-9._4pxgap {
  letter-spacing: 4px;
}

.text-block-9._16px {
  color: var(--color-base);
  letter-spacing: 1px;
  font-size: 16px;
}

.text-block-9.contact {
  font-size: 20px;
  line-height: var(--100);
  letter-spacing: 4.8px;
  word-break: keep-all;
  margin-left: 4%;
  font-weight: 400;
}

.text-block-9.vw {
  line-height: var(--120);
}

.text-block-10 {
  font-size: 20px;
  line-height: var(--150);
  letter-spacing: var(--0-8);
  font-weight: 400;
}

.div-block-1366 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 70%;
  max-width: 850px;
  padding-top: 56px;
  padding-right: 4%;
  display: flex;
}

.div-block-1366.page {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 100%;
  padding-right: 0%;
}

.news-card {
  background-color: var(--color-base);
  color: var(--color-txt);
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px;
  text-decoration: none;
  transition: all 0.6s;
  display: flex;
}

.news-card:hover {
  transform: translate(8px, -4px);
  box-shadow: 0 4px 4px #0003;
}

.div-block-1368 {
  border-right: 1px solid #d9d9d9;
  padding-right: 23px;
}

.text-block-11 {
  font-family: var(--font-main);
  color: var(--color-main);
  letter-spacing: var(--0-8);
  font-size: 16px;
  line-height: 140%;
}

.div-block-1369 {
  padding-left: 30px;
}

.text-block-12 {
  font-family: var(--font-sub);
  letter-spacing: var(--0-8);
  font-size: 16px;
  line-height: 140%;
}

.div-block-1370 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1371 {
  aspect-ratio: 7 / 9;
  background-image: linear-gradient(90deg, var(--db023d), var(--e50295));
  -webkit-clip-path: polygon(0 0, 0% 100%, 80% 50%);
  clip-path: polygon(0 0, 0% 100%, 80% 50%);
  width: 8px;
}

.pink-back-left {
  z-index: -1;
  background-image: url("../images/concept_bg_1.webp");
  background-position: 0 0;
  background-size: cover;
  width: 94%;
  height: 80%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.pink-back-left.right {
  left: auto;
  right: 0;
}

.pink-back-left.message {
  height: 90%;
  max-height: 1000px;
  inset: 218px 0 auto auto;
}

.pink-back-left.page {
  background-attachment: fixed;
  width: 100%;
  height: 100%;
}

.red-slash {
  z-index: -1;
  position: absolute;
  left: 16%;
}

.red-slash.page {
  display: none;
}

.aboutus-section {
  justify-content: center;
  align-items: center;
  padding-top: 180px;
  display: flex;
  position: relative;
}

.message-wrapper-hp {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.text-block-13 {
  line-height: var(--140);
}

.year-title {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 20px;
  line-height: var(--140);
  letter-spacing: var(--0-8);
  font-weight: 400;
}

.center-message {
  background-color: var(--color-base);
  justify-content: center;
  align-items: center;
  margin-top: 42px;
  padding: 90px 6%;
  display: flex;
}

.center-lorem {
  z-index: 10;
  letter-spacing: var(--0-8);
  font-size: 16px;
  font-weight: 400;
  line-height: 240%;
  position: relative;
}

.about-back {
  z-index: -10;
  background-image: url("../images/concept_bg_1.webp");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 52%;
  position: absolute;
  top: 222px;
}

.earth-pic {
  z-index: 0;
  position: absolute;
  left: 0;
  transform: rotate(5.8deg);
}

.image-220 {
  z-index: -1;
  aspect-ratio: 710 / 464;
  width: 50%;
  position: absolute;
  top: 0;
  right: -3.2%;
}

.image-221 {
  z-index: -1;
  aspect-ratio: 403 / 393;
  width: 34%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.hp-message-section {
  justify-content: center;
  align-items: center;
  padding-top: 180px;
  display: flex;
  position: relative;
}

.hp-message-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: 4%;
  display: flex;
  position: relative;
}

.div-block-1372 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 54%;
  margin-top: 48px;
  padding-left: 9px;
  display: flex;
}

.maneger-message {
  letter-spacing: var(--0-8);
  font-size: 16px;
  font-weight: 300;
  line-height: 250%;
}

.div-block-1373 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 32px;
  padding-bottom: 35px;
  display: flex;
}

.text-block-15 {
  line-height: 100%;
}

.text-block-16 {
  font-size: 16px;
  font-weight: 300;
  line-height: 250%;
}

.image-222 {
  aspect-ratio: 502 / 316;
  width: 36%;
  min-width: 380px;
  position: absolute;
  bottom: -28px;
  right: 0;
}

.service-section {
  justify-content: center;
  align-items: center;
  padding-top: 209px;
  display: flex;
}

.div-block-1374 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-1375 {
  grid-row-gap: 97px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 98%;
  margin-top: 116px;
  display: flex;
}

.paragraph-2 {
  letter-spacing: var(--0-8);
  font-size: 16px;
  font-weight: 300;
  line-height: 250%;
}

.red-txt {
  color: var(--color-main);
  font-size: 24px;
  line-height: var(--160);
  letter-spacing: 4.8px;
  font-weight: 700;
}

.event-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 180px;
  display: flex;
  position: relative;
}

.event-section.page {
  padding-top: 180px;
  padding-bottom: 180px;
}

.div-block-1376 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.event-grid {
  grid-column-gap: 3%;
  grid-row-gap: 3%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 61px;
  display: grid;
}

.event-grid.events {
  grid-template-columns: 1fr 1fr 1fr;
}

.image-223 {
  aspect-ratio: 372 / 281;
  width: 100%;
  object-fit: cover;
}

.div-block-1377 {
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-block-18 {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 18px;
  line-height: var(--160);
  letter-spacing: var(--0-8);
}

.text-block-19 {
  font-size: 16px;
}

.text-block-20 {
  font-size: 16px;
  line-height: var(--160);
  letter-spacing: var(--0-8);
}

.div-block-1379 {
  margin-top: 37px;
}

.text-block-21 {
  font-size: 14px;
  line-height: 100%;
}

.text-block-22 {
  letter-spacing: var(--0-8);
  margin-top: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 180%;
}

.div-block-1380 {
  border-top: 1px solid var(--color-main);
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  text-decoration: none;
  display: flex;
}

.text-block-23 {
  font-size: 12px;
}

.text-block-24 {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 12px;
  line-height: var(--100);
}

.div-block-1381 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-1382 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.sponser-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 180px;
  display: flex;
}

.div-block-1383 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.paragraph-3 {
  font-size: 16px;
}

.paragraph-4 {
  text-align: center;
  letter-spacing: var(--0-8);
  font-size: 16px;
  font-weight: 300;
  line-height: 250%;
}

.div-block-1384 {
  margin-top: 60px;
}

.div-block-1385 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 106px;
  display: flex;
}

.heading {
  font-size: 20px;
  line-height: var(--140);
  letter-spacing: var(--0-8);
  font-weight: 400;
}

.heading.mobile {
  display: none;
}

.sponser-grid {
  grid-column-gap: 4%;
  grid-row-gap: 55px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 30px;
  display: grid;
}

.sponser-grid._2 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.sponsers-image.kitano {
  aspect-ratio: 294 / 172;
}

.sponsers-image.colab {
  aspect-ratio: 151 / 156;
  max-width: 151px;
}

.sponsers-image.mobile-appier {
  display: none;
}

.div-block-1386 {
  grid-column-gap: 4%;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-225 {
  width: 50%;
}

.sponser-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.sponser-wrapper._2 {
  margin-top: 60px;
}

.image-226 {
  aspect-ratio: 340 / 59;
  width: 28%;
  margin-top: 30px;
}

.text-block-25 {
  font-size: 16px;
}

.text-block-26 {
  text-align: center;
  letter-spacing: var(--0-8);
  font-size: 20px;
  font-weight: 400;
  line-height: 200%;
}

.text-block-26.mobile-appier {
  display: none;
}

.hp-garally-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 180px;
  padding-bottom: 180px;
  display: flex;
}

.div-block-1387 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.hp-garally-wrapper {
  grid-row-gap: 28px;
  flex-flow: column;
  width: 100%;
  margin-top: 80px;
  display: flex;
}

.hp-garally {
  grid-column-gap: 2%;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.hp-garally._2 {
  grid-column-gap: 1.7%;
}

.image-227 {
  aspect-ratio: 302 / 271;
  object-fit: cover;
  width: 25%;
}

.image-228 {
  aspect-ratio: 195 / 271;
  object-fit: cover;
  width: 16%;
}

.image-229 {
  aspect-ratio: 302 / 271;
  object-fit: cover;
  width: 25%;
}

.image-230 {
  aspect-ratio: 316 / 271;
  width: 26%;
}

.image-231 {
  aspect-ratio: 195 / 271;
  object-fit: cover;
  width: 16%;
}

.image-232 {
  aspect-ratio: 408 / 271;
  width: 34%;
}

.image-233 {
  aspect-ratio: 195 / 271;
  width: 16%;
}

.image-234 {
  aspect-ratio: 326 / 271;
  width: 27%;
}

.hp-footer-section {
  background-color: #f7f0f2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 82px;
  display: flex;
}

.hp-footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 75px;
  display: flex;
}

.text-block-27 {
  font-size: 22px;
  line-height: 100%;
}

.text-block-28 {
  font-family: var(--font-main);
  letter-spacing: 5.6px;
  font-size: 22px;
  font-weight: 400;
  line-height: 130%;
}

.text-block-29 {
  font-size: 12px;
  font-weight: 500;
}

.text-block-30 {
  font-family: var(--font-main);
  color: var(--color-main);
  letter-spacing: var(--0-8);
  font-size: 12px;
  font-weight: 300;
  line-height: 40px;
}

.text-block-31 {
  font-family: var(--font-main);
  font-size: 14px;
  line-height: var(--160);
  letter-spacing: var(--0-8);
  font-weight: 400;
}

.div-block-1388 {
  margin-top: 20px;
}

.image-235 {
  width: 28px;
  height: 28px;
}

.div-block-1389 {
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.end-of-page {
  background-image: linear-gradient(90deg, var(--db023d), var(--e50295));
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 21px;
  padding-bottom: 22px;
  display: flex;
}

.text-block-32 {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 14px;
  line-height: var(--140);
  letter-spacing: 2.8px;
  font-weight: 300;
}

.pink-back {
  z-index: -1;
  background-image: url("../images/concept_bg_1.webp");
  background-position: 0 0;
  background-size: cover;
  width: 60%;
  height: 82%;
  position: absolute;
  top: 42px;
}

.pink-back.event {
  height: 40%;
  top: 38px;
}

.straight {
  z-index: 10;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  height: 90px;
  padding: 35px;
  display: flex;
  position: absolute;
  top: 222px;
  right: -134px;
  transform: rotate(90deg);
}

.straight._2 {
  top: 216px;
  right: -126px;
}

.image-236 {
  object-fit: cover;
  width: 100%;
}

.text-block-33 {
  font-family: var(--font-main);
  color: #020202;
  font-size: 12px;
  line-height: var(--160);
  letter-spacing: 2.4px;
}

.link-block-6 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 26px;
  display: flex;
  transform: rotate(-90deg);
}

.page-top {
  background-image: url("../images/header-1_1.webp");
  background-position: 50% 0;
  background-size: cover;
  justify-content: flex-start;
  align-items: center;
  height: 340px;
  display: flex;
}

.other-top-text {
  background-image: linear-gradient(90deg, var(--db023d), var(--e50295));
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 80px;
  line-height: var(--140);
  letter-spacing: 8px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 400;
}

.other-top-text.vw {
  font-size: clamp(55px, 5.55vw, 80px);
}

.div-block-1391 {
  justify-content: center;
  align-items: center;
  margin-left: 8%;
  display: flex;
}

.mission-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  display: flex;
  position: relative;
}

.breadcrumb-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 13px;
  left: 8%;
}

.breadcrumb-text {
  font-family: var(--font-main);
  color: var(--color-main);
  line-height: var(--100);
  font-weight: 300;
  text-decoration: none;
  font-size: 14px;
}

.breadcrumb-text.black {
  color: var(--color-txt);
}

.div-block-1392 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-1393 {
  margin-top: 50px;
}

.div-block-1393._2 {
  margin-top: 40px;
}

.text-block-34 {
  font-family: var(--font-main);
  color: var(--color-txt);
  text-align: center;
  letter-spacing: 6px;
  font-size: 30px;
  line-height: 180%;
}

.text-block-35 {
  font-family: var(--font-main);
  color: var(--color-txt);
  text-align: center;
  letter-spacing: var(--0-8);
  font-size: 16px;
  font-weight: 300;
  line-height: 260%;
}

.top-message-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 118px;
  display: flex;
}

.div-block-1394 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1040px;
  display: flex;
}

.image-237 {
  aspect-ratio: 307 / 653;
  object-fit: cover;
  width: 307px;
}

.div-block-1395 {
  grid-column-gap: 5.4%;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 50px;
  padding-bottom: 78px;
  display: flex;
}

.div-block-1396 {
  max-width: 506px;
}

.paragraph-5 {
  font-family: var(--font-main);
  color: var(--color-txt);
  letter-spacing: var(--0-8);
  font-size: 16px;
  line-height: 250%;
}

.div-block-1397 {
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 42px;
  display: flex;
}

.div-block-1398 {
  grid-column-gap: 0px;
  grid-row-gap: 2px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-block-36 {
  font-family: var(--font-main);
  letter-spacing: 3.2px;
  font-size: 16px;
  font-weight: 500;
  line-height: 125%;
}

.text-block-37 {
  font-family: var(--font-main);
  color: var(--color-txt);
  letter-spacing: 5px;
  font-size: 28px;
  font-weight: 500;
  line-height: 135%;
}

.div-block-1399 {
  z-index: -1;
  background-image: url("../images/concept_bg_1.webp");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  max-width: 1040px;
  height: 96%;
  position: absolute;
  bottom: 0;
}

.company-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 160px;
  padding-bottom: 140px;
  display: flex;
}

.normal-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.company-wrapper {
  width: 100%;
  max-width: 660px;
  margin-top: 56px;
}

.company-card {
  border: 1px solid #5b5b5b;
  justify-content: center;
  align-items: center;
  max-width: 660px;
  display: flex;
}

.company-card._2 {
  border-top-width: 0;
  justify-content: space-between;
  align-items: stretch;
}

.left-side {
  background-image: linear-gradient(90deg, var(--db023d), var(--e50295));
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 220px;
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
}

.text-block-38 {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 16px;
  line-height: var(--140);
  letter-spacing: 3.2px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.right-side {
  border-left: 1px solid #5b5b5b;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 600px;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 41px;
  display: flex;
}

.company-detail-txt {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 16px;
  line-height: var(--140);
  letter-spacing: 3.2px;
  font-weight: 500;
}

.about-concept-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 150px;
  display: flex;
  position: relative;
}

.granpli-wrapper {
  grid-column-gap: min(3%, 40px);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  margin-bottom: 80px;
}

.club-title {
  font-family: var(--font-main);
  color: var(--color-txt);
  letter-spacing: var(--0-8);
  font-size: 37px;
  font-weight: 700;
  line-height: 200%;
}
.club-title.mrs {
  font-family: var(--font-main);
  color: var(--color-txt);
  letter-spacing: var(--0-8);
  font-size: 20px;
  font-weight: 700;
  line-height: 200%;
}

.div-block-1401 {
  width: 52%;
}

.div-block-1402 {
  margin-top: 38px;
}

.contest-txt {
  font-family: var(--font-main);
  color: var(--color-txt);
  letter-spacing: var(--0-8);
  font-size: 16px;
  line-height: 237%;
}

.div-block-1403 {
  aspect-ratio: 387 / 650;
  width: 32%;
  min-width: 357px;
}

.contest-image {
  width: 100%;
}

.entry {
  justify-content: center;
  flex-flow: column;
  align-items: center;
  display: flex;
  gap: 20px;
  margin-bottom: 60px;
}

.mw_wp_form_image span {
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 1.4 !important;
}

.mm_wp_form input[type="file"] {
  display: block !important;
  width: auto !important;
  height: auto !important;
}

.entry-started {
  justify-content: left;
  align-items: left;
  width: 100%;
  max-width: 876px;
  margin-top: 80px;
  text-decoration: none;
  transition: all 0.6s;
  display: flex;
}

.entry-started:hover {
  transform: translate(0, -6px);
  box-shadow: 0 6px 6px #0003;
}

.entry-started.w--current {
  width: 100%;
  max-width: 896px;
}

.entry-started.archve {
  max-width: 826px;
}

.entry-started-image {
  aspect-ratio: 390 / 292.5;
  width: 100%;
  max-width: 410px;
  max-height: 307.188px;
}

.entry-started-right {
  background-image: linear-gradient(90deg, var(--db023d), var(--e50295));
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 60px 2%;
  text-decoration: none;
  display: flex;
  position: relative;
  top: 0;
}

.entry-started-title {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 38px;
  line-height: var(--160);
  text-align: center;
  letter-spacing: var(--0-8);
  font-weight: 700;
}

.div-block-1406 {
  border-bottom: 1px solid var(--color-base);
  padding-bottom: 20px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
}

.div-block-1407 {
  justify-content: center;
  align-items: center;
  margin-top: 19px;
  display: flex;
}

.entry-started-txt {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 16px;
  line-height: var(--160);
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.entry-started-txt.transparent {
  font-family: var(--font-main);
  color: transparent;
  font-size: 16px;
  line-height: var(--160);
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.crown-image {
  width: 112px;
  height: 120px;
  position: absolute;
  top: 10px;
  right: 70px;
}

.archive-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.archive-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 65px;
  width: 100%;
  margin-top: 60px;
}

.div-block-1408 {
  aspect-ratio: 3 / 2;
  width: 28%;
  min-width: 313px;
}

.archive-card {
  grid-column-gap: 2.7%;
  justify-content: center;
  align-items: center;
  width: 99%;
  padding-left: 3%;
  display: flex;
}

.text-block-43 {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 28px;
  line-height: var(--160);
  letter-spacing: 4px;
}

.text-block-43._2 {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 24px;
  line-height: var(--160);
  letter-spacing: 4px;
}

.div-block-1409 {
  border-left: 1px solid var(--color-main);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 21px;
  margin-left: 9px;
  padding-left: 24px;
  display: flex;
}

.text-block-44 {
  font-family: var(--font-main);
  color: var(--color-main);
  line-height: var(--120);
  font-size: clamp(18px, 1.66vw, 20px);
  font-weight: 700;
}

.div-block-1410 {
  width: 60%;
}

.paragraph-7 {
  font-family: var(--font-main);
  color: var(--color-txt);
  letter-spacing: var(--0-8);
  line-height: 200%;
  font-size: 14px;
}

.div-block-1411 {
  margin-top: 12px;
  margin-bottom: 23px;
}

.image-241 {
  width: 100%;
}

.years-txt {
  font-family: var(--font-main);
  color: var(--color-txt);
  letter-spacing: var(--0-8);
  font-size: 24px;
  font-weight: 700;
  line-height: 250%;
}

.grandprix-section {
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.grandprix-grid {
  grid-column-gap: 4%;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 99%;
  margin-top: 80px;
  display: grid;
  max-width: 890px;
}

.grandprix-grid._2 {
  grid-column-gap: 3%;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-1412 {
  margin-top: 20px;
  margin-bottom: 15px;
}

.grandprix-wrapper {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.grandprix-wrapper._2 {
  margin-top: 120px;
}

.activity-section {
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  display: flex;
}

.section {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-242 {
  aspect-ratio: 302 / 271;
  width: 25%;
}

.image-243 {
  aspect-ratio: 195 / 271;
  width: 16%;
}

.image-244 {
  aspect-ratio: 302 / 271;
  width: 25%;
}

.image-245 {
  aspect-ratio: 316 / 271;
  width: 26%;
}

.image-246 {
  aspect-ratio: 195 / 271;
  width: 16%;
}

.image-247 {
  aspect-ratio: 408 / 271;
  width: 34%;
}

.image-248 {
  aspect-ratio: 195 / 271;
  width: 16%;
}

.image-249 {
  aspect-ratio: 326 / 271;
  width: 27%;
}

.contact-section {
  justify-content: center;
  align-items: center;
  padding-bottom: 120px;
  display: flex;
}

.contact-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.image-250 {
  aspect-ratio: 282 / 418;
  width: 100%;
}

.div-block-1413 {
  background-color: #f8f6f2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1414 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.text-block-46 {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 20px;
  line-height: var(--160);
  letter-spacing: var(--0-8);
}

.contact-form-section {
  justify-content: center;
  flex-flow: column;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
}

.div-block-1415 {
  width: 98%;
  max-width: 960px;
}

.form {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1416 {
  border-bottom: 1px solid var(--color-main);
  justify-content: space-between;
  align-items: top;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 17px;
  padding-left: 16px;
  display: flex;
}

.div-block-1416.first {
  margin-top: 42px;
}

.div-block-1416.last {
  justify-content: space-between;
  align-items: flex-start;
}

.text-field {
  border: 1px solid var(--color-main);
  background-color: #f7f0f2;
  height: 46px;
  margin-bottom: 0;
}

.text-block-47 {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 18px;
  line-height: var(--160);
  text-align: center;
  letter-spacing: var(--0-8);
  font-weight: 300;
}

.div-block-1417 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  display: flex;
}

.agreed-txts {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.agreed-txt {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 15px;
  line-height: 120%;
  text-align: center;
  letter-spacing: var(--0-8);
  font-weight: 300;
  text-align: left;
}

select.text-field,
select.w-input,
select {
  font-size: 16px !important;
  line-height: 1.4;
  padding: 10px;
}

.necessary {
  background-color: var(--color-main);
  padding: 4px 8px 6px;
  display: inline-flex;
  align-items: center;
  height: fit-content;
}

.necessary.pink {
  background-color: #f6b8cc;
}

.div-block-1418 {
  justify-content: space-between;
  align-items: top;
  width: 35%;
  display: flex;
}

.field-label {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 18px;
  line-height: var(--160);
  letter-spacing: var(--0-8);
  margin-bottom: 0;
}

.field-label.mobile {
  display: none;
}

.select-field {
  border: 1px solid var(--color-main);
  background-color: #f7f0f2;
  width: 60%;
  height: 46px;
  margin-bottom: 0;
}

.textarea {
  border: 1px solid var(--color-main);
  background-color: #f7f0f2;
  height: 162px;
  min-height: 162px;
  margin-bottom: 0;
}

.div-block-1419 {
  justify-content: center;
  align-items: center;
  margin-top: 66px;
  transition: all 0.6s;
  display: flex;
  position: relative;
}

/* .div-block-1419:hover {
  transform: translate(0, -6px);
  box-shadow: 0 6px 6px #0003;
} */

.div-block-1419.success {
  margin-top: 0;
}

.button.submit:hover {
  transform: translate(0, -6px);
  box-shadow: 0 6px 6px #0003;
}

.button.submit {
  transition: all 0.6s;
}

.image-251 {
  width: 58px;
  height: 9px;
  position: absolute;
  right: 26px;
}

.success-message {
  background-color: #0000;
  width: 100%;
  max-width: 960px;
  padding: 0;
}

.div-block-1420 {
  background-color: #f7f0f2;
  border-radius: 100px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.text-block-48 {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 30px;
  line-height: var(--100);
  font-weight: 700;
}

.div-block-1421 {
  margin-top: 40px;
  margin-bottom: 38px;
}

.text-block-49 {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 16px;
  font-weight: 300;
  line-height: 250%;
}

.text-block-49._2 {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
}

.error {
  font-size: 16px !important;
  font-weight: 300;
  line-height: 120%;
}

.link-block-7 {
  text-decoration: none;
}

.div-block-1422 {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  justify-content: center;
  align-items: center;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 16px;
  text-decoration: none;
  transition: all 0.4s;
  display: flex;
}

.div-block-1422:hover {
  transform: translate(4px, -2px);
}

.form-block {
  margin-bottom: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-flow: column;
}

.link-block-8 {
  color: var(--color-txt);
  text-decoration: none;
}

.information-detail {
  background-color: var(--color-base);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-1423,
.div-block-1425,
.image-253,
.div-block-1426 {
  display: none;
}

.text-block-50 {
  font-family: var(--font-main);
}

.image-254 {
  display: none;
}

.div-block-1427 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-52 {
  font-family: var(--font-main);
  line-height: var(--100);
  font-size: 13px;
}

.image-255 {
  aspect-ratio: 1;
  width: 48px;
}

.image-256 {
  aspect-ratio: 1;
  width: 32px;
}

.text-block-53 {
  font-family: var(--font-main);
  line-height: var(--100);
}

.div-block-1429 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px;
  display: flex;
}

.text-block-54 {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 16px;
  line-height: var(--160);
  font-weight: 500;
}

.div-block-1430 {
  grid-column-gap: 4%;
  grid-row-gap: 4%;
  border-bottom: 1px solid #d9d9d9;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 10px;
  display: flex;
}

.div-block-1431 {
  width: 100%;
  padding-top: 20px;
}

.text-block-55 {
  font-family: var(--font-main);
  font-size: 16px;
  line-height: var(--160);
  font-weight: 600;
}

.div-block-1432 {
  padding-right: 40px;
}

.div-block-1433 {
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 60px;
  display: flex;
}

.div-block-1434 {
  width: 50%;
}

.div-block-1435 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 8%;
  display: flex;
}

.div-block-1436 {
  margin-top: 40px;
  margin-bottom: 60px;
}

.div-block-1437 {
  width: 80%;
}

.text-block-56 {
  font-family: var(--font-main);
  font-size: 28px;
  line-height: var(--160);
  font-weight: 700;
}

.text-block-57 {
  font-family: var(--font-main);
  font-size: 18px;
  font-weight: 300;
  line-height: 200%;
}

.pagination-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 98%;
  padding-top: 120px;
  display: flex;
}

.arrows {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 4px;
  text-decoration: none;
  transition: all 0.6s;
  display: flex;
}

.arrows:hover {
  transform: translate(0, -4px);
}

.text-block-58 {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 16px;
  line-height: var(--120);
  font-weight: 600;
}

.image-257 {
  aspect-ratio: 138 / 8;
  width: 138px;
}

.link_tree_title {
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link_tree_section {
  background-image: url("../images/bg.png");
  background-position: 0 0;
  background-size: cover;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-height: 100svh;
  display: flex;
}

.link_tree_link_card {
  grid-column-gap: 16px;
  background-color: #fff;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 8px 16px;
  text-decoration: none;
  transition: opacity 0.4s;
  display: flex;
}

.link_tree_link_card:hover {
  opacity: 0.7;
}

.link_tree_link_card.none {
  display: none;
}

.link_tree_title_txt {
  color: var(--e50295);
  font-size: 24px;
  line-height: 150%;
}

.link_tree_link_grid {
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.link_tree_wrapper {
  grid-row-gap: 28px;
  background-color: #ffffffd9;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 420px;
  padding: 60px 20px;
  display: flex;
}

.ink_tree_title_img {
  aspect-ratio: 1;
  object-fit: contain;
  background-color: #fff;
  border-radius: 100%;
  width: 120px;
  padding: 12px;
}

.link_tree_link_icon {
  aspect-ratio: 1;
  object-fit: contain;
  width: 16px;
}

.link_tree_link_icon.pink {
  background-color: var(--e50295);
}

.link_tree_link_txt {
  color: var(--color-txt);
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
}

.image-258 {
  aspect-ratio: 1;
}

@media screen and (max-width: 991px) {
  .agreed-txt {
    font-size: 13px;
  }

  .text-block-49 {
    font-size: 14px;
  }

  .side-bar {
    width: 180px;
    padding: 4px;
    bottom: 100px;
    left: 4%;
  }

  .side-bar-txt {
    font-size: 20px;
    font-weight: 700;
  }

  .side-bar-image {
    width: 60px;
    bottom: 10px;
  }

  .main-80px {
    font-size: 64px;
  }

  .main-30px {
    font-size: 28px;
  }

  .main-28px {
    font-size: 24px;
  }

  .main-24px {
    letter-spacing: -1px;
    font-size: 20px;
  }

  .main-20px {
    font-size: 19px;
  }

  .base-80px {
    font-size: 64px;
  }

  .base-22px {
    font-size: 20px;
  }

  .main-txt-50px {
    letter-spacing: 4px;
    font-size: 42px;
  }

  .main-txt-28px {
    font-size: 22px;
  }

  .main-txt-28px.lh-200 {
    line-height: 180%;
  }

  .main-txt-24px,
  .main-txt-22px {
    font-size: 20px;
  }

  .main-txt-20px {
    font-size: 18px;
  }

  .main-txt-20px.lh-150.weight-500 {
    letter-spacing: 7px;
  }

  .main-txt-16px {
    letter-spacing: -1px;
    font-size: 14px;
  }

  .main-txt-14px {
    font-size: 12px;
  }

  .sub-txt-18px {
    font-size: 17px;
  }

  .sub-txt-16px {
    letter-spacing: -1px;
    font-size: 14px;
  }

  .sub-txt-16px.lh-200 {
    line-height: 180%;
  }

  .sub-txt-15px {
    letter-spacing: -1px;
    font-size: 14px;
  }

  .sub-txt-14px {
    font-size: 13px;
  }

  .accent-50px {
    font-size: 42px;
  }

  .accent-50px.lh-150.weight-400 {
    letter-spacing: 0;
  }

  .fv-container {
    padding-top: 2vw;
    padding-bottom: 8vw;
  }

  .cta-button-1 {
    z-index: 2;
    grid-row-gap: 4px;
    background-image: linear-gradient(90deg, #db023d, #e50295);
    padding: 20px 20px 12px;
  }

  .base-30px {
    font-size: 24px;
  }

  .inline-bubble-1 {
    padding: 6px 40px 12px;
  }

  .concept-wrapper {
    padding-top: 90px;
    padding-bottom: 100px;
  }

  .concept-card-2 {
    grid-row-gap: 40px;
  }

  .align-bottom {
    width: 13%;
  }

  .align-bottom._2 {
    width: auto;
  }

  .concept-mv-div {
    margin-top: 80px;
  }

  .concept-mv-button-area {
    grid-column-gap: 6%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .button-1 {
    grid-column-gap: 5%;
    padding: 28px 30px;
  }

  .concept-appeal-div {
    margin-top: 80px;
  }

  .oppotunity-wrapper {
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .image-4 {
    width: 32%;
    min-width: 221px;
  }

  .oppotunity-card-content {
    grid-row-gap: 22px;
  }

  .oppotunity-card-title {
    width: 100%;
  }

  .gallary-wrapper.cta {
    display: flex;
  }

  .gallary-wrapper.hp {
    padding-top: 80px;
    padding-bottom: 0;
    display: flex;
  }

  .gallary-image {
    width: 280px;
    min-width: 280px;
  }

  .gallary-image.hp {
    object-position: 50% 0%;
  }

  .performance-wrapper {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .performance-text-area {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 120%;
    height: 80vw;
    max-height: none;
    margin-top: 20px;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .performance-grid {
    grid-row-gap: 3%;
    grid-template-columns: 1fr 1fr;
    width: 115%;
    display: none;
  }

  .performance-card {
    text-align: left;
  }

  .detail-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .detail-div {
    grid-row-gap: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .in-detail-wrapper {
    margin-top: 80px;
  }

  .accent-16px {
    font-size: 14px;
  }

  .guidelines-grid {
    grid-column-gap: 2%;
    grid-row-gap: 60px;
  }

  .flow-wrpper {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .gradient-txt-1 {
    font-size: 60px;
  }

  .elipse-1 {
    width: 144px;
    height: 144px;
    top: 8px;
  }

  .flow-card {
    padding: 50px 50px 60px 40px;
  }

  .flow-card-right {
    width: 62%;
  }

  .flow-card-top-title {
    top: -115px;
  }

  .flow-card-left {
    top: -40px;
    left: 40px;
  }

  .image-7 {
    width: 80px;
  }

  .cta-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .academi-alma-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .academia-alma-gallary-list {
    display: none;
  }

  .teacher-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .teacher-grid {
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 60px;
    display: none;
  }

  .teacher-grid._4people {
    grid-column-gap: 2%;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    display: none;
  }

  .teacher-card {
    min-width: 290.828px;
    max-width: 290.828px;
  }

  .teacher-card.hp._3 {
    min-width: 290.828px;
    max-width: 290.828px;
  }

  .message-right {
    padding-top: 100px;
    padding-bottom: 400px;
  }

  .message-wrapper-2 {
    margin-top: -300px;
  }

  .faq-wrapper {
    padding-top: 80px;
    padding-bottom: 120px;
  }

  .base-txt-50px,
  .main-50px {
    font-size: 44px;
  }

  .declaration-wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .access-wrapper {
    padding-top: 80px;
    padding-bottom: 160px;
  }

  .button-2 {
    max-width: 380px;
  }

  .footer-wrapper {
    padding: 30px 5%;
  }

  .header {
    justify-content: center;
    align-items: center;
  }

  .header-container {
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0%;
    display: flex;
  }

  .header-wrapper {
    width: 100%;
    height: 100%;
    min-height: 100%;
  }

  .nav-link {
    min-width: 155px;
    margin-left: 0;
    margin-right: 0;
    font-size: 20px;
  }

  .nav-menu,
  .nav-link-2 {
    display: none;
  }

  .splide.tablet {
    display: flex !important;
  }

  .splide.tablet.event {
    margin-top: 60px;
  }

  .splide.performance {
    max-width: 700px;
    display: block !important;
  }

  .splide.grandprix {
    display: none;
  }

  .splide__list {
    justify-content: space-between;
    align-items: stretch;
  }

  .splide__slide {
    justify-content: center;
    align-items: stretch;
    height: auto;
    display: flex;
  }

  .splide__arrows {
    width: 112%;
  }

  .splide__arrows.hp {
    width: 115%;
    bottom: 15%;
  }

  .splide__arrows.hp.event {
    width: 110%;
    bottom: 0%;
  }

  .splide__arrow.splide__arrow--prev,
  .splide__arrow.splide__arrow--next {
    width: 40px;
    height: 40px;
    font-size: 14px;
  }

  .menu-button {
    aspect-ratio: 1;
    background-color: #f7f1f3;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 100%;
    min-height: 100%;
    padding: 30px;
    display: flex;
  }

  .icon {
    font-family: var(--font-sub);
    color: #e50295;
    font-size: 32px;
  }

  .link-block {
    grid-row-gap: 2px;
    aspect-ratio: 1;
    background-image: linear-gradient(90deg, #db023d, #e50295);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 100%;
    text-decoration: none;
    display: flex;
  }

  .image-211 {
    aspect-ratio: 1;
    width: 33%;
  }

  .base-8px {
    font-family: var(--font-sub);
    color: var(--color-base);
    text-align: center;
    letter-spacing: 0.4px;
    font-size: 8px;
    line-height: 120%;
    text-decoration: none;
  }

  .div-block-1344 {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .div-block-1346 {
    display: none;
  }

  .teacher-card-2 {
    width: 290.828px;
    min-width: 290.828px;
  }

  .sub-txt-14px-2 {
    font-size: 13px;
  }

  .label-menu-icon {
    z-index: 99;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    width: 90px;
    display: flex;
    position: relative;
  }

  .menu-button-2,
  .div-block-1348 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-card {
    padding-left: 15px;
  }

  .footer-card.header {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-bottom: 1px solid #fff;
    width: 100%;
    padding-top: 0;
    padding-bottom: 24px;
  }

  ._14px._500fw.white-text {
    font-size: 14px;
  }

  .contact-botton.head {
    width: 300px;
    margin-left: 0;
  }

  .div-block-66 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: #f7f1f3;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: calc(100vh - 90px);
  }

  .link-block-5 {
    text-decoration: none;
  }

  ._16px {
    font-size: 14px;
  }

  .slide-nav-menu {
    z-index: 98;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 0%;
    height: calc(100vh - 90px);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    display: flex;
    position: fixed;
    top: 90px;
    right: 0;
    overflow: hidden;
  }

  .slide-nav-menu.active {
    background-color: #2222224d;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    box-shadow: 5px 5px 50px #0000001a;
  }

  .apply-button.head {
    width: 300px;
    margin-left: 0;
  }

  ._18px {
    font-size: 16px;
  }

  .div-block-1349 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    min-width: 346px;
    display: flex;
  }

  .splide__slide-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .teacher-card-3 {
    min-width: auto;
    max-width: none;
  }

  .splide__list-2 {
    justify-content: space-between;
    align-items: flex-start;
  }

  .sub-txt-14px-3 {
    font-size: 13px;
  }

  .splide__arrows-2 {
    width: 112%;
  }

  .sg-body-hp {
    width: 100%;
    overflow: hidden;
  }

  .div-block-1350 {
    justify-content: space-between;
    align-items: center;
  }

  .top-brand {
    font-weight: 700;
  }

  .link {
    font-size: 16px;
  }

  .nav-menu-2 {
    background-color: #f7f1f3;
    height: 100vh;
    padding-top: 40px;
    position: absolute;
    top: 0;
  }

  .navbar-divs {
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .navbar-divs.last {
    padding-right: 4%;
  }

  .nav-link-5 {
    padding-bottom: 5px;
    font-size: clamp(12px, 4vw, 20px);
  }

  .div-block-1352 {
    width: 72px;
    min-width: auto;
    height: 72px;
    min-height: auto;
    display: none;
  }

  .div-block-1352._2 {
    width: 90px;
    height: auto;
    margin-left: 0;
    display: flex;
  }

  .image-215 {
    width: 45px;
  }

  .top-section {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .brand-3 {
    z-index: 20;
    padding-left: 0;
  }

  .top-text-block {
    margin-top: 140px;
    margin-left: 4%;
  }

  .top-text {
    font-size: 28px;
  }

  .top-text.gap {
    margin-top: 40px;
  }

  .div-block-1354 {
    height: 110px;
    margin-top: 20px;
    margin-bottom: 36px;
  }

  .kakko,
  .kakko2 {
    font-size: 44px;
  }

  .text-block {
    font-size: 64px;
  }

  .detail-box {
    height: 124px;
    bottom: 40px;
  }

  .div-block-1359 {
    top: 28px;
    right: 44px;
  }

  .text-block-6 {
    font-size: 18px;
  }

  .image-217 {
    right: 8px;
  }

  .div-block-1360 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .div-block-1360.w--current {
    bottom: -16px;
  }

  .text-block-7 {
    font-size: 18px;
  }

  .image-218 {
    width: 9px;
    padding-left: 2px;
  }

  .info-section {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .info-section.page {
    padding-top: 120px;
    padding-bottom: 80px;
  }

  .title-div {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .title-text {
    letter-spacing: 14px;
    font-size: 60px;
  }

  .title-text.vw {
    font-size: clamp(40px, 6.25vw, 68px);
  }

  .title-text.smaller {
    font-size: clamp(40px, 5.55vw, 56px);
  }

  .info-text-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .button {
    padding: 22px 20px 22px 32px;
  }

  .button.service {
    margin-top: 10px;
    padding: 20px 16px 20px 24px;
    display: none;
  }

  .button.service.mobile {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    height: auto;
    margin-top: 0;
    display: flex;
  }

  .button.event {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    height: 80px;
    margin-top: 50px;
    padding: 20px 16px 20px 24px;
  }

  .button.light-pink.w--current {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-left: 20px;
  }

  .button.footer {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 20px;
  }

  .button.contact {
    padding-left: 24px;
    padding-right: 24px;
  }

  .button.submit {
    height: 68px;
    padding: 20px 100px;
  }

  .text-block-9 {
    font-size: 16px;
  }

  .text-block-9.vw {
    font-size: 1.8vw;
  }

  .text-block-10 {
    font-size: 18px;
  }

  .div-block-1366 {
    padding-top: 50px;
  }

  .div-block-1366.page {
    padding-right: 0%;
  }

  .news-card {
    padding: 16px 20px;
  }

  .div-block-1368 {
    padding-right: 4%;
  }

  .text-block-11 {
    font-size: 15px;
  }

  .div-block-1369 {
    width: 100%;
    min-width: 100%;
    padding-left: 4%;
  }

  .text-block-12 {
    font-size: 14px;
  }

  .pink-back-left.message {
    height: 90%;
    max-height: none;
    top: 242px;
  }

  .aboutus-section {
    padding-top: 140px;
  }

  .year-title {
    font-size: 18px;
  }

  .center-message {
    margin-top: 36px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .center-lorem {
    font-size: 14px;
    line-height: 200%;
  }

  .about-back {
    height: 60%;
    top: 232px;
  }

  .image-221 {
    left: -3.2%;
  }

  .hp-message-section {
    padding-top: 140px;
  }

  .hp-message-wrapper {
    justify-content: center;
    align-items: center;
  }

  .div-block-1372 {
    width: 100%;
    margin-top: 40px;
  }

  .div-block-1373 {
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .image-222 {
    position: static;
  }

  .service-section {
    padding-top: 160px;
  }

  .div-block-1375 {
    grid-row-gap: 68px;
    margin-top: 100px;
  }

  .paragraph-2 {
    font-size: 14px;
    line-height: 220%;
  }

  .red-txt {
    font-size: 2.2vw;
  }

  .event-section {
    padding-top: 140px;
  }

  .event-section.page {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .event-grid {
    display: none;
  }

  .event-grid.events {
    grid-column-gap: 2%;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 40px;
    display: grid;
  }

  .div-block-1377 {
    justify-content: flex-start;
    align-items: center;
    min-height: 100%;
    max-height: 100%;
  }

  .text-block-18 {
    font-size: 16px;
  }

  .text-block-20 {
    margin-top: 8px;
    font-size: 15px;
  }

  .div-block-1379 {
    margin-top: 30px;
  }

  .text-block-22 {
    font-size: 14px;
  }

  .div-block-1382 {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .sponser-section {
    padding-top: 140px;
  }

  .paragraph-4 {
    font-size: 1.61vw;
  }

  .div-block-1384 {
    margin-top: 50px;
  }

  .div-block-1385 {
    margin-top: 80px;
  }

  .heading {
    font-size: 2.01vw;
  }

  .heading.mobile-none {
    font-size: 2.2vw;
  }

  .sponser-grid {
    margin-top: 24px;
  }

  .sponser-grid._2 {
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .sponser-grid._3 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .sponsers-image.colab {
    max-width: 116px;
  }

  .div-block-1386 {
    justify-content: center;
    align-items: center;
  }

  .sponser-wrapper._2 {
    margin-top: 50px;
  }

  .text-block-26 {
    font-size: 2.01vw;
  }

  .hp-garally-section {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .hp-garally-wrapper {
    display: none;
  }

  .hp-footer-section {
    padding-top: 76px;
  }

  .hp-footer-wrapper {
    padding-bottom: 60px;
  }

  .text-block-28 {
    font-size: 2.21vw;
  }

  .image-235 {
    width: 26px;
    height: 26px;
  }

  .end-of-page {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .text-block-32 {
    font-size: 12px;
  }

  .pink-back {
    width: 90%;
    top: 30px;
  }

  .pink-back.event {
    top: 30px;
  }

  .straight {
    display: flex;
    position: static;
    transform: rotate(0);
  }

  .link-block-6 {
    transform: rotate(0);
  }

  .page-top {
    height: 300px;
  }

  .other-top-text {
    font-size: 68px;
  }

  .other-top-text.vw {
    font-size: clamp(36px, 5.55vw, 68px);
  }

  .div-block-1391 {
    margin-left: 4%;
  }

  .mission-section {
    padding-top: 100px;
  }

  .breadcrumb-text {
    font-size: 13px;
  }

  .div-block-1393 {
    margin-top: 40px;
  }

  .text-block-34 {
    font-size: clamp(18px, 2.41vw, 24px);
  }

  .text-block-35 {
    line-height: 220%;
  }

  .top-message-section {
    padding-top: 100px;
  }

  .div-block-1395 {
    grid-column-gap: 3%;
    margin-top: 40px;
    padding-bottom: 60px;
  }

  .div-block-1396 {
    max-width: 523px;
    padding-right: 20px;
  }

  .paragraph-5 {
    line-height: 220%;
  }

  .div-block-1397 {
    margin-top: 36px;
  }

  .text-block-36 {
    font-size: 14px;
  }

  .text-block-37 {
    font-size: 24px;
  }

  .div-block-1399 {
    height: 97%;
  }

  .company-section {
    padding-top: 140px;
    padding-bottom: 120px;
  }

  .company-wrapper {
    margin-top: 40px;
  }

  .company-card {
    justify-content: space-between;
    align-items: stretch;
  }

  .left-side {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .text-block-38 {
    font-size: 14px;
  }

  .right-side {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 36px;
  }

  .company-detail-txt {
    font-size: 14px;
  }

  .about-concept-section {
    padding-top: 120px;
  }

  .granpli-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .club-title {
    font-size: 18px;
  }

  .div-block-1401 {
    width: 100%;
  }

  .contest-txt {
    font-size: 14px;
  }

  .div-block-1403 {
    aspect-ratio: 3 / 2;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: auto;
    margin-top: 40px;
    display: flex;
  }

  .contest-image {
    width: 60%;
    display: none;
  }

  .entry-started {
    justify-content: space-between;
    align-items: stretch;
    margin-top: 100px;
  }

  .entry-started-image {
    object-fit: cover;
    max-width: none;
    max-height: none;
  }

  .entry-started-left {
    width: 52.195%;
  }

  .entry-started-right {
    width: 47.8072%;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .entry-started-title {
    word-break: keep-all;
    font-size: 24px;
  }

  .div-block-1406 {
    justify-content: center;
    align-items: center;
    padding-bottom: 16px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .crown-image {
    aspect-ratio: 112 / 120;
    width: 90px;
    height: auto;
    top: 24px;
    right: 38px;
  }

  .archive-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .archive-wrapper {
    grid-row-gap: 58px;
    margin-top: 56px;
  }

  .archive-card {
    padding-left: 2%;
  }

  .text-block-43 {
    font-size: 24px;
  }

  .div-block-1409 {
    margin-top: 16px;
  }

  .text-block-44 {
    font-size: 22px;
  }

  .paragraph-7 {
    font-size: 13px;
  }

  .div-block-1411 {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .years-txt {
    font-size: 22px;
  }

  .grandprix-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .grandprix-grid {
    grid-column-gap: 2%;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    place-items: center;
  }

  .grandprix-grid._2 {
    grid-column-gap: 3%;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .grandprix-wrapper._2 {
    margin-top: 100px;
  }

  .activity-section {
    padding-top: 100px;
  }

  .contact-section {
    padding-bottom: 100px;
  }

  .div-block-1414 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .text-block-46 {
    font-size: 18px;
  }

  .contact-form-section {
    padding-bottom: 100px;
  }

  .div-block-1416 {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 12px;
  }

  .div-block-1416.first {
    margin-top: 36px;
  }

  .text-field {
    height: 44px;
  }

  .text-block-47 {
    font-size: 16px;
  }

  .div-block-1417 {
    width: 60%;
  }

  .necessary {
    padding: 3px 6px 5px;
  }

  .div-block-1418 {
    width: 38%;
  }

  .field-label {
    font-size: 16px;
  }

  .field-label.mobile {
    display: none;
  }

  .select-field {
    height: 44px;
  }

  .textarea {
    height: 150px;
    min-height: 150px;
  }

  .div-block-1419 {
    margin-top: 56px;
  }

  .div-block-1423 {
    z-index: 20;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .div-block-1424 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .div-block-1425 {
    margin-top: 40px;
    display: block;
  }

  .image-252 {
    width: 50%;
  }

  .image-253 {
    display: block;
  }

  .text-block-50 {
    font-size: 13px;
  }

  .image-254 {
    object-fit: cover;
    object-position: 50% 70%;
    width: 60%;
    display: block;
  }

  .image-254.club {
    aspect-ratio: 3 / 2;
    width: 70%;
  }

  .div-block-1427 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-block-52 {
    font-size: 13px;
  }

  .image-255 {
    width: 36px;
  }

  .image-256 {
    width: 28px;
  }

  .div-block-1429 {
    padding: 36px;
  }

  .text-block-54,
  .text-block-55 {
    font-size: 14px;
  }

  .div-block-1433 {
    grid-row-gap: 36px;
  }

  .div-block-1434 {
    width: 60%;
  }

  .div-block-1436 {
    margin-top: 32px;
    margin-bottom: 48px;
  }

  .text-block-56 {
    font-size: 24px;
  }

  .text-block-57 {
    font-size: 16px;
    line-height: 180%;
  }

  .menu-button-4 {
    aspect-ratio: 1;
    background-color: #f7f0f2;
    justify-content: center;
    align-items: center;
    width: 90px;
    padding-top: 28px;
    padding-bottom: 28px;
    display: flex;
  }

  .menu-button-4.w--open {
    background-color: #f7f0f2;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .icon-2 {
    color: var(--color-main);
    justify-content: center;
    align-items: center;
    font-size: 34px;
    display: flex;
  }

  .text-block-58 {
    font-size: 14px;
  }

  .image-257 {
    width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .text-block-43 {
    font-size: 16px;
  }

  .agreed-txt {
    font-size: 10px;
  }

  .div-block-1415 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-block-49 {
    font-size: 12px;
  }

  .side-bar {
    width: 160px;
    padding: 3px;
    bottom: 80px;
    left: 4%;
  }
  .side-bar-inside {
    padding-top: 24px;
  }

  .side-bar-txt {
    font-size: 16px;
    font-weight: 700;
  }

  .side-bar-image {
    width: 60px;
    bottom: 6px;
  }

  .main-80px {
    font-size: 50px;
  }

  .main-80px.lh-150.weight-400.vertical-2.mobile-none {
    display: none;
  }

  .main-80px.lh-150.weight-500 {
    font-size: 40px;
  }

  .main-80px.lh-150.weight-300 {
    letter-spacing: 6px;
  }

  .main-80px.lh-150.weight-300.mobile-none {
    display: none;
  }

  .main-30px {
    font-size: 24px;
  }

  .main-30px.lh-150.weight-500.mobile-vartical {
    letter-spacing: 6px;
    writing-mode: vertical-rl;
    font-size: 15px;
    display: block;
  }

  .main-30px.lh-150.weight-500.mobile {
    font-size: 30px;
    font-weight: 300;
    display: block;
  }

  .main-28px {
    font-size: 20px;
  }

  .main-28px.lh-200.weight-500 {
    word-break: keep-all;
  }

  .main-24px {
    letter-spacing: 0;
    font-size: 18px;
  }

  .main-24px.lh-150.weight-700 {
    letter-spacing: 3px;
  }

  .main-20px {
    font-size: 16px;
  }

  .base-80px {
    font-size: 50px;
  }

  .main-txt-50px {
    letter-spacing: 2px;
    font-size: 26px;
  }

  .main-txt-28px {
    letter-spacing: -1px;
    font-size: 20px;
  }

  .main-txt-28px.lh-200.weight-500 {
    letter-spacing: 1px;
  }

  .main-txt-28px.flow {
    letter-spacing: 4px;
  }

  .main-txt-22px {
    font-size: 18px;
  }

  .main-txt-22px.mobile {
    text-align: center;
    display: block;
  }

  .main-txt-22px.mobile-none {
    display: none;
  }

  .main-txt-20px {
    font-size: 16px;
  }

  .main-txt-20px.lh-150.weight-500 {
    letter-spacing: 6px;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .main-txt-20px.lh-150.weight-500.straight {
    writing-mode: vertical-rl;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .main-txt-20px.lh-150.weight-500.mobile-none {
    display: none;
  }

  .main-txt-20px.lh-150.weight-500.mobile {
    display: block;
  }

  .main-txt-20px.lh-150.weight-500.mobile.center {
    text-align: center;
  }

  .main-txt-16px.lh-200.weight-500.detail {
    letter-spacing: 2px;
    font-size: 16px;
  }

  .main-txt-16px.lh-200.weight-500.mobile {
    display: block;
  }

  .main-txt-16px.lh-200.weight-500.mobile-none {
    display: none;
  }

  .sub-txt-18px {
    font-size: 16px;
  }

  .sub-txt-16px {
    font-size: 14px;
  }

  .sub-txt-16px.lh-200.weight-400 {
    letter-spacing: 0;
  }

  .sub-txt-16px.lh-200.weight-400.performance {
    max-width: 561px;
    margin-top: -220px;
  }

  .sub-txt-16px.lh-200.weight-400.performance.mobile {
    display: block;
  }

  .sub-txt-16px.lh-200.weight-400.performance.mobile-none,
  .sub-txt-16px.lh-200.weight-400.mobile-none {
    display: none;
  }

  .sub-txt-16px.lh-200.weight-400.mobile {
    display: block;
  }

  .sub-txt-16px.lh-250.weight-400.message {
    letter-spacing: -2px;
    line-height: 200%;
  }

  .sub-txt-15px.lh-200.weight-400.mobile-none {
    display: none;
  }

  .accent-50px {
    font-size: 30px;
  }

  .sg-body {
    padding-top: 80px;
  }

  .fv-section {
    background-position: 50% 0;
  }

  .fv-container {
    background-image: url("../images/mobile-fv_1.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 130vw;
    max-height: 680px;
    padding-top: 5vw;
    padding-bottom: 0;
  }

  .fv-cta-area {
    justify-content: center;
    align-items: center;
  }

  .cta-button-1 {
    padding-top: 14px;
    padding-left: 20px;
    padding-right: 20px;
    bottom: 25px;
  }

  .base-30px {
    font-size: 20px;
  }

  .base-18px {
    font-size: 16px;
  }

  .inline-bubble-1 {
    padding-top: 6px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .concept-section {
    margin-top: 0;
  }

  .concept-bg {
    width: 100%;
  }

  .concept-wrapper {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .concept-wrapper.slide-in {
    padding-bottom: 60px;
  }

  .concept-grid {
    grid-template-columns: 1fr 6fr 3fr;
    display: none;
  }

  .concept-grid.mobile {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .concept-card-2 {
    grid-row-gap: 30px;
  }

  .concept-card-3 {
    width: 50%;
    max-width: 185px;
  }

  .align-bottom {
    width: 10%;
  }

  .align-bottom._2 {
    position: relative;
    bottom: -20px;
    left: -10px;
  }

  .name-area-1 {
    margin-left: -36px;
  }

  .vertical-2 {
    letter-spacing: 5px;
    line-height: 0%;
  }

  .concept-mv-button-area {
    grid-row-gap: 10px;
    flex-flow: column;
    display: flex;
  }

  .button-1 {
    grid-column-gap: 10%;
    width: 70%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .concept-appeal-div {
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    display: flex;
  }

  .image-3 {
    width: 70%;
  }

  .oppotunity-wrapper {
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .oppotunity-wrapper.slide-in {
    padding-top: 60px;
  }

  .section-title.message {
    display: none;
  }

  .section-title.mobile {
    margin-bottom: 60px;
  }

  .oppotunity-card {
    grid-row-gap: 40px;
    flex-flow: column-reverse;
    justify-content: center;
    align-items: center;
    max-width: 432px;
  }

  .oppotunity-card._2 {
    flex-flow: column;
  }

  .image-4 {
    width: 60%;
    min-width: 164px;
    max-width: 259px;
  }

  .oppotunity-card-content {
    grid-row-gap: 36px;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .oppotunity-card-title {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .align-top {
    justify-content: flex-start;
    align-items: center;
    position: relative;
    top: -10px;
  }

  .gallary-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .gallary-wrapper.cta,
  .gallary-wrapper.slide-in {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .gallary-wrapper.hp {
    padding-top: 60px;
  }

  .gallary-image {
    width: 200px;
    min-width: 200px;
  }

  .performance-wrapper {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .performance-wrapper.slide-in {
    padding-bottom: 60px;
  }

  .performance-text-area {
    width: 130%;
    display: none;
  }

  .performance-text-area.mobile {
    width: 125%;
    min-width: 125%;
    max-width: none;
    margin-top: 250px;
    display: flex;
  }

  .performance-grid {
    justify-content: flex-start;
    display: none;
  }

  .performance-grid.mobile {
    margin-top: 0;
    display: flex;
    position: absolute;
    top: 210px;
  }

  .performance-card {
    justify-content: flex-start;
    align-items: center;
    min-width: 270px;
    max-width: 270px;
  }

  .detail-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .detail-div {
    grid-row-gap: 10px;
    aspect-ratio: 128 / 270;
    background-image: url("../images/mobile_detail_frame.webp");
    background-position: 0 0;
    background-size: 100% 100%;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 420px;
    height: 600px;
    margin-top: 60px;
    padding-top: 80px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .in-detail-wrapper {
    margin-top: 60px;
    display: none;
  }

  .in-detail-wrapper.mobile {
    grid-row-gap: 0px;
    margin-top: 60px;
    display: flex;
  }

  .information-grid {
    padding-top: 10px;
  }

  .guidelines-grid {
    grid-template-columns: 1fr;
    padding-top: 40px;
  }

  .flow-wrpper {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
  }

  .flow-left {
    position: absolute;
    top: 270px;
    left: 0;
  }

  .flow-right {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .main-txt-90px.lh-150.weight-500 {
    letter-spacing: 0;
  }

  .main-txt-90px.lh-150.weight-500.mobile-none {
    display: none;
  }

  .main-txt-90px.lh-150.weight-500.mobile {
    display: block;
  }

  .gradient-txt-1 {
    font-size: 70px;
  }

  .elipse-1 {
    width: 170px;
    height: 170px;
    top: -10px;
    left: -20px;
  }

  .flow-card {
    display: none;
  }

  .flow-card.mobile {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 543px;
    margin-top: 100px;
    padding: 220px 0 0;
    display: flex;
  }

  .flow-card-right {
    width: 80%;
    top: -50px;
  }

  .flow-card-top-title {
    z-index: 1;
    position: relative;
    top: -387px;
  }

  .flow-card-left {
    width: 100%;
    max-width: 350px;
    position: absolute;
    top: -117px;
    left: auto;
  }

  .image-7 {
    left: auto;
  }

  .flow-bg-1,
  .flow-bg-2 {
    display: none;
  }

  .cta-wrapper {
    padding-bottom: 40px;
  }

  .academi-alma-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .academia-alma-txt {
    display: none;
  }

  .academia-alma-txt.mobile {
    display: block;
  }

  .teacher-wrapper {
    padding-top: 20px;
    padding-bottom: 60px;
  }

  .in-teacher-wrapper {
    margin-top: 60px;
  }

  .teacher-grid._4people {
    display: none;
  }

  .message-section {
    margin-top: 0;
  }

  .message-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column-reverse;
    grid-template-rows: auto;
    grid-template-columns: 3fr 7fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .message-wrapper.mobile {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .message-wrapper.mobile.slide-in {
    flex-flow: column;
    padding-top: 80px;
  }

  .maessage-left {
    justify-content: flex-start;
    align-items: center;
    max-width: 226px;
  }

  .message-right {
    flex-flow: column-reverse;
    justify-content: flex-start;
    align-items: center;
    width: 95%;
    padding-top: 0;
    padding-bottom: 100px;
  }

  .message-txt-area {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
  }

  .message-div {
    margin-top: 60px;
  }

  .image-9 {
    margin-right: 0;
  }

  .message-wrapper-2 {
    margin-top: 60px;
    padding-bottom: 60px;
  }

  .faq-wrapper {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .faq-grid {
    grid-row-gap: 24px;
    margin-top: 40px;
  }

  .base-txt-50px,
  .main-50px {
    font-size: 32px;
  }

  .declaration-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .access-wrapper {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .button-2 {
    max-width: 280px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .footer-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    padding: 20px 3%;
  }

  .header {
    height: 80px;
  }

  .nav-link {
    min-width: 136px;
    font-size: 18px;
  }

  .main-16px.lh-150.weight-500 {
    display: none;
  }

  .brand-2 {
    justify-content: center;
    align-items: center;
  }

  .image-12 {
    aspect-ratio: 91 / 84;
    width: 80px;
    height: auto;
  }

  .footer-link-area.navbar {
    width: 70%;
  }

  .splide.grandprix {
    margin-top: 60px;
    display: flex !important;
  }

  .splide__list {
    min-width: 100%;
  }

  .splide__slide {
    width: 100%;
    min-width: 100%;
  }

  .splide__arrows.hp {
    width: 90%;
    bottom: -15%;
  }

  .splide__arrows.hp.event {
    width: 112%;
  }

  .splide__arrow.splide__arrow--prev,
  .splide__arrow.splide__arrow--next {
    width: 35px;
    height: 35px;
  }

  .menu-button {
    width: 80px;
    padding: 25px;
  }

  .link-block {
    width: 80px;
  }

  .div-block-1345 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 6fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-1346 {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
  }

  .div-block-1347 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 12fr;
    grid-auto-columns: 1fr;
    width: 100%;
    min-width: 100%;
    display: grid;
  }

  .div-block-1347._2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 5fr;
  }

  .label-menu-icon {
    width: 80px;
  }

  .footer-card {
    width: 50%;
    padding-left: 6px;
  }

  ._14px._500fw.white-text {
    font-size: 12px;
  }

  .div-block-66 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    height: calc(100vh - 80px);
    padding-top: 0;
  }

  ._16px.white-text.footer {
    font-size: 16px;
  }

  .slide-nav-menu {
    height: calc(100vh - 80px);
    top: 80px;
  }

  ._18px {
    font-size: 14px;
  }

  .div-block-1349 {
    width: 70%;
    min-width: 302px;
  }

  .nav-menu-2 {
    z-index: 10;
    padding-top: 40px;
  }

  .nav-link-5 {
    padding-bottom: 5px;
  }

  .div-block-1352 {
    width: 64px;
    height: auto;
  }

  .div-block-1352._2 {
    width: 80px;
  }

  .image-215 {
    width: 38px;
  }

  .top-section {
    height: 70vh;
    min-height: auto;
    max-height: none;
  }

  .top-text-block {
    margin-top: 80px;
  }

  .top-text {
    letter-spacing: 4px;
    font-size: clamp(20px, 3.12vw, 40px);
  }

  .div-block-1354 {
    height: 100px;
  }

  .kakko,
  .kakko2 {
    font-size: 40px;
  }

  .text-block {
    font-size: 52px;
  }

  .text-block-2 {
    letter-spacing: 4px;
    font-size: clamp(20px, 3.12vw, 40px);
  }

  .detail-box {
    width: 300px;
    height: 112px;
    bottom: 10px;
  }

  .div-block-1356 {
    width: 83px;
    top: 6px;
    left: 6px;
  }

  .div-block-1357 {
    width: 73px;
  }

  .div-block-1358 {
    width: 70px;
    height: 60px;
  }

  .text-block-3 {
    right: 8px;
  }

  .text-block-4 {
    font-size: 20px;
  }

  .text-block-4._2 {
    padding-bottom: 10px;
    font-size: 20px;
  }

  .div-block-1359 {
    right: 6px;
  }

  .text-block-6 {
    letter-spacing: 1px;
    font-size: 14px;
  }

  .image-217 {
    width: 80px;
    height: auto;
    top: -54px;
    right: 0;
  }

  .div-block-1360 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-218 {
    width: 10px;
  }

  .info-section {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .info-section.page {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .title-div {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .title-div.center {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .title-text {
    letter-spacing: 10px;
    font-size: clamp(36px, 6.25vw, 48px);
  }

  .title-text.vw {
    font-size: clamp(30px, 6.25vw, 48px);
  }

  .title-text.smaller {
    word-break: keep-all;
    font-size: clamp(26px, 5.55vw, 48px);
  }

  .div-block-1362 {
    flex-flow: column;
  }

  .info-text-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .button {
    padding: 12px 18px 12px 30px;
    transition: all 0.6s;
  }

  .button:hover {
    transform: translate(0, -2px);
    box-shadow: 0 4px 4px #0003;
  }

  .button.service.mobile {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .button.event {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    height: auto;
    margin-top: 60px;
  }

  .button.light-pink {
    height: 68px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .button.footer {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 20px;
  }

  .button.contact {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding: 12px 16px 12px 20px;
  }

  .button.submit {
    height: 60px;
    padding: 18px 80px;
  }

  .button.information {
    display: none;
  }

  .button.mobile {
    display: flex;
  }

  .text-block-9.contact {
    font-size: 16px;
  }

  .text-block-9.vw {
    line-height: var(--150);
    letter-spacing: 2px;
  }

  .div-block-1366 {
    width: 100%;
    max-width: none;
    padding-top: 40px;
  }

  .news-card {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 12px 14px;
  }

  .text-block-11 {
    font-size: 14px;
  }

  .div-block-1369 {
    min-width: 80%;
  }

  .text-block-12 {
    font-size: 13px;
  }

  .pink-back-left {
    bottom: 34px;
  }

  .pink-back-left.message {
    height: 76%;
    max-height: 660px;
    top: auto;
    bottom: 0;
  }

  .pink-back-left.page {
    bottom: 0;
  }

  .red-slash {
    display: none;
  }

  .aboutus-section {
    padding-top: 100px;
  }

  .year-title {
    font-size: 16px;
  }

  .center-message {
    margin-top: 32px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .about-back {
    height: 70%;
    top: 180px;
  }

  .hp-message-section {
    padding-top: 100px;
  }

  .hp-message-wrapper {
    padding-bottom: 40px;
  }

  .div-block-1372 {
    margin-top: 30px;
  }

  .maneger-message {
    font-size: 14px;
  }

  .div-block-1373 {
    margin-top: 16px;
    padding-bottom: 16px;
  }

  .text-block-16 {
    font-size: 16px;
  }

  .image-222 {
    min-width: 350px;
  }

  .service-section {
    padding-top: 100px;
  }

  .div-block-1375 {
    grid-row-gap: 52px;
    margin-top: 60px;
  }

  .red-txt {
    font-size: clamp(14px, 4vw, 18px);
  }

  .event-section {
    padding-top: 100px;
  }

  .event-section.page {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .event-grid.events {
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .div-block-1377.event {
    width: 100%;
    max-width: 440px;
  }

  .text-block-18,
  .text-block-20 {
    font-size: 14px;
  }

  .div-block-1379 {
    margin-top: 24px;
  }

  .text-block-22 {
    margin-top: 12px;
    font-size: clamp(14px, 2.08vw, 16px);
  }

  .div-block-1382 {
    width: 100%;
  }

  .sponser-section {
    padding-top: 100px;
  }

  .paragraph-4 {
    letter-spacing: 0;
    font-size: 12px;
    line-height: 200%;
  }

  .div-block-1384 {
    margin-top: 40px;
  }

  .div-block-1385 {
    margin-top: 60px;
  }

  .heading {
    font-size: 16px;
  }

  .heading.mobile {
    text-align: center;
    font-size: clamp(18px, 3vw, 22px);
    display: block;
  }

  .heading.mobile-none {
    display: none;
  }

  .sponser-grid {
    grid-template-columns: 1fr 1fr;
    max-width: 550px;
  }

  .sponser-grid._2 {
    grid-template-columns: 1fr 1fr;
  }

  .sponser-grid._3 {
    grid-template-columns: 1fr 1fr;
    display: none;
  }

  .sponsers-image.mobile-appier {
    display: block;
  }

  .image-226 {
    width: auto;
  }

  .text-block-26 {
    font-size: 3vw;
  }

  .text-block-26.mobile-appier {
    display: block;
  }

  .hp-garally-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .hp-footer-section {
    padding-top: 60px;
  }

  .hp-footer-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .text-block-28 {
    font-size: 3vw;
  }

  .image-235 {
    width: 24px;
    height: 24px;
  }

  .div-block-1389 {
    grid-column-gap: 4%;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
  }

  .end-of-page {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .text-block-32 {
    font-size: 10px;
  }

  .pink-back {
    width: 100%;
    top: 18px;
  }

  .pink-back.event {
    top: 22px;
  }

  .straight {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .page-top {
    height: 280px;
  }

  .other-top-text {
    font-size: 56px;
  }

  .other-top-text.vw {
    font-size: clamp(20px, 4.7vw, 56px);
    font-weight: 500;
  }

  .div-block-1391 {
    margin-left: 3%;
  }

  .breadcrumb-list {
    left: 4%;
  }

  .breadcrumb-text {
    font-size: 12px;
  }

  .breadcrumb-text.black {
    font-size: 13px;
  }

  .div-block-1393 {
    margin-top: 24px;
  }

  .text-block-34 {
    font-size: clamp(16px, 2.41vw, 20px);
  }

  .text-block-35 {
    letter-spacing: -1px;
    font-size: clamp(12px, 1.82vw, 14px);
  }

  .image-237 {
    width: 40%;
  }

  .div-block-1395 {
    grid-row-gap: 40px;
    flex-flow: column-reverse;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 36px;
    padding-bottom: 40px;
  }

  .div-block-1396 {
    padding-left: 4%;
    padding-right: 4%;
  }

  .paragraph-5 {
    font-size: clamp(14px, 1.82vw, 16px);
    line-height: 200%;
  }

  .div-block-1397 {
    margin-top: 20px;
  }

  .text-block-36 {
    font-size: 12px;
  }

  .text-block-37 {
    font-size: 20px;
  }

  .div-block-1399 {
    height: 98.7%;
  }

  .company-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .company-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
    display: flex;
  }

  .company-card {
    flex-flow: column;
    width: 80%;
  }

  .left-side {
    max-width: none;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .text-block-38 {
    font-size: 13px;
  }

  .right-side {
    justify-content: center;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0;
  }

  .company-detail-txt {
    font-size: 13px;
  }

  .about-concept-section {
    padding-top: 100px;
  }

  .club-title {
    font-size: 16px;
  }

  .div-block-1402 {
    margin-top: 20px;
  }

  .contest-txt {
    font-size: 12px;
    line-height: 200%;
  }

  .div-block-1403 {
    margin-top: 30px;
  }

  .entry-started {
    margin-top: 80px;
  }

  .entry-started-image {
    object-fit: cover;
  }

  .entry-started-left {
    width: 59.3336%;
    display: flex;
  }

  .entry-started-right {
    width: 42%;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .entry-started-title {
    letter-spacing: 0;
    font-size: clamp(16px, 3.12vw, 24px);
  }

  .div-block-1406 {
    padding-bottom: 12px;
    padding-left: 0;
    padding-right: 0;
  }

  .entry-started-txt {
    font-size: clamp(12px, 2.34vw, 18px);
  }

  .crown-image {
    width: 80px;
    top: 0;
    right: 0;
  }

  .archive-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .archive-wrapper {
    grid-row-gap: 52px;
    margin-top: 52px;
  }

  .div-block-1408 {
    width: 80%;
    min-width: auto;
  }

  .archive-card {
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .div-block-1409 {
    margin-left: 0;
    padding-left: 16px;
  }

  .text-block-44 {
    font-size: 20px;
  }

  .div-block-1410 {
    width: 80%;
  }

  .paragraph-7 {
    font-size: 12px;
  }

  .years-txt {
    font-size: 20px;
  }

  .grandprix-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .grandprix-grid,
  .grandprix-grid._2 {
    display: none;
  }

  .grandprix-wrapper {
    width: 100%;
  }

  .grandprix-wrapper._2 {
    margin-top: 80px;
  }

  .activity-section {
    padding-top: 80px;
  }

  .contact-section {
    padding-bottom: 0;
  }

  .contact-wrapper {
    display: block;
  }

  .image-250 {
    display: none;
  }

  .div-block-1413 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .text-block-46 {
    font-size: 16px;
  }

  .contact-form-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .div-block-1416 {
    grid-row-gap: 20px;
    flex-flow: column;
    max-width: 500px;
    margin-bottom: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 0;
  }

  .div-block-1416.first {
    margin-top: 20px;
  }

  .div-block-1416.last {
    grid-row-gap: 8px;
    margin-bottom: 0;
  }

  .text-field {
    height: 40px;
  }

  .text-block-47 {
    font-size: clamp(14px, 2.08vw, 16px);
  }

  .div-block-1417 {
    width: 100%;
  }

  .div-block-1418 {
    grid-column-gap: 4%;
    grid-row-gap: 4%;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .field-label {
    font-size: 14px;
  }

  .select-field {
    height: 40px;
  }

  .textarea {
    height: 140px;
    min-height: 140px;
  }

  .div-block-1419 {
    margin-top: 48px;
  }

  .image-251 {
    right: 8px;
  }

  .div-block-1425 {
    margin-top: 36px;
  }

  .div-block-1426 {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 40px;
    display: flex;
  }

  .text-block-50 {
    font-size: 12px;
  }

  .image-254 {
    width: 70%;
    display: block;
  }

  .div-block-1427 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-block-52 {
    font-size: 13px;
  }

  .image-255 {
    width: 32px;
  }

  .div-block-1428 {
    width: 100%;
  }

  .div-block-1429 {
    padding: 32px 4%;
  }

  .div-block-1430 {
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-block-55 {
    font-size: 13px;
  }

  .div-block-1434 {
    width: 80%;
  }

  .div-block-1435 {
    justify-content: center;
    align-items: center;
    padding-left: 0%;
  }

  .div-block-1436 {
    margin-top: 24px;
    margin-bottom: 36px;
  }

  .text-block-56 {
    font-size: 20px;
  }

  .text-block-57 {
    font-size: 14px;
  }

  .menu-button-4 {
    width: 80px;
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .menu-button-4.w--open {
    justify-content: center;
    align-items: center;
    padding: 22px 20px;
  }

  .pagination-wrapper {
    width: 100%;
  }

  .arrows,
  .arrows.left {
    justify-content: center;
    align-items: center;
  }

  .link_tree_wrapper {
    justify-content: flex-start;
    align-items: center;
  }
}

@media screen and (max-width: 479px) {
  .straight {
    padding: 0px;
  }

  .side-bar {
    width: 120px;
    padding: 3px;
    bottom: 60px;
    left: 4%;
  }
  .side-bar-inside {
    padding-top: 16px;
  }
  .side-bar-txt {
    font-size: 14px;
    font-weight: 700;
  }

  .side-bar-image {
    width: 44px;
    bottom: 4px;
  }

  .main-80px {
    font-size: 40px;
  }

  .main-30px {
    font-size: 20px;
  }

  .main-30px.lh-150.weight-500.mobile {
    letter-spacing: 8px;
    font-size: 20px;
  }

  .main-28px {
    font-size: 18px;
  }

  .main-24px.lh-150.weight-700 {
    letter-spacing: 2px;
  }

  .base-80px {
    font-size: 40px;
  }

  .base-22px {
    font-size: 18px;
  }

  .base-22px.lh-150.weight-500 {
    letter-spacing: -1px;
  }

  .base-16px {
    font-size: 12px;
  }

  .base-16px.sub.lh-200.weight-400 {
    font-size: 14px;
  }

  .base-12px.weight-400.lh-150 {
    letter-spacing: 3px;
    font-size: 5px;
  }

  .main-txt-50px {
    letter-spacing: 1px;
    font-size: 18px;
  }

  .main-txt-28px {
    font-size: 18px;
  }

  .main-txt-28px.flow {
    letter-spacing: 2px;
    font-size: 16px;
  }

  .main-txt-24px,
  .main-txt-24px.lh-150.weight-500.vertical-1 {
    font-size: 18px;
  }

  .main-txt-22px {
    font-size: 16px;
    font-weight: 400;
  }

  .main-txt-20px {
    letter-spacing: 3px;
    font-size: 12px;
  }

  .main-txt-20px.lh-150.weight-500.mobile {
    letter-spacing: 4px;
    font-size: 16px;
  }

  .main-txt-20px.lh-150.weight-500.mobile.center {
    letter-spacing: 3px;
  }

  .main-txt-16px {
    font-size: 12px;
  }

  .main-txt-16px.lh-200.weight-500 {
    font-size: 13px;
  }

  .main-txt-16px.lh-200.weight-500.detail {
    font-size: 14px;
  }

  .main-txt-14px.lh-150.weight-500.vertical-1 {
    font-size: 10px;
  }

  .sub-txt-16px.lh-200.weight-400.performance,
  .sub-txt-16px.lh-200.weight-400.performance.mobile {
    letter-spacing: -1px;
  }

  .sub-txt-16px.lh-200.weight-400.mobile-none {
    display: none;
  }

  .accent-50px {
    font-size: 30px;
  }

  .sg-body {
    padding-top: 60px;
  }

  .fv-container {
    height: 152vw;
    padding-top: 12vw;
    padding-bottom: 8vw;
  }

  .cta-button-1 {
    bottom: 10px;
  }

  .base-30px {
    font-size: 16px;
  }

  .base-18px {
    font-size: 11px;
  }

  .base-18px.lh-150.weight-700 {
    letter-spacing: 3px;
  }

  .bubble-1 {
    top: -30px;
  }

  .inline-bubble-1 {
    padding-left: 10px;
  }

  .concept-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .concept-card-1 {
    width: 10%;
  }

  .concept-card-2 {
    margin-top: 20px;
  }

  .concept-card-3 {
    width: 65%;
  }

  .align-bottom {
    width: 20%;
  }

  .align-bottom._2 {
    bottom: -10px;
    left: 0;
  }

  .button-1 {
    grid-column-gap: 4%;
    width: 94%;
    padding: 20px;
  }

  .oppotunity-wrapper {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .section-title.mobile {
    margin-bottom: 40px;
  }

  .oppotunity-grid {
    grid-row-gap: 40px;
  }

  .oppotunity-card {
    grid-row-gap: 20px;
  }

  .image-4 {
    width: 85%;
    max-width: none;
  }

  .image-4.round {
    width: 70%;
    min-width: auto;
  }

  .oppotunity-card-content {
    grid-row-gap: 28px;
  }

  .align-top {
    top: -14px;
  }

  .gallary-wrapper.cta {
    padding-bottom: 60px;
  }

  .gallary-wrapper.hp {
    padding-top: 40px;
  }

  .performance-wrapper {
    padding-bottom: 60px;
  }

  .detail-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .detail-div {
    background-size: 100% 100%;
    padding: 80px 32px 28px;
  }

  .information-card {
    grid-template-columns: 1fr 4fr;
    padding-left: 8px;
    padding-right: 8px;
  }

  .info-title {
    padding-right: 30px;
  }

  .info-title._2 {
    padding-right: 6px;
  }

  .accent-16px {
    font-size: 12px;
  }

  .accent-16px.lh-150.weight-500 {
    word-break: keep-all;
  }

  .info-txt {
    padding-left: 8px;
  }

  .guidelines-grid {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .gidelines-card {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .guidelines-card-txt {
    grid-row-gap: 4px;
  }

  .flow-left {
    z-index: 8;
    top: 233px;
    left: -6px;
  }

  .main-txt-90px.lh-150.weight-500.mobile-none {
    display: none;
  }

  .gradient-txt-1 {
    font-size: 50px;
  }

  .elipse-1 {
    width: 100px;
    height: 100px;
    top: 35px;
    left: -6px;
  }

  .flow-card.mobile {
    padding-top: 140px;
  }

  .flow-card-right {
    width: 90%;
  }

  .flow-card-top-title {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--color-base);
    paint-order: stroke;
    top: -300px;
  }

  .flow-card-top-title._1 {
    top: -308px;
  }

  .flow-card-left {
    max-width: 260px;
  }

  .cta-wrapper {
    padding-top: 60px;
    padding-bottom: 10px;
  }

  .teacher-wrapper.slide-in {
    padding-top: 60px;
  }

  .teacher-grid._4people {
    margin-top: 40px;
  }

  .message-wrapper.mobile.slide-in {
    padding-top: 60px;
  }

  .message-right {
    padding-bottom: 60px;
  }

  .message-txt-area {
    padding-left: 15px;
    padding-right: 15px;
  }

  .message-div {
    margin-top: 40px;
  }

  .message-name-div {
    margin-top: 20px;
  }

  .message-wrapper-2 {
    padding-bottom: 60px;
  }

  .faq-wrapper {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .base-txt-50px,
  .main-50px {
    font-size: 30px;
  }

  .declaration-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .access-wrapper {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .ct-wrapper {
    width: 95%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .ct-card {
    grid-row-gap: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .button-2 {
    max-width: 220px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-flow: column;
  }

  .header {
    height: 70px;
  }

  .nav-link {
    min-width: 116px;
    font-size: 16px;
  }

  .image-10 {
    width: 50px;
    height: auto;
  }

  .brand-2 {
    justify-content: flex-start;
    align-items: center;
  }

  .image-12 {
    width: 60px;
  }

  .footer-link-area {
    display: none;
  }

  .footer-link-area.navbar {
    grid-column-gap: 20px;
    width: 80%;
    display: flex;
  }

  .splide.tablet.event,
  .splide.grandprix {
    margin-top: 40px;
  }

  .splide__track {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .splide__arrows {
    max-width: 450px;
    padding-left: 0%;
    padding-right: 0%;
    top: 0%;
    bottom: 15%;
  }

  .splide__arrows.hp {
    width: 100%;
    top: auto;
    bottom: -10%;
  }

  .div-block-1343 {
    width: 100px;
    min-width: 100px;
  }

  .splide__arrow.splide__arrow--prev,
  .splide__arrow.splide__arrow--next {
    min-width: auto;
    padding: 10px;
  }

  .splide__arrow.splide__arrow--prev {
    padding: 10px;
  }

  .splide__arrow.splide__arrow--next,
  .splide__arrow.splide__arrow--prev,
  .splide__arrow.splide__arrow--next {
    min-width: auto;
    padding: 10px;
  }

  .menu-button {
    width: 60px;
    padding: 15px;
  }

  .link-block {
    width: 70px;
  }

  .base-8px.weight-700 {
    font-weight: 400;
  }

  .div-block-1345 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-columns: 1fr 6fr;
    display: flex;
  }

  .div-block-1347 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex;
  }

  .label-menu-icon {
    width: 70px;
  }

  ._14px {
    font-size: 12px;
  }

  ._14px._500fw.white-text {
    font-size: 10px;
  }

  .contact-botton.head {
    width: 60%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-66 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 70px);
  }

  ._16px {
    font-size: 12px;
  }

  .slide-nav-menu {
    height: calc(100vh - 70px);
    top: 70px;
  }

  .apply-button.head {
    width: 60%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-1349 {
    width: 80%;
    min-width: 230px;
  }

  .splide__arrows-2 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .container {
    padding-left: 4%;
  }

  .top-brand {
    justify-content: center;
    align-items: center;
    font-size: clamp(15px, 1.7vw, 25px);
    display: flex;
  }

  .nav-link-5 {
    font-size: clamp(16px, 4vw, 20px);
  }

  .div-block-1352 {
    width: 50px;
    margin-left: 0;
  }

  .div-block-1352._2 {
    width: 65px;
  }

  .image-215 {
    width: 36px;
  }

  .top-text-block {
    margin-top: 80px;
    margin-left: 2%;
  }

  .top-text {
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-size: clamp(16px, 2vw, 24px);
  }

  .top-text.gap {
    margin-top: 10px;
  }

  .div-block-1354 {
    height: 80px;
    margin-top: 10px;
  }

  .kakko,
  .kakko2 {
    font-size: 32px;
  }

  .text-block {
    margin-bottom: 16px;
    font-size: 44px;
  }

  .text-block-2.mobile {
    font-size: clamp(16px, 2vw, 24px);
    display: block;
  }

  .text-block-2.mobile-none {
    display: none;
  }

  .detail-box {
    width: 280px;
    height: 96px;
    bottom: 40px;
  }

  .div-block-1356 {
    width: 73px;
  }

  .div-block-1357 {
    width: 63px;
  }

  .text-block-3 {
    font-size: 10px;
    top: 4px;
    right: 10px;
  }

  .text-block-5 {
    font-size: 10px;
    bottom: 0;
  }

  .div-block-1359 {
    top: 24px;
  }

  .text-block-6 {
    line-height: 150%;
    letter-spacing: 0px;
  }

  .image-217 {
    top: -60px;
  }

  .div-block-1360 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-left: 16px;
    padding-right: 16px;
    bottom: -16px;
  }

  .div-block-1360.w--current {
    bottom: -14px;
  }

  .text-block-7 {
    font-size: 14px;
  }

  .info-section {
    padding-top: 56px;
    padding-bottom: 70px;
  }

  .title-div.about {
    top: -40px;
  }

  .title-text {
    letter-spacing: 6px;
    font-size: clamp(28px, 6.25vw, 48px);
  }

  .title-text.smaller {
    font-size: clamp(19px, 5.55vw, 28px);
  }

  .button {
    height: auto;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 30px;
  }

  .button.service.mobile {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .button.event {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: 30px;
    padding: 18px 14px 18px 20px;
  }

  .button.light-pink {
    width: 100%;
    height: auto;
  }

  .button.footer {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 285.578px;
  }

  .button.submit {
    height: 56px;
  }

  .arrow {
    width: 7px;
  }

  .text-block-9 {
    font-size: 14px;
  }

  .text-block-9._4pxgap {
    letter-spacing: 2px;
  }

  .text-block-9.contact {
    font-size: 14px;
  }

  .text-block-9.vw {
    line-height: var(--150);
    font-size: clamp(12px, 3vw, 16px);
  }

  .div-block-1366 {
    padding-top: 30px;
    padding-right: 0%;
  }

  .news-card {
    padding-left: 4%;
    padding-right: 4%;
  }

  .div-block-1368 {
    border-right-color: var(--transparent);
  }

  .text-block-11 {
    font-size: 13px;
  }

  .div-block-1369 {
    padding-left: 0%;
  }

  .text-block-12 {
    font-size: 12px;
  }

  .div-block-1370 {
    grid-row-gap: 2px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .pink-back-left {
    width: 100%;
    height: 82%;
    bottom: 0;
  }

  .pink-back-left.message {
    height: 78%;
    max-height: none;
  }

  .red-slash {
    left: 0%;
  }

  .aboutus-section {
    padding-top: 120px;
  }

  .message-wrapper-hp {
    padding-bottom: 0;
  }

  .year-title {
    font-size: 14px;
  }

  .center-message {
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .center-lorem {
    line-height: 160%;
  }

  .about-back {
    height: 80%;
    top: auto;
    bottom: -30px;
  }

  .earth-pic {
    width: 200%;
    max-width: none;
    left: auto;
  }

  .image-220,
  .image-221 {
    display: none;
  }

  .hp-message-section {
    padding-top: 150px;
  }

  .hp-message-wrapper {
    margin-left: 0%;
  }

  .div-block-1372 {
    padding-left: 0;
  }

  .maneger-message {
    font-size: 12px;
  }

  .text-block-16 {
    font-size: 14px;
    font-weight: 400;
  }

  .image-222 {
    width: 100%;
    min-width: auto;
  }

  .service-section {
    padding-top: 80px;
  }

  .div-block-1375 {
    margin-top: 40px;
  }

  .paragraph-2 {
    font-size: 14px;
    line-height: 180%;
  }

  .red-txt {
    font-size: 18px;
  }

  .red-txt._2 {
    font-size: 16px;
    position: relative;
  }

  .event-section {
    padding-top: 80px;
  }

  .event-section.page {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .text-block-18 {
    font-size: 12px;
  }

  .text-block-20 {
    margin-top: 4px;
  }

  .div-block-1379 {
    margin-top: 20px;
  }

  .text-block-22 {
    margin-top: 8px;
    font-size: 14px;
  }

  .sponser-section {
    padding-top: 80px;
  }

  .div-block-1384 {
    margin-top: 30px;
  }

  .heading.mobile {
    font-size: 4vw;
  }

  .text-block-26.mobile-appier {
    font-size: 3.7vw;
  }

  .hp-garally-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .hp-footer-section {
    padding-top: 52px;
  }

  .hp-footer-wrapper {
    padding-bottom: 52px;
  }

  .text-block-28 {
    font-size: 4vw;
  }

  .div-block-1389 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    max-width: 285.578px;
  }

  .end-of-page {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .text-block-32 {
    font-size: 8px;
  }

  .pink-back {
    width: 100%;
    top: 14px;
  }

  .pink-back.event {
    width: 100%;
    top: 12px;
  }

  .straight {
    flex-flow: wrap;
  }

  .page-top {
    height: 240px;
  }

  .other-top-text {
    font-size: 40px;
  }

  .other-top-text.vw {
    font-size: clamp(20px, 4.7vw, 30px);
  }

  .mission-section {
    padding-top: 80px;
  }

  .breadcrumb-list {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .text-block-34 {
    letter-spacing: 4px;
    font-size: 16px;
  }

  .text-block-35 {
    letter-spacing: 1px;
    font-size: 12px;
  }

  .top-message-section {
    padding-top: 80px;
  }

  .image-237 {
    width: 60%;
  }

  .div-block-1395 {
    grid-row-gap: 30px;
  }

  .paragraph-5 {
    font-size: 12px;
  }

  .div-block-1397 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .text-block-36 {
    font-size: 10px;
  }

  .text-block-37 {
    font-size: 16px;
  }

  .company-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .company-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 24px;
    display: flex;
  }

  .company-card {
    flex-flow: column;
    width: 100%;
  }

  .left-side {
    width: 100%;
    max-width: none;
  }

  .right-side {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .about-concept-section {
    padding-top: 80px;
  }

  .club-title {
    font-size: 14px;
  }

  .div-block-1402 {
    margin-top: 16px;
  }

  .contest-txt {
    letter-spacing: 0;
  }

  .div-block-1403 {
    margin-top: 40px;
  }

  .contest-image {
    width: 80%;
  }

  .entry-started {
    flex-flow: column;
    margin-top: 60px;
  }

  .entry-started.w--current {
    justify-content: center;
    align-items: center;
    max-width: 360px;
  }

  .entry-started-left {
    width: 100%;
    display: none;
  }

  .entry-started-right {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .crown-image {
    top: 0;
    right: 0;
  }

  .archive-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .archive-wrapper {
    margin-top: 48px;
  }

  .div-block-1408 {
    width: 100%;
  }

  .archive-card {
    grid-row-gap: 16px;
    width: 100%;
  }

  .div-block-1409 {
    padding-left: 12px;
  }

  .div-block-1410 {
    width: 100%;
  }

  .years-txt {
    font-size: 18px;
  }

  .grandprix-section {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .grandprix-wrapper._2 {
    margin-top: 100px;
  }

  .activity-section {
    padding-top: 60px;
  }

  .div-block-1413 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .text-block-46 {
    font-size: 14px;
  }

  .contact-form-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .text-field {
    height: 38px;
  }

  .necessary {
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .field-label {
    font-size: 14px;
  }

  .select-field {
    height: 38px;
  }

  .div-block-1419 {
    margin-top: 40px;
  }

  .div-block-1425 {
    margin-top: 20px;
  }

  .div-block-1426 {
    margin-top: 30px;
  }

  .menu-button-3 {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .image-254 {
    width: 100%;
  }

  .div-block-1427 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-255 {
    width: 28px;
  }

  .div-block-1429 {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .div-block-1430 {
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-block-55 {
    font-size: 12px;
  }

  .div-block-1433 {
    grid-row-gap: 28px;
  }

  .div-block-1434 {
    width: 100%;
  }

  .div-block-1436 {
    margin-top: 20px;
    margin-bottom: 28px;
  }

  .div-block-1437 {
    width: 100%;
  }

  .text-block-56 {
    font-size: 18px;
  }

  .menu-button-4 {
    justify-content: center;
    align-items: center;
    width: 65px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .menu-button-4.w--open {
    padding: 15px 14px;
  }

  .arrows,
  .arrows.left {
    justify-content: center;
    align-items: center;
  }

  .text-block-58 {
    font-size: 12px;
  }

  .image-257 {
    width: 80%;
  }
}
:root {
  --font-main: "Noto Serif JP", sans-serif;
  --color-main: #da0238;
  --color-base: white;
  --font-sub: "Noto Sans JP", sans-serif;
  --color-txt: #222;
  --color-accent: #ad9360;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-embed-youtubevideo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

p {
  margin-bottom: 0;
}

.main-80px {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 80px;
}

.main-30px {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 30px;
}

.main-30px.lh-150.weight-500.mobile-vartical,
.main-30px.lh-150.weight-500.mobile {
  display: none;
}

.main-28px {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 28px;
}

.main-24px {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 24px;
}

.main-20px {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 20px;
}

.main-18px {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 18px;
}

.base-80px {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 80px;
}

.base-22px {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 22px;
}

.base-16px {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 16px;
}

.base-16px.sub {
  font-family: var(--font-sub);
}

.base-15px {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 15px;
}

.base-15px.lh-150.weight-700 {
  text-align: center;
}

.base-12px {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 12px;
}

.main-txt-50px {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 50px;
}

.main-txt-28px {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 28px;
}

.main-txt-24px {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 24px;
}

.main-txt-22px {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 22px;
}

.main-txt-22px.mobile {
  display: none;
}

.main-txt-20px {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 20px;
}

.main-txt-20px.lh-150.weight-500.mobile {
  display: none;
}

.main-txt-16px {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 16px;
}

.main-txt-16px.lh-200.weight-500.mobile {
  display: none;
}

.main-txt-14px {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 14px;
}

.sub-txt-18px {
  font-family: var(--font-sub);
  color: var(--color-txt);
  font-size: 18px;
}

.sub-txt-16px {
  font-family: var(--font-sub);
  color: var(--color-txt);
  font-size: 16px;
}

.sub-txt-16px.lh-200.weight-400.mobile {
  display: none;
}

.sub-txt-15px {
  font-family: var(--font-sub);
  color: var(--color-txt);
  font-size: 15px;
}

.sub-txt-14px {
  font-family: var(--font-sub);
  color: var(--color-txt);
  font-size: 14px;
}

.accent-50px {
  font-family: var(--font-main);
  color: var(--color-accent);
  font-size: 50px;
}

.lh-150 {
  line-height: 150%;
}

.lh-180 {
  line-height: 180%;
}

.lh-200 {
  line-height: 200%;
}

.lh-250 {
  line-height: 250%;
}

.weight-400 {
  font-weight: 400;
}

.weight-500 {
  font-weight: 500;
}

.weight-700 {
  font-weight: 700;
}

.sg-body {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 90px;
  display: flex;
  overflow: hidden;
}

._1200px-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  max-width: 1200px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.fv-section {
  background-image: url("../images/m.g.e_fv_image_1.webp");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
}

.fv-container {
  background-image: url("../images/m.g.e_fv_image_2.webp");
  background-position: 0 0;
  background-size: cover;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 58vw;
  max-height: 950px;
  margin-left: 0;
  margin-right: 0;
  padding: 4vw 3% 10vw 4%;
  display: flex;
}

.fv-txt-area {
  letter-spacing: 8px;
  text-shadow: 0 12px 16px #0006;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.fv-cta-area {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.fv-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.cta-button-1 {
  grid-row-gap: 8px;
  letter-spacing: 4px;
  background-image: linear-gradient(90deg, #db023d, #e50295);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 28px 60px 20px;
  text-decoration: none;
  transition: all 0.6s;
  display: flex;
  position: relative;
}

.cta-button-1:hover {
  opacity: 0.9;
  transform: translate(0, -6px);
  box-shadow: 0 6px 6px #0003;
}

.base-30px {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 30px;
}

.base-18px {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 18px;
}

.bubble-1 {
  background-color: var(--color-main);
  -webkit-clip-path: polygon(
    100% 0,
    100% 85%,
    53% 85%,
    50% 100%,
    47% 85%,
    0 85%,
    0 0
  );
  clip-path: polygon(100% 0, 100% 85%, 53% 85%, 50% 100%, 47% 85%, 0 85%, 0 0);
  justify-content: center;
  align-items: flex-start;
  padding: 2px;
  display: flex;
  position: absolute;
  top: -36px;
}

.inline-bubble-1 {
  background-color: var(--color-base);
  -webkit-clip-path: polygon(
    100% 0,
    100% 85%,
    53% 85%,
    50% 100%,
    47% 85%,
    0 85%,
    0 0
  );
  clip-path: polygon(100% 0, 100% 85%, 53% 85%, 50% 100%, 47% 85%, 0 85%, 0 0);
  padding: 8px 48px 16px;
}

.concept-section {
  z-index: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.concept-bg {
  z-index: -1;
  background-image: url("../images/concept_bg_1.webp");
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  width: 97%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.concept-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 96px;
  padding-bottom: 112px;
  display: flex;
}

.section-title-left {
  letter-spacing: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.concept-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 6fr 3fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  width: 100%;
  margin-top: 32px;
  display: grid;
}

.concept-grid.mobile {
  display: none;
}

.concept-card-1 {
  letter-spacing: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.vertical-1 {
  letter-spacing: 5px;
  line-height: 0%;
  writing-mode: vertical-rl;
}

.concept-card-2 {
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.concept-card-3 {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.image {
  aspect-ratio: 5 / 12;
  width: 95%;
  max-width: none;
}

.align-bottom {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.name-area-1 {
  grid-column-gap: 4px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-left: -72px;
  display: flex;
}

.vertical-2 {
  writing-mode: vertical-rl;
}

.concept-mv-div {
  grid-row-gap: 36px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  margin-top: 100px;
  display: flex;
}

.mv-wrapper {
  aspect-ratio: 9 / 5;
  width: 100%;
}

.concept-mv-button-area {
  grid-column-gap: 8%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
}

.button-1 {
  grid-column-gap: 10%;
  border: 1px solid var(--color-main);
  background-color: var(--color-base);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 32px 40px;
  text-decoration: none;
  transition: all 0.4s;
  display: flex;
  box-shadow: 4px 4px 10px #0003;
}

.button-1:hover {
  transform: translate(0, -4px);
  box-shadow: 4px 8px 14px #0003;
}

.image-2 {
  width: 60px;
  height: 10px;
}

.concept-message-div {
  grid-row-gap: 8px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 80px;
  display: flex;
}

.concept-appeal-div {
  grid-column-gap: 4%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: start stretch;
  width: 100%;
  max-width: 1000px;
  margin-top: 100px;
  display: grid;
}

.image-3 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.cta-area {
  margin-top: 120px;
}

.oppotunity-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.oppotunity-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 180px;
  padding-bottom: 100px;
  display: flex;
}

.section-title {
  z-index: 1;
  grid-row-gap: 12px;
  letter-spacing: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.oppotunity-grid {
  grid-row-gap: 64px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 24px;
  display: flex;
}

.oppotunity-card {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  display: flex;
}

.image-4 {
  width: 32%;
  min-width: 280px;
}

.oppotunity-card-content {
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 64%;
  display: flex;
}

.oppotunity-card-title {
  display: flex;
}

.align-top {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.align-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.gallary-section {
  width: 100%;
}

.gallary-wrapper {
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  overflow: hidden;
}

.gallary-wrapper.cta {
  display: none;
}

.gallary-slide-1 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.in-gallary-slide-1 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.gallary-image {
  aspect-ratio: 19 / 13;
  object-fit: cover;
  width: 380px;
  min-width: 380px;
}

.gallary-slide-2 {
  grid-column-gap: 24px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.performance-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.performance-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 160px;
  display: flex;
}

.performance-text-area {
  z-index: 0;
  text-align: center;
  background-image: url("../images/concept_bg_1.webp");
  background-position: 50% 0;
  background-size: cover;
  background-attachment: fixed;
  justify-content: center;
  align-items: flex-start;
  width: 98%;
  max-width: 880px;
  height: 30vw;
  min-height: 380px;
  max-height: 480px;
  margin-top: -88px;
  padding-top: 120px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.performance-grid {
  z-index: 1;
  grid-column-gap: 3%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: max(-13vw, -220px);
  display: grid;
  position: relative;
}

.performance-card {
  grid-row-gap: 12px;
  letter-spacing: -0.8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.image-5 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.performance-card-image-area {
  width: 100%;
  position: relative;
}

.peraformance-card-image-tag {
  background-color: #f8f6f2e6;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 12px 28px;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.polygone-1 {
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  background-image: linear-gradient(90deg, #db023de6, #e50295e6);
  width: 28px;
  height: 30px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.detail-section {
  background-image: url("../images/detail_bg_1.webp");
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.detail-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.detail-div {
  grid-row-gap: 30px;
  aspect-ratio: 1567 / 903;
  background-color: var(--color-base);
  letter-spacing: 1.6px;
  background-image: url("../images/detail_text_frame.webp");
  background-position: 0 0;
  background-size: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  margin-top: 52px;
  display: flex;
}

.detail-txt-div {
  max-width: 520px;
}

.detail-txt-div._2 {
  max-width: 680px;
}

.detail-title-div {
  grid-row-gap: 4px;
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.line-1 {
  background-image: linear-gradient(90deg, #966d32, #ecc139);
  width: 120px;
  height: 1px;
}

.in-detail-wrapper {
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 100px;
  display: flex;
}

.in-detail-wrapper.mobile {
  display: none;
}

.section-title-sub {
  grid-row-gap: 12px;
  letter-spacing: 0.6vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.information-grid {
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.information-card {
  background-color: var(--color-base);
  grid-template-rows: auto;
  grid-template-columns: 1fr 4fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 20px 28px;
  display: grid;
}

.info-title {
  border-right: 1px solid #d9d9d9;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-right: 20px;
  display: flex;
}

.accent-16px {
  font-family: var(--font-main);
  color: var(--color-accent);
  font-size: 16px;
}

.info-txt {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 32px;
  display: flex;
}

.guidelines-grid {
  grid-column-gap: 6%;
  grid-row-gap: 80px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 900px;
  display: grid;
}

.gidelines-card {
  grid-column-gap: 4%;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-square {
  aspect-ratio: 1;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  height: 85px;
  display: flex;
}

.guidelines-card-txt {
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.flow-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.flow-wrpper {
  grid-column-gap: 4%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 8fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: flex-start center;
  width: 100%;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
}

.flow-left {
  letter-spacing: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 12%;
  display: flex;
}

.flow-right {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 84%;
  display: flex;
}

.flow-title {
  letter-spacing: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.main-txt-90px {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 90px;
}

.main-txt-90px.lh-150.weight-500.mobile {
  display: none;
}

.gradient-txt-1 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(93deg, #966d32 6%, #ecc139 20%);
  -webkit-background-clip: text;
  background-clip: text;
}

.elipse-1 {
  z-index: -1;
  object-position: 100% 50%;
  width: 188px;
  height: 188px;
  position: absolute;
  top: -22px;
  left: -40px;
}

.flow-grid {
  grid-row-gap: 100px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 76px;
  padding-left: 2%;
  display: flex;
}

.flow-card {
  background-image: url("../images/flow_card_bg_1.webp");
  background-position: 0 0;
  background-size: cover;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  min-height: 300px;
  padding: 60px 80px 92px 48px;
  display: flex;
  position: relative;
}

.flow-card.mobile {
  display: none;
}

.image-6 {
  aspect-ratio: 1;
  width: 100%;
  position: absolute;
}

.flow-card-right {
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  display: flex;
  position: relative;
}

.flow-card-title {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.flow-card-top-title {
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: -144px;
}

.flow-card-left {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 28%;
  max-width: 300px;
  display: flex;
  position: absolute;
  top: -48px;
  left: 48px;
}

.image-7 {
  aspect-ratio: 2;
  width: 90px;
  position: absolute;
  bottom: -28px;
  left: 14%;
}

.image-7._2 {
  bottom: -176px;
}

.image-7._3 {
  bottom: -152px;
}

.flow-bg-1 {
  z-index: -1;
  width: 32%;
  min-width: 320px;
  max-width: 480px;
  position: absolute;
  top: 0;
  right: 0;
}

.flow-bg-2 {
  z-index: -1;
  width: 32%;
  min-width: 320px;
  max-width: 440px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.cta-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.cta-wrapper {
  justify-content: center;
  align-items: center;
  width: 90%;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
}

.academia-alma-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.academi-alma-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  max-width: 1400px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.academia-alma-txt {
  text-align: center;
  width: 100%;
  max-width: 940px;
  margin-top: 48px;
}

.academia-alma-gallary-list {
  grid-row-gap: 36px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 92px;
  display: flex;
}

.academia-alma-gallary {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.gallary-item-1 {
  aspect-ratio: 8 / 5;
  object-fit: cover;
  width: 30%;
}

.gallary-item-2 {
  object-fit: cover;
  width: 18%;
}

.teacher-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.teacher-wrapper {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.in-teacher-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 100px;
  display: flex;
}

.teacher-grid {
  grid-column-gap: 3%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 80px;
  display: grid;
}

.teacher-card {
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.image-8 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  object-position: 50% 10%;
}

.teacher-card-image-area {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.teacher-card-tag {
  background-color: #f8f6f2e6;
  min-width: 156px;
  padding: 8px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.main-txt-12px {
  font-family: var(--font-main);
  color: var(--color-txt);
  font-size: 12px;
}

.main-txt-12px.lh-150.weight-500 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.message-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: -2vw;
  display: flex;
}

.message-wrapper {
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 3fr 7fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.message-wrapper.mobile {
  display: none;
}

.maessage-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.message-right {
  background-image: url("../images/message_bg_1.webp");
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 120px;
  padding-bottom: 500px;
  display: flex;
}

.message-txt-area {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.message-div {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  max-width: 660px;
  margin-top: 60px;
  display: flex;
}

.image-9 {
  z-index: 1;
  aspect-ratio: 3 / 8;
  width: 100%;
  max-width: 360px;
  margin-top: 48px;
  margin-right: -24%;
  position: relative;
}

.message-name-div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 52px;
  display: flex;
}

.message-wrapper-2 {
  width: 90%;
  max-width: 1200px;
  margin-top: -400px;
  padding-bottom: 100px;
}

.faq-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.faq-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 150px;
  display: flex;
}

.faq-grid {
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  margin-top: 80px;
  display: flex;
}

.faq-card {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.q-card {
  cursor: pointer;
  background-image: linear-gradient(90deg, #db023d, #e50295);
  width: 100%;
}

.faq-txt-area {
  grid-column-gap: 4%;
  letter-spacing: 2px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 8px 20px;
  display: flex;
}

.base-txt-50px {
  font-family: var(--font-main);
  color: var(--color-base);
  font-size: 50px;
}

.a-card {
  background-color: var(--color-base);
  width: 100%;
  overflow: hidden;
}

.main-50px {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 50px;
}

.declaration-section {
  background-image: url("../images/detail_bg_1.webp");
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.declaration-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
}

.access-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.access-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 200px;
  display: flex;
}

.map-frame {
  aspect-ratio: 16 / 9;
  width: 100%;
  max-width: 800px;
  margin-top: 80px;
}

.map-txt {
  width: 100%;
  max-width: 800px;
  margin-top: 28px;
}

.ct-section {
  background-image: url("../images/ct_bg_1.webp");
  background-position: 0 0;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.ct-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.ct-card {
  grid-row-gap: 24px;
  background-color: var(--color-base);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.ct-txt {
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-2 {
  background-image: linear-gradient(90deg, #db023d, #e50295);
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 480px;
  padding: 12px 48px;
  text-decoration: none;
  transition: all 0.5s;
  display: flex;
  box-shadow: 0 4px 4px #0003;
}

.button-2:hover {
  opacity: 0.9;
  transform: translate(0, -4px);
  box-shadow: 0 6px 6px #0003;
}

.footer-section {
  background-image: linear-gradient(90deg, #db023d, #e50295);
  width: 100%;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: center;
  padding: 40px 6%;
  display: flex;
}

.header {
  z-index: 99;
  background-color: var(--color-base);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 90px;
  display: flex;
  position: fixed;
}

.header-container {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 12% 12px 6%;
  position: relative;
  box-shadow: 0 4px 4px #0003;
}

.header-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-link {
  font-family: var(--font-main);
  color: var(--color-txt);
  padding-left: 1vw;
  padding-right: 1vw;
  font-size: clamp(11px, 1vw, 16px);
  font-weight: 500;
  line-height: 100%;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
}

.nav-link:hover {
  text-shadow: 0 2px 2px #0003;
  transform: translate(0, -2px);
}

.nav-link.w--current {
  color: var(--color-txt);
}

.brand {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-10 {
  width: 58px;
  height: 67px;
}

.main-16px {
  font-family: var(--font-main);
  color: var(--color-main);
  font-size: 16px;
}

.nav-menu {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-link-2 {
  grid-row-gap: 6%;
  aspect-ratio: 1;
  letter-spacing: 2px;
  background-image: linear-gradient(134deg, #dc023f 2%, #e50295);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: clamp(120px, 10vw, 140px);
  text-decoration: none;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  box-shadow: 0 4px 4px #0003;
}

.image-11 {
  width: 35px;
  height: 35px;
}

.in-gallary-slide-2 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.youtube {
  height: 100%;
}

.brand-2 {
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.image-12 {
  width: 91px;
  height: 84px;
}

.footer-link-area {
  grid-column-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-13 {
  width: 36px;
  height: 36px;
}

.splide {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 80px;
  display: flex;
  position: relative;
}

.splide.mobile,
.splide.tablet,
.splide.performance {
  display: none;
}

.splide__track {
  z-index: 1;
  width: 100%;
  position: relative;
}

.splide__list {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.splide__slide {
  height: 100%;
}

.splide__arrows {
  z-index: 0;
  justify-content: space-between;
  align-items: center;
  width: 115%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
}

.div-block-1343 {
  width: 136px;
  min-width: 136px;
  position: relative;
}

.splide__arrow {
  color: #000;
  letter-spacing: 3px;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  display: flex;
}

.splide__arrow.splide__arrow--prev {
  background-color: #fff;
  background-image: url("../images/open_icon-1.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e50295;
  border-radius: 100px;
  width: 46px;
  height: 46px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
}

.splide__arrow.splide__arrow--prev:hover {
  text-decoration: none;
}

.splide__arrow.splide__arrow--next {
  background-color: #fff;
  background-image: url("../images/open_icon.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e50295;
  border-radius: 100px;
  width: 46px;
  height: 46px;
  padding: 0;
  font-family: Montserrat, sans-serif;
}

.splide__arrow.splide__arrow--next:hover {
  text-decoration: none;
}

.image-210 {
  width: 100%;
  min-width: 100%;
  height: 8px;
  position: absolute;
  bottom: -12px;
  left: 15px;
}

.image-210._2 {
  left: auto;
  right: 15px;
}

.weight-300 {
  font-weight: 300;
}

.div-block-1344,
.div-block-1346 {
  display: none;
}

.image-212 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.main-18px-2 {
  color: #da0238;
  font-size: 18px;
}

.teacher-card-2 {
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sub-txt-14px-2 {
  color: #222;
  font-size: 14px;
}

.main-txt-12px-2 {
  color: #222;
  font-size: 12px;
}

.main-txt-12px-2.lh-150.weight-500 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.label-menu-icon,
.div-block-1348 {
  display: none;
}

.div-block-12 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 12px;
  padding-left: 24px;
  text-decoration: none;
  display: flex;
}

._14px {
  color: #333;
  font-family: Noto Sans JP, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}

.link-block-2 {
  text-decoration: none;
}

.contact-botton {
  background-color: #fff;
  border: 1px solid #1c3176;
  margin-left: 22px;
  padding: 16px 24px;
  text-decoration: none;
}

.contact-botton.head {
  justify-content: center;
  align-items: center;
  margin-left: 26px;
  display: flex;
}

.div-block-66 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

._16px {
  color: #333;
  margin-bottom: 0;
  font-family: Noto Sans JP, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}

.slide-nav-menu {
  display: none;
}

.apply-button {
  background-image: url("../images/CTA_btn_1.webp");
  background-position: 0 0;
  background-size: cover;
  border-right: 2px solid #888989;
  justify-content: center;
  align-items: center;
  margin-left: 16px;
  padding: 17px 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 0.5px 0.5px #959595;
}

.apply-button.head {
  margin-left: 18px;
}

.image-213 {
  aspect-ratio: 3 / 5;
  width: 12px;
}

._18px {
  color: #333;
  font-family: Noto Sans JP, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
}

._18px.keep-all {
  word-break: keep-all;
}

._18px.main-color-text {
  color: #1c3176;
}

._18px.main-color-text.keep-all {
  word-break: keep-all;
}

.div-block-13 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.page-load {
  z-index: 100;
  background-color: var(--color-base);
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 991px) {
  .main-80px {
    font-size: 64px;
  }

  .main-30px {
    font-size: 28px;
  }

  .main-28px {
    font-size: 24px;
  }

  .main-24px {
    letter-spacing: -1px;
    font-size: 20px;
  }

  .main-20px {
    font-size: 19px;
  }

  .base-80px {
    font-size: 64px;
  }

  .base-22px {
    font-size: 20px;
  }

  .main-txt-50px {
    letter-spacing: 4px;
    font-size: 42px;
  }

  .main-txt-28px {
    font-size: 22px;
  }

  .main-txt-28px.lh-200 {
    line-height: 180%;
  }

  .main-txt-24px,
  .main-txt-22px {
    font-size: 20px;
  }

  .main-txt-20px {
    font-size: 18px;
  }

  .main-txt-20px.lh-150.weight-500 {
    letter-spacing: 7px;
  }

  .main-txt-16px {
    letter-spacing: -1px;
    font-size: 14px;
  }

  .main-txt-14px {
    font-size: 12px;
  }

  .sub-txt-18px {
    font-size: 17px;
  }

  .sub-txt-16px {
    letter-spacing: -1px;
    font-size: 14px;
  }

  .sub-txt-16px.lh-200 {
    line-height: 180%;
  }

  .sub-txt-15px {
    letter-spacing: -1px;
    font-size: 14px;
  }

  .sub-txt-14px {
    font-size: 13px;
  }

  .accent-50px {
    font-size: 42px;
  }

  .accent-50px.lh-150.weight-400 {
    letter-spacing: 0;
  }

  .fv-container {
    padding-top: 2vw;
    padding-bottom: 8vw;
  }

  .cta-button-1 {
    z-index: 2;
    grid-row-gap: 4px;
    background-image: linear-gradient(90deg, #db023d, #e50295);
    padding: 20px 20px 12px;
  }

  .base-30px {
    font-size: 24px;
  }

  .inline-bubble-1 {
    padding: 6px 40px 12px;
  }

  .concept-wrapper {
    padding-top: 90px;
    padding-bottom: 100px;
  }

  .concept-card-2 {
    grid-row-gap: 40px;
  }

  .align-bottom {
    width: 13%;
  }

  .align-bottom._2 {
    width: auto;
  }

  .concept-mv-div {
    margin-top: 80px;
  }

  .concept-mv-button-area {
    grid-column-gap: 6%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .button-1 {
    grid-column-gap: 5%;
    padding: 28px 30px;
  }

  .concept-appeal-div {
    margin-top: 80px;
  }

  .oppotunity-wrapper {
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .image-4 {
    width: 32%;
    min-width: 221px;
  }

  .oppotunity-card-title {
    width: 100%;
  }

  .gallary-wrapper.cta {
    display: flex;
  }

  .gallary-image {
    width: 280px;
    min-width: 280px;
  }

  .performance-wrapper {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .performance-text-area {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 120%;
    height: 80vw;
    max-height: none;
    margin-top: 20px;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .performance-grid {
    grid-row-gap: 3%;
    grid-template-columns: 1fr 1fr;
    width: 115%;
    display: none;
  }

  .performance-card {
    text-align: left;
    min-width: 290.828px;
  }

  .detail-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .detail-div {
    grid-row-gap: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .in-detail-wrapper {
    margin-top: 80px;
  }

  .accent-16px {
    font-size: 14px;
  }

  .guidelines-grid {
    grid-column-gap: 2%;
    grid-row-gap: 60px;
  }

  .flow-wrpper {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .gradient-txt-1 {
    font-size: 60px;
  }

  .elipse-1 {
    width: 144px;
    height: 144px;
    top: 8px;
  }

  .flow-card {
    padding: 50px 50px 60px 40px;
  }

  .flow-card-right {
    width: 62%;
  }

  .flow-card-top-title {
    top: -115px;
  }

  .flow-card-left {
    top: -40px;
    left: 40px;
  }

  .image-7 {
    width: 80px;
  }

  .cta-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .academi-alma-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .academia-alma-gallary-list {
    display: none;
  }

  .teacher-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .teacher-grid {
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 60px;
    display: none;
  }

  .teacher-grid._4people {
    grid-column-gap: 2%;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    display: none;
  }

  .teacher-card {
    min-width: 290.828px;
    max-width: 290.828px;
  }

  .message-right {
    padding-top: 100px;
    padding-bottom: 400px;
  }

  .message-wrapper-2 {
    margin-top: -300px;
  }

  .faq-wrapper {
    padding-top: 80px;
    padding-bottom: 120px;
  }

  .base-txt-50px,
  .main-50px {
    font-size: 44px;
  }

  .declaration-wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .access-wrapper {
    padding-top: 80px;
    padding-bottom: 160px;
  }

  .button-2 {
    max-width: 380px;
  }

  .footer-wrapper {
    padding: 30px 5%;
  }

  .header {
    justify-content: center;
    align-items: center;
  }

  .header-container {
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0%;
    display: flex;
  }

  .header-wrapper {
    width: 100%;
    height: 100%;
    min-height: 100%;
  }

  .nav-link {
    min-width: 155px;
    margin-left: 0;
    margin-right: 0;
    font-size: 20px;
  }

  .nav-menu,
  .nav-link-2 {
    display: none;
  }

  .splide.tablet {
    display: flex;
  }

  .splide__slide {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .splide__arrows {
    width: 112%;
  }

  .splide__arrow.splide__arrow--prev,
  .splide__arrow.splide__arrow--next {
    width: 40px;
    height: 40px;
    font-size: 14px;
  }

  .menu-button {
    aspect-ratio: 1;
    background-color: #f7f1f3;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 100%;
    min-height: 100%;
    padding: 30px;
    display: flex;
  }

  .icon {
    font-family: var(--font-sub);
    color: #e50295;
    font-size: 32px;
  }

  .link-block {
    grid-row-gap: 2px;
    aspect-ratio: 1;
    background-image: linear-gradient(90deg, #db023d, #e50295);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 100%;
    text-decoration: none;
    display: flex;
  }

  .image-211 {
    aspect-ratio: 1;
    width: 33%;
  }

  .base-8px {
    font-family: var(--font-sub);
    color: var(--color-base);
    text-align: center;
    letter-spacing: 0.4px;
    font-size: 8px;
    line-height: 120%;
    text-decoration: none;
  }

  .div-block-1344 {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .div-block-1346 {
    display: none;
  }

  .teacher-card-2 {
    width: 290.828px;
    min-width: 290.828px;
  }

  .sub-txt-14px-2 {
    font-size: 13px;
  }

  .label-menu-icon {
    z-index: 99;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    width: 90px;
    display: flex;
    position: relative;
  }

  .menu-button-2,
  .div-block-1348 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-card {
    padding-left: 15px;
  }

  .footer-card.header {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-bottom: 1px solid #fff;
    width: 100%;
    padding-top: 0;
    padding-bottom: 24px;
  }

  .contact-botton.head {
    width: 300px;
    margin-left: 0;
  }

  .div-block-66 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: #f7f1f3;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: calc(100vh - 90px);
  }

  .link-block-5 {
    text-decoration: none;
  }

  ._16px {
    font-size: 14px;
  }

  .slide-nav-menu {
    z-index: 98;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 0%;
    height: calc(100vh - 90px);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    display: flex;
    position: fixed;
    top: 90px;
    right: 0;
    overflow: hidden;
  }

  .slide-nav-menu.active {
    background-color: #2222224d;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    box-shadow: 5px 5px 50px #0000001a;
  }

  .apply-button.head {
    width: 300px;
    margin-left: 0;
  }

  ._18px {
    font-size: 16px;
  }

  .div-block-1349 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    min-width: 346px;
    display: flex;
  }

  .splide.performance {
    max-width: 700px;
    display: block !important;
  }
}

@media screen and (max-width: 767px) {
  .main-80px {
    font-size: 50px;
  }

  .main-80px.lh-150.weight-400.vertical-2.mobile-none {
    display: none;
  }

  .main-80px.lh-150.weight-500 {
    font-size: 40px;
  }

  .main-80px.lh-150.weight-300 {
    letter-spacing: 6px;
  }

  .main-80px.lh-150.weight-300.mobile-none {
    display: none;
  }

  .main-30px {
    font-size: 24px;
  }

  .main-30px.lh-150.weight-500.mobile-vartical {
    letter-spacing: 6px;
    writing-mode: vertical-rl;
    font-size: 15px;
    display: block;
  }

  .main-30px.lh-150.weight-500.mobile {
    font-size: 30px;
    font-weight: 300;
    display: block;
  }

  .main-28px {
    font-size: 20px;
  }

  .main-28px.lh-200.weight-500 {
    word-break: break-all;
  }

  .main-24px {
    letter-spacing: 0;
    font-size: 18px;
  }

  .main-24px.lh-150.weight-700 {
    letter-spacing: 3px;
  }

  .main-20px {
    font-size: 16px;
  }

  .base-80px {
    font-size: 50px;
  }

  .main-txt-50px {
    letter-spacing: 2px;
    font-size: 26px;
  }

  .main-txt-28px {
    letter-spacing: -1px;
    font-size: 20px;
  }

  .main-txt-28px.lh-200.weight-500 {
    letter-spacing: 1px;
  }

  .main-txt-28px.flow {
    letter-spacing: 4px;
  }

  .main-txt-22px {
    font-size: 18px;
  }

  .main-txt-22px.mobile {
    text-align: center;
    display: block;
  }

  .main-txt-22px.mobile-none {
    display: none;
  }

  .main-txt-20px {
    font-size: 16px;
  }

  .main-txt-20px.lh-150.weight-500 {
    letter-spacing: 6px;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .main-txt-20px.lh-150.weight-500.straight {
    writing-mode: vertical-rl;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .main-txt-20px.lh-150.weight-500.mobile-none {
    display: none;
  }

  .main-txt-20px.lh-150.weight-500.mobile {
    display: block;
  }

  .main-txt-20px.lh-150.weight-500.mobile.center {
    text-align: center;
  }

  .main-txt-16px.lh-200.weight-500.detail {
    letter-spacing: 2px;
    font-size: 16px;
  }

  .main-txt-16px.lh-200.weight-500.mobile {
    display: block;
  }

  .main-txt-16px.lh-200.weight-500.mobile-none {
    display: none;
  }

  .sub-txt-18px {
    font-size: 16px;
  }

  .sub-txt-16px {
    font-size: 14px;
  }

  .sub-txt-16px.lh-200.weight-400 {
    letter-spacing: 0;
  }

  .sub-txt-16px.lh-200.weight-400.performance {
    max-width: 561px;
    margin-top: -220px;
  }

  .sub-txt-16px.lh-200.weight-400.performance.mobile {
    display: block;
  }

  .sub-txt-16px.lh-200.weight-400.performance.mobile-none,
  .sub-txt-16px.lh-200.weight-400.mobile-none {
    display: none;
  }

  .sub-txt-16px.lh-200.weight-400.mobile {
    display: block;
  }

  .sub-txt-16px.lh-250.weight-400.message {
    letter-spacing: -2px;
    line-height: 200%;
  }

  .sub-txt-15px.lh-200.weight-400.mobile-none {
    display: none;
  }

  .accent-50px {
    font-size: 30px;
  }

  .sg-body {
    padding-top: 80px;
  }

  .fv-section {
    background-position: 50% 0;
  }

  .fv-container {
    background-image: url("../images/mobile-fv_1.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 130vw;
    max-height: 680px;
    padding-top: 5vw;
    padding-bottom: 0;
  }

  .fv-cta-area {
    justify-content: center;
    align-items: center;
  }

  .cta-button-1 {
    padding-top: 14px;
    padding-left: 20px;
    padding-right: 20px;
    bottom: 25px;
  }

  .base-30px {
    font-size: 20px;
  }

  .base-18px {
    font-size: 16px;
  }

  .inline-bubble-1 {
    padding-top: 6px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .concept-section {
    margin-top: 0;
  }

  .concept-bg {
    width: 100%;
  }

  .concept-wrapper {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .concept-wrapper.slide-in {
    padding-bottom: 60px;
  }

  .concept-grid {
    grid-template-columns: 1fr 6fr 3fr;
    display: none;
  }

  .concept-grid.mobile {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .concept-card-2 {
    grid-row-gap: 30px;
  }

  .concept-card-3 {
    width: 50%;
    max-width: 185px;
  }

  .align-bottom {
    width: 10%;
  }

  .align-bottom._2 {
    position: relative;
    bottom: -20px;
    left: -10px;
  }

  .name-area-1 {
    margin-left: -36px;
  }

  .concept-mv-button-area {
    grid-row-gap: 10px;
    flex-flow: column;
    display: flex;
  }

  .button-1 {
    grid-column-gap: 10%;
    width: 70%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .concept-appeal-div {
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    display: flex;
  }

  .image-3 {
    width: 70%;
  }

  .oppotunity-wrapper {
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .oppotunity-wrapper.slide-in {
    padding-top: 60px;
  }

  .section-title.message {
    display: none;
  }

  .section-title.mobile {
    margin-bottom: 60px;
  }

  .oppotunity-card {
    grid-row-gap: 40px;
    flex-flow: column-reverse;
    justify-content: center;
    align-items: center;
    max-width: 432px;
  }

  .oppotunity-card._2 {
    flex-flow: column;
  }

  .image-4 {
    width: 60%;
    min-width: 164px;
    max-width: 259px;
  }

  .oppotunity-card-content {
    grid-row-gap: 36px;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .oppotunity-card-title {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .align-top {
    justify-content: flex-start;
    align-items: center;
    position: relative;
    top: -10px;
  }

  .gallary-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .gallary-wrapper.cta,
  .gallary-wrapper.slide-in {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .gallary-image {
    width: 200px;
    min-width: 200px;
  }

  .performance-wrapper {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .performance-wrapper.slide-in {
    padding-bottom: 60px;
  }

  .performance-text-area {
    width: 130%;
    display: none;
  }

  .performance-text-area.mobile {
    width: 125%;
    min-width: 125%;
    max-width: none;
    margin-top: 250px;
    display: flex;
  }

  .performance-grid {
    justify-content: flex-start;
    display: none;
  }

  .performance-grid.mobile {
    margin-top: 0;
    display: flex;
    position: absolute;
    top: 210px;
  }

  .performance-card {
    justify-content: flex-start;
    align-items: center;
    min-width: 270px;
    max-width: 270px;
  }

  .detail-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .detail-div {
    grid-row-gap: 10px;
    aspect-ratio: 128 / 270;
    background-image: url("../images/mobile_detail_frame.webp");
    background-position: 0 0;
    background-size: 100% 100%;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 420px;
    height: 600px;
    margin-top: 60px;
    padding-top: 80px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .in-detail-wrapper {
    margin-top: 60px;
    display: none;
  }

  .in-detail-wrapper.mobile {
    grid-row-gap: 0px;
    margin-top: 60px;
    display: flex;
  }

  .information-grid {
    padding-top: 10px;
  }

  .guidelines-grid {
    grid-template-columns: 1fr;
    padding-top: 40px;
  }

  .flow-wrpper {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
  }

  .flow-left {
    position: absolute;
    top: 270px;
    left: 0;
  }

  .flow-right {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .main-txt-90px.lh-150.weight-500 {
    letter-spacing: 0;
  }

  .main-txt-90px.lh-150.weight-500.mobile-none {
    display: none;
  }

  .main-txt-90px.lh-150.weight-500.mobile {
    display: block;
  }

  .gradient-txt-1 {
    font-size: 70px;
  }

  .elipse-1 {
    width: 170px;
    height: 170px;
    top: -10px;
    left: -20px;
  }

  .flow-card {
    display: none;
  }

  .flow-card.mobile {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 543px;
    margin-top: 100px;
    padding: 220px 0 0;
    display: flex;
  }

  .flow-card-right {
    width: 80%;
    top: -50px;
  }

  .flow-card-top-title {
    z-index: 1;
    position: relative;
    top: -387px;
  }

  .flow-card-left {
    width: 100%;
    max-width: 350px;
    position: absolute;
    top: -117px;
    left: auto;
  }

  .image-7 {
    left: auto;
  }

  .flow-bg-1,
  .flow-bg-2 {
    display: none;
  }

  .cta-wrapper {
    padding-bottom: 40px;
  }

  .academi-alma-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .academia-alma-txt {
    display: none;
  }

  .academia-alma-txt.mobile {
    display: block;
  }

  .teacher-wrapper {
    padding-top: 20px;
    padding-bottom: 60px;
  }

  .in-teacher-wrapper {
    margin-top: 60px;
  }

  .teacher-grid._4people {
    display: none;
  }

  .message-section {
    margin-top: 0px;
  }

  .message-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column-reverse;
    grid-template-rows: auto;
    grid-template-columns: 3fr 7fr;
    grid-auto-columns: 1fr;
    display: none;
    padding-top: 80px;
  }

  .message-wrapper.mobile {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .message-wrapper.mobile.slide-in {
    flex-flow: column;
  }

  .maessage-left {
    justify-content: flex-start;
    align-items: center;
    max-width: 226px;
  }

  .message-right {
    flex-flow: column-reverse;
    justify-content: flex-start;
    align-items: center;
    width: 95%;
    padding-top: 0;
    padding-bottom: 100px;
  }

  .message-txt-area {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
  }

  .message-div {
    margin-top: 60px;
  }

  .image-9 {
    margin-right: 0;
  }

  .message-wrapper-2 {
    margin-top: 60px;
    padding-bottom: 60px;
  }

  .faq-wrapper {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .faq-grid {
    grid-row-gap: 24px;
    margin-top: 40px;
  }

  .base-txt-50px,
  .main-50px {
    font-size: 32px;
  }

  .declaration-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .access-wrapper {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .button-2 {
    max-width: 280px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .footer-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    padding: 20px 3%;
  }

  .header {
    height: 80px;
  }

  .nav-link {
    min-width: 136px;
    font-size: 18px;
  }

  .main-16px.lh-150.weight-500 {
    display: none;
  }

  .brand-2 {
    justify-content: center;
    align-items: center;
  }

  .image-12 {
    aspect-ratio: 91 / 84;
    width: 80px;
    height: auto;
  }

  .footer-link-area.navbar {
    width: 70%;
  }

  .splide__list {
    min-width: 100%;
  }

  .splide__slide {
    width: 100%;
    min-width: 100%;
  }

  .splide__arrows {
    width: 105%;
  }

  .splide__arrow.splide__arrow--prev,
  .splide__arrow.splide__arrow--next {
    width: 35px;
    height: 35px;
  }

  .menu-button {
    width: 80px;
    padding: 25px;
  }

  .link-block {
    width: 80px;
  }

  .div-block-1345 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 6fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-1346 {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
  }

  .div-block-1347 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 12fr;
    grid-auto-columns: 1fr;
    width: 100%;
    min-width: 100%;
    display: grid;
  }

  .div-block-1347._2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 5fr;
  }

  .label-menu-icon {
    width: 80px;
  }

  .footer-card {
    width: 50%;
    padding-left: 6px;
  }

  .div-block-66 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    height: calc(100vh - 80px);
    padding-top: 0;
  }

  ._16px.white-text.footer {
    font-size: 16px;
  }

  .slide-nav-menu {
    height: calc(100vh - 80px);
    top: 80px;
  }

  ._18px {
    font-size: 14px;
  }

  .div-block-1349 {
    width: 70%;
    min-width: 302px;
  }
}

@media screen and (max-width: 479px) {
  .main-80px {
    font-size: 40px;
  }

  .main-30px {
    font-size: 20px;
  }

  .main-30px.lh-150.weight-500.mobile {
    letter-spacing: 8px;
    font-size: 20px;
  }

  .main-28px {
    font-size: 18px;
  }

  .main-24px.lh-150.weight-700 {
    letter-spacing: 2px;
  }

  .base-80px {
    font-size: 40px;
  }

  .base-22px {
    font-size: 18px;
  }

  .base-22px.lh-150.weight-500 {
    letter-spacing: -1px;
  }

  .base-16px {
    font-size: 12px;
  }

  .base-16px.sub.lh-200.weight-400 {
    font-size: 14px;
  }

  .base-12px.weight-400.lh-150 {
    letter-spacing: 3px;
    font-size: 5px;
  }

  .main-txt-50px {
    letter-spacing: 1px;
    font-size: 18px;
  }

  .main-txt-28px {
    font-size: 18px;
  }

  .main-txt-28px.flow {
    letter-spacing: 2px;
    font-size: 16px;
  }

  .main-txt-24px,
  .main-txt-24px.lh-150.weight-500.vertical-1 {
    font-size: 18px;
  }

  .main-txt-22px {
    font-size: 16px;
    font-weight: 400;
  }

  .main-txt-20px {
    letter-spacing: 3px;
    font-size: 12px;
  }

  .main-txt-20px.lh-150.weight-500.mobile {
    letter-spacing: 4px;
    font-size: 16px;
  }

  .main-txt-20px.lh-150.weight-500.mobile.center {
    letter-spacing: 3px;
  }

  .main-txt-16px {
    font-size: 12px;
  }

  .main-txt-16px.lh-200.weight-500 {
    font-size: 13px;
  }

  .main-txt-16px.lh-200.weight-500.detail {
    font-size: 14px;
  }

  .main-txt-14px.lh-150.weight-500.vertical-1 {
    font-size: 10px;
  }

  .sub-txt-16px.lh-200.weight-400.performance,
  .sub-txt-16px.lh-200.weight-400.performance.mobile {
    letter-spacing: -1px;
  }

  .sub-txt-16px.lh-200.weight-400.mobile-none {
    display: none;
  }

  .accent-50px {
    font-size: 30px;
  }

  .sg-body {
    padding-top: 60px;
  }

  .fv-container {
    height: 152vw;
    padding-top: 12vw;
    padding-bottom: 8vw;
  }

  .cta-button-1 {
    bottom: 10px;
  }

  .base-30px {
    font-size: 16px;
  }

  .base-18px {
    font-size: 11px;
  }

  .base-18px.lh-150.weight-700 {
    letter-spacing: 3px;
  }

  .bubble-1 {
    top: -30px;
  }

  .inline-bubble-1 {
    padding-left: 10px;
  }

  .concept-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .concept-card-1 {
    width: 10%;
  }

  .concept-card-2 {
    margin-top: 20px;
  }

  .concept-card-3 {
    width: 65%;
  }

  .align-bottom {
    width: 20%;
  }

  .align-bottom._2 {
    bottom: -10px;
  }

  .button-1 {
    grid-column-gap: 4%;
    width: 94%;
    padding: 20px;
  }

  .oppotunity-wrapper {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .section-title.mobile {
    margin-bottom: 40px;
  }

  .oppotunity-grid {
    grid-row-gap: 40px;
  }

  .oppotunity-card {
    grid-row-gap: 20px;
  }

  .image-4 {
    width: 85%;
    max-width: none;
  }

  .align-top {
    top: -14px;
  }

  .gallary-wrapper.cta,
  .performance-wrapper {
    padding-bottom: 60px;
  }

  .detail-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .detail-div {
    background-size: 100% 100%;
    padding: 80px 32px 28px;
  }

  .information-card {
    grid-template-columns: 1fr 4fr;
    padding-left: 8px;
    padding-right: 8px;
  }

  .info-title {
    padding-right: 30px;
  }

  .info-title._2 {
    padding-right: 6px;
  }

  .accent-16px {
    font-size: 12px;
  }

  .accent-16px.lh-150.weight-500 {
    word-break: keep-all;
  }

  .info-txt {
    padding-left: 8px;
  }

  .guidelines-grid {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .gidelines-card {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .guidelines-card-txt {
    grid-row-gap: 4px;
  }

  .flow-left {
    z-index: 8;
    top: 233px;
    left: -6px;
  }

  .main-txt-90px.lh-150.weight-500.mobile-none {
    display: none;
  }

  .gradient-txt-1 {
    font-size: 50px;
  }

  .elipse-1 {
    width: 100px;
    height: 100px;
    top: 35px;
    left: -6px;
  }

  .flow-card.mobile {
    padding-top: 140px;
  }

  .flow-card-right {
    width: 90%;
  }

  .flow-card-top-title {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--color-base);
    paint-order: stroke;
    top: -300px;
  }

  .flow-card-top-title._1 {
    top: -308px;
  }

  .flow-card-left {
    max-width: 260px;
  }

  .cta-wrapper {
    padding-top: 60px;
    padding-bottom: 10px;
  }

  .teacher-wrapper.slide-in {
    padding-top: 60px;
  }

  .teacher-grid._4people {
    margin-top: 40px;
  }

  .message-wrapper {
    padding-top: 60px;
  }

  .message-right {
    padding-bottom: 60px;
  }

  .message-txt-area {
    padding-left: 15px;
    padding-right: 15px;
  }

  .message-div {
    margin-top: 40px;
  }

  .message-name-div {
    margin-top: 20px;
  }

  .message-wrapper-2 {
    padding-bottom: 60px;
  }

  .faq-wrapper {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .base-txt-50px,
  .main-50px {
    font-size: 30px;
  }

  .declaration-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .access-wrapper {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .ct-wrapper {
    width: 95%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .ct-card {
    grid-row-gap: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .button-2 {
    max-width: 220px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-flow: column;
  }

  .header {
    height: 70px;
  }

  .nav-link {
    min-width: 116px;
    font-size: 16px;
  }

  .image-10 {
    width: 50px;
    height: auto;
  }

  .brand-2 {
    justify-content: flex-start;
    align-items: center;
  }

  .image-12 {
    width: 60px;
  }

  .footer-link-area {
    display: none;
  }

  .footer-link-area.navbar {
    grid-column-gap: 20px;
    width: 80%;
    display: flex;
  }

  .splide__arrows {
    max-width: 450px;
    padding-left: 0%;
    padding-right: 0%;
    top: 0%;
    bottom: 15%;
  }

  .div-block-1343 {
    width: 100px;
    min-width: 100px;
  }

  .splide__arrow.splide__arrow--prev,
  .splide__arrow.splide__arrow--next {
    min-width: auto;
    padding: 10px;
  }

  .splide__arrow.splide__arrow--prev {
    padding: 10px;
  }

  .splide__arrow.splide__arrow--next {
    min-width: auto;
    padding: 10px;
  }

  .menu-button {
    width: 60px;
    padding: 15px;
  }

  .link-block {
    width: 70px;
  }

  .base-8px.weight-700 {
    font-weight: 400;
  }

  .div-block-1345 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-columns: 1fr 6fr;
    display: flex;
  }

  .div-block-1347 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex;
  }

  .label-menu-icon {
    width: 70px;
  }

  ._14px {
    font-size: 12px;
  }

  .contact-botton.head {
    width: 60%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-66 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 70px);
  }

  ._16px {
    font-size: 12px;
  }

  .slide-nav-menu {
    height: calc(100vh - 70px);
    top: 70px;
  }

  .apply-button.head {
    width: 60%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-1349 {
    width: 80%;
    min-width: 230px;
  }
}

.menu-btn {
  display: none;
}
.menu-icon {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 24px 14px;
  -webkit-tap-highlight-color: transparent;
}
.navicon {
  background: #e50295;
  display: block;
  height: 3px;
  width: 26px;
  position: relative;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
.navicon:before,
.navicon:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  background: #e50295;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
.navicon:before {
  top: 9px;
  background: #e50295;
}
.navicon:after {
  bottom: 9px;
  background: #e50295;
}
/* Hamburger Menu Animation Start */
.menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
  background: #e50295;
}
.menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
  background: #e50295;
}
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
  top: 0;
}
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  bottom: 0;
}
.menu-btn:checked ~ .menu-icon .navicon {
  background: rgba(0, 0, 0, 0);
  transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
.header-wrapper:has(#menu-btn:checked) .label-menu-icon {
  background: #f7f1f3;
}

@keyframes slide-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes slide-right {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}

.in-gallary-slide-1 {
  animation: slide-left 40s linear infinite;
  display: flex;
}

.in-gallary-slide-2 {
  animation: slide-right 40s linear infinite;
  display: flex;
}

.slide-in {
  opacity: 0;
  transform: translateY(48px);
  transition: opacity 0.6s ease-out 0.48s, transform 0.6s ease-out 0.48s;
}

.slide-in.is-visible {
  opacity: 1;
  transform: translateY(0);
}