@charset "utf-8";

/*
GLOBAL
***************************************************************************/
html {
	font-size: 62.5%;
	overflow-y: scroll;
	overflow-x: hidden;
}

@font-face {
	font-family: 'NotoSansCJKjp';
	font-style: normal;
	font-weight: 400;
	src: url('/font/NotoSansCJKjp-Regular.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'NotoSansCJKjp';
	font-style: normal;
	font-weight: 500;
	src: url('/font/NotoSansCJKjp-Medium.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'NotoSansCJKjp';
	font-style: normal;
	font-weight: 700;
	src: url('/font/NotoSansCJKjp-Bold.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'NotoSansCJKjp';
	font-style: normal;
	font-weight: 900;
	src: url('/font/NotoSansCJKjp-Black.woff') format('woff');
	font-display: swap;
}

body {
	width: 100%;
	min-width: 768px;
	height: auto;
}

.plant_recruit {
	text-align: left;
	font-family: 'NotoSansCJKjp', "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
	word-break: break-all;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2;
	color: #111;
	background: #fff;
	caret-color: transparent;
}

.base_box {
	position: relative;
	width: 1040px;
	margin: 0 auto;
	z-index: 1;
}

@media screen and (max-width: 1100px){

	.base_box {
		width: auto;
		margin: 0 30px;
	}

}

.pc_disp { display:block; }
.sp_disp { display:none; }

/*
DEFAULT
***************************************************************************/
body,
h1,h2,h3,h4,h5,h6,p,div,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote,main,
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	word-wrap: break-word;
}

h1,h2,h3,h4,h5,h6,p {
	margin-block-start: 0;
	margin-block-end: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 700;
	line-height: 1.5;
}

article,aside,details,figcaption,figure,main,div,
footer,header,hgroup,menu,nav,section,video {
	display: block;
}

.clearfix:after {
	display: block;
	clear: both;
	content: "";
	overflow: hidden;
}

.plant_recruit li {
	list-style-type: none;
}

.plant_recruit table {
	width: 100%;
	margin: 0;
	text-align: left;
	border-collapse: collapse;
	border: none;
}

.plant_recruit table th, .plant_recruit table td { border:none; }

.plant_recruit th {
	text-align: left;
	font-weight: normal;
}

/* ▼LINK▼ */
a {
	color: #055EBF;
	text-decoration: none;
	outline: none;
	transition: .3s;
}

a:before, a:after {
	content: '';
	position: absolute;
	transition: .3s;
}

.hover_light a:hover, a.hover_light:hover, .modal_switch.hover_light:hover,
.hover_light a:hover:before, a.hover_light:hover:before, .modal_switch.hover_light:hover:before,
.hover_light a:hover:after, a.hover_light:hover:after, .modal_switch.hover_light:hover:after {
	opacity: 0.7;
}

/* ▼IMG▼ */
img, input[type="image"] {
	border: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
}

.img_frame {
	position: relative;
	overflow: hidden;
}

.img_frame img {
	position: absolute;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.hover_zoom { transition-duration:0.3s; }
.hover_zoom:hover {
	transform: scale(1.1);
	transition-duration: 0.3s;
	opacity: 0.8;
}

/*
HEADER
***************************************************************************/
header {
	position: relative;
	width: 100%;
	height: 84px;
	padding: 22px 12px 22px 20px;
	background: #fff;
	z-index: 100000;
}

header.fixed {
	position: fixed;
	top: 0;
	left: 0;
}

header .logo {
	float: left;
}

header .btn {
	float: right;
	width: 160px;
}

header .btn01 {
	height: 40px;
	font-size: 1.4rem;
	line-height: 38px;
}

header .list {
	float: right;
	width: calc(100% - 400px);
	padding-right: 40px;
	text-align: right;
}

header .list > li {
	display: inline-block;
	position: relative;
	margin-right: 35px;
	line-height: 40px;
}

header .list > li:last-child { margin-right:0; }

header .list > li > a {
	font-size: 1.6rem;
	font-weight: 700;
	color: #1b224c;
}

header .list > li .title {
	position: relative;
	padding-right: 30px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #1b224c;
	cursor: pointer;
}

header .list > li .title:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 5px;
	width: 10px;
	height: 5px;
	margin-top: -2.5px;
	background: url(/common_img/arrow_down.png) no-repeat;
	background-size: 10px;
	transition: .3s;
}

header .list > li .title.opened:after {
	transform: rotateX(180deg);
}

header .list .inner {
	display: none;
	position: absolute;
	top: 62px;
	left: 0;
	width: 240px;
	text-align: left;
	background: rgba(255,255,255,0.9);
	z-index: 100000;
}

header .list .inner li a {
	display: block;
	padding: 0 20px;
	font-size: 1.3rem;
	color: #111;
	line-height: 56px;
	border-bottom: dotted 1px #ccc;
}

header .list .inner li:last-child a { border-bottom:none; }

header .btn_gnavi, #gnavi {
	display: none;
}

@media screen and (max-width: 1280px){

	header .btn_gnavi {
		display: block;
		float: right;
		width: 60px;
		margin: -10px 0 0 10px;
		cursor: pointer;
	}

	header .btn_gnavi img { width:100%; }

	header .list { display:none; }

	#gnavi {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		width: 400px;
		height: 100vh;
		padding: 80px 0 60px;
		background: #fff;
		z-index: 100001;
	}

	#gnavi .scroll_box {
		height: calc(100vh - 140px);
		margin: 0 15px 0 30px;
	}

	#gnavi .gnavi_close {
		position: fixed;
		top: 5px;
		right: 0;
		width: 60px;
		height: 60px;
		text-align: center;
		font-size: 3rem;
		font-weight: 400;
		color: #000;
		line-height: 60px;
		cursor: pointer;
	}

	#gnavi .list {
		margin-right: 30px;
	}

	#gnavi .list > li a, #gnavi .list > li .title {
		display: block;
		position: relative;
		padding: 20px 10px;
		font-size: 1.4rem;
		font-weight: 500;
		color: #111;
		border-bottom: solid 1px #ccc;
		cursor: pointer;
	}

	#gnavi .list > li .title:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 10px;
		width: 10px;
		height: 5px;
		background: url(/common_img/arrow_down.png) no-repeat;
		background-size: 10px;
		transition: .3s;
	}

	#gnavi .list > li .title.opened:after {
		transform: rotateX(180deg);
	}

	#gnavi .list .inner {
		display: none;
	}

	#gnavi .list .inner li a {
		border-bottom: dotted 1px #ccc;
	}

	#gnavi .list .inner li:last-child a { border-bottom:solid 1px #ccc; }

}

/*
CONTENTS
***************************************************************************/
/* ▼PAGE TITLE▼ */
#page_title {
	background: url(/common_img/pc/ptitle_bg.jpg) center top no-repeat;
	background-size: cover;
}

#page_title .inner {
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 1040px;
	height: 280px;
	margin: 0 auto;
	font-size: 1.6rem;
	color: #fff;
}

#page_title .title {
	font-size: 4.8rem;
}

#page_title .txt {
	margin-top: 20px;
}

/* ▼PAGE NAVI▼ */
.pnavi {
	padding: 4px 0 8px;
	background: #f2f2f2;
}

.pnavi li {
	display: inline;
	margin-right: 8px;
	font-size: 1.1rem;
	color: #5a5a5a;
}

.pnavi li a {
	margin-right: 12px;
	color: #5a5a5a;
}

/*
TOP
***************************************************************************/
/* ▼TOPIMG▼ */
#topimg {
	position: relative;
	width: 100%;
	height: 665px;
	overflow: hidden;
}

#topimg .bx-wrapper {
	position: relative;
}

#topimg .bx-wrapper .bx-controls-direction a { display:none; }
#topimg .bx-pager { display:none; }

#topimg .top_slide li {
	position: relative;
	width: 100%;
	height: 665px;
}

#topimg .top_slide li:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(4,112,185,0.2);
	z-index: 100;
}

#topimg .top_slide li .img {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	animation: img_zoom 10s linear 0s 1 normal;
}

@keyframes img_zoom {
	0% { transform:scale(1); }
	100% { transform:scale(1.2); }
}

#topimg .top_slide li.topimg05 .img.slide_end { transform:scale(1.2); }

