@charset "UTF-8";



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通項目 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
*{margin:0;padding:0;text-decoration:none}fieldset{border:0}body{line-height:1.8;font-size:88%}body,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,ul{margin:0;padding:0}img{border:0;vertical-align:top}a{text-decoration:none}em{font-style:normal}ul li{list-style-type:none;list-style-image:none}address{font-style:normal}



body {
	position: relative;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-weight: 400;
	color: #231815;
	padding: 0;
	margin: 0;
	letter-spacing: .04rem;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	box-sizing: border-box;
}

body.noscroll{
  overflow: hidden;
}

a:hover{
	text-decoration: none;;
}

h2,h3,h4{
	font-weight: normal;
}
/* 欧文フォント */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.en {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
.en_wt{
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
}

.green{
	color:#008486;
}



ul.list_Link.link--Next > * a[target="_blank"]:not(.js-link--None):after, .list_Link.link--Next:not(ul) a[target="_blank"]:not(.js-link--None):after, a[target="_blank"]:not(.js-link--None):after, a[target="_blank"]:not(.icon--Modal):after {
    content: "";
    display: none;
}


/* flex */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.flex {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-start {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.flex-end {
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	 -ms-flex-direction: row-reverse;
		 flex-direction: row-reverse;
}

.tablet{
	display: none;
}
.sp{
	display: none;
}
.itnh{
	display: none;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヘッダー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
header.is--Up{
	display: none;
}


#pageTop {
	z-index: 200
}	



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* レフトナビゲーション */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */


#main{
	position: relative;
}
#nav_sp	{
	display: none;
}

/* #pc_leftnav
--------------------- */
#pc_leftnav{
	position:absolute;
	top:0;
	left:0;
	width: 200px;
	height: 752px;
	z-index: 5;
}

.lnav_ab{
	display: flex;
	align-items: center;
	width: 100%;
/*	height: calc(100% - 120px);*/
	height: calc(100% - 180px);
}
	.lnav_ab li a{
		display: block;
		width: 100%;
		padding: 18px 0;
		padding-left: 30px;
		font-size:1.13rem;
		font-weight: 900;
		line-height: 1.2;
		color:#fff;
		transition:all .4s;
	}
		.lnav_ab li a:hover{
			opacity:0.7;
		}
	.lnav_ab li a span{
		font-size:0.6rem;
		font-weight: 400;
		line-height: 1;
	}
.lnav_ud{
	width: 100%;
/*	height: 120px;*/
	height: 180px;
}
	.lnav_ud li a{
		position: relative;
		display: block;
		width: 100%;
		height: 60px;
		font-size:0.9rem;
		font-weight: 900;
		line-height: 1.3;
		letter-spacing: 0.04rem;
		text-align: center;
		color:#fff;
		transition: all .4s;
	}
	.lnav_ud li a:after{
		content: "";
		display: none!important;
	}
		.lnav_ud li a:hover{
			opacity:0.7;
		}
	.lnav_ud li:first-child a{
		background-color: #38C4C6;
	}
	.lnav_ud li:nth-child(2) a{
		background-color: #229D9F;
	}
	.lnav_ud li:nth-child(3) a{
		background-color: #008486;
	}
		.lnav_ud li a span{
			width: 100%;
			display: block;
			position: absolute;
			top:50%;
			left:50%;
			transform: translate(-50%,-50%);
		}



/* pcレフトナビ全体展開の記述 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.lnav_ab>ul{
	position: relative;
}

#main.active{
	z-index: 220;
}

/* #pc_leftnav
--------------------- */
#pc_leftnav.fixed{
	position: fixed;
	top:0;
	left: 0;
	width: 200px;
	height: 100vh;
	z-index: 10;
}
	#pc_leftnav.fixed .lnav_ab li a{
		color:#333333;
	}



#pc_leftnav.active{
	position: fixed;
	height: 100vh;
	z-index: 10;
}
	#pc_leftnav.active .lnav_ab li a{
		color:#333333;
	}
	#pc_leftnav .lnav_ab ul.tab li a.active{
		color:#008486;
	}

