@charset "UTF-8";
/* CSS Document */

/*//////////----- RECRUIT-TOP -----//////////*/

.summary div.post-content{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
}

.summary article{
	width:50%;
	margin-bottom:15px;
	
	box-sizing: border-box;
}

.summary article:nth-child(1){
	padding-right:7.5px;
}

.summary article:nth-child(2){
	padding-left:7.5px;
}

.summary article:nth-child(3){
	padding-right:7.5px;
}

.summary article:nth-child(4){
	padding-left:7.5px;
}

.summary article:nth-child(5){
	padding-right:7.5px;
}

.summary article:nth-child(6){
	padding-left:7.5px;
}

.summary article:nth-child(7){
	padding-right:7.5px;
}

.summary article:nth-last-child(1){
	margin-bottom:0;
}

@media only screen and (min-width: 960px){
	
	.summary article{
		width:calc(100%/3);		
		margin-bottom:25px;
	}
	
	.summary article:nth-child(1){
		padding-right:10px;
	}
	
	.summary article:nth-child(2){
		padding-right:5px;
		padding-left:5px;
	}
	
	.summary article:nth-child(3){
		padding-left:10px;
	}
	
	.summary article:nth-child(4){
		padding-right:10px;
	}
	
	.summary article:nth-child(5){
		padding-right:5px;
		padding-left:5px;
	}
	
	.summary article:nth-child(6){
		padding-left:10px;
	}
	
	.summary article:nth-child(7){
		padding-left:10px;
	}
	
}

.archive-recruit-row a{
	display:block;
	color:#000;
	
	transition:0.25s;
	position: relative;
}

.archive-recruit-row a:hover{
	opacity: 0.5;
	text-decoration: none;
}

.archive-recruit-row a:before{
	display:block;
	content:"";
	
	width:2.5px;
	height:100%;
	
	background-color:#ff934c;
	
	position: absolute;
	bottom:0;
	left:0;
	
	z-index: 20;
}

.archive-recruit-row a:after{
	display:block;
	content:"";
	
	width:100%;
	height:2.5px;
	
	background-color:#ff934c;
	
	position: absolute;
	bottom:0;
	left:0;
	
	z-index: 20;
}

.archive-recruit-row div.inner{
	width:100%;
	position: relative;
	
	overflow: hidden;
}

.archive-recruit-row div.inner:before{
	display:block;
	content:"";
	
	width:120px;
	height:100%;
	
	background-color:#fff;
	
	position: absolute;
	top:0;
	right:-90px;
	
	z-index: 10;
	
	transform:skewX(-20deg);
}

.archive-recruit-row div.inner:after{
	display:block;
	content:"";
	
	width:20px;
	height:20px;
	
	position: absolute;
	bottom:5px;
	right:5px;
	
	background-color:#fff;
	background-image: url("../img/icon-recruit-lineup-row.webp");
	background-repeat: no-repeat;
	background-size: 12.5px;
	background-position: center;
	
	z-index: 20;
}

.archive-recruit-row p.thumbnail{
	width:100%;
	position: relative;
}

.archive-recruit-row p.thumbnail img{
	width:100%;
	vertical-align: bottom;
}

.archive-recruit-row div.text{	
	width:100%;
	
	box-sizing: border-box;
	padding:2.5px 5px;
	
	position: absolute;
	bottom:2.5px;
	left:2.5px;
	
	z-index: 5;
	
	background-color: rgba(255,147,76,0.50);
	color:#fff;
}

.archive-recruit-row div.text h4{
	font-size:1.5rem;
	line-height:15px;
	font-weight:600;
}

.archive-recruit-row div.text h4 span.note{
	display:block;
	
	font-size:0.8rem;
	line-height:15px;
	
	/*box-sizing: border-box;
	padding-bottom:5px;*/
}

.archive-recruit-row:nth-child(2) div.text h4 span.note{
	display:inline-block;
	mpadding-bottom:0;
}

.archive-recruit-row div.text h4 span.note:before{
	content:"（";
}

.archive-recruit-row div.text h4 span.note:after{
	content:"）";
}