#topimg .top_slide li.topimg01 .img { background-image:url(/images/pc/topimg01.jpg); }
#topimg .top_slide li.topimg02 .img { background-image:url(/images/pc/topimg02.jpg); }
#topimg .top_slide li.topimg03 .img { background-image:url(/images/pc/topimg03.jpg); }
#topimg .top_slide li.topimg04 .img { background-image:url(/images/pc/topimg04.jpg); }
#topimg .top_slide li.topimg05 .img { background-image:url(/images/pc/topimg01.jpg); }

#topimg .content {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1120px;
	height: 100%;
	margin-left: -560px;
	font-size: 2.4rem;
	font-weight: 500;
	color: #fff;
	line-height: 1.8;
	z-index: 101;
}

#topimg .topimg01 .content {
	padding-top: 150px;
}

#topimg .topimg02 .content {
	padding: 180px 0 0 560px;
}

#topimg .topimg03 .content {
	padding-top: 180px;
}

#topimg .topimg04 .content {
	padding: 190px 0 0 500px;
}

#topimg .topimg05 .content {
	padding-top: 140px;
	text-align: center;
}

#topimg .eng.delay_fade.right_left {
	transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition-delay: 1s;
}

#topimg .title.delay_fade.right_left {
	transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition-delay: 2s;
}

#topimg .txt.delay_fade.right_left {
	transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition-delay: 3s;
}

#topimg .btn.delay_fade.right_left {
	transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition-delay: 4s;
}

#topimg .eng {
	display: inline-block;
	position: relative;
	margin-bottom: 30px;
	padding-right: 180px;
	font-size: 3rem;
	line-height: 1.5;
}

#topimg .topimg05 .eng { padding-right:0; }

#topimg .eng:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 160px;
	height: 1px;
	margin-top: -0.5px;
	background: #fff;
}

#topimg .topimg05 .eng:after { display:none; }

#topimg .title {
	margin-bottom: 40px;
	font-size: 6.4rem;
	line-height: 1.25;
}

#topimg .topimg01 .title { letter-spacing:-0.1rem; }
#topimg .topimg02 .title { letter-spacing:0; }
#topimg .topimg03 .title { letter-spacing:-0.25rem; }
#topimg .topimg04 .title { letter-spacing:-0.2rem; }
#topimg .topimg05 .title { letter-spacing:-0.1rem; }

#topimg .btn {
	width: 420px;
	margin: 70px auto 0;
}

/* ▼SECTION▼ */
.top_section {
	position: relative;
}

.top_section.feature {
	padding: 120px 470px 140px 0;
}

.top_section.office {
	padding: 0 0 120px 470px;
}

.top_section.about {
	padding: 110px 470px 150px 0;
	border-top: solid 1px #c8c8c8;
}

.top_section .stitle {
	margin-bottom: 20px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #1b224c;
}

.top_section .title {
	margin-bottom: 90px;
	font-size: 6rem;
	color: #1b224c;
	line-height: 1;
	font-family: 'Impact';
}

.top_section.office .title { font-size:5.6rem; }

.top_section .title span {
	margin: 0 10px;
	font-size: 4.8rem;
}

.top_section .title.line_plus:after { bottom:-50px; width:80px; }

.top_section .catch {
	margin-bottom: 45px;
	font-size: 2.4rem;
	font-weight: 700;
	color: #1b224c;
	line-height: 1.5;
}

.top_section.feature .catch { margin-bottom:25px; font-size:3rem; }

.top_section .txt {
	margin-bottom: 40px;
}

.top_section .btn li {
	float: left;
	width: calc((100% - 10px) / 2);
	margin-bottom: 10px;
}

.top_section .btn li:nth-child(2n) { float:right; }

.top_section .img {
	position: absolute;
	top: 90px;
	right: 0;
	width: 400px;
}

.top_section.office .img { top:-15px; left:0; }

.top_section .img img {
	position: relative;
	width: calc(100% - 10px);
	z-index: 1;
}

.top_section .img:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	width: 390px;
	background: transparent;
	border: solid 1px #1c2149;
	z-index: 0;
}

.top_section.feature .img, .top_section.feature .img:before { height:560px; }
.top_section.office .img, .top_section.office .img:before { height:470px; }
.top_section.about .img, .top_section.about .img:before { height:510px; }

/* ▼CASE▼ */
.top_case {
	padding: 65px 0 80px;
}

.top_case .sec_title {
	margin-bottom: 25px;
}

.top_case .sec_catch {
	margin-bottom: 40px;
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	color: #111;
}

.top_case .sec_catch span {
	margin: 0 5px;
	font-size: 4.8rem;
	color: #5D9CE1;
}

.top_case .box {
	float: left;
	width: calc((100% - 20px) / 3);
	margin: 0 10px 12px 0;
	padding: 25px 20px 45px;
}