/* パネル展開
--------------------- */
.lnav_pnl{
	display: none;
}
.lnav_pnl.active{
	display: block;
	position:fixed;
	top:0;
	left:0px;
	z-index: 4;
	width: 100vw;
	height: 100vh;
	background-color: #EDF6F6;
}
.lnav_pnl .inner{
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
}
	.lnav_pnl .inner .nv_panettl{
		position: absolute;
		top:50px;
		right:0px;
		color:#008486;
		text-align: right;
	}
		.lnav_pnl .inner .nv_panettl .ttl{
			font-size: 40px;
			line-height: 1;
		}
		.lnav_pnl .inner .nv_panettl .asi{
			font-size: 14px;
			line-height: 1;
			margin-top: 10px;
		}

	.lnav_pnl .inner .nv_cntnts{
		position: relative;
		width: 100%;
	}
		.lnav_pnl .inner ul.mn_btns,
		.lnav_pnl .inner ul.rcrit_nvbtns{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
		}
			.lnav_pnl01 .inner .nv_cntnts ul.mn_btns li,
			.lnav_pnl03 .inner .nv_cntnts ul.mn_btns li,
			.lnav_pnl05 .inner .nv_cntnts ul.mn_btns li{
				display: block;
				width: 31.4%;
				margin-right: 2.9%;
				background-color: #fff;
				text-align: center;
			}
			.lnav_pnl02 .inner .nv_cntnts ul.mn_btns li,
			.lnav_pnl04 .inner .nv_cntnts ul.mn_btns li{
				display: block;
				width: 48.5%;
				margin-right: 3%;
				background-color: #fff;
				text-align: center;
			}			
			.lnav_pnl03 .inner .nv_cntnts ul.mn_btns li:nth-child(n+4){
				margin-top: 70px;
			}
			.lnav_pnl03 .inner .nv_cntnts ul.mn_btns li:nth-child(3n){
				margin-right: 0;
			}
		.lnav_pnl05 .inner .nv_cntnts ul.rcrit_nvbtns{
			margin-top: 70px;
		}
			.lnav_pnl05 .inner .nv_cntnts ul.rcrit_nvbtns li{
				display: block;
				width: 31.4%;
				margin-right: 2.9%;
				background-color: #fff;
				text-align: center;
			}
			.lnav_pnl05 .inner .nv_cntnts ul.rcrit_nvbtns li:nth-child(3n){
				margin-right: 0;
			}
			.lnav_pnl05 .inner .nv_cntnts ul.rcrit_nvbtns li:nth-child(n+4){
				margin-top: 30px;
			}
				.lnav_pnl05 .inner .nv_cntnts ul.rcrit_nvbtns li a{
					position: relative;
					width: 100%;
					height: 80px;
					display: block;
					font-size:16px;
					line-height: 1.4;
					color:#333333;
					font-weight: normal;;cursor: pointer;
					transition: all .4s;
					text-align: left;
				}
				.lnav_pnl05 .inner .nv_cntnts ul.rcrit_nvbtns li a:before {
					content: '';
					width: 20px;
					height: 10px;
					background: url("../../common/img/arrow_right_simple_green.svg") no-repeat center;
					-webkit-background-size: contain;
					background-size: contain;
					position: absolute;
					top: 50%;
					right: 15px;
					transform: translateY(-50%);
					transition: all .4s;
				}
				.lnav_pnl05 .inner .nv_cntnts ul.rcrit_nvbtns li a:hover:before {
					content: '';
					right: 10px;
				}
				.lnav_pnl05 .inner .nv_cntnts ul.rcrit_nvbtns li a:hover{
					opacity: 0.7;
				}
				.lnav_pnl05 .inner .nv_cntnts ul.rcrit_nvbtns li a:after {
					display: none;
				}
				.lnav_pnl05 .inner .nv_cntnts ul.rcrit_nvbtns li a p{
					width: 100%;
					height: 100%;
					display: flex;
					align-items: center;
					justify-content: flex-start;
					padding-left: 20px;
				}
				@media screen and (max-width: 1280px) {
					.itnh{
						display: block;
					}
				}

			.lnav_pnl .inner .nv_cntnts ul li:last-child{
				margin-right: 0;
			}
				.lnav_pnl .inner .nv_cntnts ul.mn_btns li a{
					position: relative;
					display: block;
					height: 200px;
					letter-spacing: 0.08rem;
					transition: all .4s;
				}
				#tab1.lnav_pnl .inner .nv_cntnts ul.mn_btns li:nth-child(1) a{
					width: 100%;
					background: url("../../common/img/grnav_open/feature_pht01.jpg") no-repeat center;	
					background-size: cover;
				}
				#tab1.lnav_pnl .inner .nv_cntnts ul.mn_btns li:nth-child(2) a{
					width: 100%;
					background: url("../../common/img/grnav_open/feature_pht02.jpg") no-repeat center;	
					background-size: cover;
				}
				#tab1.lnav_pnl .inner .nv_cntnts ul.mn_btns li:nth-child(3) a{
					width: 100%;
					background: url("../../common/img/grnav_open/feature_pht03.jpg") no-repeat center;	
					background-size: cover;
				}

				#tab2.lnav_pnl .inner .nv_cntnts ul.mn_btns li:nth-child(1) a{
					width: 100%;
					background: url("../../common/img/grnav_open/about_pht01.jpg") no-repeat center;	
					background-size: cover;
				}
				#tab2.lnav_pnl .inner .nv_cntnts ul.mn_btns li:nth-child(2) a{
					width: 100%;
					background: url("../../common/img/grnav_open/about_pht02.jpg") no-repeat center;	
					background-size: cover;
				}

				#tab3.lnav_pnl .inner .nv_cntnts ul.mn_btns li:nth-child(1) a{
					width: 100%;
					background: url("../../common/img/grnav_open/work-people_pht01.jpg") no-repeat center;	
					background-size: cover;
				}
				#tab3.lnav_pnl .inner .nv_cntnts ul.mn_btns li:nth-child(2) a{
					width: 100%;
					background: url("../../common/img/grnav_open/work-people_pht02.jpg") no-repeat center;	
					background-size: cover;
				}
				#tab3.lnav_pnl .inner .nv_cntnts ul.mn_btns li:nth-child(3) a{
					width: 100%;
					background: url("../../common/img/grnav_open/work-people_pht03.jpg") no-repeat center;	
					background-size: cover;
				}
				#tab3.lnav_pnl .inner .nv_cntnts ul.mn_btns li:nth-child(4) a{
					width: 100%;
					background: url("../../common/img/grnav_open/work-people_pht04.jpg") no-repeat center;	
					background-size: cover;
				}
				#tab3.lnav_pnl .inner .nv_cntnts ul.mn_btns li:nth-child(5) a{
					width: 100%;
					background: url("../../common/img/grnav_open/work-people_pht05.jpg") no-repeat center;	
					background-size: cover;
				}

				#tab4.lnav_pnl .inner .nv_cntnts ul.mn_btns li:nth-child(1) a{
					width: 100%;
					background: url("../../common/img/grnav_open/movie_pht01.jpg") no-repeat center;	
					background-size: cover;
				}
				#tab4.lnav_pnl .inner .nv_cntnts ul.mn_btns li:nth-child(2) a{
					width: 100%;
					background: url("../../common/img/grnav_open/movie_pht02.jpg") no-repeat center;	
					background-size: cover;
				}

				#tab5.lnav_pnl .inner .nv_cntnts ul.mn_btns li:nth-child(1) a{
					width: 100%;
					background: url("../../common/img/grnav_open/recruit_pht01.jpg") no-repeat center;	
					background-size: cover;
				}
				#tab5.lnav_pnl .inner .nv_cntnts ul.mn_btns li:nth-child(2) a{
					width: 100%;
					background: url("../../common/img/grnav_open/recruit_pht02.jpg") no-repeat center;	
					background-size: cover;
				}
				#tab5.lnav_pnl .inner .nv_cntnts ul.mn_btns li:nth-child(3) a{
					width: 100%;
					background: url("../../common/img/grnav_open/recruit_pht03.jpg") no-repeat center;	
					background-size: cover;
				}





				.lnav_pnl .inner .nv_cntnts ul.mn_btns li a:hover{
					opacity:0.7; 
				}
					.lnav_pnl .inner .nv_cntnts ul.mn_btns li a .btn_cntnr{
						width: 100%;
						height: 100%;
						display: flex;
						justify-content: center;
						align-items: center;
					}
					.lnav_pnl .inner .nv_cntnts ul.mn_btns .ttl{
						font-size:20px;
						line-height: 1.3;
						color:#fff;
					}
					.lnav_pnl .inner .nv_cntnts ul.mn_btns .en_wt{
						font-size:12px;
						line-height: 1;
						font-weight: 500;
						margin-top: 10px;
						color:#fff;
					}
				.lnav_pnl .inner .nv_cntnts ul.mn_btns li a:after{
					content:'';
					display: block!important;
					width: 60px!important;
					height: 60px!important;
					background: url("../../common/img/arrow_left.svg") no-repeat center!important;
					-webkit-background-size: contain!important;
					background-size: contain!important;
					position: absolute!important;
					bottom:0!important;
					left:50%!important;
					transform: translate(-50%,50%)!important;
					transition: all .4s!important;
					z-index:3!important;	
				}
				.lnav_pnl .inner .nv_cntnts ul.mn_btns li a:hover:after{
					bottom:15px!important;
					left:50%!important;
					transform: translate(-50%,50%)rotate(-90deg)!important;
				}


		.lnav_pnl .inner .nv_cntnts .nvpn_close{
			position: absolute;
			right:0;
			bottom:-140px;
		}
		.lnav_pnl .inner .nv_cntnts .nvpn_close a{
			position: relative;
			display: block;
			color:#333;
			font-size:12px;
			line-height: 1;
			font-weight: normal;
			padding-left: 30px;
			transition: all .4s;
		}
		.lnav_pnl .inner .nv_cntnts .nvpn_close a:after{
			content:'';
			width: 20px;
			height: 20px;
			background: url("../../img/close_icon.svg") no-repeat center;
			-webkit-background-size: contain;
			background-size: contain;
			position: absolute;
			top:50%;
			left:0;
			transform: translateY(-50%);
			transition: all .4s;
			z-index:3;	
		}
			.lnav_pnl .inner .nv_cntnts .nvpn_close a{
				opacity: 0.7;
			}
		.lnav_pnl .inner .nv_cntnts .nvpn_close a:hover:after{
			transform: translateY(-50%) rotate(90deg);
		}












	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#main{
	width: 100%;
	position: relative;
	overflow: hidden;
}
	.inner{
		position: relative;
		max-width: 1526px;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		
	}
	@media screen and (max-width: 2000px) {
		.inner{
			max-width: none;
			width: auto;
			margin-right: calc(((100% - 1600px) / 2) + 38px);
			margin-left: 250px;
			padding-left: 0;
			padding-right:0;
		}
	}
	@media screen and (max-width: 1600px) {
		.inner{
			max-width: none;
			width: auto;
			margin-right: 40px;
			margin-left: 240px;
			padding-left: 0;
			padding-right: 0;
		}
	}
	@media screen and (max-width: 1120px) {
		.inner{
			min-width: 1000px;
			margin: 0px auto;
			padding-left: 38px;
			padding-right:38px;
		}
	}
	@media screen and (max-width: 768px) {
		.inner{
			min-width: 90%;
			width: 90%;
			margin: 0px auto;
			padding-left: 0px;
			padding-right:0px;
		}
	}


