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

/**************************************
sp
**************************************/
.page__top.recruit__pagetop {
  background-image: url(../images/recruit_top-img-sp.jpg);
}

/* slider_SP */
.recruit__slider {
  margin-bottom: 50px;
}
.recruit__slider .swiper-slide img{
  width: 100%;
}
.recruit__slider .breadcrumb,
.recruit__slider .page-ttl{
  z-index: 2;
}
.recruit__slider .swiper-pagination.sp{
  width: 100%;
  margin: 10px auto 0;
}
.recruit__slider .swiper-pagination.sp .swiper-pagination-bullet{
  margin: 0 6px;
  background-color: #fff;
  border: 1px solid #999;
  opacity: 1;
}

/* contents_SP */
.recruit {
  padding: 2em 0;
}

.recruit__linkbox {
  margin-top: 1em;
}
.recruit__link img {
  display: block;
  width: 100%;
}
.recruittop-img {
	margin-bottom: 1em;
}
.recruit__caption {
  margin: .5em 0 2em;
  color: #002163;
  font-weight: 600;
  position: relative;
  padding-right: 1em;
  display: inline-block;
}
.recruit__caption::before{
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  bottom: 0;
  right: 0;
  margin: auto 0;
  width: 7px;
  height: 7px;
  border-top: 2px solid #002365;
  border-right: 2px solid #002365;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.recruit__link>a{
  display: block;
}
/*2209追加*/
.recruittop__linkbox {
	padding: 4em 0;
}
.recruittop__linkitem {
  margin-bottom: 2em;
}
.recruittop-caption a{
  color: #002163;
  font-weight: 600;
  font-size: 1.1666rem;
}
/*新卒募集*/
.recruit-new {
	margin-bottom: 3em;
}
.recruit-new__lead {
	text-align: left;
}
.recruit-new__btnbox {
	width: 80%;
	margin: 3em auto;
}
.introduction-txt {
	width: 100%;
	margin: 0 auto 5.4%;
}
/**************************************
tab
**************************************/
@media screen and (min-width: 640px){
	.page__top.recruit__pagetop {
	  background-image: url(../images/recruit_top-img.jpg);
	}
   /*　slider_TAB　*/
  .recruit__slider .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 1;
  }
  
  /* content_TAB */
  .recruit{
    padding: 0 0 2em;
  }
  .recruit__linkbox{
    display: flex;
    display: -ms-flexbox;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .recruit__link {
    width: 47.8%;
    max-width: 450px;
  }
/*2209追加*/
  .recruittop__linkbox {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-pack: justify;
    justify-content: space-between;
	  flex-wrap: wrap;/*2208追加*/
    max-width: 940px;
  }
  .recruittop__linkitem {
    margin-bottom: 2em;
    width: 47.8%;
    max-width: 450px;
  }
  .recruittop-caption{
    margin-bottom: 15px;
  }
  .recruittop-caption a{
    font-size: 1.4285rem;
  }
  .recruittop-caption a:hover{
    text-decoration: underline;
  }
	/*新卒*/
	.recruit-new {
		margin-bottom: 3em;
	}
	.recruit-new__btnbox {
		max-width: 500px;
		width: 80%;
		margin: 2em auto;
	}
	.introduction-txt {
		text-align: center;
		margin:0 auto 40px; 
		line-height: 1.8;
	}
}/* tab_end */




/**************************************
pc
**************************************/
@media screen and (min-width: 960px){
	.page__top.recruit__pagetop {
	  background-image: url(../images/recruit_top-img.jpg);
	}
  .recruit{
    padding: 0 0 75px;
  }

  .recruit__linkbox{
    margin-top: 50px;
  }
  .recruit__caption{
    margin: 20px auto 0; 
    font-size: 1.4285rem;
  }
/*2209追加*/
  .recruittop__linkbox {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-pack: justify;
    justify-content: space-between;
	  flex-wrap: wrap;/*2208追加*/
    max-width: 940px;
  }
  .recruittop__linkitem{
    margin-bottom: 35px;
  }
  .recruittop-caption{
    margin-bottom: 15px;
  }
  .recruittop-caption a{
    font-size: 1.4285rem;
  }
  .recruittop-caption a:hover{
    text-decoration: underline;
  }
	/*新卒*/
	.recruit-new {
		margin-bottom: 5em;
	}
	.recruit-new__btnbox {
		max-width: 500px;
		width: 80%;
		margin: 2em auto;
	}
	.introduction-txt {
		font-size: 1.1428rem;
		width: auto;
	}
}/* pc_end */