@charset "UTF-8";
/** ───────────────────────────────────────────────────────── **/
/*** ▼ 編集不要 ▼ ***/
.sec01 {
  width: 90%;
  margin: 100px auto;
}
@media (max-width: 740px) {
  .sec01 {
    margin: 40px auto 60px;
  }
}
.sec01 .titl01 {
  line-height: 1;
  letter-spacing: 0;
  font-size: clamp(4.8rem, -3.657rem + 11.429vw, 9.6rem);
  margin-bottom: 40px;
}
@media (max-width: 740px) {
  .sec01 .titl01 {
    margin-bottom: 25px;
  }
}
.sec01 .titl02 {
  letter-spacing: 0.1em;
  font-size: clamp(1.8rem, 1.095rem + 0.952vw, 2.2rem);
}

.sec02 {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .sec02 {
    margin-bottom: 60px;
  }
}
.sec02 .titl01 {
  width: 90%;
  margin: 0 auto 15px;
  letter-spacing: 0;
  font-size: clamp(1.5rem, 1.324rem + 0.238vw, 1.6rem);
}
@media (max-width: 740px) {
  .sec02 .titl01 {
    margin-bottom: 8px;
  }
}
.sec02 .slider01 {
  width: 100%;
  position: relative;
}
.sec02 .slider01 .swiper {
  width: 100%;
  cursor: -webkit-grab;
  cursor: grab;
}
.sec02 .slider01 .swiper .swiper-slide {
  width: 100%;
}
.sec02 .slider01 .swiper .swiper-slide img {
  -webkit-transform: scale(1.005);
          transform: scale(1.005);
}
.sec02 .slider01 .cap {
  z-index: 1;
}

.sec03 {
  margin-bottom: 40px;
}
.sec03 .titl01 {
  width: 90%;
  margin: 0 auto 15px;
  letter-spacing: 0;
  font-size: clamp(1.5rem, 1.324rem + 0.238vw, 1.6rem);
}
@media (max-width: 740px) {
  .sec03 .titl01 {
    margin-bottom: 8px;
  }
}
.sec03 .slider02 {
  width: 100%;
  position: relative;
}
.sec03 .slider02 .swiper {
  width: 100%;
  cursor: -webkit-grab;
  cursor: grab;
}
.sec03 .slider02 .swiper .swiper-slide {
  width: 100%;
}
.sec03 .slider02 .swiper .swiper-slide img {
  -webkit-transform: scale(1.005);
          transform: scale(1.005);
}
.sec03 .slider02 .cap {
  z-index: 1;
}

.sec04 {
  margin-bottom: 100px;
}
@media (max-width: 740px) {
  .sec04 {
    margin-bottom: 60px;
  }
}
.sec04 .c01 {
  width: 90%;
  margin: 0 auto 120px;
}
@media (max-width: 740px) {
  .sec04 .c01 {
    margin-bottom: 100px;
  }
}
.sec04 .c01 .txt01 {
  letter-spacing: -0.01em;
  font-size: 1.2rem;
  margin-bottom: 20px;
}
.sec04 .c01 .txt02 {
  letter-spacing: 0;
  font-size: clamp(2.8rem, 2.095rem + 0.952vw, 3.2rem);
  margin-bottom: 20px;
}
.sec04 .c01 .txt03 {
  letter-spacing: 0;
  font-size: clamp(6.8rem, 6.095rem + 0.952vw, 7.2rem);
  margin-bottom: 15px;
}
.sec04 .c01 .txt03_04 {
  letter-spacing: 0;
  font-size: clamp(1.5rem, 1.324rem + 0.238vw, 1.6rem);
  margin-bottom: 40px;
}
@media (max-width: 740px) {
  .sec04 .c01 .txt03_04 {
    margin-bottom: 30px;
  }
}
.sec04 .c01 .txt04 {
  letter-spacing: 0;
  line-height: 1.75;
  font-size: clamp(1.5rem, 1.324rem + 0.238vw, 1.6rem);
}
.sec04 .c02 {
  width: 90%;
  margin: 0 auto 80px;
}
@media (max-width: 740px) {
  .sec04 .c02 {
    margin-bottom: 40px;
  }
}
.sec04 .c02 .txt01 {
  letter-spacing: 0;
  font-size: clamp(4.8rem, -3.657rem + 11.429vw, 9.6rem);
  margin-bottom: 40px;
}
@media (max-width: 740px) {
  .sec04 .c02 .txt01 {
    margin-bottom: 25px;
  }
}
.sec04 .c02 .txt02 {
  font-size: clamp(1.8rem, 1.095rem + 0.952vw, 2.2rem);
}
@media (max-width: 740px) {
  .sec04 .c02 .txt02 {
    margin-bottom: 40px;
  }
}
.sec04 .c02 .txt03 {
  text-align: justify;
  letter-spacing: 0;
  line-height: 1.75;
  font-size: 1.5rem;
}
.sec04 .c03 {
  width: 90%;
  margin: 0 auto 80px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 740px) {
  .sec04 .c03 {
    margin-bottom: 60px;
    width: 100%;
  }
}
.sec04 .c03 .txt01 {
  position: absolute;
  top: 10px;
  left: 0px;
  letter-spacing: 0;
  line-height: 1.75;
  font-size: 1.5rem;
}
.sec04 .c03 .ritumen {
  width: 100%;
  display: block;
}
@media (max-width: 740px) {
  .sec04 .c03 .ritumen {
    overflow-x: scroll;
    white-space: nowrap;
    overflow-y: hidden;
  }
}
.sec04 .c03 .ritumen img {
  max-width: 100%;
  width: 100%;
}
@media (max-width: 740px) {
  .sec04 .c03 .ritumen img {
    max-width: 840px;
    width: 840px;
    height: 304px;
  }
}
.sec04 .c04 {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px;
  background-color: #d3d6d0;
  border: 1px solid #6a8371;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media (max-width: 740px) {
  .sec04 .c04 {
    padding: 30px;
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.sec04 .c04 .txts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.sec04 .c04 .txts .txt01 {
  font-size: clamp(1.8rem, 1.095rem + 0.952vw, 2.2rem);
  margin-bottom: 40px;
}
.sec04 .c04 .txts .txt02 {
  text-align: justify;
  line-height: 1.75;
  letter-spacing: 0;
  font-size: clamp(1.5rem, 1.324rem + 0.238vw, 1.6rem);
  margin-bottom: 40px;
}
.sec04 .c04 .txts .txt03 {
  -ms-flex-item-align: end;
      align-self: flex-end;
  letter-spacing: -0.01em;
  font-size: 1.2rem;
}
.sec04 .c04 .po_img .cap {
  bottom: 23%;
}/*# sourceMappingURL=view.css.map */