@charset "UTF-8";


/*
* ホーム
*/
#top {

}


/*
* メインビジュアル
*/
#mv {
  margin: 0 auto;
  padding: 0;
  /*background-image: url(../../img/top/mvBack01.jpg);
  background-size: contain;*/
}
#mv img {
  width: 100%;
}


/*
* キャッチ
*/
#catch {
  margin: 0 auto;
  padding: 80px 0;
}
#catch h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.6;
}
#catch h2 small {
  margin: 0 0 20px 0;
  font-size: 24px;
  font-weight: 600;
}


/*
* リユースジョブが選ばれる理由
*/
#reason {
  margin: 0;
  padding: 80px 0;
  color: #FFFFFF;
}
#reason h2 {
  margin: 0 0 40px 0;
  padding: 0;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
}
#reason ul {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  margin: 0;
}
#reason ul li {
  flex: 1;
  padding: 0 50px;
}
#reason h3 {
  margin: 0 0 20px 0;
  padding: 0;
  text-align: center;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.6;
}
#reason p {
  margin: 0;
  padding: 0;
  text-align: justify;
  font-size: 16px;
  font-weight: 600;
}


/*
* 掲載までは3ステップで完了
*/
#step {
  margin: 0 auto;
  padding: 80px 0;
}
#step h2 {
  margin: 0 0 80px 0;
  padding: 0;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.6;
}
#step img.fig {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 0;
}


/*
* よくあるご質問
*/
#faq {
  margin: 0 auto;
  padding: 80px 0;
}
#faq h2 {
  margin: 0 0 80px 0;
  padding: 0;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.6;
}
#faq dl {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 20px 10px;
  border-bottom: #ABABAB 1px dotted;
}
#faq dt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 5px 0;
  padding: 0;
  color: #38D430;
  font-size: 25px;
  font-weight: 600;
}
#faq dt span {
  display: block;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  background-image: url(../../img/iconFaqQ01.svg);
  background-size: cover;
}
#faq dt p {
  flex: 1;
  margin: 0 0 0 10px;
  padding: 0;
}
#faq dd {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 300;
}
#faq dd span {
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  background-image: url(../../img/iconFaqA01.svg);
  background-size: cover;
}
#faq dd p {
  flex: 1;
  margin: 0 0 0 10px;
  padding: 0;
}






/*
*
* SP
*
*/






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


  /*
  * キャッチ
  */
  #catch {
    margin: 0 auto;
    padding: 80px 0;
  }
  #catch h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.6;
  }
  #catch h2 small {
    margin: 0 0 20px 0;
    font-size: 24px;
    font-weight: 600;
  }


  /*
  * リユースジョブが選ばれる理由
  */
  #reason {
    margin: 0;
    padding: 80px 0;
    color: #FFFFFF;
  }
  #reason h2 {
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
  }
  #reason ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
    margin: 0;
  }
  #reason ul li {
    flex: 1;
    padding: 0 20px 40px 20px;
  }
  #reason h3 {
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.6;
  }
  #reason p {
    margin: 0;
    padding: 0;
    text-align: justify;
    font-size: 16px;
    font-weight: 600;
  }


  /*
  * 掲載までは3ステップで完了
  */
  #step {
    margin: 0 auto;
    padding: 80px 0;
  }
  #step h2 {
    margin: 0 0 80px 0;
    padding: 0;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.6;
  }
  #step img.fig {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 0;
  }


  /*
  * よくあるご質問
  */
  #faq {
    margin: 0 auto;
    padding: 80px 0;
  }
  #faq h2 {
    margin: 0 0 80px 0;
    padding: 0;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.6;
  }
  #faq dl {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 20px 10px;
    border-bottom: #ABABAB 1px dotted;
  }
  #faq dt {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 5px 0;
    padding: 0;
    color: #38D430;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
  }
  #faq dt span {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    background-image: url(../../img/iconFaqQ01.svg);
    background-size: cover;
  }
  #faq dt p {
    flex: 1;
    margin: 0 0 0 10px;
    padding: 0;
  }
  #faq dd {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 300;
  }
  #faq dd span {
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    background-image: url(../../img/iconFaqA01.svg);
    background-size: cover;
  }
  #faq dd p {
    flex: 1;
    margin: 0 0 0 10px;
    padding: 0;
  }



}