@charset "utf-8";
.main_cont {
		margin-top: 80px;
}
@media(max-width: 1500px) {
		.main_cont {
				margin-top: 74px;
		}
}
@media(max-width: 767px) {
		.main_cont {
				margin-top: 59px;
		}
}
.recruit_hdr {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-image: url("../images/recruit_hdr.jpg");
		height: 600px;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
}
.recruit_hdr .second_hdr {
		width: 100%;
}
.recruit_hdr .second_hdr_left h1, .recruit_hdr .second_hdr_left h2 {
		color: #fff;
}
.recruit_hdr .second_hdr_left p {
		color: #fff;
}
.second_hdr_left p span::before {
		background: #fff;
}
.bread_path ol li a {
		color: #fff;
}
.bread_path ol li::after {
		background: #fff;
}
@media(max-width: 1600px) {
		.recruit_hdr {
				height: 37vw
		}
}
@media(max-width: 960px) {
		.recruit_hdr {
				height: 40vw
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.recruit_hdr {
				height: 40vw
		}
}
/* =============== */
.message_section {
		padding: 80px 20px 100px;
		background: #fff;
		overflow: hidden;
		position: relative;
}
.message_section::before {
		content: '';
		display: block;
		position: absolute;
		top: 0px;
		left: 40vw;
		width: 2000px;
		height: 230px;
		background: #DDE6F2;
		opacity: 0.4;
		transform: skewX(30deg);
}
@media(max-width: 1400px) {
		.message_section::before {
				height: 13.5vw
		}
}
@media(max-width: 1200px) {
		.message_section::before {
				height: 140px;
				left: 30vw;
		}
}
@media(max-width: 960px) {
		.message_section::before {
				left: 30vw;
				height: 140px;
		}
}
@media(max-width: 767px) {
		.message_section {
				padding: 60px 20px
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.message_section::before {
				left: 30vw;
				width: 500px;
				height: 110px;
		}
}
.message_inner {
		max-width: 1360px;
		margin: 0 auto;
		display: flex;
		align-items: center;
		position: relative;
		z-index: 1
}
.message_left {
		width: 668px;
		margin-right: 110px;
}
.message_left img {
		width: 100%;
		height: auto
}
.message_figure-1 {
		width: 553px;
		margin: 0 0 60px;
		position: relative;
		left: 93px
}
.message_figure-2 {
		width: 452px;
		margin: 0 0 50px
}
.message_figure-3 {
		width: 315px;
		position: relative;
		left: 350px
}
.message_right {
		flex: 1
}
.statement p {
		font-size: 18px;
		font-weight: 500;
		line-height: 1.8;
		margin: 0 0 1.5em
}
@media(max-width: 1400px) {
		.message_left {
				width: 660px;
				margin-right: 40px;
		}
		.message_figure-1 {
				width: 500px;
				margin: 0 0 60px;
				position: relative;
				left: 83px
		}
		.message_figure-2 {
				width: 405px;
				margin: 0 0 50px
		}
		.message_figure-3 {
				width: 280px;
				position: relative;
				left: 315px
		}
}
@media(max-width: 1300px) {
		.message_left {
				width: 600px;
				margin-right: 30px;
		}
		.message_figure-1 {
				width: 450px;
				margin: 0 0 60px;
				position: relative;
				left: 70px
		}
		.message_figure-2 {
				width: 360px;
				margin: 0 0 50px
		}
		.message_figure-3 {
				width: 250px;
				position: relative;
				left: 290px
		}
}
@media(max-width: 1150px) {
		.message_inner {
				display: flex;
				align-items: flex-start
		}
		.message_left {
				width: 43%;
				margin-right: 20px;
		}
		.message_figure-1 {
				width: 75%;
				margin: 0 0 40px;
				left: 70px
		}
		.message_figure-2 {
				width: 60%;
				margin: 0 0 40px;
		}
		.message_figure-3 {
				width: 42%;
				left: 48%
		}
		.statement p {
				font-size: 15px;
				font-weight: 500;
				line-height: 1.8;
				margin: 0 0 1.5em
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.message_inner {
				display: flex;
				flex-direction: column-reverse;
		}
		.message_right {
				margin: 0 0 30px;
		}
		.message_left {
				width: auto;
				margin: 0
		}
		.message_figure-1 {
				width: 75%;
				margin: 0 0 20px;
				left: 70px
		}
		.message_figure-2 {
				width: 60%;
				margin: 0 0 20px;
		}
		.message_figure-3 {
				width: 42%;
				left: 48%
		}
		.statement p {
				font-size: 14px;
				font-weight: 500;
				line-height: 1.8;
				margin: 0 0 1.5em
		}
}
/* =============== */
.voice_section {
		padding: 80px 0;
		background: linear-gradient(#002b62 0%, #074291 100%);
}
@media(max-width: 767px) {
		.voice_section {
				padding: 60px 0;
		}
}
/* =============== */
.merit_section {
		padding: 80px 20px
}
@media(max-width: 767px) {
		.merit_section {
				padding: 60px 10px
		}
}
/* =============== */
.environment_section {
		padding: 80px 20px 10px;
}
.environment_flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
}
.environment_item {
		width: calc(50% - 25px);
		margin-bottom: 70px;
		display: flex;
		align-items: center;
}
.environment_pict {
		width: 138px;
		margin-right: 30px;
}
.environment_pict img {
		width: 100%;
		height: auto;
		border-radius: 50%;
}
.environment_caption {
		flex: 1
}
.environment_caption h5 {
		font-size: 22px;
		font-weight: 700;
		margin: 0 0 10px;
}
.environment_caption p {
		line-height: 1.8;
}
@media(max-width: 1200px) {
		.environment_item {
				width: calc(50% - 15px);
				display: flex;
				align-items: flex-start;
		}
		.environment_pict {
				width: 110px;
				margin-right: 20px;
		}
		.environment_caption h5 {
				font-size: 18px;
				margin: 0 0 10px;
		}
}
@media(max-width: 960px) {
		.environment_flex {
				display: block
		}
		.environment_item {
				width: 100%;
				margin: 0 0 40px;
		}
}
@media(max-width: 767px) {
		.environment_section {
				padding: 60px 10px 10px;
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.environment_item {
				display: block;
				padding: 0 20px;
				box-sizing: border-box
		}
		.environment_pict {
				width: 140px;
				margin: 0 auto 20px;
		}
		.environment_caption h5 {
				font-size: 18px;
				margin: 0 0 10px;
				text-align: center;
		}
}
/* ============= */
.job_section {
		padding: 80px 20px;
		background: #fff;
}
@media(max-width: 767px) {
		.job_section {
				padding: 60px 10px;
				background: #fff;
		}
}
.job_gr h5 {
		font-size: 26px;
		font-weight: 600;
		margin: 70px 0 25px;
		padding-left: 28px;
		position: relative;
}
.job_gr h5::before {
		content: '';
		display: block;
		position: absolute;
		top: -1px;
		left: 0;
		width: 11px;
		height: 30px;
		background: #027dff;
}
.job_item {
		padding: 25px;
		background: #f4f5f7;
		border: 1px solid #e3ecf7;
		display: flex;
		align-items: center;
		font-size: 18px;
		line-height: 1.8;
		font-weight: 500;
		margin: 0 0 10px;
}
.job_item_hd {
		width: 150px;
		text-align: center;
}
.job_item_caption {
		flex: 1;
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
}
.job_item_caption p {
		flex: 1
}
.job_item_link {
		margin-left: 80px;
		font-size: 16px;
		font-weight: 400;
}
.job_item_link a {
		color: #027DFF;
		text-decoration: none;
		position: relative;
		display: inline-block;
		padding-right: 50px;
}
.job_item_link a::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 18px);
		right: 0;
		width: 33px;
		height: 33px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 33px;
		background-image: url("../images/icon_blank.png")
}
@media (hover: hover) {
		.job_item_link a:hover {
				text-decoration: underline;
				text-underline-offset: 3px;
		}
}
@media(max-width: 1200px) {
		.job_gr h5 {
				font-size: 22px;
				font-weight: 600;
				margin: 70px 0 25px;
				padding-left: 28px;
		}
		.job_gr h5::before {
				top: -1px;
				width: 11px;
				height: 30px;
		}
		.job_item {
				padding: 20px;
				font-size: 16px;
		}
		.job_item_hd {
				width: 130px;
				text-align: center;
		}
		.job_item_link {
				margin-left: 30px;
				font-size: 15px;
		}
}
@media(max-width: 960px) {
		.job_item {
				padding: 20px;
		}
		.job_item_hd {
				width: 120px;
				text-align: center;
		}
		.job_item_link a {
				padding-right: 35px;
		}
		.job_item_link a::after {
				top: calc(50% - 15px);
				width: 26px;
				height: 26px;
				background-size: 26px;
		}
}
@media(max-width: 767px) {
		.job_item {
				padding: 15px;
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.job_gr h5 {
				font-size: 20px;
				font-weight: 600;
				margin: 60px 0 25px;
				padding-left: 25px;
		}
		.job_gr h5::before {
				top: -2px;
				width: 8px;
				height: 21px;
		}
		.job_item_hd {
				width: auto;
				text-align: left;
				margin: 0 0 10px
		}
		.job_item {
				display: block
		}
		.job_item_caption {
				display: block
		}
		.job_item_link {
				margin-top: 20px;
				margin-left: 0;
				font-size: 15px;
		}
}
/* ================ */
.faq_section {
		padding: 80px 20px
}
@media(max-width: 767px) {
		.faq_section {
				padding: 60px 20px;
		}
}