.top_case .box:nth-child(2n+1) { background:#f8fbfd; }
.top_case .box:nth-child(2n) { background:#f6faf8; }

.top_case .box:nth-child(3n) { margin-right:0; }

.top_case .box .img {
	width: 100%;
	height: 210px;
	margin-bottom: 25px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.top_case .box .title {
	margin-bottom: 15px;
	font-size: 1.8rem;
	color: #036EB8;
	line-height: 1.35;
}

.top_case .box .catch {
	margin-bottom: 20px;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.6;
}

.top_case .box .txt dl {
	padding: 5px 10px 6px;
	font-weight: 400;
	line-height: 1.65;
	border-top: solid 1px #d8dadb;
}

.top_case .box .txt dl:last-child { border-bottom:solid 1px #d8dadb; }

.top_case .box .txt dt {
	float: left;
	width: 30%;
	padding-right: 10px;
	font-weight: 700;
}

.top_case .box .txt dd {
	float: right;
	width: 70%;
}

/* ▼COMPANY▼ */
.top_company {
	padding: 65px 0 80px;
	background: url(/images/pc/company_bg.jpg) center center no-repeat;
	background-size: cover;
}

.top_company li {
	float: left;
	width: calc((100% - 50px) / 3);
	margin-right: 25px;
	padding: 35px 30px 40px;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.75;
	background: #fff;
}

.top_company li:last-child { margin-right:0; }

.top_company li .title {
	margin-bottom: 60px;
	font-size: 1.8rem;
	color: #1b224c;
}

.top_company li .title.line_plus:after {
	bottom: -30px;
	left: 50%;
	width: 40px;
	margin-left: -20px;
}

.top_company li .txt {
	margin-bottom: 25px;
}

/*
BUSINESS
***************************************************************************/
/* ▼INTRO▼ */
.business_intro {
	padding: 60px 0 85px;
}

.business_intro .sec_title {
	margin-bottom: 50px;
	font-size: 3rem;
}

.business_intro .sec_txt {
	margin-bottom: 100px;
	text-align: center;
}

.business_intro .box {
	float: left;
	width: 320px;
	margin-right: 40px;
	font-size: 1.2rem;
}

.business_intro .box:last-child { margin-right:0; }

.business_intro .box .img {
	position: relative;
	margin-bottom: 30px;
}

.business_intro .box .count_icon {
	top: -30px;
	left: 15px;
	font-size: 4.8rem;
}

.business_intro .box .count_icon:before {
	top: 45px;
	width: 120px;
}

.business_intro .box .title {
	position: absolute;
	top: 90px;
	left: 0;
	width: 210px;
	font-size: 2.2rem;
	font-weight: 700;
	color: #fff;
}

.business_intro .box .title span {
	display: block;
	margin-bottom: 2px;
	padding: 0 15px 4px;
	line-height: 48px;
	background: #111;
}

.business_intro .box .txt {
	position: relative;
	margin-bottom: 60px;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	color: #1B224C;
}

.business_intro .box .txt.line_plus:after {
	bottom: -25px;
	left: 50%;
	width: 50px;
	margin-left: -25px;
}

/* ▼WORKS▼ */
.business_works {
	padding: 80px 0 20px;
	background: #f2f2f2;
}

.business_works .sec_title {
	margin-bottom: 80px;
	font-size: 3rem;
}

.business_works .box {
	position: relative;
	margin-bottom: 100px;
	padding: 65px 50px 80px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.business_works .box:nth-child(1) { background-image:url(/business/images/pc/works_bg01.jpg); }
.business_works .box:nth-child(2) { background-image:url(/business/images/pc/works_bg02.jpg); }
.business_works .box:nth-child(3) { background-image:url(/business/images/pc/works_bg03.jpg); }

.business_works .box .title {
	margin-bottom: 65px;
	text-align: center;
	font-size: 3rem;
}

.business_works .box .content {
	margin-bottom: 30px;
	padding: 40px 50px 45px;
	font-weight: 400;
	color: #fff;
	background: rgba(24,57,95,0.67);
}

.business_works .box .content .txt {
	margin-bottom: 25px;
}

.business_works .box .content .stxt {
	margin-bottom: 12px;
}

.business_works .box .content .list li {
	display: inline-block;
	margin: 0 2px 5px 0;
	padding: 0 18px 2px;
	font-size: 1.3rem;
	font-weight: 500;
	color: #3B6493;
	line-height: 28px;
	background: #fff;
	border-radius: 4px;
}

.business_works .sbox {
	float: left;
	width: 460px;
	padding: 35px 35px 40px 155px;
	font-size: 1.2rem;
	line-height: 1.8;
	background-color: #fff;
	background-position: 30px center;
	background-repeat: no-repeat;
	background-size: 100px;
}

.business_works .sbox:nth-child(2n) { float:right; }

.business_works .sbox.ex {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}

.business_works .sbox.set01 { background-image:url(/business/images/works_icon01.png); }
.business_works .sbox.set02 { background-image:url(/business/images/works_icon02.png); }
.business_works .sbox.set03 { background-image:url(/business/images/works_icon03.png); }
.business_works .sbox.set04 { background-image:url(/business/images/works_icon04.png); }
.business_works .sbox.set05 { background-image:url(/business/images/works_icon05.png); }
.business_works .sbox.set06 { background-image:url(/business/images/works_icon06.png); }
.business_works .sbox.set07 { background-image:url(/business/images/works_icon07.png); }

.business_works .sbox dt {
	margin-bottom: 15px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #1b224c;
}

/*
NUMBER
***************************************************************************/
/* ▼LIST▼ */
.number_list {
	padding: 100px 0;
	background: #ECF7FD;
}

.number_list .title {
	margin-bottom: 80px;
	text-align: center;
	font-size: 2rem;
	color: #111;
	line-height: 1.6;
}

.number_list .title span {
	margin: 0 5px;
	font-size: 3rem;
	color: #5D9CE1;
}

.number_list dl {
	position: relative;
	float: left;
	width: 482px;
	height: 215px;
	margin-bottom: 16px;
	background-color: #fff;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.number_list dl:nth-child(2n) { float:right; }

.number_list dl.ex {
	width: 100%;
}

.number_list dl:nth-child(1) { background-image:url(/number/images/number_img01.png); }
.number_list dl:nth-child(2) { background-image:url(/number/images/number_img02.png); }
.number_list dl:nth-child(3) { background-image:url(/number/images/number_img03.png); }
.number_list dl:nth-child(4) { background-image:url(/number/images/number_img04.png); }
.number_list dl:nth-child(5) { background-image:url(/number/images/number_img05.png); }
.number_list dl:nth-child(6) { background-image:url(/number/images/number_img06.png); }
.number_list dl:nth-child(7) { background-image:url(/number/images/number_img07.png); }
.number_list dl:nth-child(8) { background-image:url(/number/images/number_img08.png); }

.number_list dt {
	position: absolute;
	top: 20px;
	left: 25px;
	font-size: 1.7rem;
	font-weight: 700;
	color: #3B6493;
}

.number_list dt span {
	font-size: 1.4rem;
	font-weight: 500;
	color: #9CC3ED;
}

.number_list dd {
	position: absolute;
	bottom: 20px;
	left: 25px;
	font-size: 5rem;
	font-weight: 700;
	color: #1B224C;
	line-height: 1;
}

.number_list dd .num {
	margin-right: 10px;
	vertical-align: -5px;
	font-size: 10rem;
	font-family: 'Impact';
}

.number_list dd .num.ex { margin:0 10px; }

.number_list dd .num.sub { font-size:7rem; }

.number_list dd.ex {
	padding-left: 60px;
}

.number_list dd .txt {
	position: absolute;
	bottom: 10px;
	left: 0;
	font-size: 2.4rem;
	line-height: 1.25;
}

.number_list dd .stxt {
	position: absolute;
	bottom: 105px;
	left: 0;
	font-size: 2rem;
}

/* ▼CONCEPT▼ */
.number_concept {
	padding: 100px 0;
}

.number_concept .intro {
	margin-bottom: 60px;
}

.number_concept .intro .list {
	float: left;
	width: 270px;
}

.number_concept .intro .list li {
	float: left;
	margin-bottom: 10px;
}

.number_concept .intro .list li:nth-child(2n) { float:right; }

.number_concept .intro .list li:nth-last-child(1),
.number_concept .intro .list li:nth-last-child(2) {
	margin-bottom: 0;
}

.number_concept .intro .txt {
	float: right;
	width: 720px;
}

.number_concept .intro .txt li {
	position: relative;
	height: 60px;
	margin-bottom: 10px;
	padding: 0 80px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 60px;
	background: #e8e8e8;
}

.number_concept .intro .txt li:last-child { margin-bottom:0; }

.number_concept .intro .txt li:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	text-align: center;
	font-size: 3.2rem;
	font-weight: 400;
	color: #fff;
	font-family: 'Impact';
}

.number_concept .intro .txt li:nth-child(1):before { content:'4'; background:#c50f28; }
.number_concept .intro .txt li:nth-child(2):before { content:'5'; background:#ff3a21; }
.number_concept .intro .txt li:nth-child(3):before { content:'8'; background:#a21942; }
.number_concept .intro .txt li:nth-child(4):before { content:'16'; background:#00689d; }

.number_concept .sec_txt {
	margin-bottom: 50px;
}

.number_concept .box_list {
	padding-bottom: 40px;
}

.number_concept .box {
	float: left;
	width: calc((100% - 40px) / 2);
	margin-bottom: 40px;
	padding: 35px 40px 45px;
	background-color: #fff;
	background-position: right top;
	background-repeat: no-repeat;
	border: solid 1px #e8e8e8;
	box-shadow: 8px 8px 0 rgba(0,0,0,0.1);
}

.number_concept .box:nth-child(2n) { float:right; }

.number_concept .box:nth-child(1) { background-image:url(/number/images/concept_icon01.png); }
.number_concept .box:nth-child(2) { background-image:url(/number/images/concept_icon02.png); }
.number_concept .box:nth-child(3) { background-image:url(/number/images/concept_icon03.png); }
.number_concept .box:nth-child(4) { background-image:url(/number/images/concept_icon04.png); }

.number_concept .box .title {
	margin-bottom: 60px;
	font-size: 2.4rem;
	color: #1b224c;
}

.number_concept .box .title.line_plus:after {
	bottom: -30px;
	width: 40px;
}

.number_concept .box .catch {
	margin-bottom: 25px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #036eb8;
	line-height: 1.65;
}

.number_concept .box .list li {
	position: relative;
	margin-bottom: 10px;
	padding: 12px 20px 14px 45px;
	font-size: 1.2rem;
	line-height: 1.85;
	background: #e8e8e8;
}

.number_concept .box .list li:last-child { margin-bottom:0; }

.number_concept .box .list li:before {
	content: '';
	position: absolute;
	top: 23px;
	left: 15px;
	width: 15px;
	height: 1px;
	background: #111;
}

.number_concept .box .stxt {
	margin-top: 25px;
	font-size: 1.2rem;
	line-height: 1.85;
}

/*
MERIT
***************************************************************************/
/* ▼LIST▼ */
.merit_list {
	padding: 70px 0 120px;
}

.merit_list > .title {
	margin-bottom: 80px;
	text-align: center;
	font-size: 2rem;
	color: #111;
}

.merit_list > .title span {
	margin: 0 5px;
	font-size: 3rem;
	color: #5D9CE1;
}

.merit_list .box {
	position: relative;
	min-height: 672px;
	margin-bottom: 80px;
	background-repeat: no-repeat;
}

.merit_list .box:last-child { margin-bottom:0; }

.merit_list .box:nth-child(2n+1) {
	padding: 90px 0 0 470px;
	background-position: left top;
}

.merit_list .box:nth-child(3) { padding-top:120px; }

.merit_list .box:nth-child(2n) {
	padding: 90px 470px 0 0;
	background-position: right top;
}

.merit_list .box:nth-child(1) { background-image:url(/merit/images/merit_bg01.jpg); }
.merit_list .box:nth-child(2) { background-image:url(/merit/images/merit_bg02.jpg); }
.merit_list .box:nth-child(3) { background-image:url(/merit/images/merit_bg03.jpg); }

.merit_list .box .icon {
	margin-bottom: 20px;
	font-size: 7.4rem;
	color: #1B224C;
	line-height: 1;
	font-family: 'Impact';
}

.merit_list .box .icon span { color:#CE0D0D; }

.merit_list .box .title {
	margin-bottom: 50px;
	font-size: 3rem;
	color: #1B224C;
	line-height: 1.6;
}

.merit_list .box .txt {
	display: inline-block;
	position: absolute;
	bottom: 60px;
	padding: 0 35px 2px;
	font-size: 2rem;
	font-weight: 700;
	color: #111;
	line-height: 46px;
	background: #fff;
	border: solid 1px #111;
}

.merit_list .box:nth-child(2n+1) .txt { left:-20px; }
.merit_list .box:nth-child(2n) .txt { right:-20px; }

.merit_list .box .txt:before {
	content: '';
	position: absolute;
	top: -18px;
	left: 12px;
	width: 40px;
	height: 28px;
	background: url(/common_img/icon_check.png) no-repeat;
	background-size: 40px;
}

/*
WORKSTYLE
***************************************************************************/
/* ▼INTRO▼ */
.workstyle_intro {
	padding: 110px 0 140px;
	background: url(/workstyle/images/pc/intro_bg.jpg) center bottom no-repeat;
	background-size: cover;
}

.workstyle_intro .base_box {
	padding-left: 410px;
}

.workstyle_intro .title {
	margin-bottom: 90px;
	font-size: 3.6rem;
	color: #1b224c;
}

.workstyle_intro .title.line_plus:after {
	bottom: -45px;
	width: 70px;
}

.workstyle_intro .catch {
	margin-bottom: 25px;
	font-size: 2.4rem;
	font-weight: 700;
	color: #036eb8;
}

/* ▼PROGRAM▼ */
.workstyle_program {
	padding: 80px 0 70px;
	border-bottom: solid 1px #bdc0d1;
}

.workstyle_program .sec_title {
	margin-bottom: 90px;
}

.workstyle_program .sec_title.line_plus:after {
	bottom: -45px;
	width: 70px;
	margin-left: -35px;
}

.workstyle_program .sec_txt {
	margin-bottom: 65px;
	text-align: center;
	font-size: 1.3rem;
}

.workstyle_program .box {
	margin-bottom: 70px;
	padding: 60px 60px 75px;
	background: url(/workstyle/images/pc/program_bg.jpg) center top no-repeat;
	background-size: cover;
}

.workstyle_program .box .title {
	margin-bottom: 55px;
	text-align: center;
	font-size: 3rem;
	font-weight: 700;
	color: #fff;
}

.workstyle_program .box .list {
	display: flex;
	justify-content: center;
	float: left;
	width: calc((100% - 20px) / 2);
}

.workstyle_program .box .list:last-child { float:right; }

.workstyle_program .box .list .txt {
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 180px;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.6;
}

.workstyle_program .box .list:nth-child(1) .txt { background:#1b224c; }
.workstyle_program .box .list:nth-child(2) .txt { background:#036eb8; }

.workstyle_program .box .list ul {
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: calc(100% - 180px);
	padding-left: 10px;
}

.workstyle_program .box .list li {
	position: relative;
	margin-bottom: 6px;
	padding: 0 15px 0 45px;
	font-size: 1.2rem;
	line-height: 44px;
	background: rgba(255,255,255,0.9);
}

.workstyle_program .box .list li:last-child { margin-bottom:0; }

.workstyle_program .box .list li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 15px;
	width: 15px;
	height: 1px;
	margin-top: -0.5px;
	background: #111;
}

/* ▼LIST▼ */
.workstyle_list {
	padding: 60px 0 75px;
	border-bottom: solid 1px #bdc0d1;
}

.workstyle_list .box {
	float: left;
	width: 320px;
	margin-right: 40px;
	font-size: 1.2rem;
}

.workstyle_list .box:last-child { margin-right:0; }

.workstyle_list .box .title {
	margin-bottom: 80px;
	text-align: center;
	font-size: 2rem;
	color: #1b224c;
}

.workstyle_list .box .title.line_plus:after {
	bottom: -35px;
	left: 50%;
	width: 50px;
	margin-left: -25px;
}

.workstyle_list .box .img {
	margin-bottom: 25px;
}

/* ▼WELFARE▼ */
.workstyle_welfare {
	padding: 75px 0 110px;
}

.workstyle_welfare .sec_title {
	margin-bottom: 75px;
	font-size: 3rem;
}

.workstyle_welfare .img {
	display: table-cell;
	width: 410px;
	vertical-align: middle;
}

.workstyle_welfare .content {
	display: table-cell;
	width: calc(100% - 410px);
	padding-left: 60px;
	vertical-align: middle;
	font-size: 1.3rem;
}

/*
CAREERUP
***************************************************************************/
/* ▼INTRO▼ */
.careerup_intro {
	padding: 105px 0 110px;
}

.careerup_intro .img {
	float: right;
}

.careerup_intro .content {
	float: left;
	width: 460px;
}

.careerup_intro .title {
	margin-bottom: 90px;
	font-size: 3.2rem;
	color: #1b224c;
}

.careerup_intro .title.line_plus:after {
	bottom: -45px;
	width: 70px;
}

/* ▼PLAN▼ */
.careerup_plan {
	padding: 80px 0 130px;
	background: #f2f2f2;
}

.careerup_plan .sec_title.line_plus {
	margin-bottom: 110px;
}

.careerup_plan .sec_title.line_plus:after {
	bottom: -45px;
}

.careerup_plan .sec_img {
	margin-bottom: 70px;
	padding: 60px 70px;
	background: #fff;
}

.careerup_plan .sec_img img { width:100%; }

.careerup_plan .stitle {
	margin-bottom: 70px;
	text-align: center;
	font-size: 3rem;
	font-weight: 700;
}

.careerup_plan .tbl th, .careerup_plan .tbl td {
	padding: 25px 30px;
	vertical-align: middle;
	font-size: 1.3rem;
	border-bottom: solid 1px #d5d5d5;
}

.careerup_plan .tbl th.head, .careerup_plan .tbl td.head,
.careerup_plan .tbl tr:last-child th, .careerup_plan .tbl tr:last-child td {
	border-bottom: none;
}

.careerup_plan .tbl th {
	width: 30%;
	font-weight: 500;
	color: #fff;
	line-height: 1.8;
	background: #5c8099;
}

.careerup_plan .tbl th.head {
	padding: 20px 0;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	background: #1a567f;
}

.careerup_plan .tbl td {
	width: 70%;
	background: #fff;
}

.careerup_plan .tbl td.head {
	padding: 20px 0;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	background: #b5b5b5;
}

.careerup_plan .tbl li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 30px;
}

.careerup_plan .tbl li:last-child { margin-bottom:0; }

.careerup_plan .tbl li:before {
	content: '';
	position: absolute;
	top: 13px;
	left: 0;
	width: 15px;
	height: 1px;
	background: #111;
}

.careerup_plan .tbl nav {
	margin-bottom: 20px;
}

.careerup_plan .tbl nav:last-child { margin-bottom:0; }

.careerup_plan .tbl nav > p {
	margin-bottom: 5px;
	font-weight: 700;
}

/*
OFFICE
***************************************************************************/
/* ▼LIST▼ */
.office_list {
	padding: 115px 0 85px;
}

.office_list li {
	float: left;
	margin: 0 25px 25px 0;
}

.office_list li:nth-child(3n) { margin-right:0; }

/*
STATUE
***************************************************************************/
/* ▼INTRO▼ */
.statue_intro {
	padding: 80px 0 90px;
	text-align: center;
	background: url(/statue/images/pc/intro_bg.jpg) center bottom no-repeat;
	background-size: cover;
}

.statue_intro .title {
	margin-bottom: 60px;
	font-size: 3rem;
	color: #1b224c;
}

/* ▼LIST▼ */
.statue_list {
	padding: 30px 0 100px;
	background: #f2f2f2;
}

.statue_list .box {
	position: relative;
	border-bottom: solid 1px #bdc0d1;
}

.statue_list .box:nth-child(2n+1) { padding:80px 0 80px 410px; }
.statue_list .box:nth-child(2n) { padding:80px 410px 80px 0; }

.statue_list .box:last-child { border-bottom:none; }

.statue_list .box .eng_txt {
	position: relative;
	margin-bottom: 85px;
	text-align: right;
	font-size: 6.4rem;
	color: #1b224c;
	line-height: 1;
	font-family: 'Impact';
	z-index: 0;
}

.statue_list .box .eng_txt span { color:#ce0d0d; }

.statue_list .box:nth-child(2n) .eng_txt { text-align:left; }

.statue_list .box .img {
	position: absolute;
	top: 80px;
	z-index: -1;
}

.statue_list .box:nth-child(2n+1) .img { left:0; }
.statue_list .box:nth-child(2n) .img { right:0; }

.statue_list .box .content {
	position: relative;
	padding: 45px 50px 50px;
	font-size: 1.3rem;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	z-index: 0;
}

.statue_list .box .title {
	margin-bottom: 65px;
	font-size: 2.8rem;
	color: #1b224c;
}

.statue_list .box .title.line_plus:after {
	bottom: -30px;
	width: 50px;
}

.statue_list .box .catch {
	margin-bottom: 20px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #036eb8;
	line-height: 1.6;
}

/*
PROCESS
***************************************************************************/
/* ▼LIST▼ */
.process_list {
	padding: 70px 0 110px;
}

.process_list .box .title {
	margin-bottom: 65px;
	text-align: center;
	font-size: 3rem;
}

.process_list .box dl {
	display: flex;
	position: relative;
	margin-bottom: 60px;
}

.process_list .box dl:last-child { margin-bottom:100px; }

.process_list .box dl:before {
	content: '';
	position: absolute;
	bottom: -40px;
	left: 50%;
	width: 60px;
	height: 20px;
	margin-left: -30px;
	background: url(/common_img/arrow_next.png) no-repeat;
}

.process_list .box dt {
	display: flex;
	align-items: center;
	width: 260px;
	padding: 25px 30px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #fff;
	background: #1b598f;
}

.process_list .box dd {
	display: flex;
	align-items: center;
	width: calc(100% - 260px);
	padding: 25px 30px;
	background: #e8e8e8;
}

.process_list .goal_box {
	padding: 50px 0 70px;
	text-align: center;
	color: #fff;
	background: url(/process/images/pc/goal_bg.jpg) center center no-repeat;
}

.process_list .goal_box .txt {
	margin-bottom: 25px;
	font-size: 3.6rem;
	font-weight: 700;
}

/*
ENTRY
***************************************************************************/
/* ▼AREA▼ */
.entry_area {
	padding: 70px 0 80px;
}

.entry_area .title {
	margin-bottom: 65px;
	text-align: center;
	font-size: 3rem;
}

.entry_area .list li {
	position: relative;
	float: left;
	width: calc((100% - 40px) / 5);
	margin: 0 10px 10px 0;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 80px;
	background: #e8e8e8;
	transition: .3s;
	cursor: pointer;
}

.entry_area .list li:nth-child(5n) { margin-right:0; }

.entry_area .list li:hover, .entry_area .list li.active {
	color: #fff;
	background: #1b598f;
}

.entry_area .list li:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 15px;
	width: 15px;
	height: 10px;
	margin-top: -5px;
	background-image: url(/common_img/arrow03.png);
	background-repeat: no-repeat;
	background-size: 15px;
	transition: .3s;
}

.entry_area .list li:hover:before {
	right: 10px;
	background-image: url(/common_img/arrow01.png);
}

.entry_area .list li.active:before {
	background-image: url(/common_img/arrow01.png);
}

/* ▼LIST▼ */
.entry_list {
	padding: 90px 0 80px;
	background: #f2f2f2;
}

.entry_list .list {
	margin-right: -40px;
	overflow: hidden;
}

.entry_list li {
	display: none;
	float: left;
	width: calc((100% - 80px) / 2);
	margin: 0 40px 40px 0;
	transform: scale(0);
	transition: transform 1s;
}

.entry_list li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	position: relative;
	padding: 35px 80px 40px 30px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #111;
	line-height: 1.65;
	background: #fff;
	border: solid 1px #e8e8e8;
	border-radius: 10px;
	box-shadow: 8px 8px 0 rgba(0,0,0,0.1);
}

.entry_list li a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 25px;
	width: 30px;
	height: 20px;
	margin-top: -10px;
	background-image: url(/common_img/arrow04.png);
	background-repeat: no-repeat;
	background-size: 30px;
}

.entry_list li a:hover:after { right:15px; }

.entry_list li .area {
	display: block;
	width: 100px;
	margin-bottom: 20px;
	padding-bottom: 2px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff;
	line-height: 30px;
	background: #1b224c;
}

/*
INTERVIEW
***************************************************************************/
.interview_sec {
	padding: 70px 0 80px;
	background: url(/interview/images/pc/interview_bg.jpg) center center no-repeat;
	background-size: cover;
}

.interview_sec .btn_mid {
	margin-bottom: 80px;
}

/* ▼LIST▼ */
.interview_list li {
	float: left;
	width: calc((100% - 80px) / 3);
	margin: 0 40px 60px 0;
	padding: 30px 25px 40px;
	font-size: 1.3rem;
	line-height: 1.75;
	background: #fff;
}

.interview_list li:nth-child(3n) { margin-right:0; }

.interview_list li .img {
	margin-bottom: 25px;
}

.interview_list li .title {
	margin-bottom: 50px;
	font-size: 1.8rem;
	color: #1b224c;
}

.interview_list li .title.line_plus:after { bottom:-25px; width:40px; }

.interview_list li .txt {
	margin-bottom: 25px;
}

.bnr_interview a {
	display: block;
	position: relative;
	width: 100%;
	height: 320px;
	color: #000;
	background: url(/interview/images/pc/bnr_special.jpg) center top no-repeat;
	background-size: cover;
}

.bnr_interview .title {
	padding-top: 80px;
	text-align: center;
	font-size: 4.4rem;
	font-weight: 900;
}

.bnr_interview .title span {
	display: inline-block;
	position: relative;
	z-index: 1;
}

.bnr_interview .title span:before {
	content: '';
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	height: 12px;
	background: #e60027;
	z-index: -1;
}

.bnr_interview .txt {
	position: absolute;
	bottom: 15px;
	left: 30px;
	width: calc(100% - 120px);
	font-size: 1.4rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.8;
}

.bnr_interview a .btn_arrow {
	right: 30px;
	width: 30px;
	height: 20px;
	margin-top: 110px;
	background-size: 30px;
}

.bnr_interview a:hover .btn_arrow { right:15px; }

/* ▼TALKING TOPIMG▼ */
#talking_topimg {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 620px;
	text-align: center;
	color: #000;
	background: url(/interview/special/images/pc/ptitle_bg.jpg) center top no-repeat;
	background-size: cover;
}

#talking_topimg .title {
	margin-bottom: 50px;
	padding-top: 90px;
	font-size: 6rem;
	font-weight: 900;
}

#talking_topimg .title span {
	display: inline-block;
	position: relative;
}

#talking_topimg .title span:before {
	content: '';
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	height: 17px;
	background: #e60027;
	z-index: -1;
}

#talking_topimg .txt {
	font-size: 2.2rem;
	font-weight: 800;
	line-height: 2.15;
	text-shadow: 0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;
}

#talking_topimg .stxt {
	position: absolute;
	bottom: 20px;
	right: 75px;
	text-align: right;
	font-size: 1.6rem;
	font-weight: 700;
	text-shadow: 0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;
}

/* ▼TALKING INTRO▼ */
.talking_intro {
	padding: 60px 0;
}

.talking_intro li {
	width: 500px;
	height: 380px;
	padding: 40px 40px 50px;
	font-size: 1.2rem;
	font-weight: 600;
	color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.talking_intro li:first-child {
	float: left;
	background-image: url(/interview/special/images/pc/intro_bg01.jpg);
}

.talking_intro li:last-child {
	float: right;
	background-image: url(/interview/special/images/pc/intro_bg02.jpg);
}

.talking_intro li .head {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.talking_intro li .img {
	width: 140px;
}

.talking_intro li .img img { width:100%; }

.talking_intro li .name {
	width: calc(100% - 140px);
}

.talking_intro li:first-child .name {
	padding-left: 30px;
}

.talking_intro li:last-child .name {
	padding-right: 30px;
}

.talking_intro li .name .txt {
	display: inline-block;
	margin-bottom: 10px;
	padding: 0 10px 2px;
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 50px;
	border: solid 1px #000;
}

.talking_intro li:first-child .name .txt {
	color: #fff;
	background: #000;
}

.talking_intro li:last-child .name .txt {
	color: #000;
	background: #fff;
}

.talking_intro li .name .stxt, .talking_intro li > p {
	text-shadow: 0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;
}

/* ▼TALKING CONTENT▼ */
.talking_content {
	font-size: 1.6rem;
	background: #f2f2f2;
}

.talking_content > .base_box {
	padding: 60px 0 90px;
}

.talking_content .box {
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.15);
}

.talking_content .title {
	padding: 18px 30px 20px;
	font-size: 2.8rem;
	color: #fff;
	background: #e60027;
}

.talking_content .inner {
	padding: 65px 60px 15px;
}

.talking_content .img_box, .talking_content .txt_box, .talking_content .wide_img {
	margin-bottom: 60px;
}

.talking_content .img_box .img {
	width: 400px;
}

.talking_content .img_box.ex .img {
	width: 440px;
}

.talking_content .img_box .img img { width:100%; }

.talking_content .img_box.manager .img { float:right; }
.talking_content .img_box.chief .img { float:left; }

.talking_content .img_box dl {
	width: calc(100% - 400px);
}

.talking_content .img_box.ex dl {
	width: calc(100% - 440px);
}

.talking_content .img_box.manager dl {
	float: left;
	padding-right: 40px;
}

.talking_content .img_box.chief dl {
	float: right;
	padding-left: 40px;
}

.talking_content dt {
	width: 120px;
	height: 38px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 1.3rem;
	font-weight: 600;
}

.talking_content .manager dt {
	color: #fff;
	line-height: 38px;
	background: #000;
}

.talking_content .chief dt {
	color: #000;
	line-height: 34px;
	background: #fff;
	border: solid 2px #787878;
}

.talking_content .img_box.chief dt {
	margin-left: calc(100% - 120px);
}

.talking_content .txt_box.manager dt { float:left; }
.talking_content .txt_box.chief dt { float:right; }

.talking_content .txt_box dd {
	width: calc(100% - 120px);
}

.talking_content .txt_box.manager dd {
	float: right;
	padding-left: 40px;
}

.talking_content .txt_box.chief dd {
	float: left;
	padding-right: 40px;
}

.talking_content .wide_img img { width:100%; }

.talking_content .mark_txt {
	font-weight: 700;
	color: #e60027;
}

.talking_content .vis {
	width: 100%;
	height: 400px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.talking_content .vis01 { background-image:url(/interview/special/images/pc/vis01.jpg); }
.talking_content .vis02 { background-image:url(/interview/special/images/pc/vis02.jpg); }
.talking_content .vis03 { background-image:url(/interview/special/images/pc/vis03.jpg); }

/* ▼INTERVIEW TOPIMG▼ */
#interview_topimg {
	display: flex;
	align-items: center;
	width: 100%;
	height: 620px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

#interview_topimg.detail01 { background-image:url(/interview/detail01/images/pc/ptitle_bg.jpg); }
#interview_topimg.detail02 { background-image:url(/interview/detail02/images/pc/ptitle_bg.jpg); }
#interview_topimg.detail03 { background-image:url(/interview/detail03/images/pc/ptitle_bg.jpg); }

#interview_topimg .title {
	margin-bottom: 30px;
	padding-top: 30px;
	font-size: 5.4rem;
	font-weight: 900;
	color: #030202;
	line-height: 1.4;
}

#interview_topimg .title span {
	display: inline-block;
	position: relative;
}

#interview_topimg .title span:before {
	content: '';
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	height: 17px;
	background: #e60027;
	z-index: -1;
}

#interview_topimg .stxt {
	margin-bottom: 50px;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.8;
}

