/*
  Refactor note:
  - Existing Anima-generated classes are intentionally preserved for visual compatibility.
  - index.html now also contains semantic helper classes such as .lp-page, .hero, .site-header, .content-card, .cta-button.
  - Add future custom styles against semantic classes when possible.
*/
body.has-fixed-header {
  padding-top: 44px;
}
.index {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 375px;
  position: relative;
}
.index .header-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: space-around;
  padding: 10px 16px;
  position: relative;
  width: 100%;
  z-index: 100;
  transition: all 0.3s ease;
}
.index .header-1.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(10px);
}
.index .frame-427318658-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  justify-content: space-between;
  max-width: 720px;
  position: relative;
}
.index .eb281e_293386c744ad4-2 {
  height: 30px;
  /* width: 222px; */
}
.index .icons-1 {
  height: 30px;
  position: relative;
  width: 30px;
}

.index .hero {
  align-items: center;
  align-self: stretch;
  background-color: var(--frost);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.index .hero-visual {
  height: 350px;
  position: relative;
  width: 100%;
  max-width: 720px;
  overflow: hidden;
}

.index .hero-visual::before,
.index .hero-visual::after {
  content: "";
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.index .hero-visual::before {
  left: 0;
  background-image: url("../img/main_1.png");
}

.index .hero-visual::after {
  right: 0;
  background-image: url("../img/main_2.png");
}

.index .hero-visual-wave {
  position: absolute;
  left: 50%;
  bottom: -1px;
  z-index: 2;
  width: 110%;
  max-width: none;
  transform: translateX(-50%);
  display: block;
}

.index .hero-content {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  margin-top: -1px;
  position: relative;
  width: 100%;
}

.index .hero-text-panel {
  align-self: stretch;
  background-image: url("../img/textarea-1.svg");
  background-position: 50% 50%;
  background-size: cover;
  height: 220px;
  position: relative;
  width: 100%;
}

.index .hero-text-inner {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  z-index: 2;
}

.index .hero-title {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.index .frame-427318641-1 {
  align-items: center;
  background-color: var(--apple);
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 2px 16px;
  position: relative;
  align-self: center;     
  width: fit-content;     
}
.index .text-45 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.index .frame-427318640-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 6px;
  position: relative;
}
.index .frame-427318650-1 {
  align-items: center;
  background-color: var(--white);
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 0px 12px;
  position: relative;
  z-index: 1;
}
.index .text-68-1 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 39px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.index .span-5 {
  line-height: 33px;
}
.index .frame-427318634-1 {
  align-items: center;
  aspect-ratio: 1;
  background-color: var(--flamingo);
  border-radius: 999px;
  display: flex;
  flex-direction: column;
  height: 56px;
  justify-content: center;
  left: -52px;
  overflow: hidden;
  position: absolute;
  top: calc(50.00% - 28px);
  width: 56px;
}
.index .rectangle-37-1 {
  background-color: var(--mine-shaft-2);
  height: 68px;
  left: -7px;
  mix-blend-mode: multiply;
  position: absolute;
  top: 8px;
  transform: rotate(-60.00deg);
  width: 43px;
}
.index .text-46 {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -2px;
  position: relative;
  text-align: center;
}
.index .frame-427318635-1 {
  align-items: center;
  aspect-ratio: 1;
  background-color: var(--flamingo);
  border-radius: 999px;
  display: flex;
  flex-direction: column;
  height: 56px;
  justify-content: center;
  overflow: hidden;
  position: absolute;
  right: -52px;
  top: calc(50.00% - 28px);
  width: 56px;
}
.index .frame-427318649-1 {
  align-items: center;
  background-color: var(--white);
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 0px 12px;
  position: relative;
  z-index: 0;
}

@media (min-width: 768px) {
  .index .frame-427318641-1{
    padding: 4px 16px;
  }
  .index .frame-427318649-1 {
    padding: 8px 12px;
  }
  .index .frame-427318650-1{
    padding: 8px 12px;
  }
}

.index .text-71 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.index .table-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1px;
  position: relative;
}
.index .frame-427318646-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--thunder);
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 2px 0px;
  position: relative;
  width: 100%;
}
.index .text-72 {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  padding: 2px 0;
}
.index .span-6 {
  line-height: 21px;
}
.index .frame-427318627-1 {
  display: grid;
  gap: 1px;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  height: fit-content;
  width: fit-content;
}
.index .frame-427318628-1 {
  align-items: center;
  background-color: var(--thunder);
  display: inline-flex;
  gap: 10px;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: fit-content;
  justify-content: center;
  padding: 8px 12px;
  position: relative;
  width: fit-content;
}
.index .text-47 {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}
.index .frame-427318629-1 {
  align-items: center;
  justify-content: center;
  background-color: var(--thunder);
  display: flex;
  gap: 10px;
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  height: fit-content;
  padding: 8px 12px;
  position: relative;
  width: 100%;
}
.index .frame-427318630-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  height: 100%;
  justify-content: center;
  padding: 0px 12px;
  position: relative;
  width: 100%;
}
.index .text-7-1 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 27px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.index .span-7 {
  line-height: 24px;
}
.index .frame-427318631-1 {
  align-items: center;
  background-color: var(--white);
  display: inline-flex;
  gap: 10px;
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  height: 100%;
  justify-content: center;
  padding: 0px 12px;
  position: relative;
  width: fit-content;

}
.index .frame-427318630-1,
.index .frame-427318631-1 {
  width: auto;      
  min-width: 0;    
}
.index .text-76 {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: fit-content;
}
.index .frame-427318626-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--apple);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  padding: 16px;
  position: relative;
  width: 100%;
}
.index .frame-427318633-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2px;
  position: relative;
}
.index .frame-427318632-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  position: relative;
}
.index .frame-427318643-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 2px;
  position: relative;
}
.index .iconsmap_fill-1 {
  aspect-ratio: 1;
  height: 20px;
  position: relative;
  width: 20px;
}
.index .jr-11-13-1 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.index .section-5 {
  background-color: var(--white);
}
.index .wrap-9 {
  background-color: var(--gallery);
  border: 1px solid;
  border-color: var(--thunder);
  gap: 8px;
  max-width: 720px;
  padding: 12px;
}
.index .iconserror-1 {
  aspect-ratio: 1;
  height: 26px;
  position: relative;
  width: 26px;
}
.index .frame-427318644-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 4px;
  justify-content: center;
  position: relative;
}
.index .text-48 {
  align-items: center;
  align-self: stretch;
  display: flex;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
}
.index .wrap-5 {
  flex-direction: column;
  gap: 32px;
  max-width: 720px;
}
.index .h2-11 {
  align-items: flex-start;
  gap: 4px;
  padding: 4px 0px;
}
.index .deco-txt-5 {
  left: calc(50.00% - 120px);
}
.index .text-49 {
  flex: 1;
  letter-spacing: 0;
  line-height: 39px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
.index .slot-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  max-width: 720px;
  position: relative;
  width: 100%;
}
.index .cardp1-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  /* max-width: 480px; */
  position: relative;
  width: 100%;
}
.index .figure-16 {
  background-image: url(../img/figure@2x.png);
  /* aspect-ratio: 480 / 166; */
}
.index .text-50 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  margin-top: -28px;
  position: relative;
  width: 100%;
}
.index .frame-427318-2 {
  gap: 16px;
}
.index .number-3 {
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
}
.index .number-4 {
  display: flex;
  letter-spacing: 0;
  line-height: 120px;
  margin-top: -3.00px;
  white-space: nowrap;
  width: fit-content;
}
.index .text-51 {
  align-items: center;
  align-self: stretch;
  display: flex;
  letter-spacing: 0;
  line-height: 33px;
  position: relative;
}
.index .text-52 {
  align-items: center;
  align-self: stretch;
  display: flex;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
}
.index .figure-17 {
  background-image: url(../img/figure-1@2x.png);
  aspect-ratio: 480 / 166;
}
.index .text_label-4 {
  align-self: stretch;
  line-height: 33px;
}
.index .text_label-5 {
  align-self: stretch;
  line-height: 24px;
}
.index .figure-18 {
  background-image: url(../img/figure-2@2x.png);
  aspect-ratio: 480 / 166;
}
.index .figure-19 {
  background-image: url(../img/figure-3@2x.png);
  aspect-ratio: 480 / 166;
}
.index .figure-20 {
  background-image: url(../img/figure-4@2x.png);
  aspect-ratio: 480 / 166;
}
.index .figure-15 {
  background-image: url(../img/figure-14@2x.png);
  aspect-ratio: 480 / 166;
}
.index .frame-4273185-5 {
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
}
.index .text-53 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
.index .button-area-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 40px 0px 0px;
  position: relative;
  width: 100%;
}
.index .button-3 {
  background: linear-gradient(90deg, rgba(239, 97, 34, 1) 0%, rgba(255, 160, 36, 1) 100%);
  height: 73.75px;
  width: 100%;
}
.index .content-2 {
  gap: 4px;
}
.index .main-text-3 {
  display: inline-flex;
  gap: 8px;
}
.index .iconsdate-1 {
  aspect-ratio: 1;
  height: 27px;
  position: relative;
  width: 27px;
}
.index .text-82 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 33px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.index .bubble-1 {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  left: calc(50.00% - 64px);
  position: absolute;
  top: -20px;
}
.index .frame-427318482-1 {
  align-items: center;
  background-color: var(--white);
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 2px 16px;
  position: relative;
}
.index .polygon-3-1 {
  height: 9px;
  position: relative;
  width: 12px;
}
.index .section3-3 {
  background-color: var(--frost);
  padding: 0px 0px 64px;
}
.index .frame-427318651-2 {
  background-image: url(../img/img_kids.png);
}
.index .wrap-6 {
  flex-direction: column;
  gap: 32px;
  margin-top: -100px;
  max-width: 720px;
}
.index .frame-2-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 0px 16px;
  position: relative;
  width: 100%;
}
.index .frame-427318562-1 {
  align-items: flex-start;
  background-color: var(--frost);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  max-width: 480px;
  position: relative;
  width: 100%;
}
.index .frame-427318560-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.index .frame-427318559-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--apple);
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 4px 0px;
}
.index .text-54 {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
.index .h2-12 {
  align-items: flex-start;
  gap: 4px;
  padding: 12px 0px;
}
.index .frame-427318561-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  position: relative;
  width: 100%;
}
.index .text-69 {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
  width: fit-content;
}
.index .frame-427318655-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  max-width: 480px;
  padding: 0px 16px;
  position: relative;
  width: 100%;
}
.index .frame-427318549-3 {
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-template-rows: repeat(3,fit-content(100%));
  height: fit-content;
}
.index .frame-427318551-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: fit-content;
  position: relative;
  width: 100%;
}
.index .frame-427318552-4 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 16px;
  width: 100%;
}
.index .imgi_13_eb281e_b224b-3 {
  max-height: 140px;
  max-width: 140px;
  object-fit: cover;
}
.index .frame-427318550-3 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  justify-content: center;
  padding: 8px 4px;
  width: 100%;
}
.index .text-55 {
  flex: 1;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
.index .frame-427318552-5 {
  align-items: flex-start;
  background-color: var(--white);
  flex-direction: column;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  height: fit-content;
  width: 100%;
}
.index .frame-4273185-6 {
  align-items: flex-start;
  background-color: var(--white);
  flex-direction: column;
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  height: fit-content;
}
.index .frame-4273185-7 {
  align-items: flex-start;
  background-color: var(--white);
  flex-direction: column;
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  height: fit-content;
}
.index .frame-427318555-2 {
  height: fit-content;
}
.index .frame-427318556-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  height: fit-content;
  position: relative;
  width: 100%;
}
.index .polygon-6-1 {
  height: 39px;
  position: relative;
  width: 72.75px;
}
.index .h3deco-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}
.index .text-70 {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-shippori_mincho);
  font-size: 56px;
  font-weight: 700;
  height: 84px;
  justify-content: center;
  left: calc(50.00% - 112px);
  letter-spacing: 0;
  line-height: 84px;
  position: absolute;
  text-align: center;
  top: -41px;
  white-space: nowrap;
}
.index .text-73 {
  color: transparent;
  flex: 1;
  font-family: var(--font-family-shippori_mincho);
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 33px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
.index .span1-2 {
  color: var(--apple);
}
.index .text-74 {
  align-items: center;
  align-self: stretch;
  color: transparent;
  display: flex;
  font-family: var(--font-family-shippori_mincho);
  font-size: var(--font-size-xl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
}
.index .frame-427318557-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  position: relative;
  width: 100%;
}
.index .text-75 {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
.index .text-77 {
  align-items: center;
  align-self: stretch;
  cursor: pointer;
  display: flex;
  letter-spacing: 0;
  line-height: 15px;
  position: relative;
  text-decoration: underline;
}
.index .frame-427318558-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 16px 0px;
  position: relative;
  width: 100%;
}
.index .imgi_12_eb281e_e149c-1 {
  align-self: stretch;
  aspect-ratio: 1.5;
  object-fit: cover;
  position: relative;
  width: 100%;
}
.index .text-78 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 15px;
  position: relative;
}
.index .section3-4 {
  background-color: var(--gallery);
  gap: 32px;
  padding: 40px 16px 64px;
}
.index .wrap-7 {
  flex-direction: column;
  gap: 32px;
  max-width: 480px;
}
.index .frame-427318559-4 {
  align-items: center;
  align-self: stretch;
  background-color: var(--thunder);
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 8px 0px;
}
.index .text-79 {
  flex: 1;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
.index .h2-13 {
  align-items: flex-start;
  gap: 4px;
  padding: 4px 0px;
}
.index .frame-427318553-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  height: 100%;
  position: relative;
  width: 100%;
}
.index .text-56 {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
.index .frame-427318555-3 {
  height: 100%;
}
.index .frame-4273185-8 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
}
.index .text-80 {
  align-items: center;
  align-self: stretch;
  display: flex;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}
