@charset "UTF-8";
:root {
  --board: 1440;
  --max: 1px;
}
@media (min-width: 1920px) {
  :root {
    --board: 1920;
    --max: 9999px;
  }
}
@media (max-width: 768px) {
  :root {
    --board: 390;
    --max: 9999px;
  }
}

:root {
  --colorBlack: #333;
  --colorBg: #fff;
  --colorCurrent: #c7c7c7;
  --color-primary: #054;
  --color-primary_light: #d4f7f3;
  --color-primary_regular: #93ece2;
  --color-primary_dark: #107e72;
  --color-secondary: #fd3;
  --color-secondary_light: #fff6cc;
  --color-grayc6: #c6c6c6;
}

:root {
  --fontMain:
    "M PLUS 1", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
    "MS Pゴシック", "MS PGothic", sans-serif;
  --fontGothic:
    "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
    "MS Pゴシック", "MS PGothic", sans-serif;
  --fontMincho:
    "Zen Old Mincho", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝",
    "MS PMincho", serif;
  --fontEnglish: "Oswald", sans-serif;
  --fontMaru: var(--fontMain);
}

:root {
  --weightLight: 300;
  --weightRegular: 400;
  --weightMedium: 500;
  --weightBold: 700;
}

:root {
  --fontSize: 16rem;
  --letterSpacing: 0;
  --lineHeight: 1.75;
  --kerning: unset;
}

:root {
  --bodyBg: var(--colorBg);
  --speed: 0.3s;
}

