<?php
/**
 * Title: Contact Page
 * Slug: if-thema-small-business/page-contact
 * Categories: contact, featured
 * Description: Contact固定ページの本文へ挿入して使用するパターン。お問い合わせ案内・営業時間・連絡先・フォーム設置エリアを含みます。
 */
?>

<!-- wp:paragraph {"textColor":"text-subtle","fontSize":"small"} -->
<p class="has-text-subtle-color has-text-color has-small-font-size">
	CONTACT
</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":2,"fontSize":"2x-large"} -->
<h2 class="wp-block-heading has-2-x-large-font-size">
	まずは、お気軽にご相談ください。
</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"text-subtle"} -->
<p class="has-text-subtle-color has-text-color">
	サービスについてのご質問やご相談など、お気軽にお問い合わせください。内容を確認のうえ、担当者よりご連絡いたします。
</p>
<!-- /wp:paragraph -->

<!-- wp:columns {"align":"wide","verticalAlignment":"top","style":{"spacing":{"margin":{"top":"var:preset|spacing|50"},"blockGap":{"left":"var:preset|spacing|60"}}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-top" style="margin-top:var(--wp--preset--spacing--50)">

	<!-- wp:column {"width":"50%"} -->
	<div class="wp-block-column" style="flex-basis:50%">

		<!-- wp:heading {"level":3,"fontSize":"large"} -->
		<h3 class="wp-block-heading has-large-font-size">
			お問い合わせについて
		</h3>
		<!-- /wp:heading -->

		<!-- wp:paragraph {"textColor":"text-subtle"} -->
		<p class="has-text-subtle-color has-text-color">
			ご相談内容がまだ具体的に決まっていない場合でも、お気軽にお問い合わせください。
		</p>
		<!-- /wp:paragraph -->

		<!-- wp:heading {"level":4,"fontSize":"small","textColor":"text-subtle","style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}}} -->
		<h4 class="wp-block-heading has-text-subtle-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--40)">
			営業時間
		</h4>
		<!-- /wp:heading -->

		<!-- wp:paragraph -->
		<p>
			平日 9:00〜18:00
		</p>
		<!-- /wp:paragraph -->

		<!-- wp:heading {"level":4,"fontSize":"small","textColor":"text-subtle","style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}}} -->
		<h4 class="wp-block-heading has-text-subtle-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--30)">
			電話
		</h4>
		<!-- /wp:heading -->

		<!-- wp:paragraph -->
		<p>
			00-0000-0000
		</p>
		<!-- /wp:paragraph -->

		<!-- wp:heading {"level":4,"fontSize":"small","textColor":"text-subtle","style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}}} -->
		<h4 class="wp-block-heading has-text-subtle-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--30)">
			所在地
		</h4>
		<!-- /wp:heading -->

		<!-- wp:paragraph -->
		<p>
			〒000-0000
		</p>
		<!-- /wp:paragraph -->

		<!-- wp:paragraph -->
		<p>
			東京都○○区○○ 0-0-0
		</p>
		<!-- /wp:paragraph -->

	</div>
	<!-- /wp:column -->

	<!-- wp:column {"width":"50%","backgroundColor":"surface","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}}} -->
	<div class="wp-block-column has-surface-background-color has-background" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);flex-basis:50%">

		<!-- wp:heading {"level":3,"fontSize":"large"} -->
		<h3 class="wp-block-heading has-large-font-size">
			お問い合わせフォーム
		</h3>
		<!-- /wp:heading -->

		<!-- wp:paragraph -->
		<p>
			フォームプラグインのブロックまたはショートコードをこの場所に追加してください。
		</p>
		<!-- /wp:paragraph -->

		<!-- wp:paragraph {"textColor":"text-subtle","fontSize":"small"} -->
		<p class="has-text-subtle-color has-text-color has-small-font-size">
			フォームを設置したら、この案内は削除できます。
		</p>
		<!-- /wp:paragraph -->

	</div>
	<!-- /wp:column -->

</div>
<!-- /wp:columns -->