@charset "UTF-8";
/*---------------------------------------------------------
	NEWS 
---------------------------------------------------------*/
@import url('_news_parts.css');

/*---------------------------------------------------------
	COMMON
---------------------------------------------------------*/
.pc_logo{
	display: block;
}
.sp_logo{
	display: none;
}
.head_top_logo{
	position: absolute;
	width: min(26.5625vw, 340px);
	height: min(26.5625vw, 340px);
	background: var(--base-color-green);
	z-index: 101;
}
.head_top_logo img{
	position: absolute;
	top: min(5.3125vw, 68px);
	left: var(--base-50);
	width: min(18.515625vw, 237px);
}
.site_logo_rec{
	position: absolute;
	width: min(15.234375vw, 195px);
	height: 100%;
	background: var(--base-color-green);
	z-index: 3;
}
.site_logo_rec img{
	position: absolute;
	top: min(2.8125vw, 36px);
	left: min(2.03125vw, 26px);
	width: min(10.78125vw, 138px);
}
.site_logo{
	top: 0;
    left: 0;
	width: 100%;
	height: 15vw;
}
.site_logo img{
	position: absolute;
	top: var(--base-20);
    left: var(--base-25);
}

.triangle{
	position: relative;
}
.triangle::before {
	content: "";
	top: 0;
	right: 0;
	border-bottom: var(--base-30) solid transparent;
	border-right: var(--base-30) solid #efea3a;
	position: absolute;
	z-index: 20;
}
.entry_btn_wrap{
    margin-top: var(--base-30);
}
.entry_btn_wrap .btn_contact{
	background: var(--base-color-green);
}
@media screen and (max-width: 768px) {
	.pc_logo{
		display: none;
	}
	.sp_logo{
		display: block;
	}
	.btn_mail {
		width: 100%;
	}
}
/*---------------------------------------------------------
	PC MENU
---------------------------------------------------------*/
.pc_sub_nav_wrap {
  display: flex;
  margin-top: 0.3vw;
  text-align: left;
  width: 70%;
  position: absolute;
  top: calc( var(--base-100));
  right: 0.3vw;
  padding: 30px;
  color: #333;
  background: #fff; 
  visibility: hidden;
  border-radius: 0.2vw;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  opacity: .0;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}
