html {
  font-size: 62.5%;
}

body {
  margin: 0 auto;
  color: #000;
  background-color: #0040ff;
  box-sizing: border-box;
  font-family: "Noto Sans JP", "Anton", sans-serif;
  font-weight: normal;
  line-height: 1;
}

a {
  text-decoration: none;
}

img {
  vertical-align: middle;
}

ul {
  list-style: none;
}

.l-header {
  padding: 1.3888888889vw;
}
.l-header__inner {
  display: flex;
  align-items: center;
  gap: 9.2361111111vw;
}
.l-header__logo {
  width: 23.6111111111vw;
  height: auto;
}
.l-header__logo img {
  width: 100%;
}
.l-header__text {
  color: #fff;
  font-weight: 900;
  font-size: 1.25vw;
  letter-spacing: 0.0694444444vw;
}

@media screen and (max-width: 440px) {
  .l-header {
    text-align: center;
    padding: 2.2727272727vw 0;
  }
  .l-header__inner {
    display: block;
  }
  .l-header__logo {
    width: 38.6363636364vw;
    margin: 0 auto;
    padding-bottom: 2.2727272727vw;
  }
  .l-header__text {
    font-size: 3.1818181818vw;
  }
}
.p-hero {
  width: 100%;
  height: 52.0833333333vw;
  background-image: url(../img/hero.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  overflow: hidden;
  position: relative;
}
.p-hero__swiper {
  position: absolute;
  width: 43.4027777778vw;
  height: 24.4444444444vw;
  bottom: 9.4444444444vw;
  left: 50%;
  translate: -50%;
  transition: all 0.3s;
}
.p-hero__swiper .swiper-slide img {
  overflow: hidden;
  box-shadow: 0.5555555556vw 0.5555555556vw 0 rgba(0, 0, 0, 0.6);
  border: #fdda00 10px solid;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-hero__swiper:hover {
  transform: scale(0.95);
}

@media screen and (max-width: 767px) {
  .p-hero .swiper-slide img {
    box-shadow: 1.0430247718vw 1.0430247718vw 0 rgba(0, 0, 0, 0.6);
    border: #fdda00 1.3037809648vw solid;
  }
}
@media screen and (max-width: 440px) {
  .p-hero {
    height: 131.8181818182vw;
    background-image: url(../img/sp_hero.jpg);
  }
  .p-hero__swiper {
    width: 90.9090909091vw;
    height: 51.1363636364vw;
    bottom: 45vw;
    translate: -51%;
  }
  .p-hero__swiper .swiper-slide img {
    box-shadow: 1.8181818182vw 1.8181818182vw 0 rgba(0, 0, 0, 0.6);
    border: #fdda00 1.0833333333vw solid;
  }
}
.p-lead {
  width: 83.3333333333vw;
  margin: 0 auto;
  padding: 4.375vw 2.5vw;
  background-color: #fff;
  text-align: center;
  border: #000 0.3472222222vw solid;
  box-shadow: rgba(0, 0, 0, 0.6) 0.5555555556vw 0.5555555556vw;
  position: relative;
  z-index: 100;
}
.p-lead__text {
  font-weight: bold;
  font-size: 1.9444444444vw;
  line-height: 2.5vw;
}
.p-lead__text span {
  color: #fdda00;
  background-color: #0040ff;
  margin: 0.1388888889vw;
}

@media screen and (max-width: 440px) {
  .p-lead {
    width: 90.9090909091vw;
    padding: 5.6818181818vw 5.4545454545vw;
    box-shadow: rgba(0, 0, 0, 0.6) 1.8181818182vw 1.8181818182vw;
  }
  .p-lead__text {
    font-weight: bold;
    font-size: 4.0909090909vw;
    line-height: 5.4545454545vw;
  }
}
.p-section {
  padding: 6.25vw 0;
  background-color: #fdda00;
  position: relative;
}
.p-section::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 8.0208333333vw;
  height: 20vw;
  background-image: url(../img/blue_left.png);
  background-repeat: no-repeat;
  background-size: cover;
  top: 3.0555555556vw;
  left: 0;
  z-index: 10;
}
.p-section::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 6.9097222222vw;
  height: 19.6527777778vw;
  background-image: url(../img/blue_right.png);
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0.9722222222vw;
  right: 0;
  z-index: 10;
}
.p-section--blue {
  background-color: #0040ff;
}
.p-section--blue::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 8.0208333333vw;
  height: 20vw;
  background-image: url(../img/yellow_left.png);
  background-repeat: no-repeat;
  background-size: cover;
  top: 3.0555555556vw;
  left: 0;
  z-index: 10;
}
.p-section--blue::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 6.9097222222vw;
  height: 20vw;
  background-image: url(../img/yellow_right.png);
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 3.4722222222vw;
  right: 0;
  z-index: 10;
}