/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層ページMV */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/*udrlyr_mv
--------------------- */
.udrlyr_mv{
	position:relative;
	width: 100%;
	height: 752px;
}
.udrlyr_mv.job {
	background: url("../img/udrlyr_mv/job_mvbg.jpg") no-repeat center;
	background-size: cover;
}
.udrlyr_mv.figure {
	background: url("../img/udrlyr_mv/figure_mvbg.jpg") no-repeat center;
	background-size: cover;
}
.udrlyr_mv.interview {
	background: url("../img/udrlyr_mv/interview_mvbg.jpg") no-repeat center;
	background-size: cover;
}
.udrlyr_mv.pkup01 {
	background: url("../img/udrlyr_mv/pkup01_mvbg.jpg") no-repeat center;
	background-size: cover;
}
.udrlyr_mv.pkup02 {
	background: url("../img/udrlyr_mv/pkup02_mvbg.jpg") no-repeat center;
	background-size: cover;
}
	
	.udrlyr_title{
		position:absolute;
		top:280px;
		left: 70px;
		z-index: 2;
		color:#fff;
	}
		.udrlyr_title h1{
			width: 100%;
			font-size:3.8rem;
			line-height: 1;
			font-weight: 900;
			letter-spacing: .1rem;
			color:#fff;
		}
		.udrlyr_title p.en{
			font-size:1.1rem;
			line-height: 1;
			letter-spacing: .1rem;
			font-weight: 500;
			margin-top: 20px;
		}	
		.udrlyr_title p.txt{
			font-size:1.0rem;
			line-height: 1.8;
			letter-spacing: .1rem;
			margin-top: 40px;
		}

