@charset "utf-8";
/* CSS Document */

/*=================================
 recruit　top
=================================*/
main{
	margin-bottom:0;
}
.home2 .visula h1 {
    background:none;
    padding:0;
    top: 0%;
    left: 0%;
    line-height:normal;
}

.home.recruit .visula{
	width: 100%;
	max-height: 100%;
}
.recruit .visu_inner .img{
	width: 100%;
    position: relative;
    top: 0px;
}
.recruit .visu_inner .img img{
	width: 100%;
}
.home.interview .visula{
	max-height: 650px;
}
.interview .visu_inner{
	width: 1100px;
	height: 750px;
	margin: 0 auto;
}
.home2 .visu_inner .ttl_txt{
	position: absolute;
	top:36%;
	left:0;
	color: #fff;
	font-size: 60px;
	/*text-shadow:1px 1px 8px rgba(0,0,0.2);*/
	text-shadow: 
    #000 1px 1px 10px, #000 -1px 1px 10px,
    #000 1px -1px 10px, #000 -1px -1px 10px;
	text-align: left;
}
.home2.recruit main{
	margin-bottom: 0;
	position: relative;
	z-index: 5;
}
.recruit .common_txt{
	overflow: hidden;
	position: relative;
	background-color: #00629d;
}
.recruit .common_txt .box .flex{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.recruit .common_txt .box .flex{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.recruit .common_txt .box{
	width: 1200px;
	min-width: auto;
	padding: 65px 0;
	margin-top:0;
	background: no-repeat;
	z-index: 5;
}
.recruit .common_txt .text_area{
	text-align: left;
	max-width: 550px;
	padding-left: 15px;
}
.recruit .common_txt .image_area{
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width: 46%;
}
.recruit .common_txt .entry_title{
	font-size:2.25rem;
	font-weight:bold;
	color:#fff;
	margin-bottom:1em;
	display:block;
}
.recruit .common_txt .entry_info span{
	font-size:1.125rem;
	color:#fff;
	display:block;
}
.recruit .common_txt .entry_info p{
	font-size:2.25rem;
	font-weight:bold;
	color:#fff;
	margin-bottom:1em;
	display:block;
}
.recruit .common_txt .entry_info p a{
	color:#fff;
	pointer-events: all;
}
.recruit .common_txt .entry_info p a:hover{
	text-decoration:underline;
	opacity:1;
	text-underline-offset:7px;
}
.recruit .common_txt .btn_wrap .entry_btn{
	margin-left:0;
}
.recruit .common_txt .btn_wrap .entry_btn + .entry_btn{
	margin-top:1em;
}
.recruit.home2  .common_txt .box .btn_wrap .entry_btn a{
	text-align: center;
	font-weight: normal;
	transition: .5s opacity;
}
.recruit.home2  .common_txt .box .btn_wrap .entry_btn a:before{
	display:none;
}
.recruit_common_txt a:hover{
	text-decoration: none;
}
.recruit .sec_01{
	background: url( ../img/recruit/top/bg-img_01.jpg) no-repeat center;
	background-size: cover;
}
.wrap1100{
	max-width: 1100px;
	margin: 0 auto;
	padding: 80px 0;
}
.message .wrap1100{
	max-width: 1100px;
	margin: 0 auto;
	padding: 0px 0 70px;
}
.bg_gry{
	background: #eeeeee;
}
.flex{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex::after{
	display: none;
}
.fl-wrap{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.g_box{
	max-width: 623px;
	margin: 0 auto;
	background: #00629d;
	color: #fff;
	padding:55px 80px 65px;
	text-align: left;
	box-sizing: border-box;
	line-height: 1.7;
}
#top .g_box h1,
.g_box h2
{
	font-size: 60px;
	padding-bottom: 37px;
	border-bottom: 1px solid #fff;
	margin-bottom: 45px;
	text-align: center;
	line-height: 1.1;
}
.g_box p{
	padding: 0 15px;
	font-size: 18px;
}
.f_72{
	font-size: 72px;
}
.h-style{
	/*font-family: 'Open Sans', sans-serif;*/
	font-weight: bold;
	/*letter-spacing: 0.35em;*/
	font-size: 46px;
	color: #000;
	margin-bottom: 55px;
}
.h-style span{
	font-size: 16px;
	letter-spacing: normal;
	display: block;
	color: #00629d;
	line-height: 1;
}
.int_list{
	text-align: left;
	margin-top: 60px;
}
.int_list .department{
	display: inline-block;
	color: #fff;
	width: 128px;
	padding: 10px 0;
	background-color: #758001;
	text-align: center;
	margin-top: 16px;
}
.int_list li{
	width: 490px;
	height: 443px;
	background-color: #ebebeb !important;
	margin-bottom: 58px;
	position: relative;
}
.int_list li:nth-child(1){
	background: url("../img/recruit/top/rec_01.jpg") no-repeat bottom right;
	background-size: contain;
}
.int_list li:nth-child(2){
	background: url("../img/recruit/top/rec_02.jpg") no-repeat bottom right;
	background-size: contain;
}
.int_list li:nth-child(3){
	background: url("../img/recruit/top/rec_03.jpg") no-repeat bottom right;
	background-size: contain;
}
.int_list li:nth-child(4){
	background: url("../img/recruit/top/rec_04.jpg") no-repeat bottom right;
	background-size: contain;
}
.int_list li:nth-child(5){
	background: url("../img/recruit/top/rec_05.jpg") no-repeat bottom right;
	background-size: contain;
}
.int_list li:nth-child(6){
	background: url("../img/recruit/top/rec_06.jpg") no-repeat bottom right;
	background-size: contain;
}
.int_list li:nth-child(2) .department{
	background-color: #804b01;
}
.int_list li:nth-child(3) .department{
	background-color: #730a01;
}
.int_list li:nth-child(4) .department{
	background-color: #420173;
}
.int_list li:nth-child(5) .department{
	background-color: #730169;
}
.int_list li:nth-child(6) .department{
	background-color: #012f73;
}
.int_list h3{
	font-weight: bold;
	font-size: 14px;
	margin: 60px 20px 20px;
}
.int_list h3 span{
	display: block;
	padding: 5px 0;
}
.int_list h3 + p{
	margin-left: 20px;
	max-width: 60%;
	font-size: 14px;
}
.int_list .more_btn{
	position: absolute;
	bottom: 30px;
	width: 100%;
	text-align: center;
}
.more_btn a{
	display: inline-block;
	background: #00629d;
	width: 263px;
	padding: 11px 0;
	text-align: center;
}
.more_btn img{
	vertical-align: middle;
}
.message_box{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	background: #fff;
}
.txt_area{
	box-sizing: border-box;
	width: fit-content;
	margin: 0 auto;
}
.txt_area h2{
	text-align:left;
}
.txt_area h3{
	font-weight: bold;
	font-size: 26px;
	margin-bottom: 30px;
	
}
.txt_area p{
	margin-bottom: 40px;
	line-height: 1.8;
}
.txt_area .more_btn{
	text-align:left;
}
.txt_area .more_btn a{
	width: 185px;
	margin-right: auto;
}
.recruit .section04 .h-style{
	color: #017f4b;
	margin-top: 84px;
}
.home.recruit .visula .movie_btn a{
	background:#008F65;
}
.recruit .cp_btn{
	position:absolute;
	bottom:40px;
	left:0;
	right:0;
	margin:auto;
}
@media screen and (max-width:768px){
	.home.interview .visula{
		overflow: hidden;
	}
	.home.recruit .visula .movie_btn{
		position: absolute;
		bottom: 100px;
		padding: 0 10px;
		width: auto;
	}
	.recruit .visula{
		width: 100%;
		background: url(../img/recruit/top/main_visu_sp.png) no-repeat center top;
		background-size: cover;
		background-position-y: -100px;
	}
	.visu_inner{
		width: 100%;
		height: 560px;
		/* height: 60vh; */
	}
	.home2 .visu_inner .ttl_txt{
		position: static;
    padding-top: 50%;
    padding-top: 50vw;
		font-size: 30px;
		padding-left: 10px;
	}
	.wrap1100{
		width: 100%;
		padding: 25px 10px;
		box-sizing: border-box;
	}
	.message .wrap1100{
	max-width: 1100px;
	margin: 0 auto;
	padding: 0px 0 35px;
}
	.h-style{
		font-size: 24px;
		/*letter-spacing: .3em;*/
		margin-bottom: 20px;
	}
	.h-style span {
    font-size: 14px;
 }
	
	.g_box{
		padding: 30px 20px;
	}
	#top .g_box h1,
　　.g_box h2{
		font-size: 20px;
    padding-bottom: 25px;
    margin-bottom: 30px;
	}
	.f_72{
		font-size: 26px;
	}
	.recruit .sec_01{
		padding-bottom: 40%;
    background-position: bottom;
    background-size: contain;
	background-position-y: 105%;
	}
	.g_box h2 br{
		display: none;
	}
	.g_box p{
		margin-bottom: 15px !important;
		padding: 0;
	}
	.int_list{
		margin-top: 20px;
	}
	.int_list li{
		height: auto;
		margin-bottom: 30px;
		background-size: contain;
    background-position: bottom;
	}
	.int_list .department{
		padding: 5px 0;
	}
	.int_list h3{
		margin: 20px 6px 20px;
	}
	.int_list h3 span{
		padding-bottom: 5px;
	}
	.int_list h4 + p{
		margin-left: 10px;
		max-width: 45%;
	}
	.int_list .more_btn{
		position: static;
		margin: 30px 0 20px;
	}
	.more_btn a{
		width: 80%;
	}
	.message_box{
		margin: 0;
		background: no-repeat;
		position: relative;
		padding-bottom: 4.5em;
	}
	.txt_area{
		width: 100%;
		padding: 30px 15px;
	}
	.txt_area h2{
		text-align:center;
		margin-bottom: 0;
	}
	.txt_area h3{
		font-size: 18px;
    margin-bottom: 20px;
	}
	.txt_area p {
    margin-bottom: 30px;
    line-height: 1.6;
	}
	.txt_area .more_btn{
		text-align:center;
		position: absolute;
		inset: auto 0 0 0;
	}
	.recruit .section04 .h-style{
		margin-top: 50px;
	}
	.recruit_common_txt{
		padding: 15px 0;
		text-align: center;
	}
	.recruit_common_txt p{
		font-size: 16px;
	}
	.recruit_common_txt p a{
		display: block;
		margin-left: 0;
		font-size: 24px;
	}
	.flex{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	flex-wrap:wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
	.recruit .common_txt .text_area{
		text-align: center;
		padding:0 15px;
	}
	.recruit .common_txt .image_area{
		position:relative;
		width:100%;
	}
	.recruit .common_txt .entry_title{
		font-size:1.43rem;
	}
	.recruit .common_txt .entry_info span{
		font-size:0.86rem;
		color:#fff;
		display:block;
	}
	.recruit .common_txt .entry_info p{
		font-size:1.83rem;
	}
	.recruit .common_txt .btn_wrap .entry_btn{
		margin-left:auto;
	}
}
	@media screen and (max-width:650px){
	.recruit .visula{
		width: 100%;
		background: url(../img/recruit/top/main_visu_sp.png) no-repeat center top;
		background-size: cover;
		background-position-y: 0px;
	}
	.message img{
		margin: 0 auto;
	}
	}

/*=================================
 recruit　下層共通
=================================*/

.home2 .section04.kaso .box figure.first,
.home2 .section04.kaso .box figure.last{
	top: unset;
	bottom: 0;
}
.home2 .section04.kaso .box p.arrow_btn.las,
.home2 .section04 .box p.arrow_btn.last{
	padding-top: 0;
	position:relative;
}

/*.home2 .section04.kaso .box p.arrow_btn.last:before,*/
.home2 .section04 .box p.arrow_btn.last a:before{
	content:"";
	background:url(../img/top/01__top_52.png) no-repeat;
	width:80px;
	height:60px;
	display:inline-block;
	position:absolute;
	background-size:contain;
	z-index:1;
left: 25px;
    top: 15px;
}
@media screen and (max-width:768px){
	.recruit .common_txt .box{
		width: 100%;
		background: none;
		background-color: #00629b;
		padding: 29px 0 30px;
	}
	.recruit .common_txt .box .flex{
		display: block;
	}
	.home2 .section04.kaso .recruit_common_txt{
		margin-top: 0;
    text-align: center;
    font-size: 16px;
	}
	.recruit_common_txt a{
		font-size: 30px;
	}
	.home2 .section04.kaso .box p.arrow_btn.last {
    padding-bottom: 0;
}
	.recruit .arrow_btn.last a{
		width: 230px;
		padding: 15px 0;
	}
	.recruit .section04 .box p.arrow_btn.last{
		padding-bottom: 0;
		padding-top:0;
	}
	
.home2 .section04.kaso .box p.arrow_btn.last:before,
.home2 .section04 .box p.arrow_btn.last a:before{
	width:50px;
	height:40px;
    top: 3px;
}
}



/*=================================
 recruit　interview
=================================*/

.recruit.interview .visu_inner{
	height: 705px;
}
.home2.interview .visu_txt{
	position: absolute;
	bottom: 0;
	left: 0;
	top:auto;
}
.parallel_box{
	margin-top: 15px;
	min-height: 480px;
}
.parallel_box:last-of-type{
	margin-bottom: 130px;
}
.parallel_box:first-of-type{
	margin-top: 130px;
}
/*.parallel_box .wrap1100{
	padding: 0;
}*/
.parallel_box .img_box{
	width: 46%;
	height: 480px;
	position: absolute;
	top:0;
}
.parallel_box .img_box .bg_box{
	width: 100%;
	height: 100%;
}
.parallel_box:nth-of-type(odd) .img_box{
	right: 0;
}
.parallel_box:nth-of-type(even) .img_box{
	left: 0;
}
.parallel_box .txt_box{
	text-align: left;
	width: 50%;
	box-sizing: border-box;
}
.parallel_box:nth-of-type(odd) .txt_box{
	padding-right: 53px;
}
.parallel_box:nth-of-type(even) .txt_box{
	padding-left: 53px;
	margin: 0 0 0 auto;
}
.interview h2{
	font-size: 31px;
	color: #00629d;
	margin-bottom: 35px;
}
.txt_box p{
	line-height: 1.6;
	font-size: 20px;
}
.schedule_box{
	background-color: #f0f3f7;
}
.schedule_box .wrap1100{
	padding: 110px 0;
}
.schedule_box ul.box_in{
	width: 460px;
	margin: 0 0 0 auto;
	border-left: 8px solid #00629d;
	padding-left: 51px;
	box-sizing: border-box;
}
.schedule_box .box_in > li{
	text-align: left;
	font-size: 26px;
	color: #00629d;
	margin-top: 50px;
	position: relative;
}

.schedule_box .box_in ul{
	margin-top: 10px;
}
.schedule_box .box_in ul li{
	font-size: 26px;
	color: #00629B;
	padding:0;
}
.schedule_box .box_in > li:first-child{
	margin-top: 0;
}
.schedule_box .box_in > li span{
	display: inline-block;
	padding-right: 0.5em;
}
.schedule_box .box_in > li p{
	display: inline-block;
	vertical-align: top;
}
.schedule_box .box_in > li::before{
	content: "";
	display: inline-block;
	width: 48px;
	height: 48px;
	position: absolute;
	left: -80px;
	top: -7px;
	background-size: contain;
}
.schedule_box li.mt100{
	margin-top: 100px;
}
.schedule_box li.mt150{
	margin-top: 150px;
}
.schedule_box li.mt200{
	margin-top: 200px;
}
.schedule_box li.mt300{
	margin-top: 300px;
}

.schedule_box li.time0730::before{
	background:  url("../img/recruit/intrview/common/time730.png") no-repeat;
	background-size: contain;
}
.schedule_box li.time0800::before{
	background:  url("../img/recruit/intrview/common/time800.png") no-repeat;
	background-size: contain;
}
.schedule_box li.time0830::before{
	background:  url("../img/recruit/intrview/common/time830.png") no-repeat;
	background-size: contain;
}

/*.schedule_box li.time0830::before{
	background:  url("../img/recruit/intrview/common/time0830.png") no-repeat;
	background-size: contain;
}*/
.schedule_box li.time0845::before{
	background:  url("../img/recruit/intrview/common/time0845.png") no-repeat;
	background-size: contain;
}
.schedule_box li.time0900::before{
	background:  url("../img/recruit/intrview/common/time0900.png") no-repeat;
	background-size: contain;
}
.schedule_box li.time0930::before{
	background:  url("../img/recruit/intrview/common/time0930.png") no-repeat;
	background-size: contain;
}
.schedule_box li.time1000::before{
	background:  url("../img/recruit/intrview/common/time1000.png") no-repeat;
	background-size: contain;
}
.schedule_box li.time1030::before{
	background:  url("../img/recruit/intrview/common/time1030.png") no-repeat;
	background-size: contain;
}
.schedule_box li.time1200::before{
	background:  url("../img/recruit/intrview/common/time1200.png") no-repeat;
	background-size: contain;
}
.schedule_box li.time1300::before{
	background:  url("../img/recruit/intrview/common/time1300.png") no-repeat;
	background-size: contain;
}
.schedule_box li.time1400::before{
	background:  url("../img/recruit/intrview/common/time1400.png") no-repeat;
	background-size: contain;
}
.schedule_box li.time1500::before{
	background:  url("../img/recruit/intrview/common/time1500.png") no-repeat;
	background-size: contain;
}
.schedule_box li.time1545::before{
	background:  url("../img/recruit/intrview/common/time1545.png") no-repeat;
	background-size: contain;
}
.schedule_box li.time1600::before{
	background:  url("../img/recruit/intrview/common/time1600.png") no-repeat;
	background-size: contain;
}
.schedule_box li.time1630::before{
	background:  url("../img/recruit/intrview/common/time1630.png") no-repeat;
	background-size: contain;
}
.schedule_box li.time1700::before{
	background:  url("../img/recruit/intrview/common/time1700.png") no-repeat;
	background-size: contain;
}
.schedule_box li.time1730::before{
	background:  url("../img/recruit/intrview/common/time1730.png") no-repeat;
	background-size: contain;
}

.schedule_box li.time1745::before{
	background:  url("../img/recruit/intrview/common/time1745.png") no-repeat;
	background-size: contain;
}

.schedule_box li.time1800::before{
	background:  url("../img/recruit/intrview/common/time1800.png") no-repeat;
	background-size: contain;
}
.gole_txt{
	max-width: 682px;
	min-height: 453px;
	background: #fff;
	padding: 70px;
	box-sizing: border-box;
	text-align: left;
}
.gole_txt p{
	line-height: 1.6;
	font-size: 20px;
}
.massage_area{
	padding: 0 0 120px;
}
.bg_green{
	max-height: 467px;
	background: #00629d;
	text-align: left;
}
.bg_green .wrap1100{
	padding: 0;
}
.bg_green h2{
	color: #fff;
	padding-left: 60px;
	margin: 50px 0;
}
.message .bg_green .txt,
.bg_green p{
	background: #fff;
	padding: 40px 60px;
	box-sizing: border-box;
	font-size: 20px;
	line-height: 1.6;
	min-height: 262px;
}
.message .bg_green .txt .text-area{
	width: calc(100% - 400px - 1.5em);
}
.message .bg_green .txt p{
	padding:0;
	min-height: 0;
	word-break: auto-phrase;
}
.message .bg_green .txt .text-area h3{
	color:#333;
	text-align:left;
	padding-left: 0;
	margin-bottom: 0.75em;
	border-bottom: none;
}
.message .bg_green .txt .text-area h3:after{
	width:100%;
}
.bg_green .figu{
	position: relative;
	top: -510px;
}
.bg_green .flt_right{
	max-width: 652px;
}
.bg_green .figu{
	position: relative;
	top: -60px;
}
.message .figu{
	width: 400px;
	margin-top: 0;
	top: 0;
}
.bg_green .figu img{
	max-width:100%;
	height: auto;
}
.bg_green .f_14{
	display:block;
	margin-bottom:10px;
}
.list .gole_bg h2 span{
	display:block;
	margin-bottom:10px;
}


/*--int_01-------------------------------------------*/
.int_01 .visula{
	background: url("../img/recruit/intrview/staff_01/main_visu.jpg") no-repeat center top;
	background-size: cover;
}
.int_01 .parallel_box:nth-of-type(1) .bg_box{
	background: url("../img/recruit/intrview/staff_01/bg-img_01.jpg") no-repeat center top;
	background-size: cover;
}
.int_01 .parallel_box:nth-of-type(2) .bg_box{
	background: url("../img/recruit/intrview/staff_01/bg-img_02.jpg") no-repeat;
	background-size: cover;
}
.int_01 .parallel_box:nth-of-type(3) .bg_box{
	background: url("../img/recruit/intrview/staff_01/bg-img_03.jpg") no-repeat;
	background-size: cover;
}
.int_01 .schedule_box{
	background-image: url("../img/recruit/intrview/staff_01/bg-img_04.png");
	background-repeat: no-repeat;
	background-position: 20% 200px;
}
.int_01 .gole_bg{
	background: url("../img/recruit/intrview/staff_01/bg-img_05.jpg") no-repeat center top;
	background-size: cover;
}


/*--int_02-------------------------------------------*/
.int_02 .visula{
	background: url("../img/recruit/intrview/staff_02/main_visu.jpg") no-repeat center top;
	background-size: cover;
	background-position-y: 38px;
}
.int_02 .parallel_box:nth-of-type(1) .bg_box{
	background: url("../img/recruit/intrview/staff_02/bg-img_01.jpg") no-repeat center top;
	background-size: cover;
}
.int_02 .parallel_box:nth-of-type(2) .bg_box{
	background: url("../img/recruit/intrview/staff_02/bg-img_02.jpg") no-repeat;
	background-size: cover;
}
.int_02 .parallel_box:nth-of-type(3) .bg_box{
	background: url("../img/recruit/intrview/staff_02/bg-img_03.jpg") no-repeat;
	background-size: cover;
}
.int_02 .schedule_box{
	background-image: url("../img/recruit/intrview/staff_02/bg-img_04.jpg");
	background-repeat: no-repeat;
	background-position: 20% 200px;
}
.int_02 .gole_bg{
	background: url("../img/recruit/intrview/staff_02/bg-img_05.jpg") no-repeat center top;
	background-size: cover;
}

/*--int_03-------------------------------------------*/
.int_03 .visula{
	background: url("../img/recruit/intrview/staff_03/main_visu.jpg") no-repeat center top;
	background-size: cover;
	background-position-y: 38px;
}
.int_03 .parallel_box:nth-of-type(1) .bg_box{
	background: url("../img/recruit/intrview/staff_03/bg-img_01.jpg") no-repeat center top;
	background-size: cover;
}
.int_03 .parallel_box:nth-of-type(2) .bg_box{
	background: url("../img/recruit/intrview/staff_03/bg-img_02.jpg") no-repeat;
	background-size: cover;
}
.int_03 .parallel_box:nth-of-type(3) .bg_box{
	background: url("../img/recruit/intrview/staff_03/bg-img_03.jpg") no-repeat;
	background-size: cover;
}
.int_03 .schedule_box{
	background-image: url("../img/recruit/intrview/staff_03/bg-img_04.png");
	background-repeat: no-repeat;
	background-position: 20% 200px;
}
.int_03 .gole_bg{
	background: url("../img/recruit/intrview/staff_03/bg-img_05.jpg") no-repeat center top;
	background-size: cover;
}

/*--int_04-------------------------------------------*/
.int_04 .visula{
	background: url("../img/recruit/intrview/staff_04/main_visu.jpg") no-repeat center top;
	background-size: cover;
}
.int_04 .parallel_box:nth-of-type(1) .bg_box{
	background: url("../img/recruit/intrview/staff_04/bg-img_01.jpg") no-repeat center top;
	background-size: cover;
}
.int_04 .parallel_box:nth-of-type(2) .bg_box{
	background: url("../img/recruit/intrview/staff_04/bg-img_02.jpg") no-repeat;
	background-size: cover;
}
.int_04 .parallel_box:nth-of-type(3) .bg_box{
	background: url("../img/recruit/intrview/staff_04/bg-img_03.jpg") no-repeat;
	background-size: cover;
}
.int_04 .schedule_box{
	background-image: url("../img/recruit/intrview/staff_04/bg-img_04.png");
	background-repeat: no-repeat;
	background-position: 20% 200px;
}
.int_04 .gole_bg{
	background: url("../img/recruit/intrview/staff_04/bg-img_05.jpg") no-repeat center top;
	background-size: cover;
}

/*--int_05-------------------------------------------*/
.int_05 .visula{
	background: url("../img/recruit/intrview/staff_05/main_visu.jpg") no-repeat center top;
	background-size: cover;
}
.int_05 .parallel_box:nth-of-type(1) .bg_box{
	background: url("../img/recruit/intrview/staff_05/bg-img_01.jpg") no-repeat center top;
	background-size: cover;
}
.int_05 .parallel_box:nth-of-type(2) .bg_box{
	background: url("../img/recruit/intrview/staff_05/bg-img_02.jpg") no-repeat;
	background-size: cover;
}
.int_05 .parallel_box:nth-of-type(3) .bg_box{
	background: url("../img/recruit/intrview/staff_05/bg-img_03.jpg") no-repeat;
	background-size: cover;
}
.int_05 .schedule_box{
	background-image: url("../img/recruit/intrview/staff_05/bg-img_04.png");
	background-repeat: no-repeat;
	background-position: 20% 200px;
}
.int_05 .gole_bg{
	background: url("../img/recruit/intrview/staff_05/bg-img_05.jpg") no-repeat center top;
	background-size: cover;
}
.int_05 .schedule_box li:nth-child(2) li{
	margin-top: 60px;
}

/*--int_06-------------------------------------------*/
.int_06 .visula{
	background: url("../img/recruit/intrview/staff_06/main_visu.jpg") no-repeat center top;
	background-size: cover;
}
.int_06 .parallel_box:nth-of-type(1) .bg_box{
	background: url("../img/recruit/intrview/staff_06/bg-img_01.jpg") no-repeat center top;
	background-size: cover;
}
.int_06 .parallel_box:nth-of-type(2) .bg_box{
	background: url("../img/recruit/intrview/staff_06/bg-img_02.jpg") no-repeat;
	background-size: cover;
}
.int_06 .parallel_box:nth-of-type(3) .bg_box{
	background: url("../img/recruit/intrview/staff_06/bg-img_03.jpg") no-repeat;
	background-size: cover;
}
.int_06 .schedule_box{
	background-image: url("../img/recruit/intrview/staff_06/bg-img_04.png");
	background-repeat: no-repeat;
	background-position: 20% 200px;
}
.int_06 .gole_bg{
	background: url("../img/recruit/intrview/staff_06/bg-img_05.jpg") no-repeat center top;
	background-size: cover;
}
@media screen and (min-width:2010px){
	.recruit.interview .visu_inner{
		height: 1000px;
		}
		.home.interview .visula{
		max-height: 1000px;
		}
		.home2.interview .visu_txt{
		position: absolute;
		bottom: -70px;
		left: 0;
		top:auto;
		}
	}
@media screen and (max-width:768px){
	

	.parallel_box:first-of-type {
		margin-top:60px;
	}	
		
		
		.recruit img{
			max-width: 100%;
			height: auto;
		}
			.message img{
			max-width: 100%;
			height: auto;
			margin:0 auto 0 0;
			display: block;
		}
		.recruit.interview .visu_inner{
			height: 500px;
			height: 75vh
		}
		.home2.interview .visu_txt{
			width: 95%;
			bottom: -2px;
			right:0;
			left:0;
		}
		.parallel_box{
			margin-top: 60px;
			min-height: 100%;
		}
		.parallel_box .txt_box{
			width: 100%;
		}
		.parallel_box:nth-of-type(odd) .txt_box{
			padding-right: 0;
		}
		.parallel_box:nth-of-type(even) .txt_box{
			padding-left: 0;
		}
		.parallel_box .img_box{
			width: 100%;
		height: 200px;
		position: static;
		}
		.parallel_box .wrap1100{
			padding: 0 10px;
		}
		.interview h2{
			font-size: 20px;
		margin-bottom: 15px;
		}
		.txt_box p{
			font-size: 14px;
		margin-bottom: 10px;
		}
		.parallel_box:last-of-type {
		margin-bottom: 60px;
		}
		
		.schedule_box .wrap1100{
			padding: 50px 10px;
		}
		.schedule_box ul.box_in{
			padding-left: 20px;
			width: 95%;
		}
		.schedule_box .box_in > li{
			font-size: 14px;
			margin-top: 20px;
		}
		.schedule_box .box_in > li::before{
			width: 28px;
			height: 28px;
			left: -38px;
			top:-4px;
		}
		.schedule_box li.mt25{
			margin-top: 8px !important;
		}
		.schedule_box li.mt35{
			margin-top: 10px !important;
		}
		.schedule_box li.mt75{
			margin-top: 28px !important;
		}
		.schedule_box li.mt100{
			margin-top: 40px;
		}
		.schedule_box li.mt150{
			margin-top: 60px;
		}
		.schedule_box li.mt200{
			margin-top: 80px;
		}
		.schedule_box{
			background-image: none !important;
		}
		.gole_txt{
			padding: 30px 10px;
		min-height: auto;
		}
		.gole_txt p{
			font-size: 14px;
			line-height: 1.5;
		}
		.massage_area{
			padding: 0;
		}
		.bg_green{
			padding: 0 10px;
			box-sizing: border-box;
			max-height: 100%;
		}
		.interview .bg_green h2{
			margin: 0;
			padding: 20px 10px;
		}
		.bg_green p{
			padding: 30px 10px;
			font-size: 14px;
			line-height: 1.5;
			min-height: 100%;
		}
		.bg_green .flt_right{
			float: none;
		}
		.bg_green .figu{
			position: sticky;
			margin-bottom: 10px;
			text-align: center;
		}
		.message .bg_green .figu{
			margin: 0;
			position: relative;
			width: 100%;
			padding: 0;
		}
		.bg_green .figu img{
			max-width: 55%;
		}
		.message .bg_green .figu img{
			max-width: 100%;
			width: auto;
			margin: 0 auto;
			padding: 0;
		}
		.message .bg_green .txt .text-area{
			width:100%;
		}
		.message .bg_green .txt .text-area h3{
			margin-block:0 1em;
			padding-block:0 0.5em;
		}
		.message .bg_green .txt{
			flex-direction:column;
		}
		.message .stage2{
		padding-left: 0px;
		margin-bottom: 50px;
		margin: 0;
		padding-top: 10px;
				}
		.int_04 .visula{
			background-position: 67%;
		}	
					}
	
/*=================================
 recruit　message
=================================*/

.message .visula{
	background: url("../img/recruit/message/main_visu.jpg") no-repeat center top;
	background-size: cover;
}
.message .h-style{
	color: #000;
	font-size: 2.875rem;
	letter-spacing: 5px;
	line-height: 1.4;
}
.jinji_message{
	margin-top: 140px;
}
.message h3 {
	font-size: 38px;
	color: #00629B;
	padding-bottom:20px;
    margin-bottom: 25px;
    border-bottom: solid 2px #eee;
    position: relative;
}
.message h3:after {
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 30%;
  border-bottom: 2px solid #00629B;
}
.jinji_message h3{
	margin: 75px 0;
}
.message .parallel_box:nth-of-type(odd) .img_box{
	left: 0;
}
.message .parallel_box:nth-of-type(odd) .txt_box{
	padding-left: 53px;
	margin: 0 0 0 auto;
}
.message .parallel_box .bg_box{
	background: url("../img/recruit/message/bg-img_01.jpg") no-repeat center top;
	background-size: cover;
}
.message .parallel_box:last-of-type{
	margin-top: 0;
}
.bg_y{
	background-color:#f8f8f0;
}
.jinzai p{
	font-size: 20px;
	line-height: 1.6;
}
.jinzai h3 + p{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 55px;
}
.jinzai ul{
	width: 100%;
	padding: 50px 70px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #434343;
	text-align: left;
}
.jinzai ul li{
	margin-bottom: 30px;
	font-size: 30px;
}
.jinzai h4{
	color: #fff;
	background: #009944;
	font-size: 24px;
	padding: 6px 22px;
	position: absolute;
	left: -20px;
	top:-27px;
}
.jinzai div.position{
	margin: 60px 0;
}
.message_01 p{
	line-height: 1.6;
	font-size: 20px;
	word-break: auto-phrase;
}
.message .bg_green {
	max-height:100%;
	padding-block: 60px;
}
.message .bg_green,
.message .bg_green *{
	box-sizing:border-box;
}
.message .bg_green h3 {
    color: #fff;
    padding-left: 60px;
    margin: 0;
    padding-bottom: 0;
}
.message .bg_green h3,
.message .bg_green .txt{
	width:100%;
	box-sizing:border-box;
}
.message .bg_green .txt{
	display:flex;
	justify-content:space-between;
	align-items: center;
	flex-wrap:wrap;
	gap:1.5em;
	flex-direction: row-reverse;
}
.message .bon{
	border:none;
}
.message_01 .flex .text{
	width: 47%;
}
.message_01 .flex .img{
	width: 51%;
}
.message_01 .flex .img img{
	max-width:100%;
	height:auto;
}
.message .bg{
	background-image: url("../img/recruit/message/bg-img02.png");
	margin-top: -86px;
	padding: 120px 0;
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #E7F1F9;
}
@media screen and (max-width: 768px){
	.message .visula{
	background: url("../img/recruit/message/main_visu.jpg") no-repeat center top;
	background-size: cover;
	background-position-y: 0px;
	}
	.message h3 {
			font-size: 20px;
			margin-bottom: 20px;
	}
	.message .bg_green {
	padding-block: 40px 20px;
	}
	.message .bg_green h3,
.message .bg_green .txt{
	float: none;
	width: 100%;
	margin:0 auto;
	margin-top:15px;
	box-sizing:border-box;
	padding: 20px 10px;
	flex-direction: column-reverse;
	gap: 1em;
	}
	.jinji_message h3{
	margin: 30px 0 15px;
	}
	.message .parallel_box:nth-of-type(odd) .txt_box{
		padding-left: 0;
	}
	.jinji_message {
    margin-top: 60px;
	}
		.message .bg_green h3{
		margin: 10px auto 0;
		padding: 20px 10px;
	}
	.jinzai h3 + p{
		font-size: 16px;
		margin-bottom: 30px;
	}
	.jinzai p {
    font-size: 14px;
    line-height: 1.5;
	}
	.jinzai div.position {
    margin: 45px 0 20px;
	}
	.jinzai h4{
		font-size: 16px;
    left: -10px;
	}
	.jinzai ul{
		padding: 30px 20px;
	}
	.jinzai ul li{
		    font-size: 16px;
    margin-bottom: 15px;
	}
	.message_01 p{
		font-size: 14px;
		line-height: 1.5;
	}
	.schedule_box .box_in ul li{
		font-size: 14px;
		padding: 7px 0;
	}
	.int_05 .schedule_box li:nth-child(2) li{
		margin-top: 30px;
	}
	.message .bg{
	background-image: url("../img/recruit/message/bg-img02.png");
	margin-top: -60px;
	padding: 79px 10px 30px;
	margin-bottom: 0;
	}
	.message_01 .flex .text{
	width: 100%;
		margin-bottom:20px;
	}
	.message_01 .flex .img{
		width:100%;
	}
}

/*=================================
 recruit　application
=================================*/

.application main{
	background: #e9e9e9;
}
.application .visula{
	background: url("../img/recruit/application/shinsotsu/main_visu.jpg") no-repeat center top;
	background-size: cover;
}
.application .visu_inner{
	height: 360px;
}
.application.home2 .visu_txt{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 30px;
	color: #fff;
	letter-spacing: 0.1em;
}
.application #pan{
	position: absolute;
	bottom: 10px;
	left: 0;
}
.application #pan ul{
	margin: 0;
	color: #fff;
	font-size: 14px;
}
.application #pan ul a{
	color: #fff;
	font-size: 14px;
}
.application .wrap1060{
	max-width: 1060px;
	margin: 0 auto 120px;
	padding: 50px 100px;
	background: #fff;
	box-sizing: border-box;
	border-top:42px solid #00519e;
}
.application .h-style{
	padding-top: 100px;
}
.application .h-style span{
	color: #00519e;
}
.application .f_blue{
	color: #00519e;
}
.application h3{
	font-size: 22px;
	font-weight: bold;
	margin: 30px 0 35px;
	letter-spacing: 0.08em;
}
.application h3 span{
	display: block;
	font-size: 18px;
	letter-spacing: normal;
}
.application h3 + p{
	font-size: 18px;
	line-height: 1.7;
	padding-bottom: 30px;
	text-align: left;
	letter-spacing: 0.03em;
}
.application .list-style{
	border-top: 2px solid #00519e;
	padding-top: 20px;
}
.application .list-style > dl{
	display: table;
	width: 100%;
	text-align: left;
	padding: 22px 0;
	font-size: 18px;
}
.application .list-style > dl > dt{
	display: table-cell;
	width: 18.5%;
	position: relative;
}
.application .list-style > dl > dd{
	display: table-cell;
	padding-left: 70px;
	line-height: 1.7;
}
.application .list-style > dl > dt::after{
	content: "/";
	display: inline-block;
	position: absolute;
	right: 0;
	top:2px;
}
.application .list-style h4,
.application .list-style h5{
	margin-bottom: 13px;
	margin-top: 30px;
}
.application .list-style > dl > dd p{
	line-height: 1.7;
}
.application .list-style h6{
	font-size: 16px;
	font-weight: bold;
	color: #00519e;
	padding-top: 10px;
}
.application .border_b{
	border-bottom: 1px dotted #003c72;
	padding-bottom: 40px;
	margin-bottom: 20px;
}
.application .border_bb{
	border-bottom: 1px dotted #003c72;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.application .list-style > dl > dd li span{
	display: inline-block;
	padding-right: 1.5em;
}
main.occupation{
	background: #fff;
}
.occupation .wrap1100{
	padding: 50px 0 100px;
}
.listStyle{
	text-align: left;
	margin-left: 20px;
}
.listStyle li{
	margin-bottom: 26px;
}
.listStyle li a{
	display: inline-block;
	background: #f4f4f4;
	padding: 25px 40px;
	box-sizing: border-box;
	width: 472px;
	font-size: 18px;
	position: relative;
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
}
.listStyle li a::after{
	content: url("../img/recruit/common/arrow_r.png"
	);
	display: inline-block;
	position: absolute;
	left: 90%;
	top:38%;
}
.listStyle li a:hover{
	text-decoration: none;
}

.application .bosyu_box{
	width:1100px;
	margin:0 auto 80px;
}
.application .bosyu_box .h_style55{
	margin-top:0;
}
.application section .left_area{
	float:left;
	width:48%;
	margin-right:4%;
}
.application section .right_area{
	float:right;
	width:48%;
}

.application .list-style dl dd dt{
	display:inline-block;
	vertical-align:top;
}
.application .list-style dl dd dd{
	display:inline-block;
	width:84%;
	vertical-align:top;
}
.application .list-style dl dd dl{
	margin-top:40px;
}
.application .list-style dl dd .flow dd{
	width:75%;
	padding-bottom:0;
}

@media screen and (max-width:768px){
	
	.application .visu_inner {
    height: 200px;
}
	.application .wrap1060{
		margin: 0 10px 50px;
    padding: 0px 10px 30px;
	}
	.application h3{
		font-size: 18px;
		margin: 30px 0 20px;
	}
	.application h3 + p{
		font-size: 16px;
		line-height: 1.5;
	}
	.application h3 span{
		font-size: 14px;
	}
	.application .list-style{
		padding: 0 2%;
		box-sizing: border-box;
	}
	.application .list-style > dl{
		font-size: 14px;
		padding: 20px 0 10px;
	}
	.application .list-style > dl > dt{
		width: 25%;
	}
	.application .list-style > dl > dd{
		padding-left: 15px;
	}
	.application .list-style h4, .application .list-style h5{
		margin-bottom: 5px;
		margin-top: 20px;
	}
	.application .list-style > dl > dd li span{
		display: block;
	}
	.application .h-style{
		padding-top: 60px;
	}
	.home2 #pan{
		display: none;
	}
	.application .border_b{
		padding-bottom: 20px;
    margin-bottom: 0;
	}
	.occupation .wrap1100{
	padding: 30px 10px 60px;
}
.listStyle{
	margin-left: 0;
}
.listStyle li{
	margin-bottom: 20px;
}
.listStyle li a{
	width: 100%;
}
.listStyle li a::after{
	content: url("../img/recruit/common/arrow_r.png");
	display: inline-block;
	position: absolute;
	left: 90%;
	top:38%;
}
.listStyle li a:hover{
	text-decoration: none;
}
	.application .list-style h6{
		font-size: 14px;
	}


.application .bosyu_box{
	width:90%;
	margin:0 auto 40px;
}
.application section .left_area{
	float:none;
	width:100%;
	margin-right:0;
}
.application section .right_area{
	float:none;
	width:100%;
}

.application .list-style dl dd dt{
	display:block;
	padding-top:5px;
}
.application .list-style dl dd dd{
	display:block;
	width:100%;
	padding-bottom:15px;
}
.application .list-style dl dd dl {
    margin-top:0px;
	padding-top:20px;
}
.application .list-style dl dd .flow dt{
	padding-top:0;
}
.application .list-style dl dd .flow dd {
    width: 100%;
}
	
}