#interview_topimg .txt {
	padding: 20px 30px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #fff;
	background: #000;
}

/* ▼INTERVIEW CONTENT▼ */
.interview_content {
	font-size: 1.6rem;
	background: #fcfcfc;
}

.interview_content > .base_box {
	padding: 75px 0;
}

.interview_content .sec_inner {
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.15);
}

.interview_content .box .title {
	padding: 14px 30px 16px;
	font-size: 2.8rem;
	color: #fff;
	background: #e60027;
}

.interview_content .box .inner {
	padding: 40px 40px 50px;
}

.interview_content .box .img_box .img {
	width: 400px;
}

.interview_content .box .img_box .img img { width:100%; }

.interview_content .box .img_box.left .img { float:left; }
.interview_content .box .img_box.right .img { float:right; }

.interview_content .box .img_box dl {
	width: calc(100% - 400px);
}

.interview_content .box .img_box.left dl {
	float: right;
	padding-left: 40px;
}

.interview_content .box .img_box.right dl {
	float: left;
	padding-right: 40px;
}

.interview_content .box dt {
	margin-bottom: 20px;
	font-size: 2.8rem;
	font-weight: 700;
}

.interview_content .box .mark_txt {
	font-weight: 700;
	color: #e60027;
}

.interview_content .vis {
	width: 100%;
	height: 400px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.interview_content .vis.detail01 { background-image:url(/interview/detail01/images/pc/vis01.jpg); }
.interview_content .vis.detail02 { background-image:url(/interview/detail02/images/pc/vis01.jpg); }
.interview_content .vis.detail03 { background-image:url(/interview/detail03/images/pc/vis01.jpg); }

/* ▼INTERVIEW SCHEDULE▼ */
.interview_schedule {
	padding: 90px 40px 60px;
}

.interview_schedule .set {
	float: left;
	width: 420px;
}

.interview_schedule .set:last-child { float:right; }

.interview_schedule .title {
	margin-bottom: 35px;
	text-align: center;
	font-size: 2.8rem;
}

.interview_schedule dl {
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 40px;
	font-size: 1.8rem;
	font-weight: 600;
	background: #f3f3f3;
	border-radius: 360px;
}

.interview_schedule dl:last-child { margin-bottom:0; }

.interview_schedule dl:before {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	width: 20px;
	height: 10px;
	margin-left: -10px;
	background: #f3f3f3;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.interview_schedule dl:last-child:before { display:none; }

.interview_schedule dt {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 220px;
	padding: 12px 0 14px 10px;
	text-align: center;
	color: #fff;
	line-height: 1.6;
	background: #189ae9;
	border-radius: 360px 0 0 360px;
}

.interview_schedule .set dt { width:120px; }

.interview_schedule dd {
	display: flex;
	align-items: center;
	width: calc(100% - 220px);
	padding: 12px 30px 14px;
	line-height: 1.6;
}

.interview_schedule .set dd { width:calc(100% - 120px); }

/*
ENTRY
***************************************************************************/
#entry_sec {
	padding: 100px 0;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 500;
	color: #fff;
	background: url(/common_img/pc/entry_bg.jpg) center top no-repeat;
	background-size: cover;
}

#entry_sec .stitle {
	margin-bottom: 35px;
	font-size: 1.6rem;
}

