.sp-header{
  display:none;
}

@media screen and (max-width:390px){

  .pc-header{
    display: none;
  }
  .sp-header{
    display: block;
  }
}

/* キービジュアル */
.heroImage{
  width: 100%;
  font-size: 0;
}
.heroImage img{
  max-width: 100%;
  height: auto;
}

/* 当社の強み */

.l-container.strengths{
  padding: 60px 0 20px;
}
.card{
  margin-bottom: 40px;
}
.card-sen{
  font-size: 2.4rem;
  color:#FFFFFF;
  font-weight:600;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width:650px){
  .card figure img{
    width: 180px;
    height: auto;
  }
  .card-sen{
    font-size: 1.6rem;
  }
}


/*-------------------------

   選ばれる３つの理由

-------------------------*/
.sec-reason{
  background-image: url(../image/reason-bg.png);
  background-size: cover;
  background-attachment: fixed;
}

.reason-tit{
  text-align: center;
  color:#DAFA0C;
  font-size: 4.0rem;
  margin-bottom: 72px;
}
.reason-tit::before{
  content:"SOGO-PLANTが選ばれる";
  display: block;
  color:#FFFFFF;
  font-size: 4.0rem;
  line-height: 1;
}

.reason-box{
  margin-bottom: 64px;
  background: #FFFFFF;
  padding: 24px;
  border: 3px solid  #004E98;
  position: relative;
}
.reason-box:last-child{
  margin-bottom: 0;
}
.reason-box::before{
  content:"";
  width: 240px;
  padding: 7px 0;
  font-size: 2.4rem;
  font-weight: bold;
  background: #004E98;
  color:#DAFA0C;
  text-align: center;
  position: absolute;
  margin-left: -120px;
  top:-30px;
  left:50%;
}
.reason-box-1::before{
  content:"ポイント①";
}
.reason-box-2::before{
  content:"ポイント②";
}
.reason-box-3::before{
  content:"ポイント③";
}
.reason-box-tit{
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.7;
  margin: 64px auto 48px;
}
.reason-box-image{
  max-width: 100%;
  width: 430px;
}
.reason-box-image figure{
  font-size: 1.2rem;
  text-align: center;
  margin: 0 auto 16px;
}
.reason-box-image figure:last-child{
  margin-bottom: 0;
}
.reason-box-sen{
  /* width: 548px; */
  /* padding: 0 24px; */
  padding-left: 24px;
}
.reason-box-sen p{
  margin-bottom: 16px;
}

@media screen and (max-width: 900px) {
  .sec-reason .c-flex-image{
    display: block;
  }
  .reason-box-image{
    margin: 0 auto 24px;
    /* width: 100%; */
    /* height: auto; */
  }
  .reason-box-sen{
    font-size: 1.4rem;
    text-align: center;
    padding-left: 0;
    line-height: 2;
  }
}
@media screen and (max-width: 600px) {
  .reason-tit{
    font-size: 2.4rem;
    margin-bottom: 32px;
  }
  .reason-tit::before{
    font-size: 2.0rem;
  }
  .reason-box-tit{
    font-size: 1.6rem;
    margin: 16px auto 32px;
  }
  .reason-box::before{
    width: 140px;
    font-size: 1.4rem;
    margin-left: -70px;
    top:-20px;
  }
  .reason-box-sen p{
    text-align: left;
  }
}

/*---------------------------

      募集要項

--------------------------------*/
.l-container.recruit{
  padding: 0 0 60px 0;
}

