@charset "utf-8";
/* ******************************************************************
 *	File name		: recruit.css
 *	Summary			: css style
 * ******************************************************************
 */

/* ----------------------------------------------------------------------
   title_contents
---------------------------------------------------------------------- */

#title_contents{
	position:relative;
	height:560px;
	margin:0 auto 30px;
	background:url(../../image/recruit/bg.png) no-repeat center top;
	background-size:cover;
	}
	#title_contents div{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		flex-direction: row-reverse;
		position:relative;
		width:1040px;
		max-width:100%;
		margin:0 auto;
		padding:0px 10px 0 0px;
	}
	#title_contents h2{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		width:calc(100% - 520px);
		margin:0px;
		padding:0px;
		background:none;
		mix-blend-mode:screen;
	}
	#title_contents #recruit_movie{
		position:relative;
		width:520px;
		height:560px;
		background:url(../../image/recruit/movie_bg.png) no-repeat 0 0;
		background-size:contain;
		transition-duration:0.5s;
		}
		#title_contents #recruit_movie iframe{
			position:absolute;
			top:0px;
			left:87px;
			width:auto;
			height:100% !important;
			aspect-ratio:9 / 16;
			border:none;
}
/* --- responsive --- */
@media screen and (max-width:1000px){
	#title_contents div{
		padding:0px;
	}
	#title_contents h2{
		width:calc(100% - 315px);
		padding:0 10px;
	}
	#title_contents #recruit_movie{
		width:315px;
		background:none;
		}
		#title_contents #recruit_movie iframe{
			left:0px;
	}
}
@media screen and (max-width:767px){
	#title_contents{
		height:280px;
		}
		#title_contents h2{
			width:calc(100% - 157px);
		}
		#title_contents #recruit_movie{
			width:157px;
			height:280px;
	}
}

/* ----------------------------------------------------------------------
   recruit_menu
---------------------------------------------------------------------- */

#recruit_menu{
	position:relative;
	width:1040px;
	max-width:100%;
	margin:0 auto 20px;
	padding:0 20px;
	}
	#recruit_menu p{
		font-family:'Kosugi Maru', sans-serif;
		text-align:center;
	}
	#recruit_menu ul{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		list-style:none;
		width:100%;
		padding:0px !important;
	}
	#recruit_menu ul li{
		position:relative;
		width:248px;
		max-width:25%;
		margin:0 0 10px !important;
		padding:0px !important;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#recruit_menu ul li{
		position:relative;
		width:248px;
		max-width:49%;
		margin:0 0 10px !important;
		padding:0px !important;
	}
}

/* ----------------------------------------------------------------------
   recruit_contents
---------------------------------------------------------------------- */

.recruit_contents{

}
.recruit_contents .rc_title{
	position:relative;
	width:100%;
	}
	.recruit_contents .rc_title h3{
		position:relative;
		width:100%;
		margin:0 0 -50px;
		padding:0 0 0 32px;
		z-index:10;
	}
	.recruit_contents .rc_title h4{
		position:relative;
		padding:18px 20px;
		font-family:'Kosugi Maru', sans-serif;
		font-size:1.35rem;
		background:#777;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		color:#FFF;
		z-index:1;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.recruit_contents .rc_title h3{
		margin:0 0 10px;
		padding:0 0 0 0px;
	}
}

/* table */
.recruit_contents table{
	position:relative;
	width:100%;
	border:none !important;
	}
	.recruit_contents table *{
		font-family:'Kosugi Maru', sans-serif;
		font-size:0.95rem !important;
	}
	.recruit_contents table th,
	.recruit_contents table td{
		padding:5px 20px;
		font-weight:normal;
		border:none;
		border-bottom:1px solid #777 !important;
		background:none;
	}
	.recruit_contents table th{
		width:200px;
		font-size:1.05rem !important;
		border-right:1px solid #777 !important;
	}
	.recruit_contents table td{
		line-height:1.75;
	}
	.recruit_contents table td p:last-child{
		margin-bottom:0px;
	}
	.recruit_contents table td strong{
		font-size:1.4rem !important;
	}
	.recruit_contents table td b{
	}
	.recruit_contents table td ul{
		list-style:none;
		}
		.recruit_contents table td ul li{
			position:relative;
			margin:0px !important;
			padding-left:20px;
			list-style:none;
			line-height:1.35;
			}
			.recruit_contents table td ul li::before{
				content:" ";
				position:absolute;
				top:2px;
				left:0px;
				width:14px;
				height:14px;
				background:#777;
				-moz-border-radius:50%;
				-webkit-border-radius:50%;
				border-radius:50%;
}