.pc_nav:hover .pc_sub_nav_wrap,
.btn_comp:hover .pc_sub_nav_wrap{
	visibility: visible;
	opacity: 1.0;
}
.pc_sub_nav_ttl{
	width: 20%;
	border-right : 3px solid var(--base-color-green);
}
.pc_sub_nav_ttl img{
	transform: scale(1.35);
	margin-top: var(--base-20);
	vertical-align: top;
}
.pc_sub_nav_detail{
	width: 80%;
	padding: 0 3%
}
#pc_menu ul ul{
	justify-content: start;
	flex-flow: row wrap;
}
#pc_menu li li{
	height: var(--base-50);
}
#pc_menu ul li.pc_nav .pc_sub_nav_ttl a,
#pc_menu ul li.pc_nav li a,
#pc_menu ul li.btn_comp li a{
	line-height: var(--base-50);
	padding: 0;
	display: inline-block;
}
#pc_menu ul li.pc_nav li a.link_blank_g,
#pc_menu ul li.btn_comp li a.link_blank_g{
	padding-right: 1.5vw
}
#pc_menu ul li.pc_nav .pc_sub_nav_ttl a{
	font-size: 1.2em;
}
#pc_menu ul li.pc_nav .pc_sub_nav_ttl a:hover::after,
#pc_menu ul li.pc_nav li a:hover::after,
#pc_menu ul li.btn_comp li a:hover::after{
	background: none;
}
.pc_sub_nav_detail li{
	width: 33%;
}
/*---------------------------------------------------------
	FLONT
---------------------------------------------------------*/
#works.section_inner,
#benefit.section_inner,
#data.section_inner,
#interview.section_inner,
#recruiting.section_inner{
	padding-top: var(--base-110);
}
#benefit.section_inner,
#data.section_inner{
	padding-bottom: var(--base-75);	
}
.data_wrap{
	position: relative;
 	margin-bottom: var(--base-30);
}
.data_wrap .data_2b,
.data_wrap .data_3b{
	background: var(--base-color-white);
	padding: var(--base-45);
}
.data_wrap .data_2b{
	width: min(45.703125vw, 585px);
}
.data_wrap .data_3b{
	width: min(29.6875vw, 380px);
}
.data_detail_txt{
	line-height: var(--base-25);
}
.data_2b .data_detail_txt{
	margin-top: var(--base-40);
}
.data_2b .data_detail_num{
	width:25%;
}
.data_2b .num_ttl{
	font-size: var(--base-24);
	font-weight: 700;
	margin-bottom: var(--base-10);
}
.data_2b .num{
	font-size: min(2.8125vw, 36px);
	font-weight: 500;
	word-break: normal;
}
.data_2b .num span{
	font-size: min(6.406249vw, 82px);
	font-weight: 600;
}
.data_2b .data_detail_num .img{
	margin-top: var(--base-10);
}
.data_2b .data_detail_num img{
	width: auto;
	height: min(7.1874vw, 92px);
}
.data_2b .data_detail_grp{
	position: relative;
}
.data_2b .data_detail_grp .data_detail_grp_ttl{
	position: absolute;
	top: min(7.421875vw, 95px);
	font-size: var(--base-28);
	font-weight: 600;
	width: 100%;
}
.data_2b #grp_canvas1{
	width: min(17.1875vw, 220px);
	height: min(17.1875vw, 220px);
}
.data_2b #grp_canvas2{
	width: min(17.1875vw, 220px);
	height: min(17.1875vw, 220px);
}
.data_3b .data_detail_txt{
	margin-top: var(--base-25);
}
.data_3b .num_ttl{
	font-size: var(--base-28);
	font-weight: 700;
	margin-bottom: var(--base-10);
}
.data_3b .num{
	font-size: min(3.359375vw, 43px);
	font-weight: 500;
	word-break: normal;
}
.data_3b .num span{
	font-size: min(8.203125vw, 105px);
	font-weight: 600;
}
.btn_more_detail_wrap{

}
.btn_more_detail{}
.btn_more_detail a{
	display: inline-block;
	border: 2px solid var(--base-color-black);
	background: var(--base-color-white);
	padding: var(--base-25) var(--base-90);
	font-weight: 600;
	height: 100%;
	border-radius: min(3.4375vw, 44px);
}
.btn_more_detail span{
	display: inline-block;
	font-size: min(1.5625vw, 12px);
	margin-top: var(--base-5);
	font-weight: normal;
}
.btn_more_detail span.link_blank_b{
	background-size: min(0.8593vw, 11px) min(0.8593vw, 11px);
	padding-right: min(0.8593vw, 11px) 
}
#interview .section_content p{
	font-size: min(2.1875vw, 28px);
}
@media screen and (max-width: 768px) {
	#works.section_inner,
	#benefit.section_inner,
	#data.section_inner,
	#interview.section_inner,
	#recruiting.section_inner{
		padding-top: 15vw;
	}
	.data_wrap .data_2b{
		width: 49%;
	}
	.data_2b .data_detail_grp .data_detail_grp_ttl{
		font-size: var(--base-25);
	}
	.data_2b .num{
		font-size: var(--base-30);
		text-align: center;
	}
	.data_2b .num span{
		font-size: var(--base-40);		
	}
	.data_2b #grp_canvas1,
	.data_2b #grp_canvas2{
		width: 100%;
		height: 100%;
	}
}
@media screen and (max-width: 576px) {
	#works.section_inner,
	#benefit.section_inner,
	#data.section_inner,
	#interview.section_inner,
	#recruiting.section_inner{
		padding-top: var(--base-110);
	}
	.data_wrap{
		margin-bottom: 0;
	}
	.data_2b,
	.data_3b{
		margin-bottom: var(--base-30);
	}
	.data_wrap .data_2b{
		width: 100%;
	}
	.data_wrap .data_3b{
		width: 100%;
	}
	.data_2b .data_detail_grp .data_detail_grp_ttl{
		top: var(--base-90);
	}
	.data_2b .data_detail_num img{
		height: var(--base-100);
	}
	.data_2b .num{
		font-size: var(--base-30);
		text-align: center;
	}
	.data_2b .num span{
		font-size: var(--base-40);		
	}
	#interview .section_content p{
		font-size: var(--base-20);
	}
	#recruiting.section_inner h3 br{
		display: none;
	}
	#recruiting.section_inner p br{
		display: none;
	}
}
/*---------------------------------------------------------
	MAIN SLIDER
---------------------------------------------------------*/
.main_slider_wrap{
	/*padding-top: var(--base-200);*/
}
.slider_wrap{
	position: relative;
}
.main_slider_wrap .slider_wrap{
 	height: min(54.6875vw, 700px);
}
.main_slider_wrap .slider_wrap .slider_txt{
	position:absolute;
	bottom: var(--base-100);
	left: min(6.79687vw, 87px);
}
.main_slider_wrap .slider_wrap .slider_catch{	
	position: relative;
	line-height: var(--base-60);	
	z-index: 1;
}
.main_slider_wrap .slider_wrap .slider_catch span{	
	display: inline;
	font-size: min(2.8125vw, 36px);
	line-height: min(3.671875vw, 47px);
	font-weight:700;
	letter-spacing:0.25vw;
	font-feature-settings: "palt";
	background: linear-gradient(transparent 0%, var(--base-color-white) 0%);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.main_slider_wrap .slider_wrap .slider_catch span::before{
	display:block;
	content: "";
	margin-bottom:-10px;
} 
.main_slider_wrap .slider_wrap .slider_catch span::after{
	display:block;
	content: "";
	margin-top:-10px;
} 
.main_slider_wrap .slider_wrap .slider_cap{
	position: relative;	
	font-weight: 300;
	font-size: var(--base-18);
	line-height: min(1.6875vw, 21.6px);
	letter-spacing:0.08vw;
	z-index: 2;
}
.main_slider_wrap .slider_wrap .slider_logo{
	position:absolute;
	top: calc(min(19.375vw, 248px) * -1);
	left: calc(min(8.28125vw, 106px) * -1);
	width: min(63.671875vw, 815px);
	z-index: 0;
}
.main_slider_wrap .slider_wrap .slider_logo img{
	opacity: 0.3;
}
.slide-dots {
	margin: 0;
	padding: 0;
	text-align: center;
}
.slide-dots li {
	display: inline-block;
	margin: 0 var(--base-4);
}
.slide-dots li button {
	position: relative;
	text-indent: -9999px;
}
.slide-dots li button::before {
	background-color: var(--base-color-white);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	cursor: pointer;
	height: var(--base-4);
	width: min(4.921875vw, 63px);
	border-radius: var(--base-4);
	margin: auto;
	position: absolute;
	right: 0;
	left: 0;
	bottom: var(--base-45);
}
.slide-dots li.slick-active button::before {
	background-color: var(--base-color-green);
}
.main_slider button {
	background: none;
	border: none;
	outline: none;
	width: min(4.921875vw, 63px);
}
@media screen and (min-width: 1280px){
	.main_slider_wrap .slick-list{
		max-height: 700px;
		overflow: hidden;
	}
	.main_slider img.slider_img{
		position:relative;
	}
}
@media screen and (max-width: 768px) {
	.main_slider_wrap{
		padding-top: 15vw;
	}
}
@media screen and (max-width: 576px) {
	.main_slider_wrap .slider_wrap .slider_catch{
		line-height: var(--base-30);
	}
	.main_slider_wrap .slider_wrap .slider_catch span{
		font-size: var(--base-22);
	}
}
/*---------------------------------------------------------
	SECTION SLIDER
---------------------------------------------------------*/
.section_slider_wrap,
.voice_slider_wrap{
	padding-bottom: var(--base-75); 
	position: relative;
}
.section_slider_wrap .slider_wrap{
	margin:5vw 4vw 4vw;
}
.section_slider .slick-center .slider_wrap{
	transform: scale(1.35);
}
.section_slider_wrap .slider_wrap .slider_img img{
	border-radius: 0.2vw;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.section_slider_wrap .slider_wrap .slider_txt{
	padding: min(2.109375vw, 27px) min(2.421875vw, 31px);
	background: var(--base-color-white);
	position: relative;
	top:-0.3vw;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.section_slider_wrap .section_slider .slick-center .slider_txt{
	width:90%;
	margin:0 auto;
	top:-1.3vw;
}
.section_slider_wrap .slider_wrap .slider_ttl{
	font-size: var(--base-18);
	font-weight: 600;
	margin-bottom: var(--base-15);
	padding-bottom: var(--base-15);
	border-bottom: 1px solid #ccc;
}
.section_slider_wrap .slider_wrap .slider_read{
	font-size: var(--base-12);
	line-height: var(--base-15);
}
.section_slider_wrap .slider_arrow_wrap{
	position: absolute;
	top:35%;
	left:50%;
}
.prev-arrow,
.next-arrow {
	display: block;
	width: 4vw;
	height: 4vw;
	background: var(--base-color-green);
	border-radius: 50%;
	transition: all .3s ease;
	cursor: pointer;
	position:absolute;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.prev-arrow {
	top:0;
	left:-22.5vw;
	transform: translateX(-50%) rotate(180deg);
}
.next-arrow {
	top:0;
	left:22.5vw;
	transform: translateX(-50%);
}
.prev-arrow::before,
.next-arrow::before{
	position:absolute;
	content: "";
	width:0.9vw;
	height:0.9vw;
	border-right: 0.15vw solid var(--base-color-white);
	border-top: 0.15vw solid var(--base-color-white);
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	transform:rotate(45deg);
}
.section_slider .slide-dots li button::before {
	background-color: #90a5b4;
}
.section_slider .slide-dots li.slick-active button::before {
	background-color: var(--base-color-white);	
}
.section_slider .slide-dots li button::before {
	bottom: 1vw;
}
.section_slider_wrap .section_slider button {
	background: none;
	border: none;
	outline: none;
	width:5vw;
}
.section_slider_wrap .slick-dots li,
.section_slider_wrap .slick-dots li button,
.voice_slider_wrap .slick-dots li,
.voice_slider_wrap .slick-dots li button{
	width: 12px;
	height: 12px;
}
.section_slider_wrap .slick-dots li button:before,
.voice_slider_wrap .slick-dots li button:before{
	font-size: 12px;
	width: 12px;
	height: 12px;
}
.section_slider_wrap .slick-dots li.slick-active button:before,
.voice_slider_wrap .slick-dots li.slick-active button:before{
	color: var(--base-color-green);
}
.bg_green .voice_slider_wrap .slick-dots li.slick-active button:before{
	color: var(--base-color-white);
}
.bg_green .slick-dots li button:before{
	color: var(--base-color-white);	
}
@media screen and (max-width: 768px) {
	.section_slider .slick-center{
		padding-bottom: 10px;
	}
	.section_slider_wrap .slider_wrap .slider_read{
		font-size: var(--base-10);
	}
}
@media screen and (max-width: 576px) {
	.section_slider .slick-center{
		padding-bottom: 0;
	}
	.section_slider_wrap .slider_wrap .slider_read{
		font-size: var(--base-14);
		line-height: var(--base-24);
	}
	.prev-arrow,
	.next-arrow {
		width: 8vw;
		height: 8vw;
	}
	.prev-arrow {
		left: -45vw;
	}
	.next-arrow {
		left: 45vw;
	}
	.prev-arrow::before,
	.next-arrow::before{
		width:0.9vw;
		height:0.9vw;
		border-right: 0.15vw solid var(--base-color-white);
		border-top: 0.15vw solid var(--base-color-white);
	}
}
/*---------------------------------------------------------
	BENEFIT
---------------------------------------------------------*/
#benefit .section_content{
	padding-bottom: var(--base-20);
}
.benefit_case{
	width: 23%;
	border-radius: 0.2vw;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	margin-bottom: 2.6%;
}
.benefit_txt{
	padding: var(--base-20) var(--base-30);
}
.benefit_txt h1{
	margin-bottom: var(--base-13);
	font-size: var(--base-20);
	font-weight: 700;
}
.benefit_txt p{
	line-height: var(--base-25);
}
@media screen and (max-width: 768px) {
	.benefit_case{
		width: 48%;
		margin-bottom: 4%;
	}
}
/*---------------------------------------------------------
	INTERVIEW SLIDER / CROSSINTERVIEW
---------------------------------------------------------*/
.voice_slider_wrap .slider_wrap .slider_txt,
.memberlist .memberlist_txt,
.crosslist .crosslist_txt{
	position:absolute;
	bottom: var(--base-40);
	left: 0;
	width: 100%;
	text-shadow: var(--base-color-black) 1px 0 10px;
}
.voice_slider_wrap .slider_wrap .slider_sub_ttl,
.crosslist .crosslist_num{
	display: inline-block;
	margin-bottom: var(--base-12);
	padding: min(0.078125vw, 1px);
	font-size: var(--base-10);
	height: var(--base-12);
	letter-spacing:0.05vw;
}
.voice_slider_wrap .slider_wrap .slider_sub_ttl{
	background: var(--base-color-green);
}
.crosslist .crosslist_num{
	text-shadow: var(--base-color-black) 1px 0 10px;
}
.voice_slider_wrap .slider_wrap .slider_ttl,
.memberlist .memberlist_ttl,
.crosslist .crosslist_ttl{	
	position: relative;
	font-size: var(--base-24);
	letter-spacing:0.05vw;
	margin-bottom: min(2.109375vw, 27px);
	z-index: 1;
}
.voice_slider_wrap .slider_wrap .slider_ttl::after,
.memberlist .memberlist_ttl::after,
.crosslist .crosslist_ttl::after {
	content: '';
	width: var(--base-24);
	height: 1px;
	display: inline-block;
	background-color: var(--base-color-white);
	position: absolute;
	bottom: calc(var(--base-15) * -1);
	left: calc(50% - var(--base-12));
}
.voice_slider_wrap .slider_wrap .slider_read,
.memberlist .memberlist_read,
.crosslist .crosslist_read{
	letter-spacing: 0.08vw;
	z-index: 2;
}
.voice_slider_wrap .slider_wrap .slider_read,
.memberlist .memberlist_read{
	font-size: var(--base-12);
}
.crosslist .crosslist_read{
	font-size: var(--base-18);
}
.voice_slider_wrap .slider_wrap .slider_read span::before,
.voice_slider_wrap .slider_wrap .slider_read span::after,
.crosslist .crosslist_read::before,
.crosslist .crosslist_read::after{
	content: "～";
}
.voice_slider_wrap .slick-slide img{
	width: 100%;
}
.section_slider_wrap .slick-dots{
	bottom: -42px;
}
.voice_slider_wrap .slider_wrap{
	overflow: hidden;
	display: block;
}
a.slider_wrap,
a.crosslist{
	background: var(--base-color-black);
}
a.slider_wrap img,
a.memberlist img,
a.crosslist img{
	opacity: .8;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
a.slider_wrap:hover img,
a.memberlist:hover img,
a.crosslist:hover img{
	opacity: 1;	
}
.voice_slider_wrap .slider_wrap::before,
a.memberlist::before,
a.crosslist::before {
/*	position: absolute;
	top: 31.25vw;
	left: 0;
	width: 62.5vw;
	height: 62.5vw;
	content: '';
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translateX(-60vw) translateY(-10vw) rotate(135deg);
	transform: translateX(-60vw) translateY(-10vw) rotate(135deg);
	background: var(--base-color-yellow);
	opacity: .1;*/
	content: "";
	top: 0;
	right: 0;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	border-bottom: var(--base-30) solid transparent;
	border-right: var(--base-30) solid #efea3a;
	position: absolute;
	z-index: 20;
	opacity: 0;
}
.voice_slider_wrap .slider_wrap:hover::before,
a.memberlist:hover::before,
a.crosslist:hover::before {
/*	-webkit-transform: translateX(0vw) translateY(-92.5vw) rotate(135deg);
	transform: translateX(0vw) translateY(-92.5vw) rotate(135deg);
	opacity: 1;*/
	opacity: 1;
}
@media screen and (max-width: 768px) {
	.voice_slider_wrap .slider_wrap .slider_ttl,
	.memberlist .memberlist_ttl,
	.crosslist .crosslist_ttl{
		margin-bottom: var(--base-30);
	}
}
@media screen and (max-width: 576px) {
	.voice_slider_wrap .slider_wrap .slider_ttl,
	.memberlist .memberlist_ttl,
	.crosslist .crosslist_ttl{
		font-size: var(--base-16);
	}
	.voice_slider_wrap .slider_wrap .slider_txt,
	.memberlist .memberlist_txt,
	.crosslist .crosslist_txt{
		bottom: var(--base-15);
	}
}
/*---------------------------------------------------------
	CROSS INTERVIEW LIST
---------------------------------------------------------*/
.memberlist_wrap,
.crosslist_wrap{
	max-width: 1280px;
	margin: 0 auto var(--base-100);
}
.memberlist{
	width: min(32.03125vw, 410px);
	height: min(39.0625vw, 500px);
	margin-bottom: var(--base-25);
	overflow: hidden;
	position: relative;
	display: block;
}
.crosslist{
	width:50%;
	position: relative;
	display: block;
}
@media screen and (max-width: 576px) {
	.memberlist{
		width: 49%;
		height: 100%;
	}
	.crosslist{
		width:100%;
	}
}

/*---------------------------------------------------------
	RECRUITING LIST
---------------------------------------------------------*/
.list{
	padding-bottom: var(--base-110);
}
.list #recruiting.section_inner{
	padding-top: 0;
}

/*---------------------------------------------------------
	RECRUITING
---------------------------------------------------------*/
.recruit_btn_wrap{
	margin: var(--base-80) 0;
}
.recruit_btn img{
	transition: all .3s ease-in-out;
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.3));
}
.recruit_btn{
	width:22%;
}
.recruit_btn a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	transition: all .3s ease-in-out;
}
.recruit_btn a:hover{
	transform: translate(0, -10px);
}
.recruit_btn a:hover img{
	filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.5)) invert(50%) sepia(58%) saturate(474%) hue-rotate(83deg) brightness(94%) contrast(96%);
}
.recruit_btn_ttl{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.recruit_btn_ttl span{
	position: relative;
	top: calc( var(--base-20) * -1);
	width: 100%;
	display: block;
	font-size: var(--base-20);
	font-weight: 700;
	line-height: min(2.109375vw, 27px);
	padding: 0 1.5vw;
}
.recruit_btn a:hover .recruit_btn_ttl span{
	color: #fff;
}
@media screen and (max-width: 576px) {
	.recruit_btn{
		width:48%;
	}
	.recruit_btn a{
		margin-bottom: var(--base-30);
	}
	.recruit_btn_ttl span{
		top: calc(var(--base-24)* -1);
		line-height: var(--base-24);
	}
}
/*---------------------------------------------------------
	RECRUITING INDIVIDUAL
---------------------------------------------------------*/
#recind .section_ttl h1{
	margin-top: var(--base-80);
	font-size: var(--base-30);
	letter-spacing: 0.1vw;
}
#recind .section_ttl h2{
	margin-top: var(--base-12);
}
#recind .section_content{
	padding: var(--base-75) 0 var(--base-65);
	line-height: min(1.71875vw, 22px)
}
#recind dl dt,
#recind dl dd{
	padding: var(--base-25) 0;
}
#recind dl dt{
	font-size:1.1em;
	font-weight: 700;
}
.recruiting_ttl, .recruiting_detail{}
.recruiting_ttl{
	border-bottom: 1px solid var(--base-color-green);
}
.recruiting_detail{
	border-bottom: 1px solid #ccc;
}
.recruiting_detail span{
	display: block;
	font-weight:500;
}
.recruiting_detail span:nth-of-type(2n){
	margin-top:var(--base-12);
}
.entry_flow{
	margin: var(--base-50) 0;
	padding: var(--base-25);
	border-radius: 0.2vw;
	/*border: 1px solid var(--base-color-green);*/
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.entry_flow h2{
	font-size: var(--base-20);
	font-weight: 700;
	margin-bottom: var(--base-30);
}
.entry_flow p {
    line-height: var(--base-30);
}
.other_list_wrap{}
.other_list_wrap h2{}
.other_list_wrap h2.other_list_ttl{
	margin-bottom: var(--base-40);
	font-size: var(--base-25);
}
.other_list{
	position: relative;
	width: 32%;
	padding: var(--base-20);
	border-radius: 0.2vw;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.other_list h1{
	margin-bottom: var(--base-25);
	color: var(--base-color-green);
	font-size: var(--base-20);
	font-weight: 700;
}
.other_list h2{
	margin-bottom: var(--base-15);
	font-weight: 500;
}
.section_content .other_list p{
	line-height: var(--base-25);
	padding-bottom: var(--base-50);
}
.other_list a{
	display: block;
	position: absolute;
	bottom: 10px;
	right: 0;
	padding: var(--base-10) var(--base-20);
	font-size: var(--base-15);
	color: var(--base-color-white);
	background: var(--base-color-green);
	border-radius: 0.2vw 0 0 0.2vw;
}
.other_list_all{
	margin-top: var(--base-25);
	text-align: right;
}
.other_list_all a{
	display: inline-block;
	padding: var(--base-10) var(--base-20);
	font-size: var(--base-20);
	color: var(--base-color-white);
	background: var(--base-color-green);
	border-radius: 0.2vw;	
}
.other_list_all a span{
	vertical-align: text-top;
	padding-right: var(--base-10);
    opacity: 1.0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}
.other_list_all a span:hover{
	opacity: .8;
}
.other_list_all a::after{
	content: "";
	display: inline-block;
	padding-left: var(--base-20);
    width: var(--base-25);
    height: var(--base-25);
	border-radius: 50%;	
	background: var(--base-color-white) url(../img/common/icon-arw-r-g.svg) no-repeat center center;
    background-size: var(--base-20) min(1.328125vw, 17px);
}
@media screen and (max-width: 768px) {
	#recind .section_content{
		line-height: var(--base-25);
	}
}
@media screen and (max-width: 576px) {
	.recruiting_ttl{
		border-bottom: none;
	}
	#recind dl dt{
		padding: var(--base-25) 0 0;
	}
	.other_list{
		width: 100%;
		margin-bottom: var(--base-20);
	}
}
/*---------------------------------------------------------
	ENTRY FORM
---------------------------------------------------------*/
#entryform .section_ttl h1,
#logi-entryform .section_ttl h1,
#contact .section_ttl h1{
	margin-top: var(--base-50);
	font-size: var(--base-40);
	letter-spacing: 0.1vw;
}