@-webkit-keyframes bottom-to-top {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes bottom-to-top {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes girlsPattern01 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: 5deg;
  }
}
@keyframes girlsPattern01 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: 5deg;
  }
}
@-webkit-keyframes girlsPattern02 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: -5deg;
  }
}
@keyframes girlsPattern02 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: -5deg;
  }
}
@-webkit-keyframes girlsPattern03 {
  0% {
    translate: 0 0;
    -webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
            animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  40% {
    translate: 0 -8rem;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.05, 1, 0.45);
            animation-timing-function: cubic-bezier(0.55, 0.05, 1, 0.45);
  }
  70% {
    translate: 0 -5rem;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes girlsPattern03 {
  0% {
    translate: 0 0;
    -webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
            animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  40% {
    translate: 0 -8rem;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.05, 1, 0.45);
            animation-timing-function: cubic-bezier(0.55, 0.05, 1, 0.45);
  }
  70% {
    translate: 0 -5rem;
  }
  100% {
    translate: 0 0;
  }
}
@-webkit-keyframes girlsPattern04 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: -5deg;
  }
}
@keyframes girlsPattern04 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: -5deg;
  }
}
@-webkit-keyframes girlsPattern05 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: 2deg;
  }
}
@keyframes girlsPattern05 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: 2deg;
  }
}
@-webkit-keyframes girlsPattern06 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: -2deg;
  }
}
@keyframes girlsPattern06 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: -2deg;
  }
}
.top-mv {
  position: relative;
  height: clamp(0px, 10vw / var(--board) * 10 * 992, var(--max) * 992);
  margin: auto;
  overflow: hidden;
}
@media (max-width: 768px) {
  .top-mv {
    height: clamp(0px, 10vw / var(--board) * 10 * 840, var(--max) * 840);
  }
}
.top-mv:before {
  content: "";
  background-image: url("../images/bg_mv-illust.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1920px;
  height: 816px;
  z-index: 1;
  -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  opacity: 0;
  -webkit-transform: translateX(-50%) scale(0.8);
          transform: translateX(-50%) scale(0.8);
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
@media (max-width: 768px) {
  .top-mv:before {
    background-image: url("../images/bg_mv-illust_sp.png");
    width: clamp(0px, 10vw / var(--board) * 10 * 384, var(--max) * 384);
    height: clamp(0px, 10vw / var(--board) * 10 * 752, var(--max) * 752);
    top: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.top-mv.is-loaded:before {
  opacity: 1;
  -webkit-transform: translateX(-50%) scale(1);
          transform: translateX(-50%) scale(1);
}

.top-mv__title {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 166, var(--max) * 166);
  left: 50%;
  -webkit-transform: translateX(-50%) scale(0.6);
          transform: translateX(-50%) scale(0.6);
  width: clamp(0px, 10vw / var(--board) * 10 * 298, var(--max) * 298);
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.6s 0.65s ease, -webkit-transform 0.6s 0.65s cubic-bezier(0.27, 0.26, 0.15, 1.57);
  transition: opacity 0.6s 0.65s ease, -webkit-transform 0.6s 0.65s cubic-bezier(0.27, 0.26, 0.15, 1.57);
  transition: opacity 0.6s 0.65s ease, transform 0.6s 0.65s cubic-bezier(0.27, 0.26, 0.15, 1.57);
  transition: opacity 0.6s 0.65s ease, transform 0.6s 0.65s cubic-bezier(0.27, 0.26, 0.15, 1.57), -webkit-transform 0.6s 0.65s cubic-bezier(0.27, 0.26, 0.15, 1.57);
  -webkit-transform-origin: center;
          transform-origin: center;
}
@media (max-width: 768px) {
  .top-mv__title {
    width: clamp(0px, 10vw / var(--board) * 10 * 198, var(--max) * 198);
    top: clamp(0px, 10vw / var(--board) * 10 * 183, var(--max) * 183);
    z-index: 4;
  }
}
.is-loaded .top-mv__title {
  opacity: 1;
  -webkit-transform: translateX(-50%) scale(1);
          transform: translateX(-50%) scale(1);
}

.top-mv__inner {
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1440, var(--max) * 1440);
  padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0;
  margin: auto;
  position: relative;
}
@media (max-width: 768px) {
  .top-mv__inner {
    padding: 0;
    height: 100%;
  }
}

.mv-map {
  width: clamp(0px, 10vw / var(--board) * 10 * 1300, var(--max) * 1300);
  position: relative;
  z-index: 1;
  opacity: 0;
  scale: 0.6;
  -webkit-transition: opacity 0.6s 0.65s ease, scale 0.6s 0.65s cubic-bezier(0.27, 0.26, 0.15, 1.57);
  transition: opacity 0.6s 0.65s ease, scale 0.6s 0.65s cubic-bezier(0.27, 0.26, 0.15, 1.57);
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.is-loaded .mv-map {
  opacity: 1;
  scale: 1;
}
@media (max-width: 768px) {
  .mv-map {
    width: 100%;
    position: absolute;
    bottom: clamp(0px, 10vw / var(--board) * 10 * 214, var(--max) * 214);
  }
}

.mv-treat {
  position: absolute;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.66s ease-in-out;
  transition: -webkit-transform 0.66s ease-in-out;
  transition: transform 0.66s ease-in-out;
  transition: transform 0.66s ease-in-out, -webkit-transform 0.66s ease-in-out;
}
.mv-treat.top-left {
  top: clamp(var(--max) * -88, 10vw / var(--board) * 10 * -88, 0px);
  left: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 819, var(--max) * 819);
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
}
@media (max-width: 768px) {
  .mv-treat.top-left {
    top: clamp(var(--max) * -48, 10vw / var(--board) * 10 * -48, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 328, var(--max) * 328);
  }
}
.is-loaded .mv-treat.top-left {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.mv-treat.top-right {
  top: clamp(var(--max) * -88, 10vw / var(--board) * 10 * -88, 0px);
  right: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 357, var(--max) * 357);
  -webkit-transform: translateX(200px);
          transform: translateX(200px);
}
@media (max-width: 768px) {
  .mv-treat.top-right {
    top: clamp(var(--max) * -56, 10vw / var(--board) * 10 * -56, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 96, var(--max) * 96);
  }
}
.is-loaded .mv-treat.top-right {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.mv-treat.bottom-left {
  bottom: 0;
  left: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 341, var(--max) * 341);
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
}
@media (max-width: 768px) {
  .mv-treat.bottom-left {
    width: clamp(0px, 10vw / var(--board) * 10 * 136, var(--max) * 136);
    top: clamp(0px, 10vw / var(--board) * 10 * 491, var(--max) * 491);
    bottom: auto;
  }
}
.is-loaded .mv-treat.bottom-left {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.mv-treat.bottom-right {
  bottom: 0;
  right: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 483, var(--max) * 483);
  -webkit-transform: translateX(200px);
          transform: translateX(200px);
}
@media (max-width: 768px) {
  .mv-treat.bottom-right {
    width: clamp(0px, 10vw / var(--board) * 10 * 280, var(--max) * 280);
    bottom: 0;
  }
}
.is-loaded .mv-treat.bottom-right {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.mv-girls {
  position: absolute;
  z-index: 2;
  opacity: 0;
  scale: 0.6;
  -webkit-transition: opacity 0.6s 0.65s ease, scale 0.6s 0.65s cubic-bezier(0.27, 0.26, 0.15, 1.57), rotate 0.6s 0.65s cubic-bezier(0.27, 0.26, 0.15, 1.57);
  transition: opacity 0.6s 0.65s ease, scale 0.6s 0.65s cubic-bezier(0.27, 0.26, 0.15, 1.57), rotate 0.6s 0.65s cubic-bezier(0.27, 0.26, 0.15, 1.57);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.is-loaded .mv-girls {
  opacity: 1;
  scale: 1;
  rotate: 0;
}
.mv-girls.top-left {
  top: clamp(0px, 10vw / var(--board) * 10 * 29, var(--max) * 29);
  left: clamp(0px, 10vw / var(--board) * 10 * 258, var(--max) * 258);
  width: clamp(0px, 10vw / var(--board) * 10 * 275, var(--max) * 275);
  rotate: 5deg;
}
@media (max-width: 768px) {
  .mv-girls.top-left {
    width: clamp(0px, 10vw / var(--board) * 10 * 194, var(--max) * 194);
    top: clamp(0px, 10vw / var(--board) * 10 * 19, var(--max) * 19);
    left: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17);
  }
}
.is-loaded .mv-girls.top-left img {
  -webkit-animation: girlsPattern01 3s 0.8s ease-in-out infinite;
          animation: girlsPattern01 3s 0.8s ease-in-out infinite;
}
.mv-girls.top-right {
  top: clamp(0px, 10vw / var(--board) * 10 * 29, var(--max) * 29);
  right: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
  width: clamp(0px, 10vw / var(--board) * 10 * 354, var(--max) * 354);
  rotate: -5deg;
}
@media (max-width: 768px) {
  .mv-girls.top-right {
    width: clamp(0px, 10vw / var(--board) * 10 * 162, var(--max) * 162);
    top: clamp(0px, 10vw / var(--board) * 10 * 63, var(--max) * 63);
    right: 0;
  }
}
.is-loaded .mv-girls.top-right img {
  -webkit-animation: girlsPattern02 3.3s 0.8s ease-in-out infinite;
          animation: girlsPattern02 3.3s 0.8s ease-in-out infinite;
}
.mv-girls.bottom-left {
  bottom: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  left: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  width: clamp(0px, 10vw / var(--board) * 10 * 263, var(--max) * 263);
}
@media (max-width: 768px) {
  .mv-girls.bottom-left {
    width: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
    top: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
    bottom: auto;
    left: 0;
  }
}
.is-loaded .mv-girls.bottom-left img {
  -webkit-animation: girlsPattern03 2.4s 0.8s linear infinite;
          animation: girlsPattern03 2.4s 0.8s linear infinite;
}
.mv-girls.bottom-right {
  bottom: clamp(var(--max) * -38, 10vw / var(--board) * 10 * -38, 0px);
  right: clamp(0px, 10vw / var(--board) * 10 * 424, var(--max) * 424);
  width: clamp(0px, 10vw / var(--board) * 10 * 274, var(--max) * 274);
}
@media (max-width: 768px) {
  .mv-girls.bottom-right {
    width: clamp(0px, 10vw / var(--board) * 10 * 198, var(--max) * 198);
    top: clamp(0px, 10vw / var(--board) * 10 * 551, var(--max) * 551);
    right: clamp(0px, 10vw / var(--board) * 10 * 94, var(--max) * 94);
    bottom: auto;
  }
}
.is-loaded .mv-girls.bottom-right img {
  -webkit-animation: girlsPattern03 3s 0.8s ease-in-out infinite;
          animation: girlsPattern03 3s 0.8s ease-in-out infinite;
}

.top-introduction {
  position: relative;
  padding: clamp(0px, 10vw / var(--board) * 10 * 220, var(--max) * 220) 0 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .top-introduction {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
  }
}
.top-introduction:before, .top-introduction:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  position: absolute;
  width: clamp(0px, 10vw / var(--board) * 10 * 1920, var(--max) * 1920);
  height: clamp(0px, 10vw / var(--board) * 10 * 188, var(--max) * 188);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.top-introduction:before {
  top: clamp(var(--max) * -187, 10vw / var(--board) * 10 * -187, 0px);
  background-image: url("../images/image_bg-introduction_top.png");
}
@media (max-width: 768px) {
  .top-introduction:before {
    background-image: url("../images/image_bg-introduction_top_sp.png");
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
    top: clamp(var(--max) * -52, 10vw / var(--board) * 10 * -52, 0px);
  }
}
.top-introduction:after {
  bottom: clamp(var(--max) * -188, 10vw / var(--board) * 10 * -188, 0px);
  background-image: url("../images/image_bg-introduction_bottom.png");
  height: clamp(0px, 10vw / var(--board) * 10 * 198, var(--max) * 198);
}
@media (max-width: 768px) {
  .top-introduction:after {
    background-image: url("../images/image_bg-introduction_bottom_sp.png");
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    bottom: clamp(var(--max) * -60, 10vw / var(--board) * 10 * -60, 0px);
  }
}

.top-introduction__title {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
}
@media (max-width: 768px) {
  .top-introduction__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}

.top-introduction__description {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  text-align: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: repeat(1, 1fr);
  justify-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  width: clamp(0px, 10vw / var(--board) * 10 * 688, var(--max) * 688);
  margin: auto;
  position: relative;
}
@media (max-width: 768px) {
  .top-introduction__description {
    width: 100%;
  }
}
.top-introduction__description:before {
  content: "";
  background-image: url("../images/bg_introduction-illust.png");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  position: absolute;
  top: clamp(var(--max) * -140, 10vw / var(--board) * 10 * -140, 0px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(0px, 10vw / var(--board) * 10 * 1360, var(--max) * 1360);
  height: clamp(0px, 10vw / var(--board) * 10 * 990, var(--max) * 990);
  z-index: -1;
}
.top-introduction__description p {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 3;
  text-align: center;
}
@media (max-width: 768px) {
  .top-introduction__description p {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    line-height: 2.4;
  }
}

.introduction-images {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 88, var(--max) * 88);
  overflow: hidden;
}
@media (max-width: 768px) {
  .introduction-images {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
}

.introduction-images__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-animation: introduction-marquee 24s linear infinite;
          animation: introduction-marquee 24s linear infinite;
  will-change: transform;
}
.introduction-images__track.introduction-track {
  -webkit-animation: introduction-marquee 58s linear infinite;
          animation: introduction-marquee 58s linear infinite;
}
@media (max-width: 768px) {
  .introduction-images__track {
    -webkit-animation-duration: 30s;
            animation-duration: 30s;
    gap: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }
}

@media (hover: hover) and (pointer: fine) {
  .introduction-images:hover .introduction-images__track,
  .introduction-images:focus-within .introduction-images__track {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
}
.introduction-images__list {
  position: relative;
  isolation: isolate;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 768px) {
  .introduction-images__list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }
}

.introduction-images__item {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow: visible;
  z-index: 2;
}

.introduction-images__item:hover {
  z-index: 0;
}

.introduction-images__image {
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 315, var(--max) * 315);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}
@media (max-width: 768px) {
  .introduction-images__image {
    width: clamp(0px, 10vw / var(--board) * 10 * 220, var(--max) * 220);
  }
}

.introduction-images__item:hover .introduction-images__image {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}

@-webkit-keyframes introduction-marquee {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(calc(-1 * var(--marquee-distance, 50%)));
            transform: translateX(calc(-1 * var(--marquee-distance, 50%)));
  }
}

@keyframes introduction-marquee {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(calc(-1 * var(--marquee-distance, 50%)));
            transform: translateX(calc(-1 * var(--marquee-distance, 50%)));
  }
}
.top-index {
  position: relative;
  overflow: hidden;
}
.top-index .section-inner {
  position: relative;
  z-index: 1;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 290, var(--max) * 290);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 340, var(--max) * 340);
}
@media (max-width: 768px) {
  .top-index .section-inner {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 140, var(--max) * 140);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 84, var(--max) * 84);
  }
}

