@charset "UTF-8";
/*PCfirst*/

#recruitForm{
	margin-top: 127px;
}
.pageTitle{
	margin-top: 0;
}

/*text*/
.text{
	text-align: center;
	margin: 3%;
}

/*isms*/
.isms{
	display: none;
}

.submit {
	margin: 0 0 1em;
	padding: 0.6em 2em;
	-webkit-appearance: none;
	background-color: rgba(0, 0, 0, 0.32);
	background-image: none;
	border: none;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	text-decoration: none;
}

.submit:hover,
.submit:focus {
	outline: none;
}

.submit::-moz-foucus-inner {
	border: none;
	padding: 0;
}

.inner{
	max-width: 1120px;
	margin: 3% auto;
}

.centerLine{
	margin-bottom: 8%;
}

.form select {
	height: 28px;
	padding: 0 20px 0 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #e2e2e2;
}
.formTable{
	
}
table {
	width:100%;
	padding:0;
}
table th {
	background:#e2e2e2;
	padding:1em 1em;
	width:35%;
	border:1px solid #fff;
}
table td{
	padding:1em 1em;
}
table, td, th {
	text-align: left;
	white-space: normal;
	vertical-align: middle;
}
th{
	padding: 0;
}
input[type="search"], input[type="button"], input[type="text"], input[type="submit"] {
	border: 1px solid #e2e2e2;
	width: 50%;
	font-size: 16px;
}
th {
	overflow: hidden
}

.red {
	background: #d0251a;
	padding: 5px;
	margin: 0 4%;
	float:right;
	color:#fff;
}
input[type="text"],input[type="tel"],input[type="email"] {
	width: 50%;
	line-height: 3em;
}
input[type="submit"],input[type="reset"] {
	width: 130px;
	margin: 50px 10px 10px;
	padding: 10px;
	background-color: #d0251a;
	color:#fff;
}
input[type="reset"] {
	width: 130px;
	margin: 10px;
	padding: 10px;
	background-color: #d0251a;
	background-color: #999;
	color:#fff;
}
input[type="submit"]:hover,input[type="reset"]:hover {
	opacity: 0.7;
	color: #ffffff;
}
textarea {
	width: 100%;
	height: 5rem;
	border: 1px solid #e2e2e2;
}

#formThanks h3 {
	font-size: 140%;
	margin: 0 0 6% 0;
}

select.reserve_time{
	width: 100px;
	height: 49px;
	border: 1px solid #e2e2e2;
	color: #666;
}

@media screen and (max-width : 768px) {
	#recruitForm{
		margin-top: 115px;
	}
	input[type="text"], input[type="tel"], input[type="email"] {
		width: 70%;
		line-height: 3em;
	}
}



@media screen and (min-width:320px) and ( max-width:767px) { 
	/*Contents*/
	#recruitForm{
		margin-top: 60px;
		margin-top: 19%;
	}
	.pageTitle{
	/*margin-top: 12.5%;*/
	}

	/*text*/
	.text{
		margin: 5%;
	}

	.inner{
		width: 100%;
		margin-top: 3%;
	}
	table th {
		width:100%;
		padding: 1em;
		display: block;
		font-size: 14px;
	}
	table td {
		width:100%;
		margin-bottom: 1em;
		display: block;
		padding: 0.5em 1em;
		font-size: 14px;
		background-color: #fff!important;
	}
	table td p {
		font-size: 14px;
	}
	
	select.reserve_time{
		margin-top: 10px;
	}

	
	input[type="submit"],input[type="reset"] {
		margin: 10px 10px 10px;
	}

	input[type="text"],input[type="tel"],input[type="email"] {
		width: 100%;
		font-size: 14px;
	}

	.red {
		font-size: 12px;
		padding: 2px 8px;
	}
	
	#formThanks h3 {
		font-size: 110%;
		margin: 0 0 6% 0;
	}
	}


	/* カレンダーのテーブルを均等に */
	.ui-datepicker {
		width: 100% !important;
		max-width: 300px;
		table-layout: fixed;
	}

	/* 日付セルのレイアウト調整 */
	.ui-datepicker table {
		width: 100%; 
		table-layout: fixed;
	}

	/* 各セルのスタイル */
	.ui-datepicker td {
		text-align: center;
		width: 14.28%; 
		padding: 1px;
	}

	/* ヘッダー部分の調整 */
	.ui-datepicker th {
		text-align: center;
		font-weight: bold;
		background: none;
	}

	/* 月の選択ボックス */
	.ui-datepicker select {
		width: auto !important;
	}

	.ui-datepicker td span, .ui-datepicker td a{
		padding: 0.1em;
	}

@media screen and (max-width: 480px) {
	.ui-datepicker {
		max-width: 90vw;
	}

	.ui-datepicker td, 
	.ui-datepicker th {
		padding: 8px 0; 
		font-size: 14px; 
		display: table-cell!important;
	}

	.ui-datepicker td span, 
	.ui-datepicker td a {
		padding: 0.4em!important; 
	}
}


.attention{
	margin-bottom: 50px;
	font-size:80%;
	text-align: center;
}