/*---------------------------------------------------------
	RECRUITING NAV
---------------------------------------------------------*/
#recruiting_nav{
	position: fixed;
	right: 0;
	bottom: var(--base-20);
	padding: 0 var(--base-20);
	background: var(--base-color-green);
	border-radius: 0.2vw 0 0 0.2vw;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	opacity: 0;
    z-index: -1;
    transition: 0.3s;
}
#recruiting_nav.fixed {
    opacity: 1;
    z-index: 9;
}
#recruiting_nav a{
	display: block;
	padding: var(--base-13) var(--base-20) var(--base-13) 0;
	font-size: var(--base-16);
	color: var(--base-color-white);
	background: url(../img/common/icon-arw-w.svg) no-repeat center right;
	background-size: min(0.46875vw, 6px) var(--base-10);
	border-bottom: 1px solid #fff;
}
#recruiting_nav a:hover{
	color: #999;
}
#recruiting_nav a:last-of-type{
	border-bottom: none;	
}
@media screen and (max-width: 576px) {
	#recruiting_nav{
		bottom: 0;
		width: 100%;
		padding: 0;
	}
	#recruiting_nav>div{
		display: flex;
	}
	#recruiting_nav a{
		display: inline-block;
		width: 33%;
		background-image: none;
		border-bottom: none;
		text-align: center;
		padding: var(--base-25) 0;
	}
	#recind #recruiting_nav a{
        width: 100%;
    }
}