@charset "utf-8";

/*=========================================*/
/* 採用情報トップページ */
/*=========================================*/


/*-- SLIDER --*/

@media all and (min-width:1261px), print{

#recruit_slider_area{
	position:relative;
	width:100%;
	height:750px;
}

#recruit_slider_texture{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:750px;
	background-image:url(../recruit/images/recruit_slider_texture.png);
}

.recruit_slider_title{
	padding:350px 0px 20px 0px;
	font-size:400%;
	letter-spacing:1px;
	font-feature-settings:"palt" 1;
	color:#ffffff;
	font-weight:normal;
	font-family: 'Reem Kufi', sans-serif;
	text-align:center;
}

.recruit_slider_text{
	text-align:center;
}

.recruit_slider_br{
	display:none;
}

}

@media screen and (max-width:1260px){

#recruit_slider_area{
	position:relative;
	width:100%;
	height:600px;
}

#recruit_slider_texture{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:600px;
	background-image:url(../recruit/images/recruit_slider_texture.png);
}

.recruit_slider_title{
	padding:270px 0px 20px 0px;
	font-size:300%;
	letter-spacing:1px;
	font-feature-settings:"palt" 1;
	color:#ffffff;
	font-weight:normal;
	font-family: 'Reem Kufi', sans-serif;
	text-align:center;
}

.recruit_slider_text{
	text-align:center;
}

.recruit_slider_text img{
	width:400px;
}

.recruit_slider_br{
	display:none;
}

}

@media screen and (max-width:960px){

#recruit_slider_area{
	height:450px;
}

#recruit_slider_texture{
	height:450px;
}

.recruit_slider_title{
	padding:200px 0px 15px 0px;
	font-size:250%;
}

.recruit_slider_text img{
	width:350px;
}

}

@media screen and (max-width:640px){

#recruit_slider_area{
	height:300px;
}

#recruit_slider_texture{
	height:300px;
}

.recruit_slider_title{
	padding:120px 0px 10px 0px;
	font-size:200%;
	line-height:120%;
}

.recruit_slider_text img{
	width:300px;
}

.recruit_slider_br{
	display:block;
}

}

@media screen and (max-width:375px){

#recruit_slider_area{
	height:250px;
}

#recruit_slider_texture{
	height:250px;
}

.recruit_slider_title{
	padding:100px 0px 10px 0px;
	font-size:150%;
}

.recruit_slider_text img{
	width:250px;
}

}


/*-- bgStretcher --*/

.bgstretcher-area {text-align:left;}

.bgstretcher, .bgstretcher ul, .bgstretcher ul li{
	position:absolute;
	top:0;
	left:0;
}

.bgstretcher ul, .bgstretcher ul li{
	margin:0;
	padding:0;
	list-style:none;
}

.bgstretcher{
	background-color:#ffffff;
	overflow:hidden;
	width:100%;
	position:fixed;
	z-index:1;
	_position:absolute;
	top:0;
	left:0;
}


/*-- INFORMATION --*/

@media all and (min-width:1261px), print{

#information_area{
	padding:100px 0px 85px 0px;
}

.information_title{
	padding:0px 0px 50px 0px;
	font-size:200%;
	letter-spacing:1px;
	font-feature-settings:"palt" 1;
	color:#1e1e1e;
	font-weight:normal;
	font-family: 'Reem Kufi', sans-serif;
	text-align:center;
}

#information{
	margin:0px auto;
	width:1200px;
}

#information .list{
	margin:0px 0px 15px 0px;
	background-color:#f0f0f0;
}

#information .list_flame{
	position:relative;
	width:100%;
	overflow:hidden;
}

#information .link{
	background-image:url(../recruit/images/information_icon.png);
	background-repeat:no-repeat;
	background-position:right 40px center;
	transition:0.5s ease-out;
}

#information .link:hover{
	background-color:#e6e6e6;
}

#information .list_flame .date{
	float:left;
	width:18%;
	background-image:url(../recruit/images/information_bg.png);
	background-repeat:no-repeat;
	background-position:right top;
}

#information .list_flame .date p{
	padding:30px 0px 30px 30px;
	font-size:85%;
	line-height:150%;
	color:#ffffff;
	text-align:left;
}

#information .list_flame .text{
	float:left;
	width:82%;
}

#information .list_flame .text p{
	padding:30px 80px 30px 30px;
	font-size:85%;
	line-height:150%;
	color:#333333;
	text-align:left;
}

#information .link_area a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block;
	filter:alpha(opacity=0);
	transition:0.5s ease-out;
}

}

