.dermatology_subtitle {
  font-size: 1.2rem;
}
@media only screen and (min-width: 768px) {
  .dermatology_subtitle {
    font-size: 1.4rem;
  }
}

.access_tel_floor, .access_tel_btn .small, .access_notes_desc, .access_transport_item .desc, .access_parking_item .text, .overview_label, .overview_value, .dermatology_text {
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .access_tel_floor, .access_tel_btn .small, .access_notes_desc, .access_transport_item .desc, .access_parking_item .text, .overview_label, .overview_value, .dermatology_text {
    font-size: 1.6rem;
  }
}

.access_tel_number {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .access_tel_number {
    font-size: 1.8rem;
  }
}

.access_address, .access_tel_label, .access_transport_item .title {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .access_address, .access_tel_label, .access_transport_item .title {
    font-size: 2rem;
  }
}

.access_transport_item .heading {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .access_transport_item .heading {
    font-size: clamp(2.3rem, 2.3rem + 0.003164557 * (100vw - 768px), 2.5rem);
  }
}

.access_title .txt, .aesthetic_title .txt, .overview_title .txt {
  font-size: 2rem;
}
@media only screen and (min-width: 768px) {
  .access_title .txt, .aesthetic_title .txt, .overview_title .txt {
    font-size: clamp(2.5rem, 2.5rem + 0.0174050633 * (100vw - 768px), 3.6rem);
  }
}

.dermatology_subtitle {
  font-size: 1.2rem;
}
@media only screen and (min-width: 1025px) {
  .dermatology_subtitle {
    font-size: 1.4rem;
  }
}

.access_tel_floor, .access_tel_btn .small, .access_notes_desc, .access_transport_item .desc, .access_parking_item .text, .overview_label, .overview_value, .dermatology_text {
  font-size: 1.4rem;
}
@media only screen and (min-width: 1025px) {
  .access_tel_floor, .access_tel_btn .small, .access_notes_desc, .access_transport_item .desc, .access_parking_item .text, .overview_label, .overview_value, .dermatology_text {
    font-size: 1.6rem;
  }
}

.access_tel_number {
  font-size: 1.6rem;
}
@media only screen and (min-width: 1025px) {
  .access_tel_number {
    font-size: 1.8rem;
  }
}

.access_address, .access_tel_label, .access_transport_item .title {
  font-size: 1.6rem;
}
@media only screen and (min-width: 1025px) {
  .access_address, .access_tel_label, .access_transport_item .title {
    font-size: 2rem;
  }
}

.access_transport_item .heading {
  font-size: 2rem;
}
@media only screen and (min-width: 1025px) {
  .access_transport_item .heading {
    font-size: 2.5rem;
  }
}

.access_tel_btn .number, .dermatology_heading {
  font-size: 2rem;
}
@media only screen and (min-width: 1025px) {
  .access_tel_btn .number, .dermatology_heading {
    font-size: 3rem;
  }
}

.access_title .txt, .aesthetic_title .txt, .overview_title .txt {
  font-size: 2.4rem;
}
@media only screen and (min-width: 1025px) {
  .access_title .txt, .aesthetic_title .txt, .overview_title .txt {
    font-size: 3.6rem;
  }
}

/* .dermatology_title {
  font-size: 3rem;
}
@media only screen and (min-width: 1025px) {
  .dermatology_title {
    font-size: clamp(3rem, 2.4038461538vw + 1.1538461538rem, 5rem);
  }
} */

.dermatology {
  position: relative;
}

/* .dermatology_title {
  text-align: center;
  color: var(--color-accent-03);
  margin-bottom: -2px;
  font-family: "Noto Serif JP", serif;
}
@media only screen and (min-width: 1025px) {
  .dermatology_title {
    transform: translate(0, -1px);
  }
} */

.dermatology_subtitle {
  text-align: center;
  color: var(--color-accent-03);
  letter-spacing: 0.1em;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  margin-bottom: 24px;
}
@media only screen and (min-width: 1025px) {
  .dermatology_subtitle {
    margin-bottom: 48px;
  }
}

.dermatology_inner {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .dermatology_inner {
    flex-direction: row;
  }
}

.dermatology_image_main {
  width: 100%;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  .dermatology_image_main {
    width: 50%;
    margin-bottom: 0;
  }
}
.dermatology_image_main .img {
  margin-left: -20px;
  border-radius: 0 10px 10px 0;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .dermatology_image_main .img {
    margin-left: -40px;
  }
}
@media only screen and (min-width: 1280px) {
  .dermatology_image_main .img {
    margin-left: calc((100vw - 1200px) / -2);
    border-radius: 0 30px 30px 0;
  }
}

