@charset "UTF-8";
/** ───────────────────────────────────────────────────────── **/
/*** ▼ 編集不要 ▼ ***/
body {
  background-image: url(../img/residence/base_bg.webp);
  background-size: 200px;
}

main {
  margin: 120px 0 160px;
}
@media (max-width: 740px) {
  main {
    margin: 80px 0 100px;
  }
}
main .titl01 {
  text-align: center;
  font-size: clamp(5.3rem, -0.576rem + 7.941vw, 8rem);
  letter-spacing: 0.06em;
  margin-bottom: 60px;
  color: #30302e;
}
@media (max-width: 740px) {
  main .titl01 {
    margin-bottom: 50px;
  }
}

.sec00 {
  width: 90%;
  margin: 0 auto 185px;
  text-align: center;
}
@media (max-width: 740px) {
  .sec00 {
    margin-bottom: 130px;
  }
}
.sec00 .titl01 {
  font-size: clamp(2.2rem, 1.547rem + 0.882vw, 2.5rem);
  line-height: 1.8;
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .sec00 .titl01 {
    margin-bottom: 60px;
  }
}
.sec00 .txts01 {
  font-size: clamp(1.4rem, 0.965rem + 0.588vw, 1.6rem);
  line-height: 2;
}

.sec01 {
  margin-bottom: 160px;
}
@media (max-width: 740px) {
  .sec01 {
    margin-bottom: 100px;
  }
}
.sec01 .c01 {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto 80px;
}
@media (max-width: 740px) {
  .sec01 .c01 {
    margin-bottom: 60px;
  }
}
.sec01 .c01 .titl01 {
  font-size: clamp(5rem, 2.606rem + 3.235vw, 6.1rem);
  color: #7f6650;
  line-height: 1.32;
  margin-bottom: 100px;
}
@media (max-width: 740px) {
  .sec01 .c01 .titl01 {
    margin-bottom: 70px;
  }
}
.sec01 .c01 .titl02 {
  font-size: clamp(2.2rem, 1.547rem + 0.882vw, 2.5rem);
  line-height: 1.8;
  margin-left: 60px;
}
@media (max-width: 740px) {
  .sec01 .c01 .titl02 {
    margin-left: 0;
  }
}
.sec01 .c02 {
  margin-bottom: 180px;
}
@media (max-width: 740px) {
  .sec01 .c02 {
    margin-bottom: 120px;
  }
}
.sec01 .c02 .img {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .sec01 .c02 .img {
    margin-bottom: 40px;
  }
}
.sec01 .c02 .txts_warp {
  width: 85%;
  max-width: 1080px;
  margin: 0 auto;
}
.sec01 .c02 .txts_warp .txts {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  text-align: justify;
  font-size: clamp(1.2rem, 0.765rem + 0.588vw, 1.4rem);
  line-height: 2;
}
.sec01 .c03 .titl {
  font-size: clamp(2.2rem, 1.329rem + 1.176vw, 2.6rem);
  line-height: 1.84;
  margin-bottom: 60px;
  text-align: center;
}
.sec01 .c03 .img {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto 70px;
}
@media (max-width: 740px) {
  .sec01 .c03 .img {
    margin-bottom: 40px;
  }
}
.sec01 .c03 .txts {
  width: 85%;
  max-width: 550px;
  margin: 0 auto;
  font-size: clamp(1.2rem, 0.765rem + 0.588vw, 1.4rem);
  line-height: 2;
  text-align: justify;
}

.sec02 {
  background-color: #fff;
  padding: 120px 0 160px;
}
@media (max-width: 740px) {
  .sec02 {
    padding: 80px 0 60px;
  }
}
.sec02 .titl01 {
  font-size: clamp(5rem, 2.606rem + 3.235vw, 6.1rem);
  color: #7f6650;
  line-height: 1.32;
  text-align: center;
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .sec02 .titl01 {
    margin-bottom: 70px;
  }
}
.sec02 .titl02 {
  font-size: clamp(2.2rem, 1.547rem + 0.882vw, 2.5rem);
  line-height: 1.8;
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .sec02 .titl02 {
    margin-bottom: 40px;
  }
}
.sec02 .plan {
  width: 100%;
  max-width: 750px;
  margin: 0 auto 60px;
}
.sec02 .txts {
  width: 85%;
  margin: 0 auto;
  font-size: clamp(1.4rem, 0.965rem + 0.588vw, 1.6rem);
  line-height: 2;
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .sec02 .txts {
    margin-bottom: 40px;
    text-align: justify;
  }
}
.sec02 .txts_cap {
  width: 85%;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 740px) {
  .sec02 .txts_cap {
    text-align: left;
  }
}

