body {
  margin: 0;
  padding: 0;
}

/*==================================
layout
==================================*/
main{
  margin-top: 7.2rem;
}
.content__wrap {
  width: 100%;
  background-image: url("../images/bg.webp");
  background-size: cover;
  background-attachment: fixed;
}

.content__inner {
  width: 750px;
  margin: 0 auto;
}

/*==================================
image
==================================*/
.img__box {
  width: 100%;
}

.img__box img {
  vertical-align: bottom;
  max-width: 100%;
}

/*==================================
slider
==================================*/
.slide__wrap {
  position: relative;
}

.room__slider {
  position: absolute;
  top: 0%;
  left: 9.3333333333%;
  width: 73.3333333333%;
}
.room__slider .slick__img img {
  width: 100%;
}
.room__slider .slick-dots {
  bottom: -30px;
}
.room__slider .slick-dots li button:before {
  font-size: 12px;
  color: #d3d6d8;
}
.room__slider .slick-dots li.slick-active button:before {
  color: #af9551;
}

/*==================================
offer
==================================*/
.cv__area {
  position: relative;
}
.cv__area__btn {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.cv__area__btn img {
  width: 100%;
}
.cv__area__01 {
  bottom: 20.7692307692%;
  width: 89.8666666667%;
}
.cv__area__02 {
  bottom: 30.303030303%;
  width: 71.7333333333%;
  left: 11.6%;
  right: auto;
}
.cv__area__03 {
  bottom: 15.923566879%;
  width: 89.8666666667%;
}
.floatScale{
  animation: pulseSoft 3s ease-in-out 0.8s infinite alternate;
}
@keyframes pulseSoft {
  0%, 40%, 80% {
    transform: scale(1);
  }
  20%, 60%, 100% {
    transform: scale(1.08);
  }
}

/*==================================
clinic
==================================*/

.clinic[data-astro-cid-j7pv25f6] {
  padding-bottom: 2rem;
  position: relative;
  background: url(../images/clinic_bg.webp) repeat-y top center / 100% auto;
  z-index: 2;
}
@media screen and (max-width: 750px) {
.clinic[data-astro-cid-j7pv25f6] {
    padding-bottom: 6rem;
  }
}
.clinic__title[data-astro-cid-j7pv25f6] {
  margin-inline: auto;
}
.clinic__item[data-astro-cid-j7pv25f6] {
  width: calc(100% * 690 / 750);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.1rem;
}
@media screen and (max-width: 750px) {
  .clinic__item[data-astro-cid-j7pv25f6] {
    margin-bottom: 3rem;
  }
}
.clinic__toggle-button[data-astro-cid-j7pv25f6] {
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.clinic__toggle-button[data-astro-cid-j7pv25f6]
  .arrow[data-astro-cid-j7pv25f6] {
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  position: absolute;
  top: 50%;
  right: 2.6rem;
  transform: translateY(-50%) rotate(180deg);
  transition: 0.5s;
}
@media screen and (max-width: 750px) {
  .clinic__toggle-button[data-astro-cid-j7pv25f6]
    .arrow[data-astro-cid-j7pv25f6] {
    width: 4.6rem;
    height: 4.6rem;
  }
}
.clinic__toggle-button[data-astro-cid-j7pv25f6].open
  .arrow[data-astro-cid-j7pv25f6] {
  transform: translateY(-50%) rotate(0);
}
.clinic__toggle-content[data-astro-cid-j7pv25f6] {
  display: none;
  margin-bottom: -3rem;
  padding-bottom: 1.3rem;
  position: relative;
  top: -3rem;
}
@media screen and (max-width: 750px) {
  .clinic__toggle-content[data-astro-cid-j7pv25f6] {
    margin-bottom: -5rem;
    padding-bottom: 1rem;
    top: -5rem;
  }
}

/*==================================
faq
==================================*/
.faq__title[data-astro-cid-j7pv25f6] {
  margin-inline: auto;
}
.faq__wrapper[data-astro-cid-j7pv25f6] {
  width: calc(100% * 690 / 750);
  margin: 0 auto;
  display: grid;
  align-items: start;
  gap: 2.6rem 3rem;
}
@media screen and (max-width: 750px) {
  .faq__wrapper[data-astro-cid-j7pv25f6] {
    display: block;
  }
}
.faq__item[data-astro-cid-j7pv25f6] {
  background: #f4f4f4;
  background: linear-gradient(180deg, #f4f4f4, #f8fbf9);
  box-shadow: 0 0.6rem #8d97a833;
}
@media screen and (max-width: 750px) {
  .faq__item[data-astro-cid-j7pv25f6] {
    margin-bottom: 2.7rem;
  }
  .faq__item[data-astro-cid-j7pv25f6]:last-child {
    margin-bottom: 0;
  }
}
.faq__toggle-button[data-astro-cid-j7pv25f6] {
  display: flex;
  align-items: center;
  height: 14rem;
  padding-inline: 3rem;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .faq__toggle-button[data-astro-cid-j7pv25f6] {
    height: 16.2rem;
    padding-inline: 4rem;
  }
}
.faq__toggle-button img{
  width: 80%;
}
.faq__toggle-content{
  margin-bottom: 5rem;
}
@media screen and (max-width: 750px) {
  .faq__toggle-content{
    padding-bottom: 6rem;
  }
  .faq__toggle-content picture{
    width: 97%;
    margin: 0 auto;
  }
}
.faq__toggle-button[data-astro-cid-j7pv25f6] .arrow[data-astro-cid-j7pv25f6] {
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  position: absolute;
  top: 50%;
  right: 3rem;
  transform: translateY(-50%) rotate(180deg);
  transition: 0.5s;
}
@media screen and (max-width: 750px) {
  .faq__toggle-button[data-astro-cid-j7pv25f6] .arrow[data-astro-cid-j7pv25f6] {
    width: 4.3rem;
    height: 4.3rem;
  }
}
.faq__toggle-button[data-astro-cid-j7pv25f6].open
  .arrow[data-astro-cid-j7pv25f6] {
  transform: translateY(-50%) rotate(0);
}
.faq__toggle-content[data-astro-cid-j7pv25f6] {
  display: none;
  padding-inline: 3rem;
}

/*==================================
precautions
==================================*/
.precautions[data-astro-cid-j7pv25f6] {
  width: calc(100% * 690 / 750);
  margin: 6rem auto 0;
  z-index: 1;
}
.precautions__content {
  width: calc(100% * 690 / 750);
  margin: 4rem auto 0;
}

/*==================================
company
==================================*/
.company[data-astro-cid-j7pv25f6] {
  width: calc(100% * 690 / 750);
  margin: 6rem auto 0;
  padding-bottom: 6rem;
}


/*==================================
sp
==================================*/
@media screen and (max-width: 767px) {
  main{
    margin-top: 9.1rem;
  }
  .content__inner {
    width: 100%;
    margin: 0 auto;
  }
  .img__box img,
  .cv__area__btn img,
  .room__slider .slick__img img {
    width: 100%;
    height: auto;
  }
}