/* 店舗説明リスト版テンプレート（template-pilates-about-list.php）専用。pilates.css の後に読み込む */
/* 店舗説明の長文対応（2026-09-13）：見出し付きの番号リスト。写真の横に縦一列で並べる */
.sec-about .about-box.-list {
  align-items: flex-start;
  gap: 4rem;
  margin-bottom: 8rem;
}
/* 見出し付きのときは l-inner をグリッドにして、写真の下に営業時間・住所・地図を寄せる（左列＝写真＋店舗情報／右列＝リスト） */
.sec-about.-list .l-inner {
  display: grid;
  grid-template-columns: 42% minmax(0, 1fr);
  column-gap: 4rem;
  row-gap: 0;
  align-items: start;
}
.sec-about.-list .img-txt,
.sec-about.-list .gyms_nearby {
  grid-column: 1 / -1;
}
.sec-about.-list .about-box.-list {
  display: contents;
}
.sec-about.-list .about-box.-list .box-img {
  width: auto;
  grid-column: 1;
  grid-row: 2;
}
.sec-about.-list .about-list {
  grid-column: 2;
  grid-row: 2 / span 8;
}
.sec-about.-list .about-info,
.sec-about.-list .gmap,
.sec-about.-list .btn_wrap {
  grid-column: 1;
}
.sec-about.-list .about-info {
  flex-direction: column;
  gap: 1.6rem;
  margin: 2.4rem 0 0;
}
.sec-about.-list .about-info .info-box {
  width: 100%;
}
.sec-about.-list .gmap {
  margin-top: 2rem;
}
.sec-about.-list .btn_wrap {
  margin-top: 1.6rem;
}
.sec-about.-list .gyms_nearby {
  margin-top: 6rem;
}
.sec-about .about-cta {
  margin-top: 2.4rem;
}
.sec-about .about-cta__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 6rem;
  padding: 1.2rem 4rem 1.2rem 2.4rem;
  background: #FF8C72;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 700;
  border-radius: 999px;
  box-shadow: 0 6px 16px rgba(255, 140, 114, .3);
  position: relative;
  text-decoration: none;
}
.sec-about .about-cta__btn:hover {
  opacity: .85;
}
.sec-about .about-list {
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sec-about .about-item {
  display: grid;
  grid-template-columns: 3.4rem minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  grid-template-areas:
    "num body"
    "ico body";
  column-gap: 1.6rem;
  row-gap: .8rem;
  align-items: start;
  padding: 2.4rem 0;
  border-bottom: 1px solid #F6DFBE;
}
.sec-about .about-item:first-child {
  padding-top: .4rem;
}
.sec-about .about-item:last-child {
  border-bottom: 0;
}
.sec-about .about-item__num {
  grid-area: num;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  background: #644B3D;
  color: #fff;
  font-size: 1.6rem;
  line-height: 3.4rem;
  text-align: center;
}
.sec-about .about-item__ico {
  grid-area: ico;
  justify-self: center;
  width: 3.2rem;
  height: 2.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec-about .about-item__body {
  grid-area: body;
  min-width: 0;
}
.sec-about .about-item__ico img {
  width: 2.6rem;
  height: 2.6rem;
}
.sec-about .about-item__ttl {
  font-size: 1.9rem;
  line-height: 3.4rem;
  letter-spacing: .05em;
  font-weight: 700;
  color: #5A4335;
  margin: 0 0 .6rem;
}
.sec-about .about-item__body .txt {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: .04em;
  font-weight: 400;
}
@media (max-width: 767px) {
  .sec-about.-list .l-inner {
    display: block;
  }
  .sec-about.-list .about-box.-list {
    display: flex;
  }
  .sec-about .about-box.-list .box-img {
    width: 100%;
  }
  .sec-about.-list .about-info {
    flex-direction: column;
    margin: 0 0 3rem;
  }
  .sec-about .about-cta.pc {
    display: none;
  }
  .sec-about .about-item {
    grid-template-columns: 3rem minmax(0, 1fr);
    column-gap: 1.2rem;
    row-gap: .6rem;
    padding: 2rem 0;
  }
  .sec-about .about-item__num {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.4rem;
  }
  .sec-about .about-box.-list {
    gap: 2.4rem;
    margin-bottom: 4rem;
  }
  .sec-about .about-item__ico {
    width: 3rem;
    height: 2.6rem;
  }
  .sec-about .about-item__ico img {
    width: 2.3rem;
    height: 2.3rem;
  }
  .sec-about .about-item__ttl {
    font-size: 1.7rem;
    line-height: 3rem;
  }
  .sec-about .about-item__body .txt {
    font-size: 1.4rem;
  }
}