.top-index__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}

.index-list {
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1126, var(--max) * 1126);
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 88, var(--max) * 88) clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
}
@media (max-width: 768px) {
  .index-list {
    padding: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
    margin-bottom: 0;
  }
}

.index-list__item {
  position: relative;
  z-index: 0;
  padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: repeat(1, 1fr);
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  width: clamp(0px, 10vw / var(--board) * 10 * 500, var(--max) * 500);
}
@media (max-width: 768px) {
  .index-list__item {
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    width: clamp(0px, 10vw / var(--board) * 10 * 342, var(--max) * 342);
    gap: 0;
  }
}
.index-list__item::before, .index-list__item::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}
.index-list__item::before {
  top: clamp(var(--max) * -20, 10vw / var(--board) * 10 * -20, 0px);
  left: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background-color: #87ca44;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 68, var(--max) * 68);
}
@media (max-width: 768px) {
  .index-list__item::before {
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
    top: clamp(var(--max) * -16, 10vw / var(--board) * 10 * -16, 0px);
    left: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}
.index-list__item::after {
  inset: 0;
  background-color: #efb;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
}
@media (max-width: 768px) {
  .index-list__item::after {
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}
.index-list__item:last-child {
  width: clamp(0px, 10vw / var(--board) * 10 * 750, var(--max) * 750);
  gap: 0;
  padding: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56) clamp(0px, 10vw / var(--board) * 10 * 98, var(--max) * 98);
}
@media (max-width: 768px) {
  .index-list__item:last-child {
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}
.index-list__item:last-child .index-list__title {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  line-height: 1;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
}
@media (max-width: 768px) {
  .index-list__item:last-child .index-list__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.index-list__item:last-child:before {
  content: none;
}
.index-list__item:last-child:after {
  background-color: #fff6b6;
  border: 2px solid #054;
}

.index-list__title {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  font-weight: 700;
  text-align: center;
}
@media (max-width: 768px) {
  .index-list__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    line-height: 1.5;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}

.index-list__detail {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 2;
  text-align: left;
  font-weight: normal;
}
@media (max-width: 768px) {
  .index-list__detail {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}

.detail-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (max-width: 768px) {
  .detail-list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .detail-list__item:not(:last-child) {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
}

.detail-list__detail,
.detail-list__title {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  font-weight: normal;
  line-height: 2;
}
@media (max-width: 768px) {
  .detail-list__detail,
  .detail-list__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    line-height: 1.4;
  }
}

.detail-list__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.index-list__attention {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  line-height: 2;
}
@media (max-width: 768px) {
  .index-list__attention {
    text-align: center;
  }
}

.picture-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
@media (max-width: 768px) {
  .picture-area {
    gap: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.picture-area img {
  width: clamp(0px, 10vw / var(--board) * 10 * 140, var(--max) * 140);
}
@media (max-width: 768px) {
  .picture-area img {
    width: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  }
}
.picture-area figcaption {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.6;
}
@media (max-width: 768px) {
  .picture-area figcaption {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}

.top-concept {
  position: relative;
}
.top-concept:before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  position: absolute;
  width: clamp(0px, 10vw / var(--board) * 10 * 1920, var(--max) * 1920);
  height: clamp(0px, 10vw / var(--board) * 10 * 251, var(--max) * 251);
  top: clamp(var(--max) * -250, 10vw / var(--board) * 10 * -250, 0px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("../images/image_bg-concept_top.png");
}
@media (max-width: 768px) {
  .top-concept:before {
    height: clamp(0px, 10vw / var(--board) * 10 * 77, var(--max) * 77);
    top: clamp(var(--max) * -49, 10vw / var(--board) * 10 * -49, 0px);
    background-image: url("../images/image_bg-concept_top_sp.png");
    width: 100%;
  }
}
.top-concept .section-inner {
  max-width: none;
  padding: 0;
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 290, var(--max) * 290);
}
@media (max-width: 768px) {
  .top-concept .section-inner {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
  }
}
.top-concept .section-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
}
@media (max-width: 768px) {
  .top-concept .section-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
}

.concept-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: repeat(1, 1fr);
  gap: clamp(0px, 10vw / var(--board) * 10 * 305, var(--max) * 305);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 127, var(--max) * 127);
}
@media (max-width: 768px) {
  .concept-list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }
}

.concept-list__item {
  position: relative;
}
.concept-list__item:before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  width: clamp(0px, 10vw / var(--board) * 10 * 621, var(--max) * 621);
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.6s 0.6s ease, -webkit-transform 0.6s 0.6s ease;
  transition: opacity 0.6s 0.6s ease, -webkit-transform 0.6s 0.6s ease;
  transition: opacity 0.6s 0.6s ease, transform 0.6s 0.6s ease;
  transition: opacity 0.6s 0.6s ease, transform 0.6s 0.6s ease, -webkit-transform 0.6s 0.6s ease;
}
@media (max-width: 768px) {
  .concept-list__item:before {
    width: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: opacity 0.8s 0.6s ease, -webkit-transform 0.8s 0.6s ease;
    transition: opacity 0.8s 0.6s ease, -webkit-transform 0.8s 0.6s ease;
    transition: opacity 0.8s 0.6s ease, transform 0.8s 0.6s ease;
    transition: opacity 0.8s 0.6s ease, transform 0.8s 0.6s ease, -webkit-transform 0.8s 0.6s ease;
  }
}
.concept-list__item:nth-child(odd):before {
  -webkit-transform: translateX(clamp(var(--max) * -100, 10vw / var(--board) * 10 * -100, 0px));
          transform: translateX(clamp(var(--max) * -100, 10vw / var(--board) * 10 * -100, 0px));
}
@media (max-width: 768px) {
  .concept-list__item:nth-child(odd):before {
    -webkit-transform: translate(clamp(var(--max) * -100, 10vw / var(--board) * 10 * -100, 0px), -50%);
            transform: translate(clamp(var(--max) * -100, 10vw / var(--board) * 10 * -100, 0px), -50%);
  }
}
.concept-list__item:nth-child(even):before {
  -webkit-transform: translateX(clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100));
          transform: translateX(clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100));
}
@media (max-width: 768px) {
  .concept-list__item:nth-child(even):before {
    -webkit-transform: translate(clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100), -50%);
            transform: translate(clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100), -50%);
  }
}
.concept-list__item.inview:before {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media (max-width: 768px) {
  .concept-list__item.inview:before {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
.concept-list__item:nth-child(1):before {
  background-image: url("../images/image_concept-title_01.png");
  height: clamp(0px, 10vw / var(--board) * 10 * 506, var(--max) * 506);
}
@media (max-width: 768px) {
  .concept-list__item:nth-child(1):before {
    height: clamp(0px, 10vw / var(--board) * 10 * 196, var(--max) * 196);
  }
}
.concept-list__item:nth-child(2):before {
  background-image: url("../images/image_concept-title_02.png");
  height: clamp(0px, 10vw / var(--board) * 10 * 454, var(--max) * 454);
  right: 0;
}
@media (max-width: 768px) {
  .concept-list__item:nth-child(2):before {
    height: clamp(0px, 10vw / var(--board) * 10 * 172, var(--max) * 172);
  }
}
.concept-list__item:nth-child(2) .concept-images {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.concept-list__item:nth-child(3):before {
  background-image: url("../images/image_concept-title_03.png");
  height: clamp(0px, 10vw / var(--board) * 10 * 505, var(--max) * 505);
}
@media (max-width: 768px) {
  .concept-list__item:nth-child(3):before {
    height: clamp(0px, 10vw / var(--board) * 10 * 192, var(--max) * 192);
  }
}

.concept-images {
  position: relative;
  width: clamp(0px, 10vw / var(--board) * 10 * 1280, var(--max) * 1280);
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .concept-images {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.concept-list__image {
  width: clamp(0px, 10vw / var(--board) * 10 * 1160, var(--max) * 1160);
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .concept-list__image {
    width: clamp(0px, 10vw / var(--board) * 10 * 375, var(--max) * 375);
  }
}

.concept-list__girls {
  position: absolute;
}
.concept-list__girls.girls-1 {
  top: clamp(var(--max) * -140, 10vw / var(--board) * 10 * -140, 0px);
  right: clamp(var(--max) * -50, 10vw / var(--board) * 10 * -50, 0px);
  width: clamp(0px, 10vw / var(--board) * 10 * 383, var(--max) * 383);
  z-index: 0;
  -webkit-animation: girlsPattern02 3s 0.8s ease-in-out infinite;
          animation: girlsPattern02 3s 0.8s ease-in-out infinite;
}
@media (max-width: 768px) {
  .concept-list__girls.girls-1 {
    width: clamp(0px, 10vw / var(--board) * 10 * 98, var(--max) * 98);
    top: clamp(var(--max) * -64, 10vw / var(--board) * 10 * -64, 0px);
    right: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  }
}
.concept-list__girls.girls-2 {
  bottom: clamp(var(--max) * -263, 10vw / var(--board) * 10 * -263, 0px);
  right: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
  width: clamp(0px, 10vw / var(--board) * 10 * 303, var(--max) * 303);
  z-index: 1;
  -webkit-animation: girlsPattern01 3s 0.8s ease-in-out infinite;
          animation: girlsPattern01 3s 0.8s ease-in-out infinite;
}
@media (max-width: 768px) {
  .concept-list__girls.girls-2 {
    width: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
    bottom: clamp(var(--max) * -50, 10vw / var(--board) * 10 * -50, 0px);
    right: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  }
}
.concept-list__girls.girls-3 {
  top: clamp(var(--max) * -150, 10vw / var(--board) * 10 * -150, 0px);
  left: clamp(var(--max) * -100, 10vw / var(--board) * 10 * -100, 0px);
  width: clamp(0px, 10vw / var(--board) * 10 * 398, var(--max) * 398);
  -webkit-animation: girlsPattern01 3s 0.8s ease-in-out infinite;
          animation: girlsPattern01 3s 0.8s ease-in-out infinite;
}
@media (max-width: 768px) {
  .concept-list__girls.girls-3 {
    width: clamp(0px, 10vw / var(--board) * 10 * 132, var(--max) * 132);
    top: clamp(var(--max) * -50, 10vw / var(--board) * 10 * -50, 0px);
    left: 0;
  }
}
.concept-list__girls.girls-4 {
  bottom: clamp(var(--max) * -230, 10vw / var(--board) * 10 * -230, 0px);
  left: clamp(0px, 10vw / var(--board) * 10 * 378, var(--max) * 378);
  z-index: 1;
  width: clamp(0px, 10vw / var(--board) * 10 * 291, var(--max) * 291);
  -webkit-animation: girlsPattern02 2.4s 0.8s ease-in-out infinite;
          animation: girlsPattern02 2.4s 0.8s ease-in-out infinite;
}
@media (max-width: 768px) {
  .concept-list__girls.girls-4 {
    bottom: clamp(var(--max) * -47, 10vw / var(--board) * 10 * -47, 0px);
    left: clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45);
    width: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  }
}
.concept-list__girls.girls-5 {
  top: clamp(var(--max) * -100, 10vw / var(--board) * 10 * -100, 0px);
  right: clamp(var(--max) * -31, 10vw / var(--board) * 10 * -31, 0px);
  width: clamp(0px, 10vw / var(--board) * 10 * 396, var(--max) * 396);
  -webkit-animation: girlsPattern01 2.4s 0.8s ease-in-out infinite;
          animation: girlsPattern01 2.4s 0.8s ease-in-out infinite;
}
@media (max-width: 768px) {
  .concept-list__girls.girls-5 {
    width: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
    top: clamp(var(--max) * -45, 10vw / var(--board) * 10 * -45, 0px);
    right: 0;
  }
}
.concept-list__girls.girls-6 {
  bottom: clamp(var(--max) * -290, 10vw / var(--board) * 10 * -290, 0px);
  right: clamp(0px, 10vw / var(--board) * 10 * 230, var(--max) * 230);
  width: clamp(0px, 10vw / var(--board) * 10 * 210, var(--max) * 210);
  z-index: 1;
  -webkit-animation: girlsPattern03 2.4s 0.8s ease-in-out infinite;
          animation: girlsPattern03 2.4s 0.8s ease-in-out infinite;
}
@media (max-width: 768px) {
  .concept-list__girls.girls-6 {
    width: clamp(0px, 10vw / var(--board) * 10 * 74, var(--max) * 74);
    bottom: clamp(var(--max) * -80, 10vw / var(--board) * 10 * -80, 0px);
    right: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
}

.top-building {
  position: relative;
}
.top-building:before, .top-building:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  width: clamp(0px, 10vw / var(--board) * 10 * 1920, var(--max) * 1920);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 768px) {
  .top-building:before, .top-building:after {
    width: 100%;
  }
}
.top-building:before {
  height: clamp(0px, 10vw / var(--board) * 10 * 187, var(--max) * 187);
  top: clamp(var(--max) * -187, 10vw / var(--board) * 10 * -187, 0px);
  background-image: url("../images/image_bg-building_top.png");
}
@media (max-width: 768px) {
  .top-building:before {
    height: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
    top: clamp(var(--max) * -52, 10vw / var(--board) * 10 * -52, 0px);
    background-image: url("../images/image_bg-building_top_sp.png");
  }
}
.top-building:after {
  height: clamp(0px, 10vw / var(--board) * 10 * 206, var(--max) * 206);
  bottom: clamp(var(--max) * -206, 10vw / var(--board) * 10 * -206, 0px);
  background-image: url("../images/image_bg-building_bottom.png");
  z-index: 1;
}
@media (max-width: 768px) {
  .top-building:after {
    height: clamp(0px, 10vw / var(--board) * 10 * 97, var(--max) * 97);
    bottom: clamp(var(--max) * -95, 10vw / var(--board) * 10 * -95, 0px);
    background-image: url("../images/image_bg-building_bottom_sp.png");
  }
}
.top-building .section-inner {
  padding: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110) clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
}
@media (max-width: 768px) {
  .top-building .section-inner {
    padding: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) 0;
  }
}
.top-building .section-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
}
@media (max-width: 768px) {
  .top-building .section-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 76, var(--max) * 76);
  }
}

