/*main color*/
/*addcolor*/
/* spacing */
/*mixin*/
/* mixin */
/* color */
.lead {
  position: relative;
  padding: clamp(50px, 25.9259259259px + 6.1728395062vw, 100px) 0 clamp(40px, 20.7407407407px + 4.9382716049vw, 80px);
}
.lead .p-lp-txt {
  z-index: 2;
}
.lead .lead__pic {
  width: min(100%, 1200px);
  margin: -3% auto 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .lead .lead__pic {
    margin: -7% auto 0;
  }
}

.sec01 .sec01__smart-re {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  gap: clamp(20px, 10.3703703704px + 2.4691358025vw, 40px);
  margin-bottom: clamp(40px, 20.7407407407px + 4.9382716049vw, 80px);
}
@media (max-width: 768px) {
  .sec01 .sec01__smart-re {
    grid-template-columns: auto;
  }
}
.sec01 .sec01__smart-re .desc .ttl {
  width: auto;
  height: 45px;
  margin-bottom: clamp(10px, -4.4444444444px + 3.7037037037vw, 40px);
}
.sec01 .sec01__smart-re .desc .txt {
  font-size: clamp(14px, 12.0740740741px + 0.4938271605vw, 18px);
  line-height: 2.2;
}
@media (max-width: 768px) {
  .sec01 .sec01__smart-re .desc .txt {
    text-align: center;
  }
}
.sec01 .sec01__smart-re .desc .txt img {
  display: inline-block;
  width: auto;
  height: clamp(13px, 10.5925925926px + 0.6172839506vw, 18px);
  padding: 0 4px;
  vertical-align: baseline;
}
@media (max-width: 768px) {
  .sec01 .sec01__smart-re .pic figure {
    width: 80%;
    margin: 0 auto;
  }
}
.sec01 .sec01__list {
  display: flex;
  flex-direction: column;
  gap: clamp(30px, 15.5555555556px + 3.7037037037vw, 60px);
}
.sec01 .sec01__list .item {
  background: #F2F7F5;
  border-radius: 20px;
  width: min(100%, 1200px);
  padding: clamp(30px, 15.5555555556px + 3.7037037037vw, 60px) 0;
  margin: 0 auto;
}
.sec01 .sec01__list .item h3 {
  margin-bottom: clamp(10px, -4.4444444444px + 3.7037037037vw, 40px);
}
@media (max-width: 768px) {
  .sec01 .sec01__list .item h3 {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .sec01 .sec01__list .item .p-lp-txt {
    text-align: left;
  }
}
.sec01 .sec01__list .item .func-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px clamp(15px, 7.7777777778px + 1.8518518519vw, 30px);
  margin-top: clamp(25px, 12.962962963px + 3.0864197531vw, 50px);
}
@media (max-width: 768px) {
  .sec01 .sec01__list .item .func-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.sec01 .sec01__list .item .func-list .func-item p {
  margin-top: 10px;
  font-size: clamp(14px, 13.037037037px + 0.2469135802vw, 16px);
  text-align: center;
}
.sec01 .sec01__list .item .p-image-cap {
  font-size: 12px;
  margin-top: clamp(10px, 5.1851851852px + 1.2345679012vw, 20px);
  text-align: left;
}

.sec02 {
  margin: clamp(50px, 25.9259259259px + 6.1728395062vw, 100px) auto clamp(50px, 45.1851851852px + 1.2345679012vw, 60px);
}
.sec02 .sec02__list {
  display: flex;
  flex-direction: column;
  gap: clamp(50px, 45.1851851852px + 1.2345679012vw, 60px);
}/*# sourceMappingURL=city.css.map */