@charset "utf-8";
/* CSS Document */
.wrap1200{
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.slide-box{
	display: flex;
	/*height: 560px;
	overflow: hidden;*/
}
.slide-box > div{
	width: 50%;
	/*height: 560px;
	overflow: hidden;*/
}
.slide-box .bx-wrapper{

}
.slide-box .bx-viewport{
	/*height: 560px!important;*/
}
.slide-box .text-box{
	width: 51.5%;
	max-width: 315px;
}
.slider li {
  display: none; /*読み込み時は非表示*/
}
.bx-viewport .slider li {
  display: block !important; /*JSが読み込まれたら表示*/
}
/*.swiper-slide{
	height: 100%!important;
}*/
.contents .slide-box .text-box h2{
	color:#fff;
	font-size: 50px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-right: 2%;
	line-height: 1;
	text-shadow: 5px 5px 15px #000;
	border-bottom: 2px solid #fff;
	letter-spacing: -0.01em;
	font-family: 'Roboto Condensed', sans-serif;
}
.slide-box .text-box .link-btn a{
	display: block;
	background: #004ea2;
	color:#fff;
	line-height: 1;
	width: 66%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
}
.slide-box .left-slide .text-box{
	position: absolute;
	top:18%;
	left:0;
	z-index: 999;
}
.slide-box .right-slide .text-box{
	position: absolute;
	bottom:18%;
	right:0;
	z-index: 999;
}
.contents .slide-box .right-slide .text-box h2{
	letter-spacing: -0.0em;
}

.event_box {
  display: flex;
  flex-wrap: nowrap;
  margin: 30px auto 0;
}
.event_box > div { width: 50%; }
.event_box_1bnr {
  margin: 40px auto;
  text-align: center;
}

.voice{
	padding-top: 10px;
}

.link_jump{
	display: inline-block;
	font-size: 20px;
	float: right;
	margin-top: 50px;
	margin-bottom: 30px;
}
.link_jump:hover{
	opacity: 0.7;
}
.arrow::after{
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: -2px 0 0 14px;
	background: url("../images/company-guide/mark_right.png") no-repeat; background-size: contain;
	vertical-align: middle;
}
/*-----------------------section4------------------------*/

.box_recruit{
	background-image: url("../images/company-guide/recruit.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 80px;
}
.box_small{
	display: inline-block;
	position: relative;
	width: 236px;
	height: 236px;
	background: #000;
	z-index: 1;
	opacity: 0.9;
}
.box_small.ex{
	width: 100%;
	opacity: 0.7;
	pointer-events: none;
}
.box_small:hover{

}
.box_small p{
	position: absolute;
	color: #fff;
	font-size: 18px;
	opacity: 1;
	z-index: 3;
	top: 45%;
	left: 24%;
}
.box_small.ex p{
	left: 48%;
}
.line4{
	margin-bottom: 150px;
}
.box_recruit:hover{
	opacity: 0.8;
}
.link-box{
	margin-top: 30px;
	margin-bottom: 57px;
}
.link-bg{
    position: absolute;
    z-index: 1;
	bottom:-30px;
	width: 55%;
	height: 305px;
	background: #f0f0f0;
}
.link-img{
    width: 50%;
    position: relative;
    z-index: 2;
}
.link-tex{
	width: 42.5%;
	position: relative;
	z-index: 2;
}
.link-box .link-tex h1{
	/*letter-spacing: -0.08em;*/
	margin-bottom: 30px;
	margin-top: 80px;
	line-height: 1;
	font-size: 74px;
}
.link-box .link-tex .big-tex p{
	margin-top: 25px;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
}
.link-box .link-tex .n-tex{
	font-size: 12px;
	line-height: 2;
	margin-bottom: 35px;
}
.link-box .link-tex .t-btn a{
	display: inline-block;
	font-size: 18px;
	text-align: center;
	color:#fff;
	padding-top: 16px;
	padding-bottom: 16px;
	line-height: 1;
	background: #000000;
	width: 182px;
}
.link-box .link-tex .t-btn a img{
	width: 9px;
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}
.link-wrap{
	margin-bottom: 120px;
}
.slide-box > div.scrol-img{
	position: absolute;
	width: 30px;
	left:0;
	right:0;
	bottom:30px;
	margin-left: auto;
	margin-right: auto;
	z-index: 9;
	height: auto;
}
.swiper-container-vertical>.swiper-scrollbar{
	opacity: 0;
}
.cal-box{
	text-align: center;
	width: 100%;
	max-width: 688px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
}
.biz_calendar{
	max-width: 300px!important;
}
.calendar p{
	text-align: left;
}
.calendar p span.boxholiday {
    background-color: #555;
    padding-left: 25px;
    margin-right: 10px;
}
.calendar p span.boxeventday {
    background-color: #004ea2;
    padding-left: 25px;
    margin-right: 10px;
}
.biz_calendar table.bizcal .holiday {
    background-color: #555!important;
    color: #ffffff;
}
.biz_calendar table.bizcal .eventday {
    background-color: #004ea2!important;
    color: #ffffff;
}
#biz_calendar2 p{
	display: none;
}
.biz_calendar table.bizcal td{
	padding:7px 2px!important;
	border:2px solid #fff!important;
}
/*.slider3 .swiper-slide{
	opacity: 0;
}
.slider3 .swiper-slide.swiper-slide-active,.slider3 .swiper-slide.swiper-slide-next{
	opacity: 1!important;
}*/
/*-----------------------//section4------------------------*/

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

	.box_small{
		width: 28%;
		height: 23.7vw;
	}
	.box_small p{
		font-size: 2vw;
		left: 22%;
	}

}

