@charset "utf-8";

/* *********************************************
固定ページのサービス詳細のみ
********************************************* */
.gallery-item-download {
  width: 100%;
  margin: 16px 0;
}
.gallery-item-download img {
  width: 100%;
}
.voice_company h3 {
  margin-top: 32px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.voice_company_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 16px;
}
.company_box {
  width: 32%;
  background-color: #fff;
  text-align: center;
}
.company_box h4.company_ttl {
  margin-bottom: 30px;
  margin-top: 31px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
}
.company_box img {
  width: 50%;
}
.company_box p {
  padding-bottom: 35px;
  margin-top: 12px;
  font-size: 10px;
}
.company_box p span {
  font-size: 10px;
  font-weight: bold;
}

/* モーダル */
.jsc-ModalForm {
  display: block;
  margin: 0 auto;
  background: #D1000D;
  border-radius: 4px;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  width: 100%;
  font-size: 5vw;
  padding: 15px 0;
}

@media only screen and (max-width: 1039px) {
  /* デバイスpcで縮小した場合 */
  .pc-body .l-form__pc-view {
    display: block;
  }
  .pc-body {
    width: 1040px;
    overflow: scroll;
  }

  @media screen and (max-width: 767px) {
    .pc-body {
      width: 100%;
    }
  }
  .pc-body #l-form__wrap {
    width: 1040px;
  }
  @media screen and (max-width: 767px) {
    .pc-body #l-form__wrap {
      width: 100%;
      padding: 22px 16px 56px;
    }
  }
  .pc-body .l-form__sp-view {
    display: none;
  }
  .pc-body #l-form__form-parts {
    display: block;
    width: 45%;
  }
  @media screen and (max-width: 767px) {
    .pc-body #l-form__form-parts {
      display: none;
    }
  }

  .pc-body .l-form__2column {
    display: flex;
    margin-top: 32px;
    width: 96%;
  }
  @media screen and (max-width: 767px) {
    .pc-body .l-form__2column {
      width: 100%;
      margin: 0;
      padding: 0 0 24px;
    }
  }
  .pc-body #l-form__form-content {
    width: 50%;
    margin-left: 24px;
  }
  @media screen and (max-width: 767px) {
    .pc-body #l-form__form-content {
      width: 100%;
      margin-left: 0;
    }
  }
  .pc-body  #l-form__wrap h1 {
    margin-left: 2%;
  }
  .pc-body .service_contents_box {
    width: 100%;
    background: #fff;
    margin: 16px 0;
  }
  .pc-body .service_contents_ttl {
    color: #b6111c;
    font-size: 14px;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 20px;
  }
  .pc-body .service_contents_box ul {
    padding-left: 20px;
    padding-bottom: 20px;
  }
  .pc-body .service_contents_box li {
    font-size: 14px;
    font-weight: bold;
  }
  .pc-body .company_box {
    width: 33%;
  }
}

@media screen and (min-width: 767px) {
  .sg-card-contents {
    background-color: #fff;
  }
  .pg-download-contents {
    display: flex;
    background: #fff;
    padding: 20px 0 4px 20px;
    margin-top: 12px;
    width: 523px;
  }
  .pg-download-contents-text dl {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0;
  }
  .pg-download-contents-text dt {
    color: #a8000a;
    margin: 0;
    padding: 0;
  }
  .pg-download-contents-text dd {
    margin: 0;
    padding: 0;
  }
  .pg-download-contents-text p {
    color: #8b8b8b;
    font-size: 14px;
    line-height: 20px;
  }
  .pg-download-contents-img {
    width: 260px;
    padding-left: 20px;
  }
  .pg-download-contents-img img {
    width: 100%;
  }
  .service_contents_box {
      width: 520px;
      margin: 16px 0;
      background-color: #fff;
  }
  .service_contents_ttl {
      color: #b6111c;
      font-size: 14px;
      font-weight: bold;
      padding-top: 20px;
      padding-left: 20px;
  }
  .service_contents_box ul {
      padding-left: 20px;
      padding-bottom: 20px;
  }
  .service_contents_box li {
      font-size: 14px;
      font-weight: bold;
  }
  .service_contents_resourcesbox {
      background-color: #fff;
      padding-bottom: 16px;
  }
  .service_contents_resources_ttl {
      font-size: 20px;
      font-weight: bold;
      color: #444444;
      text-align: center;
      padding-top: 20px;
      padding-bottom: 0;
  }
  .service_contents_resources_txt {
      font-size: 14px;
      font-weight: bold;
      text-align: center;
  }
  .service_contents_scout_txt {
      font-size: 14px;
      font-weight: bold;
      padding-left: 1em;
      line-height: 1.5;
  }
  .service_contents_resources_img {
      margin: 16px auto;
      width: 95% !important;
  }

  .service_contents_resources_img img {
    width: 100%;
  }
  .pg-form-column1 {
    display: none;
  }
}