.udrlyr_mv.sub_mv {
	height: auto;
}
	.sub_mv .udrlyr_title{
		position: static;
		padding-top: 100px;
	}
		.sub_mv .udrlyr_title h1{
			color:#333333;
		}
		.sub_mv .udrlyr_title .txt{
			color:#333333;
			text-align: left;
		}


/*モーダル
--------------------- */
.content{
    margin: 0 auto;
    padding: 40px;
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 270;
}
.modal.active{
    display: block;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal___content{
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	max-width: 1000px;
    width: 80%;
}	
.modal___content .cls_prnt{
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
}	

.modal___content .cls_prnt .video_area{
	width: 100%;
}
	.modal___content .cls_prnt video{
		display: block;
		width: 100%;
		height: auto;
	}

.modal___content a.js-modal-close{
	position: absolute;
	top:-50px;
	right:0;
	width: 30px;
	height: 30px;
	transition: all .4s;
}	
.modal___content a.js-modal-close:hover{
	opacity: 0.7;
	}		
	.modal___content a.js-modal-close img{
		object-fit: contain;
	}	





/* 1120px */
@media screen and (max-width: 1120px) {
	

	#pc_leftnav{
		display: none;
	}

	.tablet{
		display: block;
	}
	
#nav_sp	{
	position: fixed;
	bottom:0;
	right:0;
	z-index: 260;
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #3BA1A2;
}
	