.top-building__treat {
  position: absolute;
}
.top-building__treat.top-left {
  top: clamp(var(--max) * -190, 10vw / var(--board) * 10 * -190, 0px);
  left: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
  width: clamp(0px, 10vw / var(--board) * 10 * 209, var(--max) * 209);
  -webkit-animation: girlsPattern01 3s 0.8s ease-in-out infinite;
          animation: girlsPattern01 3s 0.8s ease-in-out infinite;
}
@media (max-width: 768px) {
  .top-building__treat.top-left {
    width: clamp(0px, 10vw / var(--board) * 10 * 84, var(--max) * 84);
    top: clamp(var(--max) * -65, 10vw / var(--board) * 10 * -65, 0px);
    left: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  }
}
.top-building__treat.top-right {
  top: clamp(var(--max) * -100, 10vw / var(--board) * 10 * -100, 0px);
  right: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 325, var(--max) * 325);
  -webkit-animation: girlsPattern03 2.4s 0.8s ease-in-out infinite;
          animation: girlsPattern03 2.4s 0.8s ease-in-out infinite;
}
@media (max-width: 768px) {
  .top-building__treat.top-right {
    width: clamp(0px, 10vw / var(--board) * 10 * 140, var(--max) * 140);
    top: auto;
    right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    bottom: clamp(var(--max) * -30, 10vw / var(--board) * 10 * -30, 0px);
  }
}
.top-building__treat.center {
  bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  left: 47%;
  translate: -50% 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 272, var(--max) * 272);
  z-index: 1;
  -webkit-animation: girlsPattern02 2.4s 0.8s ease-in-out infinite;
          animation: girlsPattern02 2.4s 0.8s ease-in-out infinite;
}
@media (max-width: 768px) {
  .top-building__treat.center {
    width: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
    z-index: 0;
    top: clamp(var(--max) * -23, 10vw / var(--board) * 10 * -23, 0px);
    right: clamp(var(--max) * -30, 10vw / var(--board) * 10 * -30, 0px);
    left: auto;
    -webkit-animation: girlsPattern01 4s 0.8s ease-in-out infinite;
            animation: girlsPattern01 4s 0.8s ease-in-out infinite;
    bottom: auto;
  }
}