.sec03 {
  background-image: url(../img/residence/sec03_bg.webp);
  background-size: cover;
  background-position: center right;
  padding: 140px 0;
  margin-bottom: 160px;
}
@media (max-width: 740px) {
  .sec03 {
    padding: 120px 0 100px;
    margin-bottom: 140px;
  }
}
.sec03 .titl01 {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto 100px;
  font-size: clamp(5rem, 2.606rem + 3.235vw, 6.1rem);
  color: #fff;
  line-height: 1.32;
}
.sec03 .titl02 {
  font-size: clamp(2.2rem, 1.547rem + 0.882vw, 2.5rem);
  color: #fff;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 60px;
}
.sec03 .img {
  width: 90%;
  max-width: 710px;
  margin: 0 auto 60px;
}
.sec03 .txts {
  width: 90%;
  margin: 0 auto;
  font-size: clamp(1.4rem, 0.965rem + 0.588vw, 1.6rem);
  line-height: 2;
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .sec03 .txts {
    margin-bottom: 40px;
  }
}

.sec04 .c01 {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto 80px;
}
@media (max-width: 740px) {
  .sec04 .c01 {
    margin-bottom: 60px;
  }
}
.sec04 .c01 .titl01 {
  font-size: clamp(5rem, 2.606rem + 3.235vw, 6.1rem);
  color: #7f6650;
  line-height: 1.32;
  margin-bottom: 100px;
}
@media (max-width: 740px) {
  .sec04 .c01 .titl01 {
    margin-bottom: 70px;
  }
}
.sec04 .c01 .titl02 {
  font-size: clamp(2.2rem, 1.547rem + 0.882vw, 2.5rem);
  line-height: 1.8;
  margin-left: 60px;
}
@media (max-width: 740px) {
  .sec04 .c01 .titl02 {
    margin-left: 0;
  }
}
.sec04 .c02 {
  margin-bottom: 180px;
}
@media (max-width: 740px) {
  .sec04 .c02 {
    margin-bottom: 120px;
  }
}
.sec04 .c02 .img {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .sec04 .c02 .img {
    margin-bottom: 40px;
  }
}
.sec04 .c02 .txts_warp {
  width: 85%;
  max-width: 1080px;
  margin: 0 auto;
}
.sec04 .c02 .txts_warp .txts {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  text-align: justify;
  font-size: clamp(1.2rem, 0.765rem + 0.588vw, 1.4rem);
  line-height: 2;
}
.sec04 .c03 {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto 80px;
}
@media (max-width: 740px) {
  .sec04 .c03 {
    margin-bottom: 60px;
  }
}
.sec04 .c03 .titl {
  font-size: clamp(2.2rem, 1.547rem + 0.882vw, 2.5rem);
  line-height: 1.8;
  margin-left: 60px;
}
@media (max-width: 740px) {
  .sec04 .c03 .titl {
    margin-left: 0;
  }
}
.sec04 .c04 {
  width: 78%;
  margin-right: auto;
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .sec04 .c04 {
    width: 92.5%;
    margin-bottom: 40px;
  }
}
.sec04 .c05 {
  width: 85%;
  max-width: 1080px;
  margin: 0 auto 200px;
}
@media (max-width: 740px) {
  .sec04 .c05 {
    margin-bottom: 160px;
  }
}
.sec04 .c05 .txts {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  text-align: justify;
  font-size: clamp(1.2rem, 0.765rem + 0.588vw, 1.4rem);
  line-height: 2;
}
.sec04 .c06 {
  width: 85%;
  max-width: 960px;
  margin: 0 auto;
}
.sec04 .c06 .cap01 {
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}
.sec04 .c06 .cap01 span {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  border: 1px solid #666;
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 1px;
}
.sec04 .c06 .nakagawa {
  background-color: #fff;
  padding: 60px 50px;
  border: 1px solid #cdc3bb;
}
@media (max-width: 740px) {
  .sec04 .c06 .nakagawa {
    padding: 30px;
  }
}

.f_cap {
  width: 85%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}/*# sourceMappingURL=residence.css.map */