.nav_htrbtn {
	position: relative;
	display: block;
	width:calc(100% - 70px);
	height: 70px;
	z-index: 260;
}
	.nav_htrbtn dt{
		width: 100%;
		height: 100%;
		display: flex;
		align-items:center;
		justify-content: center;
		color:#fff;
		background-color: #008486;
		font-size:16px;
		font-weight: bold;
	}
	
	.nav_htrbtn dt::before,
	.nav_htrbtn dt::after {
		content: '';
		display: block;
		width: 20px;
		height: 1px;
		border-radius: 5px;
		background: #fff;
		position: absolute;
		right: 30px;
		top: 50%;
		transform: translateY(-50%);
	}
	.nav_htrbtn dt::after {
		background: #fff;
		transform: translateY(-50%) rotate(90deg);
		transition: 0.5s;
	}
	.nav_htrbtn dt.active::after{
		transform: rotate(0)!important;
	}	
	.nav_htrbtn dd{
		position: absolute;
		top:0px;
		left:0;
		width:100%;
		height: auto;
		color:#fff;
		background-color: #008486;
		transform: translateY(-100%)
	}
		.nav_htrbtn dd ul{
			width: 100%;
			height: auto;
			border-top: 1px solid #3BA1A2;
		}	
			.nav_htrbtn dd ul li{
				position: relative;
				width: 100%;
				height: 55px;
				border-bottom: 1px solid #3BA1A2;
			}
			.nav_htrbtn dd ul li a{
				width: 100%;
				height: 100%;
				font-weight: 600;
				line-height: 1.3;
				color:#fff;
				text-align: center;
			}
			.nav_htrbtn dd ul li a:after{
				content: '';
				display: block!important;
				width: 20px!important;
				height: 10px!important;
				background: url("../../common/img/arrow_right_simple_white.svg") no-repeat center!important;
				-webkit-background-size: contain!important;
				background-size: contain!important;
				position: absolute!important;
				top: 50%!important;
				right: 30px!important;
				transform: translateY(-50%)!important;
				transition: all .4s!important;
			}
			.nav_htrbtn dd ul li a:hover:after{
				right:25px!important;
			}
				.nav_htrbtn dd ul li a p{
					width: 100%;
					height: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
				}
	
	

/* ハンバーガーメニュー
	--------------------- */
.humburger_cntnr{
	z-index: 260;
}
.burger-btn{
	display: block;      
	width:70px;      
	height:70px;      
	position: relative;      
	z-index: 3;
	border:none;   
	background-color: #333333;
}    
	.bar{      
	  width: 30px;      
	  height: 1px;        
	  display: block;      
	  position: absolute;      
	  left: 50%;      
	  transform: translateX(-50%);      
	  background-color: #fff;   
	}    
	.bar_top{   
	  top: 26px;
	}
	.bar_mid{    
	  top: 50%;
	  transform: translate(-50%,-50%);
	}
	.bar_bottom{
	  bottom: 26px;
	}
		.burger-btn.close .bar_top{      
		  transform: translate(-50%,10px) rotate(45deg);      
		  transition: transform .3s;    
		}    
		.burger-btn.close .bar_mid{      
		  opacity: 0;       
		  transition: opacity .3s;    
		}    
		.burger-btn.close .bar_bottom{      
		transform: translate(-50%,-8px) rotate(-45deg);      
		transition: transform .3s;    
		}
	