.building-wrap {
  position: relative;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1440, var(--max) * 1440);
  margin: auto;
}
@media (max-width: 768px) {
  .building-wrap {
    width: 100%;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}

.building-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  margin-top: clamp(var(--max) * -10, 10vw / var(--board) * 10 * -10, 0px);
}
@media (max-width: 768px) {
  .building-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.building-list__item {
  position: relative;
  width: clamp(0px, 10vw / var(--board) * 10 * 415, var(--max) * 415);
}
@media (max-width: 768px) {
  .building-list__item {
    width: 100%;
  }
  .building-list__item .building-list__image {
    width: clamp(0px, 10vw / var(--board) * 10 * 258, var(--max) * 258);
  }
}
.building-list__item:nth-child(1) {
  margin-top: clamp(var(--max) * -80, 10vw / var(--board) * 10 * -80, 0px);
}
@media (max-width: 768px) {
  .building-list__item:nth-child(1) {
    margin-top: 0;
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
}
@media (max-width: 768px) {
  .building-list__item:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    margin-left: auto;
  }
}
.building-list__item:nth-child(3) {
  margin-top: clamp(var(--max) * -150, 10vw / var(--board) * 10 * -150, 0px);
}
@media (max-width: 768px) {
  .building-list__item:nth-child(3) {
    margin-top: 0;
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
}

.building-wrap__treat {
  position: absolute;
}
.building-wrap__treat.left {
  top: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  left: clamp(var(--max) * -50, 10vw / var(--board) * 10 * -50, 0px);
  width: clamp(0px, 10vw / var(--board) * 10 * 162, var(--max) * 162);
  -webkit-animation: girlsPattern01 2.4s 0.8s ease-in-out infinite;
          animation: girlsPattern01 2.4s 0.8s ease-in-out infinite;
}
@media (max-width: 768px) {
  .building-wrap__treat.left {
    width: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
    top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    left: 0;
  }
}
.building-wrap__treat.center {
  width: clamp(0px, 10vw / var(--board) * 10 * 86, var(--max) * 86);
  top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  left: clamp(0px, 10vw / var(--board) * 10 * 84, var(--max) * 84);
}
.building-wrap__treat.right {
  top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  right: clamp(var(--max) * -50, 10vw / var(--board) * 10 * -50, 0px);
  width: clamp(0px, 10vw / var(--board) * 10 * 170, var(--max) * 170);
  -webkit-animation: girlsPattern03 2.4s 0.8s ease-in-out infinite;
          animation: girlsPattern03 2.4s 0.8s ease-in-out infinite;
}
@media (max-width: 768px) {
  .building-wrap__treat.right {
    width: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    top: clamp(0px, 10vw / var(--board) * 10 * 47, var(--max) * 47);
    right: clamp(0px, 10vw / var(--board) * 10 * 78, var(--max) * 78);
  }
}

.top-support {
  position: relative;
  overflow: hidden;
}
.top-support .section-inner {
  position: relative;
  z-index: 1;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 260, var(--max) * 260);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
}
@media (max-width: 768px) {
  .top-support .section-inner {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 170, var(--max) * 170);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
    padding: clamp(0px, 10vw / var(--board) * 10 * 170, var(--max) * 170) 0 clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  }
  .top-support .section-inner .section-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 46, var(--max) * 46);
  }
}