#entry_sec .title {
	margin-bottom: 35px;
	font-size: 5rem;
	font-weight: 500;
	color: #fff;
}

#entry_sec .txt {
	margin-bottom: 55px;
}

#entry_sec .btn {
	width: 420px;
	margin: 0 auto;
}

/*
BANNER
***************************************************************************/
#bnr_sec {
	padding: 70px 0 80px;
	background: url(/common_img/pc/bnr_bg.jpg) center bottom no-repeat;
	background-size: cover;
	border-bottom: solid 1px #fff;
}

#bnr_sec.interview {
	padding: 70px 0;
}

#bnr_sec .sec_title {
	margin-bottom: 70px;
	font-size: 2.6rem;
}

#bnr_sec.interview ul {
	margin-bottom: 50px;
}

#bnr_sec li {
	position: relative;
	display: flex;
	align-items: center;
	float: left;
	width: 330px;
	height: 120px;
	margin-right: 25px;
	padding: 0 25px;
	font-size: 1.7rem;
	font-weight: 500;
	color: #fff;
	background-repeat: no-repeat;
}

#bnr_sec.interview li {
	align-items: flex-end;
	height: 220px;
	padding: 30px 25px;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.65;
}

#bnr_sec li.active { opacity:0.5; }

#bnr_sec li:last-child { margin-right:0; }

