@charset "utf-8";
.head_ttl {
  margin-top: 90px;
  margin-right: 2.5%;
  width: 97.5%;
}
.head_date {
  margin-top: 37px;
}
.head_map {
  bottom: -11.6%;
  right: -18.4%;
}
.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: #f8dde0;
}
.present hgroup {
  margin-top: 56px;
}
.present_img {
  margin-top: 64px;
  margin-inline: auto;
  width: min(533px, 53.333%);
}
.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((( 65 / var(--media_sp)) * 100) * var(--vw));
    margin-right: 6.51%;
    width: 89.453%;
  }
  .head_date {
    margin-top: calc((( 25 / var(--media_sp)) * 100) * var(--vw));
  }
  .head_map {
    bottom: -11%;
    right: -3%;
  }
  .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: #f8dde0;
  }
  .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((( 439 / 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));
  }
}