@charset "UTF-8";
/* Scss Document */
/*---------------------------------------------
 ## 20250929 新規 各エリアページ作成
---------------------------------------------*/
/*--施工事例--*/
#areaWorks {
  margin: 40px 0;
  padding: 90px 0 0;
  width: 100%;
}

#areaWorks .list {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: space-between;
}

#areaWorks .list > li {
  width: 47.3%;
  margin: 0 0 150px;
}

.worksList_content_head {
  font-weight: 500;
  margin-bottom: 1em;
  gap: 8px;
  display: flex;
  align-items: center;
  text-align: center;
  margin: 0 0 1em;
  font-size: 1.4rem;
  transition: 0.4s;
}

#areaWorks .worksList_tit {
  transition: 0.4s;
  color: #3D4F72;
  font-weight: 700;
  font-size: 1.8rem;
  margin: 0 0 1em;
  border-bottom: 1px dashed #333333;
  padding: 0 0 1em;
}

.worksList_content_head .worksList_category {
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.3rem;
  gap: 0.7em;
}

.worksList_content_head .worksList_category li {
  font-size: 1.3rem;
  padding: 0.1em 1.5em 0;
  margin: 0;
  background: #3D4F72;
  color: #fff;
}

@media screen and (min-width: 750px) {
  #areaWorks .list a {
    transition: 0.4s;
  }
}
@media screen and (max-width: 750px) {
  #areaWorks .list > li {
    width: 100%;
    margin: 0 0 16vw;
  }
}
/*--デザイン--*/
.areaWorksCenter {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

/*--お客様の声--*/
#voice .voiceList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#voice .voiceList > li {
  width: 47.3%;
}

@media screen and (max-width: 750px) {
  #voice .voiceList > li {
    width: 100%;
    margin: 0 0 16vw;
  }
}
/*--よくある質問--*/
#faq {
  margin-top: 160px;
}

#faq .faq {
  padding: 20px 50px;
}

#faq .faq details {
  padding: 20px 0;
  border-bottom: 1px solid #CECAAE;
}

#faq .faq summary::marker {
  content: "Q. ";
  font-weight: bold;
}

#faq .faq p {
  padding-left: 20px;
}

@media only screen and (max-width: 767px) {
  #faq .faq p {
    padding-left: 0;
    padding-top: 15px;
  }
  #faq .faq {
    padding: 0;
  }
}/*# sourceMappingURL=area.css.map */