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

#recruit table {width: 100%; border-collapse: separate; color: #000; font-weight: bold; border: 1px solid #ccc; box-sizing: border-box; border-bottom: none;}
#recruit table th {font-weight: bold; border-right: 1px solid #ccc; vertical-align: middle; width: 200px; background: url(img/recruit/bg.gif)top left repeat;}
#recruit table th,#recruit table td {padding: 15px 0; border-bottom: 1px solid #ccc; box-sizing: border-box; padding-left: 15px;}


.swiper-slide {background-position: center; background-size: cover!important; padding-bottom: 70px;}
.swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.main_box {position: relative;}
.main_box .txt_area {position: absolute; left: 0; right: 0; top: 40%; z-index: 10; width: 1001px; margin: 70px auto 0;}
.main_box .txt01 {margin: auto auto 5%;}
.slide01 {background: url(img/r_head/main04.jpg); background-position: center;}
.slide02 {background: url(img/r_head/main01.jpg);}
.slide03 {background: url(img/r_head/main02.jpg);}
.slide04 {background: url(img/r_head/main03.jpg);}
.main_box .swiper-wrapper {position: fixed;}
#recruit02 h1,#recruit02 h2,#recruit02 h3 {font-weight: bold;}
#recruit02 {position: relative; z-index: 1; font-weight: bold; background-color: #fff;}
#recruit02 .box01 {margin-top: 140px;}
#recruit02 .box01 .logo {width: 790px; margin-top: -70px; z-index: 10; position: relative;}
#recruit02 .news_area {width: 60%; box-sizing: border-box; padding: 1%; background-color: #1b6daf; line-height: 1; font-size: 1vw; color: #fff;}
#recruit02 .news_area .min {font-size: 16px; margin-bottom: 10px;}
#recruit02 .news_area img {margin-right: 20px;}
#recruit02 .box02 {font-size: 17px; position: relative; padding-top: 8%; margin-bottom: 100px;}
#recruit02 .box02 h2 {font-size: 2.4vw; line-height: 1.2; margin-bottom: 50px; margin-left: 14%;}
#recruit02 .box02 .inner {position: relative; z-index: 10;}
#recruit02 .box02 .img {width: 50%;}
#recruit02 .box02 .txt_area {width: 30%; font-size: 1vw; margin-left: 14%; line-height: 2.5;}
#recruit02 .box02 .icon {position: absolute; top: 10px; right: 0; width: 70%;}
#recruit02 .box03 {padding-bottom: 100px; position: relative;}
#recruit02 .box03 h2 {background-color: #fff; padding: 40px; width: 60%; margin-top: -100px; position: relative; z-index: 10; margin-bottom: 40px;}
#recruit02 .box03 h2 img {padding-left: 14%; width: 70%;}
#recruit02 .box03 li:nth-child(3),#recruit02 .box03 li:nth-child(4) {margin-top: 40px;}
#recruit02 .box03 .bg {content: ""; width: 72%; background: rgba(191,191,191,.2); position: absolute; bottom: 0; right: 0; height: 500px;}
#recruit02 .box03 ul {position: relative; z-index: 1;}

#recruit02 .box05 h2 {font-size: 50px; margin-right: 10px; margin-left: -100px;}
#recruit02 .box05 {padding: 80px 0 0; position: relative;}
#recruit02 .box05 .title_area {font-size: 35px; margin-bottom: 2%; z-index: 10; position: relative;}
.tab-group{
    display: flex;
    justify-content: center;
}
.tab{
    flex-grow: 1;
    padding:25px 0;
	font-size: 25px;
	line-height: 1;
    list-style:none;
    border:solid 1px #CCC;
    text-align:center;
    cursor:pointer;
	background: #2B2B2B;
	color: #fff;
}
.panel-group{
    border:solid 1px #CCC;
    border-top:none;
    background:#fff;
}
.panel{
    display:none;
	padding: 40px;
}
.tab.is-active{
    background:#1C6DAF;
    transition: all 0.2s ease-out;
}
.panel.is-show{
    display:block;
}
.accordion4 .inner {display: none; margin-top: 40px;}
.accordion4 .inner.open {display: block;}
.accordion4 p{cursor: pointer; font-size: 20px;}
.accordion4 .inner li{padding: 10px 0;}
.accordion4 li {padding: 40px 0; box-sizing: border-box; border-bottom: 2px solid #dcdcdc; margin-bottom: 0;    position: relative;}
#recruit02 .blbox{ position: absolute;background: rgba(0,0,0,.6);width: 100%;height: 100%;top: 0;left: 0;}
#recruit02 .opc{opacity: 0.2;}
#recruit02 .box05 table {box-sizing: border-box; border: 2px solid #dcdcdc; width: 100%;}
#recruit02 .box05 th,#recruit02 .box05 td {font-weight: bold; font-size: 18px; padding: 15px; box-sizing: border-box; border-bottom: 2px solid #dcdcdc; vertical-align: middle;}
#recruit02 .box05 th {border-right: 2px solid #dcdcdc; text-align: center; width: 180px;}
#recruit02 .box05 .big {font-size: 20px; padding: 15px; line-height: 1; margin-bottom: 20px; background-color: #2B2B2B;}
#recruit02 .box05 .title {background: url(img/recruit02/box05_li_bg.png)center right 20px no-repeat; line-height: 1;}

#recruit02 .box06 {padding: 40px 0;}
#recruit02 .box06 .tel {margin-right: 30px;}
#recruit02 .box06 .box {box-sizing: border-box; border: 1px solid #000; padding: 20px 0;}
#recruit02 .box06 .btn {margin-top: 20px;}
#recruit02 #r02,#recruit02 #r03 {padding-top: 200px; margin-top: -200px;}
#recruit02 #r04 {padding-top: 150px; margin-top: -150px;}