/* ------------------------------------
// top_vi
------------------------------------ */
#top_vi {
  position: relative;
}
#top_vi .text {
  position: absolute;
  width: 100%;
}
#top_vi h1 {
  font-family: "Zen Antique Soft", serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-indent: 0.08em;
  width: fit-content;
  margin: 0 auto clamp(3rem, 3.5vw, 5rem);
  font-size: clamp(4rem, 5.6vw, 8rem);
  line-height: 1;
}
#top_vi h1 span {
  display: block;
  font-size: clamp(2rem, 3.3vw, 4.8rem);
}
#top_vi .catch {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-indent: 0.08em;
  width: fit-content;
  margin: 0 auto;
  font-size: clamp(1.8rem, 2.2vw, 3.2rem);
  font-weight: bold;
}
#top_vi .catch span {
  font-family: "Cormorant Garamond", serif;
  display: block;
  font-size: clamp(1.4rem, 1.7vw, 2.4rem);
}
#top_vi .illust {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 942/358;
  padding-top: calc(clamp(4rem, 5.6vw, 8rem) + clamp(2rem, 3.3vw, 4.8rem));
}
@media screen and (max-width: 768px) {
  #top_vi h1 {
    width: fit-content;
    margin: 0 auto clamp(3rem, 3.5vw, 5rem);
    font-size: clamp(2rem, 6.4vw, 2.4rem);
    text-align: center;
  }
  #top_vi h1 span {
    display: block;
    font-size: clamp(1.6rem, 3.3vw, 4.8rem);
  }
  #top_vi .catch {
    font-size: clamp(1.4rem, 4.3vw, 1.6rem);
  }
  #top_vi .catch span {
    font-size: clamp(1.2rem, 3.7vw, 1.4rem);
  }
}

.btn_emergency {
  margin: 4rem auto;
  max-width: 73.5rem;
}
.btn_emergency a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-size: clamp(2.4rem, 1.9vw, 2.8rem);
  font-weight: 700;
  background: #fff;
  border-radius: 2em;
  gap: 1.5rem;
  padding: 1rem;
}
.btn_emergency a::before {
  content: "";
  width: clamp(2.5rem, 3.1vw, 4.5rem);
  aspect-ratio: 1;
  display: block;
  background: url(/cms/wp-content/themes/ooms/img/icon_clinic.svg) no-repeat center/contain;
}
.btn_emergency a:hover {
  background: #FFF8EB;
}