@charset "utf-8";
/*
Theme Name: 身原病院
Version: 1.0
*/


/* 以下ブログテーマのスタイル */

/* =============================================
 * お食事ページ - 「私たちについて」カードテキスト
 * ============================================= */
.p-group-txt {
  background-color: var(--color-neutral-100);
  padding: 24px;
  font-size: 0.875rem; /* 14px: サブテキストサイズ */
  line-height: 1.8;
  color: #525252; /* neutral-600 */
}

/* =============================================
 * お食事ページ - 「私たちについて」スライダー
 * PC: 2カード並び（各50%幅） / SP: 1カード表示（各100%幅）
 * ============================================= */
.p-about-slider__item {
  width: 50%;       /* PC: 2枚並び */
  min-width: 50%;
  flex-shrink: 0;
  padding: 0 12px;  /* カード間のgap代わり */
  box-sizing: border-box;
}

/* SP対応（768px以下） */
@media screen and (max-width: 767px) {
  .p-group-txt {
    padding: 16px; /* 24px × 約66% → 16px（偶数に丸め） */
    font-size: 0.8125rem; /* 13px */
    line-height: 1.7;
  }

  .p-about-slider__item {
    width: 100%;     /* SP: 1枚表示 */
    min-width: 100%;
    padding: 0;
  }

  /* スライダー左右ボタンを外側へ */
  [aria-label="前の画像"] {
    left: -5px;
  }
  [aria-label="次の画像"] {
    right: -5px;
  }
}