/********************
clinic
********************/
html:has(.bsp.clinic) {
  scroll-padding-top: calc(80px + 3.75em);
}

@media screen and (max-width: 1023px) {
  html:has(.bsp.clinic) {
    scroll-padding-top: calc(60px + 3.75em);
  }
}
@media screen and (max-width: 767px) {
  html:has(.bsp.clinic) {
    scroll-padding-top: calc(60px + 10.67vw);
  }
}
.bsp.clinic dd p {
  font-size: min(1.11vw, 16px);
}

@media screen and (max-width: 767px) {
  .bsp.clinic dd p {
    font-size: 3.73vw;
  }
}
/*
hero
*/
.bsp.clinic #hero {
  font-size: min(1.25vw, 18px);
}
.bsp.clinic #hero .hero_wrap {
  position: relative;
  margin-top: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bsp.clinic #hero .hero_wrap .bg_img {
  width: 100%;
}
.bsp.clinic #hero .hero_wrap .hero_txt {
  position: absolute;
  text-align: center;
}
.bsp.clinic #hero .hero_wrap .hero_txt .hero_lead {
  font-size: min(1.25vw, 18px);
  width: 3.63em;
  max-width: 65.42px;
  margin: auto;
}
.bsp.clinic #hero .hero_wrap .hero_txt h1 {
  font-size: min(2.78vw, 40px);
  line-height: 2.125;
  margin-top: 0.8em;
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .bsp.clinic #hero .hero_wrap {
    margin-top: 85px;
  }
}
@media screen and (max-width: 767px) {
  .bsp.clinic #hero .hero_wrap {
    margin-top: calc(60px + 6.67vw);
  }
  .bsp.clinic #hero .hero_wrap .hero_txt .hero_lead {
    width: 12.46vw;
    max-width: 12.46vw;
  }
  .bsp.clinic #hero .hero_wrap .hero_txt h1 {
    font-size: 5.33vw;
    margin-top: 0.8em;
  }
}
/*
contents
*/
.bsp.clinic #clinic_tokyo, .bsp.clinic #clinic_fukuoka {
  font-size: min(1.25vw, 18px);
  margin-top: 8.33em;
}
.bsp.clinic #clinic_tokyo .clinic_txt, .bsp.clinic #clinic_fukuoka .clinic_txt {
  text-align: center;
  position: relative;
}
.bsp.clinic #clinic_tokyo .clinic_txt .clinic_lead, .bsp.clinic #clinic_fukuoka .clinic_txt .clinic_lead {
  width: 10.12em;
  max-width: 182.08px;
  margin: auto;
}
.bsp.clinic #clinic_tokyo .clinic_txt h2, .bsp.clinic #clinic_fukuoka .clinic_txt h2 {
  font-size: min(2.43vw, 35px);
  line-height: 1.22;
  letter-spacing: 0.1em;
  margin-top: 1.35em;
}
.bsp.clinic #clinic_tokyo .clinic_img, .bsp.clinic #clinic_fukuoka .clinic_img {
  font-size: min(1.25vw, 18px);
  justify-content: space-between;
  height: 25em;
  margin-top: 5.56em;
}
.bsp.clinic #clinic_tokyo .clinic_img img, .bsp.clinic #clinic_fukuoka .clinic_img img {
  width: 54.03%;
}
.bsp.clinic #clinic_tokyo .clinic_img iframe, .bsp.clinic #clinic_fukuoka .clinic_img iframe {
  width: 43.95%;
  height: 100%;
}
.bsp.clinic #clinic_tokyo .bl_clinic_data, .bsp.clinic #clinic_fukuoka .bl_clinic_data {
  margin-top: 5.56em;
}
.bsp.clinic #clinic_tokyo .bl_clinic_data dl, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: auto;
}
.bsp.clinic #clinic_tokyo .bl_clinic_data dl .dl_inner, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl .dl_inner {
  display: flex;
  align-items: center;
  border-top: 1px solid #CBC3AC;
  width: 100%;
}
.bsp.clinic #clinic_tokyo .bl_clinic_data dl dt, .bsp.clinic #clinic_tokyo .bl_clinic_data dl dd, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl dt, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl dd {
  font-size: min(1.11vw, 16px);
  line-height: 1.81;
  padding: 1.88em 0;
}
.bsp.clinic #clinic_tokyo .bl_clinic_data dl dt a, .bsp.clinic #clinic_tokyo .bl_clinic_data dl dd a, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl dt a, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl dd a {
  color: #0089FF;
  text-decoration: underline;
}
.bsp.clinic #clinic_tokyo .bl_clinic_data dl dt, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl dt {
  width: 15.32%;
}
.bsp.clinic #clinic_tokyo .bl_clinic_data dl .btn, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl .btn {
  font-size: min(1.11vw, 16px);
  display: block;
  width: 13.88em;
  position: relative;
  padding-bottom: 1em;
  margin: 0 0 0 3.88em;
}
.bsp.clinic #clinic_tokyo .bl_clinic_data dl .btn img, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl .btn img {
  width: 11.55em;
  max-width: 184.8px;
}
.bsp.clinic #clinic_tokyo .bl_clinic_data dl .btn:before, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl .btn:before {
  content: "";
  position: absolute;
  width: 96%;
  height: 1px;
  background: #000;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: all 0.3s;
}
.bsp.clinic #clinic_tokyo .bl_clinic_data dl .btn:after, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl .btn:after {
  content: "";
  position: absolute;
  width: 3%;
  height: 1px;
  background: #000;
  bottom: 0;
  left: 93%;
  z-index: 1;
  transform: rotate(35deg);
  transition: all 0.3s;
  transform-origin: bottom right;
}
.bsp.clinic #clinic_tokyo .bl_clinic_data dl .btn:hover:before, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl .btn:hover:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #000;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.bsp.clinic #clinic_tokyo .bl_clinic_data dl .btn:hover:after, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl .btn:hover:after {
  content: "";
  position: absolute;
  width: 3%;
  height: 1px;
  background: #000;
  bottom: 0;
  left: 97%;
  z-index: 1;
  transform: rotate(35deg);
}
.bsp.clinic #clinic_tokyo .bl_clinic_access, .bsp.clinic #clinic_fukuoka .bl_clinic_access {
  font-size: min(1.25vw, 18px);
  margin-top: 5.56em;
}
.bsp.clinic #clinic_tokyo .bl_clinic_access h3, .bsp.clinic #clinic_fukuoka .bl_clinic_access h3 {
  font-size: min(1.74vw, 25px);
  text-align: center;
}
.bsp.clinic #clinic_tokyo .bl_clinic_access .ly_df, .bsp.clinic #clinic_fukuoka .bl_clinic_access .ly_df {
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 3.33em;
  font-size: min(1.25vw, 18px);
}
.bsp.clinic #clinic_tokyo .bl_clinic_access .bl_clinic_access_item, .bsp.clinic #clinic_fukuoka .bl_clinic_access .bl_clinic_access_item {
  display: flex;
  align-items: center;
  width: 32.26%;
  border: 1px solid #000;
  font-size: min(1.11vw, 16px);
  padding: 2.5em;
  margin-bottom: 1.25em;
}
.bsp.clinic #clinic_tokyo .bl_clinic_access .bl_clinic_access_item img, .bsp.clinic #clinic_fukuoka .bl_clinic_access .bl_clinic_access_item img {
  width: 2.5em;
}
.bsp.clinic #clinic_tokyo .bl_clinic_access .bl_clinic_access_item img.icon_modal, .bsp.clinic #clinic_fukuoka .bl_clinic_access .bl_clinic_access_item img.icon_modal {
  width: 0.99em;
  margin-left: auto;
}
.bsp.clinic #clinic_tokyo .bl_clinic_access .bl_clinic_access_item span, .bsp.clinic #clinic_fukuoka .bl_clinic_access .bl_clinic_access_item span {
  margin-left: 2.5em;
}
.bsp.clinic #clinic_tokyo .bl_clinic_view, .bsp.clinic #clinic_fukuoka .bl_clinic_view {
  font-size: min(1.25vw, 18px);
  margin-top: 4.72em;
}
.bsp.clinic #clinic_tokyo .bl_clinic_view h3, .bsp.clinic #clinic_fukuoka .bl_clinic_view h3 {
  font-size: min(1.74vw, 25px);
  text-align: center;
}
.bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap {
  margin-top: 3.33em;
}
.bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_tokyo .splide__slide, .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_fukuoka .splide__slide, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_tokyo .splide__slide, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_fukuoka .splide__slide {
  width: 100%;
  position: relative;
}
.bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_tokyo .splide__slide img, .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_fukuoka .splide__slide img, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_tokyo .splide__slide img, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_fukuoka .splide__slide img {
  width: 100%;
  max-width: 100%;
}
.bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_tokyo .splide__slide .captionTitle, .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_fukuoka .splide__slide .captionTitle, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_tokyo .splide__slide .captionTitle, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_fukuoka .splide__slide .captionTitle {
  font-size: min(1.39vw, 20px);
  background: rgba(232, 229, 220, 0.8);
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1em 0;
  text-align: center;
}
.bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_tokyo_thumb, .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_fukuoka_thumb, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_tokyo_thumb, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_fukuoka_thumb {
  margin-top: 1.11em;
}
.bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_tokyo_thumb .splide__slide, .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_fukuoka_thumb .splide__slide, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_tokyo_thumb .splide__slide, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_fukuoka_thumb .splide__slide {
  width: 24.76%;
  opacity: 0.5;
}
.bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_tokyo_thumb .splide__slide img, .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_fukuoka_thumb .splide__slide img, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_tokyo_thumb .splide__slide img, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_fukuoka_thumb .splide__slide img {
  width: 100%;
  max-width: 100%;
}
.bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_tokyo_thumb .splide__slide.is-active, .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_fukuoka_thumb .splide__slide.is-active, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_tokyo_thumb .splide__slide.is-active, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_fukuoka_thumb .splide__slide.is-active {
  opacity: 1;
  border-color: transparent;
}
.bsp.clinic #clinic_tokyo .bl_clinic_view .splide__arrow, .bsp.clinic #clinic_fukuoka .bl_clinic_view .splide__arrow {
  top: 50%;
}
.bsp.clinic #clinic_tokyo .bl_clinic_view .splide__arrow--prev, .bsp.clinic #clinic_fukuoka .bl_clinic_view .splide__arrow--prev {
  left: -1.38em;
}
.bsp.clinic #clinic_tokyo .bl_clinic_view .splide__arrow--next, .bsp.clinic #clinic_fukuoka .bl_clinic_view .splide__arrow--next {
  right: -1.38em;
}