.nav-wrapper{      
	display: none;      
	width: 100vw;      
	height: 100vh;      
	position: fixed;      
	top: 0;      
	left: 0;       
	z-index: 250; 
/*	transition: all .4s;*/
}    
.nav-wrapper.active{
	display:block; 
}
	.nav-nav{        
		width: 100%;        
		height: 100%;        
		background-color:#EDF6F6;    
		z-index: 2; 
		text-align: center;
		padding: 110px 0;
		color:#fff;
		overflow-y:scroll;
	} 

		.nav-nav .nav-list{   
			max-width: 800px;
			width: 90%;
			margin: 0 auto;
			letter-spacing: .09rem;
			border-bottom:1px solid #BEBEBE;
		}      
			.nav-nav .nav-item{ 
				display: block;
				position: relative;
				width: 100%;
				height: 70px;
				font-size:18px;
				line-height: 1;
				font-weight: 600;
				color:#008486;
				border-top:1px solid #BEBEBE;
				cursor: pointer;
				text-align: left;
				padding-left: 10px;
			}
			.nav-nav .nav-item{ 
				display: flex;
				align-items: center;
			}
			.nav-nav .nav-item:hover{ 
				opacity: .6;
				transition: all .4s;
			}
			.nav-nav .navitem-a :after{
				content: '';
				width: 20px;
				height: 10px;
				background: url("../../common/img/arrow_right_simple_green.svg") no-repeat center;
				-webkit-background-size: contain;
				background-size: contain;
				position: absolute;
				top: 50%;
				right: 30px;
				transform: translateY(-50%);
				transition: all .4s;
			}
			.nav-nav .navitem-a:hover :after{
				content: '';
				right: 25px;
			}
			.nav-nav .nav-item span{        
				font-size:14px;
				line-height: 1;
				letter-spacing: 0.04rem;
				font-weight: normal;
				color:#333333;
				padding-left: 15px;
			}
				.nav-nav .nav-item::before,
				.nav-nav .nav-item::after {
					content: '';
					display: block;
					width: 20px;
					height: 1px;
					border-radius: 5px;
					background: #008486;
					position: absolute;
					right: 30px;
					top: 50%;
					transform: translateY(-50%);
				}
				.nav-nav .nav-item::after {
					background: #008486;
					transform: translateY(-50%) rotate(90deg);
					transition: 0.5s;
				}
				.nav-nav .nav-item.navitem-a::before,
				.nav-nav .nav-item.navitem-a::after {
					display: none;
				}
				.nav-nav .nav-item.active::after{
					transform: rotate(0)!important;
				}
	
	.nav-nav dd ul{  
		padding-bottom: 20px;
		margin-top: -10px;
	}

			.nav-nav dd ul li{  
				display: block;
				width: 100%;
				height: auto;
				font-size:14px;
				line-height: 1.2;	
				color:#333333;
				overflow: hidden;
				text-align: left;
			}
				.nav-nav dd ul li a{
					display: block!important;
					position: relative;
					width: 100%;
					height: auto;
					padding: 8px 0 8px 30px;					
					color:#333333;
					transition: all 0.4s;
				}
					.nav-nav dd ul li a:hover{
						opacity: 0.7;
					}
	
				.nav-nav dd ul li a:before {
					content: '';
					width: 16px;
					height: 8px;
					background: url("../../common/img/arrow_right_simple_green.svg") no-repeat center;
					-webkit-background-size: contain;
					background-size: contain;
					position: absolute;
					top: 50%;
					left: 4px;
					transform: translateY(-50%);
					transition: all .4s;
				}
				.nav-nav dd ul li a:hover:before {
					content: '';
					left: 8px;
				}
	
#gFooter {
    margin-bottom: 70px;
}

}

	







/* max 767px */
@media screen and (max-width: 767px) {

.pc{
	display: none;
}
.sp{
	display: block;
}
	
#pageTop {
	bottom:90px!important;
	right:13px;
	z-index: 200
}	

