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

/* =========================================
   slickスライダー  開始
========================================= */

/* =========================================
   スライダー
========================================= */

.slider {
  width: 100%;
  overflow: hidden;
  margin-bottom: 60px;
}


/* =========================================
   各スライド
========================================= */

.slide {
  padding: 0 10px;
}


/* =========================================
   リンク
========================================= */

.slide a {
  display: block;
}


/* =========================================
   画像
========================================= */

.slide img {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* Slickスライダーの表示崩れ防止 */
.slider .slick-slide {
  float: left;
  height: auto;
}

/* =========================================
   slickスライダー  終了
========================================= */


.recruit_1{
  color:#aaa;
  font-size:35px;
  text-transform: uppercase; /* 強制的にすべて大文字にして表示する */
  letter-spacing:0.2em;
}


.recruit_2{
  width:100%;
  margin:0 auto;
  margin-bottom:30px;
  padding-top:1px;
  font-size:25px;

}

.recruit_3{
  width:90%;
  margin:0 auto;
  max-width:1280px;
  padding-top:100px;
}

.recruit_4{
}

.recruit_5{
  width:90%;
  margin:0 auto;
  max-width:1280px;
  margin-bottom:100px;
}

.recruit_6{
  width:100%;
  display:flex;
  flex-direction:column;
}

.recruit_7{
  width:100%;
  display:flex;
  flex-direction:row;

}

.recruit_8{
  width:30%;
  border:1px solid #b3b3b3;
  border-bottom:none;
  height:auto;
  text-align:center;
  padding:20px;
}

.recruit_7:last-child .recruit_8{
  border-bottom:1px solid #b3b3b3;

}

.recruit_9{
  width:70%;
  border-top:1px solid #b3b3b3;
  border-right:1px solid #b3b3b3;
  height:auto;
  padding:20px;
  background-color:#FFFFFF;
}

.recruit_7:last-child .recruit_9{
  border-bottom:1px solid #b3b3b3;

}

.recruit_10{
  width:90%;
  margin:0 auto;
  max-width:1280px;
  padding-top:40px;
}


/* デスクトップ用スタイル（1024px以上） */
@media only screen and (min-width: 1024px) {

.recruit_1{
  font-size:55px;
  letter-spacing:0.1em;
}

.recruit_3{
  width:100%;
}

.recruit_5{
  width:100%;
}

/* =========================================
   slickスライダー  開始
========================================= */
 .slide {
    padding: 0 10px;
  }

  .slide img {
    height: 200px;
  }

/* =========================================
   slickスライダー  終了
========================================= */


}