.only-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .only-sp {
    display: block ;
  }
  .only-pc {
    display: none;
  }
}

/* 20241121  医療痩身（メディカルダイエット）のプラン料金表修正　*/
.scroll__box {
  overflow-x: auto;
}

.scroll__box .scroll {
  min-width: 1000px;
  width: 100%;
}

.scroll__box .scroll .grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

.scroll__box .scroll .grid8 {
  grid-template-columns: repeat(8, 1fr);
}
.scroll__box .scroll .grid7 {
  grid-template-columns: repeat(7, 1fr);
}
.scroll__box .scroll .grid6 {
  grid-template-columns: repeat(6, 1fr);
}
.scroll__box .scroll .grid5 {
  grid-template-columns: repeat(5, 1fr);
}
.scroll__box .scroll .grid4 {
  grid-template-columns: repeat(4, 1fr);
}

.scroll__box .scroll .grid .head {
  background: #f8f8f8;
  border-bottom: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
  line-height: 1.7;
  padding: 1.25rem 1rem;
  vertical-align: middle;
}

.scroll__box .scroll .grid .item {
  background: #fff;
  border-bottom: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
  line-height: 1.7;
  padding: 1.25rem 1rem;
  vertical-align: middle;
}


/* 20250226 MY AND STORY */
.myfirstand-treatmentdetails__body-att {
  font-size: .77rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.myfirstand-treatmentdetails__body-att:last-child {
  margin-bottom: 0;
}
.myfirstand-treatmentdetails__body-att a {
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  .myfirstand-treatmentdetails__body-att {
    font-size: 1.2rem;
    margin-bottom: 1.2rem;
  }
}


/* 20250303 医療痩身アコーディオン */
.medicaldiet-switch.myfirstand-treatmentdetails-switch {
  padding: .875rem 3.5625rem .875rem 1.875rem;
}
.medicaldiet-treatmentdetails.myfirstand-treatmentdetails {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
}
.myfirstand-treatmentdetails__body.medicaldiet-treatmentdetails__body {
  border: none;
}
@media screen and (max-width: 768px) {
  .medicaldiet-switch.myfirstand-treatmentdetails-switch {
    font-size: 1.5rem;
  }
}


/* 20250418 FV変更 */
/* FV */
.index .site-header {
  background: #fff;
  padding: 16px 0;
}
@media screen and (max-width: 768px) {
  .index .site-header {
    padding: 1.5rem var(--padding-side);
  }
}
.index .header-logo a {
  color: #1a1311;
}
.top-hero {
  background: url("/assets/images/top/fv_top-pc.jpg") no-repeat 30% center/cover;
}
@media screen and (max-width: 768px) {
  .top-hero {
    background: url(/assets/images/top/fv_top-sp.jpg) no-repeat center bottom / 100% auto;
    height: 83rem;
    min-height: inherit;
  }
  .top-hero ul {
    display: flex;
    gap: 1rem;
    height: 53.5rem;
    padding: 0 1rem;
  }
}

/* btn */
.fixButtonContainer {
  padding: 0 5px 5px ;
}
@media screen and (min-width: 1024px) {
  div.fixButtonContainer {
    top: 5px;
  }
}
@media (min-width: 1024px) and (max-width: 1309px) {
  .fixButton:nth-child(3) {
    display: none;
  }
}
a.fixButton {
  font-size: 14px;
  height: 68px;
  line-height: 1.3;
  width: fit-content;
}
.fixButtonText {
  display: none;
}
/* .fixButton2 {
    flex-basis: 230px;
} */
@media screen and (max-width: 1024px) {
  .fixButtonText {
    align-items: center;
    background-color: #f6f6f6;
    border-top: 1px solid #bcacba;
    bottom: 72px;
    display: flex;
    font-size: 2.2rem;
    justify-content: center;
    padding: 10px 0 5px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 6;
  }
  .fixButtonText::before,
  .fixButtonText::after {
    background-color: #1a1311;
    content: "";
    height: 1px;
    margin: 0 4px 4px;
    width: 25px;
  }
  .fixButtonText::before {
    transform: rotate(45deg);
  }
  .fixButtonText::after {
    transform: rotate(-45deg);
  }
  .fixButtonContainer {
    background-color: #f6f6f6;
    z-index: 7 !important;
  }
  a.fixButton {
    background-image: linear-gradient(90deg, rgba(255, 170, 228, .4) 0%, rgba(221, 206, 255, .5) 50%, rgba(189, 220, 255, 1) 100%) !important;
    border: 1px solid #bcacba!important;
    border-radius: 4px;
    font-size: 12px !important;
    gap: 8px !important;
    height: 58px;
    margin: 10px 2px 5px;
  }
  a.fixButton2 {
    background: linear-gradient(180deg, #f8f3f3 0%, #e4dcdb 100%) !important;
  }
}
/* 追従予約ボタン */
@media screen and (max-width: 1024px) {
  .fixed-reservation {
    bottom: 16rem !important;
  }
}