.nav_htrbtn {
	width:calc(100% - 55px);
	height: 55px;
}
	.nav_htrbtn dt{
		font-size:13px;
	}
	
	.nav_htrbtn dt::before,
	.nav_htrbtn dt::after {
		content: '';
		right: 13px;
		top: 50%;
		transform: translateY(-50%);
	}
	.nav_htrbtn dt::after {
		background: #fff;
		transform: translateY(-50%) rotate(90deg);
		transition: 0.5s;
	}
			.nav_htrbtn dd ul li a{
				font-size: 13px;
			}
			.nav_htrbtn dd ul li a:after{
				content: '';
				width: 20px!important;
				height: 10px!important;
				right: 13px!important;
			}
			.nav_htrbtn dd ul li a:hover:after{
				right:7px!important;
			}
				.nav_htrbtn dd ul li a p{
					width: 100%;
					height: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
				}

.burger-btn{  
	width:55px;      
	height:55px;      
}    
	.bar{      
	  width: 26px; 
	}    
	.bar_top{   
	  top: 19px;
	}
	.bar_bottom{
	  bottom: 19px;
	}
		.burger-btn.close .bar_top{      
		  transform: translate(-50%,9px) rotate(45deg);       
		}    

			.nav-nav .nav-item{ 
				height: 60px;
				font-size:14px;
				padding-left: 5px;
			}
			.nav-nav .nav-item{ 
				display: flex;
				align-items: center;
			}
			.nav-nav .nav-item:hover{ 
				opacity: .6;
				transition: all .4s;
			}
			.nav-nav .navitem-a :after{
				content: '';
				right: 10px;
			}
			.nav-nav .navitem-a:hover :after{
				content: '';
				right: 5px;
			}
			.nav-nav .nav-item span{        
				font-size:10px;
				padding-left: 13px;
			}
				.nav-nav .nav-item::before,
				.nav-nav .nav-item::after {
					content: '';
					right: 10px;
				}
	
	.nav-nav dd ul{  
		padding-bottom: 20px;
		margin-top: -10px;
	}
			.nav-nav dd ul li{  
				font-size:11px;
			}
				.nav-nav dd ul li a{
					display: block!important;
					position: relative;
					width: 100%;
					height: auto;
					padding: 7px 0 7px 24px;					
					color:#333333;
					transition: all 0.4s;
				}
					.nav-nav dd ul li a:hover{
						opacity: 0.7;
					}
	
				.nav-nav dd ul li a:before {
					content: '';
					width: 14px;
					height: 7px;
					background: url("../../common/img/arrow_right_simple_green.svg") no-repeat center;
					-webkit-background-size: contain;
					background-size: contain;
					position: absolute;
					top: 50%;
					left: 4px;
					transform: translateY(-50%);
					transition: all .4s;
				}
				.nav-nav dd ul li a:hover:before {
					content: '';
					left: 8px;
				}
	
		#gFooter {
			margin-bottom: 55px;
		}
	
	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層ページMV */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
	
/*udrlyr_mv
--------------------- */
.udrlyr_mv{
	height: 205px;
}
.udrlyr_mv.job {
	background: url("../img/udrlyr_mv/job_mvbg_sp.jpg") no-repeat top center;
	background-size: cover;
}
.udrlyr_mv.figure {
	background: url("../img/udrlyr_mv/figure_mvbg_sp.jpg") no-repeat center;
	background-size: cover;
}
	
	.udrlyr_title{
		top:40px;
		left: 0;
	}
		.udrlyr_title h1{
			font-size:1.75rem;
			line-height: 1.2;
		}
		.udrlyr_title p.en{
			font-size:0.65rem;
			letter-spacing: 0.06rem;
			margin-top: 10px;
		}	
		.udrlyr_title p.txt{
			font-size:0.75rem;
			letter-spacing: 0.04rem;
			margin-top: 20px;
		}
	
.udrlyr_mv.sub_mv {
	height: auto;
}
	.sub_mv .udrlyr_title{
		position: static;
		padding-top: 54px;
	}
	
	
	
	
	
/*モーダル
--------------------- */
	
body.noscroll {
    overflow: hidden;
}
	
.modal {
	z-index: 270;
}
.modal___content {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-70%);
    width: 90%;
}

.modal___content .cls_prnt .video_area{
	width: 100%;
}

.modal___content a.js-modal-close{
	position: absolute;
	top:-30px;
	right:0;
	width: 20px;
	height: 20px;
}		
		
	.modal___content a.js-modal-close img{
		width: 100%;
		object-fit: contain;
	}

}