@import url(./global/_variable.css);

/* selection */
/* ============================================ */


.hd_intro {
  text-shadow: 0px 0px 5px rgba(255,255,255,1);
}

.point_img {
  position: absolute;
  top: -12vw;
  left: 12vw;
  width: 36vw;
  @media (width < 896px) {
    top: -18vw;
    left: 9vw;
  }
}

.area_select {}

.block_select {
  padding-bottom: 5cqw;
}

.list_select {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  column-gap: 3.73cqw;
  row-gap: 6cqw;
  padding-top: 5cqw;
  @media (width < 896px) {
    grid-template-columns: repeat(3,1fr);
  }
  @media (width < 480px) {
    grid-template-columns: repeat(2,1fr);
  }
}

.hd_todai {
  color: #0071b7;
  font-weight: 500;
  font-size: clamp(2rem, 1.04vw + 1.611rem, 3rem);
  letter-spacing: 0.2em;
  line-height: 1.3em;
  padding-top: 8px;
}

.address_todai,.ruby_todai {
  font-size: clamp(1.2rem, 0.41vw + 1.045rem, 1.6rem);
  line-height: 1.2em;
}

.ruby_todai {
  @media (width < 480px) {
    padding-top: 4px;
  }
}

.address_todai {
  border-top: #000 solid 1px;
  padding: 6px 0 4px;
  margin-top: 10px;
}

.first_lighting,
.txt_todai {
  font-size: clamp(1.4rem, 0.21vw + 1.322rem, 1.6rem);
  line-height: 1.6em;
  text-align: justify;
}

.dl_first_lighting,
.first_lighting {
  border-top: #000 solid 1px;
  padding-top: 8px;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
}

.dl_first_lighting {
  font-size: clamp(1.4rem, 0.21vw + 1.322rem, 1.6rem);
  display: grid;
  grid-template-columns: 4.5em 1fr;
  line-height: 1.3em;
  padding-bottom: 6px;
}


.small {
  font-size: 0.8em;
}

.btn_check {
  max-width: 300px;
  #frame_check {
    width: 100%;
    height: auto;
  }
  .btn_check_txt {
    width: 300px;
    text-align: center;
    box-sizing: border-box;
  }
}