html {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  font-style: normal;
}

img {
  width: 100%;
  height: auto;
}

.cta-btn-wrap {
  max-width: 22.03125vw;
  width: 100%;
}
.cta-btn-wrap--400 {
  max-width: 31.25vw;
}

.cta-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.90625vw;
  background-color: #000;
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 16px */
  position: relative;
  transition: all 0.3s ease;
}
.cta-btn:after {
  content: "";
  background-image: url("/assets/images/arrow-right.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.5234375vw;
  width: 0.65859375vw;
  height: 1.31484375vw;
  background-color: #000;
}
.cta-btn:hover {
  opacity: 0.86;
  box-shadow: 0 0.3125vw 1.25vw rgba(0, 0, 0, 0.12);
}

.humburger-menu {
  display: none;
}

.content {
  display: flex;
  justify-content: center;
}
.content__inner {
  max-width: 75vw;
  width: 100%;
}

.sec1 {
  position: relative;
}
.sec1 .cta-btn-wrap {
  position: absolute;
  bottom: 7.140625vw;
  left: 7.8125vw;
}

.sec2 {
  background-color: #ffea68;
}
.sec2__inner {
  padding-top: 6.25vw;
  padding-bottom: 6.25vw;
}

.sec4__inner {
  padding-top: 6.25vw;
  padding-bottom: 6.25vw;
  position: relative;
}
.sec4__inner .about1 {
  display: block;
  aspect-ratio: 387/154;
  max-width: 30.234375vw;
}
.sec4__inner .cta-btn-wrap {
  position: absolute;
  bottom: 10.9375vw;
  left: 50%;
  transform: translateX(-50%);
}

.sec7 {
  display: flex;
  justify-content: center;
}
.sec7__inner {
  max-width: 84.375vw;
  width: 100%;
  padding-top: 6.25vw;
  padding-bottom: 6.25vw;
}

.banner {
  aspect-ratio: 800/180;
  max-width: 62.5vw;
  width: 100%;
  background-image: url("/assets/images/banner-pc.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.banner .cta-btn-wrap {
  position: absolute;
  bottom: 5.078125vw;
  right: 3.90625vw;
}

.sec9 {
  display: flex;
  justify-content: center;
}
.sec9__inner {
  max-width: 62.5vw;
  width: 100%;
  padding-top: 6.25vw;
  padding-bottom: 6.25vw;
}

.footer {
  background: #eee;
  display: flex;
  justify-content: center;
}
.footer__inner {
  max-width: 87.5vw;
  width: 100%;
  padding-top: 4.6875vw;
  padding-bottom: 15.625vw;
  display: flex;
  justify-content: space-between;
}
.footer__inner .footer-logo {
  display: block;
  aspect-ratio: 202/80;
  max-width: 15.78125vw;
  width: 100%;
  height: auto;
}
.footer__inner .footer-logo img {
  width: 100%;
  height: auto;
}
.footer__inner .nav-list {
  display: flex;
  column-gap: 3.125vw;
  flex-wrap: wrap;
  max-width: 28.75vw;
}
.footer__inner .nav-list .left-nav-list {
  display: flex;
  flex-direction: column;
  gap: 1.8359375vw;
}
.footer__inner .nav-list .right-nav-list {
  display: flex;
  flex-direction: column;
  gap: 1.8359375vw;
}
.footer__inner .nav-list .single-nav {
  color: #000;
  font-family: "Noto Sans JP";
  font-size: 1.015625vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5234375vw; /* 150% */
  letter-spacing: 0.0203125vw;
  padding-right: 1.40625vw;
  width: fit-content;
}
.footer__inner .nav-list .single-nav--external {
  position: relative;
}
.footer__inner .nav-list .single-nav--external:after {
  content: "";
  background-image: url("/assets/images/external-logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 0.9375vw;
  height: 0.9375vw;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
  img {
    width: 100%;
    height: auto;
  }
  .humburger-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
  }
  .humburger-wrap .humburger {
    width: 14.358974359vw;
    height: 14.358974359vw;
    position: relative;
    background: #000;
  }
  .humburger-wrap .humburger:after {
    content: "";
    width: 6.4615384615vw;
    height: 2px;
    background: #fff;
    position: absolute;
    top: calc(50% - 0.7179487179vw);
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.2s ease;
  }
  .humburger-wrap .humburger:before {
    content: "";
    width: 6.4615384615vw;
    height: 2px;
    background: #fff;
    position: absolute;
    top: calc(50% + 0.7179487179vw);
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.2s ease;
  }
  .humburger-wrap .humburger.is-active:after {
    transform: translate(-50%, calc(-50% + 0.7179487179vw)) rotate(45deg);
    transition: all 0.2s ease;
  }
  .humburger-wrap .humburger.is-active:before {
    transform: translate(-50%, calc(-50% - 0.7179487179vw)) rotate(-45deg);
    transition: all 0.2s ease;
  }
  .humburger-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.97);
    align-items: center;
    justify-content: center;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .humburger-menu__inner {
    display: flex;
    flex-direction: column;
    gap: 7.6923076923vw;
    align-items: center;
  }
  .humburger-menu__inner .logo {
    display: block;
    aspect-ratio: 202/80;
    max-width: 51.7948717949vw;
    width: 100%;
    height: auto;
  }
  .humburger-menu__inner .logo img {
    width: 100%;
    height: auto;
  }
  .humburger-menu__inner .nav-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5.1282051282vw;
  }
  .humburger-menu__inner .nav-list .single-nav {
    white-space: nowrap;
    color: #000;
    font-family: "Noto Sans JP";
    font-size: 3.3333333333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 5vw; /* 150% */
    letter-spacing: 0.0666666667vw;
    padding-right: 4.6153846154vw;
    width: fit-content;
  }
  .humburger-menu__inner .nav-list .single-nav--external {
    position: relative;
  }
  .humburger-menu__inner .nav-list .single-nav--external:after {
    content: "";
    background-image: url("/assets/images/external-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 3.0769230769vw;
    height: 3.0769230769vw;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .humburger-menu.is-active {
    display: flex;
    opacity: 1;
    visibility: visible;
  }
  .cta-btn-wrap {
    max-width: 89.7435897436vw;
    width: 100%;
  }
  .cta-btn-wrap--400 {
    max-width: 89.7435897436vw;
  }
  .cta-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 14.358974359vw;
    background-color: #000;
    color: #fff;
    font-family: "Noto Sans JP";
    font-size: 5.1282051282vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 20px */
    position: relative;
    transition: all 0.3s ease;
  }
  .cta-btn:after {
    content: "";
    background-image: url("/assets/images/arrow-right.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5vw;
    width: 2.1615384615vw;
    height: 4.3153846154vw;
    background-color: #000;
  }
  .cta-btn:hover {
    opacity: 0.86;
    box-shadow: 0 1.0256410256vw 4.1025641026vw rgba(0, 0, 0, 0.12);
  }
  .content {
    display: flex;
    justify-content: center;
  }
  .content__inner {
    max-width: 89.7435897436vw;
    width: 100%;
  }
  .sec1 {
    position: relative;
    position: relative;
  }
  .sec1 .cta-btn-wrap {
    position: absolute;
    bottom: 135.3846153846vw;
    left: 5.1282051282vw;
  }
  .sec2 {
    background-color: #ffea68;
  }
  .sec2__inner {
    padding-top: 10.2564102564vw;
    padding-bottom: 10.2564102564vw;
  }
  .sec4__inner {
    padding-top: 10.2564102564vw;
    padding-bottom: 10.2564102564vw;
    position: relative;
  }
  .sec4__inner .about1 {
    display: block;
    aspect-ratio: 387/154;
    max-width: 99.2307692308vw;
  }
  .sec4__inner .cta-btn-wrap {
    position: initial;
    bottom: auto;
    left: auto;
    transform: none;
  }
  .sec5 {
    background: #fad700;
  }
  .sec7 {
    display: flex;
    justify-content: center;
  }
  .sec7__inner {
    max-width: 89.7435897436vw;
    width: 100%;
    padding-top: 10.2564102564vw;
    padding-bottom: 10.2564102564vw;
  }
  .banner {
    aspect-ratio: 350/160;
    max-width: 89.7435897436vw;
    width: 100%;
    background-image: url("/assets/images/banner-sp.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 18.4615384615vw;
    position: relative;
  }
  .banner .cta-btn-wrap {
    position: absolute;
    bottom: -18.4615384615vw;
    right: 0vw;
  }
  .banner .cta-btn-wrap .cta-btn {
    height: 18.4615384615vw;
  }
  .sec9 {
    display: flex;
    justify-content: center;
  }
  .sec9__inner {
    max-width: 89.7435897436vw;
    width: 100%;
    padding-top: 10.2564102564vw;
    padding-bottom: 10.2564102564vw;
  }
  .footer {
    background: #eee;
    display: flex;
    justify-content: center;
  }
  .footer__inner {
    max-width: 89.7435897436vw;
    width: 100%;
    padding-top: 15.3846153846vw;
    padding-bottom: 51.2820512821vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 10.2564102564vw;
  }
  .footer__inner .footer-logo {
    display: block;
    aspect-ratio: 202/80;
    max-width: 51.7948717949vw;
    width: 100%;
    height: auto;
  }
  .footer__inner .footer-logo img {
    width: 100%;
    height: auto;
  }
  .footer__inner .nav-list {
    display: flex;
    column-gap: 6.1538461538vw;
    justify-content: space-between;
    flex-wrap: nowrap;
    max-width: 89.7435897436vw;
  }
  .footer__inner .nav-list .left-nav-list {
    display: flex;
    flex-direction: column;
    gap: 6.0256410256vw;
  }
  .footer__inner .nav-list .right-nav-list {
    display: flex;
    flex-direction: column;
    gap: 6.0256410256vw;
  }
  .footer__inner .nav-list .single-nav {
    white-space: nowrap;
    color: #000;
    font-family: "Noto Sans JP";
    font-size: 3.3333333333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 5vw; /* 150% */
    letter-spacing: 0.0666666667vw;
    padding-right: 4.6153846154vw;
    width: fit-content;
  }
  .footer__inner .nav-list .single-nav--external {
    position: relative;
  }
  .footer__inner .nav-list .single-nav--external:after {
    content: "";
    background-image: url("/assets/images/external-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 3.0769230769vw;
    height: 3.0769230769vw;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}/*# sourceMappingURL=index.css.map */