@media only screen and (min-width: 960px){
	
	.archive-recruit-row div.text h4{
		font-size:1.2rem;
		line-height:35px;
	}
	
	.archive-recruit-row div.text h4 span.note{
		display:inline-block;
		
		font-size:0.6rem;
		line-height:20px;
	}
	
	.archive-recruit-row div.text h4 br{
		display:none;
	}
}

#requirement h3{
	font-size:2.2rem;
	line-height:30px;
	text-align: center;
	
	position: relative;
	
	box-sizing: border-box;
	padding-bottom:10px;
	
	margin-bottom:30px;
}

#requirement h3:before{
	display:block;
	content:"";
	
	width:90px;
	height:5px;
	
	background:linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -webkit-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -moz-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -o-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -ms-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	
	margin:0 auto;
	
	transform:skewX(-30deg);
}

#requirement p.note{
	font-size:1.6rem;
	line-height:25px;
	
	margin-bottom:30px;
}

#requirement ul.btn{
	width:100%;
	margin:0 auto;
	max-width: 250px;
	
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
}

#requirement ul.btn li{
	width:100%;
	
	font-size:1.8rem;
	line-height:50px;
	font-weight:500;
	
	text-align: center;
	
	margin-bottom:30px;
}

#requirement ul.btn li:last-child{
	margin-bottom:0;
}

#requirement ul.btn li a{
	display:block;
	
	background-color:#fff;
	color:#000;
	
	box-sizing: border-box;
	border:solid 3px #ff934c;
	
	transition:0.25s;
}

#requirement ul.btn li a:hover{
	opacity: 0.5;
	text-decoration:none;
}

#requirement ul.btn li a span.note{
	display:inline-block;
	
	box-sizing: border-box;
	padding-left:10px;
	
	position: relative;
}

#requirement ul.btn li a span.note:before{
	display:block;
	content:"";
	
	width:20px;
	height:20px;
	
	background-image: url("../img/icon-recruit-lineup-row.webp");
	background-repeat: no-repeat;
	background-size:20px;
	background-position:center;
	
	position: absolute;
	top:0;
	bottom:0;
	left:-15px;
	
	margin:auto 0;
}

@media only screen and (min-width: 960px){
	
	#requirement div.content-inner{
		margin:0 auto;
		max-width:620px;
	}
	
	#requirement h3{
		font-size:1.8rem;
		line-height:30px;
		
		padding-bottom:25px;
	}
	
	#requirement h3:before{
		width:170px;
		height:10px;
	}
	
	#requirement p.note{
		font-size:1.0rem;
		line-height:40px;
		
		text-align: center;
		
		margin-bottom:40px;
	}
	
	#requirement ul.btn{
		max-width: 620px;
	}
	
	#requirement ul.btn li{
		width:50%;
		
		font-size:1.0rem;
		line-height:60px;
		
		box-sizing: border-box;
		
		margin-bottom:40px;
	}
	
	#requirement ul.btn li:nth-child(odd){
		padding-right:20px;
	}
	
	#requirement ul.btn li:nth-child(even){
		padding-left:20px;
	}
	
	#requirement ul.btn li:nth-last-child(2){
		margin-bottom:0;
	}
	
	#requirement ul.btn li a span.note{
		padding-left:20px;
	}
	
	#requirement ul.btn li a span.note:before{
		width:25px;
		height:25px;
		
		background-size:25px;
		
		top:0;
		bottom:0;
		
		left:-10px;
	}
	
}

/*//////////----- RECRUIT-APPLI -----//////////*/

#appli{
	background-color:#fff;
	color:#212121;
	
	width:100%;
	
	box-sizing: border-box;
	padding:30px 15px;
}

@media only screen and (min-width: 960px){
	
	#appli{
		box-sizing: border-box;
		padding:80px 25px;
	}
	
}

/*//////////----- RECRUIT-CATEGORY-2025年5月追加 -----//////////*/

#recruit-category{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:calc(100% - 10px);
}

#recruit-category div.row{
	width:100%;
}

@media only screen and (min-width: 960px){
	
	#recruit-category div.row{
		width:50%;
	}
	
}

#recruit-category div.row div.inner{
	box-sizing: border-box;
	padding-top:100%;
	
	background-image: url("../img/img-recruit-top-category01.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	
	position: relative;
}

