@charset "utf-8";

/*==============================
/***  メインコンテンツ  ***/
/*=============================*/

/*お知らせ*/

.news01_01 .top02_02cate>ul>li a,
.news01_01 .top02_02cate>ul>li span{
	background: #F2F2F2;
	
}

.news01_01 .top02_02cate{
	padding: 1em 0 0 0;
}

.news01_01 .top02_02cate a,
.news01_01 .top02_02cate span{
	padding:0.5em 1.5em;
}

.news01_01 .top02_02cate a:hover{
	color: #F2F2F2;
	background: #333333;
}

.news01_01 .top05_02>ul>li>a>dl{
	align-items: center;
}

.news01_01 .sp_arrow::after {
	right:-2em;
}


/*採用*/
.recr02_00{
	width:100%;
	margin:0 auto 1em;
	box-sizing: border-box;
}

.recr02_00>ul>li{
	padding:0.2em 0;
	margin:0 0 0.3em;
	display: inline-block;
}

.recr02_00>ul>li a{
	padding:0 0.5em 0 1.5em;
	color:#999999;
	position: relative;
}


.recr02_00>ul>li a::after{
	content: '';
	background: url("../img/cms/recr_icon_01.svg") no-repeat;
	background-size: contain;
	width:6px;
	height:12px;
	position: absolute;
	top: 61%;
	left:0.8em;
	transform: translate(-50%,-50%);
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

.recr02_00>ul>li a:hover::after{
	left:1em;
}

.recr02_01{
	padding:0.5em 0.3em;
	margin:0.5em 0 1em 0;
	box-sizing: border-box;
	border-bottom:#009139 6px solid;
}

.recr02_02>ul{
	border:#E6E6E6 1px solid;
}

.recr02_02>ul>li{
	box-sizing: border-box;
	border-bottom:#E6E6E6 1px solid;
}

.recr02_02>ul>li:last-child{
	border-bottom:none;
	
}

.recr02_02>ul>li>dl{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.recr02_02>ul>li>dl>dt{
	width:100%;
	padding:0.7em 1.5em;
	box-sizing: border-box;
	background:#F2F2F2;
	color:#333333;
	font-weight: bold;
}

.recr02_02>ul>li>dl>dd{
	width:100%;
	padding:0.7em 1.5em;
	box-sizing: border-box;
}

.recr02_03>dl{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	margin:0 0 1em;
}

.recr02_03>dl>dt{
	width:10%;
	padding:0.5em 0 0 0;
	font-weight: bold;
}
.recr02_03>dl>dd{
	width:90%;
	padding:0 0 0 2em;
	box-sizing: border-box;
}

.recr03_01{
	width:100%;
	margin:0 auto;
	padding:1em;
	box-sizing: border-box;
	border:#EDEDED 4px solid;
	border-radius: 30px;
	background: #FFFFFF;
}

.recr04_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}


.recr04_01>ul>li:nth-child(1){
	width: 34%;
}
.recr04_01>ul>li:nth-child(2){
	width: 33%;
	padding: 0 0.5em;
	box-sizing: border-box;
}
.recr04_01>ul>li:nth-child(3){
	width: 33%;
	padding: 0 0.5em;
	box-sizing: border-box;
}

.recr04_01 input.text,
.recr04_01 select.text{
	width: calc(100% - 2em);
}

.recr00_01img img{
	width: auto;
	max-height: 300px;
	margin: 0 auto;
}

/*プルダウン矢印のデザイン変更*/

.top01_02select_block{
	position: relative;
	box-sizing: border-box;
}
.top01_02select_block::after{
	content: '';
	background: url("../img/cms/recr_icon_01.svg")no-repeat;
	background-size: contain;
	position: absolute;
	z-index: 3;
	width:6px;
	height:12px;
	top: 47%;
	right: 3em;
	transform: translate(-50%,-50%);
	pointer-events: none;
	transform: rotate( 90deg );
}

.top01_02select_block select,
.top01_02select_block input {
	cursor: pointer;
	-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
	-moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
	appearance: none; /* 標準のスタイルを無効にする */

}



/*線左1200右100％*/
.container {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.container::after {
	content: "";
	position: absolute;
	left: 0;
	width: calc(50vw + 50%); 
	height: 1px;
	background: #E0E0E0;
	bottom: 0;
}

.recr01_01 .top05_02>ul>li{
	max-width: 1200px;
	margin: 0 auto;
	padding:2em 0;
	position: relative;
}

.recr01_01 .top05_02>ul>li::after {
	content: "";
	position: absolute;
	left: 0;
	width: calc(50vw + 50%); 
	height: 1px;
	background: #E0E0E0;
	bottom: 0;
}


/*カテゴリ*/

.sotomi p{
	display: inline-block;
	position: relative;
	padding:0 1em;
	color:#333333;
	cursor: pointer;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;

}

.sotomi p:hover{
	color:#2168B8;
}

.sotomi span{
	display: inline-block;
	color:#333333;
	border-radius: 50px;
	text-decoration: none;
	padding:0 2em 0 0;
	position: relative;
}

.sotomi span::after{
	content: '';
	background: url("../img/cms/recr_arrow02.svg") no-repeat;
	background-size: contain;
	position: absolute;
	width: 9px;
    height: 8px;
    top: 57%;
	right: 0;
	transform: translate(-50%,-50%);
	pointer-events: none;
	/*transform: rotate( 90deg );*/	
}

.nakami  {
	position: absolute;
	width:100%;
	height:100%;
	display: none;
	height: 0;
	z-index: 15;
}
.nakami_block{
	display: block!important;
}


.nakami>ul{
	position: absolute;
	left:0;
	width:90%;
	max-width: 250px;
	padding:1em;
	z-index: 999;
	margin:0.7em 0 0 2%;
	box-sizing: border-box;
	background:rgba(255,255,255,0.95);
	box-shadow:0px 0px 8px 1px rgba(0,0,0,0.2);
}

.nakami>ul>li{
}
.nakami>ul>li a{
	display: block;
	box-sizing: border-box;
	padding:0.5em;
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;

}
.nakami>ul>li a:hover{
	background:#F2F2F2;
	box-sizing: border-box;
	padding:0.5em;
}


/*カテゴリお知らせ版*/


.news01_01cate .sotomi p:hover{
	color:#A2906A;
}

.news01_01cate .sotomi span{
	color:#333333;
}


.news01_01cate .nakami>ul{
	left:auto;
	right: 1em;
}
.news01_01cate .recr01_01cate .sotomi {
	text-align: right;
}


/*=====================
	前へ次へ
	スマホ時落ちるパターン
======================*/

.prenex{
	display: table;
	width:100%;
	table-layout: fixed;
}

.prev02_01{
	width:96%;
	margin:0.5em auto;
}

.next02_01{
	width:96%;
	margin:0.5em auto;
}

.prev02_01block{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	align-items: center;
}
.next02_01block{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	justify-content: flex-end;
	align-items: center;
}

.prev02_01img{
	width:25%;
	margin:0 3% 0 0;

}

.prev02_01text{
	width:72%;
	margin:0;
}

.next02_01img{
	width:25%;
	margin:0 0 0 3%;

}
.next02_01text{
	width:72%;
	margin:0 0 0 28%;
}

.next02_01img{
	order: 2;
}
.next02_01text{
	order: 1;
}
/*=====================
	/前へ次へ
	/スマホ時落ちるパターン
======================*/

.youtube {
	position:relative;
	padding-bottom: 60%; /* 100/横*縦*/
	height: 0;
	overflow: hidden;
}
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/***  CMSのフリー領域処理  ***/
.cms_free p img { display: block; width:auto; float:none; padding:1em 0; }
.cms_free p img.alignright { margin: 0 0 0 auto; }/* 配置位置 右 */
.cms_free p img.alignleft { margin: 0 auto 0 0; }/* 配置位置 左 */
.cms_free p img.aligncenter { margin: 0 auto; }/* 配置位置 中央 */
.cms_free p img.alignnone { margin: 0 auto 0 0; }/* 配置位置 左 */

.cms_free img { display: block; width:auto; float:none; padding:1em 0; }
.cms_free img.alignright { margin: 0 0 0 auto; }/* 配置位置 右 */
.cms_free img.alignleft { margin: 0 auto 0 0; }/* 配置位置 左 */
.cms_free img.aligncenter { margin: 0 auto; }/* 配置位置 中央 */
.cms_free img.alignnone { margin: 0 auto 0 0; }/* 配置位置 左 */

.cms_free img { width: auto; max-width: 100%; }/* 配置位置 左 */

.cms_free p { padding:0.3em 0; }

.cms_free table { border: #CCCCCC solid 1px; width:100%; border-collapse: collapse; border-spacing: 0; }

.cms_free table td {
	border-right: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
}

.cms_free table th {
	border-right: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
	font-weight: normal;
}

.cms_free iframe {
	width: 100% !important;
}

.reco01_01>ul,
.reco01_01>ul>li>dl{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
.reco01_01>ul>li>dl{
	align-items: center;
}

.reco01_01>ul>li{
	width:100%;
	padding:0 1em 1em;
	box-sizing: border-box;
}

.reco01_01>ul>li>dl>dt{
	width:35%;
}
.reco01_01>ul>li>dl>dd{
	width:65%;
	padding:0 1.5em;
	box-sizing: border-box;
}

/***  ページナビゲーション  ***/
.wp-pagenavi {
	clear: both;
	text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
	color: #B0B0B0;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	/*
	padding: 8px 15px;
	margin: 0 2px;
	*/
	padding: 0.7em 2.5%;
	margin: 0 0.5%;
	white-space: nowrap;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
}
.wp-pagenavi a:hover{
	color: #000000;
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	}
.wp-pagenavi span.current{
	color: #000000;
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	font-weight: normal;
	}

.wp-pagenavi span.pages{
	display: none;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	color: #B0B0B0;
	font-weight: bold;
	background-color: #FFFFFF;
	border-color: #FFFFFF;
}

.wp-pagenavi .first,
.wp-pagenavi .last {
	display: none;
	color: #B0B0B0;
	font-weight: bold;
	background-color: #FFFFFF;
	border-color: #FFFFFF;
}


/***  カレンダー  ***/
.wp-calendar{
	margin:1.5em 0;
}

.wp-calendar table{
	width:100%;
	padding-top:0.5em;
	color:#000000;
}

.wp-calendar table th,
.wp-calendar table td{
	width:14.2857%;
	background-color:none;
	text-align:center;
}

.wp-calendar table tfoot a {
	text-decoration:underline;
}

.wp-calendar table tfoot a:hover {
	text-decoration:none;
}

.wp-calendar table tbody a {
	display:block;
	color:#000000 !important;
	background-color:#E7E7E7;
	text-decoration:none;
}

.wp-calendar table tbody a:hover {
	color:#000000 !important;
	background-color:#CCCCCC;
}


.top01_01smn,
.top01_02smn{
	position:relative;
	padding-bottom: 70%; /* 100/横*縦*/
	height: 0;
	overflow: hidden;
}

.top01_02smn{
	background:#E6E6E6;
}
.top01_01smn span,
.top01_01smn a,
.top01_02smn span,
.top01_02smn a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.top01_01smn img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.top01_02smn img{
	width: 100%;
	height: 100%;
	object-fit:contain;
}


/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {

/*お知らせ*/
	
.news01_01 .top02_02cate{
	padding: 0;
}

.news01_01 .recr01_01 .top05_02>ul>li>a>dl>dt{
	width:34%;
	margin:0;
}

.news01_01 .recr01_01 .top05_02>ul>li>a>dl>dd{
	width:66%;
	padding:0.5em 0 0.5em 2em;
	margin:0;
}
	
	
/*採用*/
.recr01_01 .top05_02>ul>li{
	padding:3em 0;
}
	
.recr01_01 .top05_02>ul>li>a>dl>dt{
	width:29.583333%;
	margin:0;
}

.recr01_01 .top05_02>ul>li>a>dl>dd{
	width:70.416667%;
	padding:0.5em 0 0.5em 2em;
	margin:0;
}
	
.recr02_00>ul>li a{
	padding:0 1em 0 2em;
}

.recr02_02>ul>li>dl>dt{
	width:25%;
	padding:1.5em;
}

.recr02_02>ul>li>dl>dd{
	width:75%;
	padding:1.5em;
}

.recr03_01{
	width:80%;
	padding:2em;
	border:#EDEDED 6px solid;
}
	
.recr00_01img img{
	max-height: 500px;
}	

/*カテゴリ*/
.sotomi span,
.news01_01cate .sotomi span{
	display: none;
}

.recr01_01cate{
	display: inline-flex;
	flex-wrap:wrap;
	width:100%;
}

.sotomi p{
	padding:0.5em 1em 0;
	cursor:default;
}
	
.sotomi p:hover{
	color:#333333;
}
	
.nakami{
	font-size: 90%;
	position:static;
	width:auto;
	height:100%;
	display: block;
	height: auto;
	z-index: 15;
	top:auto;
}
.nakami>ul{
	position: static;
	left:0;
	width:100%;
	max-width: none;
	padding:0;
	z-index: 999;
	margin:0;
	box-sizing: border-box;
	background:none;
	box-shadow:none;
}

.nakami>ul>li{
	display: inline-block;
}
.nakami>ul>li a{
	display: inline-block;
	box-sizing: border-box;
	padding:0.5em 2em;
	border-radius: 50px;
	text-decoration: none;
	color:#84ABD3;
	background:#F2F2F2;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;

}
.nakami>ul>li a:hover{
	color:#F2F2F2;
	background:#2168B8;
	box-sizing: border-box;
	padding:0.5em 2em;
}
.nakami_hover{
	color:#F2F2F2 !important;
	background:#2168B8 !important;
}
	
	
/*お知らせ版カテゴリ*/
.news01_01cate{
	margin-top:-4em;
}
	
.news01_01cate .recr01_01cate {
	justify-content: flex-end;
}
.news01_01cate .sotomi p{
	padding:0 1em 0;
}

.news01_01cate .nakami>ul>li a{
	color:#6D6D6D;
	background:#F2F2F2;
}
	
.news01_01cate .nakami_hover{
	color:#F2F2F2 !important;
	background:#6D6D6D !important;
}
	
.news01_01cate .nakami>ul>li a:hover{
	color:#F2F2F2 ;
	background:#6D6D6D ;
}
	
.news01_01cate .sotomi p:hover{
	color:#333333;
}
	

.prev02_01,
.next02_01{
	display: table-cell;
	vertical-align: middle;
	width:48%;
	margin:0 2% 0 0;
	border: none;
}
.next02_01{
	display: table-cell;
	width:48%;
	margin:0 0 0 2%;
	border: none;
}


	
}

@media (min-width : 1024px) {
	
	
}
/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1200px) {
	
/**** メインコンテンツ　****/ 
	
.news01_01 .recr01_01 .top05_02>ul>li>a{
	width: 87%;
	margin:-3em 0 0 13%;
}
	
/***  ページナビゲーション  ***/
.wp-pagenavi a, .wp-pagenavi span {
	padding: 8px 15px;
	margin: 0 5px;
}

}
/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1600px) {
/**** メインコンテンツ　****/ 


}