/**
 * 08_responsive.css (Monochrome Refresh)
 *
 * グローバル レスポンシブ対応
 * (ヘッダーとページ固有のレスポンシブスタイルは
 * 各CSSファイル (04_header.css, front-page.css) に移動)
 */

@media (max-width: 768px) {
	/* --- レイアウト --- */
	.container {
		padding: 0 20px;
	}

	/* --- メインコンテンツ --- */
	/* * #main-content の padding-top は 
	 * front-page.css や archive-job.css など
	 * ページ固有のCSSで管理します。
	 */

	/* --- 共通セクション --- */
	.content-section {
		padding: 70px 0;
	}
	.section-title {
		margin-bottom: 15px;
	}
	.section-subtitle {
		margin-bottom: 40px;
	}

	/* --- フォーム --- */
	.form-wrapper {
		padding: 0;
	}
	.form-grid {
		grid-template-columns: 1fr !important;
	}
	.wpcf7-acceptance {
		display: block;
	}
	.wpcf7-acceptance .wpcf7-list-item-label {
		display: inline-block;
	}
}