@charset "UTF-8";

html {
  font-size: 62.5%;
}

body {
  overflow-x: hidden;
  font-size: 100%;
  font-size: 1.6rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  color: #333333;
  position: relative;
  font-feature-settings: "palt";
}

body.fixed {
  overflow: hidden !important;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 4.5731707317vw;
  }
}

.no_scroll {
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

img {
  width: 100%;
}

.pc {
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
}

.ff-maru {
  font-family: "Kiwi Maru", serif;
}

a {
  transition: 0.3s;
}

a:hover {
  opacity: 0.7;
}

#page-top {
  position: fixed;
  display: block;
  width: 4.7rem;
  height: 4.7rem;
  transition: 0.3s;
  bottom: 2rem;
  right: 2rem;
  z-index: 99;
  opacity: 1;
  animation: DownAnime 0.5s forwards;
}

.sml-r {
  font-size: 2.4rem;
  vertical-align: super;
}

@media screen and (max-width: 767px) {
  .sml-r {
    font-size: 7.3170731707vw;
  }
}

.btn__flex {
  max-width: calc(100% - 4rem);
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .btn__flex {
    flex-direction: column;
  }
}

.btn__column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .btn__column {
    width: calc(100% - 4rem);
    gap: 7.6219512195vw;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .btn__column li {
    width: 100%;
  }
}

.popup_in {
  margin: 3rem auto 0;
}

@media screen and (max-width: 767px) {
  .popup_in {
    margin: 4.5731707317vw auto 0;
  }
}

.btn__item {
  display: block;
  width: 49.6rem;
  padding: 2rem 0;
  font-size: 1.8rem;
  text-align: center;
  font-weight: bold;
  border-radius: 5rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .btn__item {
    width: 100%;
    padding: 4.5731707317vw 0;
    font-size: 3.9634146341vw;
    line-height: 1.5;
    border-radius: 15.243902439vw;
  }
}

.btn__arrow {
  display: block;
}

.btn__arrow::before {
  position: absolute;
  content: "";
  display: block;
  width: 0.1rem;
  height: 1.3rem;
  right: 38px;
  top: 41%;
  transform: rotate(-45deg);
}

.btn__arrow::after {
  position: absolute;
  content: "";
  display: block;
  width: 0.1rem;
  height: 1.3rem;
  right: 29px;
  top: 41%;
  transform: rotate(45deg);
}

.btn__arrow.blank {
  display: block;
  position: absolute;
  top: 37%;
  right: 2.8rem;
  width: 2rem;
  height: 2rem;
  transform: rotate(-45deg);
}

.btn__arrow.blank::before {
  width: 0.1rem;
  height: 1.3rem;
  right: 0;
  top: 0.7rem;
  transform: rotate(0deg);
}

.btn__arrow.blank::after {
  width: 0.1rem;
  height: 1.3rem;
  right: 6px;
  top: 1.3rem;
  transform: rotate(90deg);
}

.btn_grd {
  background-image: linear-gradient(90deg, rgb(97, 161, 237), rgb(79, 224, 194));
  color: white;
  transition: 0.3s;
}

.btn_grd:hover {
  opacity: 0.7;
  cursor: pointer;
}

.btn_grd span::before,
.btn_grd span::after {
  background-color: white;
}

.btn_grd.coming-soon,
.btn_grd.coming-soon2,
.btn_grd.coming-soon3,
.btn_grd.coming-soon3,
.btn_grd.coming-soon4,
.btn_grd.end {
  pointer-events: none;
  position: relative;
}

.btn_grd.coming-soon3-open,
.btn_grd.coming-soon4-open {
  position: relative;
}

.btn_grd.coming-soon::before,
.btn_grd.coming-soon2::before,
.btn_grd.coming-soon3::before,
.btn_grd.coming-soon3-open::before,
.btn_grd.coming-soon4::before,
.btn_grd.coming-soon4-open::before,
.btn_grd.coming-soon5::before,
.btn_grd.coming-soon5-open::before,
.btn_grd.end::before {
  content: "情報公開を楽しみにお待ちください";
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5rem;
  background-color: rgba(51, 51, 51, 0.7);
  padding: 2rem 0;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.btn_grd.coming-soon2::before {
  /* content: "2025/6/10（火）情報公開予定"; */
  /* content: "2025/8/19（火）情報公開予定"; */
  content: "2025/11/12（水）情報公開予定";
}

.btn_grd.coming-soon3::before,
.btn_grd.coming-soon3-open::before {
  content: "第1弾は終了しました";
}

.btn_grd.coming-soon4::before,
.btn_grd.coming-soon4-open::before {
  content: "第2弾は終了しました";
}

.btn_grd.coming-soon5::before,
.btn_grd.coming-soon5-open::before {
  content: "第3弾は終了しました";
}

.btn_grd.end::before {
  content: "ご応募の受付は終了しました";
}


@media screen and (max-width: 767px) {

  .btn_grd.coming-soon::before,
  .btn_grd.coming-soon2::before,
  .btn_grd.end::before {
    padding: 4.5731707317vw 0;
    font-size: 3.9634146341vw;
    line-height: 1.5;
    border-radius: 15.243902439vw;
  }
}

.btn_wh {
  background-color: #fff;
  color: #62A3ED;
}

.btn_wh span::before,
.btn_wh span::after {
  background-color: #62A3ED;
}

.modal {
  display: none;
}