@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* =========================================================
   スマホ表示の見やすさ向上(全ページ共通)
   ========================================================= */
@media (max-width: 600px) {
	/* 画像がカラム幅からはみ出さないように */
	.wp-block-image img,
	.swell-block-fullWide img {
		max-width: 100%;
		height: auto;
	}

	/* 表は横スクロールでヘッダーが読めるように余白を調整 */
	.wp-block-table.is-style-regular table th,
	.wp-block-table.is-style-regular table td {
		padding: 10px 8px;
		font-size: 0.85rem;
	}

	/* ボタンのタップ領域を44px以上確保 */
	.swell-block-button__link {
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		line-height: 1.4;
	}

	/* アコーディオン(よくある質問)のタップ領域と行間を確保 */
	.swell-block-accordion__title {
		padding-top: 14px;
		padding-bottom: 14px;
		line-height: 1.6;
	}
	.swell-block-accordion__body {
		line-height: 1.9;
	}

	/* カード内の見出し・本文の行間を少し広げて読みやすく */
	.service-card h3,
	.service-card h5 {
		line-height: 1.7;
	}

	/* 料金タブの見出し文字サイズが小さくなりすぎないように */
	.c-tabList__button {
		font-size: 0.8rem;
		padding: 10px 6px;
	}
}