.page_mv {
	background: url("../images/recruit/mv.png") no-repeat center;
	background-size: cover;
}
/* ----------------------------------------------- */
#area-1 {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto 100px;
}
#area-1 .ttl {
	text-align: center;
	font-weight: 700;
	font-size: 1.3rem;
	margin-bottom: 30px;
	line-height: 1.5rem;
}
#area-1 ul {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 30px;
}
#area-1 li {
	width: 32%;
	text-align: center;
	color: #88B94E;
	font-weight: 500;
	font-size: 1.1rem;
	background-color: rgba(255,255,255,.8);
	padding: 25px 10px;
}
#area-1 p {
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
}
/* ----------------------------------------------- */
#area-2 {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto 100px;
}
#area-2 form {
	background-color: rgba(255,255,255,.8);
	padding: 40px;
}
#area-2 form .txt {
	text-align: center;
	font-weight: 500;
	margin-top: 30px;
}
#area-2 form .txt a {
	display: inline-block;
	text-decoration: underline;
	margin: 0 3px;
}
#area-2 form .txt a:hover {
	color: #88B94E;
}
#area-2 dl {
	max-width: 1000px;
	width: 100%;
	margin: 0px auto;
	display: table;
	border-bottom: #ccc 1px dashed;
}
#area-2 dt,
#area-2 dd {
	display: table-cell;
	vertical-align: top;
}
#area-2 dt {
	width: 290px;
	font-weight: 500;
	font-size: 1.1rem;
	position: relative;
	padding: 25px 20px 25px 30px;
	background-color: rgba(227,173,46,.1);
}
#area-2 dd {
	padding: 25px 20px 25px 35px;
}
#area-2 dt span {
	display: block;
	font-size: 12px;
	background-color: #ccc;
	color: #fff;
	line-height: 100%;
	padding: 1px 2px 3px;
	position: absolute;
	left: -10px;
	top: 37px;
	font-weight: 500;
}
#area-2 dt span.check {
	background-color: #D8282A;
	color: #fff;
}
#area-2 dd textarea,
#area-2 dd input,
#area-2 dd select {
	width: 100%;
	padding: 13px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color: #F9F8F6;
	box-shadow:2px 2px 6px -6px #333 inset;
}
#area-2 dd input {
	margin: 5px 0;
}
#area-2 dd input.siz_m {
	width: 180px;
	margin-left: 3px;
}
}
#area-2 dd .list {
	list-style: none;
}
#area-2 dd .list li {
	display: inline-block;
	margin-right: 20px;
}
#area-2 dd .list li input {
}
#area-2 dd label {
}
#area-2 dd label .radio,
#area-2 dd label .checkbox{
	max-width: none;
	width: auto;
	display: inline-block;
	margin-right: 5px;
}
#area-2 dd table {
	width: 100%;
	margin-bottom: 10px;
}
#area-2 dd th {
	width: 90px;
}
#area-2 dd td {
}
#area-2 dd td input {
	width: 100%;
}
#area-2 dd select.siz_s,
#area-2 dd input.siz_s {
	width: 70px;
	margin-right: 3px;
}
#area-2 dd input::placeholder {
	color: #aaa;
}
#area-2 dd textarea:hover,
#area-2 dd input:hover,
#area-2 dd select:hover {
}
#area-2 dd label:hover {
	color: #999;
}
input[type="submit"] {
  -webkit-appearance: none;
}
input.form_btn {
	font-family: 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 400;
	display: block;
	max-width: 350px;
	width: 90%;
	margin: 40px auto 20px;
	background-color: #E3AD2E;
	text-align: center;
	border: none;
	font-size: 110%;
	line-height: 100%;
	padding: 25px 0 28px;
	letter-spacing: 2px;
	font-weight: 500;
	color: #fff;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	transition: .4s;
}
input.form_btn:hover {
	cursor: pointer;
	background-color: #eee;
	color: #555;
}
/* ----------------------------------------------- */
#thanks {
	max-width: 600px;
	width: 90%;
	margin: 0 auto 60px;
	background-color: rgba(255,255,255,.8);
}
#thanks dt {
	padding: 20px;
	background-color: #88B94E;
	color: #fff;
	text-align: center;font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 3px;
}
#thanks dd {
	padding: 40px;
}
#thanks dd p {
	margin-bottom: 40px;
}
/* ----------------------------------------------- */

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

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



@media screen and ( max-width : 1130px ) {
	
	/* ----------------------------------------------- */
    #area-1 ul {
        display: block;
        margin-bottom: 30px;
    }
    #area-1 li {
        width: 100%;
		margin-bottom: 10px;
        text-align: center;
        font-size: 1.1rem;
        padding: 25px 10px;
    }
	#area-1 li br {
		display: none;
	}
	/* ----------------------------------------------- */
}




@media screen and (max-width: 940px) {
	
	/* ----------------------------------------------- */
	#area-1 li {
        text-align: left;
        font-size: 1.0rem;
        padding: 15px 20px;
    }
	/* ----------------------------------------------- */
	#area-2 dl,
    #area-2 dt,
    #area-2 dd {
        display: block;
    }
	#area-2 dl {
    }
	#area-2 dt {
		width: 100%;
		padding: 5px 10px 5px 30px;
		font-size: 1rem;
    }
	#area-2 dt span {
        padding: 1px 2px 3px;
        left: -10px;
        top: 12px;
    }
	#area-2 dd {
        padding: 20px 20px 20px 20px;
    }
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
}



@media screen and ( max-width : 640px ) {
	
	/* --------------------------------------------------- */
	#area-1 {
        margin: 0 auto 60px;
    }
	/* --------------------------------------------------- */
	#area-2 {
        max-width: none;
        width: 100%;
        margin: 0 auto 0px;
    }
	#area-2 .ttl_style04 {
		width: 90%;
		margin: 0 auto 15px;
	}
	#area-2 form {
        padding: 10px;
    }
	#area-2 form .txt {
		margin:  30px 10px 0;
		text-align: left;
		font-size: 95%;
	}
	#area-2 dd {
        padding: 20px 10px;
    }
	#area-2 dd table,
	#area-2 dd th,
	#area-2 dd td{
		display: block;
		width: 100%;
	}
	/* --------------------------------------------------- */
	#thanks {
        margin: 0 auto 40px;
    }
    #thanks dt {
        padding: 10px;
        font-size: 1.1rem;
    }
    #thanks dd {
        padding: 20px;
    }
    #thanks dd p {
        margin-bottom: 20px;
    }
	/* --------------------------------------------------- */
	
	/* --------------------------------------------------- */
	
}