.c-title {
  text-align: center;
  margin-bottom: 2.0833333333vw;
  color: #fff;
  position: relative;
}
.c-title::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 12.0833333333vw;
  height: 0.3472222222vw;
  background-color: #fff;
  top: 3.75vw;
  left: 50%;
  translate: -6.0416666667vw;
}
.c-title__en {
  font-family: "Anton";
  font-size: 3.3333333333vw;
  padding-bottom: 1.1111111111vw;
  font-weight: 400;
}
.c-title__jp {
  font-size: 1.1111111111vw;
  font-weight: bold;
  letter-spacing: 0.0347222222vw;
}
.c-title--blue {
  color: #0040ff;
  position: relative;
}
.c-title--blue::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 8.4722222222vw;
  height: 0.3472222222vw;
  background-color: #0040ff;
  top: 3.75vw;
  left: 50%;
  translate: -4.2361111111vw;
}

.c-subTitle {
  text-align: center;
  width: 34.4444444444vw;
  padding: 0.9722222222vw 0;
  box-shadow: rgba(0, 0, 0, 0.6) 0.5555555556vw 0.5555555556vw;
  margin: 0 auto;
  color: #0040ff;
  background-color: #fdda00;
  font-size: 1.9444444444vw;
  font-weight: bold;
  text-shadow: -0.0694444444vw 0.0694444444vw 0 #fff, 0.0694444444vw 0.0694444444vw 0 #fff, -0.0694444444vw -0.0694444444vw 0 #fff, 0.0694444444vw -0.0694444444vw 0 #fff;
  margin-bottom: 3.4722222222vw;
}

.u-spOnly {
  display: none;
}