@media only screen and (min-width: 960px){
	
	#recruit-category div.row div.inner{
		padding-top:0;
		height:575px;
	}
	
}

#recruit-category div.row:nth-child(2) div.inner{
	background-image: url("../img/img-recruit-top-category02.webp");
}

#recruit-category div.row div.inner::after{
	display:block;
	content:"";
	
	width:100%;
	height:100%;
	
	position: absolute;
	top:0;
	left:0;
	
	z-index: 5;
	
	background-color: rgba(255,255,255,0.25);
	
	box-sizing: border-box;
}

#recruit-category div.row:nth-child(1) div.inner::after{
	border:solid 6px #ff934c;
}

#recruit-category div.row:nth-child(2) div.inner::after{
	border:solid 6px #039790;
}

#recruit-category div.row div.inner div.inner-block{
	width:100%;
	height:100%;
	
	position: absolute;
	top:0;
	left:0;
	
	z-index: 10;
	
	box-sizing: border-box;
	padding:30px;
}

@media only screen and (min-width: 960px){
	
	#recruit-category div.row div.inner div.inner-block{
		padding:60px 30px;
		
		width:480px;
		right:0;
		margin:0 auto;
	}
	
	#recruit-category div.row:nth-child(1) div.inner::after{
		border:solid 10px #ff934c;
	}
	
	#recruit-category div.row:nth-child(2) div.inner::after{
		border:solid 10px #039790;
	}
	
}

#recruit-category div.row h4{
	font-size:34px;
	line-height:42px;
	font-weight:600;
	
	text-align: center;
	color:#FF934C;
	
	margin-bottom:10px;
}

@media only screen and (min-width: 960px){
	
	#recruit-category div.row h4{
		font-size:48px;
		line-height:60px;
	}
	
}

#recruit-category div.row:nth-child(2) h4{
	color:#039790;
}

#recruit-category div.row ul{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: center;
	
	width:100%;
}

#recruit-category div.row ul li{
	width:150px;
	
	font-size:14px;
	line-height:22.5px;
	font-weight:bold;
	
	box-sizing: border-box;
	padding:5px;
	
	text-align: center;
}

@media only screen and (min-width: 960px){
	
	#recruit-category div.row ul li{
		width:190px;
		
		font-size:20px;
		line-height:30px;
	}
	
}

#recruit-category div.row ul li span.note{
	display:inline-block;
	width:100%;
	
	box-sizing: border-box;
	border:solid 2px #707070;
	
	background-color:#fff;
}

#recruit-category div.row p.btn{
	width:240px;
	
	font-size:1.6rem;
	line-height:55px;
	
	text-align: center;
	
	position: absolute;
	bottom:30px;
	left:0;
	right:0;
	
	margin:0 auto;
}

@media only screen and (min-width: 960px){
	
	#recruit-category div.row p.btn{
		width:350px;
		
		font-size:22px;
		line-height:80px;
		
		bottom:60px;
	}
	
}

#recruit-category div.row p.btn a{
	display:block;
	
	/*background-color:#fff;*/
	background:linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -webkit-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -moz-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -o-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -ms-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	color:#fff;
	
	transform:skewX(-20deg);
	/*box-shadow: 2.5px 2.5px 2.5px rgb(0,0,0,0.25);*/
	
	transition:0.25s;
}

