@charset "utf-8";
/* CSS Document */

#main #reserve,
#main #recruit {
	width: 88%; /*904px*/
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}

#main #staff {
	width: 88%; /*904px*/
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;;
}

/* タイトル直下のテキスト */
p.head_text {
	margin: 30px 0;
	text-align: center;
}

/* ■電話での予約■--------------------- */
/* 電話番号 */
p.tel_text {
	font-size: 161%;
	margin: 20px 0 30px 40px;
}

/* ■Webでの予約■--------------------- */
table {
	width: 91.15%; /*824px*/
	border-collapse: separate;
	border-spacing: 0 20px; /* 上下のみスペース */
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
/* 予約フォーム各項目名 */
table th {
	width: 180px;
	text-align: left;
	border-left: 5px solid #a8cc5e;
	font-weight: 400;
	padding-left: 10px;
	padding-right: 10px;
}
/*tdの幅624pxに対し*/
textarea { /*最下の質問フォーム*/
	width: 68.91%; /*430px*/
}
/*ブラウザ縮小時にインプットやセレクトと文字が揃って下に流れていくための設定*/
.block {
	display: inline-block;
}
.frontName {
	margin-right: 20px;
}
.backName { 
	display: inline-block;
}

/* 入力必須マーク */
.req {
	font-size: 87.5%; /* 14px */
	font-weight: 500;
	color: #e64766;
}
/* 送信ボタン */
#main .submit {
	text-align: center;
}
#main input[type="submit"] {
	font-size: 187.5%; /* 30px */
	color: #fff;
	background: #4c6b0e;
	border: none;
	padding: 4px 50px;
	cursor: pointer;
}
#main input[type="submit"]:hover{
	background: #a8cc5e;
	color: #000;
}
/* アラート */
.alert {
	font-size: 87.5%; /* 14px */
	font-weight: 500;
	color: #ff0016;
}

/* ■Staff■--------------------- */
/* スタッフのみを包むコンテナ */
#staff #staff_wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 95.5%; /*864px*/
	margin-right: auto;
	margin-left: auto;
}
/* スタッフの各ボックスを包むコンテナ */
.staff_prof_box {
	min-width: 420px;
	display: flex;
	flex-flow: row;
	margin-bottom: 30px;
}
/* スタッフ紹介テキスト */
.prof_text {
	width: 200px;
	font-size: 87.5%; /* 14px */
	line-height: 1.5;
	padding-top: 0;
	padding-left: 10px;
	padding-bottom: 0;
	margin-right: 10px;
}
/* スタッフ名 */
.stf_name {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 171.4%; /* 24px */
	letter-spacing: 3px;
	margin-bottom: 10px;
}
/* スタッフ名の下線 */
.staff_inner {
	display: block;
	border-top: 1px solid #202015;
	padding-top: 10px;
}

/* ■Recruit■--------------------- */
h4 {
	font-size: 125%;
	font-weight: 300;
	border-left: 5px solid #a8cc5e;
	margin: 20px 30px 30px;
	padding-left: 10px;
}
#main dl {
	width: 88.5%; /*800px*/
	padding-bottom: 5px;
	margin: 10px auto;
}
#main dl:last-child {
	margin-bottom: 50px;
}
#main dl dt {
	float: left;
	clear: left;
}
#main dl dd {
	padding-left: 150px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ece079;
}

/* ■ThankYou■--------------------- */
.thankyou {
	margin: 150px 0;
	text-align: center;
}