/* doble_table */
.recruit_contents table td.doble_table{
	padding:0px;
	}
	.recruit_contents table td.doble_table table{
		margin:0px !important;
	}
	.recruit_contents table td.doble_table table th{
		width:150px;
		background:rgba(0,0,0,0.5);
		color:#FFF !important;
	}
	.recruit_contents table td.doble_table table th:nth-child(even){
		background:rgba(0,0,0,0.8);
	}
	.recruit_contents table td.doble_table table tr:last-child th,
	.recruit_contents table td.doble_table table tr:last-child td{
		border-bottom:none !important;
}

/* lr_sort */
.recruit_contents table td .lr_sort{
	display:inline-block;
	position:relative;
	width:300px;
	max-width:100%;
	text-align:left;
	}
	.recruit_contents table td .lr_sort span{
		float:right;
		display:inline-block;
		text-align:right;
}


/* ----------------------------------------------------------------------
   recruit_contents 01-04
---------------------------------------------------------------------- */

/*
01 #1893C6
02 #78BC28
03 #F5A100
04 #E25F9E
*/
:root {
  --rc01-color:rgba(24,147,198,1);
  --rc02-color:rgba(120,188,40,1);
  --rc03-color:rgba(245,161,0,1);
  --rc04-color:rgba(226,95,158,1);
  --rc01-color_50:rgba(24,147,198,0.5);
  --rc02-color_50:rgba(120,188,40,0.5);
  --rc03-color_50:rgba(245,161,0,0.5);
  --rc04-color_50:rgba(226,95,158,0.5);
  --rc01-color_80:rgba(24,147,198,0.8);
  --rc02-color_80:rgba(120,188,40,0.8);
  --rc03-color_80:rgba(245,161,0,0.8);
  --rc04-color_80:rgba(226,95,158,0.8);
}

/* recruit_contents_01 */
#recruit_contents_01 h4,
#recruit_contents_01 table td ul li:before{
	background:var(--rc01-color);
}
#recruit_contents_01 table th,
#recruit_contents_01 table td{
	border-bottom:1px solid var(--rc01-color) !important;
}
#recruit_contents_01 table th{
	border-right:1px solid var(--rc01-color) !important;
	color:var(--rc01-color);
}
#recruit_contents_01 table td .rc_color,
#recruit_contents_01 table td strong,
#recruit_contents_01 table td b{
	color:var(--rc01-color);
}
#recruit_contents_01 table td.doble_table table tr th{
	background:var(--rc01-color_50);
}
#recruit_contents_01 table td.doble_table table tr:nth-child(even) th{
	background:var(--rc01-color_80);
}
#recruit_contents_01 table td.doble_table table tr:last-child th,
#recruit_contents_01 table td.doble_table table tr:last-child td{
	border-bottom:none !important;
}

/* recruit_contents_02 */
#recruit_contents_02 h4,
#recruit_contents_02 table td ul li:before{
	background:var(--rc02-color);
}
#recruit_contents_02 table th,
#recruit_contents_02 table td{
	border-bottom:1px solid var(--rc02-color) !important;
}
#recruit_contents_02 table th{
	border-right:1px solid var(--rc02-color) !important;
	color:var(--rc02-color);
}
#recruit_contents_02 table td .rc_color,
#recruit_contents_02 table td strong,
#recruit_contents_02 table td b{
	color:var(--rc02-color);
}
#recruit_contents_02 table td.doble_table table tr th{
	background:var(--rc02-color_50);
}
#recruit_contents_02 table td.doble_table table tr:nth-child(even) th{
	background:var(--rc02-color_80);
}
#recruit_contents_02 table td.doble_table table tr:last-child th,
#recruit_contents_02 table td.doble_table table tr:last-child td{
	border-bottom:none !important;
}

/* recruit_contents_03 */
#recruit_contents_03 h4,
#recruit_contents_03 table td ul li:before{
	background:var(--rc03-color);
}
#recruit_contents_03 table th,
#recruit_contents_03 table td{
	border-bottom:1px solid var(--rc03-color) !important;
}
#recruit_contents_03 table th{
	border-right:1px solid var(--rc03-color) !important;
	color:var(--rc03-color);
}
#recruit_contents_03 table td .rc_color,
#recruit_contents_03 table td strong,
#recruit_contents_03 table td b{
	color:var(--rc03-color);
}
#recruit_contents_03 table td.doble_table table tr th{
	background:var(--rc03-color_50);
}
#recruit_contents_03 table td.doble_table table tr:nth-child(even) th{
	background:var(--rc03-color_80);
}
#recruit_contents_03 table td.doble_table table tr:last-child th,
#recruit_contents_03 table td.doble_table table tr:last-child td{
	border-bottom:none !important;
}