@media screen and (max-width: 768px){
.slide-box{
	display: block;
}
.slide-box > div{
	width: 100%;
	height: 94vw;
	/*padding-top: 93%;*/
}
.contents .slide-box .text-box h2{
	color:#fff;
	font-size: 7.2vw;
	padding-bottom: 2%;
	margin-bottom: 3%;
	padding-right: 2%;
	line-height: 1;
	text-shadow: 5px 5px 15px #000;
	border-bottom: 2px solid #fff;
	letter-spacing: -0.01em;
}
.slide-box .text-box .link-btn a{
	display: block;
	background: #004ea2;
	color:#fff;
	line-height: 1;
	width: 66%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3%;
	padding-bottom: 3%;
	text-align: center;
	pointer-events: all;
}

.event_box {
  flex-wrap: wrap;
  width: 90%;
  margin: 6% auto 10% auto;
}
.event_box > div { width: 100%; }
.event_box_1bnr {
  width: 90%;
  margin: 5% auto -7% auto;
}
.event_box_1bnr_1st {
  margin: 0 auto 2% auto;
}

.voice{
	padding-top: 3%;
}

.link_jump{
    margin-top: 5vw;
    /* margin-bottom: 10vw; */
}
.link-bg{
    position: absolute;
    z-index: 1;
    bottom: -6%;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    height: auto;
    padding-top: 54%;
    background: #f0f0f0;
}
.link-img{
    width: 90%;
	margin-left: auto;
	margin-right: auto;
    position: relative;
    z-index: 2;
}
.link-tex{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
	position: relative;
	z-index: 2;
	padding-left: 5%;
	padding-right: 5%;
}
.link-box{
    margin-top: 14%;
    margin-bottom: 20%;
}
.link-box .link-tex h1{
	margin-bottom:5%;
	margin-top: 0;
	line-height: 1;
	font-size: 10.5vw;
}
.link-box .link-tex .big-tex p{
	margin-top: 4%;
	margin-bottom: 3%;
	font-size: 4.4vw;
	font-weight: 700;
	line-height: 1;
}
.link-box .link-tex .n-tex{
	font-size: 3.0vw;
	line-height: 2;
	margin-bottom: 5%;
}
.link-box .link-tex .t-btn a{
	display: block;
	font-size: 3.9vw;
	text-align: center;
	color:#fff;
	padding-top: 2%;
	padding-bottom: 2%;
	line-height: 1;
	background: #000000;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.link-box .link-tex .t-btn a img{
	width: 3%;
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}
.link-wrap{
	margin-bottom: 18%;
}
	.section1{
		margin-top: 12%;
	}
.section2.voice {
    margin-top: 7vw;
    margin-bottom:12vw;
}
/*-----------------------section4------------------------*/

    .contents .section4 h1 span{
        display: inline-block;
    }
	.box_recruit{
		margin-bottom: 8vw;
		margin-top: 5vw;
	}
	.box_small{
		width: 50%;
		height: 23.7vw;
	}
	.box_small p{
		top: 40%;
		left: 21%;
		font-size: 3.5vw;
	}
	.line4{
		margin-bottom: 25vw;
	}
	/*-----------------------//section4------------------------*/

.cal-box{
    margin-top: 10%;
	text-align: left;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.box_small.ex p {
    left: 45%;
}
.tex-box{
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
}
@media screen and (max-width: 420px) {
.slide-box > div{
	width: 100%;
	height: 94vw;
	pointer-events: none;
	/*padding-top: 93%;*/
}
.contents .slide-box .text-box h2{
	font-size: 8.2vw;
}
.contents .section2.voice h1 span{
    padding-left: 6vw;
}
.contents .calendar h1 span{
	padding-left: 0;
}
.contents .section1 h1 span{
    padding-left: 0;
}
/*.slide-box .swiper-slide{
    height: 54vh!important;
}*/
}
@media print, screen and (min-width: 769px) {

.link-box.odd .link-img{
	float: left;
}
.link-box.odd .link-tex{
	float: right;
	margin-right: 12.5%;
	margin-left: -6%;
}
.link-box.odd .link-tex{
	text-align: right;
}
.link-box.odd .link-bg{
	right:0;
}

.link-box.even .link-img{
	float: right;
}
.link-box.even .link-tex{
	float: left;
	margin-left: 12.5%;
	margin-right: -6%;
}
.link-box.even .link-bg{
	left:0;
}
.biz_calendar{
    display: inline-block;
    vertical-align: top;
	margin:0 20px!important;
}
.tex-box{
    padding-left: 22px;
}
}
@media screen and (max-width:  1024px) and (min-width: 769px) {
	.link-box .link-tex h1{
		font-size: 68px;
	}
}


.autumn_flex{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.autumn_flex div{
	width:48%;
}
@media screen and (max-width: 768px){
	.autumn_flex{
		display: block;
		margin-top: 40px;
	}
	.autumn_flex div{
		width:100%;
		margin:10px 0;
	}
}