.dermatology_image_main img {
  width: 100%;
  height: auto;
  display: block;
}

.dermatology_content {
  width: 100%;
  padding-left: 0px;
}
@media only screen and (min-width: 768px) {
  .dermatology_content {
    position: relative;
    width: 50%;
    padding-left: 20px;
    padding-right: 32px;
  }
}
@media only screen and (min-width: 1025px) {
  .dermatology_content {
    padding-left: 40px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1300px) {
  .dermatology_content {
    padding-left: 47px;
    padding-right: 0;
  }
}

.dermatology_heading {
  font-weight: 500;
  color: var(--color-accent-03);
  margin-bottom: 11px;
  font-family: "Noto Serif JP", serif;
  transform: translate(-1px, -6px);
  letter-spacing: 0.2em;
}

.dermatology_text {
  line-height: 1.5;
}
.dermatology_text .desk {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .dermatology_text .desk {
    display: block;
  }
}

.dermatology_image_small {
  position: static;
  right: 150px;
  bottom: 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .dermatology_image_small {
    display: block;
    transform: translateY(140%);
    position: absolute;
  }
}
@media only screen and (min-width: 1025px) {
  .dermatology_image_small {
    right: 40%;
    width: 100px;
    height: 100px;
    transform: translateY(calc(100% + 83px));
  }
}
@media screen and (min-width: 1727px) {
  .dermatology_image_small {
    right: 20px;
    width: 220px;
    height: 220px;
    transform: translateY(calc(100% + 163px));
  }
}
.dermatology_image_small.style_pri {
  right: 20px;
  width: 120px;
  height: 120px;
  transform: translate(0, -10px);
}
@media only screen and (min-width: 768px) {
  .dermatology_image_small.style_pri {
    transform: translate(0%, 114.5%);
  }
}
@media only screen and (min-width: 1025px) {
  .dermatology_image_small.style_pri {
    width: 150px;
    height: 150px;
    transform: translate(0%, 115%);
    right: 10%;
  }
}
@media screen and (min-width: 1727px) {
  .dermatology_image_small.style_pri {
    width: 270px;
    height: 270px;
    transform: translate(100%, 115%);
    right: 0;
  }
}

.dermatology_image_blog {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 20px;
  margin: 30px 0 0 0;
}
@media only screen and (min-width: 768px) {
  .dermatology_image_blog {
    display: block;
    margin: 0;
  }
}

.dermatology_image_small img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.overview {
  padding: 10px 0 48px 0;
}
@media only screen and (min-width: 768px) {
  .overview {
    padding: 20px 0 60px 0;
  }
}
@media only screen and (min-width: 1025px) {
  .overview {
    padding: 0px 0 100px 0;
  }
}
.overview_title {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-bottom: 32px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1025px) {
  .overview_title {
    margin-bottom: 57px;
  }
}
.overview_title .txt_wrap {
  width: fit-content;
  position: relative;
}
.overview_title .txt {
  display: block;
  font-weight: 700;
  color: var(--color-accent-03);
  letter-spacing: 0.1em;
}
.overview_title .icon {
  position: absolute;
  height: auto;
  width: 84px;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
  .overview_title .icon {
    width: 124.05px;
  }
}
.overview_title .icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.overview_row {
  display: flex;
  border-bottom: 1px solid var(--color-accent-01);
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .overview_row {
    flex-direction: row;
  }
}
.overview_row:first-child {
  border-top: 1px solid var(--color-accent-01);
}

.overview_label {
  width: 100%;
  background: var(--color-accent-02);
  padding: 12px 24px;
  display: flex;
  align-items: center;
  font-weight: 500;
  height: 45px;
}
@media only screen and (min-width: 768px) {
  .overview_label {
    width: 296px;
    padding: 20px 37px;
    height: 66px;
  }
}

.overview_value {
  width: 100%;
  padding: 12px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 19.8px;
  font-weight: 500;
  padding-left: 24px;
}
@media only screen and (min-width: 768px) {
  .overview_value {
    padding: 20px;
    padding-left: 43px;
    width: 75%;
  }
}
.overview_value .res_mobile {
  display: block;
}
@media only screen and (min-width: 768px) {
  .overview_value .res_mobile {
    display: none;
  }
}

.overview_link {
  display: inline-block;
  color: var(--color-main-04);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 500;
}

@media only screen and (min-width: 1025px) {
  .overview_link:hover {
    opacity: 0.8;
  }
}

.aesthetic {
  background: var(--color-accent-02);
  padding: 48px 0;
}
@media only screen and (min-width: 768px) {
  .aesthetic {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 1025px) {
  .aesthetic {
    padding: 65.4px 0 65.4px 0;
  }
}
.aesthetic_title {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-bottom: 32px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1025px) {
  .aesthetic_title {
    margin-bottom: 50px;
  }
}
.aesthetic_title .txt_wrap {
  width: fit-content;
  position: relative;
}
.aesthetic_title .txt {
  display: block;
  font-weight: 700;
  color: var(--color-accent-03);
  letter-spacing: 0.1em;
  line-height: 1.3;
  padding-bottom: 20px;
}
.aesthetic_title .icon {
  position: absolute;
  height: auto;
  width: 84px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
  .aesthetic_title .icon {
    width: 124.05px;
  }
}
.aesthetic_title .icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.aesthetic_main {
  width: 100%;
  max-width: 800px;
  position: relative;
  margin: 0 auto 10px;
}
@media only screen and (min-width: 1025px) {
  .aesthetic_main {
    margin: 0 auto 44.4px;
  }
}
.aesthetic_main .img {
  display: block;
  width: 100%;
  height: 100%;
}
.aesthetic_main img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.aesthetic_main img {
  width: 100%;
  height: auto;
  display: block;
}

.aesthetic_thumbs {
  width: 80%;
  max-width: 800px;
  margin: 0 auto;
  overflow: visible;
}
@media only screen and (min-width: 768px) {
  .aesthetic_thumbs {
    width: 100%;
  }
}

.aesthetic_thumbs .swiper-slide {
  opacity: 0.4;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .aesthetic_thumbs .swiper-slide:hover {
    opacity: 1;
  }
  .aesthetic_thumbs .swiper-slide:hover img {
    transform: scale(1.05);
  }
}
.aesthetic_thumbs .swiper-slide .img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 190/121.13;
  overflow: hidden;
}
.aesthetic_thumbs .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.35s ease-in-out;
}