/* recruit_contents_04 */
#recruit_contents_04 h4,
#recruit_contents_04 table td ul li:before{
	background:var(--rc04-color);
}
#recruit_contents_04 table th,
#recruit_contents_04 table td{
	border-bottom:1px solid var(--rc04-color) !important;
}
#recruit_contents_04 table th{
	border-right:1px solid var(--rc04-color) !important;
	color:var(--rc04-color);
}
#recruit_contents_04 table td .rc_color,
#recruit_contents_04 table td strong,
#recruit_contents_04 table td b{
	color:var(--rc04-color);
}
#recruit_contents_04 table td.doble_table table tr th{
	background:var(--rc04-color_50);
}
#recruit_contents_04 table td.doble_table table tr:nth-child(even) th{
	background:var(--rc04-color_80);
}
#recruit_contents_04 table td.doble_table table tr:last-child th,
#recruit_contents_04 table td.doble_table table tr:last-child td{
	border-bottom:none !important;
}

/* ----------------------------------------------------------------------
   rc_04_ex
---------------------------------------------------------------------- */

#rc_04_ex{
	padding-bottom:30px;
	border-bottom:1px solid #F3A17E;
}
#rc_04_ex p{
	margin:0 0 20px;
}
#rc_04_ex p b{
	font-weight:bold;
	color:var(--rc04-color);
}
#rc_04_ex ul{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:flex-start;
	flex-wrap:wrap;
	}
	#rc_04_ex ul li{
		margin:0 5px 5px;
		border:1px solid rgba(0,0,0,0.2);
		list-style:none;
	}
	#rc_04_ex ul li a{
		transition-duration:0.5s;
	}
	#rc_04_ex ul li a:hover{
		opacity:0.8;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#rc_04_ex ul li{
		width:48%;
		margin:0 1% 5px;
	}
}

/* ----------------------------------------------------------------------
   recruit_contact
---------------------------------------------------------------------- */

#recruit_contact{
	position:relative;
	width:615px;
	max-width:calc(100% - 40px);
	margin:0 auto 30px;
	padding:10px 20px;
	text-align:center;
	border:1px solid #004EA2;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	}
	#recruit_contact h3{
		position:relative;
		width:310px;
		max-width:100%;
		margin:0 auto 20px;
		padding:0 0 6px;
		font-family:'Kosugi Maru', sans-serif;
		font-size:1.4rem;
		text-align:center;
		border-bottom:1px solid #004EA2;
		color:#004EA2;
	}
	#recruit_contact p{
		font-family:'Kosugi Maru', sans-serif;
		font-size:1.0rem;
		text-align:center;
	}
	#recruit_contact .rc_ml{
		text-align:center;
		color:#004EA2;
}


/* -----------------------------------------------------------------
   table_scroll
----------------------------------------------------------------- */
/* --- responsive --- */
@media only screen and (max-width:767px){
	.table_scroll,
	.table_scroll_small,
	.table_scroll_big,
	.table_scroll_wide,
	.table_scroll_large{
		overflow:auto;
		position:relative;
	}
	.table_scroll > table,
	.table_scroll_small > table,
	.table_scroll_big > table,
	.table_scroll_wide > table,
	.table_scroll_large > table{
		margin-bottom:25px;
	}
	.table_scroll::-webkit-scrollbar,
	.table_scroll_small::-webkit-scrollbar,
	.table_scroll_big::-webkit-scrollbar,
	.table_scroll_wide::-webkit-scrollbar,
	.table_scroll_large::-webkit-scrollbar{
		height:10px;
	}
	.table_scroll::-webkit-scrollbar-track,
	.table_scroll_small::-webkit-scrollbar-track,
	.table_scroll_big::-webkit-scrollbar-track,
	.table_scroll_wide::-webkit-scrollbar-track,
	.table_scroll_large::-webkit-scrollbar-track{
		background: #555;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}
	.table_scroll::-webkit-scrollbar-thumb,
	.table_scroll_small::-webkit-scrollbar-thumb,
	.table_scroll_big::-webkit-scrollbar-thumb,
	.table_scroll_wide::-webkit-scrollbar-thumb,
	.table_scroll_large::-webkit-scrollbar-thumb{
		background: #BCBCBC;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}

	.table_scroll > table{
		width: 200% !important;
		max-width:200% !important;
	}
	.table_scroll_small > table{
		width: 150% !important;
		max-width:150% !important;
	}
	.table_scroll_big > table{
		width: 225% !important;
		max-width:225% !important;
	}
	.table_scroll_wide > table{
		width: 250% !important;
		max-width:250% !important;
	}
	.table_scroll_large > table{
		width: 300% !important;
		max-width:300% !important;
	}
}