.ja-bold {
  font-family: "fot-tsukubrdgothic-std", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.ja {
  font-family: "fot-tsukubrdgothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.en {
  font-family: "adobe-handwriting-tiffany", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.anim-up {
  -webkit-transform: translate(0, 10px);
          transform: translate(0, 10px);
  opacity: 0;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.anim-up.scale {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}

.is-move {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
}
.is-move.scale {
  -webkit-transform: scale(1);
          transform: scale(1);
}

@media (min-width: 800px) {
  .sp {
    display: none !important;
  }
}
@media (max-width: 799px) {
  .pc {
    display: none !important;
  }
}
body.smart-body footer .annotation {
  display: none;
}

main.smart {
  font-family: "adobe-handwriting-tiffany", "fot-tsukubrdgothic-std", sans-serif;
  color: #414549;
  margin-top: 135px !important;
  padding: 55px 0 20px;
  background: transparent url(../img/smartStylePlan/bg.jpg) no-repeat top center/4096px 2897px;
}
@media (max-width: 900px) {
  main.smart {
    background: transparent url(../img/smartStylePlan/bg.jpg) repeat-y top center/4096px 2897px;
  }
}
@media (max-width: 799px) {
  main.smart {
    background: transparent url(../img/smartStylePlan/bg-sp.jpg) repeat-y top center/767px 4834px;
  }
}
@media (max-width: 799px) {
  main.smart {
    margin-top: 60px !important;
  }
}
main.smart .wrap {
  opacity: 1;
}
main.smart p {
  font-family: "adobe-handwriting-tiffany", "fot-tsukubrdgothic-std", sans-serif;
  letter-spacing: 0;
}
main.smart span {
  letter-spacing: 0;
  display: block;
}
main.smart .sec.sec-space-lg {
  padding-bottom: 40px;
}

.page-ttl {
  width: 472px;
  margin-inline: auto;
  padding-bottom: 55px;
}
@media (max-width: 799px) {
  .page-ttl {
    width: 100%;
    max-width: 89.7435897436%;
    text-align: center;
  }
}

.sec {
  max-width: 1320px;
  margin-inline: auto;
}
.sec .inr {
  padding: 0 20px;
}
@media (max-width: 799px) {
  .sec .inr {
    padding: 0 20px;
  }
}

@media (max-width: 799px) {
  .plan-type .head {
    gap: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.plan-type .head .type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "fot-tsukubrdgothic-std", sans-serif;
  color: #fff;
  background: #EA5C62;
  border-radius: 10px;
  width: 180px;
  padding: 6px 0 12px;
  text-align: center;
}
@media (max-width: 799px) {
  .plan-type .head .type {
    width: 120px;
  }
}
.plan-type .head .type .tx {
  line-height: 1;
  letter-spacing: 0;
}
.plan-type .head .type .lg {
  font-weight: bold;
  font-size: 54px;
}
@media (max-width: 799px) {
  .plan-type .head .type .lg {
    font-size: 38px;
  }
}
.plan-type .head .type .md {
  font-size: 34px;
}
@media (max-width: 799px) {
  .plan-type .head .type .md {
    font-size: 21px;
  }
}
.plan-type .ldk {
  color: #EA5C62;
  font-family: "fot-tsukubrdgothic-std", sans-serif;
  font-size: 48px;
  line-height: 1;
}
@media (max-width: 799px) {
  .plan-type .ldk {
    font-size: 34px;
  }
}
.plan-type .detail {
  color: #EA5C62;
}
.plan-type .detail ul.area {
  font-family: "fot-tsukubrdgothic-std", sans-serif;
  font-size: 14px;
  line-height: 1.6;
}

.plan-lead .tx {
  font-family: "fot-tsukubrdgothic-std", sans-serif;
  line-height: 2;
  font-size: 16px;
}
@media (max-width: 799px) {
  .plan-lead .tx {
    font-size: 14px;
  }
}

.plan-point ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.plan-point ul li {
  width: 232px;
  margin-top: 15px;
}
@media (max-width: 799px) {
  .plan-point ul li {
    width: 170px;
  }
}

.main-cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 900px) {
  .main-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.main-cont .image {
  width: 62.5%;
  max-width: 800px;
}
@media (max-width: 900px) {
  .main-cont .image {
    width: 100%;
  }
}
.main-cont .main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 900px) {
  .main-cont .main {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
  }
}
.main-cont .space-lg {
  margin-bottom: 20px;
}
.main-cont .space-md {
  margin-bottom: 15px;
}

.list-item .ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  padding-bottom: 8px;
}
@media (max-width: 900px) {
  .list-item .ttl {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.list-item .ttl .num {
  width: 33px;
  height: 33px;
  line-height: 33px;
  color: #fff;
  background: #EA5C62;
  font-size: 16px;
  border-radius: 100vw;
  text-align: center;
}
.list-item .ttl .ttl-tx {
  font-size: 16px;
  line-height: 1;
  color: #EA5C62;
  font-family: "fot-tsukubrdgothic-std", sans-serif;
  padding-bottom: 6px;
  border-bottom: 1px solid #EA5C62;
  font-weight: bold;
}
.list-item .tx {
  font-size: 14px;
  line-height: 1.8;
  text-align: center;
  color: #414549;
  padding-bottom: 10px;
  font-family: "fot-tsukubrdgothic-std", sans-serif;
}
@media (max-width: 900px) {
  .list-item .tx {
    text-align: left;
  }
}
.list-item .img {
  text-align: center;
}
.list-item .img img {
  width: 100%;
}

.floorPlan-list ul li:nth-child(n+2) {
  margin-top: 20px;
}

.floorPlan {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.171875%;
  padding-bottom: 20px;
}
@media (max-width: 900px) {
  .floorPlan {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.floorPlan .floorPlan-item {
  width: 25.390625%;
}
@media (max-width: 900px) {
  .floorPlan .floorPlan-item {
    width: 100%;
  }
}
.floorPlan .floorPlan-image {
  width: 46.875%;
}
@media (max-width: 900px) {
  .floorPlan .floorPlan-image {
    width: 100%;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 20px;
  }
}

.floorPlan-image .list {
  max-width: 438px;
  margin-inline: auto;
}
@media (max-width: 799px) {
  .floorPlan-image .list {
    max-width: 100%;
  }
}
.floorPlan-image .list ul {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
@media (max-width: 799px) {
  .floorPlan-image .list ul {
    margin-bottom: 6px;
  }
}
.floorPlan-image .tx {
  font-size: 12px;
  font-family: "fot-tsukubrdgothic-std", sans-serif;
}

.floorPlan-note ul li {
  font-family: "fot-tsukubrdgothic-std", sans-serif;
  font-size: 10px;
  line-height: 1.6;
  text-indent: -1em;
  padding-left: 1em;
}