@charset "UTF-8";
/* CSS Document */
/*ページのトップセクション共通設定*/
/*mobile*/
.section-common-top__content-box__title__service-bg {
  background-image: url("../image/icon/engineer.png");
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  height: 100%;
  width: 100px;
  padding: 30px 0 30px 5px;
  margin-right: auto;
  margin-bottom: 50px;
}
/*PC*/
@media screen and (min-width: 1000px) {
  .section-common-top__content-box__title__service-bg {
    padding: 50px 0 50px 10px;
  }
}
/*各サービスの文字設定*/
.section-telecommunications p, .section-telecommunications h4, .section-telecommunications__bg__description, .section-electrical-work__bg p, .section-electrical-work__bg h4, .section-electrical-work__bg__description, .section-network__bg__description, .section-network__bg h4, .section-network__bg h5, .section-network__bg p {
  color: #fff;
}
/*電気通信工事背景__mobile*/
.section-telecommunications__bg {
  background-image: url("../image/01_service.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  padding: 50px 20px;
  margin-bottom: 100px;
}
.section-telecommunications h4, .section-electrical-work__bg h4, .section-network__bg h4 {
  font-size: 2.6rem;
  margin-bottom: 30px;
}
/*電気工事背景__mobile*/
.section-electrical-work__bg {
  background-image: url("../image/02_service.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  padding: 50px 20px;
  margin-bottom: 100px;
}
.section-telecommunications__bg__description {
  font-size: 1.6rem;
}
/*ネットワーク業務背景__mobile*/
.section-network__bg {
  background-image: url("../image/03_service.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  padding: 50px 20px;
  margin-bottom: 60px;
}
.section-network__bg h5 {
  font-size: 2.0rem;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 2px solid rgba(255, 255, 255, .5);
  border-radius: 3px;
}
.section-network__bg__operations {
  margin-bottom: 50px;
}
.section-network__bg__operations p, .section-network__bg__design p {
  padding: 0 10px;
}
.section-network__bg__design__description {
  margin-bottom: 20px;
}
.section-network__bg__design ul {
  margin-bottom: 10px;
}
.section-network__bg__design ul li {
  padding: 0 10px;
  color: #fff;
  margin-bottom: 10px;
}
/*電気通信工事背景__tablet*/
@media screen and (min-width: 600px) {
  .section-telecommunications__bg {
    padding: 60px 50px;
    margin-bottom: 100px;
  }
  .section-telecommunications h4, .section-electrical-work__bg h4, .section-network__bg h4 {
    font-size: 3rem;
  }
  .section-telecommunications__bg__description {
    font-size: 2.0rem;
    line-height: 3.6rem;
  }
  /*電気工事背景__tablet*/
  .section-electrical-work__bg {
    background-position: center;
  }
  .section-electrical-work__bg {
    padding: 60px 50px;
    margin-bottom: 100px;
  }
  .section-electrical-work__bg__description {
    font-size: 2.0rem;
    line-height: 3.6rem;
  }
  /*ネットワーク業務__tablet*/
  .section-network__bg {
    padding: 60px 50px;
  }
  .section-network__bg h5 {
    font-size: 2.4rem;
    padding-bottom: 10px;
  }
  .section-network__bg__description, .section-network__bg__operations p, .section-network__bg__design p, .section-network__bg__design ul li {
    font-size: 2.0rem;
    line-height: 3.6rem;
    padding: 0 20px;
  }
}
/*電気通信工事背景__PC*/
@media screen and (min-width: 1000px) {
  .section-telecommunications__bg {
    padding: 80px 200px;
    margin-bottom: 100px;
  }
  .section-telecommunications h4, .section-electrical-work__bg h4, .section-network__bg h4 {
    font-size: 3rem;
  }
  .section-telecommunications__bg__description {
    font-size: 2.0rem;
    line-height: 3.6rem;
  }
  /*電気工事背景__PC*/
  .section-electrical-work__bg {
    background-position: center;
  }
  .section-electrical-work__bg {
    padding: 80px 200px;
    margin-bottom: 100px;
  }
  .section-electrical-work__bg__description {
    font-size: 2.0rem;
    line-height: 3.6rem;
  }
  /*ネットワーク業務__PC*/
  .section-network__bg {
    padding: 80px 200px;
  }
  .section-network__bg h5 {
    font-size: 2.4rem;
    padding-bottom: 10px;
  }
  .section-network__bg__description, .section-network__bg__operations p, .section-network__bg__design p, .section-network__bg__design ul li {
    font-size: 2.0rem;
    line-height: 3.6rem;
    padding: 0 20px;
  }
}
/*アコーディオンボタン*/
/*モバイルの設定幅*/
.section-servicess__qualification {
  padding: 0 20px;
  margin-bottom: 100px;
}
.section-servicess__qualification__description {
  margin-bottom: 30px;
}
.cp_linetab {
  position: relative;
  overflow: hidden;
  max-width: 500px;
  margin: 0 3px;
  color: #fff;
}
.cp_linetab input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.cp_linetab label {
  font-weight: bold;
  line-height: 3;
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  cursor: pointer;
  margin: 0 0 1px 0;
  background: #1D2088;
  border-radius: 5px;
}
.cp_linetab .cp_linetab-content {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.5s;
  transition: max-height 0.5s;
  padding: 0 20px;
  color: #333333;
  background: #eaeaea;
}
.cp_linetab .cp_linetab-content p {
  margin: 1em;
  font-size: 14px;
}
.cp_linetab p {
  margin-bottom: 0px;
}
.cp_linetab input:checked ~ .cp_linetab-content {
  max-height: 80em;
}
.cp_linetab label:after {
  color: #fff;
  content: "\025bc";
  position: absolute;
  top: 0;
  right: 0;
  width: 2em;
  height: 3em;
}
.cp_linetab input:checked ~ label::after {
  content: "\025b2";
}
/*アコーディオンのボタンの設定__PC*/
@media screen and (min-width: 900px) {
  .section-servicess__qualification {
    padding: 0 200px;
    margin: 0 auto 100px;
  }
  .section-servicess__qualification__description {
    font-size: 2.0rem;
    line-height: 3.6rem;
    text-align: center;
    margin-bottom: 50px;
  }
  .cp_linetab {
    position: relative;
    overflow: hidden;
    width: 500px;
    margin: 0 auto;
    color: #fff;
  }
  .cp_linetab input {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }
  .cp_linetab label {
    font-weight: bold;
    line-height: 3;
    position: relative;
    display: block;
    padding: 0 0 0 1em;
    cursor: pointer;
    margin: 0 0 1px 0;
    background: #1D2088;
    border-radius: 5px;
  }
  .cp_linetab .cp_linetab-content {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
    padding: 0 20px;
    color: #333333;
    background: #eaeaea;
  }
  .cp_linetab .cp_linetab-content p {
    margin: 1em;
    font-size: 14px;
  }
  .cp_linetab p {
    margin-bottom: 0px;
  }
  .cp_linetab input:checked ~ .cp_linetab-content {
    max-height: 80em;
  }
  .cp_linetab label:after {
    color: #fff;
    content: "\025bc";
    position: absolute;
    top: 0;
    right: 0;
    width: 2em;
    height: 3em;
  }
  .cp_linetab input:checked ~ label::after {
    content: "\025b2";
  }
}