@charset 'UTF-8';
.recruittable{
	width:100%;
	border:1px solid #F0EEEB;
	background:#fff;
	margin:60px 0 ;
	font-weight:500;
}
@media screen and (max-width:768px){
.recruittable{
	border:none;
	}
}
.recruittable th{
	background:#FAF8F5;
	padding:20px;
	border:1px solid #F0EEEB;
	width:200px;
	text-align:center;
	font-weight:700;
}
@media screen and (max-width:768px){
.recruittable th{
	border:none;
	text-align:left;
	width:100%;
	display:block;
	}
}
.recruittable td{
	padding:30px 40px;
	border:1px solid #F0EEEB;
}
@media screen and (max-width:768px){
.recruittable td{
	border:none;
	width:100%;
	display:block;
	padding:20px 20px 40px;
	}
}
.example_text{
	margin: 20px 0 0px;
}
.example_text_last{
	margin: 0px 0 0px;
}
.recruit_text_table span{
	display:block;
}
.recruit_text_table_sub{
	margin:20px 0 ;
}

.recruittable dl{
	margin: 0 0 25px
}
.recruittable dl.last_list{
	margin: 0 0 0px
}
.recruittable dl dd{
/*	text-indent:-1em;
	padding-left:1em;*/
	margin:3px 0;
}
.recruittable dl dd:before{
	content:"・";
}
.recruittable .nodod dd:before{
	content:"";
}
.asterisk li:before{
	content:"※";
}


/*---------------------------------------------

メールフォーム

---------------------------------------------*/
.formbg{
	background:#F0EEEB;
	padding:5em 0;
}
@media screen and (max-width:768px){
.formbg{
	padding:1em 0 5em;
	}
.subform_title{
	text-align:center;
	}
}

.contactform{
	width:80%;
	border:1px solid #F0EEEB;
	background:#fff;
	margin:60px auto 0 ;
	font-weight:500;
}
@media screen and (max-width:768px){
.contactform{
	width:100%;
	margin:20px auto 0 ;
	}
}
.contactform caption{
	text-align:center;
	margin:0 0 30px;
	font-size:1.4rem;
}
@media screen and (max-width:768px){
.contactform caption{
	font-size:1rem;
	}
}
.contactform th{
	padding:25px 30px;
/*	border:1px solid #F0EEEB;*/
	width:230px;
vertical-align: middle;
}
@media screen and (max-width:768px){
.contactform th{
	display:block;
	width:100%;
	padding:25px 15px 0;
	}
}

.contactform td{
	padding:25px 40px;
/*	border:1px solid #F0EEEB;*/
	vertical-align: middle;
}

@media screen and (max-width:768px){
.contactform td{
	display:block;
	width:100%;
	padding:0px 15px 10px;
	}
}

.police{
	max-width:400px;
	margin: 0 auto;
	padding:10px;
	border:6px solid #F0EEEB;
	color:#ccc;
	font-size:.9rem;
}
@media screen and (max-width:768px){
.police{
	margin: 30px auto 10px;
	}
}

.police_main::-webkit-scrollbar{
	width: 10px;

}
.police_main::-webkit-scrollbar-track{
	background-color: #f8f8f8;
	border-radius:50px;
}
	.police_main::-webkit-scrollbar-thumb{
	background-color: #ccc;
	border-radius:50px;
}
.police_main{
	overflow-y:scroll;
	height:200px;
	padding:10px 15px 10px 10px;
}
.police dl{
	margin:0 0 10px;
}
.police .ceoname{
	margin:0 0 0px;
}

/*-----------------------------------------------

フォームのコンテンツ

-------------------------------------------------*/
.contactform .formbottom{
	text-align:center;
	margin: 0 auto;
}
.contactform .btns{
	display: block;
	vertical-align: middle;
	padding: 10px 100px;
	color: #fff;
	border-radius:100px;
	font-weight: 700;
	letter-spacing: 0.5pt;
	text-decoration: none;
	background-color: #b20000;
	border: 1px solid #b20000;
	cursor: pointer;
	transition-duration:0.3s;
		-webkit-transition-duration:0.3s;
		-moz-transition-duration:0.3s;
		-o-transition-duration:0.3s;
		-ms-transition-duration:0.3s;
	font-size:1.1em;
	font-weight:700;
	margin: -30px auto 30px;
}

@media screen and (max-width:768px){
.contactform .btns{
	margin: -10px auto 30px;
	}
}

form .btns:hover{
    color: #b20000;
    background-color: #fff;
}
.submit{
	text-align:center;
}
@media screen and (max-width:768px){
.submit{
	font-size:.9rem;
	}
}
.nameList_form{
	display:flex;
}
.nameList_form li{
	margin:0 20px 0 0;
}
.cage{
	background:#F0EEEB;
	border:none;
	padding:10px 20px;
	width:250px;
}
.cage_one{
	background:#F0EEEB;
	border:none;
	padding:10px 20px;
	width:520px;
}
@media screen and (max-width:768px){
.cage{
	width:100%;
}
.cage_one{
	width:100%;
	}
}

.areaName{
	display:inline-block;
	margin:0 0px 0 10px ;
}
textarea{
	resize: vertical;
}
@media screen and (max-width:768px){
textarea{

	height:350px;
	}
}





.error{
	color:#f00;
	font-size:0.8em;
}
.contactform .btns_action{
	display: block;
	vertical-align: middle;
	padding: 10px 100px;
	color: #fff;
	border-radius:100px;
	font-weight: 700;
	letter-spacing: 0.5pt;
	text-decoration: none;
	background-color: #b20000;
	border: 1px solid #b20000;
	cursor: pointer;
	transition-duration:0.3s;
		-webkit-transition-duration:0.3s;
		-moz-transition-duration:0.3s;
		-o-transition-duration:0.3s;
		-ms-transition-duration:0.3s;
	font-size:1.1em;
	font-weight:700;
	margin: 0px auto 0px;
}
form .btns_action:hover{
    color: #b20000;
    background-color: #fff;
}


.resetBtn{
	margin:30px 0;
	padding:0 20px;
}

.contact_end{
	padding:150px 0;
}
@media screen and (max-width:768px){
.contact_end{
	padding:60px 0;
	}
}

.contact_end dt{
	font-size:1.4rem;
	text-align:center;
}
@media screen and (max-width:768px){
.contact_end dt{
	font-size:1.1rem;
	}
}


.contact_end dd{
	font-size:1.05rem;
	text-align:center;
	margin:30px 0 0;
}

@media screen and (max-width:768px){
.contact_end dd{
	font-size:.9rem;

	}
}

@media screen and (max-width:768px){
.confirm_th{
	border-bottom:1px solid #ccc;
	max-width:90%;
	padding: 20px 15px 10px!important;
	font-weight:700;
	margin: 0 auto;
	}
.confirm_td{
	max-width:90%;
	padding: 10px 15px 25px!important;
	margin: 0 auto;
	}

}

::placeholder {
	color: #AAA;
}