@charset "UTF-8";

/* 20251020 トップページ h1 */
.h1 {
  text-align: center;
  color: #b4b4b4;
  margin: 3% auto;
}

/* 20251020 エリアページ */
.area-h1ttl {
  text-align: center;
  font-size: 20px;
  color: #b4b4b4;
  margin-bottom: 20px;
}
.c-headline.area-headline {
  margin-bottom: 40px;
}
.f-works-area {
  margin-bottom: 80px;
}
.area-gridbox {
  display: grid;
  gap: 30px;
}
.area-gridbox:not(:last-of-type) {
  margin-bottom: 64px;
}
@media (min-width: 1024px) {
  .area-gridbox {
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 80px;
  }
}
.a-voice-contents.area-voice-contents {
  padding-top: unset;
  padding-bottom: unset;
}
.f-reason-area {
  padding-bottom: 50px;
}
.f-reason-area .c-headline.area-headline.area-headline-gallery {
padding: 0px 4vw;
margin-bottom: unset;
}
.gallery.area-gallerybox {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1px;
padding-top: 30px;
padding-bottom: 30px;
}
.f-reason-area .area-gallerybox .img:nth-of-type(3), 
.f-reason-area .area-gallerybox .img:nth-of-type(4), 
.f-reason-area .area-gallerybox .img:nth-of-type(5) {
display: none;
}
.c-headline-style.area-gallery-headline {
max-width: 640px;
margin: 0 auto 40px;
}
.c-headline-style.area-gallery-headline  .c-headline-jp {
font-size: 20px;
text-align: center;
}
.m-text.area-gallery-m-txt {
text-align: center;
font-size: 14px;
line-height: 1.8;
max-width: 640px;
margin: 0 auto;
}
@media (min-width: 1024px) {
  .gallery.area-gallerybox {
    gap: 10px;
    padding-top: 60px;
    padding-bottom: 80px;
    grid-template-columns: repeat(5, 1fr);
  }
  .f-reason-area .area-gallerybox .img:nth-of-type(3), 
  .f-reason-area .area-gallerybox .img:nth-of-type(4), 
  .f-reason-area .area-gallerybox .img:nth-of-type(5) {
    display: block;
  }
  .c-headline-style.area-gallery-headline  .c-headline-jp {
    font-size: 32px;
  }
  .m-text.area-gallery-m-txt {
    font-size: 16px;
  }
}
.f-modelhouse-area,
.f-localarea-area, 
.f-constructionarea-area, 
.f-estate-area, 
.f-qa-area {
margin-bottom: 80px;
}
.f-modelhouse-area .title-en {
font-weight: bold;
}
@media (min-width: 1024px) {
  .area-modelhouse-item {
    width: 100%;
    max-width: 354px;
  }
}
.localarea-area-txtb {
  font-weight: bold;
}
.localarea-area-txt {
  margin-bottom: 20px;
}
.f-constructionarea-area .c-headline .c-headline-en {
  line-height: 50px;
}
.f-constructionarea-area .c-headline .c-headline-jp {
  padding-top: 16px;
}
.contents-area.estate-area-grid {
  display: grid;
  gap: 20px;
}
.red-more-btn {
  width: 100%;
  max-width: 250px;
  display: block;
  background-color: #D04437;
  color: #fff;
  text-align: center;
  padding: 8px 6px 8px 8px;
  margin: 40px auto 0px auto;
}
.red-more-btn:after {
  content: "→";
  margin-left: 4px;
}
@media (min-width: 1024px) {
  .contents-area.estate-area-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  }
}