#recruit-category div.row:nth-child(2) p.btn a{
	background:linear-gradient(left, #006cb3 0%, #039790 100%);
	background: -webkit-linear-gradient(left, #006cb3 0%, #039790 100%);
	background: -moz-linear-gradient(left, #006cb3 0%, #039790 100%);
	background: -o-linear-gradient(left, #006cb3 0%, #039790 100%);
	background: -ms-linear-gradient(left, #006cb3 0%, #039790 100%);
}

#recruit-category div.row p.btn a:hover{
	opacity: 0.5;
	text-decoration: none;
}

#recruit-category div.row p.btn span.note{
	display:inline-block;
	
	transform:skewX(20deg);
	
	box-sizing: border-box;
	padding:0 30px;
	padding-left:40px;
	
	/*background-color:#000;*/
	
	position: relative;
}

#recruit-category div.row p.btn span.note:before{
	display:block;
	content:"";
	
	width:25px;
	height:25px;
	
	position: absolute;
	top:0;
	bottom:0;
	left:7.5px;
	
	margin:auto 0;
	
	background-color: #fff;
	border-radius:50px;
}

#recruit-category div.row p.btn span.note:after{
	display:block;
	content:"";
	
	width:25px;
	height:25px;
	
	position: absolute;
	top:0;
	bottom:0;
	left:8.5px;
	
	margin:auto 0;
	
	background-image: url("../img/icon-arrow-btn-recruit-category-kutai.webp");
	background-repeat: no-repeat;
	background-size:10px;
	background-position: center;
}

#recruit-category div.row:nth-child(2) span.note:after{
	background-image: url("../img/icon-arrow-btn-recruit-category-gaikou.webp")!important;
}

/*//////////----- RECRUIT-TOP-2025年5月追加 -----//////////*/

#recruit-top{
	display:none;
}

/*//////////----- REQUIREMENT-2025年5月追加 -----//////////*/

#requirement div.content-inner{
	background-color:#fafafa;
	
	box-sizing: border-box;
	padding:60px 0;
}

#requirement p.note{
	text-align: center;
}


@media only screen and (min-width: 960px){
	
	#requirement p.note{
		font-size:20px;
		line-height:40px;
	}
	
	#requirement p.note br{
		display:none;
	}
	
}

.requirement-category{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
}

.requirement-category-child{
	width:100%;
	
	margin-bottom:40px;
}

@media only screen and (min-width: 960px){
	
	.requirement-category-child{
		width:50%;
		margin-bottom:0;
	}
	
}

.requirement-category-child:last-child{
	margin-bottom:0;
}

.requirement-category-child h6{
	font-size:18px;
	line-height:30px;
	font-weight:600;
	
	text-align: center;
	
	margin-bottom:25px;
}

@media only screen and (min-width: 960px){
	
	.requirement-category-child h6{
		font-size:32px;
		line-height:60px;
	}
	
}

@media only screen and (min-width: 960px){
	#requirement{
		background-color:#fafafa;
	}
	
	#requirement ul.btn li{
		width:100%;
		margin:0 auto 40px;
		max-width: 270px;
		
		font-size:20px;
		line-height:60px;
	}
	
	#requirement ul.btn li:nth-child(odd){
		padding-right:0;
	}
	
	#requirement ul.btn li:nth-child(even){
		padding-left:0;
	}
	
	#requirement ul.btn li:nth-last-child(2){
		margin-bottom:40px;
	}
	
	#requirement ul.btn li:last-child{
		margin-bottom:0;
	}
	
	#requirement ul.btn li a span.note{
		padding-left:20px;
	}
	
	#requirement ul.btn li a span.note:before{
		width:25px;
		height:25px;
		
		background-size:25px;
		
		top:0;
		bottom:0;
		
		left:-10px;
	}
	
}

.requirement-category-child:nth-child(1) ul.btn li a span.note:before{
	background-image: url("../img/icon-arrow-btn-recruit-category-kutai.webp")!important;
	background-size:17.5px!important;
}

.requirement-category-child:nth-child(2) ul.btn li a{
	border:solid 3px #039790!important;
}

.requirement-category-child:nth-child(2) ul.btn li a span.note:before{
	background-image: url("../img/icon-arrow-btn-recruit-category-gaikou.webp")!important;
	background-size:17.5px!important;
}

.requirement-category-child.kutai ul.btn li a span.note:before{
	background-image: url("../img/icon-arrow-btn-recruit-category-kutai.webp")!important;
	background-size:17.5px!important;
}

.requirement-category-child.gaikou ul.btn li a{
	border:solid 3px #039790!important;
}

.requirement-category-child.gaikou ul.btn li a span.note:before{
	background-image: url("../img/icon-arrow-btn-recruit-category-gaikou.webp")!important;
	background-size:17.5px!important;
}

#appli{
	background-color:#fff!important;
}

#appli div.content-inner{
	background-color:#fff!important;
}