.bsp.clinic #clinic_fukuoka .clinic_txt .clinic_lead {
  width: 13.34em;
  max-width: 240.17px;
}

@media screen and (max-width: 767px) {
  .bsp.clinic #clinic_tokyo, .bsp.clinic #clinic_fukuoka {
    margin-top: 16vw;
  }
  .bsp.clinic #clinic_tokyo .clinic_txt, .bsp.clinic #clinic_fukuoka .clinic_txt {
    text-align: center;
    position: relative;
  }
  .bsp.clinic #clinic_tokyo .clinic_txt .clinic_lead, .bsp.clinic #clinic_fukuoka .clinic_txt .clinic_lead {
    width: 40.98vw;
    max-width: 40.98vw;
  }
  .bsp.clinic #clinic_tokyo .clinic_txt h2, .bsp.clinic #clinic_fukuoka .clinic_txt h2 {
    font-size: 4.8vw;
    margin-top: 5.33vw;
  }
  .bsp.clinic #clinic_tokyo .clinic_img, .bsp.clinic #clinic_fukuoka .clinic_img {
    flex-wrap: wrap;
    height: unset;
    margin-top: 16vw;
  }
  .bsp.clinic #clinic_tokyo .clinic_img img, .bsp.clinic #clinic_fukuoka .clinic_img img {
    width: 100%;
  }
  .bsp.clinic #clinic_tokyo .clinic_img iframe, .bsp.clinic #clinic_fukuoka .clinic_img iframe {
    width: 100%;
    height: 57.87vw;
    margin-top: 5.33vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_data, .bsp.clinic #clinic_fukuoka .bl_clinic_data {
    margin-top: 16vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_data dl, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl {
    border-bottom: 1px solid #CBC3AC;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_data dl dt, .bsp.clinic #clinic_tokyo .bl_clinic_data dl dd, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl dt, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl dd {
    font-size: 3.73vw;
    line-height: 1.79;
    padding: 5.33vw 0;
    letter-spacing: 0.05em;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_data dl dt .note, .bsp.clinic #clinic_tokyo .bl_clinic_data dl dd .note, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl dt .note, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl dd .note {
    font-size: 3.2vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_data dl dt, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl dt {
    width: 25.33vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_data dl dd, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl dd {
    width: 61.33vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_data dl dd.ly_df, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl dd.ly_df {
    flex-wrap: wrap;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_data dl .btn, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl .btn {
    width: 58.67vw;
    padding-bottom: 4vw;
    margin: 5.33vw 0 0 0;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_data dl .btn img, .bsp.clinic #clinic_fukuoka .bl_clinic_data dl .btn img {
    width: 49.28vw;
    max-width: 49.28vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_access, .bsp.clinic #clinic_fukuoka .bl_clinic_access {
    margin-top: 16vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_access h3, .bsp.clinic #clinic_fukuoka .bl_clinic_access h3 {
    font-size: 4.27vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_access .ly_df, .bsp.clinic #clinic_fukuoka .bl_clinic_access .ly_df {
    margin-top: 8vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_access .bl_clinic_access_item, .bsp.clinic #clinic_fukuoka .bl_clinic_access .bl_clinic_access_item {
    width: 100%;
    font-size: 3.37vw;
    padding: 6.67vw 8.53vw;
    margin-bottom: 3.2vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_access .bl_clinic_access_item img, .bsp.clinic #clinic_fukuoka .bl_clinic_access .bl_clinic_access_item img {
    width: 8vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_access .bl_clinic_access_item img.icon_modal, .bsp.clinic #clinic_fukuoka .bl_clinic_access .bl_clinic_access_item img.icon_modal {
    width: 4.21vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_access .bl_clinic_access_item span, .bsp.clinic #clinic_fukuoka .bl_clinic_access .bl_clinic_access_item span {
    margin-left: 8vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_view, .bsp.clinic #clinic_fukuoka .bl_clinic_view {
    margin-top: 16vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_view h3, .bsp.clinic #clinic_fukuoka .bl_clinic_view h3 {
    font-size: 4.27vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap {
    margin-top: 8vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_tokyo .splide__slide, .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_fukuoka .splide__slide, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_tokyo .splide__slide, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_fukuoka .splide__slide {
    width: 100%;
    position: relative;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_tokyo .splide__slide img, .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_fukuoka .splide__slide img, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_tokyo .splide__slide img, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_fukuoka .splide__slide img {
    width: 100%;
    max-width: 100%;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_tokyo .splide__slide .captionTitle, .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_fukuoka .splide__slide .captionTitle, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_tokyo .splide__slide .captionTitle, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_fukuoka .splide__slide .captionTitle {
    font-size: 3.2vw;
    padding: 0.5em 0;
    text-align: center;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_tokyo_thumb, .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_fukuoka_thumb, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_tokyo_thumb, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_fukuoka_thumb {
    margin-top: 5.33vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_tokyo_thumb .splide__slide, .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .view_list_fukuoka_thumb .splide__slide, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_tokyo_thumb .splide__slide, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .view_list_fukuoka_thumb .splide__slide {
    width: 21.46vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .splide__arrow--prev, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .splide__arrow--prev {
    left: -5.33vw;
  }
  .bsp.clinic #clinic_tokyo .bl_clinic_view .view_list_wrap .splide__arrow--next, .bsp.clinic #clinic_fukuoka .bl_clinic_view .view_list_wrap .splide__arrow--next {
    right: -5.33vw;
  }

  .bsp.clinic #clinic_fukuoka .clinic_txt .clinic_lead {
    width: 45.75vw;
    max-width: 45.75vw;
  }
}
/********************
modal
********************/
.bsp.clinic .modaal-content-container {
  font-size: min(1.25vw, 18px);
  padding: 5.56em 0;
  max-height: 80vh;
}
.bsp.clinic .modaal-content-container .bl_inner {
  margin: auto;
  max-width: 1020px;
  padding: 0 20px;
}
.bsp.clinic .modaal-content-container .clinic_modal_ttl {
  text-align: center;
  position: relative;
}
.bsp.clinic .modaal-content-container .clinic_modal_ttl .access_lead {
  width: 3.63em;
  max-width: 65.42px;
  margin: auto;
}
.bsp.clinic .modaal-content-container .clinic_modal_ttl .modal_ttl {
  font-size: min(1.74vw, 25px);
  line-height: 1.22;
  letter-spacing: 0.1em;
  color: #000;
}
.bsp.clinic .modaal-content-container .access_item_wrap {
  flex-wrap: wrap;
  margin-top: 3.33em;
}
.bsp.clinic .modaal-content-container .access_item_wrap .access_item {
  width: 31.63%;
}
.bsp.clinic .modaal-content-container .access_item_wrap .access_item figure figcaption {
  font-size: min(0.97vw, 14px);
  text-align: left;
  margin-top: 0.5em;
  letter-spacing: 0.05em;
  min-height: 6.07em;
}
.bsp.clinic .modaal-content-container .access_item_wrap .access_item + .access_item {
  margin-left: 2.555%;
}
.bsp.clinic .modaal-content-container .access_item_wrap .access_item:nth-child(3n+1) {
  margin-left: 0;
}
.bsp.clinic .modaal-content-container .access_item_txt {
  margin-top: 2.5em;
}
.bsp.clinic .modaal-content-container .access_item_txt p {
  font-size: min(0.97vw, 14px);
  text-align: left;
  margin-top: 2.14em;
  letter-spacing: 0.05em;
  line-height: 2.07;
}
.bsp.clinic .modaal-content-container .access_item_txt p.lead {
  font-size: min(1.11vw, 16px);
  border: 1px solid #CBC3AC;
  text-align: center;
  padding: 1.12em;
}
.bsp.clinic .modaal-content-container .access_item_txt p.ttl {
  font-size: min(1.39vw, 20px);
  background: #E5E2D9;
  padding: 0 1em;
}

.bsp.clinic .modaal-container {
  max-width: 1140px;
}

.mordal_area {
  display: none;
}

@media screen and (max-width: 767px) {
  .bsp.clinic .modaal-content-container {
    padding: 13.33vw 5.33vw;
    max-height: 80vh;
  }
  .bsp.clinic .modaal-content-container .bl_inner {
    padding: 0 0 13.33vw;
  }
  .bsp.clinic .modaal-content-container .clinic_modal_ttl {
    text-align: center;
    position: relative;
  }
  .bsp.clinic .modaal-content-container .clinic_modal_ttl .access_lead {
    width: 3.63em;
    max-width: 65.42px;
    margin: auto;
  }
  .bsp.clinic .modaal-content-container .clinic_modal_ttl .modal_ttl {
    font-size: 4.27vw;
    line-height: 1.81;
  }
  .bsp.clinic .modaal-content-container .access_item_wrap {
    flex-wrap: wrap;
    margin-top: 8vw;
  }
  .bsp.clinic .modaal-content-container .access_item_wrap .access_item {
    width: 100%;
  }
  .bsp.clinic .modaal-content-container .access_item_wrap .access_item figure figcaption {
    font-size: 3.73vw;
    margin-top: 2.67vw;
    min-height: unset;
  }
  .bsp.clinic .modaal-content-container .access_item_wrap .access_item + .access_item {
    margin: 5.33vw 0 0;
  }
  .bsp.clinic .modaal-content-container .access_item_txt {
    margin: 0 0 -13.33vw;
  }
  .bsp.clinic .modaal-content-container .access_item_txt p {
    font-size: 3.73vw;
    text-align: left;
    margin-top: 2.14em;
    letter-spacing: 0.05em;
    line-height: 2.07;
  }
  .bsp.clinic .modaal-content-container .access_item_txt p.lead {
    font-size: 3.73vw;
    padding: 1em;
    text-align: left;
  }
  .bsp.clinic .modaal-content-container .access_item_txt p.ttl {
    font-size: 3.73vw;
    padding: 0.1em 1em;
  }
  .bsp.clinic .modaal-content-container .access_item_txt p.ttl + p {
    font-size: 3.2vw;
  }
}