@charset "utf-8";

/*
 * CGI 問い合わせフォーム用。
 * viewport ありのとき、HTML の width="560" や input size= 由来の最小幅で
 * スマホ幅を超えてはみ出すのを抑える。
 */

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

@media screen and (max-width: 960px) {
	body {
		padding: 0.5em;
	}

	/* 外枠 <center> 内のテーブルまで幅を制限 */
	center {
		display: block;
		width: 100%;
		max-width: 100%;
		overflow-x: hidden;
	}

	table {
		width: 100% !important;
		max-width: 100% !important;
		table-layout: fixed !important;
	}

	td,
	th {
		word-wrap: break-word;
		overflow-wrap: break-word;
		word-break: break-word;
	}

	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input:not([type]),
	textarea,
	select {
		max-width: 100% !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	textarea {
		resize: vertical;
	}
}