@charset "UTF-8";
@media screen and (max-width: 992px) {
  .spinner {
    padding-left: 10%;
    padding-right: 10%;
  }
}

.sec__link {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.sec1__slider {
  width: 100%;
  height: 100dvh;
}
.sec1 .swiper-slide {
  position: relative;
}
.sec1 .swiper__text {
  position: absolute;
}
.sec1 .swiper__text--1 {
  top: 30%;
  left: 7%;
}
@media screen and (max-width: 992px) {
  .sec1 .swiper__text--1 {
    left: 0;
    padding-left: 5px;
    padding-right: 5px;
    top: 45%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .sec1 .swiper__text--1 {
    padding-left: 10px;
    padding-right: 20px;
  }
}
.sec1 .swiper__text--2 {
  left: 50%;
  transform: translateX(-50%);
  bottom: 5%;
}
@media screen and (max-width: 992px) {
  .sec1 .swiper__text--2 {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 768px) {
  .sec1 .swiper__text--2 {
    padding-left: 20px;
    padding-right: 20px;
    width: 90%;
  }
}
.sec1 .swiper__text--3 {
  top: 50%;
  transform: translateY(-50%);
  left: 7%;
}
@media screen and (max-width: 992px) and (max-width: 992px) {
  .sec1 .swiper__text--3 {
    top: initial;
    padding-left: 5px;
    padding-right: 5px;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
}
@media screen and (max-width: 992px) and (max-width: 768px) {
  .sec1 .swiper__text--3 {
    padding-left: 20px;
    padding-right: 20px;
    width: 80%;
    bottom: 30%;
  }
}
.sec1 .swiper__text--4 {
  left: 50%;
  transform: translateX(-50%);
  bottom: 5%;
}
@media screen and (max-width: 992px) {
  .sec1 .swiper__text--4 {
    left: 0;
    padding-left: 5px;
    padding-right: 5px;
    transform: none;
    bottom: 35%;
  }
}
@media screen and (max-width: 768px) {
  .sec1 .swiper__text--4 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.sec1 .swiper__tx-img--2 {
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 576px) {
  .sec1 .swiper__tx-img--2 {
    max-width: 280px;
  }
}
.sec1 .swiper__tx-img--3 {
  width: 100%;
}

.sec3__otr {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
@media screen and (max-width: 992px) {
  .sec3__otr {
    display: block;
  }
}
.sec3__slicer {
  width: 100%;
  margin-top: 40px;
}
.sec3__link--3 {
  width: calc((100% - 80px) / 3);
}
.sec3__link--3:nth-of-type(n + 2) {
  margin-left: 40px;
}
@media screen and (max-width: 992px) {
  .sec3__link--3:nth-of-type(n + 2) {
    margin-left: 0;
    margin-top: 20px;
  }
}
@media screen and (max-width: 992px) {
  .sec3__link--3 {
    width: 100%;
  }
}
.sec3__link--2 {
  width: calc((100% - 40px) / 2);
}
.sec3__link--2:nth-of-type(n + 5) {
  margin-left: 40px;
}
@media screen and (max-width: 992px) {
  .sec3__link--2:nth-of-type(n + 5) {
    margin-left: 0;
    margin-top: 20px;
  }
}
@media screen and (max-width: 992px) {
  .sec3__link--2 {
    width: 100%;
  }
}

.sec4__otr {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
@media screen and (max-width: 992px) {
  .sec4__otr {
    display: block;
  }
}
.sec4 .sec4__slicer {
  width: 100%;
  margin-top: 40px;
}
.sec4__link--3 {
  width: calc((100% - 80px) / 3);
}
.sec4__link--3:nth-of-type(2), .sec4__link--3:nth-of-type(3), .sec4__link--3:nth-of-type(5), .sec4__link--3:nth-of-type(6), .sec4__link--3:nth-of-type(8), .sec4__link--3:nth-of-type(9) {
  margin-left: 40px;
}
@media screen and (max-width: 992px) {
  .sec4__link--3:nth-of-type(2), .sec4__link--3:nth-of-type(3), .sec4__link--3:nth-of-type(5), .sec4__link--3:nth-of-type(6), .sec4__link--3:nth-of-type(8), .sec4__link--3:nth-of-type(9) {
    margin-left: 0;
    margin-top: 20px;
  }
}
@media screen and (max-width: 992px) {
  .sec4__link--3 {
    width: 100%;
  }
}
.sec4__link--2 {
  width: calc((100% - 40px) / 2);
}
.sec4__link--2:nth-of-type(n + 2) {
  margin-left: 40px;
}
@media screen and (max-width: 992px) {
  .sec4__link--2:nth-of-type(n + 2) {
    margin-left: 0;
    margin-top: 20px;
  }
}
@media screen and (max-width: 992px) {
  .sec4__link--2 {
    width: 100%;
  }
}

.sec5__catch {
  color: #0064be;
  letter-spacing: 1px;
}
@media screen and (max-width: 992px) {
  .sec5__catch {
    letter-spacing: initial;
    margin-top: 20px;
  }
}
@media screen and (max-width: 992px) {
  .sec5__catch--in {
    margin-top: 4px;
    display: inline-block;
  }
}
.sec5__otr {
  margin-top: 75px;
  display: flex;
  position: relative;
}
@media screen and (max-width: 992px) {
  .sec5__otr {
    display: block;
    position: static;
  }
}
.sec5__img-wrap {
  width: 50%;
  margin-top: 20px;
}
@media screen and (max-width: 992px) {
  .sec5__img-wrap {
    width: 100%;
    position: relative;
  }
}
.sec5__en {
  position: absolute;
  left: 4%;
  bottom: -70px;
  font-size: 5rem;
  letter-spacing: 10px;
  font-weight: bold;
}
@media screen and (max-width: 992px) {
  .sec5__en {
    font-size: 2.8rem;
    bottom: 10px;
  }
}
.sec5__en-white {
  color: white;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
}
.sec5__en-blue {
  color: #0064be;
  text-shadow: 2px 2px 10px white;
}
.sec5__tx-wrap {
  width: 50%;
}
@media screen and (max-width: 992px) {
  .sec5__tx-wrap {
    width: 100%;
  }
}

.sec6__otr {
  margin-top: 40px;
  text-align: center;
}
.sec6__link {
  max-width: 540px;
}
.sec6__cmt {
  margin-top: 50px;
  text-align: center;
}
.sec6__tx1 {
  font-size: 2.8rem;
  display: inline-block;
  color: #0064be;
  margin-bottom: 20px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .sec6__tx1 {
    font-size: 2rem;
  }
}
.sec6__tx1::before {
  content: "♪♬";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -70px;
  transform: translateY(-50%);
}
@media screen and (max-width: 992px) {
  .sec6__tx1::before {
    left: -30px;
  }
}
.sec6__tx1::after {
  content: "♬♪";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -70px;
  transform: translateY(-50%);
}
@media screen and (max-width: 992px) {
  .sec6__tx1::after {
    right: -30px;
  }
}/*# sourceMappingURL=top.css.map */