@media screen and (max-width: 767px) {
  .c-title {
    margin-bottom: 3.9113428944vw;
  }
  .c-title::before {
    width: 22.6857887875vw;
    height: 0.6518904824vw;
    top: 6.95vw;
    translate: -11.51667vw;
  }
  .c-title__en {
    font-size: 6.258148631vw;
    padding-bottom: 2.0860495437vw;
  }
  .c-title__jp {
    font-size: 2.0860495437vw;
    letter-spacing: 0.0651890482vw;
  }
  .c-title--blue::before {
    width: 15.9727272727vw;
    height: 0.6518904824vw;
    top: 6.95vw;
    translate: -8.036111vw;
  }
  .c-subTitle {
    width: 46.6753585398vw;
    padding: 1.3037809648vw 0;
    box-shadow: rgba(0, 0, 0, 0.6) 1.0430247718vw 1.0430247718vw;
    font-size: 2.6075619296vw;
    margin-bottom: 5.6062581486vw;
  }
}
@media screen and (max-width: 440px) {
  .p-section {
    padding: 11.3636363636vw 0;
  }
  .p-section::before {
    width: 24.7727272727vw;
    height: 41.8181818182vw;
    background-image: url(../img/sp_blue_left.png);
    top: 4.3636363636vw;
  }
  .p-section::after {
    width: 28.1818181818vw;
    height: 40vw;
    background-image: url(../img/sp_blue_right.png);
    bottom: 1.5909090909vw;
  }
  .p-section--blue::before {
    width: 24.7727272727vw;
    height: 41.8181818182vw;
    background-image: url(../img/sp_yellow_left.png);
    top: 3.1818181818vw;
  }
  .p-section--blue::after {
    width: 28.6363636364vw;
    height: 40vw;
    background-image: url(../img/sp_yellow_right.png);
    bottom: 35.6818181818vw;
  }
  .c-title {
    margin-bottom: 6.8181818182vw;
  }
  .c-title::before {
    width: 39.5454545455vw;
    height: 1.1363636364vw;
    top: 11.95vw;
    translate: -19.51667vw;
  }
  .c-title__en {
    font-size: 10.9090909091vw;
    padding-bottom: 3.6363636364vw;
  }
  .c-title__jp {
    font-size: 3.6363636364vw;
    letter-spacing: 0.1136363636vw;
  }
  .c-title--blue::before {
    width: 27.7272727273vw;
    height: 1.1363636364vw;
    top: 11.95vw;
    translate: -13.836111vw;
  }
  .c-subTitle {
    width: 81.3636363636vw;
    padding: 2.2727272727vw 0;
    box-shadow: rgba(0, 0, 0, 0.6) 1.8181818182vw 1.8181818182vw;
    font-size: 4.5454545455vw;
    margin-bottom: 11.3636363636vw;
  }
  .u-spOnly {
    display: block;
  }
}
.p-content {
  width: 83.3333333333vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  column-gap: 3.125vw;
  row-gap: 3.4722222222vw;
  margin-bottom: 4.8611111111vw;
  position: relative;
  z-index: 100;
}
.p-content__card {
  display: block;
  background-color: #fff;
  width: 25.6944444444vw;
  height: 23.0611111111vw;
  padding: 2.0833333333vw 1.7361111111vw;
  border-radius: 2.0833333333vw;
}
.p-content__card:hover .p-content__card__img {
  opacity: 0.7;
}
.p-content__card__img {
  width: 22.2222222222vw;
  height: 12.5vw;
  margin-bottom: 1.3888888889vw;
  transition: all 0.3s;
  object-fit: cover;
}
.p-content__card__img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.p-content__card__text {
  font-weight: bold;
  font-size: 1.1111111111vw;
  line-height: 1.5277777778vw;
  color: #000;
}
.p-content__bottom {
  display: flex;
  justify-content: center;
}
.p-content__btn {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 2.0833333333vw;
  width: 33.3333333333vw;
  text-align: center;
  padding: 2.4305555556vw 0;
  letter-spacing: 0.0208333333vw;
  border: #fff 0.2777777778vw solid;
  border-radius: 2.0833333333vw;
  overflow: hidden;
  z-index: 1;
  position: relative;
  transition: all 0.2s;
}
.p-content__btn::after {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
.p-content__btn:hover {
  color: #0040ff;
}
.p-content__btn:hover::after {
  transform: scale(1, 1);
}

@media screen and (max-width: 767px) {
  .p-content {
    width: 94.479791395vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.3037809648vw;
    row-gap: 2.6075619296vw;
  }
  .p-content__card {
    width: 46.9361147327vw;
    height: 39.3950456323vw;
    padding: 3.259452412vw 4.1720990874vw;
    border-radius: 3.9113428944vw;
  }
  .p-content__card__img {
    width: 38.4615384615vw;
    height: 21.5123859192vw;
    margin-bottom: 2.0430247718vw;
  }
  .p-content__card__text {
    font-size: 2.0860495437vw;
    line-height: 2.8683181226vw;
  }
}
@media screen and (max-width: 440px) {
  .p-content {
    width: 84.0909090909vw;
    display: block;
    margin: 0 auto 11.3636363636vw auto;
  }
  .p-content__card {
    width: 84.0909090909vw;
    height: 78.3636363636vw;
    margin-bottom: 9.0909090909vw;
    padding: 6.8181818182vw 5.6818181818vw;
    border-radius: 6.8181818182vw;
  }
  .p-content__card__img {
    width: 72.7272727273vw;
    height: 40.9090909091vw;
    margin-bottom: 4.5454545455vw;
  }
  .p-content__card__text {
    font-size: 3.6363636364vw;
    line-height: 5vw;
  }
  .p-content__bottom {
    width: 90.9090909091vw;
    display: block;
    margin: 0 auto;
  }
  .p-content__btn {
    width: 90.9090909091vw;
    font-size: 6.8181818182vw;
    padding: 7.9545454545vw 0;
    letter-spacing: 0.0681818182vw;
    border: #fff 0.9090909091vw solid;
    border-radius: 6.8181818182vw;
  }
}
.p-notice {
  width: 83.3333333333vw;
  margin: 0 auto;
  padding: 3.4722222222vw 2.7777777778vw;
  background-color: #fff;
  border: #000 0.3472222222vw solid;
  box-shadow: rgba(0, 0, 0, 0.6) 0.5555555556vw 0.5555555556vw;
  position: relative;
  z-index: 100;
}
.p-notice__text {
  font-size: 1.1111111111vw;
  line-height: 1.5277777778vw;
}

@media screen and (max-width: 767px) {
  .p-notice {
    width: 94.479791395vw;
    padding: 6.518904824vw 5.2151238592vw;
    border: #000 0.6518904824vw solid;
    box-shadow: rgba(0, 0, 0, 0.6) 1.0430247718vw 1.0430247718vw;
  }
  .p-notice__text {
    font-size: 2.0860495437vw;
    line-height: 2.8683181226vw;
  }
}
@media screen and (max-width: 440px) {
  .p-notice {
    width: 90.9090909091vw;
    padding: 6.8181818182vw 4.5454545455vw;
    box-shadow: rgba(0, 0, 0, 0.6) 1.8181818182vw 1.8181818182vw;
  }
  .p-notice__text {
    font-size: 3.6363636364vw;
    line-height: 5vw;
  }
}/*# sourceMappingURL=style.css.map */