@charset "UTF-8";
/* ヘッダー画像======================================== */
@media screen and (min-width: 960px) {
  #sub_top.service {
    background-image: url(../images/sub_top_concept.jpg);
  }
}
@media screen and (max-width: 960px) {
  #sub_top.service {
    background-image: url(../images/sub_top_concept_sp.jpg);
  }
}
.content {
  background: #fff;
}
/* サービス一覧======================================== */
.box_cont {
  display: block;
}
.box_cont .box_c_in {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.service_list .box_cont h2 {
  color: #a68a56;
  border-bottom: #a68a56 1px dotted;
}
.img_area {
  width: 35%;
}
.txt_area {
  width: 65%;
}
.img_area {
  background-image: url("../images/service_01_600_400.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 35%;
  height: 300px;
}
.service02 {
  background-image: url("../images/service_02_600_400.jpg");
}
.service03 {
  background-image: url("../images/service_03_600_400.jpg");
}
/* 私たちについて======================================== */
.about_us_img {
  background-image: url("../images/about_us.jpg");
  transition: transform 0.5s ease;
  overflow: hidden;
}
.about_us_img:hover {
  transform: scale(1.05);
}
.about_us p {
  text-align: justify;
}
.about_us .btn_cnt {
  margin-bottom: 5em;
}
@media screen and (max-width: 960px) {
  .img_area {
    width: 100%;
  }
  .txt_area {
    width: 100%;
  }
  .img_area {
    width: 100%;
    height: 200px;
  }
}