/* =============================================
   Pallet Buzen - タブレット用スタイル
   対象: 768px 〜 1024px
   ============================================= */

@media (min-width: 768px) and (max-width: 1024px) {

	/* タブレット: 事業内容テキストカラムの余白を広く */
	.p-services__text-col {
		padding: var(--sp-xl) var(--sp-2xl);
	}

	/*
	 * ── フォントサイズ TB 上書き ────────────────────────
	 *  変数名    PC(base)       TB(768-1024)   SP(〜767)
	 *  fs-3xl   2.25rem 36px → 2rem    32px → 1.75rem 28px
	 *  fs-2xl   1.875rem 30px → 1.625rem 26px → 1.5rem  24px
	 *  fs-xl    1.5rem  24px → 1.375rem 22px → 1.25rem 20px
	 *  fs-lg    1.25rem 20px → 1.125rem 18px → 1.125rem 18px
	 * ── スペーシング TB 上書き ──────────────────────────
	 *  変数名    PC(base)  TB(768-1024)  SP(〜767)
	 *  sp-3xl   96px    → 72px       → 56px
	 *  sp-2xl   64px    → 48px       → 48px
	 *  sp-xl    48px    → 40px       → 32px
	 * ──────────────────────────────────────────────────── */
	:root {
		--fs-3xl: 2rem;      /* TB: 32px  (PC: 36px / SP: 28px) */
		--fs-2xl: 1.625rem;  /* TB: 26px  (PC: 30px / SP: 24px) */
		--fs-xl:  1.375rem;  /* TB: 22px  (PC: 24px / SP: 20px) */
		--fs-lg:  1.125rem;  /* TB: 18px  (PC: 20px / SP: 18px) */
		--sp-3xl: 72px;      /* TB: 72px  (PC: 96px / SP: 56px) */
		--sp-2xl: 48px;      /* TB: 48px  (PC: 64px / SP: 48px) */
		--sp-xl:  40px;      /* TB: 40px  (PC: 48px / SP: 32px) */
	}

	section {
		padding: 48px 0;
	}

	.p-section-label {
		font-size: 3.75rem;
	}

	.p-section-header {
		margin-bottom: var(--sp-lg);
	}

	.u-container {
		padding-left: var(--sp-md);
		padding-right: var(--sp-md);
	}

}