@media screen and (max-width:1260px){

#information_area{
	padding:100px 40px 85px 40px;
}

.information_title{
	padding:0px 0px 50px 0px;
	font-size:175%;
	letter-spacing:1px;
	font-feature-settings:"palt" 1;
	color:#1e1e1e;
	font-weight:normal;
	font-family: 'Reem Kufi', sans-serif;
	text-align:center;
}

#information{
	width:100%;
}

#information .list{
	margin:0px 0px 15px 0px;
	background-color:#f0f0f0;
}

#information .list_flame{
	position:relative;
	width:100%;
	overflow:hidden;
}

#information .link{
	background-image:url(../recruit/images/information_icon.png);
	background-repeat:no-repeat;
	background-position:right 30px center;
	transition:0.5s ease-out;
}

#information .link:hover{
	background-color:#e6e6e6;
}

#information .list_flame .date{
	float:left;
	width:18%;
	background-image:url(../recruit/images/information_bg.png);
	background-repeat:no-repeat;
	background-position:right top;
}

#information .list_flame .date p{
	padding:25px 0px 25px 25px;
	font-size:80%;
	line-height:150%;
	color:#ffffff;
	text-align:left;
}

#information .list_flame .text{
	float:left;
	width:82%;
}

#information .list_flame .text p{
	padding:25px 60px 25px 25px;
	font-size:80%;
	line-height:150%;
	color:#333333;
	text-align:left;
}

#information .link_area a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block;
	filter:alpha(opacity=0);
	transition:0.5s ease-out;
}

}

@media screen and (max-width:960px){

#information_area{
	padding:80px 30px 70px 30px;
}

.information_title{
	padding:0px 0px 40px 0px;
	font-size:150%;
}

#information .list{
	margin:0px 0px 10px 0px;
}

#information .link{
	background-position:right 25px center;
	background-size:8px auto;
}

#information .list_flame .date{
	width:200px;
}

#information .list_flame .date p{
	padding:12px 0px 10px 20px;
}

#information .list_flame .text{
	float:left;
	width:100%;
}

#information .list_flame .text p{
	padding:20px 50px 18px 20px;
}

}

@media screen and (max-width:640px){

#information_area{
	padding:60px 20px 50px 20px;
}

.information_title{
	padding:0px 0px 30px 0px;
	font-size:125%;
}

#information .link{
	background-position:right 20px center;
}

#information .list_flame .date{
	width:150px;
}

#information .list_flame .date p{
	padding:10px 0px 8px 15px;
	font-size:75%;
}

#information .list_flame .text p{
	padding:15px 45px 13px 15px;
	font-size:75%;
}

}

@media screen and (max-width:375px){

#information_area{
	padding:40px 10px 35px 10px;
}

.information_title{
	padding:0px 0px 20px 0px;
	font-size:125%;
}

#information .list{
	margin:0px 0px 5px 0px;
}

#information .link{
	background-position:right 15px center;
	background-size:6px auto;
}

#information .list_flame .date{
	width:120px;
}

#information .list_flame .text p{
	padding:12px 40px 10px 15px;
}

}


/*-- RECRUIT --*/

@media all and (min-width:1261px), print{

#recruit_area{
	padding:100px 0px 100px 0px;
	background-image:url(../images/top_page/recruit_back.webp);
	background-repeat:repeat-x;
	background-position:center top;
}

.recruit_title{
	padding:0px 0px 50px 0px;
	font-size:200%;
	letter-spacing:1px;
	font-feature-settings:"palt" 1;
	color:#ffffff;
	font-weight:normal;
	font-family: 'Reem Kufi', sans-serif;
	text-align:center;
}

#recruit{
	margin:0px auto;
	width:1200px;
	background-color:#ffffff;
	border:1px solid #c8c8c8;
	box-sizing:border-box;
	box-shadow:0px 0px 20px rgba(0,0,0,0.2);
	overflow:hidden;
}

#recruit .list_left{
	float:left;
	width:33.33333%;
	border-right:1px solid #c8c8c8;
	box-sizing:border-box;
}

#recruit .list_center{
	float:left;
	width:33.33333%;
	border-right:1px solid #c8c8c8;
	box-sizing:border-box;
}

#recruit .list_right{
	float:left;
	width:33.33333%;
	box-sizing:border-box;
}

#recruit .list_flame{
	position:relative;
	width:100%;
	overflow:hidden;
	transition:0.5s ease-out;
}

#recruit .list_flame:hover{
	background-color:#f0f0f0;
}

#recruit .list_flame .image{
	padding:50px 0px 30px 0px;
	text-align:center;
}

