.recruit{
  padding:120px 0 0;
}

/* パンくず */
.recruit .breadcrumb{
  max-width:1080px;
  margin:0 auto;
  padding: 0 20px;
}


/* ドット */
.recruit .dot{
  background-image: radial-gradient(rgba(0,0,0,0.08) 2px, transparent 2px);
  background-size:24px 24px;
  padding-bottom: 120px;    
}

/* タイトル */
.recruit .recruit__head{
  text-align:center;
  margin-top:40px;
  padding-top:100px;
}

.recruit .recruit__title-en{
  font-family:"Karla", sans-serif;
  font-weight:700;
  font-size:62px;
  line-height:100%;
  letter-spacing:0;
  color:#16AD9B;
}

.recruit .recruit__title-ja{
  font-family:"Hiragino Kaku Gothic ProN", sans-serif;
  font-weight:600;
  font-size:18px;
  line-height:100%;
  letter-spacing:0.05em;
  color:#16AD9B;
}

/* 画像 */
.recruit .recruit__visual{
  text-align:center;
  margin:60px 0;
}

/* キャッチ */
.recruit .recruit__catch{
  font-family:"Hiragino Kaku Gothic ProN", sans-serif;
  font-weight:600;
  font-size:36px;
  line-height:160%;
  letter-spacing:0.05em;
  color:#16AD9B;
  text-align:center;
}

/* テキスト */
.recruit .recruit__text{
  font-family:"Hiragino Kaku Gothic ProN", sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:200%;
  letter-spacing:0.07em;
  text-align:center;
  margin:40px 0 80px;
  color:#484848;
}

/* ===============================
求める人材・募集職種
=============================== */

.recruit .recruit__grid{
  display:flex;
  gap:40px;
  margin-bottom:80px;
}

.recruit .recruit__box{
  flex:1;
}

.recruit .recruit__box-title{
  border:2px solid #16AD9B;
  border-radius:12px;
  padding:16px;
  text-align:center;
  font-family:"Hiragino Kaku Gothic ProN", sans-serif;
  font-weight:600;
  font-size:24px;
  line-height:160%;
  letter-spacing:0.05em;
  color:#16AD9B;
}

.recruit .recruit__list{
  border-left:4px solid #16AD9B;
  margin-top:20px;
  padding-left:24px;
}

.recruit .recruit__list li{
  padding:16px 0;
  border-bottom:1px solid #ADADAD;
  font-family:"Hiragino Kaku Gothic ProN", sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:200%;
  letter-spacing:0.07em;
  color:#484848;
}

/* ===============================
学び続ける文化
=============================== */

/* 外枠 */
.recruit-learning__outer{
  background:#F0FEFC;
  border-radius:24px;
  padding:16px;
  margin-top:24px;
}

.recruit-learning__outer:first-child{
  margin-top:80px;
}

/* 内枠 */
.recruit-learning__inner{
  position:relative;
  background:#fff;
  border:2px solid #16AD9B;
  border-radius:12px;
  padding:32px 52px;
}

/* 右上装飾 */
.recruit-learning__point{
  position:absolute;
  top:-10px;
  right:-10px;
  width:68px;
  z-index:2;
}

/* itemsは1つだけ入っているので block でOK */
.recruit-learning__items{
  display:block;
}

/* PC 横並び */
.recruit-learning__item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:50px;
}

/* テキスト側 */
.recruit-learning__item h3,
.recruit-learning__item p{
  text-align:left;
}

/* タイトル */
.recruit-learning__item h3{
  margin:0;
  font-family:"Hiragino Kaku Gothic ProN", sans-serif;
  font-weight:600;
  font-size:24px;
  line-height:100%;
  letter-spacing:0.05em;
  color:#16AD9B;
  text-align:left;
}

/* 文章 */
.recruit-learning__item p{
  margin:0;
  font-family:"Hiragino Kaku Gothic ProN", sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:200%;
  letter-spacing:0.07em;
  color:#484848;
  text-align:left;
  width: 47%;
}

/* 画像 */
.recruit-learning__item img{
  display:block;
  width:100%;
  max-width:160px;
  margin-left:auto;
}

/* ===============================
SP
=============================== */

@media(max-width:768px){
    
  .recruit .breadcrumb{
    padding: 0 20px;
  }    

  .recruit .dot {
    background-image: radial-gradient(rgba(0, 0, 0, 0.05) 3px, transparent 3px);
    background-size: 34px 34px;
    padding-bottom: 80px;
  }    
    
  .recruit{
    padding:80px 0 0;
  }

  .recruit .recruit__grid{
    flex-direction:column;
  }

  .recruit .recruit__title-en{
    font-size:36px;
  }

  .recruit .recruit__title-ja{
    font-size:12px;
    line-height:100%;
    letter-spacing:0;
  }

  .recruit .recruit__catch{
    font-size:24px;
    line-height:140%;
    letter-spacing:0.03em;
  }

  .recruit .recruit__text{
    line-height:180%;
    letter-spacing:0.05em;
    font-size: 16px;
    font-weight: 400;
  }

  .recruit .recruit__box-title{
    border:1px solid #16AD9B;
    padding:8px;
    font-size:24px;
    line-height:140%;
    letter-spacing:0.03em;
  }

  .recruit .recruit__list li{
    line-height:180%;
    letter-spacing:0.05em;
  }

  .recruit-learning__outer{
    margin-top:24px;
  }

  .recruit-learning__outer:first-child{
    margin-top:24px;
  }

  .recruit-learning__inner{
    padding:24px 20px;
  }

  .recruit-learning__item{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:16px;
    text-align:center;
  }

  .recruit-learning__item img{
    order:-1;
    width:100%;
    max-width:120px;
    margin:0 auto;
  }

  .recruit-learning__item h3{
    font-size:24px;
    line-height:140%;
    letter-spacing:0.03em;
    text-align:center;
  }

  .recruit-learning__item p{
    font-size:16px;
    line-height:180%;
    letter-spacing:0.05em;
    text-align:center;
    margin:0;
    width:100%;      
  }

  .recruit-learning__point{
    width:68px;
    top:-10px;
    right:-10px;
  }
}