.index .frame-427318564-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}
.index .group-1-1 {
  background-color: var(--apple);
  border-radius: 115.5px;
  height: 231px;
  position: relative;
  width: 231px;
}
.index .ellipse-8-1 {
  height: 116px;
  left: 0;
  position: absolute;
  top: 0;
  width: 116px;
}
.index .frame-427318565-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 35px;
  top: 82px;
}
.index .text-81 {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
.index .text-83 {
  align-items: center;
  align-self: stretch;
  display: flex;
  letter-spacing: 0;
  line-height: 1;
  position: relative;
}
.index .span1-3 {
  line-height: 36px;
}
.index .frame-427318566-1 {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  left: 28px;
  position: absolute;
  top: 40px;
}
.index .text-84 {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}
.index .text-85 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 1;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.index .text-86 {
  align-items: center;
  align-self: stretch;
  display: flex;
  letter-spacing: 0;
  line-height: 15px;
  position: relative;
}
.index .section3-5 {
  gap: 32px;
}
.index .frame-427318567-2 {
  align-items: flex-start;
}
.index .polygon-7-1 {
  align-self: stretch;
  aspect-ratio: 2.55;
  position: relative;
  width: 100%;
}
.index .wrap-8 {
  flex-direction: column;
  gap: 32px;
  max-width: 720px;
  padding: 20px 16px 64px;
}
.index .h2-14 {
  align-items: flex-start;
  gap: 4px;
  padding: 4px 0px;
}
.index .card_2-1 {
  align-items: center;
  border: 1px solid;
  border-color: var(--pink-swan);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  margin-left: -1.00px;
  margin-right: -1.00px;
  max-width: 480px;
  position: relative;
  width: 100%;
}
.index .frame-427318568-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--apple);
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .text-85-1 {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}
.index .frame-427318569-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--gallery);
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  padding: 20px;
  position: relative;
  width: 100%;
}
.index .frame-427318570-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}
.index .figure-21 {
  background-image: url(../img/figure-5@2x.png);
  height: 163px;
  aspect-ratio: auto !important;
}
.index .text-57 {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
  text-align: center;
}
.index .frame-427318572-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  height: 213px;
  position: relative;
}
.index .figure-22 {
  background-image: url(../img/figure-6@2x.png);
  height: 163px;
  aspect-ratio: auto !important;
}
.index .frame-427318573-3 {
  padding: 4px 0px;
}
.index .text-58 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  position: relative;
  width: 100%;
}
.index .text-59 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
.index .frame-427318574-1 {
  align-items: flex-start;
  align-self: stretch;
  border-color: var(--pink-swan);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  padding: 8px 0px 0px;
  position: relative;
  width: 100%;
}
.index .text-60 {
  align-items: center;
  align-self: stretch;
  color: var(--apple);
  display: flex;
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
.index .text-61 {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}
.index .x615-1 {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}
.index .figure-23 {
  background-image: url(../img/figure-7@2x.png);
  height: 163px;
  aspect-ratio: auto !important;
}
.index .figure-24 {
  background-image: url(../img/figure-8@2x.png);
  height: 163px;
  aspect-ratio: auto !important;
}
.index .text-91 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 33px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.index .h2-15 {
  align-items: flex-start;
  gap: 4px;
  padding: 4px 0px;
}
.index .deco-txt-6 {
  left: calc(50.00% - 98px);
}
.index .frame-427318648-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  max-width: 480px;
  position: relative;
  width: 100%;
}
.index .frame-427318577-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--apple);
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 12px 0px;
  position: relative;
  width: 100%;
}
.index .text-62 {
  flex: 1;
  letter-spacing: 0;
  line-height: 27px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
.index .frame-427318575-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1px;
  position: relative;
  width: 100%;
}
.index .flowp2-2 {
  align-items: flex-start;
  gap: 32px;
  justify-content: center;
}
.index .frame-427318365-2 {
  flex: 1;
  flex-grow: 1;
  gap: 16px;
}
.index .frame-427318438-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}
.index .text-63 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 1;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.index .text-64 {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 0.7;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}
.index .text-66 {
  align-items: center;
  display: flex;
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}
.index .h2-16 {
  align-items: flex-start;
  gap: 4px;
  padding: 4px 0px;
}
.index .deco-txt-7 {
  color: #f5f5f5;
  font-family: var(--font-family-shippori_mincho);
  font-size: 64px;
  font-weight: 700;
  left: calc(50.00% - 102px);
}
.index .frame-427318549-5 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  max-width: 480px;
  position: relative;
  width: 100%;
}
.index .frame-4273185-9 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  flex: 0 0 auto;
}
.index .frame-427318552-6 {
  align-items: center;
  aspect-ratio: 1;
  gap: 10px;
  height: 86px;
  width: 86px;
}
.index .imgi_13_eb281e_b224b-4 {
  object-fit: cover;
}
.index .frame-427318550-4 {
  align-items: flex-start;
  flex: 1;
  flex-grow: 1;
  margin-left: -8px;
}
.index .text-67 {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 66px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}
.index .text-98 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 33px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.index .frame-427318651-3 {
  background-image: url(../img/img_adult.png);
}
.index .h2-17 {
  align-items: flex-start;
  gap: 4px;
  padding: 12px 0px;
}
.index .text-100 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
}
.index .frame-427318581-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  max-width: 480px;
  padding: 0px 16px;
  position: relative;
  width: 100%;
}
.index .frame-427318582-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 100%;
}
.index .ellipse-9-1 {
  height: 182px;
  position: relative;
  width: 183px;
}
.index .text-101 {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
  text-align: center;
}
.index .frame-427318549-4 {
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-template-rows: repeat(2,fit-content(100%));
  height: fit-content;
}
.index .imgi_13_eb281e_b224b-5 {
  max-height: 140px;
  max-width: 140px;
}
.index .frame-427318567-3 {
  align-items: center;
}
.index .frame-427318-3 {
  gap: 8px;
}
.index .h2-18 {
  align-items: center;
  gap: 12px;
}
.index .text-87 {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 39px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
.index .text-88 {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 27px;
  position: relative;
  text-align: center;
}
.index .frame-427318585-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  max-width: 480px;
  position: relative;
  width: 100%;
}
.index .text-102 {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  letter-spacing: 0;
  line-height: 27px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
.index .frame-427318552-7 {
  align-items: center;
  align-self: stretch;
  aspect-ratio: 1;
  gap: 10px;
  width: 100%;
}
.index .frame-427318550-5 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--gallery);
  flex: 0 0 auto;
  justify-content: center;
  padding: 8px 4px;
  width: 100%;
}
.index .frame-427318559-5 {
  align-items: flex-start;
  background-color: var(--white);
  flex-direction: column;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  height: 100%;
}
.index .h2-19 {
  align-items: flex-start;
  gap: 4px;
  padding: 4px 0px;
}
.index .deco-txt-8 {
  left: calc(50.00% - 126px);
}
.index .flowp2-3 {
  align-items: center;
  flex-direction: column;
  gap: 16px;
}
.index .frame-427318365-3 {
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.index .frame-427318587-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 4px;
  position: relative;
  width: 100%;
}
.index .frame-427318586-1 {
  align-self: stretch;
  background-color: var(--celeste);
  position: relative;
  width: 100%;
}
.index .text-105 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 33px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.index .h2-20 {
  align-items: flex-start;
  gap: 4px;
  padding: 4px 0px;
}
.index .deco-txt-9 {
  left: calc(50.00% - 122px);
}
.index .figure-25 {
  background-image: url(../img/figure-9@2x.png);
  aspect-ratio: 480 / 166;
}
.index .number-5 {
  display: flex;
  letter-spacing: 0;
  line-height: 120px;
  margin-top: -3.00px;
  white-space: nowrap;
  width: fit-content;
}
.index .figure-26 {
  background-image: url(../img/figure-10@2x.png);
  aspect-ratio: 480 / 166;
}
.index .figure-27 {
  background-image: url(../img/figure-11@2x.png);
  aspect-ratio: 480 / 166;
}
.index .figure-28 {
  background-image: url(../img/figure-12@2x.png);
  aspect-ratio: 480 / 166;
}
.index .figure-29 {
  background-image: url(../img/figure-13@2x.png);
  aspect-ratio: 480 / 166;
}
.index .text_label-6 {
  align-self: stretch;
  line-height: 24px;
}
.index .text-109 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 33px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
.index .text-110 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 33px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.index .section-6 {
  background-color: var(--apple);
}
.index .h2-21 {
  align-items: center;
  gap: 12px;
}
.index .text-89 {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-shippori_mincho);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 39px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
.index .frame-427318588-1 {
  display: grid;
  gap: 2px;
  grid-template-columns: fit-content(100%) minmax(0,1fr);
  grid-template-rows: repeat(3,fit-content(100%));
  height: fit-content;
  max-width: 480px;
  width: 100%;
}
.index .frame-427318589-1 {
  align-items: center;
  background-color: var(--frost);
  display: inline-flex;
  gap: 10px;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: 100%;
  justify-content: center;
  padding: 10px 16px;
  position: relative;
  width: fit-content;
}
.index .text-68 {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}
.index .frame-427318590-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  height: fit-content;
  padding: 10px 16px;
  position: relative;
  width: 100%;
}
.index .jr11-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}
.index .frame-427318592-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  height: fit-content;
  padding: 10px 16px;
  position: relative;
  width: 100%;
}
.index .frame-427318591-1 {
  align-items: center;
  background-color: var(--frost);
  display: inline-flex;
  gap: 10px;
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  height: 100%;
  justify-content: center;
  padding: 10px 16px;
  position: relative;
  width: fit-content;
}
.index .frame-427318593-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  height: fit-content;
  padding: 10px 16px;
  position: relative;
  width: 100%;
}
.index .frame-427318594-1 {
  align-items: center;
  background-color: var(--frost);
  display: inline-flex;
  gap: 10px;
  grid-column: 1 / 2;
  grid-row: 3 / 4;
  height: 100%;
  justify-content: center;
  padding: 10px 16px;
  position: relative;
  width: fit-content;
}
.index .section-7 {
  background-color: var(--frost);
  padding-bottom: 160px !important;
}
.index .eb281e_293386c744ad4-3 {
  align-self: stretch;
  width: 100%;
}
.index .frame-427318622-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  position: relative;
  width: 100%;
}



