@charset "UTF-8";
/** ───────────────────────────────────────────────────────── **/
/*** ▼ 編集不要 ▼ ***/
.main {
  margin-bottom: 100px;
}
@media (max-width: 740px) {
  .main {
    margin-bottom: 50px;
  }
}
.main .titl01 {
  position: absolute;
  bottom: 6.9%;
  left: 5%;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  font-size: clamp(4.8rem, -3.657rem + 11.429vw, 9.6rem);
}
@media (max-width: 1200px) {
  .main .titl01 {
    left: 5%;
  }
}
@media (max-width: 740px) {
  .main .titl01 {
    bottom: 7.4%;
  }
}

.plan_boxs {
  width: 90%;
  margin: 0 auto 80px;
  display: grid;
  grid-template-columns: 392fr 768fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  position: relative;
}
@media (max-width: 740px) {
  .plan_boxs {
    grid-template-columns: 1fr;
  }
}
.plan_boxs.plan_boxs03 {
  margin-bottom: 40px;
}
@media (max-width: 740px) {
  .plan_boxs.plan_boxs03 {
    margin-bottom: 25px;
  }
}
.plan_boxs .left_titl {
  position: sticky;
  top: 120px;
  line-height: 1;
  letter-spacing: 0;
  font-size: clamp(4.8rem, 0.571rem + 5.714vw, 7.2rem);
}
.plan_boxs .left_titl span {
  font-size: clamp(3.6rem, -0.629rem + 5.714vw, 6rem);
}
@media (max-width: 740px) {
  .plan_boxs .left_titl {
    position: static;
    margin-bottom: 25px;
  }
}
.plan_boxs .right_con .plan_box {
  padding: 20px 0 40px;
  border-top: #cbd6ce 1px solid;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.plan_boxs .right_con .plan_box.line_top {
  border-top: #6a8371 1px solid;
}
@media (max-width: 740px) {
  .plan_boxs .right_con .plan_box {
    padding: 30px 0;
  }
}
@media not all and (pointer: coarse) {
  .plan_boxs .right_con .plan_box:hover {
    background-color: #ecf3ee;
  }
}
.plan_boxs .right_con .plan_box .titl01 {
  text-align: left;
  letter-spacing: 0;
  font-size: clamp(2rem, 1.824rem + 0.238vw, 2.1rem);
  margin-bottom: 30px;
}
.plan_boxs .right_con .plan_box .titl01 span {
  font-size: clamp(1.5rem, 1.324rem + 0.238vw, 1.6rem);
}
.plan_boxs .right_con .plan_box .bata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.plan_boxs .right_con .plan_box .bata p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.plan_boxs .right_con .plan_box .bata .txt01 {
  letter-spacing: 0;
  font-size: clamp(3rem, 2.648rem + 0.476vw, 3.2rem);
}
@media (max-width: 1160px) {
  .plan_boxs .right_con .plan_box .bata .txt01 {
    width: 100%;
    margin-bottom: 40px;
  }
}
.plan_boxs .right_con .plan_box .bata .menseki {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
}
@media (max-width: 1160px) {
  .plan_boxs .right_con .plan_box .bata .menseki {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
.plan_boxs .right_con .plan_box .bata .menseki .txt02 {
  letter-spacing: 0.02em;
  font-size: 1.2rem;
}
@media (max-width: 740px) {
  .plan_boxs .right_con .plan_box .bata .menseki .txt02 {
    width: 100%;
    margin-bottom: 15px;
  }
}
.plan_boxs .right_con .plan_box .bata .menseki .txt03 {
  font-size: clamp(4.8rem, 4.448rem + 0.476vw, 5rem);
}
.plan_boxs .right_con .plan_box .bata .menseki .txt03 span {
  font-size: clamp(3.8rem, 3.448rem + 0.476vw, 4rem);
}
.plan_boxs .right_con .plan_box .bata .menseki .txt04 {
  letter-spacing: 0.02em;
  font-size: 1.2rem;
}

.plan_cap {
  width: 90%;
  margin: 0 auto 120px;
  text-align: right;
}
@media (max-width: 740px) {
  .plan_cap {
    margin-bottom: 135px;
    text-align: left;
  }
}

.elevation {
  width: 90%;
  max-width: 768px;
  margin: 0 auto 100px;
  text-align: center;
}
@media (max-width: 740px) {
  .elevation {
    margin-bottom: 60px;
  }
}
.elevation .titl01 {
  letter-spacing: 0;
  font-size: clamp(3.6rem, 2.895rem + 0.952vw, 4rem);
  margin-bottom: 20px;
}
.elevation .titl02 {
  letter-spacing: 0.02em;
  font-size: clamp(1.5rem, 1.324rem + 0.238vw, 1.6rem);
  margin-bottom: 40px;
}/*# sourceMappingURL=plan.css.map */