@charset "UTF-8";
/*service_content_area（事業案内）
-----------------------------------------------------------*/
#service_content_area .content_box {
  position: relative;
}
#service_content_area .content_box::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(67, 190, 229, 0.2);
}
#service_content_area .content_box:nth-child(3)::after {
  background-color: #a1def2;
}
#service_content_area .content_box:nth-child(4)::after {
  background-color: #43bee5;
}
#service_content_area .content_box.img_Left02 .tit_nb_box .tit {
  border-color: #fff;
}
#service_content_area .content_box.img_Left02 .tit_nb_box .tit span {
  color: #fff;
}
#service_content_area .content_box.img_Left02 .tit_nb_box .tit span::after {
  color: #fff;
}
#service_content_area .content_box .txt_img_area .tit_txt_box .txt_box .tit {
  letter-spacing: 0.05em;
  font-weight: 700;
}
#service_content_area .content_box .txt_img_area .tit_txt_box .txt_box .txt {
  letter-spacing: 0.07em;
}
#service_content_area .content_box .txt_img_area .img_box .img_sogo_02 {
  position: relative;
}
#service_content_area .content_box .txt_img_area .img_box .img_sogo_02::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../img/service/General_Building_tit.png");
}
#service_content_area .content_box .txt_img_area .img_box .img_koji_02 {
  position: relative;
}
#service_content_area .content_box .txt_img_area .img_box .img_koji_02::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../img/service/Large_Scale_Repair_tit.png");
}
#service_content_area .content_box .txt_img_area .img_box .img_denki_02 {
  position: relative;
}
#service_content_area .content_box .txt_img_area .img_box .img_denki_02::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../img/service/Electronic_Equipment_tit.png");
}
#service_content_area .content_box .txt_img_area .img_box .img_naisou_02 {
  position: relative;
}
#service_content_area .content_box .txt_img_area .img_box .img_naisou_02::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../img/service/Carpenter_Appointed_tit.png");
}
#service_content_area .content_box .txt_img_area .img_box .img_demolition_02 {
  position: relative;
}
#service_content_area .content_box .txt_img_area .img_box .img_demolition_02::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../img/service/Demolition_business_tit.png");
}
@media print, screen and (min-width: 768px) {
  #service_content_area {
    margin: 12.5rem 0 19.875rem;
  }
  #service_content_area .content_box:not(:last-child) {
    margin-bottom: 7.5rem;
  }
  #service_content_area .content_box:nth-child(1)::after {
    width: 66.625rem;
    height: 64rem;
    position: absolute;
    top: 18.75rem;
    left: 0;
    z-index: -1;
  }
  #service_content_area .content_box:nth-child(2)::after {
    width: 64.625rem;
    height: 61.25rem;
    position: absolute;
    top: 18.75rem;
    right: 0;
    z-index: -1;
  }
  #service_content_area .content_box:nth-child(3)::after {
    width: 68.5rem;
    height: 64.3125rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #service_content_area .content_box:nth-child(4)::after {
    width: 65.625rem;
    height: 64.3125rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
  }
  #service_content_area .content_box.img_Right02, #service_content_area .content_box.img_Left02 {
    padding-top: 7.5rem;
  }
  #service_content_area .content_box.img_Right02 .inner, #service_content_area .content_box.img_Left02 .inner {
    justify-content: space-between;
  }
  #service_content_area .content_box.img_Right02 .img_area, #service_content_area .content_box.img_Left02 .img_area {
    width: 46.1666666667%;
  }
  #service_content_area .content_box.img_Right02 .txt_img_area, #service_content_area .content_box.img_Left02 .txt_img_area {
    width: 47.6666666667%;
  }
  #service_content_area .content_box.img_Right02 .txt_img_area .tit_txt_box, #service_content_area .content_box.img_Right02 .txt_img_area .img_box, #service_content_area .content_box.img_Left02 .txt_img_area .tit_txt_box, #service_content_area .content_box.img_Left02 .txt_img_area .img_box {
    width: 100%;
  }
  #service_content_area .content_box.img_Right02 .txt_img_area .img_box, #service_content_area .content_box.img_Left02 .txt_img_area .img_box {
    margin-top: 3.75rem;
  }
  #service_content_area .content_box.img_Right02 {
    margin-bottom: 15rem;
  }
  #service_content_area .content_box.img_Right02 .img_area {
    order: 1;
  }
  #service_content_area .content_box.img_Right02 .txt_img_area {
    position: relative;
  }
  #service_content_area .content_box.img_Right02 .img_box {
    margin-top: -4rem !important;
    position: absolute;
    width: 25rem !important;
    left: 24rem;
    z-index: 1;
  }
  #service_content_area .content_box.img_Left02 .txt_img_area {
    order: 1;
  }
  #service_content_area .content_box .img_area {
    width: 100%;
    margin-bottom: 3.75rem;
  }
  #service_content_area .content_box .txt_img_area {
    justify-content: space-between;
  }
  #service_content_area .content_box .txt_img_area.img_Right .img_box {
    order: 1;
  }
  #service_content_area .content_box .txt_img_area.img_Left {
    padding-bottom: 7.5rem;
  }
  #service_content_area .content_box .txt_img_area.img_Left .tit_txt_box {
    order: 1;
  }
  #service_content_area .content_box .txt_img_area .tit_txt_box {
    width: 49.5%;
    padding-top: 1.875rem;
  }
  #service_content_area .content_box .txt_img_area .tit_txt_box .tit_nb_box {
    margin-bottom: 1.875rem;
  }
  #service_content_area .content_box .txt_img_area .tit_txt_box .txt_box .tit {
    font-size: 1.625rem;
    line-height: 1.7307692308;
    margin-top: calc(0px - (((1em*1.7307692308) - 1em)/2));
    margin-bottom: calc(2.5rem - (((1em*1.7307692308) - 1em)/2));
  }
  #service_content_area .content_box .txt_img_area .tit_txt_box .txt_box .txt {
    font-size: 1rem;
    line-height: 2.25;
  }
  #service_content_area .content_box .txt_img_area .tit_txt_box .btn {
    margin-top: 3.125rem;
  }
  #service_content_area .content_box .txt_img_area .img_box {
    width: 47.5%;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_sogo_02::before {
    width: 19.3125rem;
    height: 7.8125rem;
    position: absolute;
    left: -1.875rem;
    bottom: -5.1875rem;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_koji_02::before {
    width: 20.8125rem;
    height: 8rem;
    position: absolute;
    bottom: -5.4375rem;
    right: 1rem;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_denki_02::before {
    width: 22.3125rem;
    height: 9.1875rem;
    position: absolute;
    bottom: -4.5625rem;
    right: -5rem;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_naisou_02::before {
    width: 22.3125rem;
    height: 9.5rem;
    position: absolute;
    left: -7.9375rem;
    bottom: -6.25rem;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_demolition_02::before {
    width: 22.5rem;
    height: 8.3125rem;
    position: absolute;
    left: 32.0625rem;
    bottom: 4.75rem;
  }
  #service_content_area .content_box .img_list_area {
    margin-top: 7.5rem;
  }
  #service_content_area .content_box .img_list_area .img_list {
    width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  #service_content_area {
    margin: 39.1134289439vw 0 26.075619296vw;
  }
  #service_content_area .inner {
    width: 100%;
  }
  #service_content_area .content_box {
    padding-top: 10.4302477184vw;
  }
  #service_content_area .content_box:not(:last-child) {
    margin-bottom: 13.037809648vw;
  }
  #service_content_area .content_box::after {
    width: 100%;
    height: 132.073011734vw;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
    transform: translate(-50%, 0);
  }
  #service_content_area .content_box:nth-child(3)::after, #service_content_area .content_box:nth-child(4)::after {
    height: 195.5671447197vw;
  }
  #service_content_area .content_box .img_area {
    width: 100%;
  }
  #service_content_area .content_box .txt_img_area .tit_txt_box {
    width: 92.0469361147vw;
    margin: 0 auto;
  }
  #service_content_area .content_box .txt_img_area .tit_txt_box .tit_nb_box {
    margin-bottom: 7.8226857888vw;
  }
  #service_content_area .content_box .txt_img_area .tit_txt_box .txt_box .tit {
    font-size: 1.3846153846rem;
    line-height: 1.6111111111;
    margin-top: calc(0px - (((1em*1.6111111111) - 1em)/2));
    margin-bottom: calc(7.8226857888vw - (((1em*1.6111111111) - 1em)/2));
  }
  #service_content_area .content_box .txt_img_area .tit_txt_box .txt_box .txt {
    font-size: 1rem;
    line-height: 2.2307692308;
  }
  #service_content_area .content_box .txt_img_area .tit_txt_box .btn {
    margin-top: 10.4302477184vw;
  }
  #service_content_area .content_box .txt_img_area .img_box {
    width: 100%;
    margin-top: 10.4302477184vw;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_sogo_02, #service_content_area .content_box .txt_img_area .img_box .img_koji_02, #service_content_area .content_box .txt_img_area .img_box .img_denki_02, #service_content_area .content_box .txt_img_area .img_box .img_naisou_02 {
    width: 74.3155149935vw;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_sogo_02 {
    margin: -10.4302477184vw 3.9113428944vw 0 auto;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_sogo_02::before {
    width: 40.2868318123vw;
    height: 16.29726206vw;
    position: absolute;
    left: -10.9517601043vw;
    bottom: -6.1277705346vw;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_koji_02 {
    margin: -10.4302477184vw auto 0 3.9113428944vw;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_koji_02::before {
    width: 43.4159061278vw;
    height: 16.6883963494vw;
    position: absolute;
    bottom: -7.3011734029vw;
    right: -11.0821382008vw;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_denki_01 {
    width: 78.2268578879vw;
    margin: 0 auto 0 0;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_denki_02 {
    margin: -26.075619296vw 3.9113428944vw 0 auto;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_denki_02::before {
    width: 46.5449804433vw;
    height: 19.1655801825vw;
    position: absolute;
    left: -11.0821382008vw;
    bottom: -7.0404172099vw;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_naisou_01 {
    width: 78.2268578879vw;
    margin: 0 0 0 auto;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_naisou_02 {
    margin: -26.075619296vw auto 0 3.9113428944vw;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_naisou_02::before {
    width: 46.5449804433vw;
    height: 19.8174706649vw;
    position: absolute;
    bottom: -8.0834419817vw;
    right: -12.2555410691vw;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_demolition_01 {
    width: 64vw;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_demolition_02 {
    width: 47vw;
    margin: -10rem 0rem 0rem auto;
  }
  #service_content_area .content_box .txt_img_area .img_box .img_demolition_02::before {
    width: 46.9361147327vw;
    height: 17.3402868318vw;
    position: absolute;
    bottom: 4vw;
    right: 47vw;
  }
  #service_content_area .content_box .img_list_area {
    width: 92.1773142112vw;
    margin: 15.6453715776vw auto 0;
  }
  #service_content_area .content_box .img_list_area .img_list {
    width: 46.0886571056vw;
  }
}

/*bnr_area（下層ページ：バナーエリア）
-----------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  #bnr_area {
    margin-bottom: 6.875rem;
  }
}
@media only screen and (max-width: 767px) {
  #bnr_area {
    margin-bottom: 14.3415906128vw;
  }
}