/* 見出しCSS */
#header_text h2:nth-child(2) {
  display: inline-block;
  color: #fff;
  background-color: #61aed5;
  font-weight: bold;
  padding: 1vw 2vw;
  font-family: "Zen Maru Gothic", sans-serif;
  border-radius: 1vw;
}

#header_text h2:nth-child(3) {
  font-family: "Zen Maru Gothic", sans-serif;
  color: #2393d4;
  font-weight: bold;
}
/* 見出しCSS ここまで */

/* 切り替えボタンCSS */
#building_button {
  display: flex;
  gap: 0%;
  margin: 5vw auto;
  width: 34%;
}

#building_button img {
  width: 12vw;
  height: auto;
}

#building_button :hover {
  opacity: 1 !important;
  width: 15vw;
  height: auto;
  transition: 0.3s;
}
/* 切り替えボタンCSS ここまで */

/* 現在の開いている施設CSS */
#now_building {
  margin-bottom: 25px;
}

#now_building p {
  color: #2393d4;
  font-size: 3vw;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: bold;
}
/* 現在の開いている施設CSS ここまで */

/* 料金詳細CSS */
#price_details {
  width: 100%;
}

#price_details .price_image img {
  width: 100%;
  height: auto;
}

#price_details .price_notes p {
  text-align: start;
  text-indent: -1.4em;
}
/* 料金詳細CSS ここまで */

/* 入居者生活保障制度CSS */
#guarantee_system {
  text-align: start;
  width: 100%;
}

#guarantee_system h2 {
  font-size: max(2.5vw, 16px);
  font-weight: bold;
  font-family: "Zen Maru Gothic", sans-serif;
}

#guarantee_system p {
  font-weight: bold;
  font-family: "Zen Maru Gothic", sans-serif;
}

#guarantee_system a {
  display: inline;
  font-weight: bold;
  font-family: "Zen Maru Gothic", sans-serif;
  color: #2393d4;
  line-height: 1.5;
  margin-top: 10px;
}
/* 入居者生活保障制度CSS ここまで */

@media screen and (max-width: 980px) {
  body main #sub_nav .sub_nav .fourth_sub_nav {
    background-size: cover;
    width: 25vw;
    height: 30vw;
  }

  #building_button {
    width: 62%;
  }

  #guarantee_system a {
    line-height: 4vw;
  }

  #building_button img {
    width: 25vw;
    height: auto;
  }

  #building_button :hover {
    opacity: 1 !important;
    width: 30vw;
    height: auto;
    transition: 0.3s;
  }
}