@charset "utf-8";
.head_ttl {
  margin-top: 70px;
  width: 95%;
}
.head_date {
  margin-top: 37px;
}
.apply {
  background: url(../img/apply_bg_pc.png) no-repeat top center/cover;
}
.present {
  background: url(../img/present_bg_pc.png) no-repeat top center/cover;
  background-color: #dbe9ec;
}
.present hgroup {
  margin-top: 42px;
}
.present_img {
  margin-top: 64px;
  margin-inline: auto;
  width: min(850px, 85%);
}
.about {
  margin-top: 205px;
}
.about_content01 {
  margin-top: 75px;
}
.about_content02 {
  margin-top: 62px;
}
.about_lnk_txt {
  margin-top: 53px;
  font-weight: var(--fw_bold);
  font-size: 25px;
  line-height: 1;
  letter-spacing: 0.115em;
  text-align: center;
}
.about_lnk {
  margin-top: 22px;
  margin-inline: auto;
  width: 750px;
  aspect-ratio: 1 / 0.13024;
}
.about_lnk a {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  background-color: #0068b4;
  color: #fff;
  font-weight: var(--fw_bold);
  font-size: 34px;
  letter-spacing: 0.08em;
  border-radius: 100vmax;
}
@media screen and (max-width:768px) {
  .head_ttl {
    margin-top: calc((( 60 / var(--media_sp)) * 100) * var(--vw));
    width: 86.979%;
  }
  .head_date {
    margin-top: calc((( 30 / var(--media_sp)) * 100) * var(--vw));
  }
  .apply {
    background: url(../img/apply_bg_sp.png) no-repeat top center/cover;
  }
  .present {
    background: url(../img/present_bg_sp.png) no-repeat top center/cover;
    background-color: #dbe9ec;
  }
  .present hgroup {
    margin-top: calc((( 52 / var(--media_sp)) * 100) * var(--vw));
  }
  .present_img {
    margin-top: calc((( 36 / var(--media_sp)) * 100) * var(--vw));
    width: calc((( 700 / var(--media_sp)) * 100) * var(--vw));
  }
  .about {
    margin-top: calc((( 192 / var(--media_sp)) * 100) * var(--vw));
  }
  .about_content01 {
    margin-top: calc((( 90 / var(--media_sp)) * 100) * var(--vw));
  }
  .about_content02 {
    margin-top: calc((( 78 / var(--media_sp)) * 100) * var(--vw));
  }
  .about_lnk_txt {
    margin-top: calc((( 62 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 34 / var(--media_sp)) * 100) * var(--vw));
  }
  .about_lnk {
    margin-top: calc((( 33 / var(--media_sp)) * 100) * var(--vw));
    width: 86.979%;
    aspect-ratio: 1 / 0.17964;
  }
  .about_lnk a {
    font-size: calc((( 35 / var(--media_sp)) * 100) * var(--vw));
  }
}