.plan_table.plan_table_recruit{
  font-family: 'Noto Sans JP', sans-serif;
  width: 100%;
}
.plan_table.plan_table_recruit dl{
  border-bottom:1px solid #20BAE4;
  border-right:1px solid #20BAE4;
  border-left:1px solid #20BAE4;
}
.plan_table.plan_table_recruit dl:first-of-type{
  border-top:1px solid #20BAE4;
}
.plan_table.plan_table_recruit dl dd{
  width: 80%;
  padding: 18px 18px 18px 24px;
}
.plan_table.plan_table_recruit dl dt{
  width: 20%;
  background: #FFFFFF;
  font-weight: bold;
  color:#004E98;
  border-right:1px solid #20BAE4;
}
.plan_table_dd_box{
  margin-bottom: 32px;
}
.plan_table_dd_box:last-child{
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {

  .plan_table.plan_table_recruit dl{
    display: block;
    margin-bottom: 24px;
    border-top:1px solid #20BAE4;
  }
  .plan_table.plan_table_recruit dl dt{
    width: 100%;
    border-right:none;
    justify-content:flex-start;

  }
  .plan_table.plan_table_recruit dl dd{
    width: 100%;
    padding: 4px 16px;
  }
  .plan_table_dd_box{
    margin-bottom: 24px;
  }
  .plan_table_dd_box p{
    font-size: 1.4rem;
  }
  .plan_table_dd_box ul li{
    font-size: 1.4rem;
  }

}

/*--------------------------------

        採用までの流れ

---------------------------------*/
.sec-step{
  background: #D3EDF3;
}
.step-box{
  background: #FFFFFF;
  text-align: center;
}
.step-box-number{
  font-size: 3.5rem;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  background: #004E98;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.5;
}
.step-box-tit{
  padding-top: 16px;
  font-weight: bold;
  margin-bottom: 16px;
}
.step-box-sen{
  margin-top: 14px;
  padding-bottom: 24px;
}

/* 矢印 */

.sec-step .figure-sign {
  margin: 32px auto;
  text-align: center;
}
.sec-step figure img{
  /* text-align: center; */
}

@media screen and (max-width: 600px) {
  .step-box-number{
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .step-box-tit{
    padding-top: 8px;
    margin-bottom: 8px;
  }
  .step-box-sen{
    font-size: 1.4rem;
    margin-top: 8px;
    padding-bottom: 16px;
  }
  .step-img img{
    width: 120px;
    height: auto;
  }

  .sec-step .figure-sign {
    margin: 16px auto;
  }
  .sec-step .figure-sign img{
    width: 32px;
    height: auto;
  }

}


/*--------------------------------

        先輩方の声

----------------------------------*/

.voice-box{
  margin-bottom: 120px;
}
.voice-box figure{
  margin-bottom: 32px;
}
.voice-box:last-child{
  margin-bottom: 0;
}
.voice-box-list{
  margin-bottom: 48px;
}
.voice-box-list:last-child{
  margin-bottom: 0;
}
.voice-box-list-tit{
  width: 160px;
  font-size: 1.6rem;
  border-radius: 9px;
  text-align: center;
  padding: 8px 0;
  color:#FFFFFF;
  display: inline-block;
  background: #20BAE4;
}
@media screen and (max-width: 600px) {
  .voice-box{
    margin-bottom: 64px;
  }
  .voice-box-list-tit{
    width: 100px;
    font-size: 1.2rem;
    padding: 4px 0;
  }
  .voice-box-list p{
    font-size: 1.4rem;
    line-height: 2;
  }
}


/*-------------------------------

          会社概要

----------------------------------*/

.l-container.company{
  padding: 0 0 60px 0;
}
.plan_table dl{
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
}
.plan_table dl:first-of-type{
  border-top:1px solid #ccc;
}
.plan_table dl dt{
  width: 220px;
  background: #20BAE4;
  text-align: center;
  color:#FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right:1px solid #ccc;
}
.plan_table dl dd{
  width: 600px;
  padding: 18px 24px;
}
.plan_table{
  font-family: 'メイリオ', Meiryo,sans-serif;
  width: 820px;
  max-width: 100%;
  margin:auto;
}
@media screen and (max-width: 960px) {
  .plan_table{
    font-size: 2.0rem;
  }
}

@media screen and (max-width: 700px) {
  .plan_table{
    font-size: 1.6rem;
  }
  .plan_table dl{
    display: block;
    border-bottom:none;
    border-right:none;
    border-left:none;
  }
  .plan_table dl dt{
    width: 100%;
    text-align: left;
    padding-left: 16px;
    line-height: 2;
    justify-content:flex-start;
  }
  .plan_table dl dd{
    width: 100%;
    padding: 16px;
  }

}