#recruit .list_flame .image img{
	max-width:240px;
	width:60%;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
		    border-radius:50%;
}

#recruit .list_flame .title{
	padding:0px 0px 5px 0px;
	font-size:100%;
	line-height:150%;
	color:#333333;
	font-weight:bold;
	text-align:center;
}

#recruit .list_flame .text{
	font-size:85%;
	line-height:150%;
	color:#00b4a0;
	text-align:center;
}

#recruit .list_flame .more_link{
	margin:30px auto 60px auto;
	padding:2px 2px 2px 2px;
	width:40%;
	background:linear-gradient(90deg, #00b4a0 0%, #00dcd2 100%);
}

#recruit .list_flame .more_link p{
	padding:12px 15px 12px 15px;
	background-image:url(../images/top_page/recruit_more_icon_green.png);
	background-repeat:no-repeat;
	background-position:right 18px center;
	background-color:#ffffff;
	font-size:80%;
	color:#00b4a0;
	text-align:left;
	font-family: 'Quicksand', sans-serif;
	transition:0.5s ease-out;
}

#recruit .list_flame:hover .more_link p{
	color:#ffffff;
	background-image:url(../images/top_page/recruit_more_icon_white.png);
	background-color:rgba(255,255,255,0);
}

#recruit .link_area a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block;
	filter:alpha(opacity=0);
	transition:0.5s ease-out;
}

#recruit_nav{
	margin:70px auto 0px auto;
	width:350px;
	background-color:#1e1e1e;
}

#recruit_nav a{
	padding:30px 35px 28px 35px;
	font-size:100%;
	color:#ffffff;
	text-align:left;
	display:block;
	transition:0.5s ease-out;
}

#recruit_nav a{
	background-image:url(../images/top_page/recruit_nav_icon.png);
	background-repeat:no-repeat;
	background-position:right 40px center;
}

#recruit_nav a:hover{
	background-color:#323232;
}

#recruit_nav a:link{ color:#ffffff; text-decoration:none; }
#recruit_nav a:visited{ color:#ffffff; text-decoration:none; }
#recruit_nav a:hover,active{ color:#ffffff; text-decoration:none; }

#recruit_sp{
	display:none;
}

}

@media screen and (max-width:1260px){

#recruit_area{
	padding:100px 50px 100px 50px;
	background-image:url(../images/top_page/recruit_back.webp);
	background-repeat:repeat-x;
	background-position:center top;
	background-size:auto 450px;
}

.recruit_title{
	padding:0px 0px 50px 0px;
	font-size:175%;
	letter-spacing:1px;
	font-feature-settings:"palt" 1;
	color:#ffffff;
	font-weight:normal;
	font-family: 'Reem Kufi', sans-serif;
	text-align:center;
}

#recruit{
	width:100%;
	background-color:#ffffff;
	border:1px solid #c8c8c8;
	box-sizing:border-box;
	box-shadow:0px 0px 20px rgba(0,0,0,0.2);
	overflow:hidden;
}

#recruit .list_left{
	float:left;
	width:33.33333%;
	border-right:1px solid #c8c8c8;
	box-sizing:border-box;
}

#recruit .list_center{
	float:left;
	width:33.33333%;
	border-right:1px solid #c8c8c8;
	box-sizing:border-box;
}

#recruit .list_right{
	float:left;
	width:33.33333%;
	box-sizing:border-box;
}

#recruit .list_flame{
	position:relative;
	width:100%;
	overflow:hidden;
	transition:0.5s ease-out;
}

#recruit .list_flame:hover{
	background-color:#f0f0f0;
}

#recruit .list_flame .image{
	padding:50px 0px 30px 0px;
	text-align:center;
}

#recruit .list_flame .image img{
	max-width:240px;
	width:60%;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
		    border-radius:50%;
}

#recruit .list_flame .title{
	padding:0px 0px 5px 0px;
	font-size:95%;
	line-height:150%;
	color:#333333;
	font-weight:bold;
	text-align:center;
}

#recruit .list_flame .text{
	font-size:80%;
	line-height:150%;
	color:#00b4a0;
	text-align:center;
}

#recruit .list_flame .more_link{
	margin:30px auto 60px auto;
	padding:2px 2px 2px 2px;
	width:40%;
	background:linear-gradient(90deg, #00b4a0 0%, #00dcd2 100%);
}

#recruit .list_flame .more_link p{
	padding:11px 15px 11px 15px;
	background-image:url(../images/top_page/recruit_more_icon_green.png);
	background-repeat:no-repeat;
	background-position:right 18px center;
	background-color:#ffffff;
	font-size:75%;
	color:#00b4a0;
	text-align:left;
	font-family: 'Quicksand', sans-serif;
	transition:0.5s ease-out;
}

