@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP&family=M+PLUS+Rounded+1c&family=Poppins:wght@400;500;600;700;800;900&display=swap");
/* ---------------------
  rexponsive
--------------------- */
.sp {
  display: none;
}
@media screen and (max-width: 450px) {
  .sp {
    display: block;
  }
}

/* ---------------------
  radius
--------------------- */
.radius10 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

/* ---------------------
  ttl
--------------------- */
.under-mv__page-ttl--en {
  font-weight: 600;
}

.under-mv__img-round img {
  border-radius: 1rem 0 0 1rem;
  -webkit-border-radius: 1rem 0 0 1rem;
}

h2, h3, h4, h5, h6 {
  font-weight: bold !important;
}

body {
  font-weight: 600;
}

/* ---------------------
  txt
--------------------- */
.f12 {
  font-size: 1.2rem;
}
@media screen and (max-width: 450px) {
  .f12 {
    font-size: 1rem;
  }
}

.f14 {
  font-size: 1.4rem;
}
@media screen and (max-width: 450px) {
  .f14 {
    font-size: 1.3rem;
  }
}

.f15 {
  font-size: 1.5rem;
}
@media screen and (max-width: 450px) {
  .f15 {
    font-size: 1.4rem;
  }
}

.f18 {
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  .f18 {
    font-size: 1.6rem;
  }
}

.f21 {
  font-size: 2.1rem;
}
@media screen and (max-width: 834px) {
  .f21 {
    font-size: 1.9rem;
  }
}

.f22 {
  font-size: 2.2rem;
}
@media screen and (max-width: 834px) {
  .f22 {
    font-size: 2rem;
  }
}

.f24 {
  font-size: 2.4rem;
}
@media screen and (max-width: 834px) {
  .f24 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .f24 {
    font-size: 1.8rem;
  }
}

.f28 {
  font-size: 2.8rem;
}
@media screen and (max-width: 450px) {
  .f28 {
    font-size: 4vw;
  }
}

.f30 {
  font-size: 3rem;
}
@media screen and (max-width: 834px) {
  .f30 {
    font-size: 4.3vw;
  }
}

.f32 {
  font-size: 3.2rem;
}
@media screen and (max-width: 834px) {
  .f32 {
    font-size: 3.9vw;
  }
}
@media screen and (max-width: 450px) {
  .f32 {
    font-size: clamp(1.8rem, 4.8vw, 100rem);
  }
}

.f34 {
  font-size: 3.4rem;
}
@media screen and (max-width: 834px) {
  .f34 {
    font-size: 4vw;
  }
}
@media screen and (max-width: 450px) {
  .f34 {
    font-size: clamp(1.8rem, 4.8vw, 100rem);
  }
}

.f42 {
  font-size: 4.2rem;
}
@media screen and (max-width: 834px) {
  .f42 {
    font-size: 5.1vw;
  }
}

.f48 {
  font-size: 4.8rem;
}
@media screen and (max-width: 834px) {
  .f48 {
    font-size: 5.8vw;
  }
}
@media screen and (max-width: 450px) {
  .f48 {
    font-size: clamp(2rem, 7vw, 100rem);
  }
}

.f50 {
  font-size: 5rem;
}
@media screen and (max-width: 834px) {
  .f50 {
    font-size: 5.8vw;
  }
}

.f52 {
  font-size: 5.2rem;
}
@media screen and (max-width: 834px) {
  .f52 {
    font-size: 5.8vw;
  }
}

.f70 {
  font-size: 7rem;
}
@media screen and (max-width: 720px) {
  .f70 {
    font-size: 10vw;
  }
}
@media screen and (max-width: 530px) {
  .f70 {
    font-size: 9vw;
  }
}

.fc-wht {
  color: #fff;
}

.fc-yellow {
  color: #fff600;
}

.fc-light-green {
  color: #1da868;
}

.fc-orange {
  color: #ef8615;
}

.tac {
  text-align: center;
}

.mark {
  color: #1ca867;
  background: linear-gradient(transparent 70%, yellow 70%);
}

.fwn {
  font-weight: 400;
}

.fwm {
  font-weight: 500;
}

.fwl {
  font-weight: 300;
}

.fwsb {
  font-weight: 600;
}

.fwb {
  font-weight: 700;
}