@charset "UTF-8";
body { overflow-x: auto; }
section:first-child { margin-top: 0;}
main { width: 100%; min-width: 1200px; background: #f7faf1; border-bottom: solid 5px #e0ebc1; }
#map_area { padding-top: 40px; width: 100%; min-width: 1200px; background: url("../../i/home_head_back.jpg") repeat-x; text-align: center; }
#map_area hr { margin: 10px auto 30px auto; padding: 0px; width: 145px; border-bottom: solid 2px #56a03c; }
.sub_ti { width: 100%; min-width: 1200px; color: #56a03c; font-size: 34px; font-weight: bold; }
#add_acc { width: 100%; min-width: 1200px; }
.add_tel { width: 100%; min-width: 1200px; text-align: center; padding: 0; margin: 0 0 50px 0; box-sizing: border-box; }
.acc_howto { width: 1110px; margin: 0 auto; padding: 0; border-top: solid 2px #cde38a; border-bottom: solid 2px #cde38a; background: #fff; display: flex; flex-wrap: wrap;}
.acc_howto dt { width: 480px; margin: 0; padding: 0 0 0 40px; line-height: 80px; box-sizing: border-box; border-bottom: solid 2px #f7faf1; color: #185a2f; font-weight: 800;}
.acc_howto dd { width: 630px; margin: 0; padding: 0 0 0 0; line-height: 80px;  border-bottom: solid 2px #f7faf1; color: #444;}

#toiawase_area { width: 100%; min-width: 1200px; text-align: center; }
#toiawase_area hr { margin: 10px auto 30px auto; padding: 0px; width: 145px; border-bottom: solid 2px #56a03c; }
.toi_box { width: 900px; padding: 50px; margin: 0 auto 100px; border: solid 5px #cde38a; background: #fbfdf8; color: #444; }
.toi_box li:first-child { font-size: 24px; color: #185d00; font-weight: bold; margin-bottom: 10px; }
.toi_box li:nth-child(3) { font-size: 40px; font-weight: bold; color: #222; }

.form_ti { margin: 50px 0 30px 0; color: #56a03c; font-size: 28px; font-weight: bold; }
#form_area { width: 900px; margin: 0 auto 100px auto; padding: 23px 0px; border-top: solid 2px #cde38a; border-bottom: solid 2px #cde38a; background: #fff; }
#form_area div { margin: 0px; padding: 0px 0px 5px 0px; width: 100%; }
#form_area form { margin: 0px; padding: 0px; width: 100%; }
form dl { margin: 20px auto; padding: 0px 0px 20px 0px; width: 90%; border-bottom: dotted 1px #2f5080; display: flex; }
form dt { margin: 0px; padding: 16px 20px; width: 34%; font-size: 16px; font-weight: 600; text-align: left; background: #a4ce5e; box-sizing: border-box; }
form dt span { color: #ff0000; }
form dd { margin: 0px; padding: 12px 20px; width: 66%; text-align: left; background: #f7faf1; box-sizing: border-box; }
#b_check { margin: 30px 0px 95px 0px; padding: 0px; width: 480px; height: 73px; background: url(../i/b_check.png) center center no-repeat; background-size: cover; border: 0px; cursor: pointer; transition: all 0.3s; }
#b_check:hover { opacity: 0.3; }

#sended_mess { margin: 0px; padding: 20px 0px 80px 0px; width: 100%; color: #444; font-size: 16px; }
#sended_mess div { margin: 0px; padding: 0px; width: 100%; color: #000; font-size: 24px; }
#sended_mess span { color: #cc0000; font-size: 24px; }

/* placeholder */
:-ms-input-placeholder{ color: #ccc; }
::-webkit-input-placeholder{ color: #ccc; }
:-moz-placeholder{ color: #ccc; }
::-moz-placeholder{ color: #ccc; opacity: 1; }
:placeholder-shown{ color: #ccc; }
:focus::-webkit-input-placeholder { color: #fff; }
:focus:-moz-placeholder { color: #fff; }
:focus::-moz-placeholder { color: #fff; }
:focus:placeholder-shown { color: #fff; }

/* Form method */
input[type="text"] { -moz-appearance: none; -webkit-appearance: none; appearance: none; }
input[type="text"] { margin: 5px auto; padding: 2px 10px; width: 90%; color: #333; font-size: 14px; line-height: 140%; border: solid #999 1px; }
textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; }
textarea { margin: 5px auto; padding: 2px 10px; width: 90%; color: #333; font-size: 14px; line-height: 140%; border: solid #999 1px; }

/* ------------------------------------------ */
/* スマホ */
/* ------------------------------------------ */
@media all and (max-width:799px){
	main { min-width: 100%; }
	#map_area { padding-top: 0; min-width: 100%; }
	#map_area hr { width: 20%; }
	#map_area iframe { width: 100%; height: calc(570px*100%); }
	.sub_ti { font-size: 5vw; min-width: 100%; }
	#map_area .sub_ti { padding-top: 40px;}
	#add_acc { min-width: 100%; }
	.add_tel { font-size: 4vw; min-width: 100%; }
	.acc_howto { width: 90%; display: block; margin: 0 5%; }
	.acc_howto * { font-size: 4vw; }
	.acc_howto dt { padding: 20px 15px 0 15px; width: 100%; line-height: 120%; box-sizing: border-box; border-bottom: none; }
	.acc_howto dd { padding: 10px 15px 15px 15px; width: 100%; line-height: 120%; box-sizing: border-box; }
	
	#toiawase_area { min-width: 100%; }
	#toiawase_area hr { width: 20%; }
	.toi_box { padding: 20px 0px; width: 90%; margin: 0 5% 100px; font-size: 3.2vw; }
	.toi_box li:first-child { font-size: 4vw; }
	.toi_box li:nth-child(3) { font-size: 7vw; }
	
	.form_ti { font-size: 4.2vw; }
	#form_area { width: 96%; }
	#form_area div { margin: 0px auto; width: 96%; font-size: 3vw; line-height: 120%; text-align: left; }
	form dl { display: block; }
	form dt { width: 100%; font-size: 3.6vw; }
	form dd { width: 100%; }
	#b_check { width: 90%; height: calc(73px*90%); background-size: contain; }
	
	#sended_mess { margin: 0px auto;  padding: 10px 0px 50px 0px; width: 94%; font-size: 3vw; text-align: left; }
	#sended_mess div { font-size: 5vw; text-align: center; }
	#sended_mess span { font-size: 5vw; }
	.br { display: none; }
	
	/* Form method */
	input[type="text"] { font-size: 3.6vw; }
	textarea { font-size: 3.6vw; }
}