@charset "UTF-8";
 /* ========================================
   @media screen and (min-width: 768px), print
 ======================================== */
@media screen and (min-width: 768px),print {
  /* fv
  -------------------------------------*/
  .fv {
    background: url(../images/sale/fv.jpg) no-repeat center center;
    max-width: 1920px;
    width: 100%;
    margin-inline: auto;
    text-align: center;
    margin-top: 2.2rem;
    padding: 5.1rem 0 27.213rem;
    position: relative;
    background-size: cover;
  }
  .fv h2 {
    text-align: center;
  }
  .fv h2 img {
    width: 57.313rem;
  }
  .fv .txt {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.666;
    text-align: center;
    color: #fff;
    background: #357fc8;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 99.427%;
    padding: 1.3rem 0.7rem 1.3rem 0;
    letter-spacing: 0;
  }


  /* point
  -------------------------------------*/
  .point {
    position: relative;
  }
  .point::after {
    content: "";
    position: absolute;
    bottom: -5rem;
    right: -1.6rem;
    width: 45.813rem;
    height: 42.75rem;
    background: url(../images/sale/bg-deco.png) no-repeat;
    background-size: contain;
  }
  .point .inner {
    width: min(95%, 1100px);
    margin-inline: auto;
    position: relative;
    padding: 7.4rem 0 8.5rem;
  }
  .point .inner h2 {
    font-size: 32px;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: #357FC8;
    text-align: center;
    border-top: 3px solid #357FC8;
    border-bottom: 3px solid #357FC8;
    margin-bottom: 1.5rem;
    padding: 1.35rem 0;
  }
  .point .inner .deco01 {
    position: absolute;
    bottom: 6.4rem;
    left: -7.7rem;
    z-index: 3;
  }
  .point .txt {
    font-size: 20px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2.7rem;
  }
  .point .list {
    background: #357FC8;
    padding: 2.5rem 6rem 2.9rem;
    position: relative;
    margin-bottom: 3.25rem;
    width: min(95%, 700px);
    margin-inline: auto;
    display: grid;
    gap: 1.7rem;
    position: relative;
    z-index: 2;
  }
  .point .list::after {
    content: "";
    position: absolute;
    bottom: -1.2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 3.125rem;
    height: 1.25rem;
    background: url(../images/sale/list-arrow.svg) no-repeat;
    background-size: contain;
  }
  .point .list::before {
    content: "";
    position: absolute;
    bottom: -5.5rem;
    right: -3.8rem;
    width: 9.313rem;
    height: 8.375rem;
    background: url(../images/sale/point-deco02.png) no-repeat;
    background-size: contain;
  }
  .point .list li {
    font-size: 26px;
    line-height: 1.5769230769;
    letter-spacing: 0em;
    font-weight: 500;
    color: #FFFFFF;
    position: relative;
  }
  .point .list li::before {
    content: "✓";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    color: #FABE00;
    font-size: 26px;
  }
  .point .list li span {
    border-bottom: 1px solid #FFFFFF;
    padding: 0 0 0.5rem 2.5rem;
  }
  .point .lead {
    font-size: 28px;
    line-height: 2.0357142857;
    letter-spacing: 0.05em;
    font-weight: 700;
    text-align: center;
    position: relative;
    z-index: 2;
  }
  .point .lead span {
    border-bottom: 1px solid #357FC8;
    padding: 0 0 0.2rem;
  }

  /* charm
  -------------------------------------*/
  .charm {
    background: #FFFFFF;
    position: relative;
  }
  .charm::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25rem;
    background: #357FC8;
  }
  .charm .ttl-box {
    background: url(../images/sale/charm-ttlBg.jpg) no-repeat center center/cover;
    padding: 4.3125rem 0 3.75rem;
    position: relative;
    z-index: 2;
    margin-bottom: 8.2rem;
    max-width: 1920px;
    width: 100%;
    margin-inline: auto;
  }
  .charm .ttl-box h2 {
    text-align: center;
  }
  .charm .inner {
    width: min(95%, 1280px);
    margin-inline: auto;
    padding-bottom: 6.75rem;
  }
  .charm .content {
    width: min(95%, 1200px);
    margin-inline: auto;
    display: grid;
    grid-template-columns: 45% 1fr;
    gap: 3.75rem;
    margin-bottom: 3.7rem;
  }
  .charm .photo img {
    width: 100%;
    height: auto;
  }
  .charm .ttl-wrap {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    margin-bottom: 1.6rem;
  }
  .charm h3 {
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: #357FC8;
  }
  .charm h3 span {
    display: block;
    margin: 0 0 0 -1rem;
  }
  .charm .num {
    font-size: 37px;
    line-height: 1.1891891892;
    letter-spacing: 0em;
    font-weight: 600;
    text-align: center;
    color: #357FC8;
    border: 1px solid #357fc8;
    border-radius: 50%;
    width: 5.625rem;
    height: 5.625rem;
    /* padding: 1.2rem 0 1.551rem; */
    padding: 1.25rem 0;
  }
  .charm .txt {
    font-size: 16px;
    line-height: 2.125;
    letter-spacing: 0.05em;
    font-weight: 500;
    margin-bottom: 2.1rem;
  }

  /* charm02 */
  .charm .content.charm02 {margin-bottom: 2rem;}
  .charm03 h3 {
    margin: 0 0 0 -1rem;
  }
  /* charm03 */
  .charm .content.charm03 {
    margin-bottom: 8.5rem;
  }
  .charm03 h3 span {
    margin: 0;
  }
  .charm03 .txt.ls {
    letter-spacing: 0.013em;
  }

  /* bottom-box */
  .charm .bottom-box {
    background: #fff;
    border: 5px solid #357fc8;
    padding: 0.4375rem 5.3rem 4.6rem;
    position: relative;
    z-index: 2;
  }
  .charm .bottom-box h3 {
    position: relative;
    top: -3.5rem;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
  }
  .charm .bottom-box h4 {
    text-align: center;
    margin-bottom: 2.1rem;
  }
  .charm .bottom-box .content {
    display: grid;
    grid-template-columns: 50% 1fr;
    gap: 1.875rem;
    margin-bottom: 2.5rem;
    width: 100%;
  }
  .charm .bottom-box .photo {
    margin-top: 0.4rem;
  }
  .charm .bottom-box .photo img {
    width: 100%;
    height: auto;
  }
  .charm .bottom-box .txt {
    font-size: 16px;
    line-height: 2.125;
    letter-spacing: 0.05em;
    font-weight: 500;
  }
  .charm .bottom-box .txt:nth-child(2) {
    margin-bottom: 1rem;
  }
  .charm .bottom-box .txt span {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 2.125;
    text-align: left;
    color: #fff;
    background: #357FC8;
    padding: 0.1rem 0;
  }
  .charm .bottom-box .photo-frame {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .charm .bottom-box .photo-frame img {
    width: 100%;
    height: auto;
  }

  /* more
  -------------------------------------*/
  .more {
    background: #FFFFFF;
  }
  .more .inner {
    width: min(95%, 1100px);
    margin-inline: auto;
    text-align: center;
    padding: 5.8rem 0;
  }
  .more .inner h2 {
    font-weight: bold;
    font-size: 32px;
    letter-spacing: 0.05em;
    line-height: 1.85;
    text-align: center;
    position: relative;
    display: inline-block;
  }
  .more .inner h2::before,
  .more .inner h2::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.563rem;
    height: 2.938rem;
  }
  .more .inner h2::before {
    left: -2.5rem;
    background: url(../images/sale/more-ttl-l.svg) no-repeat;
    background-size: contain;
  }
  .more .inner h2::after {
    right: -2.5rem;
    background: url(../images/sale/more-ttl-r.svg) no-repeat;
    background-size: contain;
  }
  .more .inner .enttl {
    font-weight: 600;
    font-size: 80px;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 3.125rem;
  }
  .more .link {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
  }
  .more .link img {
    width: 100%;
    height: auto;
  }

