/*はなはなお問い合わせCSS*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;padding: 0;font-size: 100%;font: inherit;font-weight: normal;vertical-align: baseline;
}/*border: 0;*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul ,li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration: none;}
img {max-width: 100%;height: auto;vertical-align: bottom;}
*,*::after,*::before{box-sizing: border-box;word-wrap: break-word;}/*CSS リセット*/


/*{border: solid 1px red;}*/

	body{width:100%;font-size:16px;font-family:'Zen Kurenaido','游明朝', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;}
	header {width:100%;}
		.he-box1 {width: 100%;margin-top: 10px;display: flex;justify-content: center;}
		.he-box1-logo {width: 100px;height: 100px;margin: 0 1em;display: inline-block;}
		.he-box1R {width: 350px;display: inline-block;}
		.he-box1R h2 {width: 100%;font-size: 1em;font-weight: bold;}
		.he-box1R h1 {width: 100%;font-size: clamp(2.5rem, calc(3vw + 1.5rem), 3rem);font-weight: bold;}
		.he-box2 {width: 100%;margin: 20px 0;display: flex;justify-content: center;font-family:'メイリオ';}
		.he-box2L {width: 300px;}
		.he-box2L-p1 {width: 100%;font-size: 1em;}
		.he-box2L-p2 {width: 100%;font-size: 19px;color: #003300;}
			.he-box2L-p2 span {font-size: 13px;}
		.he-box2L-p3 {width: 100%;text-align: center;font-size: 0.8em;}
	#formWrap {width:700px;margin:0 auto;color:#555;line-height:120%;font-size: 1em;}
	#formWrap p{margin: 0.7em auto;}
		table.formTable{width:100%;margin:10px auto;border-collapse:collapse;}
		table.formTable td,table.formTable th{border:1px solid #ccc;padding:10px;}
		table.formTable th{width:30%;font-weight:normal;background:#efefef;text-align:left;vertical-align:middle;word-wrap:break-word;}
	footer p{width:100%;margin-top: 20px;padding: 10px;text-align: center;color: white;background: #cccc99;}
	/***追従するHOMEボタン***/
		#home-link {position: fixed;right: 2%;bottom: 40px;background: #cccc99;color: white;width: 50px;height: 50px;
		border: solid 1px #cccc99;border-radius: 50%;box-shadow: 2px 2px 4px gray;z-index: 10;text-align:center;}
		#home-link:hover {background:  white;color: #cccc99;}
		#home-link span {line-height:50px;font-size: 1rem;}
	/***追従するHOMEボタン***/
/*スマホの表示 */
	@media (max-width:650px) {
		.he-box1-logo {margin: 0;}
		.he-box1R h2 {font-size: 0.8em;}
		.he-box2 {flex-direction: column;}
		.he-box2L {margin: 20px auto;}
		.he-box2R {margin: 0 auto;}
		#formWrap {width:95%;margin:0 auto;}
		table.formTable th, table.formTable td {width:auto;display:block;}
		table.formTable th {margin-top:5px;border-bottom:0;}
		form input[type="text"], form textarea {width:80%;padding:5px;font-size:110%;display:block;}
		form input[type="submit"], form input[type="reset"], form input[type="button"] {display:block;width:100%;height:40px;}
	}