@charset "UTF-8";
.l-wrapper .l-container {
  width: 100%;
  background-color: var(--c-bg);
  overflow-x: hidden;
}

.l-fv, .l-sec {
  position: relative;
  width: 100%;
}
@media (min-width: 1025px) {
  .l-fv, .l-sec {
    height: 100lvh;
  }
}
.l-fv__inner, .l-sec__inner {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: var(--g-var-grid-col-gap-sp);
}
@media (min-width: 1025px) {
  .l-fv__inner, .l-sec__inner {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 330fr 250fr;
    row-gap: 20px;
    column-gap: var(--g-var-grid-col-gap-sp);
  }
}

.l-fv {
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .l-fv {
    margin-bottom: 20px;
  }
}
.l-fv__inner {
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1025px) {
  .l-fv__inner {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.l-fv .block1 {
  grid-column: 1/span 4;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .l-fv .block1 {
    grid-column: 1/span 6;
    grid-row: 1/span 2;
    margin-bottom: 0;
  }
}
.l-fv .block2 {
  grid-column: 3/span 2;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .l-fv .block2 {
    grid-column: 7/span 6;
    grid-row: 1/span 1;
    margin-bottom: 8px;
  }
}
.l-fv .block3 {
  grid-column: 1/span 4;
}
@media (min-width: 1025px) {
  .l-fv .block3 {
    grid-column: 10/span 3;
    grid-row: 2/span 1;
  }
}
.l-fv .c-fv-title {
  position: absolute;
  top: 54.7647768396%;
  left: 32px;
}
@media (min-width: 1025px) {
  .l-fv .c-fv-title {
    top: auto;
    left: auto;
    bottom: 0;
    right: 18.9%;
  }
}

.l-sec.sec1 .l-sec__inner {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec1 .l-sec__inner {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    column-gap: 20px !important;
  }
}
.l-sec.sec1 .block1 {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: var(--g-var-grid-col-gap-sp);
  grid-column: 1/span 1;
}
@media (min-width: 1025px) {
  .l-sec.sec1 .block1 {
    margin-bottom: 0;
    grid-column: 1/span 3;
    grid-row: 1/span 2;
    gap: 20px;
  }
}
.l-sec.sec1 .block2 {
  margin-bottom: 16px;
  grid-column: 2/span 3;
}
@media (min-width: 1025px) {
  .l-sec.sec1 .block2 {
    margin-bottom: 0;
    grid-column: 4/span 6;
    grid-row: 1/span 2;
  }
}
.l-sec.sec1 .block3 {
  display: flex;
  flex-direction: column;
  gap: var(--g-var-grid-col-gap-sp);
  grid-column: 1/span 4;
}
@media (min-width: 1025px) {
  .l-sec.sec1 .block3 {
    gap: 20px;
    grid-column: 10/span 3;
    grid-row: 1/span 2;
  }
}

@media (min-width: 1025px) {
  .l-sec.sec3, .l-sec.sec18 {
    margin-bottom: 20px;
  }
}
.l-sec.sec3 .l-sec__inner, .l-sec.sec18 .l-sec__inner {
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec3 .l-sec__inner, .l-sec.sec18 .l-sec__inner {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    column-gap: 20px !important;
  }
}
.l-sec.sec3 .block1, .l-sec.sec18 .block1 {
  display: flex;
  flex-direction: column;
  grid-column: 1/span 4;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec3 .block1, .l-sec.sec18 .block1 {
    grid-column: 1/span 6;
    grid-row: 1/span 1;
    margin-bottom: 0;
  }
}
.l-sec.sec3 .block2, .l-sec.sec18 .block2 {
  grid-column: 1/span 4;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec3 .block2, .l-sec.sec18 .block2 {
    grid-row: 2/span 1;
    grid-column: 1/span 4;
    margin-bottom: 0;
  }
}
.l-sec.sec3 .block3, .l-sec.sec18 .block3 {
  grid-column: 1/span 4;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec3 .block3, .l-sec.sec18 .block3 {
    grid-column: 7/span 6;
    grid-row: 1/span 1;
    margin-bottom: 0;
  }
}
.l-sec.sec3 .block4, .l-sec.sec18 .block4 {
  grid-column: 1/span 4;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 16px;
  gap: var(--g-var-grid-col-gap-sp);
}
@media (min-width: 1025px) {
  .l-sec.sec3 .block4, .l-sec.sec18 .block4 {
    gap: 20px;
    grid-column: 5/span 8;
    grid-row: 2/span 1;
    margin-bottom: 0;
  }
}
.l-sec.sec3 .c-global-lead__en, .l-sec.sec18 .c-global-lead__en {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
}
.l-sec.sec3 .c-global-lead__en .c-global-lead__letter, .l-sec.sec18 .c-global-lead__en .c-global-lead__letter {
  display: block;
  margin-left: -40px;
  transform: rotate(-5deg);
}

@media (min-width: 1025px) {
  .l-sec.sec6 {
    margin-bottom: 20px;
  }
}
.l-sec.sec6 .l-sec__inner {
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec6 .l-sec__inner {
    padding-left: 20px;
    padding-right: 20px;
    column-gap: 20px !important;
  }
}
.l-sec.sec6 .block1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  grid-column: 1/span 4;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec6 .block1 {
    grid-column: 1/span 4;
    grid-row: 1/span 2;
    margin-bottom: 0;
  }
}
.l-sec.sec6 .block2 {
  margin-bottom: 16px;
  grid-column: 1/span 4;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec6 .block2 {
    grid-column: 5/span 8;
    grid-row: 1/span 2;
    margin-bottom: 0;
  }
}

.l-sec.sec11 .l-sec__inner, .l-sec.sec23 .l-sec__inner {
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec11 .l-sec__inner, .l-sec.sec23 .l-sec__inner {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    column-gap: 20px !important;
  }
}
.l-sec.sec11 .block1, .l-sec.sec23 .block1 {
  display: flex;
  flex-direction: column;
  grid-column: 1/span 4;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec11 .block1, .l-sec.sec23 .block1 {
    grid-column: 1/span 6;
    grid-row: 1/span 1;
    margin-bottom: 0;
  }
}
.l-sec.sec11 .block2, .l-sec.sec23 .block2 {
  grid-column: 1/span 4;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec11 .block2, .l-sec.sec23 .block2 {
    grid-row: 2/span 1;
    grid-column: 1/span 6;
    margin-bottom: 0;
  }
}
.l-sec.sec11 .block3, .l-sec.sec23 .block3 {
  grid-column: 1/span 4;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec11 .block3, .l-sec.sec23 .block3 {
    grid-column: 7/span 6;
    grid-row: 1/span 2;
    margin-bottom: 0;
  }
}
.l-sec.sec11 .block4, .l-sec.sec23 .block4 {
  grid-column: 1/span 4;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 16px;
  gap: var(--g-var-grid-col-gap-sp);
}
@media (min-width: 1025px) {
  .l-sec.sec11 .block4, .l-sec.sec23 .block4 {
    gap: 20px;
    grid-column: 5/span 8;
    grid-row: 2/span 1;
    margin-bottom: 0;
  }
}
.l-sec.sec11 .c-global-lead__en, .l-sec.sec23 .c-global-lead__en {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
}
.l-sec.sec11 .c-global-lead__en .c-global-lead__letter, .l-sec.sec23 .c-global-lead__en .c-global-lead__letter {
  display: block;
  margin-left: -40px;
  transform: rotate(-5deg);
}

@media (min-width: 1025px) {
  .l-sec.sec12, .l-sec.sec24 {
    height: 75lvh;
    margin-bottom: 20px;
  }
}
.l-sec.sec12 .l-sec__inner, .l-sec.sec24 .l-sec__inner {
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec12 .l-sec__inner, .l-sec.sec24 .l-sec__inner {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    column-gap: 20px !important;
  }
}
.l-sec.sec12 .block1, .l-sec.sec24 .block1 {
  display: flex;
  flex-direction: column;
  grid-column: 1/span 4;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec12 .block1, .l-sec.sec24 .block1 {
    grid-column: 1/span 4;
    grid-row: 1/span 2;
    margin-bottom: 0;
  }
}
.l-sec.sec12 .block2, .l-sec.sec24 .block2 {
  grid-column: 1/span 4;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec12 .block2, .l-sec.sec24 .block2 {
    grid-row: 1/span 2;
    grid-column: 5/span 4;
    margin-bottom: 0;
  }
}
.l-sec.sec12 .block3, .l-sec.sec24 .block3 {
  grid-column: 1/span 4;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec12 .block3, .l-sec.sec24 .block3 {
    grid-column: 9/span 4;
    grid-row: 1/span 2;
    margin-bottom: 0;
  }
}
.l-sec.sec12 .block4, .l-sec.sec24 .block4 {
  grid-column: 1/span 4;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 16px;
  gap: var(--g-var-grid-col-gap-sp);
}
@media (min-width: 1025px) {
  .l-sec.sec12 .block4, .l-sec.sec24 .block4 {
    gap: 20px;
    grid-column: 5/span 8;
    grid-row: 2/span 1;
    margin-bottom: 0;
  }
}
.l-sec.sec12 .c-global-lead__en, .l-sec.sec24 .c-global-lead__en {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
}
.l-sec.sec12 .c-global-lead__en .c-global-lead__letter, .l-sec.sec24 .c-global-lead__en .c-global-lead__letter {
  display: block;
  margin-left: -40px;
  transform: rotate(-5deg);
}

@media (min-width: 1025px) {
  .l-sec.sec15 {
    margin-bottom: 20px;
  }
}
.l-sec.sec15 .l-sec__inner {
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec15 .l-sec__inner {
    padding-left: 20px;
    padding-right: 20px;
    column-gap: 20px !important;
  }
}
.l-sec.sec15 .block1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  grid-column: 1/span 4;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec15 .block1 {
    grid-column: 1/span 8;
    grid-row: 1/span 2;
    margin-bottom: 0;
  }
}
.l-sec.sec15 .block2 {
  margin-bottom: 16px;
  grid-column: 2/span 3;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1025px) {
  .l-sec.sec15 .block2 {
    grid-column: 9/span 4;
    grid-row: 1/span 2;
    margin-bottom: 0;
  }
}