.section-video-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.section-video-bg__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (prefers-reduced-motion: reduce) {
  .section-video-bg {
    display: none;
  }
}

.top-blog {
  position: relative;
}
.top-blog:before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  width: clamp(0px, 10vw / var(--board) * 10 * 1920, var(--max) * 1920);
  height: clamp(0px, 10vw / var(--board) * 10 * 163, var(--max) * 163);
  background-image: url("../images/image_bg-blog_top.png");
  top: clamp(var(--max) * -162, 10vw / var(--board) * 10 * -162, 0px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 768px) {
  .top-blog:before {
    height: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
    top: clamp(var(--max) * -35, 10vw / var(--board) * 10 * -35, 0px);
    width: 100%;
    background-image: url("../images/image_bg-blog_top_sp.png");
  }
}
.top-blog:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  width: clamp(0px, 10vw / var(--board) * 10 * 1920, var(--max) * 1920);
  height: clamp(0px, 10vw / var(--board) * 10 * 163, var(--max) * 163);
  background-image: url("../images/image_bg-blog_bottom.png");
  bottom: clamp(var(--max) * -163, 10vw / var(--board) * 10 * -163, 0px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 768px) {
  .top-blog:after {
    width: 100%;
    background-image: url("../images/image_bg-blog_bottom_sp.png");
    height: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
    bottom: clamp(var(--max) * -68, 10vw / var(--board) * 10 * -68, 0px);
  }
}
.top-blog .section-inner {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
}
@media (max-width: 768px) {
  .top-blog .section-inner {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 85, var(--max) * 85);
  }
}
.top-blog .section-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
}
@media (max-width: 768px) {
  .top-blog .section-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 23, var(--max) * 23);
  }
}
.top-blog .blog-list {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
}