#bnr_sec li.business { background-image:url(/common_img/pc/bnr_business.jpg); }
#bnr_sec li.careerup { background-image:url(/common_img/pc/bnr_careerup.jpg); }
#bnr_sec li.entry { background-image:url(/common_img/pc/bnr_entry.jpg); }
#bnr_sec li.merit { background-image:url(/common_img/pc/bnr_merit.jpg); }
#bnr_sec li.number { background-image:url(/common_img/pc/bnr_number.jpg); }
#bnr_sec li.office { background-image:url(/common_img/pc/bnr_office.jpg); }
#bnr_sec li.process { background-image:url(/common_img/pc/bnr_process.jpg); }
#bnr_sec li.statue { background-image:url(/common_img/pc/bnr_statue.jpg); }
#bnr_sec li.workstyle { background-image:url(/common_img/pc/bnr_workstyle.jpg); }

#bnr_sec li.interview01 { background-image:url(/interview/images/pc/bnr_interview01.jpg); }
#bnr_sec li.interview02 { background-image:url(/interview/images/pc/bnr_interview02.jpg); }
#bnr_sec li.interview03 { background-image:url(/interview/images/pc/bnr_interview03.jpg); }

#bnr_sec li a {
	display: block;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
}

#bnr_sec.interview li a {
	align-items: flex-end;
}