.l-sec.sec4, .l-sec.sec7, .l-sec.sec13, .l-sec.sec19, .l-sec.sec25 {
  margin-bottom: 64px;
}
@media (min-width: 1025px) {
  .l-sec.sec4, .l-sec.sec7, .l-sec.sec13, .l-sec.sec19, .l-sec.sec25 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1025px) {
  .l-sec.sec4 .l-sec__inner, .l-sec.sec7 .l-sec__inner, .l-sec.sec13 .l-sec__inner, .l-sec.sec19 .l-sec__inner, .l-sec.sec25 .l-sec__inner {
    padding-left: 20px;
    padding-right: 20px;
    column-gap: 20px;
  }
}
.l-sec.sec4 .block1, .l-sec.sec7 .block1, .l-sec.sec13 .block1, .l-sec.sec19 .block1, .l-sec.sec25 .block1 {
  grid-column: 1/span 4;
  margin-bottom: 20px;
  height: 100%;
}
@media (min-width: 1025px) {
  .l-sec.sec4 .block1, .l-sec.sec7 .block1, .l-sec.sec13 .block1, .l-sec.sec19 .block1, .l-sec.sec25 .block1 {
    grid-column: 1/span 5;
    grid-row: 1/span 2;
    margin-bottom: 0;
  }
}
.l-sec.sec4 .block2, .l-sec.sec7 .block2, .l-sec.sec13 .block2, .l-sec.sec19 .block2, .l-sec.sec25 .block2 {
  grid-column: 1/span 4;
  height: 100%;
}
@media (min-width: 1025px) {
  .l-sec.sec4 .block2, .l-sec.sec7 .block2, .l-sec.sec13 .block2, .l-sec.sec19 .block2, .l-sec.sec25 .block2 {
    height: auto;
    display: grid;
    align-self: center;
    justify-self: center;
    grid-column: 6/span 7;
    grid-row: 1/span 2;
  }
}
.l-sec.sec4 .block2 .c-global-credit, .l-sec.sec7 .block2 .c-global-credit, .l-sec.sec13 .block2 .c-global-credit, .l-sec.sec19 .block2 .c-global-credit, .l-sec.sec25 .block2 .c-global-credit {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
@media (min-width: 1025px) {
  .l-sec.sec4 .block2 .c-global-item, .l-sec.sec7 .block2 .c-global-item, .l-sec.sec13 .block2 .c-global-item, .l-sec.sec19 .block2 .c-global-item, .l-sec.sec25 .block2 .c-global-item {
    width: calc(50% - 16px);
  }
}

.l-sec.sec5, .l-sec.sec8, .l-sec.sec14, .l-sec.sec20, .l-sec.sec26 {
  margin-bottom: 40px;
}
@media (min-width: 1025px) {
  .l-sec.sec5, .l-sec.sec8, .l-sec.sec14, .l-sec.sec20, .l-sec.sec26 {
    margin-bottom: 32px;
  }
}
.l-sec.sec5 .l-sec__inner, .l-sec.sec8 .l-sec__inner, .l-sec.sec14 .l-sec__inner, .l-sec.sec20 .l-sec__inner, .l-sec.sec26 .l-sec__inner {
  grid-template-areas: "block2" "block1";
  grid-template-columns: auto;
}
@media (min-width: 1025px) {
  .l-sec.sec5 .l-sec__inner, .l-sec.sec8 .l-sec__inner, .l-sec.sec14 .l-sec__inner, .l-sec.sec20 .l-sec__inner, .l-sec.sec26 .l-sec__inner {
    grid-template-columns: repeat(12, 1fr);
    padding-left: 20px;
    padding-right: 20px;
    grid-template-areas: "block1 block1 block1 block1 block1 block1 block1 block2 block2 block2 block2 block2";
    column-gap: 20px;
  }
}
.l-sec.sec5 .block1, .l-sec.sec8 .block1, .l-sec.sec14 .block1, .l-sec.sec20 .block1, .l-sec.sec26 .block1 {
  grid-column: 1/span 4;
  grid-area: block1;
}
@media (min-width: 1025px) {
  .l-sec.sec5 .block1, .l-sec.sec8 .block1, .l-sec.sec14 .block1, .l-sec.sec20 .block1, .l-sec.sec26 .block1 {
    grid-column: 1/span 7;
    align-self: center;
    grid-row: 1/span 2;
  }
}
.l-sec.sec5 .block1 .c-global-credit, .l-sec.sec8 .block1 .c-global-credit, .l-sec.sec14 .block1 .c-global-credit, .l-sec.sec20 .block1 .c-global-credit, .l-sec.sec26 .block1 .c-global-credit {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
@media (min-width: 1025px) {
  .l-sec.sec5 .block1 .c-global-item, .l-sec.sec8 .block1 .c-global-item, .l-sec.sec14 .block1 .c-global-item, .l-sec.sec20 .block1 .c-global-item, .l-sec.sec26 .block1 .c-global-item {
    width: calc(50% - 16px);
  }
}
.l-sec.sec5 .block2, .l-sec.sec8 .block2, .l-sec.sec14 .block2, .l-sec.sec20 .block2, .l-sec.sec26 .block2 {
  margin-bottom: 20px;
  grid-column: 1/span 4;
  grid-area: block2;
}
@media (min-width: 1025px) {
  .l-sec.sec5 .block2, .l-sec.sec8 .block2, .l-sec.sec14 .block2, .l-sec.sec20 .block2, .l-sec.sec26 .block2 {
    margin-bottom: 0;
    grid-column: 8/span 5;
    grid-row: 1/span 2;
  }
}

@media (min-width: 1025px) {
  .l-sec.sec9, .l-sec.sec16, .l-sec.sec21, .l-sec.sec27 {
    height: 125lvh;
  }
}
.l-sec.sec9 .l-sec__inner, .l-sec.sec16 .l-sec__inner, .l-sec.sec21 .l-sec__inner, .l-sec.sec27 .l-sec__inner {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (min-width: 1025px) {
  .l-sec.sec9 .l-sec__inner, .l-sec.sec16 .l-sec__inner, .l-sec.sec21 .l-sec__inner, .l-sec.sec27 .l-sec__inner {
    grid-template-rows: repeat(3, 1fr);
    padding-top: 32px;
    padding-left: 20px;
    padding-right: 20px;
    column-gap: 20px;
    margin-bottom: -32px;
    padding-bottom: 64px;
  }
}
.l-sec.sec9 .block1, .l-sec.sec16 .block1, .l-sec.sec21 .block1, .l-sec.sec27 .block1 {
  grid-column: 1/span 4;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 32px;
}
@media (min-width: 1025px) {
  .l-sec.sec9 .block1, .l-sec.sec16 .block1, .l-sec.sec21 .block1, .l-sec.sec27 .block1 {
    grid-column: 1/span 4;
    grid-row: 1/span 2;
    padding: 80px;
  }
}
@media (min-width: 1025px) {
  .l-sec.sec9 .block1 h3, .l-sec.sec16 .block1 h3, .l-sec.sec21 .block1 h3, .l-sec.sec27 .block1 h3 {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.l-sec.sec9 .block2, .l-sec.sec16 .block2, .l-sec.sec21 .block2, .l-sec.sec27 .block2 {
  grid-column: 1/span 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
}
@media (min-width: 1025px) {
  .l-sec.sec9 .block2, .l-sec.sec16 .block2, .l-sec.sec21 .block2, .l-sec.sec27 .block2 {
    grid-column: 5/span 4;
    grid-row: 1/span 2;
  }
}
.l-sec.sec9 .block3, .l-sec.sec16 .block3, .l-sec.sec21 .block3, .l-sec.sec27 .block3 {
  grid-column: 1/span 4;
  margin-bottom: 32px;
}
@media (min-width: 1025px) {
  .l-sec.sec9 .block3, .l-sec.sec16 .block3, .l-sec.sec21 .block3, .l-sec.sec27 .block3 {
    grid-column: 9/span 4;
    grid-row: 1/span 2;
    padding-left: 10px;
    margin-bottom: 0;
  }
}
.l-sec.sec9 .block3 h4, .l-sec.sec16 .block3 h4, .l-sec.sec21 .block3 h4, .l-sec.sec27 .block3 h4 {
  margin-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
}
@media (min-width: 1025px) {
  .l-sec.sec9 .block3 h4, .l-sec.sec16 .block3 h4, .l-sec.sec21 .block3 h4, .l-sec.sec27 .block3 h4 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.l-sec.sec9 .block3 .c-global-line, .l-sec.sec16 .block3 .c-global-line, .l-sec.sec21 .block3 .c-global-line, .l-sec.sec27 .block3 .c-global-line {
  margin-bottom: 20px;
}
.l-sec.sec9 .block3 .c-global-text, .l-sec.sec16 .block3 .c-global-text, .l-sec.sec21 .block3 .c-global-text, .l-sec.sec27 .block3 .c-global-text {
  padding-left: 40px;
  padding-right: 40px;
}
@media (min-width: 1025px) {
  .l-sec.sec9 .block3 .c-global-text, .l-sec.sec16 .block3 .c-global-text, .l-sec.sec21 .block3 .c-global-text, .l-sec.sec27 .block3 .c-global-text {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.l-sec.sec9 .block4, .l-sec.sec16 .block4, .l-sec.sec21 .block4, .l-sec.sec27 .block4 {
  grid-column: 1/span 4;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1025px) {
  .l-sec.sec9 .block4, .l-sec.sec16 .block4, .l-sec.sec21 .block4, .l-sec.sec27 .block4 {
    grid-column: 1/span 12;
    grid-row: 3/span 1;
  }
}
.l-sec.sec9 .block4 .c-global-credit, .l-sec.sec16 .block4 .c-global-credit, .l-sec.sec21 .block4 .c-global-credit, .l-sec.sec27 .block4 .c-global-credit {
  gap: 32px;
}
@media (min-width: 1025px) {
  .l-sec.sec9 .block4 .c-global-credit, .l-sec.sec16 .block4 .c-global-credit, .l-sec.sec21 .block4 .c-global-credit, .l-sec.sec27 .block4 .c-global-credit {
    flex-direction: row !important;
    column-gap: 80px;
    row-gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.l-sec.sec2, .l-sec.sec10, .l-sec.sec17, .l-sec.sec22 {
  height: 100lvh;
}
.l-sec.sec2 .l-sec__inner, .l-sec.sec10 .l-sec__inner, .l-sec.sec17 .l-sec__inner, .l-sec.sec22 .l-sec__inner {
  content: "";
  position: fixed; /* ← 画面に固定 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100lvh;
  z-index: -1;
}
.l-sec.sec2 .block1, .l-sec.sec10 .block1, .l-sec.sec17 .block1, .l-sec.sec22 .block1 {
  grid-column: 1/span 4;
}
@media (min-width: 1025px) {
  .l-sec.sec2 .block1, .l-sec.sec10 .block1, .l-sec.sec17 .block1, .l-sec.sec22 .block1 {
    grid-column: 1/span 12;
    grid-row: 1/span 2;
  }
}

@media (min-width: 1025px) {
  .l-sec.all {
    height: 100%;
  }
}
.l-sec.all .l-sec__inner {
  padding-top: 32px;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 1025px) {
  .l-sec.all .l-sec__inner {
    grid-template-rows: repeat(1, 1fr);
    padding-top: 40px;
    padding-bottom: 72px;
  }
}
.l-sec.all .c-global-c-block {
  margin-bottom: 20px;
}
.l-sec.all h5 {
  grid-column: 1/span 4;
  justify-self: center;
  margin-bottom: 32px;
}
@media (min-width: 1025px) {
  .l-sec.all h5 {
    grid-column: 1/span 12;
    margin-bottom: 40px;
  }
}
.l-sec.all .block1 {
  grid-column: 1/span 4;
}
@media (min-width: 1025px) {
  .l-sec.all .block1 {
    grid-column: 1/span 12;
  }
}
.l-sec.all .c-global-credit {
  flex-wrap: wrap;
  flex-direction: row;
}
.l-sec.all .c-global-credit .c-global-item {
  width: calc(50% - 10px);
}
@media (min-width: 1025px) {
  .l-sec.all .c-global-credit .c-global-item {
    width: calc(33% - 10px);
  }
}
.l-sec.all .c-global-credit .c-global-item a {
  flex-direction: column;
}
@media (min-width: 1025px) {
  .l-sec.all .c-global-credit .c-global-item a {
    flex-direction: row;
    justify-content: center;
  }
}

.l-footer__inner {
  width: 100%;
  height: 100%;
  gap: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1025px) {
  .l-footer__inner {
    gap: 48px;
  }
}
.l-footer .block2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media (min-width: 1025px) {
  .l-footer .block2 {
    flex-direction: row;
    gap: 112px;
  }
}

.l-footer {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/bg-footer-sp.webp);
  width: 100%;
  height: 480px;
}
@media (min-width: 1025px) {
  .l-footer {
    background-image: url(../images/bg-footer.webp);
  }
}
@media (min-width: 1025px) {
  .l-footer {
    width: 100%;
    height: 100lvh;
  }
}
.l-footer .block1 {
  width: 250px;
}
@media (min-width: 1025px) {
  .l-footer .block1 {
    width: 440px;
  }
}
.l-footer .block2 {
  font-size: 22px;
}
.l-footer .block2 a {
  color: #ffffff;
  text-decoration: underline;
  font-family: var(--g-font-en-footer);
  font-weight: 700;
}

.l-fv .block1 .c-global-img {
  background-image: url(../images/fv-1.webp);
  height: 486px;
  background-position: top !important;
}
@media (min-width: 1025px) {
  .l-fv .block1 .c-global-img {
    height: 100%;
  }
}
.l-fv .block2 .c-global-img {
  background-image: url(../images/fv-3.webp);
  height: 101px;
}
@media (min-width: 1025px) {
  .l-fv .block2 .c-global-img {
    height: 100%;
    background-image: url(../images/fv-2.webp);
  }
}
.l-fv .block3 .c-global-img {
  background-image: url(../images/fv-2.webp);
  height: 210px;
}
@media (min-width: 1025px) {
  .l-fv .block3 .c-global-img {
    height: 59.3525179856%;
    background-image: url(../images/fv-3.webp);
  }
}
.l-fv .c-fv-title {
  width: 200px;
}
@media (min-width: 1025px) {
  .l-fv .c-fv-title {
    width: 30%;
  }
}

.l-sec.sec1 .block1 .c-global-img.img1 {
  background-image: url(../images/1-1.webp);
  height: 100px;
}
@media (min-width: 1025px) {
  .l-sec.sec1 .block1 .c-global-img.img1 {
    height: 55.8912386707%;
  }
}
.l-sec.sec1 .block1 .c-global-img.img2 {
  background-image: url(../images/1-2.webp);
  height: 100%;
}
@media (min-width: 1025px) {
  .l-sec.sec1 .block1 .c-global-img.img2 {
    height: 100%;
  }
}
.l-sec.sec1 .block2 .c-global-img {
  background-image: url(../images/1-4.webp);
  height: 288px;
}
@media (min-width: 1025px) {
  .l-sec.sec1 .block2 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec1 .block3 .c-global-img {
  background-image: url(../images/1-3.webp);
  height: 263px;
  width: 297px;
}
@media (min-width: 1025px) {
  .l-sec.sec1 .block3 .c-global-img {
    height: 100%;
    width: 100%;
  }
}

.l-sec.sec3 .block1 .c-global-img {
  background-image: url(../images/map-1.webp);
  height: 220px;
}
@media (min-width: 1025px) {
  .l-sec.sec3 .block1 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec3 .block3 .c-global-img {
  background-image: url(../images/3-2.webp);
  height: 250px;
}
@media (min-width: 1025px) {
  .l-sec.sec3 .block3 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec3 .block4 .c-global-img {
  height: 135px;
  width: 100%;
}
@media (min-width: 1025px) {
  .l-sec.sec3 .block4 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec3 .block4 .c-global-img.img1 {
  background-image: url(../images/3-3.webp);
}
.l-sec.sec3 .block4 .c-global-img.img2 {
  background-image: url(../images/3-4.webp);
}

.l-sec.sec6 .fade-change {
  height: 350px !important;
}
@media (min-width: 1025px) {
  .l-sec.sec6 .fade-change {
    height: 100% !important;
  }
}
.l-sec.sec6 .block1 .c-global-img.img1 {
  width: 100%;
  background-image: url(../images/6-1.webp);
  height: 263px;
}
@media (min-width: 1025px) {
  .l-sec.sec6 .block1 .c-global-img.img1 {
    height: 48.7475915222%;
  }
}
.l-sec.sec6 .block1 .c-global-img.img2 {
  width: 226px;
  background-image: url(../images/6-2.webp);
  height: 355px;
}
@media (min-width: 1025px) {
  .l-sec.sec6 .block1 .c-global-img.img2 {
    height: 100%;
    width: 100%;
  }
}
.l-sec.sec6 .block1 .c-global-img.img3 {
  width: 226px;
  background-image: url(../images/6-2-2.webp);
  height: 355px;
}
@media (min-width: 1025px) {
  .l-sec.sec6 .block1 .c-global-img.img3 {
    height: 100%;
    width: 100%;
  }
}
.l-sec.sec6 .block2 .c-global-img {
  width: 100%;
}
.l-sec.sec6 .block2 .c-global-img.img1 {
  background-image: url(../images/6-3.webp);
  height: 255px;
}
@media (min-width: 1025px) {
  .l-sec.sec6 .block2 .c-global-img.img1 {
    height: 140.625%;
  }
}
.l-sec.sec6 .block2 .c-global-img.img2 {
  background-image: url(../images/6-4.webp);
  height: 181px;
}
@media (min-width: 1025px) {
  .l-sec.sec6 .block2 .c-global-img.img2 {
    height: 100%;
  }
}

.l-sec.sec11 .block1 .c-global-img {
  background-image: url(../images/map-2.webp);
  height: 220px;
}
@media (min-width: 1025px) {
  .l-sec.sec11 .block1 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec11 .block3 .c-global-img {
  background-image: url(../images/10-2.webp);
  height: 250px;
}
@media (min-width: 1025px) {
  .l-sec.sec11 .block3 .c-global-img {
    height: 100%;
  }
}

.l-sec.sec12 .block1 .c-global-img {
  background-image: url(../images/12-1.webp);
  height: 400px;
}
@media (min-width: 1025px) {
  .l-sec.sec12 .block1 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec12 .block2 .c-global-img {
  background-image: url(../images/12-2.webp);
  height: 400px;
}
@media (min-width: 1025px) {
  .l-sec.sec12 .block2 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec12 .block3 .c-global-img {
  background-image: url(../images/12-3.webp);
  height: 400px;
}
@media (min-width: 1025px) {
  .l-sec.sec12 .block3 .c-global-img {
    height: 100%;
  }
}

.l-sec.sec15 .block1 .c-global-img.img1 {
  width: 100%;
  background-image: url(../images/15-1.webp);
  height: 263px;
}
@media (min-width: 1025px) {
  .l-sec.sec15 .block1 .c-global-img.img1 {
    height: 93%;
  }
}
.l-sec.sec15 .block1 .c-global-img.img2 {
  width: 226px;
  background-image: url(../images/15-2.webp);
  height: 355px;
}
@media (min-width: 1025px) {
  .l-sec.sec15 .block1 .c-global-img.img2 {
    height: 100%;
    width: 100%;
  }
}
.l-sec.sec15 .block2 .c-global-img {
  width: 100%;
}
.l-sec.sec15 .block2 .c-global-img.img1 {
  background-image: url(../images/15-3.webp);
  height: 400px;
}
@media (min-width: 1025px) {
  .l-sec.sec15 .block2 .c-global-img.img1 {
    height: 100%;
  }
}

.l-sec.sec18 .block1 .c-global-img {
  background-image: url(../images/map-3.webp);
  height: 220px;
}
@media (min-width: 1025px) {
  .l-sec.sec18 .block1 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec18 .block3 .c-global-img {
  background-image: url(../images/18-2.webp);
  height: 250px;
}
@media (min-width: 1025px) {
  .l-sec.sec18 .block3 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec18 .block4 .c-global-img {
  height: 135px;
  width: 100%;
}
@media (min-width: 1025px) {
  .l-sec.sec18 .block4 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec18 .block4 .c-global-img.img1 {
  background-image: url(../images/18-3.webp);
}
.l-sec.sec18 .block4 .c-global-img.img2 {
  background-image: url(../images/18-4.webp);
}

.l-sec.sec23 .block1 .c-global-img {
  background-image: url(../images/map-4.webp);
  height: 220px;
}
@media (min-width: 1025px) {
  .l-sec.sec23 .block1 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec23 .block3 .c-global-img {
  background-image: url(../images/23-2.webp);
  height: 250px;
}
@media (min-width: 1025px) {
  .l-sec.sec23 .block3 .c-global-img {
    height: 100%;
  }
}

.l-sec.sec24 .block1 .c-global-img {
  background-image: url(../images/24-1.webp);
  height: 400px;
}
@media (min-width: 1025px) {
  .l-sec.sec24 .block1 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec24 .block2 .c-global-img {
  background-image: url(../images/24-2.webp);
  height: 250px;
}
@media (min-width: 1025px) {
  .l-sec.sec24 .block2 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec24 .block3 .c-global-img {
  background-image: url(../images/24-3.webp);
  height: 400px;
}
@media (min-width: 1025px) {
  .l-sec.sec24 .block3 .c-global-img {
    height: 100%;
  }
}

.l-sec.sec4 .block1 .c-global-img {
  height: 550px;
}
@media (min-width: 1025px) {
  .l-sec.sec4 .block1 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec4 .block1 .c-global-img.img1 {
  background-image: url(../images/style1-1.webp);
}
.l-sec.sec4 .block1 .c-global-img.img2 {
  background-image: url(../images/style1-2.webp);
}
.l-sec.sec4 .fade-change {
  height: 550px !important;
}
@media (min-width: 1025px) {
  .l-sec.sec4 .fade-change {
    height: 100% !important;
  }
}

.l-sec.sec5 .block2 .c-global-img {
  height: 550px;
}
@media (min-width: 1025px) {
  .l-sec.sec5 .block2 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec5 .block2 .c-global-img.img1 {
  background-image: url(../images/style2-1.webp);
}
.l-sec.sec5 .block2 .c-global-img.img2 {
  background-image: url(../images/style2-2.webp);
}
.l-sec.sec5 .block2 .c-global-img.img3 {
  background-image: url(../images/style2-3.webp);
}
.l-sec.sec5 .fade-change {
  height: 550px !important;
}
@media (min-width: 1025px) {
  .l-sec.sec5 .fade-change {
    height: 100% !important;
  }
}

.l-sec.sec7 .fade-change {
  height: 550px !important;
}
@media (min-width: 1025px) {
  .l-sec.sec7 .fade-change {
    height: 100% !important;
  }
}
.l-sec.sec7 .block1 .c-global-img {
  height: 550px;
}
@media (min-width: 1025px) {
  .l-sec.sec7 .block1 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec7 .block1 .c-global-img.img1 {
  background-image: url(../images/style3-1.webp);
}
.l-sec.sec7 .block1 .c-global-img.img2 {
  background-image: url(../images/style3-2.webp);
}

.l-sec.sec8 .fade-change {
  height: 550px !important;
}
@media (min-width: 1025px) {
  .l-sec.sec8 .fade-change {
    height: 100% !important;
  }
}
.l-sec.sec8 .block2 .c-global-img {
  height: 550px;
}
@media (min-width: 1025px) {
  .l-sec.sec8 .block2 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec8 .block2 .c-global-img.img1 {
  background-image: url(../images/style4-1.webp);
}
.l-sec.sec8 .block2 .c-global-img.img2 {
  background-image: url(../images/style4-2.webp);
}

.l-sec.sec13 .fade-change {
  height: 550px !important;
}
@media (min-width: 1025px) {
  .l-sec.sec13 .fade-change {
    height: 100% !important;
  }
}
.l-sec.sec13 .block1 .c-global-img {
  height: 550px;
}
@media (min-width: 1025px) {
  .l-sec.sec13 .block1 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec13 .block1 .c-global-img.img1 {
  background-image: url(../images/style5-1.webp);
}
.l-sec.sec13 .block1 .c-global-img.img2 {
  background-image: url(../images/style5-2.webp);
}

.l-sec.sec14 .fade-change {
  height: 550px !important;
}
@media (min-width: 1025px) {
  .l-sec.sec14 .fade-change {
    height: 100% !important;
  }
}
.l-sec.sec14 .block2 .c-global-img {
  height: 550px;
}
@media (min-width: 1025px) {
  .l-sec.sec14 .block2 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec14 .block2 .c-global-img.img1 {
  background-image: url(../images/style6-1.webp);
}
.l-sec.sec14 .block2 .c-global-img.img2 {
  background-image: url(../images/style6-2.webp);
}

.l-sec.sec19 .fade-change {
  height: 550px !important;
}
@media (min-width: 1025px) {
  .l-sec.sec19 .fade-change {
    height: 100% !important;
  }
}
.l-sec.sec19 .block1 .c-global-img {
  height: 550px;
}
@media (min-width: 1025px) {
  .l-sec.sec19 .block1 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec19 .block1 .c-global-img.img1 {
  background-image: url(../images/style7-1.webp);
}
.l-sec.sec19 .block1 .c-global-img.img2 {
  background-image: url(../images/style7-2.webp);
}

.l-sec.sec20 .fade-change {
  height: 550px !important;
}
@media (min-width: 1025px) {
  .l-sec.sec20 .fade-change {
    height: 100% !important;
  }
}
.l-sec.sec20 .block2 .c-global-img {
  height: 550px;
}
@media (min-width: 1025px) {
  .l-sec.sec20 .block2 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec20 .block2 .c-global-img.img1 {
  background-image: url(../images/style8-1.webp);
}
.l-sec.sec20 .block2 .c-global-img.img2 {
  background-image: url(../images/style8-2.webp);
}

.l-sec.sec25 .fade-change {
  height: 550px !important;
}
@media (min-width: 1025px) {
  .l-sec.sec25 .fade-change {
    height: 100% !important;
  }
}
.l-sec.sec25 .block1 .c-global-img {
  height: 550px;
}
@media (min-width: 1025px) {
  .l-sec.sec25 .block1 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec25 .block1 .c-global-img.img1 {
  background-image: url(../images/style9-1.webp);
}
.l-sec.sec25 .block1 .c-global-img.img2 {
  background-image: url(../images/style9-2.webp);
}

.l-sec.sec26 .fade-change {
  height: 550px !important;
}
@media (min-width: 1025px) {
  .l-sec.sec26 .fade-change {
    height: 100% !important;
  }
}
.l-sec.sec26 .block2 .c-global-img {
  height: 550px;
}
@media (min-width: 1025px) {
  .l-sec.sec26 .block2 .c-global-img {
    height: 100%;
  }
}
.l-sec.sec26 .block2 .c-global-img.img1 {
  background-image: url(../images/style10-1.webp);
}
.l-sec.sec26 .block2 .c-global-img.img2 {
  background-image: url(../images/style10-2.webp);
}

.l-sec.sec9 .block1 .c-global-img {
  background-image: url(../images/9-1.webp);
  height: 227px;
  width: 200px;
}
@media (min-width: 1025px) {
  .l-sec.sec9 .block1 .c-global-img {
    height: 100%;
    width: 100%;
  }
}
.l-sec.sec9 .block2 .c-global-img {
  background-image: url(../images/9-2.webp);
  height: 316px;
  width: 253px;
}
@media (min-width: 1025px) {
  .l-sec.sec9 .block2 .c-global-img {
    height: 100%;
    width: 100%;
  }
}

.l-sec.sec16 .block1 .c-global-img {
  background-image: url(../images/16-1.webp);
  height: 227px;
  width: 200px;
}
@media (min-width: 1025px) {
  .l-sec.sec16 .block1 .c-global-img {
    height: 100%;
    width: 100%;
  }
}
.l-sec.sec16 .block2 .c-global-img {
  background-image: url(../images/16-2.webp);
  height: 316px;
  width: 253px;
}
@media (min-width: 1025px) {
  .l-sec.sec16 .block2 .c-global-img {
    height: 100%;
    width: 100%;
  }
}

.l-sec.sec21 .block1 .c-global-img {
  background-image: url(../images/21-1.webp);
  height: 227px;
  width: 200px;
}
@media (min-width: 1025px) {
  .l-sec.sec21 .block1 .c-global-img {
    height: 100%;
    width: 100%;
  }
}
.l-sec.sec21 .block2 .c-global-img {
  background-image: url(../images/21-2.webp);
  height: 316px;
  width: 253px;
}
@media (min-width: 1025px) {
  .l-sec.sec21 .block2 .c-global-img {
    height: 100%;
    width: 100%;
  }
}

.l-sec.sec27 .block1 .c-global-img {
  background-image: url(../images/27-1.webp);
  height: 227px;
  width: 200px;
}
@media (min-width: 1025px) {
  .l-sec.sec27 .block1 .c-global-img {
    height: 100%;
    width: 100%;
  }
}
.l-sec.sec27 .block2 .c-global-img {
  background-image: url(../images/27-2.webp);
  height: 316px;
  width: 253px;
}
@media (min-width: 1025px) {
  .l-sec.sec27 .block2 .c-global-img {
    height: 100%;
    width: 100%;
  }
}

.l-sec.sec2 .block1 .c-global-img {
  background-image: url(../images/bg-1-sp.webp);
  height: 100%;
}
@media (min-width: 1025px) {
  .l-sec.sec2 .block1 .c-global-img {
    background-image: url(../images/bg-1.webp);
  }
}

.l-sec.sec10 .block1 .c-global-img {
  background-image: url(../images/bg-2-sp.webp);
  height: 100%;
}
@media (min-width: 1025px) {
  .l-sec.sec10 .block1 .c-global-img {
    background-image: url(../images/bg-2.webp);
  }
}

.l-sec.sec17 .block1 .c-global-img {
  background-image: url(../images/bg-3-sp.webp);
  height: 100%;
}
@media (min-width: 1025px) {
  .l-sec.sec17 .block1 .c-global-img {
    background-image: url(../images/bg-3.webp);
  }
}

.l-sec.sec22 .block1 .c-global-img {
  background-image: url(../images/bg-4-sp.webp);
  height: 100%;
}
@media (min-width: 1025px) {
  .l-sec.sec22 .block1 .c-global-img {
    background-image: url(../images/bg-4.webp);
  }
}

h3 {
  font-size: 25px;
  font-family: var(--g-font-en-subsub);
}

h4 {
  font-size: 20px;
  line-height: 1.5;
}

h5 {
  font-size: 34px;
  font-family: var(--g-font-en);
  font-weight: 700;
}
@media (min-width: 1025px) {
  h5 {
    font-size: 42px;
  }
}

.c-global-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.c-global-block {
  position: relative;
}

.c-global-text {
  font-size: 13px;
  line-height: 2;
}

.c-global-lead__en {
  font-size: 46px;
  font-family: var(--g-font-en);
  font-weight: 700;
}

.c-global-lead__letter.letter1 {
  width: 190px;
  height: 100%;
}

.c-global-credit {
  font-family: var(--g-font-en-sub);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1025px) {
  .c-global-credit {
    flex-direction: row;
  }
}
.c-global-credit .c-global-itemimg {
  width: 130px;
}
@media (min-width: 1025px) {
  .c-global-credit .c-global-itemimg {
    width: 150px;
  }
}
.c-global-credit .c-global-c-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-global-credit .c-global-itemname {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 12px;
}
.c-global-credit .c-global-itemname .name {
  font-size: 12px;
  color: #3e3a39;
}
.c-global-credit .c-global-itemname .price {
  font-size: 10px;
  color: #3e3a39;
}
.c-global-credit .c-global-item a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 12px;
}
.c-global-credit .block2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-global-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #ffffff;
  width: 136px;
  height: 39px;
  border-radius: 9999px;
  background-color: #3e3a39;
}

.c-global-line {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.c-global-line .line {
  display: block;
  height: 1px;
  width: 100%;
  background-color: #000000;
}

.fade-up,
.fade-right,
.fade-left,
.fade-down {
  opacity: 0;
  transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
}
.fade-up.is-visible,
.fade-right.is-visible,
.fade-left.is-visible,
.fade-down.is-visible {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

.fade-up {
  transform: translateY(20px);
}

.fade-down {
  transform: translateY(-20px);
}

.fade-right {
  transform: translateX(-20px);
}

.fade-left {
  transform: translateX(20px);
}

.clip-left,
.clip-right,
.clip-top,
.clip-bottom {
  opacity: 0;
  transition: clip-path 1s ease-in-out, opacity 1s ease-in-out;
}
.clip-left.start,
.clip-right.start,
.clip-top.start,
.clip-bottom.start {
  opacity: 1 !important;
}

.clip-left,
.clip-right,
.clip-up,
.clip-down {
  opacity: 0;
  transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s ease-in-out;
}

.clip-left {
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
  transform: translateX(20px);
  opacity: 0;
  transition: transform 1s ease, clip-path 1s ease, opacity 1s ease;
}
.clip-left.start {
  clip-path: inset(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
  transform: translateX(0);
  opacity: 1;
}

.clip-right {
  clip-path: inset(0 0 0 100%);
  -webkit-clip-path: inset(0 0 0 100%);
  transform: translateX(20px);
  opacity: 0;
  transition: transform 1s ease, clip-path 1s ease, opacity 1s ease;
}
.clip-right.start {
  clip-path: inset(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
  transform: translateX(0);
  opacity: 1;
}

.clip-up {
  clip-path: inset(100% 0 0 0);
  -webkit-clip-path: inset(100% 0 0 0);
  transform: translateY(-20px);
  opacity: 0;
  transition: transform 1s ease, clip-path 1s ease, opacity 1s ease;
}
.clip-up.start {
  clip-path: inset(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
  transform: translateY(0);
  opacity: 1;
}

.clip-down {
  clip-path: inset(0 0 100% 0);
  -webkit-clip-path: inset(0 0 100% 0);
  transform: translateY(20px);
  opacity: 0;
  transition: transform 1s ease, clip-path 1s ease, opacity 1s ease;
}
.clip-down.start {
  clip-path: inset(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
  transform: translateY(0);
  opacity: 1;
}

.l-fv .block1 .c-global-img {
  transition-delay: 0s;
}
.l-fv .block2 .c-global-img {
  transition-delay: 0.5s;
}
.l-fv .block3 .c-global-img {
  transition-delay: 1s;
}
.l-fv .c-fv-title {
  transition-delay: 1s;
}

.l-sec.sec1 .block1 .img1 {
  transition-delay: 0s;
}
.l-sec.sec1 .block1 .img2 {
  transition-delay: 0.2s;
}
.l-sec.sec1 .block2 .img1 {
  transition-delay: 0.4s;
}
.l-sec.sec1 .block3 .c-global-text {
  transition-delay: 0.6s;
}
.l-sec.sec1 .block3 .c-global-img {
  transition-delay: 0.8s;
}

.l-sec.sec3 .block1 .c-global-img {
  transition-delay: 0.4s;
}
.l-sec.sec3 .block2 .c-global-text {
  transition-delay: 1.6s;
}
.l-sec.sec3 .block3 .c-global-img {
  transition-delay: 0s;
}
.l-sec.sec3 .block4 .c-global-img.img1 {
  transition-delay: 0.4s;
}
.l-sec.sec3 .block4 .c-global-img.img2 {
  transition-delay: 1.2s;
}

.l-sec.sec4 .block1 .c-global-img, .l-sec.sec7 .block1 .c-global-img {
  transition-delay: 0s;
}
.l-sec.sec4 .block2 .c-global-item:nth-child(1), .l-sec.sec7 .block2 .c-global-item:nth-child(1) {
  transition-delay: 0s;
}
.l-sec.sec4 .block2 .c-global-item:nth-child(2), .l-sec.sec7 .block2 .c-global-item:nth-child(2) {
  transition-delay: 0.2s;
}
.l-sec.sec4 .block2 .c-global-item:nth-child(3), .l-sec.sec7 .block2 .c-global-item:nth-child(3) {
  transition-delay: 0.4s;
}
.l-sec.sec4 .block2 .c-global-item:nth-child(4), .l-sec.sec7 .block2 .c-global-item:nth-child(4) {
  transition-delay: 0.6s;
}
.l-sec.sec4 .block2 .c-global-item:nth-child(5), .l-sec.sec7 .block2 .c-global-item:nth-child(5) {
  transition-delay: 0.8s;
}
.l-sec.sec4 .block2 .c-global-item:nth-child(6), .l-sec.sec7 .block2 .c-global-item:nth-child(6) {
  transition-delay: 1s;
}
.l-sec.sec4 .block2 .c-global-item:nth-child(7), .l-sec.sec7 .block2 .c-global-item:nth-child(7) {
  transition-delay: 1.2s;
}
.l-sec.sec4 .block2 .c-global-item:nth-child(8), .l-sec.sec7 .block2 .c-global-item:nth-child(8) {
  transition-delay: 1.4s;
}
.l-sec.sec4 .block2 .c-global-item:nth-child(9), .l-sec.sec7 .block2 .c-global-item:nth-child(9) {
  transition-delay: 1.6s;
}
.l-sec.sec4 .block2 .c-global-item:nth-child(10), .l-sec.sec7 .block2 .c-global-item:nth-child(10) {
  transition-delay: 1.8s;
}

.l-sec.sec5 .block1 .c-global-img, .l-sec.sec8 .block1 .c-global-img {
  transition-delay: 0s;
}
.l-sec.sec5 .block2 .c-global-item:nth-child(1), .l-sec.sec8 .block2 .c-global-item:nth-child(1) {
  transition-delay: 0s;
}
.l-sec.sec5 .block2 .c-global-item:nth-child(2), .l-sec.sec8 .block2 .c-global-item:nth-child(2) {
  transition-delay: 0.2s;
}
.l-sec.sec5 .block2 .c-global-item:nth-child(3), .l-sec.sec8 .block2 .c-global-item:nth-child(3) {
  transition-delay: 0.4s;
}
.l-sec.sec5 .block2 .c-global-item:nth-child(4), .l-sec.sec8 .block2 .c-global-item:nth-child(4) {
  transition-delay: 0.6s;
}
.l-sec.sec5 .block2 .c-global-item:nth-child(5), .l-sec.sec8 .block2 .c-global-item:nth-child(5) {
  transition-delay: 0.8s;
}
.l-sec.sec5 .block2 .c-global-item:nth-child(6), .l-sec.sec8 .block2 .c-global-item:nth-child(6) {
  transition-delay: 1s;
}
.l-sec.sec5 .block2 .c-global-item:nth-child(7), .l-sec.sec8 .block2 .c-global-item:nth-child(7) {
  transition-delay: 1.2s;
}
.l-sec.sec5 .block2 .c-global-item:nth-child(8), .l-sec.sec8 .block2 .c-global-item:nth-child(8) {
  transition-delay: 1.4s;
}
.l-sec.sec5 .block2 .c-global-item:nth-child(9), .l-sec.sec8 .block2 .c-global-item:nth-child(9) {
  transition-delay: 1.6s;
}
.l-sec.sec5 .block2 .c-global-item:nth-child(10), .l-sec.sec8 .block2 .c-global-item:nth-child(10) {
  transition-delay: 1.8s;
}

.l-sec.sec6 .block1 .c-global-img.img1 {
  transition-delay: 0.4;
}
.l-sec.sec6 .block1 .c-global-img.img2 {
  transition-delay: 0.8;
}
.l-sec.sec6 .block2 .c-global-img.img1 {
  transition-delay: 0s;
}
.l-sec.sec6 .block2 .c-global-img.img2 {
  transition-delay: 1.2;
}

.l-sec.sec9 .block2 .c-global-img {
  transition-delay: 0s;
}
.l-sec.sec9 .block1 .c-global-img {
  transition-delay: 0.5s;
}
.l-sec.sec9 .block3 {
  transition-delay: 1s;
}

.l-sec.sec11 .block2 .c-global-img, .l-sec.sec23 .block2 .c-global-img {
  transition-delay: 0s;
}
.l-sec.sec11 .block1 .c-global-img, .l-sec.sec23 .block1 .c-global-img {
  transition-delay: 0.5s;
}
.l-sec.sec11 .block3, .l-sec.sec23 .block3 {
  transition-delay: 1s;
}

.l-sec.sec12 .block1 .c-global-img, .l-sec.sec24 .block1 .c-global-img {
  transition-delay: 0s;
}
.l-sec.sec12 .block2 .c-global-img, .l-sec.sec24 .block2 .c-global-img {
  transition-delay: 0.5s;
}
.l-sec.sec12 .block3, .l-sec.sec24 .block3 {
  transition-delay: 1s;
}

.l-sec.sec15 .block3 .c-global-img {
  transition-delay: 0s;
}
.l-sec.sec15 .block2 .c-global-img {
  transition-delay: 0.5s;
}
.l-sec.sec15 .block1 {
  transition-delay: 1s;
}

.l-sec.sec16 .block1 .c-global-img {
  transition-delay: 0s;
}
.l-sec.sec16 .block2 .c-global-img {
  transition-delay: 0.5s;
}
.l-sec.sec16 .block3 {
  transition-delay: 1s;
}

.logo path {
  fill: none;
  stroke: #2ea7e0;
  stroke-width: 1px;
}
.logo path.st0 {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  transition: stroke-dashoffset 1s linear 0s;
}
.logo path.st1 {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  transition: stroke-dashoffset 1s linear 0.2s;
}
.logo path.st2 {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  transition: stroke-dashoffset 1s linear 0.4s;
}
.logo path.st3 {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  transition: stroke-dashoffset 1s linear 0.6s;
}
.logo path.st4 {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  transition: stroke-dashoffset 1s linear 0.8s;
}
.logo path.st5 {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  transition: stroke-dashoffset 1s linear 1s;
}
.logo path.st6 {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  transition: stroke-dashoffset 1s linear 1.2s;
}
.logo path.st7 {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  transition: stroke-dashoffset 1s linear 1.4s;
}
.logo path.st8 {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  transition: stroke-dashoffset 1s linear 1.6s;
}
.logo path.st9 {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  transition: stroke-dashoffset 1s linear 1.8s;
}
.logo path.st10 {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  transition: stroke-dashoffset 1s linear 2s;
}
.logo path.st11 {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  transition: stroke-dashoffset 1s linear 2.2s;
}
.logo path.st12 {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  transition: stroke-dashoffset 1s linear 2.4s;
}
.logo path.st13 {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  transition: stroke-dashoffset 1s linear 2.6s;
}

.logo.animate path {
  stroke-dashoffset: 0;
}

.fade-change {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.fade-change .c-global-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.fade-change .c-global-img.active {
  opacity: 1;
}

:root {
  /* spacing
  ===================================================== */
  --g-spacing-xs: 1rem;
  --g-spacing-s: 4rem;
  --g-spacing-m: 8rem;
  --g-spacing-l: 12rem;
  --g-spacing-xl: 16rem;
  --g-spacing-2xl: 20rem;
  --g-var-vw: 1512;
  /* コンテンツ幅
  ===================================================== */
  --g-var-vh: 790;
  --g-var-vw-min: 768;
  --g-var-vw-max: 1920;
  --g-var-vw-min-unit: 768px;
  --g-var-vw-max-unit: 1920px;
  /* line-height
  ===================================================== */
  --t-lineheight-xs: 1;
  --t-lineheight-s: 1.25;
  --t-lineheight-m: 1.5;
  --t-lineheight-l: 1.75;
  --t-lineheight-xl: 2;
  /* color
  ===================================================== */
  --c-text1: #333333;
  --c-text2: #fff;
  --c-text3: #999999;
  --c-border: #dddddd;
  --c-bg: #ebebdc;
  /* font-family
  ===================================================== */
  --g-font-main:"dnp-shuei-gothic-gin-std", sans-serif,"Yu Gothic", "yu-gothic-pr6n", "Hiragino Kaku Gothic ProN","Hiragino Sans", "Meiryo", sans-serif;
  --g-font-en: "Arvo", "Georgia", "Times New Roman", "Liberation Serif", serif;
  --g-font-en-sub: "din-2014","Arvo", "Georgia", "Times New Roman", "Liberation Serif", serif;
  --g-font-en-subsub: "didoni-urw","Arvo", "Georgia", "Times New Roman", "Liberation Serif", serif;
  --g-font-en-footer: "roboto","Arvo", "Georgia", "Times New Roman", "Liberation Serif", serif;
  --g-font-letter: "adventures-unlimited", sans-serif,"Georgia","Times New Roman","Liberation Serif",serif;
  /* font-family
  ===================================================== */
  --g-font-size-xs: clamp(1rem, 1 / var(--g-var-vw)* 100* 12vw, 1.2rem);
  --g-font-size-s: clamp(1.4rem, 1 / var(--g-var-vw)* 100* 16vw, 1.6rem);
  --g-font-size-m: clamp(1.6rem, 1 / var(--g-var-vw)* 100* 18vw, 1.8rem);
  --g-font-size-l: clamp(1.8rem, 1 / var(--g-var-vw)* 100* 32vw, 2rem);
  --g-font-size-xl: clamp(3.2rem, 1 / var(--g-var-vw)* 100* 48vw, 4.8rem);
  --g-font-size-2xl: clamp(6.4rem, 1 / var(--g-var-vw)* 100* 80vw, 8rem);
  /* グリッド
  ===================================================== */
  --g-var-grid-col-pc: 12;
  --g-var-grid-col-tb: 8;
  --g-var-grid-col-sp: 4;
  --g-var-grid-col-gap-pc: 1.6rem;
  --g-var-grid-col-gap-sp: .8rem;
  --g-var-grid-row-gap-pc: 1.6rem;
  --g-var-grid-row-gap-sp: .8rem;
  /* ラディウス
  ===================================================== */
  --g-radius: 999px;
  /* header, footerの高さ
  ===================================================== */
  --g-menu-height: clamp(72px, calc(100vw / var(--g-var-grid-col-pc)* 0.75), 112px);
  --g-nav-height: clamp(60px, calc(100vw / var(--g-var-grid-col-pc)* 0.75), 80px);
  /* 変数
  ===================================================== */
  --gx-sp: 32px;
}

/* common
===================================================== */
html,
body {
  font-size: 62.5%;
  height: 100%;
  overscroll-behavior-y: none;
  overscroll-behavior-x: none;
  width: 100%;
  line-height: 1;
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
  font-kerning: normal;
  font-family: var(--g-font-main);
  font-weight: 400;
  color: var(--c-text1);
}

* {
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

a {
  text-decoration: none;
}
a[href=""] {
  pointer-events: none;
}
a:hover {
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out; /* 0.3秒で滑らかに変化 */
}

img,
video {
  width: 100%;
  display: block;
}

svg {
  fill: var(--c-text1);
}

@media (min-width: 1025px) {
  .pcNone {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .spNone {
    display: none !important;
  }
}/*# sourceMappingURL=style.css.map */