#recruit .list_flame:hover .more_link p{
	color:#ffffff;
	background-image:url(../images/top_page/recruit_more_icon_white.png);
	background-color:rgba(255,255,255,0);
}

#recruit .link_area a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block;
	filter:alpha(opacity=0);
	transition:0.5s ease-out;
}

#recruit_nav{
	margin:60px auto 0px auto;
	width:300px;
	background-color:#1e1e1e;
}

#recruit_nav a{
	padding:27px 30px 25px 30px;
	font-size:95%;
	color:#ffffff;
	text-align:left;
	display:block;
	transition:0.5s ease-out;
}

#recruit_nav a{
	background-image:url(../images/top_page/recruit_nav_icon.png);
	background-repeat:no-repeat;
	background-position:right 35px center;
}

#recruit_nav a:hover{
	background-color:#323232;
}

#recruit_nav a:link{ color:#ffffff; text-decoration:none; }
#recruit_nav a:visited{ color:#ffffff; text-decoration:none; }
#recruit_nav a:hover,active{ color:#ffffff; text-decoration:none; }

#recruit_sp{
	display:none;
}

}

@media screen and (max-width:960px){

#recruit_area{
	padding:80px 30px 80px 30px;
	background-size:auto 400px;
}

.recruit_title{
	padding:0px 0px 40px 0px;
	font-size:150%;
}

#recruit .list_flame .image{
	padding:40px 0px 20px 0px;
	text-align:center;
}

#recruit .list_flame .title{
	padding:0px 0px 2px 0px;
	font-size:80%;
}

#recruit .list_flame .text{
	font-size:75%;
}

#recruit .list_flame .more_link{
	margin:20px auto 50px auto;
}

#recruit .list_flame .more_link p{
	padding:10px 10px 10px 10px;
	background-position:right 12px center;
	background-size:8px auto;
	font-size:65%;
}

#recruit_nav{
	margin:50px auto 0px auto;
	width:240px;
}

#recruit_nav a{
	padding:25px 25px 23px 25px;
	font-size:85%;
}

#recruit_nav a{
	background-position:right 30px center;
}

}

@media screen and (max-width:640px){

#recruit_area{
	padding:60px 0px 60px 0px;
	background-size:auto 350px;
}

.recruit_title{
	padding:0px 0px 30px 0px;
	font-size:125%;
}

#recruit{
	display:none;
}

#recruit_sp{
	margin:0px auto;
	width:250px;
	background-color:#ffffff;
	border:1px solid #c8c8c8;
	box-sizing:border-box;
	box-shadow:0px 0px 20px rgba(0,0,0,0.2);
	display:block;
}

#recruit_sp .list{
	float:left;
	position:relative;
	width:100%;
}

#recruit_sp .list_flame{
	position:relative;
	width:100%;
	overflow:hidden;
	transition:0.5s ease-out;
}

#recruit_sp .list_flame:hover{
	background-color:#f0f0f0;
}

#recruit_sp .list_flame .image{
	padding:40px 0px 20px 0px;
	text-align:center;
}

#recruit_sp .list_flame .image img{
	max-width:240px;
	width:60%;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
		    border-radius:50%;
}

#recruit_sp .list_flame .title{
	padding:0px 0px 2px 0px;
	font-size:85%;
	line-height:150%;
	color:#333333;
	font-weight:bold;
	text-align:center;
}

#recruit_sp .list_flame .text{
	font-size:75%;
	line-height:150%;
	color:#00b4a0;
	text-align:center;
}

#recruit_sp .list_flame .more_link{
	margin:20px auto 50px auto;
	padding:2px 2px 2px 2px;
	width:40%;
	background:linear-gradient(90deg, #00b4a0 0%, #00dcd2 100%);
}

#recruit_sp .list_flame .more_link p{
	padding:11px 15px 11px 15px;
	background-image:url(../images/top_page/recruit_more_icon_green.png);
	background-repeat:no-repeat;
	background-position:right 18px center;
	background-color:#ffffff;
	font-size:75%;
	color:#00b4a0;
	text-align:left;
	font-family: 'Quicksand', sans-serif;
	transition:0.5s ease-out;
}

#recruit_sp .list_flame:hover .more_link p{
	color:#ffffff;
	background-image:url(../images/top_page/recruit_more_icon_white.png);
	background-color:rgba(255,255,255,0);
}

#recruit_sp .link_area a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block;
	filter:alpha(opacity=0);
	transition:0.5s ease-out;
}