.aesthetic_thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.aesthetic_thumbs img {
  width: 100%;
}

@media only screen and (min-width: 1025px) {
  .aesthetic_thumbs:hover .aesthetic_thumbs_prev,
  .aesthetic_thumbs:hover .aesthetic_thumbs_next {
    opacity: 1;
  }
}

.aesthetic_thumbs_prev {
  position: absolute;
  top: 50%;
  left: 0;
  width: 45px;
  height: 45px;
  transform: translate(-122%, -50%);
  z-index: 99;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .aesthetic_thumbs_prev {
    transform: translateY(-50%);
  }
}
@media only screen and (min-width: 1025px) {
  .aesthetic_thumbs_prev {
    opacity: 0;
    width: 72px;
    height: 72px;
    left: -25.4%;
  }
}

.aesthetic_thumbs_next {
  position: absolute;
  top: 50%;
  right: 0;
  width: 45px;
  height: 45px;
  transform: translate(122%, -50%);
  z-index: 99;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .aesthetic_thumbs_next {
    transform: translateY(-50%);
  }
}
@media only screen and (min-width: 1025px) {
  .aesthetic_thumbs_next {
    opacity: 0;
    right: -25.4%;
    width: 72px;
    height: 72px;
  }
}

.aesthetic_prev,
.aesthetic_next {
  position: absolute;
  top: 50%;
  width: 45px;
  height: 45px;
  z-index: 10;
  cursor: pointer;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) {
  .aesthetic_prev,
  .aesthetic_next {
    width: 72px;
    height: 72px;
  }
}
.aesthetic_prev .img,
.aesthetic_next .img {
  display: block;
  width: 100%;
  height: 100%;
}
.aesthetic_prev img,
.aesthetic_next img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.aesthetic_prev {
  left: 0px;
}

.aesthetic_next {
  right: 0px;
}

.aesthetic_next::after {
  border-width: 12px 0 12px 16px;
  border-color: transparent transparent transparent #fff;
}

