@charset "UTF-8";


/*================================================================
 スマホ（全てのサイズで読み込む）
================================================================*/

h2 {
  color: #333;
}

h3 {
  border-bottom: 3px solid #1980D8;
}

.top_image {
  margin: 0 auto;
  max-width: 550px;
}

/*
MESSAGE
---------------------------------*/

#message h3 {
  font-size: 3.6rem;
  font-weight: 700;
  letter-spacing: .4rem;
  border: none;
}

#message .inner {
  margin: 0 auto;
  max-width: 540px;
}

@media screen and (min-width:357px) {
  #message .inner {
    width: 80%;
  }
}

@media screen and (min-width:408px) {
  #message .inner {
    width: 70%;
  }
}

@media screen and (min-width:580px) {
  #message .inner {
    width: 60%;
  }
}

@media screen and (min-width:680px) {
  #message .inner {
    min-width: 437px;
  }
}

@media screen and (min-width:768px) {
  #message .inner {
    width: 65%;
  }
}

#message .intro p {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .1rem;
}

/*
会社の特徴
---------------------------------*/

#feature ul {
  flex-wrap: wrap;
  align-items: flex-start;
}

#feature ul li {
  width: 49%;
}

#feature ul li .img {
  margin: 0 auto;
  max-width: 140px;
  width: 80%;
  height: 170px;
}

#feature ul li:nth-child(3n - 2) .img {
  max-width: 110px;
}

#feature ul li:nth-child(3) .img {
  max-width: 150px;
}

#feature ul li .img img {
  height: 152px;
}

#feature ul li p {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}

/*
求める人材
---------------------------------*/

#seek h4 {
  text-align: left;
}

#seek h4::before {
  content: "・";
}

#seek .img {
  margin: 0 auto;
  max-width: 200px;
  width: 70%;
}

/*
募集要項
---------------------------------*/

#requirements h4::before {
  content: "【";
  padding-right: 5px;
}

#requirements h4::after {
  content: "】";
  padding-left: 5px;
}

#requirements .sec1 ul li::before {
  content: "●";
}

#requirements .sec2 ul li::before {
  content: "■";
}

#requirements dt {
  font-weight: 500;
}


/*
お問合せ先
---------------------------------*/

#info p {
  font-weight: 700;
}

#info p:first-child {
  font-size: 1.8rem;
}

#info p:last-child {
  font-size: 4rem;
}



/*================================================================
タブレット（画面幅768px以上で読み込む）
================================================================*/
@media screen and (min-width:768px) {

  /*
  会社の特徴
  ---------------------------------*/

  #feature ul li {
    width: 33%;
  }

  /*
  求める人材
  ---------------------------------*/

  #seek .wrap {
    display: flex;
    justify-content: center;
    align-items: end;
  }

  #seek .img {
    margin: 0 55px 0 0;
  }

  #seek .content {
    width: 65%;
    max-width: 545px;
  }

  #seek .content .box:first-child {
    margin-top: 0;
  }

  #seek .content .box:nth-child(2) {
    margin-top: 40px;
  }

  /*
  募集要項
  ---------------------------------*/

  #requirements .sec1 {
    margin: 0 auto;
    max-width: 500px;
  }

  #requirements .sec2 {
    margin: 0 auto;
    max-width: 560px;
  }

  #requirements .sec2 dl {
    display: flex;
    justify-content: space-between;
  }

  #requirements .sec2 dl dt {
    width: 125px;
  }

  #requirements .sec2 dl dd {
    width: 400px;
  }

  /*
  お問合せ先
  ---------------------------------*/

  #info p:first-child {
    font-size: 2.4rem;
  }

  #info p:last-child {
    font-size: 6rem;
  }

  #info .img {
    margin: 0 auto;
    max-width: 350px;
  }

}


/*================================================================
PC（画面幅1080px以上で読み込む）
================================================================*/

@media screen and (min-width:1080px) {

  /*
  会社の特徴
  ---------------------------------*/

  #feature ul {
    margin: 0 auto;
    width: 85%;
  }

  /*
  お問合せ先
  ---------------------------------*/

  #info .inner {
    display: flex;
    justify-content: center;
  }

  #info .content {
    width: 410px;
  }

  #info .img {
    margin: 0 0 0 100px;
  }

}