#recruit_nav{
	margin:40px auto 0px auto;
	width:200px;
}

#recruit_nav a{
	padding:22px 20px 20px 20px;
	font-size:80%;
}

#recruit_nav a{
	background-position:right 25px center;
}

}

@media screen and (max-width:375px){

#recruit_area{
	padding:40px 0px 40px 0px;
	background-size:auto 300px;
}

.recruit_title{
	padding:0px 0px 20px 0px;
}

#recruit_sp{
	width:200px;
}

#recruit_sp .list_flame .image{
	padding:30px 0px 10px 0px;
}

#recruit_sp .list_flame .title{
	font-size:80%;
}

#recruit_sp .list_flame .text{
	font-size:70%;
}

#recruit_sp .list_flame .more_link{
	margin:10px auto 40px auto;
}

#recruit_sp .list_flame .more_link p{
	padding:10px 12px 10px 12px;
	background-position:right 12px center;
	background-size:8px auto;
	font-size:70%;
}

#recruit_nav{
	margin:30px auto 0px auto;
	width:180px;
}

#recruit_nav a{
	padding:20px 20px 18px 20px;
	background-size:8px auto;
	font-size:75%;
}

#recruit_nav a{
	background-position:right 20px center;
}

}


/*-- GUIDELINE --*/

@media all and (min-width:1261px), print{

#guideline_area{
	padding:100px 0px 100px 0px;
	border-top:1px solid #dddddd;
}

.guideline_title{
	padding:0px 0px 50px 0px;
	font-size:200%;
	letter-spacing:1px;
	font-feature-settings:"palt" 1;
	color:#1e1e1e;
	font-weight:normal;
	font-family: 'Reem Kufi', sans-serif;
	text-align:center;
}

#guideline{
	margin:0px auto;
	width:1200px;
	overflow:hidden;
}

.guideline_banner_area{
	float:left;
	width:33.33333%;
}

.guideline_banner{
	position:relative;
	margin:0px 10px 0px 10px;
	padding:50px 25px 50px 20px;
	background:linear-gradient(90deg, #00b4a0 0%, #00dcd2 100%);
}

.guideline_icon{
	background-image:url(../recruit/images/guideline_icon.png);
	background-repeat:no-repeat;
	background-position:right center;
}

.guideline_banner .eng{
	padding:0px 0px 5px 0px;
	font-size:150%;
	letter-spacing:1px;
	font-feature-settings:"palt" 1;
	color:#ffffff;
	font-weight:normal;
	font-family: 'Reem Kufi', sans-serif;
	text-align:left;
}

.guideline_banner .jpn{
	padding:0px 2px 0px 2px;
	font-size:85%;
	color:#ffffff;
	text-align:left;
}

.guideline_banner .link_area a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block;
	filter:alpha(opacity=0);
	transition:0.5s ease-out;
}

.guideline_banner:hover .link_area a{
	background-color:rgba(0,0,0,0.1);
	filter:alpha(opacity=1);
	z-index:10;
}

}

@media screen and (max-width:1260px){

#guideline_area{
	padding:100px 40px 85px 40px;
	border-top:1px solid #dddddd;
}

.guideline_title{
	padding:0px 0px 50px 0px;
	font-size:175%;
	letter-spacing:1px;
	font-feature-settings:"palt" 1;
	color:#1e1e1e;
	font-weight:normal;
	font-family: 'Reem Kufi', sans-serif;
	text-align:center;
}

#guideline{
	width:100%;
	overflow:hidden;
}

.guideline_banner_area{
	float:left;
	width:33.33333%;
}

.guideline_banner{
	position:relative;
	margin:0px 5px 0px 5px;
	padding:45px 25px 45px 20px;
	background:linear-gradient(90deg, #00b4a0 0%, #00dcd2 100%);
}

.guideline_icon{
	background-image:url(../recruit/images/guideline_icon.png);
	background-repeat:no-repeat;
	background-position:right center;
}

.guideline_banner .eng{
	padding:0px 0px 5px 0px;
	font-size:125%;
	letter-spacing:1px;
	font-feature-settings:"palt" 1;
	color:#ffffff;
	font-weight:normal;
	font-family: 'Reem Kufi', sans-serif;
	text-align:left;
}

.guideline_banner .jpn{
	padding:0px 2px 0px 2px;
	font-size:80%;
	color:#ffffff;
	text-align:left;
}

.guideline_banner .link_area a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block;
	filter:alpha(opacity=0);
	transition:0.5s ease-out;
}

.guideline_banner:hover .link_area a{
	background-color:rgba(0,0,0,0.1);
	filter:alpha(opacity=1);
	z-index:10;
}

}

