/* =========================================================================
   下層ページ共通
   静的サイトの各下層ページ（features / reason / price / flow / faq /
   download / contact / privacy / 404）の <head> にあった4つ目の <style> を
   統合したもの。ページ固有のクラス名（.zig .num .stp .stp2 .stpline）は
   互いに重複しないため1ファイルにまとめている。
   ========================================================================= */

/* 固定ヘッダーの高さぶん、アンカーリンクのスクロール位置をずらす */
section[id] {
	scroll-margin-top: 100px;
}

@media (max-width: 1024px) {
	.c2 {
		grid-template-columns: 1fr !important;
	}

	.c3 {
		grid-template-columns: 1fr !important;
	}

	.sec {
		padding-block: 64px !important;
	}

	.h1 {
		font-size: 30px !important;
	}

	.h2 {
		font-size: 25px !important;
	}

	/* 横スクロールさせる表（料金比較など） */
	.tbl {
		display: block;
		overflow-x: auto;
	}

	/* 交互配置のブロックをモバイルで画像→本文の順にする（機能ページ） */
	.zig > div:first-child {
		order: 2;
	}

	.zig > div:last-child {
		order: 1;
	}

	/* 料金ページの大きな数字 */
	.num {
		font-size: 38px !important;
	}

	/* 導入の流れページのステップ */
	.stp {
		grid-template-columns: 1fr !important;
	}

	/* 入力フォームの2カラム */
	.frm {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 640px) {
	.stp2 {
		grid-template-columns: 1fr !important;
		gap: 14px !important;
	}

	.stpline {
		display: none !important;
	}
}
