/*add_20250501*/
@media (min-width: 575px) and (max-width: 820px) {
  .p-nav__item {
    padding: 15px 0;
  }
  .l-top-kv {
    margin-top: 25px;
  }
  .p-lead-box {
    gap: 20px;
  }
  .p-lead-box__contents p {
    padding-left: 0;
  }
  .p-lead-btn {
    padding-left: 0;
  }
  .p-alt-block__contents > div {
    margin-left: 0;
    padding-left: 0;
  }
  /*料金案内*/
  .c-button-link {
    padding: 10px 22px;
  }
  .p-price-box:last-child {
    margin-bottom: 0;
  }
  /*スタッフ紹介*/
  .p-grid-container {
    padding: 0;
  }
  /*設備紹介*/
  .p-introbox__ttl {
    height: 60px;
  }
  .p-grid-container {
    padding: 0;
  }
  /*医院紹介*/
  .p-page-access__text {
    flex-direction: column;
  }
  /*診療*/
  .c-button-rounded--wh {
    gap: 15px;
    padding: 8px;
  }
}
@media screen and (max-width: 820px) {
  .p-li-flex {
    flex-direction: column;
  }
}
@media screen and (max-width: 575px) {
  .l-header {
    padding: 35px 15px;
  }
  /* .p-header__logo a img {
    padding-right: 50px;
  } */
}
/* フェードイン
------------------------------ */

.js-fadeIn {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
  transform: translate(0, 100px);
  -webkit-transition: 1s;
  transition: 1s;
  will-change: filter;
}

.js-fadeIn--fade {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.js-fadeIn.in {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  will-change: filter;
}

.js-fadeIn .js-fadeIn__child {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
  transform: translate(0, 100px);
  -webkit-transition: 1s;
  transition: 1s;
  will-change: filter;
}

.js-fadeIn .js-fadeIn__child.in {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  will-change: filter;
}

/*add_20250501*/
@media (min-width: 575px) and (max-width: 820px) {
  /*診療*/
  .p-btn-list {
    margin-bottom: 60px;
  }
}