@media screen and (max-width:960px){

#guideline_area{
	padding:80px 30px 80px 30px;
}

.guideline_title{
	padding:0px 0px 40px 0px;
	font-size:150%;
}

.guideline_banner_area{
	width:100%;
}

.guideline_banner{
	margin:0px 0px 5px 0px;
	padding:35px 25px 35px 20px;
}

.guideline_banner .eng{
	font-size:125%;
}

.guideline_banner .jpn{
	padding:0px 1px 0px 1px;
	font-size:75%;
}

}

@media screen and (max-width:640px){

#guideline_area{
	padding:60px 20px 60px 20px;
}

.guideline_title{
	padding:0px 0px 30px 0px;
	font-size:125%;
}

.guideline_banner{
	padding:25px 20px 25px 20px;
}

.guideline_icon{
	background-size:12px auto;
}

.guideline_banner .eng{
	font-size:100%;
}

.guideline_banner .jpn{
	font-size:70%;
}

}

@media screen and (max-width:375px){

#guideline_area{
	padding:40px 10px 40px 10px;
}

.guideline_title{
	padding:0px 0px 20px 0px;
}

.guideline_banner{
	padding:20px 15px 20px 15px;
}

.guideline_icon{
	background-size:11px auto;
}

}


/*=========================================*/
/* 先輩紹介 */
/*=========================================*/


/*-- LIST --*/