.more .link li{position:relative;}

.bnr-btnlist{position: absolute; bottom:15px; left:0; right: 0; margin: 0 auto;}
.bnr-btnlist .name{ background-color:#fff; width: 475px; margin: 0 auto 10px;
background-image:url(../images/sale/sale-bnr-arrow.svg);
background-position:right 30px center;
background-repeat:no-repeat;}
.bnr-btnlist .name a{ display: block;
padding: 10px 10px 10px 10px;
font-size: 24px; line-height: 1.6; letter-spacing: 1px; text-align: center;}


.system-list-box{margin-inline: auto;padding: 7.5rem 0 !important;width: min(95%, 1100px);}
.system-contents{}
.system-contents .system-list{}
.system-contents .system-list li{}
.system-contents .system-list li .icon{ background-color:#aaa; padding: 5px 10px 5px 10px; display: inline-block; color: #fff;}
.system-contents .system-list li .system-pic{}
.system-contents .system-list li .system-pic img{ width: 350px; height: 220px;}
.system-contents .system-list li .system-ttl{ font-size: 20px; line-height: 1.6; letter-spacing: 1px; }
.system-contents .system-list li .system-add{ padding: 0px 0px 10px 0px; margin:0 0 10px 0; font-size: 16px; line-height: 1.6; letter-spacing: 1px; font-weight: 500; border-bottom:1px solid #aaa; }
.system-contents .system-list li .system-build-menseki{ font-size: 14px; line-height: 1.6; letter-spacing: 1px; }
.system-contents .system-list li .system-land-menseki{ font-size: 14px; line-height: 1.6; letter-spacing: 1px; }
.system-contents .system-list li .system-fix{ font-size: 14px; line-height: 1.6; letter-spacing: 1px; }

.system-detail-box{margin:0 0 0 0; padding: 0px 0px 0px 0px !important;}
.system-contents .system-ttl02{font-size: 24px;font-weight: 700;letter-spacing: 0.05em;line-height: 2;margin-bottom: 3rem;position: relative;text-align: center; padding: 1rem 0px 1rem 0px;}
.system-contents .icon{ background-color:#aaa; padding: 5px 10px 5px 10px; color: #fff; text-align: center; width: 140px; margin: 0 auto 0px;}
.system-contents .system-i-pic{}
.system-contents .system-i-pic img{height: auto;}

.sale-table{ width:86%; margin: 0 auto 30px;border-collapse: collapse;}
.sale-table th{ padding: 15px 15px 15px 15px; width: 30%; text-align: left; font-size: 18px; line-height: 1.6; letter-spacing: 1px; border:1px solid #aaa; background-color: #F4F2ED;}
.sale-table td{ padding: 15px 15px 15px 15px; font-size: 18px; line-height: 1.6; letter-spacing: 1px; border:1px solid #aaa;}

.price-frame{border-bottom:1px solid #aaa; width: 700px; margin: 0 auto 40px; padding: 0 0 10px 0;
display:-webkit-box;display:-ms-flexbox;display:flex;
-ms-flex-wrap: wrap;flex-wrap: wrap;
-webkit-box-orient:horizontal;-webkit-box-direction:normal;}
.price-frame .sale-info-row-left{margin: 10px 20px 0 20px;text-align: center; width: 80px; font-size: 16px; line-height: 1.6; letter-spacing: 1px; }
.price-frame .sale-price{width: 580px; font-size: 26px; line-height: 1.6; letter-spacing: 1px; }

.system-gaiyo{width:86%; margin: 0 auto 30px;}
.system-gaiyo .gaiyo-table{border-collapse: collapse; width:100%;}
.system-gaiyo .gaiyo-table .sale-info-row{}
.system-gaiyo .gaiyo-table .sale-info-row-left{width: 30%; border:1px solid #A78F43; text-align: left; font-size: 14px; line-height: 1.6; letter-spacing: 1px; padding: 10px 10px 10px 10px; }
.system-gaiyo .gaiyo-table .sale-info-row-right{border:1px solid #A78F43; padding: 10px 10px 10px 10px; font-size: 14px; line-height: 1.6; letter-spacing: 1px; }
.wysiwyg {margin-bottom: 30px;padding: 20px 0 20px 0;}

.system-contents .icon01{ background-color:#9F434A !important;}
.system-contents .icon02{background-color:#436788 !important;}

}





/* ========================================
@media screen and (min-width:768px) and (max-width:1280px)
======================================== */
@media screen and (min-width:768px) and (max-width:1280px) {
.system-contents {}
.system-contents .system-list {}
.system-contents .system-list li {}
.system-contents .system-list li .icon { background-color: #aaa; padding: 0.39vw 0.78vw 0.39vw 0.78vw; display: inline-block; color: #fff; }
.system-contents .system-list li .system-pic {}
.system-contents .system-list li .system-pic img { width: 27.34vw; height: 17.19vw; }
.system-contents .system-list li .system-ttl { }
.system-contents .system-list li .system-add { padding: 0 0 0.78vw 0; margin: 0 0 0.78vw 0; font-weight: 500; border-bottom: 0.08vw solid #aaa; }
.system-contents .system-list li .system-build-menseki { }
.system-contents .system-list li .system-land-menseki { }
.system-contents .system-list li .system-fix {}
.system-contents .system-list li .icon01 { background-color: #9F434A; }
.system-contents .system-list li .icon02 { background-color: #436788; }

.system-detail-box { margin: 0 0 0 0; padding: 0 0 0 0 !important; }
.system-contents .system-ttl02 {/* font-size: 1.88vw; */font-weight: 700;/* letter-spacing: 0.25vw; *//* line-height: 2; */margin-bottom: 2.34vw;padding-bottom: 0.78vw;position: relative;text-align: center;}
.system-contents .icon { background-color: #aaa; padding: 0.39vw 0.78vw 0.39vw 0.78vw; color: #fff; text-align: center; width: 10.94vw; margin: 0 auto; }
.system-contents .system-i-pic {}
.system-contents .system-i-pic img { height: auto; }
.system-contents .icon01{ background-color:#9F434A !important;}
.system-contents .icon02{background-color:#436788 !important;}
.sale-table { width: 86%; margin: 0 auto 2.34vw; border-collapse: collapse; }
.sale-table th {padding: 1.17vw 1.17vw 1.17vw 1.17vw;width: 30%;text-align: left;/* font-size: 1.41vw; *//* line-height: 1.6; *//* letter-spacing: 0.25vw; */border: 0.08vw solid #aaa;background-color: #F4F2ED;}
.sale-table td {padding: 1.17vw 1.17vw 1.17vw 1.17vw;/* font-size: 1.41vw; *//* line-height: 1.6; *//* letter-spacing: 0.25vw; */border: 0.08vw solid #aaa;}
.price-frame { border-bottom: 0.08vw solid #aaa; width: 54.69vw; margin: 0 auto 3.13vw; padding: 0 0 0.78vw 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; }
.price-frame .sale-info-row-left {margin: 0.78vw 1.56vw 0 1.56vw;text-align: center;width: 6.25vw;/* font-size: 1.25vw; *//* line-height: 1.6; *//* letter-spacing: 0.25vw; */}
.price-frame .sale-price {width: 45.31vw;/* font-size: 2.03vw; *//* line-height: 1.6; *//* letter-spacing: 0.25vw; */}
.system-gaiyo { width: 86%; margin: 0 auto 2.34vw; }
.system-gaiyo .gaiyo-table { border-collapse: collapse; width: 100%; }
.system-gaiyo .gaiyo-table .sale-info-row {}
.system-gaiyo .gaiyo-table .sale-info-row-left {width: 30%;border: 0.08vw solid #A78F43;text-align: left;/* font-size: 1.09vw; *//* line-height: 1.6; *//* letter-spacing: 0.25vw; */padding: 0.78vw 0.78vw 0.78vw 0.78vw;}
.system-gaiyo .gaiyo-table .sale-info-row-right {border: 0.08vw solid #A78F43;padding: 0.78vw 0.78vw 0.78vw 0.78vw;/* font-size: 1.09vw; *//* line-height: 1.6; *//* letter-spacing: 0.25vw; */}
.wysiwyg {margin-bottom: 30px;padding: 20px 0 20px 0;}

}



/* ========================================
@media screen and (min-width:768px) and (max-width:1130px) 
======================================== */
@media screen and (min-width:768px) and (max-width:1130px) {
.bnr-btnlist { position: absolute; bottom: 1.33vw; left: 0; right: 0; margin: 0 auto; }
.bnr-btnlist .name { background-color: #fff; width: 42.04vw; margin: 0 auto 0.88vw; background-image: url(../images/sale/sale-bnr-arrow.svg); background-position: right 2.65vw center; background-repeat: no-repeat; }
.bnr-btnlist .name a { display: block; padding: 0.88vw 0.88vw 0.88vw 0.88vw; font-size: 2.12vw; line-height: 1.6; letter-spacing: 0.25vw; text-align: center; }
}


/* ========================================
@media screen and (min-width:768px) and (max-width:1000px) 
======================================== */
@media screen and (min-width:768px) and (max-width:1000px) {
  .fv .txt {
    font-size: clamp(1.25rem, 0.422rem + 1.72vw, 1.5rem);
  }
  .point .txt {
    font-size: clamp(1.125rem, 0.711rem + 0.86vw, 1.25rem);
  }
  .point .lead {
    font-size: clamp(1.375rem, 0.134rem + 2.59vw, 1.75rem);
  }
  .point .list {
    width: 65vw;
  }
  .point .list li {
    font-size: clamp(1rem, -1.069rem + 4.31vw, 1.625rem);
  }
  .charm .bottom-box h3 img {
    width: 51.563rem;
  }
  .charm03 h3 {
    margin: 0;
  }
  .charm .content {
    grid-template-columns: 40% 1fr;
    gap: 3vw;
  }
}

/* ========================================
@media screen and (min-width:768px) and (max-width:1280px)
======================================== */
@media screen and (min-width:768px) and (max-width:1280px) {
  .point .inner .deco01 {left: -3vw;}
  .point .inner .deco01 img {
    width: 25.672vw;
  }
}


/* ========================================
@media screen and (min-width:768px) and (max-width:1440px)
======================================== */
@media screen and (min-width:768px) and (max-width:1440px) {
  .charm h3 {
    font-size: clamp(1.375rem, 0.946rem + 0.89vw, 1.75rem);
  }
  .charm .num {
    font-size: clamp(1.75rem, 1.107rem + 1.34vw, 2.313rem);
  }
}


/* ========================================
@media screen and (min-width:768px) and (max-width:1220px)
======================================== */
@media screen and (min-width:768px) and (max-width:1220px) {
.system-list-box{margin-inline: auto;padding: 7.5rem 0 !important;width: min(95%, 1100px);}
.system-contents {}
.system-contents .system-list {}
.system-contents .system-list li {}
.system-contents .system-list li .icon { background-color:#aaa; padding: 0.416vw 0.833vw 0.416vw 0.833vw; display: inline-block; color: #fff; }
.system-contents .system-list li .system-pic {}
.system-contents .system-list li .system-pic img { width: 29.167vw; height: 18.333vw; }
.system-contents .system-list li .system-ttl {  }
.system-contents .system-list li .system-add { padding: 0vw 0vw 0.833vw 0vw; margin:0 0 0.833vw 0; font-weight: 500; border-bottom:1px solid #aaa; }
.system-contents .system-list li .system-build-menseki {  }
.system-contents .system-list li .system-land-menseki {}
.system-contents .system-list li .system-fix {}
.system-contents .icon01{ background-color:#9F434A !important;}
.system-contents .icon02{background-color:#436788 !important;}
}



/* ========================================
@media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
  .main-title {
    margin-bottom: 0;
  }
    /* fv
  -------------------------------------*/
  .fv {
    background: url(../images/sale/fv_sp.jpg) no-repeat top center/contain;
    max-width: 100vw;
    width: 100%;
    margin-inline: auto;
    text-align: center;
    padding: 43.4vw 0 42vw;
    position: relative;
  }
  .fv h2 {
    margin-bottom: 6vw;
    position: relative;
    display: inline-block;
    z-index: 3;
  }
  .fv h2::before {
    content: "";
    position: absolute;
    top: -10vw;
    left: -10vw;
    width: 14.495vw;
    height: 14.495vw;
    background: url(../images/sale/fv-num_sp.svg) no-repeat;
    background-size: contain;
  }
  .fv h2 img {
    width: 71.015vw;
  }
  .fv .txt {
    font-weight: bold;
    font-size:4.348vw;
    line-height: 1.8888;
    text-align: center;
    color: #fff;
    background: #357fc8;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 3.87vw 0;
    letter-spacing: 0;
  }
 
   /* point
  -------------------------------------*/
  .point {
    position: relative;
  }
  .point .inner {
    width: 89.375vw;
    margin-inline: auto;
    position: relative;
    padding: 9.4vw 0 14.2vw;
  }
  .point .inner h2 {
    font-size:5.314vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: #357FC8;
    text-align: center;
    border-top: 0.8vw solid #357FC8;
    border-bottom: 0.8vw solid #357FC8;
    margin-bottom: 3vw;
    padding: 4.4vw 0;
  }
  .point .inner .deco01 {
    position: absolute;
    bottom: 46vw;
    left: 47%;
    transform: translateX(-50%);
    z-index: 3;
    width: 48.345vw;
  }
  .point .txt {
    font-size:4.348vw;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 700;
    text-align: center;
    margin-bottom: 7.4vw;
  }
  .point .list {
    background: #357FC8;
    padding: 6.5vw 0 9vw 7vw;
    margin-bottom: 46vw;
    display: grid;
    gap: 5.3vw;
    position: relative;
    z-index: 2;
  }
  .point .list::before {
    content: "";
    position: absolute;
    top: -3.6vw;
    right: 3.8vw;
    width: 21.5vw;
    height: 19.325vw;
    background: url(../images/sale/point-deco02.png) no-repeat;
    background-size: contain;
  }
  .point .list li {
    font-size:3.865vw;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
    color: #FFFFFF;
    position: relative;
  }
  .point .list li::before {
    content: "✓";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    color: #FABE00;
    font-size:4.106vw;
  }
  .point .list li span {
    border-bottom: 0.2vw solid #FFFFFF;
    padding: 0 0 2vw 6vw;
  }
  .point .lead {
    font-size:5.314vw;
    line-height: 1.9090;
    letter-spacing: 0.05em;
    font-weight: 700;
    text-align: center;
    position: relative;
    z-index: 2;
  }
  .point .lead span {
    border-bottom: 0.2vw solid #357FC8;
    padding: 0 0 1vw;
  }

  /* charm
  -------------------------------------*/
  .charm {
    background: #FFFFFF;
    position: relative;
  }
  .charm::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 96.4vw;
    background: #357FC8;
  }
  .charm .ttl-box {
    background: url(../images/sale/charm-ttlBg_sp.jpg) no-repeat center center/cover;
    padding: 10.2vw 0 10vw;
    position: relative;
    z-index: 2;
    margin-bottom: 9.4vw;
  }
  .charm .ttl-box h2 {
    text-align: center;
  }
  .charm .inner {
    width: 89.375vw;
    margin-inline: auto;
    padding-bottom: 14vw;
  }
  .charm .photo {
    margin-bottom: 6.7vw;
  }
  .charm .photo img {
    width: 100%;
    height: auto;
  }
  .charm .ttl-wrap {
    display: flex;
    align-items: center;
    gap: 3vw;
    margin-bottom: 4.3vw;
  }
  .charm h3 {
    font-size:5.314vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: #357FC8;
  }
  .charm h3 span {
    display: block;
    margin: 0 0 0 -3vw;
  }
  .charm .num {
    font-size:6.763vw;
    line-height: 1.21428;
    letter-spacing: 0em;
    font-weight: 600;
    text-align: center;
    color: #357FC8;
    border: 0.2vw solid #357fc8;
    border-radius: 50%;
    width: 16.91vw;
    height: 16.91vw;
    padding: 4vw 0;
  }
  .charm .txt {
    font-size: 3.382vw;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 500;
    margin-bottom: 7vw;
  }

  .charm .content.charm01 .txt:last-child {margin-bottom: 11vw;}
  .charm .content.charm02 .txt:last-child {margin-bottom: 11vw;}
  .charm .content.charm03 .photo {
    margin-bottom: 5vw;
  }
  .charm .content.charm03 .ttl-wrap {
    align-items: flex-start;
    gap: 0vw;
    margin-bottom: 3.8vw;
  }
  .charm .content.charm03 h3 span {
    margin: 0 0 0 5vw;
    text-indent: -5vw;
    line-height: 1.40909;
  }

  /* bottom-box */
  .charm .bottom-box {
    background: #fff;
    border: 0.8vw solid #357fc8;
    padding: 0 4vw 6.8vw;
    position: relative;
    z-index: 2;
    margin-top: 22.7vw;
  }
  .charm .bottom-box h3 {
    position: relative;
    top: -8.7vw;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    background: #fff;
    width: 68vw;
    margin-inline: auto;
    text-align: center;
  }
  .charm .bottom-box h4 {
    text-align: center;
    margin: -1.4vw 0 4.6vw;
  }
  .charm .bottom-box .photo {margin-bottom: 3.7vw;}
  .charm .bottom-box .photo img {
    width: 100%;
    height: auto;
  }
  .charm .bottom-box .txt-box {
    margin-bottom: 3.2vw;
}
  .charm .bottom-box .txt {
    font-size:3.382vw;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 500;
  }
  .charm .bottom-box .txt:nth-child(2) {
    margin-bottom: 4.7vw;
  }
  .charm .bottom-box .txt:last-child {
    margin-bottom: 0;
  }
  .charm .bottom-box .txt span {
    font-weight: 500;
    font-size:3.382vw;
    letter-spacing: 0.05em;
    line-height: 2.1242857;
    text-align: left;
    color: #fff;
    background: #357FC8;
    padding: 0.5vw 0;
    margin: 0 1.3vw 0 2.2vw;
  }
  .charm .bottom-box .photo-frame {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5vw;
  }
  .charm .bottom-box .photo-frame img {
    width: 100%;
    height: auto;
  }

   /* more
  -------------------------------------*/
  .more {
    background: #FFFFFF;
  }
  .more .inner {
    width: 89.375vw;
    margin-inline: auto;
    text-align: center;
    padding: 15vw 0;
  }
  .more .inner h2 {
    font-weight: bold;
    font-size:3.865vw;
    letter-spacing: 0.05em;
    line-height: 1.85;
    text-align: center;
    position: relative;
    display: inline-block;
    margin: 0 0 1.2vw 1.4vw;
  }
  .more .inner h2::before,
  .more .inner h2::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3.625vw;
    height: 7.25vw;
  }
  .more .inner h2::before {
    left: -5.5vw;
    background: url(../images/sale/more-ttl-l.svg) no-repeat;
    background-size: contain;
  }
  .more .inner h2::after {
    right: -4.2vw;
    background: url(../images/sale/more-ttl-r.svg) no-repeat;
    background-size: contain;
  }
  .more .inner .enttl {
    font-weight: 600;
    font-size:12.077vw;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 7.2vw;
  }
  .more .link {
    display: grid;
    gap: 5vw;
  }
  .more .link img {
    width: 100%;
    height: auto;
  }

.more .link li{position:relative;}
.bnr-btnlist { position: absolute; bottom: 1.33vw; left: 0; right: 0; margin: 0 auto; }
.bnr-btnlist .name { background-color: #fff; width: 80.04vw; margin: 0 auto 1.88vw; background-image: url(../images/sale/sale-bnr-arrow.svg); background-position: right 2.65vw center; background-repeat: no-repeat; background-size:1.7vw; }
.bnr-btnlist .name a { display: block; padding: 2.5vw 0.88vw 2.5vw 0.88vw; font-size: 3.86vw; line-height: 1.6; letter-spacing: 0.25vw; text-align: center; }


.system-list-box{margin-inline: auto;padding: 7.5rem 0 !important;width: min(95%, 1100px);}
.system-contents{}
.system-contents .system-list{}
.system-contents .system-list li{}
.system-contents .system-list li .icon{background-color: #aaa;padding: 1.21vw 2.41vw 1.21vw 2.41vw;display: inline-block;color: #fff;}
.system-contents .system-list li .system-pic{}
.system-contents .system-list li .system-pic img{width: 80vw;height: 30vw;}
.system-contents .system-list li .system-ttl{font-size: 3.6vw;line-height: 1.5;letter-spacing: 0.25vw;}
.system-contents .system-list li .system-add{padding: 0 0 2.41vw 0;margin: 0 0 2.41vw 0;font-size: 3.86vw;line-height: 1.6;letter-spacing: 0.25vw;font-weight: 500;border-bottom: 1px solid #aaa;}
.system-contents .system-list li .system-build-menseki{font-size: 3.14vw;line-height: 1.6;letter-spacing: 0.25vw;}
.system-contents .system-list li .system-land-menseki{font-size: 3.14vw;line-height: 1.6;letter-spacing: 0.25vw;}
.system-contents .system-list li .system-fix{font-size: 3.14vw;line-height: 1.6;letter-spacing: 0.25vw;}
.system-contents .system-list li .icon01{background-color: #9F434A;}
.system-contents .system-list li .icon02{background-color: #436788;}




.system-list-box{margin-inline: auto;padding: 7.5rem 0 !important;width: min(95%, 1100px);}
.system-contents{}
.system-contents .system-list{}
.system-contents .system-list li{}
.system-contents .system-list li .icon{background-color: #aaa;padding: 1.21vw 2.41vw 1.21vw 2.41vw;display: inline-block;color: #fff;}
.system-contents .system-list li .system-pic{}
.system-contents .system-list li .system-pic img{width: 84.54vw;height:25vw;}
.system-contents .system-list li .system-ttl{font-size:3.8vw;line-height: 1.6;letter-spacing: 0.25vw;}
.system-contents .system-list li .system-add{padding: 0 0 2.41vw 0;margin: 0 0 2.41vw 0;font-size: 3.86vw;line-height: 1.6;letter-spacing: 0.25vw;font-weight: 500;border-bottom: 1px solid #aaa;}
.system-contents .system-list li .system-build-menseki{font-size: 3.38vw;line-height: 1.6;letter-spacing: 0.25vw;}
.system-contents .system-list li .system-land-menseki{font-size: 3.38vw;line-height: 1.6;letter-spacing: 0.25vw;}
.system-contents .system-list li .system-fix{font-size: 3.38vw;line-height: 1.6;letter-spacing: 0.25vw;}
.system-contents .system-ttl02{font-size: 5.8vw;font-weight: 700;letter-spacing: 0.25vw;line-height: 2;margin-bottom: 7.25vw;text-align: center; padding: 3vw 0px 2.41vw 0px;}
.system-contents .icon{background-color: #aaa;padding: 1.21vw 2.41vw 1.21vw 2.41vw;color: #fff;text-align: center;width: 33.82vw;margin: 0 auto;}

.system-contents .system-i-pic{}
.system-contents .system-i-pic img{height: auto;}
.system-contents .icon01{ background-color:#9F434A !important;}
.system-contents .icon02{background-color:#436788 !important;}

.system-detail-box{margin: 0 0 0 0;padding: 0 0 0 0 !important;}

.sale-table{width: 100%;margin: 0 auto 7.25vw;border-collapse: collapse;border-bottom: 1px solid #aaa;}
.sale-table th{padding: 3.62vw 3.62vw 3.62vw 3.62vw;width: 100%;text-align: left;font-size: 4.35vw;line-height: 1.6;letter-spacing: 0.25vw;background-color: #F4F2ED; display: block;border-top: 1px solid #aaa;border-left: 1px solid #aaa;border-right: 1px solid #aaa;}
.sale-table td{padding: 3.62vw 3.62vw 3.62vw 3.62vw;font-size: 4.35vw;line-height: 1.6;letter-spacing: 0.25vw;border-top: 1px solid #aaa; display: block;border-left: 1px solid #aaa;border-right: 1px solid #aaa;}

.price-frame{border-bottom: 1px solid #aaa;width: 100%;margin: 0 auto 9.66vw;padding: 0 0 2.41vw 0;}
.price-frame .sale-info-row-left{text-align:left;width: 19.32vw;font-size: 3.86vw;line-height: 1.6;letter-spacing: 0.25vw;}
.price-frame .sale-price{width: 100%;font-size: 6.28vw;line-height: 1.6;letter-spacing: 0.25vw;}

.system-gaiyo{width: 100%;margin: 0 auto 7.25vw;}
.system-gaiyo .gaiyo-table{border-collapse: collapse;width: 100%;border-bottom: 1px solid #A78F43;}
.system-gaiyo .gaiyo-table .sale-info-row{}
.system-gaiyo .gaiyo-table .sale-info-row-left{background-color: #F4F2ED;width: 100%;border-top: 1px solid #A78F43;border-left: 1px solid #A78F43;border-right: 1px solid #A78F43;text-align: left;font-size: 3.38vw;line-height: 1.6;letter-spacing: 0.25vw;padding: 2.41vw 2.41vw 2.41vw 2.41vw; display: block;}
.system-gaiyo .gaiyo-table .sale-info-row-right{border-top: 1px solid #A78F43;border-left: 1px solid #A78F43;border-right: 1px solid #A78F43;padding: 2.41vw 2.41vw 2.41vw 2.41vw;font-size: 3.38vw;line-height: 1.6;letter-spacing: 0.25vw; display: block;}

.wysiwyg{margin-bottom: 7.25vw;padding: 4.83vw 0 4.83vw 0;}



}