/* PIKOO モバイル追加修正 v2.1 */

/* スマホ（〜767px）専用の追加調整 */
@media (max-width: 767px) {
  /* ヒーロー: キャッチコピーの文字サイズを少し大きく */
  .hero-catch {
    font-size: 1.15rem;
    line-height: 2.6;
  }

  /* コンセプトセクション: 余白を広げて呼吸感 */
  .concept {
    padding: 72px 24px;
  }
  .concept .concept-lead {
    font-size: 1.1rem;
    line-height: 2.4;
  }
  .concept p {
    font-size: 0.88rem;
    line-height: 2.6;
  }

  /* ギャラリー: カード間の余白を広げる */
  .gallery-grid {
    gap: 12px;
    padding: 0 12px;
  }
  .gallery-grid .cap {
    font-size: 0.68rem;
    padding: 24px 8px 8px;
  }

  /* ステップカード: 縦積みで見やすく */
  .steps-mini {
    gap: 12px;
    padding: 0 16px;
  }
  .step-mini {
    padding: 20px 18px;
  }
  .step-mini .num {
    font-size: 1.6rem;
    min-width: 36px;
  }
  .step-mini h3 {
    font-size: 0.88rem;
  }

  /* 作品一覧: カード間の余白 */
  .works-grid {
    gap: 10px;
    padding: 0 10px;
  }
  .work-card h3 {
    font-size: 0.76rem;
    margin-top: 8px;
  }
  .work-card .fabric {
    font-size: 0.66rem;
    margin-top: 2px;
  }

  /* タブ: スクロールヒント */
  .works-tabs {
    padding: 8px 16px 24px;
    gap: 6px;
  }
  .works-tabs button {
    font-size: 0.74rem;
    padding: 8px 14px;
    min-height: 40px;
  }

  /* オーダーページ: ステップの余白 */
  .order-step {
    padding: 22px 0;
    gap: 14px;
  }
  .order-step .num {
    font-size: 1.5rem;
    min-width: 42px;
  }
  .order-step h3 {
    font-size: 0.92rem;
  }

  /* 価格テーブル: セル余白 */
  .price-table td {
    padding: 14px 8px;
    font-size: 0.84rem;
  }
  .price-table td:last-child {
    font-size: 0.92rem;
  }

  /* CTAバンド: 余白を少し広げる */
  .cta-band {
    padding: 48px 20px;
  }
  .cta-band h2 {
    font-size: 1.05rem;
    line-height: 1.8;
  }

  /* ライトボックス: スマホで画像をもっと大きく */
  .lightbox img {
    max-width: 96vw;
    max-height: 72vh;
  }
  .lightbox .lb-nav {
    width: 40px;
    height: 56px;
    font-size: 1.3rem;
  }
  .lightbox .lb-close {
    width: 44px;
    height: 44px;
    font-size: 1.2rem;
  }

  /* フッター: リンクのタップ領域 */
  .footer-nav {
    gap: 4px 16px;
  }
  .footer-nav a {
    font-size: 0.74rem;
    padding: 10px 6px;
  }

  /* 会社概要テーブル: スマホで縦積み */
  .info-table th,
  .info-table td {
    display: block;
    width: 100%;
    padding: 8px 0;
  }
  .info-table th {
    border-bottom: none;
    padding-bottom: 2px;
  }
  .info-table td {
    padding-top: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(201, 166, 79, 0.12);
  }
  .info-table tr {
    display: block;
  }
}