@media all and (min-width:961px), print{

.interview_area{
	position:relative;
	margin:0px 0px 50px 0px;
	padding:50px 50px 50px 50px;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	overflow:hidden;
	transition:0.5s ease-out;
	/* radius */
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

.interview_list_title{
	padding:0px 0px 30px 0px;
	font-size:200%;
	line-height:150%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#00b4a0;
	font-weight:normal;
	/*--font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;--*/
	font-family:"ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", serif;
}

.interview_list_sub_area{
	padding:0px 0px 25px 0px;
	width:100%;
	overflow:hidden;
}

.interview_list_sub_area .name{
	float:left;
	padding:2px 20px 0px 0px;
	font-size:150%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#333333;
	font-family: 'Quicksand', sans-serif;
}

.interview_list_sub_area .cate{
	float:left;
	padding:10px 30px 9px 25px;
	background-color:#ede8e3;
	font-size:75%;
	color:#333333;
	box-sizing:border-box;
	/* radius */
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
	    -ms-border-radius:50px;
		 -o-border-radius:50px;
		    border-radius:50px;
}

.interview_list_image{
	padding:0px 0px 50px 0px;
}

.interview_list_image img{
	width:100%;
	/* radius */
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

.interview_list_faq_q{
	padding:3px 0px 10px 42px;
	background-image:url(../recruit/interview/images/interview_icon_q.png);
	background-repeat:no-repeat;
	background-position:left 0px;
	font-size:95%;
	line-height:150%;
	color:#00b4a0;
}

.interview_list_faq_a{
	padding:0px 0px 30px 2px;
	font-size:85%;
	line-height:180%;
	color:#333333;
}

}

@media screen and (max-width:960px){

.interview_area{
	position:relative;
	margin:0px 0px 40px 0px;
	padding:40px 40px 40px 40px;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	overflow:hidden;
	transition:0.5s ease-out;
	/* radius */
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

.interview_list_title{
	padding:0px 0px 25px 0px;
	font-size:175%;
	line-height:150%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#00b4a0;
	font-weight:normal;
	/*--font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;--*/
	font-family:"ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", serif;
}

.interview_list_sub_area{
	padding:0px 0px 20px 0px;
	width:100%;
	overflow:hidden;
}

.interview_list_sub_area .name{
	float:left;
	padding:2px 20px 0px 0px;
	font-size:125%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#333333;
	font-family: 'Quicksand', sans-serif;
}

.interview_list_sub_area .cate{
	float:left;
	padding:8px 25px 7px 20px;
	background-color:#ede8e3;
	font-size:70%;
	color:#333333;
	box-sizing:border-box;
	/* radius */
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
	    -ms-border-radius:50px;
		 -o-border-radius:50px;
		    border-radius:50px;
}

.interview_list_image{
	padding:0px 0px 40px 0px;
}

.interview_list_image img{
	width:100%;
	/* radius */
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

.interview_list_faq_q{
	padding:2px 0px 8px 38px;
	background-image:url(../recruit/interview/images/interview_icon_q.png);
	background-repeat:no-repeat;
	background-position:left 0px;
	background-size:30px auto;
	font-size:85%;
	line-height:150%;
	color:#00b4a0;
}

.interview_list_faq_a{
	padding:0px 0px 25px 2px;
	font-size:80%;
	line-height:180%;
	color:#333333;
}

}

@media screen and (max-width:640px){

.interview_area{
	margin:0px 0px 30px 0px;
	padding:30px 30px 30px 30px;
}

.interview_list_title{
	padding:0px 0px 20px 0px;
	font-size:150%;
}

.interview_list_sub_area{
	margin:0px 0px 10px 0px;
	padding:0px 0px 15px 0px;
	text-align:center;
}

.interview_list_sub_area .name{
	float:none;
	padding:0px 0px 15px 0px;
	font-size:100%;
	text-align:center;
}

.interview_list_sub_area .cate{
	float:none;
	padding:8px 25px 7px 25px;
	text-align:center;
}

.interview_list_image{
	padding:0px 0px 30px 0px;
}

.interview_list_faq_q{
	padding:1px 0px 6px 35px;
	background-size:28px auto;
	font-size:80%;
}

.interview_list_faq_a{
	padding:0px 0px 20px 1px;
	font-size:75%;
}

}

@media screen and (max-width:375px){

.interview_area{
	margin:0px 0px 20px 0px;
	padding:20px 20px 20px 20px;
}

.interview_list_title{
	padding:0px 0px 15px 0px;
	font-size:125%;
}

.interview_list_sub_area .cate{
	padding:8px 20px 7px 20px;
	font-size:65%;
}

.interview_list_image{
	padding:0px 0px 20px 0px;
}



}


/*=========================================*/
/* 新卒・中途・契約 */
/*=========================================*/


/*-- LIST --*/

@media all and (min-width:961px), print{

.recruit_list{
	padding:0px 0px 45px 0px;
}

.recruit_list li{
	margin:0px 0px 5px 0px;
	padding:14px 20px 12px 20px;
	background-color:#fafafa;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	font-size:85%;
	line-height:150%;
	text-align:left;
}

.recruit_list .red{
	color:#cc0000;
}

.recruit_list .black{
	color:#333333;
}

}

@media screen and (max-width:960px){

.recruit_list{
	padding:0px 0px 35px 0px;
}

.recruit_list li{
	margin:0px 0px 5px 0px;
	padding:14px 20px 12px 20px;
	background-color:#fafafa;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	font-size:80%;
	line-height:150%;
	text-align:left;
}

.recruit_list .red{
	color:#cc0000;
}

.recruit_list .black{
	color:#333333;
}

}

@media screen and (max-width:640px){

.recruit_list{
	padding:0px 0px 25px 0px;
}

.recruit_list li{
	margin:0px 0px 5px 0px;
	padding:12px 15px 10px 15px;
	font-size:75%;
}

}


/*-- ACCORDION --*/

@media all and (min-width:961px), print{

.accordion_recruit{
	padding:0px 0px 50px 0px;
}

.accordion_title{
	padding:15px 20px 13px 20px;
	background-color:#00b4a0;
	text-align:left;
	/* radius */
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

.accordion_title span{
	padding:0px 30px 0px 0px;
	font-size:100%;
	line-height:150%;
	color:#ffffff;
	display:block;
}

.accordion_title span{
	background-image:url(../recruit/guideline/images/accordion_open.png);
	background-repeat:no-repeat;
	background-position:right center;
}

.accordion_title span.open{
	background-image:url(../recruit/guideline/images/accordion_close.png);
	background-repeat:no-repeat;
	background-position:right center;
}

.accordion_recruit ul{ display:none; }

.accordion_title{ cursor:pointer; }

}

@media screen and (max-width:960px){

.accordion_recruit{
	padding:0px 0px 40px 0px;
}

.accordion_title{
	padding:15px 20px 13px 20px;
	background-color:#00b4a0;
	text-align:left;
	/* radius */
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

.accordion_title span{
	padding:0px 30px 0px 0px;
	font-size:95%;
	line-height:150%;
	color:#ffffff;
	display:block;
}

.accordion_title span{
	background-image:url(../recruit/guideline/images/accordion_open.png);
	background-repeat:no-repeat;
	background-position:right center;
}

.accordion_title span.open{
	background-image:url(../recruit/guideline/images/accordion_close.png);
	background-repeat:no-repeat;
	background-position:right center;
}

.accordion_recruit ul{ display:none; }

.accordion_title{ cursor:pointer; }

}

@media screen and (max-width:640px){

.accordion_recruit{
	padding:0px 0px 30px 0px;
}

.accordion_title{
	padding:12px 15px 10px 15px;
}

.accordion_title span{
	font-size:85%;
}

}


/*-- ACCORDION TABLE --*/

@media all and (min-width:961px), print{

.recruit_table{
	padding:10px 0px 10px 0px;
	overflow:auto;
	white-space:nowrap;
}

.recruit_table::-webkit-scrollbar{
	height:8px;
}

.recruit_table::-webkit-scrollbar-track{
	background:#f1f1f1;
}

.recruit_table::-webkit-scrollbar-thumb{
	background:#bcbcbc;
}

.recruit_table table{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}

.recruit_table .title{
	padding:10px 15px 8px 15px;
	background-color:#f5f5f5;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	font-size:85%;
	line-height:150%;
	color:#333333;
	text-align:center;
}

.recruit_table .text{
	padding:10px 15px 8px 15px;
	background-color:#ffffff;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	font-size:80%;
	line-height:150%;
	color:#555555;
	text-align:center;
	vertical-align:middle;
}

}

@media screen and (max-width:960px){

.recruit_table{
	padding:10px 0px 10px 0px;
	overflow:auto;
	white-space:nowrap;
}

.recruit_table::-webkit-scrollbar{
	height:8px;
}

.recruit_table::-webkit-scrollbar-track{
	background:#f1f1f1;
}

.recruit_table::-webkit-scrollbar-thumb{
	background:#bcbcbc;
}

.recruit_table table{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}

.recruit_table .title{
	padding:8px 15px 6px 15px;
	background-color:#f5f5f5;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	font-size:80%;
	line-height:150%;
	color:#333333;
	text-align:center;
}

.recruit_table .text{
	padding:8px 15px 6px 15px;
	background-color:#ffffff;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	font-size:75%;
	line-height:150%;
	color:#555555;
	text-align:center;
	vertical-align:middle;
}

}


/*-- 募集要項 --*/

@media all and (min-width:961px), print{

.guideline_table{
	padding:0px 0px 50px 0px;
}

.guideline_table table{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}

.guideline_table table .name{
	padding:22px 20px 20px 20px;
	width:250px;
	background-color:#e6faf5;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	font-size:85%;
	line-height:180%;
	color:#00b4a0;
	font-weight:normal;
	text-align:left;
}

.guideline_table table .text{
	padding:22px 20px 20px 20px;
	background-color:#ffffff;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	font-size:85%;
	line-height:180%;
	color:#333333;
	text-align:left;
}

.guideline_table a:link{ color:#333333; text-decoration:underline; }
.guideline_table a:visited{ color:#333333; text-decoration:underline; }
.guideline_table a:hover,active{ color:#00b4a0; text-decoration:none; }

.guideline_list li{
	padding:0px 0px 0px 15px;
	background-image:url(../recruit/guideline/images/guideline_list_icon.png);
	background-repeat:no-repeat;
	background-position:left 9px;
}

}

@media screen and (max-width:960px){

.guideline_table{
	padding:0px 0px 40px 0px;
}

.guideline_table table{
	border-collapse:collapse;
	border-spacing:0;
	border-top:1px solid #d2d2d2;
	width:100%;
}

.guideline_table table .name{
	padding:12px 20px 10px 20px;
	width:100%;
	background-color:#e6faf5;
	border:1px solid #d2d2d2;
	border-top:none;
	box-sizing:border-box;
	font-size:80%;
	line-height:180%;
	color:#00b4a0;
	font-weight:normal;
	text-align:left;
	display:block;
}

.guideline_table table .text{
	padding:15px 20px 13px 20px;
	width:100%;
	background-color:#ffffff;
	border:1px solid #d2d2d2;
	border-top:none;
	box-sizing:border-box;
	font-size:80%;
	line-height:180%;
	color:#333333;
	text-align:left;
	display:block;
}

.guideline_table a:link{ color:#333333; text-decoration:underline; }
.guideline_table a:visited{ color:#333333; text-decoration:underline; }
.guideline_table a:hover,active{ color:#00b4a0; text-decoration:none; }

.guideline_list li{
	padding:0px 0px 0px 15px;
	background-image:url(../recruit/guideline/images/guideline_list_icon.png);
	background-repeat:no-repeat;
	background-position:left 9px;
}

}

@media screen and (max-width:640px){

.guideline_table{
	padding:0px 0px 30px 0px;
}

.guideline_table table .name{
	padding:10px 15px 8px 15px;
	font-size:75%;
}

.guideline_table table .text{
	padding:12px 15px 10px 15px;
	font-size:75%;
}

.guideline_list li{
	padding:0px 0px 0px 13px;
	background-position:left 8px;
}

}