.index .frame-427318620-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 100%;
}
.index .eb281e_56aea98cb4764-1 {
  align-self: stretch;
  aspect-ratio: 1.08;
  object-fit: cover;
  position: relative;
  width: 100%;
}
.index .x1-91-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
}
.index .frame-427318595-1 {
  display: grid;
  gap: 1px;
  grid-template-columns: fit-content(100%) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  grid-template-rows: repeat(3,fit-content(100%));
  height: fit-content;
  width: 100%;
}
.index .frame-427318596-1 {
  background-color: var(--apple);
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: 100%;
  position: relative;
  width: 100%;
}
.index .frame-427318597-1 {
  align-items: center;
  background-color: var(--apple);
  display: flex;
  gap: 10px;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  height: fit-content;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .frame-427318598-1 {
  align-items: center;
  background-color: var(--apple);
  display: flex;
  gap: 10px;
  grid-column: 3 / 4;
  grid-row: 1 / 2;
  height: fit-content;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .frame-427318599-1 {
  align-items: center;
  background-color: var(--apple);
  display: flex;
  gap: 10px;
  grid-column: 4 / 5;
  grid-row: 1 / 2;
  height: fit-content;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .frame-427318600-1 {
  align-items: center;
  background-color: var(--apple);
  display: flex;
  gap: 10px;
  grid-column: 5 / 6;
  grid-row: 1 / 2;
  height: fit-content;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .frame-427318601-1 {
  align-items: center;
  background-color: var(--apple);
  display: flex;
  gap: 10px;
  grid-column: 6 / 7;
  grid-row: 1 / 2;
  height: fit-content;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .frame-427318602-1 {
  align-items: center;
  background-color: var(--apple);
  display: flex;
  gap: 10px;
  grid-column: 7 / 8;
  grid-row: 1 / 2;
  height: fit-content;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .frame-427318603-1 {
  align-items: center;
  background-color: var(--apple);
  display: flex;
  gap: 10px;
  grid-column: 8 / 9;
  grid-row: 1 / 2;
  height: fit-content;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .frame-427318604-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  height: fit-content;
  justify-content: center;
  padding: 10px 8px;
  position: relative;
  width: 100%;
}
.index .x900-2 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.index .frame-427318605-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 1 / 2;
  grid-row: 3 / 4;
  height: fit-content;
  justify-content: center;
  padding: 10px 8px;
  position: relative;
  width: 91px;
}
.index .frame-427318606-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  height: 100%;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .text-1-1 {
  margin-top: -0.50px;
  position: relative;
  width: fit-content;
}
.index .frame-427318607-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 3 / 4;
  grid-row: 2 / 3;
  height: 100%;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .frame-427318608-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 4 / 5;
  grid-row: 2 / 3;
  height: 100%;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .frame-427318609-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 5 / 6;
  grid-row: 2 / 3;
  height: 100%;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .text-1-2 {
  height: 24px;
  position: absolute;
  right: 3px;
  top: 2px;
}
.index .frame-427318610-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 6 / 7;
  grid-row: 2 / 3;
  height: 100%;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .frame-427318611-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 7 / 8;
  grid-row: 2 / 3;
  height: 100%;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .frame-427318612-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 8 / 9;
  grid-row: 2 / 3;
  height: 100%;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .frame-427318613-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  height: 100%;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .frame-427318614-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 3 / 4;
  grid-row: 3 / 4;
  height: 100%;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .frame-427318615-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 4 / 5;
  grid-row: 3 / 4;
  height: 100%;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .frame-427318616-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 5 / 6;
  grid-row: 3 / 4;
  height: 100%;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .frame-427318617-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 6 / 7;
  grid-row: 3 / 4;
  height: 100%;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .frame-427318618-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 7 / 8;
  grid-row: 3 / 4;
  height: 100%;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .frame-427318619-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  grid-column: 8 / 9;
  grid-row: 3 / 4;
  height: 100%;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}
.index .text-131 {
  align-self: stretch;
  color: transparent;
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
}
.index .floating-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 8px 16px;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #ffffffb2;
  z-index: 100;

  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}

.index .floating-1.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.index .button-4 {
  background: linear-gradient(90deg, rgba(239, 97, 34, 1) 0%, rgba(255, 160, 36, 1) 100%);
  flex: 1;
  flex-grow: 1;
}
.index .content-3 {
  gap: 2px;
  margin-left: -11.25px;
  margin-right: -11.25px;
}
.index .main-text-4 {
  display: inline-flex;
  gap: 2px;
}
.index .text_label-7 {
  align-items: center;
  display: flex;
  line-height: 33px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}
.index .button-5 {
  background: linear-gradient(90deg, #06C755 24.64%, #12DE5C 100%);
  flex: 1;
  flex-grow: 1;
}
.index .content-4 {
  gap: 4px;
  margin-left: -16.77px;
  margin-right: -16.77px;
}
.index .main-text-5 {
  display: flex;
  gap: 2px;
  width: 142.03px;
}
.index .line_app_i-os-1-1 {
  align-self: stretch;
  aspect-ratio: 1;
  object-fit: cover;
  position: relative;
  height: 33px;
}
.index .line-1 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 33px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.index .button {
  align-items: center;
  box-shadow: 0px 0px 20px #00000040;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  max-width: 400px;
  padding: 16px 8px;
  position: relative;
  width: 100%;
}
.index .content {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.index .deco-txt {
  align-items: center;
  display: flex;
  height: 96px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 96px;
  opacity: 0.6;
  position: absolute;
  text-align: center;
  top: -16px;
  white-space: nowrap;
}
.index .eb281e_293386c744ad4 {
  aspect-ratio: 9.24;
  object-fit: cover;
  position: relative;
}
.index .figure {
  align-self: stretch;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  aspect-ratio: 480 / 166;
}
.index .flowp2 {
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  padding: 16px;
  position: relative;
  width: 100%;
}
.index .frame-427318 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.index .frame-427318365 {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.index .frame-4273185 {
  display: flex;
  position: relative;
  width: 100%;
}
.index .frame-427318550 {
  display: flex;
  gap: 10px;
  position: relative;
}
.index .frame-427318552 {
  display: flex;
  position: relative;
}
.index .frame-427318555 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  grid-column: 1 / 2;
  grid-row: 3 / 4;
  position: relative;
  width: 100%;
}
.index .frame-427318559 {
  display: flex;
  position: relative;
  width: 100%;
}
.index .frame-427318567 {
  position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);

    display: flex;
    flex-direction: column;
    gap: 10px;

    width: 100%;
  max-width: 480px;
}
.index .frame-427318651 {
  background-position: 50% 50%;
  background-size: cover;
  height: 280px;
  max-width: 720px;
  position: relative;
  width: 100%;
}
.index .h2 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.index .imgi_13_eb281e_b224b {
  aspect-ratio: 1;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 100%;
}
.index .main-text {
  align-items: center;
  flex: 0 0 auto;
  position: relative;
}
.index .number {
  align-items: center;
  position: relative;
  line-height: 0.7;
}
.index .section {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  padding: 40px 16px 64px;
  position: relative;
  width: 100%;
}
.index .section3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.index .sub-txt {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
.index .text-1 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}
.index .text_label {
  letter-spacing: 0;
  position: relative;
}
.index .wrap {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}
.index .x01 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 120px;
  margin-top: -3.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  line-height: 0.7;
}
@media (min-width: 768px) {
  .index .frame-427318622-1 {
    flex-direction:  row;
  }
  .index .frame-427318620-1{
    flex: 1 1 0;
    min-width: 0;
  }
  .index .frame-427318{
    flex: 1 1 0;
    min-width: 0;
  }
}

.video-bg {
  position: relative;
  width: 100%;
  aspect-ratio: 480 / 166; /* figureと同じ高さ */
  overflow: hidden;
}

.video-bg video {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 100%;
  height: 100%;

  object-fit: cover;        /* ← これがWixのfillと同じ */
  transform: translate(-50%, -50%);
}


.menu-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;

  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}

.menu-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

.menu-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6);
}

.menu-content {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;

  background: #fff;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  transform: translateY(20px);
  transition: 0.3s;
}

.menu-modal.is-open .menu-content {
  transform: translateY(0);
}

.menu-close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 32px;
  background: none;
  border: none;
}

.menu-nav {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.menu-link {
  font-size: 20px;
  text-decoration: none;
  color: #333;
}

.line{
padding: 24px 0;
}
.line_text{
  background: var(--apple);
  text-align: center;
  padding: 16px 0;
  color: #fff;
  position: relative;
  line-height: 1.5;
}

.line_text::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid var(--apple);
}

@media (min-width: 768px) {
  .line_Lists{
    display: flex;
  }
}

.index .button-line{
  height: 74px;
  flex: auto;
}
.text-center{
  text-align: center;
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
}