#bnr_sec li a .btn_arrow {
	right: 20px;
	width: 18px;
	height: 12px;
	margin-top: -6px;
	background-size: 18px;
}

#bnr_sec.interview li a .btn_arrow {
	margin-top: 50px;
}

#bnr_sec li a:hover .btn_arrow { right:15px; }

/*
SCROLL
***************************************************************************/
.scroll_box { overflow-y:auto; }

.scroll_box::-webkit-scrollbar {
	width: 4px;
}

.scroll_box::-webkit-scrollbar-track {
	background: #e2e2e2;
}

.scroll_box::-webkit-scrollbar-thumb {
	background: #aaa;
}

.gecko .scroll_box {
	scrollbar-width: 4px;
	scrollbar-color: #969696 #e2e2e2;
}

/*
PARTS
***************************************************************************/
/* ▼CONTENTS EFFECT▼ */
.delay_fade {
	opacity: 0;
	transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-webkit-transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.delay_fade.top_btm {
	transform: translate(0,-100px); 
	-webkit-transform: translate(0,-100px);
}

.delay_fade.btm_top {
	transform: translate(0,100px); 
	-webkit-transform: translate(0,100px);
}

.delay_fade.left_right {
	transform: translate(-100px,0); 
	-webkit-transform: translate(-100px,0);
}

.delay_fade.right_left {
	transform: translate(100px,0); 
	-webkit-transform: translate(100px,0);
}

.delay_fade.expand {
	opacity: 1;
	-webkit-transition: all 1.2s cubic-bezier(0.12, 0.92, 0.31, 0.95);
	transition: all 1.2s cubic-bezier(0.12, 0.92, 0.31, 0.95);
	-webkit-transform: scale(0.001) translateY(0);
	transform: scale(0.001) translateY(0);
}

.delay_fade.active {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

.delay_fade.expand.active {
	-webkit-transform: translate(0,0) scale(1);
	transform: translate(0,0) scale(1);
}

/* ▼BOX▼ */
.tbl_box {
	display: table;
	width: 100%;
}

/* ▼BUTTON▼ */
.btn01 {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	font-weight: 500;
	color: #fff;
	background: transparent;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	z-index: 0;
}

.btn01.small {
	height: 60px;
	font-size: 1.4rem;
	line-height: 58px;
}

.btn01.mid {
	height: 70px;
	font-size: 1.6rem;
	line-height: 68px;
}

.btn01.large {
	height: 80px;
	font-size: 1.8rem;
	line-height: 78px;
}

.btn01:before, .btn01:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 4px;
	transition: .3s;
	backface-visibility: hidden;
}

.btn01:before { z-index:-1; }
.btn01:after { z-index:-2; }

.btn01:hover { opacity:1; }
.btn01:hover:before { opacity:0; }

.btn01.red:before { background:linear-gradient(128deg, #ce0d0d 0%, #d82e10 100%); }
.btn01.red:after { background:linear-gradient(128deg, #d82e10 0%, #ce0d0d 100%); }

.btn01.blue:before { background:linear-gradient(110deg, #1b598f 0%, #1b7dba 100%); }
.btn01.blue:after { background:linear-gradient(110deg, #1b7dba 0%, #1b598f 100%); }

.btn_arrow {
	display: block;
	position: absolute;
	top: 50%;
	background-image: url(/common_img/arrow01.png);
	background-position: center center;
	background-repeat: no-repeat;
	transition: .3s;
	backface-visibility: hidden;
	z-index: 5;
}

.btn01.small .btn_arrow {
	right: 12px;
	width: 15px;
	height: 10px;
	margin-top: -5px;
	background-size: 15px;
}

.btn01.small:hover .btn_arrow { right:7px; }

.btn01.mid .btn_arrow {
	right: 15px;
	width: 18px;
	height: 12px;
	margin-top: -6px;
	background-size: 18px;
}

.btn01.mid:hover .btn_arrow { right:10px; }

.btn01.large .btn_arrow {
	right: 20px;
	width: 30px;
	height: 20px;
	margin-top: -10px;
	background-size: 30px;
}

.btn01.large:hover .btn_arrow { right:15px; }

.btn02 {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	text-align: center;
	font-size: 1.3rem;
	font-weight: 700;
	color: #1b224c;
	line-height: 48px;
	background: #fff;
	border: solid 1px #1b224c;
	border-radius: 4px;
}

.btn02:hover {
	color: #fff;
	background: #1b224c;
}

.btn02 .btn_arrow {
	right: 12px;
	width: 15px;
	height: 10px;
	margin-top: -5px;
	background-image: url(/common_img/arrow02.png);
	background-size: 15px;
}

.btn02:hover .btn_arrow {
	right: 7px;
	background-image: url(/common_img/arrow01.png);
	background-size: 15px;
}

.btn_mid {
	width: 400px;
	margin: 0 auto;
}

/* ▼TITLE▼ */
.sec_title {
	margin-bottom: 70px;
	text-align: center;
	font-size: 3.2rem;
	color: #1b224c;
}

.line_plus {
	position: relative;
}

.sec_title.line_plus {
	margin-bottom: 100px;
}

.line_plus:after {
	content: '';
	position: absolute;
	left: 0;
	height: 1px;
	background: #1b224c;
}

.sec_title.line_plus:after {
	bottom: -50px;
	left: 50%;
	width: 80px;
	margin-left: -40px;
}

/* ▼ICON▼ */
.count_icon {
	position: absolute;
	top: -40px;
	left: 50px;
	font-size: 7.2rem;
	color: #1B224C;
	line-height: 1;
	font-family: 'Impact';
}

.count_icon span { color:#CE0D0D; }

.count_icon:before {
	content: '';
	position: absolute;
	top: 65px;
	left: 0;
	width: 160px;
	height: 1px;
	background: #1B224C;
	transform: rotate(-45deg);
}

/*
COMMON PARTS
***************************************************************************/
/* ▼display▼ */
.block { display:block!important; }
.inline { display:inline!important; }
.iblock { display:inline-block!important; }

.posit_r { position:relative!important; }
.posit_a { position:absolute!important; }
.posit_f { position:fixed!important; }

.align_c { text-align:center!important; }
.align_r { text-align:right!important; }
.align_l { text-align:left!important; }

.disp_l { float:left!important; }
.disp_r { float:right!important; }

.va_top { vertical-align:top!important; }
.va_mid { vertical-align:middle!important; }
.va_btm { vertical-align:bottom!important; }

/* ▼width▼ */
.pc_w4per { width:4%; }
.pc_w5per { width:5%; }
.pc_w8per { width:8%; }
.pc_w10per { width:10%; }
.pc_w15per { width:15%; }
.pc_w20per { width:20%; }
.pc_w22per { width:22%; }
.pc_w25per { width:25%; }
.pc_w30per { width:30%; }
.pc_w35per { width:35%; }
.pc_w50per { width:50%; }
.pc_w55per { width:55%; }
.pc_w56per { width:56%; }
.pc_w60per { width:60%; }
.pc_w70per { width:70%; }
.pc_w75per { width:75%; }
.pc_w80per { width:80%; }
.pc_w100per { width:100%!important; }

.zoom05 { zoom:0.5; }

/* ▼area▼ */
.pc_mb160 { margin-bottom:160px!important; }
.pc_mb150 { margin-bottom:150px!important; }
.pc_mb140 { margin-bottom:140px!important; }
.pc_mb130 { margin-bottom:130px!important; }
.pc_mb120 { margin-bottom:120px!important; }
.pc_mb110 { margin-bottom:110px!important; }
.pc_mb100 { margin-bottom:100px!important; }
.pc_mb95 { margin-bottom:95px!important; }
.pc_mb90 { margin-bottom:90px!important; }
.pc_mb85 { margin-bottom:85px!important; }
.pc_mb80 { margin-bottom:80px!important; }
.pc_mb75 { margin-bottom:75px!important; }
.pc_mb70 { margin-bottom:70px!important; }
.pc_mb65 { margin-bottom:65px!important; }
.pc_mb60 { margin-bottom:60px!important; }
.pc_mb55 { margin-bottom:55px!important; }
.pc_mb50 { margin-bottom:50px!important; }
.pc_mb45 { margin-bottom:45px!important; }
.pc_mb40 { margin-bottom:40px!important; }
.pc_mb35 { margin-bottom:35px!important; }
.pc_mb30 { margin-bottom:30px!important; }
.pc_mb25 { margin-bottom:25px!important; }
.pc_mb20 { margin-bottom:20px!important; }
.pc_mb15 { margin-bottom:15px!important; }
.pc_mb12 { margin-bottom:12px!important; }
.pc_mb10 { margin-bottom:10px!important; }
.pc_mb8 { margin-bottom:8px!important; }
.pc_mb5 { margin-bottom:5px!important; }
.pc_mb0 { margin-bottom:0!important; }

.pc_mlr300 { margin-left:300px!important; margin-right:300px!important; }
.pc_mlr115 { margin-left:115px!important; margin-right:115px!important; }
.pc_mlr100 { margin-left:100px!important; margin-right:100px!important; }
.pc_mlr80 { margin-left:80px!important; margin-right:80px!important; }
.pc_mlr75 { margin-left:75px!important; margin-right:75px!important; }
.pc_mlr70 { margin-left:70px!important; margin-right:70px!important; }
.pc_mlr60 { margin-left:60px!important; margin-right:60px!important; }
.pc_mlr55 { margin-left:55px!important; margin-right:55px!important; }
.pc_mlr50 { margin-left:50px!important; margin-right:50px!important; }
.pc_mlr45 { margin-left:40px!important; margin-right:45px!important; }
.pc_mlr40 { margin-left:40px!important; margin-right:40px!important; }
.pc_mlr35 { margin-left:35px!important; margin-right:35px!important; }
.pc_mlr30 { margin-left:30px!important; margin-right:30px!important; }
.pc_mlr25 { margin-left:25px!important; margin-right:25px!important; }
.pc_mlr20 { margin-left:20px!important; margin-right:20px!important; }
.pc_mlr15 { margin-left:15px!important; margin-right:15px!important; }
.pc_mlr10 { margin-left:10px!important; margin-right:10px!important; }
.pc_mlr5 { margin-left:5px!important; margin-right:5px!important; }
.pc_mlr-1 { margin-left:-1px!important; margin-right:-1px!important; }
.pc_mlr-5 { margin-left:-5px!important; margin-right:-5px!important; }
.pc_mlr-10 { margin-left:-10px!important; margin-right:-10px!important; }
.pc_mlr-20 { margin-left:-20px!important; margin-right:-20px!important; }
.pc_mlr-50 { margin-left:-50px!important; margin-right:-50px!important; }
.pc_mlr-100 { margin-left:-100px!important; margin-right:-100px!important; }
.pc_mlr_auto { margin-left:auto!important; margin-right:auto!important; }

.pc_mr50 { margin-right:50px!important; }
.pc_mr40 { margin-right:40px!important; }
.pc_mr30 { margin-right:30px!important; }
.pc_mr25 { margin-right:25px!important; }
.pc_mr20 { margin-right:20px!important; }
.pc_mr15 { margin-right:15px!important; }
.pc_mr10 { margin-right:10px!important; }
.pc_mr5 { margin-right:5px!important; }
.pc_mr0 { margin-right:0px!important; }
.pc_mr-5 { margin-right:-5px!important; }

.pc_ml80 { margin-left:80px!important; }
.pc_ml50 { margin-left:50px!important; }
.pc_ml40 { margin-left:40px!important; }
.pc_ml30 { margin-left:30px!important; }
.pc_ml20 { margin-left:20px!important; }
.pc_ml15 { margin-left:15px!important; }
.pc_ml10 { margin-left:10px!important; }
.pc_ml0 { margin-left:0px!important; }
.pc_ml-5 { margin-left:-5px!important; }
.pc_ml-10 { margin-left:-10px!important; }
.pc_ml-15 { margin-left:-15px!important; }
.pc_ml-20 { margin-left:-20px!important; }

.pc_mt90 { margin-top:90px!important; }
.pc_mt80 { margin-top:80px!important; }
.pc_mt70 { margin-top:70px!important; }
.pc_mt60 { margin-top:60px!important; }
.pc_mt55 { margin-top:55px!important; }
.pc_mt50 { margin-top:50px!important; }
.pc_mt45 { margin-top:45px!important; }
.pc_mt40 { margin-top:40px!important; }
.pc_mt30 { margin-top:30px!important; }
.pc_mt20 { margin-top:20px!important; }
.pc_mt15 { margin-top:15px!important; }
.pc_mt10 { margin-top:10px!important; }
.pc_mt5 { margin-top:5px!important; }
.pc_mt3 { margin-top:3px!important; }
.pc_mt0 { margin-top:0!important; }
.pc_mt-5 { margin-top:-5px!important; }
.pc_mt-10 { margin-top:-10px!important; }
.pc_mt-20 { margin-top:-20px!important; }
.pc_mt-40 { margin-top:-40px!important; }
.pc_mt-50 { margin-top:-50px!important; }
.pc_mt-60 { margin-top:-60px!important; }
.pc_mt-70 { margin-top:-70px!important; }
.pc_mt-80 { margin-top:-80px!important; }

.pc_pb100 { padding-bottom:100px!important; }
.pc_pb80 { padding-bottom:80px!important; }
.pc_pb30 { padding-bottom:30px!important; }
.pc_pb8 { padding-bottom:8px!important; }
.pc_pb0 { padding-bottom:0!important; }

.pc_p20 { padding:20px!important; }
.pc_p15 { padding:15px!important; }
.pc_p10 { padding:10px!important; }

.pc_pt60 { padding-top:60px!important; }
.pc_pt50 { padding-top:50px!important; }

.pc_ptb20 { padding-top:20px!important; padding-bottom:20px!important; }
.pc_ptb15 { padding-top:15px!important; padding-bottom:15px!important; }
.pc_ptb5 { padding-top:5px!important; padding-bottom:5px!important; }
.pc_ptb0 { padding-top:0!important; padding-bottom:0!important; }

.pc_plr25 { padding-left:25px!important; padding-right:25px!important; }

/* ▼font▼ */
.pc_size10 { font-size:1rem!important; }
.pc_size11 { font-size:1.1rem!important; }
.pc_size12 { font-size:1.2rem!important; }
.pc_size13 { font-size:1.3rem!important; }
.pc_size14 { font-size:1.4rem!important; }
.pc_size15 { font-size:1.5rem!important; }
.pc_size16 { font-size:1.6rem!important; }
.pc_size17 { font-size:1.7rem!important; }
.pc_size18 { font-size:1.8rem!important; }
.pc_size19 { font-size:1.9rem!important; }
.pc_size20 { font-size:2.0rem!important; }
.pc_size22 { font-size:2.2rem!important; }
.pc_size24 { font-size:2.4rem!important; }
.pc_size30 { font-size:3.0rem!important; }
.pc_size40 { font-size:4.0rem!important; }

.weight_300 { font-weight:300!important; }
.weight_400 { font-weight:400!important; }
.weight_500 { font-weight:500!important; }
.weight_700, .bold { font-weight:700!important; }

.lh2 { line-height:2!important; }
.lh18 { line-height:1.8!important; }
.lh16 { line-height:1.6!important; }
.lh15 { line-height:1.5!important; }

/* ▼link▼ */
a.u_line, .u_line { text-decoration:underline!important; }
a.no_line { text-decoration:none!important; }

/* ▼frame▼ */
.img_frame01 { border:solid 1px #fff; }

/* ▼line▼ */
.txt_line {
	padding-bottom: 10px;
	line-height: 2.8;
	border-bottom: dotted 1px #999;
}

/* ▼background▼ */
.bg_none { background:none!important; }

/* ▼border▼ */
.border_none { border:none!important; }
