@charset "utf-8";

/*==========================================================
	上段バナー
==========================================================*/
.top_banner{
	width: 100%;
	margin: 0px auto;
}


/*==========================================================
	新着情報
==========================================================*/
.news_area{
	position: relative;
	width: 100%;
	min-height: 200px;
	margin: 0px auto;
	padding: 20px 20px 10px;;
	text-align: center;
	color: #000000;
}

.news_area .conts_textbox{
	position: relative;
	margin: 0px auto 0px;
	line-height: 2.0rem;
	font-size: 1.0rem;
	text-align: center;
	color: #000000;
}

.news_area .conts_textbox .en{
	font-size: 2.2em;
	font-weight: bold;
	letter-spacing: 0.03em;
	font-family: 'Lato', sans-serif;
}

.news_area .conts_textbox .ja{
	font-size: 1.5em;
	letter-spacing: 0.03em;
}

.wn_box{
	margin: 10px 0px 0px;
	text-align: center;
	font-size: 1.0rem;
}

.wn_date{
	padding-bottom: 5px;
	text-align: left;
	font-size: 1.2em;
}

.wn_title{
	padding-bottom: 10px;
	text-align: left;
	font-size: 1.4em;
	line-height: 1.3em;
	font-weight: bold;
}

.wn_comment{
	padding: 20px 0px;
	text-align: left;
	font-size: 1.4em;
	line-height: 1.3em;
}

.top_wn_img_1 img{
	max-width:100%;
	margin: 0 auto;
}

.top_wn_img_2 img{
	max-width:50%;
	margin: 0 auto;
}

.top_wn_img_3 img{
	max-width:33%;
	margin: 0 auto;
}

.wn_acd{
	height: 35px;
	overflow: hidden;
    transition: all 1.4s linear;
}

.wn_acd.box_open{
	height: auto;
	overflow: visible;
}

#wn_more{
	width: 100%;
	margin: 10px auto;
	padding: 10px 0;
	border: 1px solid #000000;
}

.btn_close{
	color: #FF0000;
	display: none;
}

.btn_next{
	float: right;
	margin-left: 2px;
}

.btn_prev{
	float: left;
	margin-right: 2px;
}

.btn_next,.btn_prev{
	width: 48%;
	overflow: hidden;
	border: 1px solid #000000;
}

.btn_next a,.btn_prev a{
	display: block;
	width: 100%;
	padding: 10px 0;
	color: #000000;
	font-size: 16px;
}


/*==========================================================
	求人動画
==========================================================*/
.movie_area{
	position: relative;
	width: 100%;
	margin: 0px auto;
}

.video_size{
	width: 100%;
}

/*
.movie_area .conts_textbox{
	position: absolute;
	left: 0px; right: 0px;
	top: 46%;
	margin: 0px auto 0px;
	line-height: 2.0rem;
	font-size: 1.0rem;
	text-align: center;;
	color: #FFFFFF;
}

.movie_area .conts_textbox .en{
	font-size: 2.0em;
	font-weight: bold;
	letter-spacing: 0.03em;
	font-family: 'Lato', sans-serif;
}

.movie_area .conts_textbox .ja{
	font-size: 1.5em;
	letter-spacing: 0.03em;
}
*/


/*==========================================================
	コンテンツエリア
==========================================================*/
.contents_area{
	width: 100%; height: 100%;
	margin: 1px auto;
}

.contents_area ul{
	width: 100%;
	text-align: center;
}

.contents_area li{
	position: relative;
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
}

.contents_area li img{
}

.contents_area li a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}

.conts_textbox{
	position: absolute;
	left: 0px; right: 0px;
	top: 0px;
	margin: 12% auto 0px;
	line-height: 2.0rem;
	font-size: 1.0rem;
	text-align: center;;
}

.withoutface,
.freepickup,
.aboutsalary,
.staffblog,
.reliable{
	top: 18%;
	margin: 0px auto 0px;
	color: #000000;
}

.apartment{
	top: 40%;
	margin: 0px auto 0px;
	color: #FFFFFF;
}

/* LINE応募 */
li .staffblog.line .en{
	display: inline-block;
	padding: 4px 8px;
	color: #FFFFFF;
	background-color: #00CC00;
}

li .staffblog.line .ja{
	display: inline-block;
	margin: 10px 0px 0px 0px;
	color: #FFFFFF;
	font-weight: bold;
}

.interview,
.infection,
.children,
.produce{
	top: 65%;
	margin: 0px auto 0px;
	color: #000000;
}

.children{
	top: 65%;
	margin: 0px auto 0px;
	color: #FFFFFF;
}

.prevent{
	top: 18%;
	margin: 0px auto 0px;
	color: #FFFFFF;
}

.entry_form{
	top: 68%;
	margin: 0px auto 0px;
	color: #FFFFFF;
}

.flow{
	top: 68%;
	right: -60%;
	margin: 0px auto 0px;
	color: #FFFFFF;
}

.conts_textbox .en{
	font-size: 2.0em;
	font-weight: bold;
	letter-spacing: 0.03em;
	font-family: 'Lato', sans-serif;
}

.conts_textbox .ja{
	font-size: 1.5em;
	letter-spacing: 0.03em;
}

.contents_area li.margin_btm0{
	margin-bottom: 0px;
}