.access {
  padding: 48px 0;
}
@media only screen and (min-width: 768px) {
  .access {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 1025px) {
  .access {
    padding: 84px 0 96px 0;
  }
}
.access_title {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-bottom: 32px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1025px) {
  .access_title {
    margin-bottom: 55px;
  }
}
.access_title .txt_wrap {
  width: fit-content;
  position: relative;
}
.access_title .txt {
  display: block;
  font-weight: 700;
  color: var(--color-accent-03);
  letter-spacing: 0.1em;
  line-height: 2.2;
}
@media only screen and (min-width: 1025px) {
  .access_title .txt {
    transform: translateX(2px);
  }
}
.access_title .icon {
  position: absolute;
  height: auto;
  width: 84px;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
  .access_title .icon {
    width: 124.05px;
  }
}
.access_title .icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.access .footer_col .nowrap {
  font-weight: 400;
}
@media only screen and (min-width: 1025px) {
  .access .footer_block {
    padding-bottom: 27.5px;
  }
}

.access_location {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .access_location {
    width: 600px;
    margin-bottom: 62.8px;
  }
}
.access_location .img {
  display: block;
  width: 100%;
  height: 100%;
}
.access_location img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.access_container {
  width: min(1200px, 90%);
  margin: auto;
}

.access_info {
  display: flex;
  margin-bottom: 10px;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .access_info {
    flex-direction: column;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1025px) {
  .access_info {
    flex-direction: row;
  }
}

.access_info_left {
  flex: 1;
}

.access_logo {
  width: 325px;
  margin-bottom: 7px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media only screen and (min-width: 1025px) {
  .access_logo {
    width: 395px;
  }
}
.access_logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}


.access_address {
  line-height: 1.45;
  font-weight: 400;
  color: var(--color-accent-03);
  margin-bottom: 14px;
  text-align: left;
  gap: 0px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1025px) {
  .access_address {
    flex-direction: row;
    gap: 21px;
  }
}

.access_tel_item {
  display: flex;
  justify-content: space-between;
  padding-right: 28px;
  flex-direction: column;
  gap: 12px;
}
@media only screen and (min-width: 1025px) {
  .access_tel_item {
    flex-direction: row;
    gap: 0;
  }
}
.access_tel_item:nth-child(1) {
  padding-left: 0;
  margin-bottom: 24px;
}
@media only screen and (min-width: 1025px) {
  .access_tel_item:nth-child(1) {
    padding-left: 8px;
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1025px) {
  .access_tel_item:nth-child(2) {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 1025px) {
  .access_tel_item:nth-child(2) .access_tel_head {
    transform: translateY(3px);
  }
}

.access_tel_head {
  display: flex;
  gap: 14px;
}
@media only screen and (min-width: 1025px) {
  .access_tel_head {
    padding-top: 14px;
  }
}

.access_tel_floor {
  width: 47px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  color: white;
}
.access_tel_floor.green {
  background-color: var(--color-main-02);
}
.access_tel_floor.orange {
  background-color: var(--color-main-01);
}

.access_tel_number {
  margin-left: auto;
  font-weight: 700;
}

.access_tel_group {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 14px;
}
@media only screen and (min-width: 1025px) {
  .access_tel_group {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 32px;
    text-align: left;
  }
}

.access_info_right {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  max-width: 450px;
}
@media only screen and (min-width: 768px) {
  .access_info_right {
    width: 584px;
    height: 386px;
    border-radius: 16px;
    max-width: unset;
  }
}
@media only screen and (min-width: 1025px) {
  .access_info_right {
    width: 584px;
    height: 386px;
    margin-left: 0;
    margin-right: 0;
  }
}
.access_info_right .footer_block {
  background-color: var(--color-accent-02);
}

.access_tel_label {
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-accent-03);
}

.access_tel_btn {
  width: 320px;
  height: 43px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  pointer-events: auto;
}
@media only screen and (min-width: 768px) {
  .access_tel_btn {
    width: 384px;
    pointer-events: none;
  }
}
.access_tel_btn.green {
  color: var(--color-main-02);
  border: 1px solid var(--color-accent-09);
}
.access_tel_btn.orange {
  color: var(--color-main-01);
  border: 1px solid var(--color-main-01);
}
@media only screen and (min-width: 1025px) {
  .access_tel_btn .small {
    transform: translate(7px, 4px);
  }
}
.access_tel_btn .number {
  font-weight: 600;
  font-family: "Noto Serif JP", serif;
}
@media only screen and (min-width: 1025px) {
  .access_tel_btn .number {
    transform: translate(5px, 0px);
  }
}

.access_notes {
  margin-bottom: 32px;
  margin-top: 12px;
}
@media only screen and (min-width: 768px) {
  .access_notes {
    max-width: 412px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .access_notes {
    max-width: unset;
    margin: 24px 0 0;
  }
}

.access_notes_desc {
  line-height: 1.5;
  text-align: left;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .access_notes_desc {
    max-width: unset;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .access_notes_desc {
    text-align: left;
  }
}

.access_map .img {
  height: 403px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .access_map .img {
    height: 503px;
  }
}
@media only screen and (min-width: 1025px) {
  .access_map .img {
    margin-bottom: 50px;
  }
}

.access_map iframe {
  display: block;
  width: 100%;
  height: 170%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.access_map_btn {
  position: static;
  top: 36px;
  left: 21.5px;
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .access_map_btn {
    display: block;
  }
}
.access_map_btn.res_desk {
  display: none;
}
@media only screen and (min-width: 768px) {
  .access_map_btn.res_desk {
    display: block;
  }
}
.access_map_btn.res_mobile {
  display: block;
}
@media only screen and (min-width: 768px) {
  .access_map_btn.res_mobile {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .access_map_btn {
    position: absolute;
    top: 36px;
    left: 21.5px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.access_map_btn .btn_pri {
  width: 394px;
  height: 43px;
  max-width: 100%;
}
.access_map_btn .btn_pri:hover {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .access_map_btn .btn_pri {
    max-width: none;
  }
}

.access_transport_item {
  display: flex;
  gap: 10px;
}
@media only screen and (min-width: 768px) {
  .access_transport_item {
    gap: 20px;
  }
}
.access_transport_item:nth-child(1) {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .access_transport_item:nth-child(1) {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 1025px) {
  .access_transport_item:nth-child(1) {
    margin-bottom: 105px;
  }
}
.access_transport_item:nth-child(1) .icon .img {
  width: 24.68px;
}
@media only screen and (min-width: 768px) {
  .access_transport_item:nth-child(1) .icon .img {
    width: 36.68px;
  }
}
.access_transport_item:nth-child(2) .icon .img {
  width: 32.2px;
}
@media only screen and (min-width: 768px) {
  .access_transport_item:nth-child(2) .icon .img {
    width: 54.2px;
  }
}
.access_transport_item:nth-child(2) .heading {
  padding-top: 6px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 1025px) {
  .access_transport_item:nth-child(2) .heading {
    padding-top: 14px;
    margin-bottom: 19px;
  }
}
.access_transport_item:nth-child(2) .title {
  margin-bottom: 3px;
}
.access_transport_item .icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  background-color: var(--color-main-04);
}
@media only screen and (min-width: 768px) {
  .access_transport_item .icon {
    width: 71px;
    height: 71px;
  }
}
.access_transport_item .icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.access_transport_item .heading {
  padding-top: 6px;
  display: block;
  font-weight: 700;
  line-height: 0.96;
  margin-bottom: 12px;
  color: var(--color-accent-03);
}
@media only screen and (min-width: 1025px) {
  .access_transport_item .heading {
    padding-top: 23px;
    margin-bottom: 24px;
  }
}
.access_transport_item .title {
  display: block;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 11px;
  color: var(--color-accent-03);
}
.access_transport_item .desc {
  font-weight: 400;
  color: var(--color-accent-03);
}
.access_transport_item .desc br {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .access_transport_item .desc br {
    display: block;
  }
}

.access_transport {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .access_transport {
    margin-bottom: 25px;
  }
}

.access_transport_left {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .access_transport_left {
    width: 50%;
  }
}
@media only screen and (min-width: 1025px) {
  .access_transport_left {
    padding-left: 8.9%;
    padding-top: 8px;
  }
}

.access_transport_right {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .access_transport_right {
    width: 50%;
  }
}
.access_transport_right .img {
  display: block;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .access_transport_right .img {
    transform: translate(11px, -12px);
    max-width: none;
    width: 407px;
  }
}
.access_transport_right img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.access_parking_photos {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .access_parking_photos {
    flex-direction: row;
    gap: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .access_parking_photos {
    gap: 0;
  }
}

.access_parking_item {
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .access_parking_item {
    max-width: 550px;
  }
}
.access_parking_item .text {
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .access_parking_item .text {
    margin-bottom: 12px;
  }
}

/*# sourceMappingURL=guide.css.map */