@charset "UTF-8";

#wrapper h1 {
	font-size: 1.714rem;
	font-weight: bold;
	background: #f5f5f5;
	margin-bottom: 30px;
	padding: 50px 0;
}

#wrapper #tel {
	margin: 0 3.5vw;
}
#wrapper h2 {
	color: #A2864A;
	font-weigt: bold;
	font-size: 1.428rem;
	margin: 0 0 50px;
}
#wrapper h2::before { content: "【"; }
#wrapper h2::after { content: "】"; }

#wrapper #tel h3 {
	font-size: 1.143rem;
	font-weight: bold;
	margin: 40px 0 5px;
}
#wrapper #tel h3:first-of-type {
	margin-top: 0;
}
#wrapper #tel a[href^="tel:"] {
	font-size: 1.428rem;
}
#wrapper #tel dl {
	display: flex;
	justify-content: center;
}
#wrapper #tel dl dt {
	width: 40%;
	text-align: right;
	margin-right: 1em;
}
#wrapper #tel dl dd {
	width: 40%;
	text-align: left;
	margin-left: 1em;
}



#wrapper #form {
	border-bottom: none;
}
#wrapper #form h2 {
	margin: 0 0 30px;
}
#wrapper #form .form {
	width: 400px;
	text-align: left;
	margin: 0 auto;
}
#wrapper #form .form dd {
	margin: 0 0 15px;
}

/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:899px) {

	#wrapper h1 {
		margin-bottom: 25px;
		padding: 25px 0;
	}
	#wrapper .sec {
		width: 90vw;
		min-width: 90vw;
		margin: 0 auto;
	}
	#wrapper h2 {
		margin: 0 0 25px;
	}
	#wrapper h2::before { content: none; }
	#wrapper h2::after { content: none; }

	#wrapper #tel h3 {
		margin: 20px 0 5px;
	}
	#wrapper #tel h3:first-of-type {
	}
	#wrapper #tel a[href^="tel:"] {
	}
	#wrapper #tel dl {
		display: block;
	}
	#wrapper #tel dl dt {
		width: 100%;
		text-align: center;
		margin-right: 0;
	}
	#wrapper #tel dl dd {
		width: 100%;
		text-align: center;
		margin-left: 0;
		margin-bottom: 1em;
	}



	#wrapper #form {
	}
	#wrapper #form h2 {
		margin: 0 0 20px;
	}
	#wrapper #form .form {
		width: 100%;
	}
	#wrapper #form .form dd {
		margin: 0 0 10px;
	}

}