.top-information {
  background-image: url("../images/bg_information.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
}
.top-information .section-inner {
  max-width: none;
  padding: clamp(0px, 10vw / var(--board) * 10 * 330, var(--max) * 330) 0 clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
}
@media (max-width: 768px) {
  .top-information .section-inner {
    padding: clamp(0px, 10vw / var(--board) * 10 * 87, var(--max) * 87) 0 clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  }
}

.top-information__wrap {
  position: relative;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 840, var(--max) * 840);
  margin: auto;
}
@media (max-width: 768px) {
  .top-information__wrap {
    max-width: clamp(0px, 10vw / var(--board) * 10 * 330, var(--max) * 330);
  }
}

.top-information__title {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
@media (max-width: 768px) {
  .top-information__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}

.top-information__description {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.8;
  text-align: left;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 580, var(--max) * 580);
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
}
@media (max-width: 768px) {
  .top-information__description {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
}

.top-information__treat {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 768px) {
  .top-information__treat {
    -webkit-animation: none;
            animation: none;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none;
  }
}
.top-information__treat.left {
  left: clamp(var(--max) * -50, 10vw / var(--board) * 10 * -50, 0px);
  width: clamp(0px, 10vw / var(--board) * 10 * 188, var(--max) * 188);
  -webkit-animation: girlsPattern05 3.2s 0.8s ease-in-out infinite;
          animation: girlsPattern05 3.2s 0.8s ease-in-out infinite;
}
.top-information__treat.right {
  right: clamp(var(--max) * -10, 10vw / var(--board) * 10 * -10, 0px);
  width: clamp(0px, 10vw / var(--board) * 10 * 121, var(--max) * 121);
  -webkit-animation: girlsPattern06 3s 0.8s ease-in-out infinite;
          animation: girlsPattern06 3s 0.8s ease-in-out infinite;
}

.top-information__youtube {
  margin: clamp(0px, 10vw / var(--board) * 10 * 128, var(--max) * 128) auto clamp(0px, 10vw / var(--board) * 10 * 95, var(--max) * 95);
  width: clamp(0px, 10vw / var(--board) * 10 * 800, var(--max) * 800);
}
@media (max-width: 768px) {
  .top-information__youtube {
    width: clamp(0px, 10vw / var(--board) * 10 * 320, var(--max) * 320);
    margin: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56) auto 0;
  }
}
.top-information__youtube iframe {
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 450, var(--max) * 450);
}
@media (max-width: 768px) {
  .top-information__youtube iframe {
    height: clamp(0px, 10vw / var(--board) * 10 * 180, var(--max) * 180);
  }
}