@charset "utf-8";

/*Contactus*/


hr{ clear:both;display:none;}

.pointer:hover {
	//border-bottom: solid 1px #C8CFD2;
	cursor:pointer;
	color:#B99E5F;
	text-shadow: 2px 2px 2px #ddd;
	}

form#contactForm, div#res {
	max-width:400px;
	margin:30px auto 0;
	//height:460px;
	//padding-top:7%;
	//border:solid 1px #866;
}

.grid {
	display: grid;
	gap: 7px;
	grid-template-rows: 40px  40px 40px 200px;
	grid-template-columns: 400px;
	margin:0 auto;
	//border:solid 1px red;
}


input#onamae,
input#emailadd1,
input#emailadd2,
textarea#message {
	padding-left:7px;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	font-family: system-ui;
	grid-column:1/2;
	border-radius:3px;
	color:#404040;
	background-color:#E8FBFB;
	border:0;
}

textarea#message {
	wrap:soft;
}

.grid2 {
	display: grid;
	gap: 7px;
	grid-template-rows: 40px 40px 200px;
	grid-template-columns: 400px;
	margin:0 auto;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	font-family: system-ui;
  	//font-size:1.0em;
	//border:double 3px blue;
}

.grid2 .item1and2,
.grid2 #item3 {
	padding-left:7px;
	padding-top:10px;
	wrap:hard;
	word-wrap: break-word;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	font-family: system-ui;
	text-align: left;
	border-radius:3px;
	border:0;azure;
	background-color:#83AD77;

	//border:solid 5px #554440;
}

.grid2 .item1and2 {
	//height:26px;
}

.grid2 #item3 {
	height:232px;
	align-items:initial;
	line-height:1.5em;
	//wrap:hard;
	overflow:scroll;
	}

.confirm_notice {
	clear:both;
	margin: 50px auto 5px;
	background-color:inherit;
	font-size:1.0em;
	font-family:system-ui;
	color:azure;
	}

@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
form#contactForm, div#res {
	max-width: 300px;
    }
.grid,
.grid2 {
	grid-template-columns: 300px;
    }
}


/* buttons +++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++ */
#confirm,
.send_buttons,
#ok_button {
	width:100px;
	height:35px;
	font-size:1.0em;
	font-family: system-ui;
	color:white;
	background:#EC8B2A;
	border:0;
	border-radius:3px;
	}

#confirm {
	//display:block;
	margin:20px auto;
}

#confirm_txt {
	padding-top:10%;
	margin:0 auto;
}

.send_buttons {
}
#buttons_appearence1 {
	width:207px;
	display:grid;
	grid-template-rows:35px;
	grid-template-columns: 100px 100px;
	gap:7px;
	margin:20px auto;
	text-align: center;
}
#buttons_appearence2 {
	width:100px;
	margin:20px auto;
//	text-align: center;
}

/*.send_buttons,
#ok_button {
	width:100px;
	margin-top:20px auto;
	background:#EC8B2A;
}*/