@charset "UTF-8";

/* 共通ここから ***************************/
.page-sp {
    display: none !important;
}

.br-sp {
    display: none !important;
}

.br-pc {
    display: block !important;
}

.sp-img {
    display: none !important;
}

.opa {
    transition: 0.4s;
}

.opa:hover {
    opacity: 0.7 !important;
}

.aline-l {
    text-align: left;
}

.aline-c {
    text-align: center;
}

.page-section {
    margin-top: 50px;
}

.page-section#sidebar {
    margin-top: 0px !important;
}

.page-section .section-ttl {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 0.1em;

    padding: 10px 20px;
    background-color: #467daf;
    border-radius: 5px;
    margin-bottom: 20px;
}

.page-section .section-ttl.bbnone {
    border-radius: 5px 5px 0 0 !important;
    margin-bottom: 0 !important;
}

.blue {
    color: #467daf;
}

.yellow {
    color: #ffea24;
}

.white {
    color: #fff;
}


.page-main {
    display: flex;
    align-items: flex-start;
    gap: 50px;
}

.page-main .page-main-left {
    max-width: 292px;
}

.page-main .sale-main-left img {
    width: 100%;
}

.page-main .page-main-right {
    flex: 1;
    width: 100%;
}

.section-sub-ttl {
    font-size: 30px;
    color: #467daf;
    letter-spacing: 0.05em;
    line-height: 1.5;
}

.section-txt {
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.6;
    color: #000;
    margin: 0;
    padding: 0;
}

.page-main .page-main-right p {
    font-size: 18px;
    color: #000000;
    letter-spacing: 0.1em;
    line-height: 1.6;
    margin-top: 20px;
}

.link-btn {
    position: relative;
    background-color: #467daf;
    border-radius: 5px;
    width: 234px;
    padding: 20px;
    display: block;
    margin: 0 auto;
}

.link-btn img {
    position: absolute;
    left: 25px;
    top: 43%;
    transform: translateX(-50%);
    width: 5px;
}

.link-btn p {
    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

/* フェードインアップ */
.scrollIn {
    opacity: 0;
    /* 最初は非表示 */
    transform: translateY(1.6rem);
    /* 下に1.6remずらす */
    transition: opacity 0.5s, transform 0.5s;
    /* 変化は0.5秒でアニメーション */
}

.scrollIn.active {
    opacity: 1;
    /* 表示 */
    transform: none;
    /* 元の位置に戻す */
}

/* フェードインアップここまで */

/* サイドバーアンカーリンクメニュー */

.fix-menu-box .menu-items .menu {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1.2;
    margin-bottom: 20px;
    transition: 0.5s;
}

.fix-menu-box .menu-items .menu:last-child {
    margin-bottom: 0;
}

.fix-menu-box .menu-items .menu:hover {
    color: #467daf;
}

.fix-menu-box .menu-items .menu.active {
    color: #467daf;
}

.fix-menu-box .menu-items .menu>a {
    position: relative;
    padding-left: 20px;
}

.fix-menu-box .menu-items .menu>a::after {
    content: '';
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 0;
    width: 10px;
    height: 2px;
    transition: .5s all;
    background-color: #467daf;
    margin-left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.fix-menu-box .menu-items .menu a:hover {
    opacity: 1;
}

.fix-menu-box-sp {
    display: none !important;
}

@media (max-width: 1200px) {
    .fix-menu-box .menu-items .menu {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .fix-menu-box-pc {
        display: none !important;
    }

    .fix-menu-box-sp {
        display: block !important;
        margin: 50px 0;
    }

    .fix-menu-box .menu-items .menu {
        font-size: 20px;
        line-height: 1;
    }

}

@media (max-width: 767px) {}

/* サイドバーアンカーリンクメニューここまで */


@media (max-width: 1200px) {
    .page-main {
        gap: 25px;
    }

    .page-main .page-main-left {
        max-width: 242px;
    }


    .section-sub-ttl {
        font-size: 25px;
    }

    .page-main .page-main-right p {
        font-size: 16px;
    }

    .section-txt {
        font-size: 16px;
    }
}

@media (max-width: 820px) {
    .page-main {
        flex-direction: column;
    }

    .page-main .page-main-left {
        max-width: 292px;
        margin: 0 auto;
    }

}

@media (max-width: 768px) {
    .page-sp {
        display: block !important;
    }

    .page-pc {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .br-sp {
        display: block !important;
    }

    .br-pc {
        display: none !important;
    }

    .pc-img {
        display: none !important;
    }

    .sp-img {
        display: block !important;
    }

    .page-main .page-main-left {
        max-width: 220px;
        margin: 0 auto;
    }

    .section-sub-ttl {
        font-size: 20px;
        color: #467daf;
        letter-spacing: 0.05em;
        line-height: 1.3;
    }

    .page-main .page-main-right p {
        font-size: 15px;
        color: #000000;
        letter-spacing: 0.1em;
        line-height: 1.5;
        margin-top: 20px;
    }

    .page-section .section-ttl {
        font-size: 20px;
        font-weight: bold;
        color: #ffffff;
        letter-spacing: 0;
        padding: 10px 0;
        background-color: #467daf;
        border-radius: 3px;
        margin-bottom: 20px;
        text-align: center;
    }

    .section-txt {
        font-size: 15px;
        line-height: 1.5;
    }


    .page-section .section-ttl.bbnone {
        border-radius: 3px 3px 0 0 !important;
        margin-bottom: 0 !important;
    }

    .link-btn {
        position: relative;
        background-color: #467daf;
        border-radius: 5px;
        max-width: 295px;
        width: 100%;
        padding: 15px;
        display: block;
        margin: 0 auto;
    }

    .link-btn p {
        font-size: 15px;
        letter-spacing: 0.05em;
        line-height: 1;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
    }

}

/* 共通ここまで ***************************/

/* contact-boxここから ***************************/
.contact-box {
    background-color: #467daf;
    border-radius: 5px;
    padding: 40px;
}

.contact-box .secTtl .secTtl_en,
.contact-box .secTtl .secTtl_ja {
    color: #fff !important;
}

.contact-box .contact-txt {
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.6;

    margin: 30px 0 50px;
}

.contact-box .contact-btn-wrap {
    display: flex;
}

.contact-box .contact-btn-wrap .contact-btn {
    margin-right: 10px;
    width: calc((100% - 20px) / 3);
    height: 80px;
    padding: 10px 20px;
    justify-content: center;
}

.contact-box .contact-btn-wrap .contact-btn:last-child {
    margin-right: 0;
}

.contact-box .contact-btn-wrap .tel-btn {
    background-color: #ffea24;
    border-radius: 5px;
}

.contact-box .contact-btn-wrap .tel-btn .flex {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 0;
    justify-content: center;
}

.contact-box .contact-btn-wrap .tel-btn .flex img {
    width: 20px;
    height: auto;
}

.contact-box .contact-btn-wrap .tel-btn .flex p {
    font-size: 25px;
    letter-spacing: 0.029em;
    font-weight: bold;
    color: #467daf;
}

.contact-box .contact-btn-wrap .tel-btn .sub-txt {
    font-size: 12px;
    letter-spacing: 0.05em;
    font-weight: bold;
    color: #467daf;
    text-align: center;
}

.contact-box .contact-btn-wrap .line-btn {
    background-color: #fff;
    border-radius: 5px;
}

.contact-box .contact-btn-wrap .mail-btn {
    background-color: #45ad88;
    border-radius: 5px;
}

.contact-box .contact-btn-wrap .line-btn,
.contact-box .contact-btn-wrap .mail-btn {
    display: flex;
    gap: 20px;
    align-items: center;
}

.contact-box .contact-btn-wrap .line-btn img {
    width: 40px;
    height: auto;
}

.contact-box .contact-btn-wrap .mail-btn img {
    width: 27px;
    height: auto;
}

.contact-box .contact-btn-wrap .line-btn p,
.contact-box .contact-btn-wrap .mail-btn p {
    font-size: 20px;
    letter-spacing: 0.029em;
    font-weight: bold;
}

.contact-box .contact-btn-wrap .line-btn p {
    color: #333333;
}

.contact-box .contact-btn-wrap .mail-btn p {
    color: #fff;
}

@media (max-width: 1200px) {
    .contact-box .contact-btn-wrap .tel-btn .flex img {
        width: 17px;
    }

    .contact-box .contact-btn-wrap .tel-btn .flex p {
        font-size: 20px;
    }

    .contact-box .contact-btn-wrap .tel-btn .sub-txt {
        font-size: 11px;
    }

    .contact-box .contact-btn-wrap .tel-btn {
        display: flex;
        flex-direction: column;
    }

    .contact-box .contact-btn-wrap .line-btn,
    .contact-box .contact-btn-wrap .mail-btn {
        gap: 10px;
    }

    .contact-box .contact-btn-wrap .line-btn img {
        width: 25px;
    }

    .contact-box .contact-btn-wrap .mail-btn img {
        width: 23px;
    }

    .contact-box .contact-btn-wrap .line-btn p,
    .contact-box .contact-btn-wrap .mail-btn p {
        font-size: 16px;
    }

    .contact-box .contact-txt {
        font-size: 16px;
    }
}

@media (max-width: 820px) {
    .contact-box .contact-btn-wrap {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .contact-box .contact-btn-wrap .contact-btn {
        margin-right: 0;
        width: 100%;
        height: 60px;
        padding: 10px 35px;
        justify-content: center;
    }

    .contact-box .contact-btn-wrap .tel-btn .flex p {
        font-size: 25px;
        line-height: 1;
    }

    .contact-box .contact-btn-wrap .tel-btn .sub-txt {
        font-size: 13px;
    }

    .contact-box .contact-btn-wrap .line-btn,
    .contact-box .contact-btn-wrap .mail-btn {
        gap: 20px;
    }

    .contact-box .contact-btn-wrap .line-btn img {
        width: 40px;
    }

    .contact-box .contact-btn-wrap .line-btn p,
    .contact-box .contact-btn-wrap .mail-btn p {
        font-size: 20px;
    }

    .contact-box .contact-btn-wrap .mail-btn img {
        width: 27px;
    }

    .contact-box .contact-txt {
        margin: 20px 0;
    }
}


@media (max-width: 767px) {
    .contact-box {
        padding: 20px;
    }

    .contact-box .contact-txt {
        margin: 20px 0;
        font-size: 15px;
        line-height: 1.5;
    }

    .contact-box .contact-btn-wrap .tel-btn .flex img {
        width: 12px;
    }
}


/* contact-boxここまで ***************************/

/* saleここから ***************************/

.merit-list-wrap {
    display: flex;
    flex-wrap: wrap;
}

.merit-list-wrap .merit-list {
    width: calc((100% - 20px) / 3);
    margin-right: 10px;
    margin-bottom: 10px;

    display: flex;
    align-items: center;
    gap: 10px;

    background-color: #f2f2f2;
    border-radius: 1px;
    padding: 10px 20px;
}

.merit-list-wrap .merit-list:nth-child(3n) {
    margin-right: 0;
}

.merit-list-wrap .merit-list:nth-child(7),
.merit-list-wrap .merit-list:nth-child(8),
.merit-list-wrap .merit-list:nth-child(9) {
    margin-bottom: 0;
}

.merit-list-wrap .merit-list img {
    width: 30px;
    height: auto;
}

.merit-list-wrap .merit-list p {
    font-size: 20px;
    letter-spacing: 0.05em;
    color: #467daf;
    font-weight: bold;
    line-height: 1.2;
}

#sale-merit .section-sub-ttl {
    margin: 50px auto;
}


#sale-trouble .trouble-list-wrap {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

#sale-trouble .trouble-list-wrap .trouble-list {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 30px;
    border: 2px solid #547b99;
    border-radius: 3px;
}

#sale-trouble .trouble-list-wrap .trouble-list:nth-child(2n) {
    margin-right: 0;
}

#sale-trouble .trouble-list-wrap .trouble-list:nth-child(5),
#sale-trouble .trouble-list-wrap .trouble-list:nth-child(6) {
    margin-bottom: 0;
}

#sale-trouble .trouble-list-wrap .trouble-list .trouble-list-top {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding-bottom: 30px;
}

#sale-trouble .trouble-list-wrap .trouble-list .trouble-list-top img {
    width: 40px;
}

#sale-trouble .trouble-list-wrap .trouble-list .trouble-list-top .trouble-list-top-txt {
    flex: 1;
    padding-top: 5px;
}

#sale-trouble .trouble-list-wrap .trouble-list .trouble-list-top .trouble-list-top-txt h3 {
    font-size: 20px;
    letter-spacing: 0.05em;
    color: #467daf;
    font-weight: bold;
    margin-bottom: 20px;
}

#sale-trouble .trouble-list-wrap .trouble-list .trouble-list-top .trouble-list-top-txt p {
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.6;
    color: #000;
}

#sale-trouble .trouble-list-wrap .trouble-list .trouble-list-bottom {
    padding-top: 30px;
    border-top: 1px solid #999999;
    width: 100%;
}

#sale-trouble .trouble-list-wrap .trouble-list .trouble-list-bottom p {
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.6;
    color: #467daf;
}


.cost .cost-wrap {
    background-color: #f2f2f2;
    border-radius: 0 0 10px 10px;
    padding: 50px;
}

.cost .cost-wrap .cost-top {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding-bottom: 50px;
}

.cost .cost-wrap .cost-top img {
    width: 40px;
    height: auto;
}

.cost .cost-wrap .cost-top .cost-top-txt {
    flex: 1;
}

.cost .cost-wrap .cost-top .cost-top-txt p {
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.1em;
    background-color: #467daf;
    border-radius: 15px;
    display: inline-block;
    padding: 0 8px;
}

.cost .cost-wrap .cost-top .cost-top-txt h3 {
    font-size: 20px;
    letter-spacing: 0.1em;
    color: #467daf;
    margin: 10px 0;
}

.cost .cost-wrap .cost-top .cost-top-txt .cost-top-txt-list {
    display: flex;
    gap: 20px;
}

.cost .cost-wrap .cost-top .cost-top-txt .cost-top-txt-list li {
    position: relative;
    padding-left: 1.6em;
    list-style: none;
    /* font-size: 14px; */
    font-size: 16px;
    letter-spacing: 0;
}

.cost .cost-wrap .cost-top .cost-top-txt .cost-top-txt-list li::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 16px;
    height: 12px;
    /* left: 10px;
    top: 27%;
    transform: translateY(-50%) translateX(-50%);
    width: 14px;
    height: 10px; */
    background: url(../images/sale/cost-check.png) no-repeat center center;
    background-size: contain;
}

.cost .cost-wrap .cost-bottom {
    border-top: 1px solid #999999;
    display: flex;
    padding: 50px 10px 0;
}

/* .cost .cost-wrap .cost-bottom {
    display: flex;
    padding: 0 10px;
} */

.cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap {
    flex: 1;
}

.cost .cost-wrap .cost-bottom .cost-bottom-right {
    flex: none;
    width: 35px;
    margin: 0 40px;
    display: flex;
    align-items: end;
    margin-bottom: 180px;
}

.cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .balloon1 {
    position: relative;
    display: inline-block;
    padding: 15px;
    width: 100%;
    font-size: 18px;
    background: #fff;
    border-radius: 1px;
    color: #000;
    text-align: center;
}

.cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .balloon1::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-top: 11px solid #fff;
}

.cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .balloon1 .big {
    font-size: 20px;
    margin-bottom: 5px;
    letter-spacing: 0.07em;
    font-weight: bold;
    line-height: 1;
}

.cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-img-wrap {
    padding: 20px 25px;
}

.cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-img {
    border-radius: 10px;
    width: 100%;
    height: 168px;
    object-fit: cover;
}

.cost .cost-wrap .cost-bottom .cost-bottom-after .balloon1 {
    background: #467daf;
}

.cost .cost-wrap .cost-bottom .cost-bottom-after .balloon1::before {
    border-top: 11px solid #467daf;
}

.cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    margin-bottom: 1px;
    align-items: center;
}

.cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dt {
    font-size: 16px;
    letter-spacing: 0.07em;
    font-weight: bold;
}

.cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dd {
    font-size: 16px;
    letter-spacing: 0.07em;
    font-weight: bold;
}

.cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dd span {
    font-size: 30px;
    vertical-align: sub;
}


.cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dd .sign {
    font-size: 16px;
}


.cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart .doted {
    border: 4px dotted #547b99;
    color: #547b99 !important;
}

.cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart .bg-gray {
    background-color: #999999;
    color: #fff !important;
}

.cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart .bg-green {
    background-color: #45ad88;
    color: #fff !important;
}

.cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart .bg-yellow {
    background-color: #ffea24;
    color: #467daf !important;
    line-height: 1.2;
}

.cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart .mg-4 {
    margin-top: -4px;
}

.cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .result {
    margin-top: 20px;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: center;
}

.cost .cost-wrap .cost-bottom .cost-bottom-after .result {
    color: #467daf;
}

.cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .result span {
    font-size: 40px;
    letter-spacing: 0.1em;
    font-weight: bolder;
    vertical-align: sub;
}


.flow .flow-list-wrap {
    background-color: #d5e6ef;
    border-radius: 0 0 10px 10px;
    padding: 50px;
    width: 100%;
    display: flex;
    gap: 50px 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.flow .flow-list-wrap3 .flow-list {
    width: calc((100% - 40px) / 3);
}

/* .flow .flow-list-wrap3 .flow-list:nth-child(7),
.flow .flow-list-wrap3 .flow-list:nth-child(8) {
    margin-bottom: 0;
} */

.flow .flow-list-wrap4 .flow-list {
    width: calc((100% - 60px) / 4);
}

/* 
.flow .flow-list-wrap4 .flow-list:nth-child(5),
.flow .flow-list-wrap4 .flow-list:nth-child(6),
.flow .flow-list-wrap4 .flow-list:nth-child(7),
.flow .flow-list-wrap4 .flow-list:nth-child(8) {
    margin-bottom: 0;
}

.flow .flow-list-wrap .flow-list {
    margin-bottom: 50px;
} */

.flow .flow-list-wrap .flow-list .flow-list-img-wrap {
    position: relative;
    width: 100%;
    /* height: 168px; */
    height: auto;
}

.flow .flow-list-wrap .flow-list .flow-list-img-wrap .flow-img {
    width: 100%;
    height: 100%;
}

.flow .flow-list-wrap .flow-list .flow-list-img-wrap .flow-number-img {
    position: absolute;
    width: 50px;
    height: 67px;
    left: 0;
    top: 0;
}

.flow .flow-list-wrap .flow-list h2 {
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.1em;
    line-height: 1;
    color: #467daf;
    margin: 20px 0;
}

.flow .flow-list-wrap .flow-list p {
    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 1.5;
    color: #000000;
    font-weight: 500;
}


#sale-document .document-list-wrap {
    margin: 20px 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#sale-document .document-list-wrap .document-list {
    width: calc((100% - 10px) / 2);
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 10px 20px;
}

#sale-document .document-list-wrap .document-list p {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.07em;
    color: #467daf;
}

#sale-document .document-important {
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.6;
    color: #467daf;
    padding-left: 1.2em;
    text-indent: -1.2em;
}

#buy-contract.borderedSliderContainer,
#sale-contract.borderedSliderContainer {
    margin-top: 50px;
}

#buy-contract .borderedSlider,
#sale-contract .borderedSlider {
    margin-bottom: 50px;
}


.qa .modern-accordion {
    width: 100%;
    margin: 0 auto 50px;
    --primary-color: #2563eb;
    --text-color: #1f2937;
    --border-color: #e5e7eb;
}

.qa .accordion-item {
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f2f2f2;
}

.qa .modern-accordion .accordion-item:last-child {
    margin-bottom: 0;
}

.qa .accordion-header {
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s;
}

.qa .header-content {
    text-align: left;
    width: calc((100% - 30px));
}

.qa .label {
    font-size: 14px;
    color: var(--primary-color);
    margin-bottom: 4px;
    display: block;
}

.qa .title {
    font-size: 20px;
    color: #000000;
    letter-spacing: 0.1em;
    line-height: 1.2;
    margin: 0;
    font-weight: bold;
}

.qa .icon-wrap {
    position: relative;
    width: 20px;
    height: 20px;
}

.qa .line {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #467daf;
    transition: transform 0.3s ease;
}

.qa .line:first-child {
    transform: translateY(-50%);
}

.qa .line:last-child {
    transform: translateY(-50%) rotate(90deg);
}

.qa .accordion-header.active .line:last-child {
    transform: translateY(-50%) rotate(0);
}

.qa .accordion-body {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-out;
}

.qa .body-content {
    padding: 20px 0;
    border-top: 1px solid #467daf;
    margin: 0 20px;
}

.qa .body-content p {
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 1.7;
    font-weight: 600;
    color: #000;
}

/* アニメーション用の状態 */
.qa .accordion-body.entering {
    height: var(--content-height);
}

.qa .accordion-body.leaving {
    height: 0;
}

@media (max-width: 1200px) {

    .merit-list-wrap .merit-list {
        padding: 10px 15px;
    }

    .merit-list-wrap .merit-list img {
        width: 25px;
    }

    .merit-list-wrap .merit-list p {
        font-size: 16px;
    }

    #sale-trouble .trouble-list-wrap .trouble-list {
        padding: 20px;
    }

    #sale-trouble .trouble-list-wrap .trouble-list .trouble-list-top img {
        padding-top: 8px;
    }

    #sale-trouble .trouble-list-wrap .trouble-list .trouble-list-top .trouble-list-top-txt p {
        font-size: 16px;
    }

    #sale-trouble .trouble-list-wrap .trouble-list .trouble-list-bottom p {
        font-size: 16px;
    }


    .cost .cost-wrap {
        padding: 20px;
    }


    .flow .flow-list-wrap {
        padding: 20px;
    }

    .flow .flow-list-wrap .flow-list p {
        font-size: 16px;
    }


    #sale-document .document-list-wrap .document-list p {
        font-size: 16px;
    }

    #sale-document .document-important {
        font-size: 16px;
    }

    .qa .title {
        font-size: 18px;
    }


    .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl {
        padding: 10px;
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dt {
        font-size: 15px;
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dd {
        font-size: 15px;
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dd span {
        font-size: 26px;
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dd .sign {
        font-size: 15px;
    }
}

@media (max-width: 820px) {
    .merit-list-wrap {
        flex-direction: column;
    }

    .merit-list-wrap .merit-list {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px !important;
        height: 80px;
        padding: 20px 25px;
        border-radius: 3px;
    }

    .merit-list-wrap .merit-list:last-child {
        margin-bottom: 0 !important;
    }

    .merit-list-wrap .merit-list img {
        width: 35px;
    }

    .merit-list-wrap .merit-list p {
        font-size: 20px;
    }

    #sale-trouble .trouble-list-wrap {
        margin-top: 20px;
        flex-direction: column;
    }

    #sale-trouble .trouble-list-wrap .trouble-list {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px !important;
        padding: 20px;
    }

    #sale-trouble .trouble-list-wrap .trouble-list:last-child {
        margin-bottom: 0 !important;
    }

    #sale-trouble .trouble-list-wrap .trouble-list .trouble-list-top img {
        padding-top: 0;
    }

    #sale-trouble .trouble-list-wrap .trouble-list .trouble-list-top {
        padding-bottom: 20px;
    }

    #sale-trouble .trouble-list-wrap .trouble-list .trouble-list-bottom {
        padding-top: 20px;
    }


    .cost .cost-wrap .cost-bottom {
        flex-direction: column;
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-right {
        flex: 1;
        width: 100%;
        margin: 25px auto;
        display: flex;
        justify-content: center;
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-right img {
        transform: rotate(90deg);
        width: 35px;
    }


    .flow .flow-list-wrap3 .flow-list {
        width: calc((100% - 20px) / 2);
    }


    #sale-document .document-list-wrap {
        flex-direction: column;
    }

    #sale-document .document-list-wrap .document-list {
        width: 100%;
        padding: 10px 15px;
    }

    #sale-document .document-list-wrap .document-list p {
        font-size: 20px;
    }

    .qa .header-content {
        text-align: left;
        width: calc((100% - 40px));
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-img {
        height: 248px;
    }
}

@media (max-width: 767px) {
    #sale-trouble .trouble-list-wrap .trouble-list {
        border-radius: 5px;
    }

    #sale-trouble .trouble-list-wrap .trouble-list .trouble-list-top img {
        padding-top: 4px;
    }

    #sale-trouble .trouble-list-wrap .trouble-list .trouble-list-top .trouble-list-top-txt p {
        font-size: 15px;
        line-height: 1.5;
    }

    #sale-trouble .trouble-list-wrap .trouble-list .trouble-list-bottom p {
        font-size: 15px;
        line-height: 1.5;
    }


    .cost .cost-wrap .cost-top {
        padding-bottom: 25px
    }

    .cost .cost-wrap .cost-top .cost-top-txt p {
        font-size: 15px;
        color: #fff;
        letter-spacing: 0.1em;
        background-color: #467daf;
        border-radius: 15px;
        display: inline-block;
        padding: 0 10px;
    }

    .cost .cost-wrap .cost-top .cost-top-txt .cost-top-txt-list {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }

    .cost .cost-wrap .cost-top .cost-top-txt .cost-top-txt-list li::before {
        content: "";
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 13.5px;
        height: 10px;
        background: url(../images/sale/cost-check.png) no-repeat center center;
        background-size: contain;
    }

    .cost .cost-wrap .cost-top .cost-top-txt .cost-top-txt-list li {
        position: relative;
        padding-left: 25px;
        font-size: 15px;
        list-style: none;
    }

    .cost .cost-wrap .cost-bottom {
        border-top: 1px solid #999999;
        display: flex;
        padding: 25px 0 0;
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .balloon1 {
        position: relative;
        display: inline-block;
        padding: 15px;
        width: 100%;
        font-size: 17px;
        background: #fff;
        border-radius: 1px;
        color: #000;
        text-align: center;
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-after .balloon1 {
        background: #467daf !important;
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .balloon1 .big {
        font-size: 19px;
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-img {
        border-radius: 5px;
        width: 100%;
        height: 160px;
        object-fit: cover;
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl {
        padding: 10px 20px;
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dt {
        font-size: 15px;
        letter-spacing: 0.07em;
        font-weight: bold;
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dd span {
        font-size: 28px;
        line-height: 1;
        letter-spacing: 0.1em;
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dd {
        font-size: 15px;
        letter-spacing: 0.07em;
        font-weight: bold;
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dd .sign {
        font-size: 15px;
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .result {
        margin-top: 15px;
        font-size: 19px;
        color: #000000;
        font-weight: bold;
        letter-spacing: 0.1em;
        line-height: 1;
        text-align: center;
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-after .result {
        color: #467daf;
    }

    .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .result span {
        font-size: 38px;
        letter-spacing: 0.1em;
        font-weight: bolder;
    }


    .flow .flow-list-wrap {
        border-radius: 0 0 5px 5px;
    }

    .flow .flow-list-wrap {
        padding: 20px;
        flex-direction: column;
        gap: 25px;
    }

    .flow .flow-list-wrap3 .flow-list {
        width: 100%;
    }


    .flow .flow-list-wrap .flow-list .flow-list-img-wrap {
        position: relative;
        width: 100%;
        height: auto;
        /* height: 196px; */
    }


    .flow .flow-list-wrap .flow-list .flow-list-img-wrap .flow-number-img {
        position: absolute;
        width: 58px;
        height: auto;
        left: 0;
        top: 0;
    }

    .flow .flow-list-wrap .flow-list p {
        font-size: 15px;
    }

    #sale-document .document-list-wrap .document-list p {
        font-size: 20px;
        line-height: 1.3;
    }


    .qa .line {
        height: 2px;
    }

    .qa .title {
        font-size: 20px;
        line-height: 1.25;
    }

    .qa .body-content {
        padding: 10px 0 20px;
        margin: 0 20px 0;
    }

    .qa .body-content p {
        font-size: 15px;
        letter-spacing: 0.05em;
        line-height: 1.5;
        font-weight: normal;
        color: #000;
    }

}

#sale-important img {
    width: 100%;
}

/* saleここまで ***************************/

/* buyここから ***************************/

#buy-main.page-main {
    gap: 100px;
}

#buy-main.page-main .page-main-left {
    padding-left: 50px;
}

#buy-main.page-main .page-main-left img {
    width: 200px;
}

#buy-merit .section-sub-ttl {
    margin: 50px auto;
}

#buy-merit .buy-chart-wrap table th:nth-child(2) {
    width: 73.5%;
    border-left: 1px solid #999999;
}

#buy-merit .buy-chart-wrap table {
    margin-top: 20px;
}

#buy-chart .buy-merit-main-sub-ttl,
#buy-merit .buy-merit-main-sub-ttl {
    margin-bottom: 20px;
    margin-top: 0;
}

#buy-chart .section-sub-txt,
#buy-merit .section-sub-txt {
    text-align: center;
    margin-bottom: 20px;
}

#buy-cost .cost-bottom-chart {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid #999999;
}

#buy-cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    margin-bottom: 0;
    align-items: center;

    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    background-color: #d5e6ef;
}

#buy-cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl:nth-child(11),
#buy-cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl:nth-child(12) {
    border-bottom: none;
}

#buy-cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl.bg-w {
    background-color: #fff;
}

#buy-cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl:nth-child(2n) {
    border-right: none;
}

#buy-cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dt {
    line-height: 1.25;
    font-weight: 500;
}

#buy-cost .cost-wrap .cost-bottom {
    padding: 50px 0px 0;
    align-items: center;
}

#buy-cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dd {
    letter-spacing: 0;
}

#buy-cost .cost-wrap .cost-bottom .cost-bottom-right {
    margin: 0 30px 130px;
}

#buy-cost .color-b {
    color: #467daf !important;
}

#buy-cost .cost-wrap .difference-wrap {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    color: #ff0000;
    align-items: center;
    margin-top: 25px;
}

#buy-cost .cost-wrap .difference-wrap .difference-txt {
    font-size: 20px;
    margin-right: 20px;
    font-weight: bold;
}

#buy-cost .cost-wrap .difference-wrap .difference {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
}

#buy-cost .cost-wrap .difference-wrap .difference span {
    font-size: 40px;
    letter-spacing: 0.1em;
    font-weight: 900;
}

.buy-chart-wrap table {
    width: 100%;
    border: 1px solid #999999;
    border-spacing: 0;
}

.buy-chart-wrap table th {
    width: calc((100%) / 3);
    /* width: 26.5%; */
    padding: 10px;
    background-color: #467daf;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
}

#buy-chart .buy-chart-wrap table tr th:nth-child(2) {
    /* width: 18.5%; */
}

#buy-chart .buy-chart-wrap table tr th:nth-child(3),
#buy-chart .buy-chart-wrap table tr th:nth-child(4),
#buy-chart .buy-chart-wrap table tr th:nth-child(5),
#buy-chart .buy-chart-wrap table tr th:nth-child(6) {
    /* width: 13.7%; */
}

#buy-chart .buy-chart-wrap table tr th:nth-child(4),
#buy-chart .buy-chart-wrap table tr th:nth-child(5),
#buy-chart .buy-chart-wrap table tr th:nth-child(6) {
    border-left: 1px solid #999999;
}

.buy-chart-wrap table td {
    padding: 10px;
    text-align: center;
    color: #000000;
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.3;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
}

#buy-merit .buy-chart-wrap table td:last-child {
    border-left: 1px solid #999999;
}

.buy-chart-wrap table td:nth-child(1),
.buy-chart-wrap table td:last-child {
    border-right: none;
}

.buy-chart-wrap table .bg-gray {
    background-color: #f2f2f2;
    font-size: 20px;
    font-weight: bold;
}

.buy-chart-wrap table td.bg-gray span {
    font-size: 14px;
}

.buy-chart-wrap table .color-b {
    color: #467daf;
    font-weight: bold;
}

#buy-chart .buy-chart-wrap table tr th:nth-child(2) {
    border-top: 5px solid #ff0000;
    border-left: 5px solid #ff0000;
    border-right: 5px solid #ff0000;
}

#buy-chart .buy-chart-wrap table tr td:nth-child(2) {
    border-left: 5px solid #ff0000;
    border-right: 5px solid #ff0000;
}

#buy-chart .buy-chart-wrap table tr:last-child td:nth-child(2) {
    border-bottom: 5px solid #ff0000;
}

#buy-chart .buy-chart-wrap table tbody tr:nth-child(8) td:nth-child(2) {
    border-bottom: 5px solid #ff0000;
}

#buy-chart .buy-chart-wrap table tbody tr:nth-child(10) td:nth-child(2) {
    border-top: 5px solid #ff0000;
}


#buy-flow .flow-list-wrap .flow-list .flow-list-img-wrap {
    height: auto;
}

#buy-flow .flow-list-wrap .flow-list .flow-list-img-wrap .flow-img {
    height: 100%;
}

#buy-flow .flow-list-wrap .flow-list h2 {
    line-height: 1.2;
}

#buy-flow .flow-list-wrap .flow-list h2 span {
    font-size: 14px;
}

#buy-merit .scroll-hint-wrap,
#buy-chart .scroll-hint-wrap {
    display: none !important;
}

@media (max-width: 1200px) {
    #buy-cost .cost-wrap .cost-bottom .cost-bottom-right {
        margin: 0 20px 40px;
    }

    #buy-cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dt {
        font-size: 13px;
    }

    #buy-cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dd span {
        font-size: 20px;
    }

    #buy-cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dd {
        font-size: 13px;
    }


    .buy-chart-wrap table .bg-gray {
        font-size: 18px;
    }

    .buy-chart-wrap table td {
        font-size: 16px;
    }


    #buy-flow .flow-list-wrap .flow-list .flow-list-img-wrap {
        height: auto;
    }

    #buy-flow .flow-list-wrap .flow-list .flow-list-img-wrap .flow-number-img {
        width: 40px;
        height: auto;
    }

    #buy-main.page-main {
        gap: 50px;
    }

}

@media (max-width: 1024px) {
    .flow .flow-list-wrap4 .flow-list {
        width: calc((100% - 20px) / 2);
    }

    #buy-flow .flow-list-wrap .flow-list .flow-list-img-wrap .flow-number-img {
        width: 60px;
        height: auto;
    }
}

@media (max-width: 820px) {
    #buy-main.page-main {
        gap: 25px;
    }

    #buy-main.page-main .page-main-left {
        padding-left: 0;
    }


    #buy-cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap {
        width: 100%;
    }

    #buy-cost .cost-wrap .cost-bottom .cost-bottom-right {
        margin: 25px auto;
    }


    .buy-chart-wrap table .bg-gray {
        font-size: 16px;
    }

    .buy-chart-wrap table td {
        font-size: 14px;
    }

}

@media (max-width: 767px) {
    #buy-main.page-main .page-main-left img {
        width: 157px;
    }

    #buy-merit {
        position: relative;
    }

    #buy-merit .buy-chart-wrap table td.bg-gray span {
        font-size: 10px;
    }

    #buy-cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dd span {
        font-size: 25px;
        letter-spacing: 0;
    }

    #buy-cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .cost-bottom-chart dl dd {
        font-size: 12px;
    }

    #buy-cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .result span {
        font-size: 33px;
    }

    #buy-chart {
        position: relative;
    }

    #buy-merit .scroll-hint-wrap,
    #buy-chart .scroll-hint-wrap {
        display: block !important;
    }

    #buy-merit .scroll-hint,
    #buy-chart .scroll-hint {
        position: absolute;

        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        pointer-events: none;

        opacity: 1;
        visibility: visible;
        transition: opacity 0.6s ease, visibility 0.6s ease;
    }

    #buy-merit .scroll-hint {
        top: 79.5%;
    }

    #buy-chart .scroll-hint {
        top: 65%;
    }

    #buy-merit .scroll-hint.is-hidden,
    #buy-chart .scroll-hint.is-hidden {
        opacity: 0;
        visibility: hidden;
    }

    #buy-merit .scroll-hint img,
    #buy-chart .scroll-hint img {
        width: 125px;
        display: block;
    }

    .buy-chart-wrap {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        /* position: relative; */
    }

    #buy-merit .buy-chart-wrap table {
        /* white-space: nowrap; */
        width: 518px;
        margin-bottom: 20px;
    }

    #buy-chart .buy-chart-wrap table {
        white-space: nowrap;
        width: 900px;
        margin-bottom: 20px;
    }

    #buy-merit table th {
        width: 218px;
    }

    #buy-merit .buy-chart-wrap table th:nth-child(2) {
        width: 300px;
    }

    .buy-chart-wrap table th {
        width: 300px;
        font-size: 20px;
        line-height: 1.2;
        height: 50px;
    }

    .buy-chart-wrap table .bg-gray {
        font-size: 20px;
        line-height: 1.2;
    }

    #buy-merit .buy-chart-wrap table .bg-gray {
        font-size: 20px;
        line-height: 1.2;
    }

    #buy-merit .buy-chart-wrap table td {
        font-size: 15px;
        word-break: break-word;
        text-align: left;
    }

    .buy-chart-wrap table td {
        height: 50px;
        font-size: 18px;
    }

    .buy-chart-wrap::-webkit-scrollbar {
        height: 5px;
        /* スクロールバーの高さ */
        width: 105px;
    }

    .buy-chart-wrap::-webkit-scrollbar-thumb {
        background-color: #999;
        border-radius: 8px;
        /* ツマミの色 */
    }


    .flow .flow-list-wrap4 .flow-list {
        width: 100%;
    }

    #buy-flow .flow-list-wrap .flow-list .flow-list-img-wrap .flow-number-img {
        width: 80px;
        height: auto;
    }

    #buy-chart .buy-merit-main-sub-ttl,
    #buy-merit .buy-merit-main-sub-ttl {
        text-align: left;
    }

    #buy-chart .section-sub-txt,
    #buy-merit .section-sub-txt {
        text-align: left;
    }

}

/* buyここまで ***************************/

/* aboutここから ***************************/

#about-benefit {
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 10px;

    padding: 50px;
}

#about-benefit .secTtl {
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: 10px;
}

#about-benefit .secTtl .secTtl_en_about {
    color: #467daf;
    font-weight: bold;
}

#about-benefit .secTtl .secTtl_ja_about {
    color: #000000;
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 0.05em;
    line-height: 1.5;
}

#about-benefit .flow-list-wrap {
    background-color: #fff;
}

#about-benefit .flow-list-wrap {
    background-color: #fff;
    border-radius: 0;
    padding: 0;
    width: 100%;
    display: flex;
    gap: 50px 20px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

#about-benefit .flow-list-wrap .flow-list .flow-list-img-wrap {
    height: auto;
}

#about-benefit .flow-list-wrap .flow-list h2 {
    line-height: 1.5;
}


#about-greeting .greeting-wrap {
    display: flex;
    gap: 60px;
}

#about-greeting .greeting-wrap .greeting-img {
    max-width: 200px;
    width: 100%;
}

#about-greeting .greeting-wrap .greeting-img img {
    margin-bottom: 20px
}

#about-greeting .greeting-wrap .greeting-img .name-sub {
    color: #000000;
    letter-spacing: 0.1em;
    font-size: 16px;
    text-align: right;
}

#about-greeting .greeting-wrap .greeting-img .name {
    color: #000000;
    letter-spacing: 0.1em;
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
    text-align: right;
}

#about-greeting .greeting-wrap .greeting-txt {
    width: calc(100% - 260px);
}

#about-greeting .greeting-wrap .greeting-txt p {
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.6;
    color: #000;
}


#about-overview .bg-blue {
    background-color: #d5e6ef;
    border-radius: 0 0 10px 10px;
    padding: 40px 50px;
}

#about-overview .bg-blue dl {
    display: flex;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 20px;

    gap: 50px;
    margin-bottom: 10px;
    align-items: center;
}

#about-overview .bg-blue dl dt {
    font-size: 20px;
    letter-spacing: 0.09em;
    color: #467daf;
    font-weight: bold;
    text-align: justify;
    text-align-last: justify;
    width: 20%;
}

#about-overview .bg-blue dl .overview-en {
    display: flex;
    justify-content: space-between;
}

#about-overview .bg-blue dl .overview-en span {
    text-align: center;
}

#about-overview .bg-blue dl dd {
    font-size: 18px;
    letter-spacing: 0.1em;
    color: #000;
    width: 80%;
    line-height: 1.6;
}

#about-overview .bg-blue dl dd p {
    margin-bottom: 20px;
}

#about-overview .bg-blue dl dd p:last-child {
    margin-bottom: 0;
}

#about-overview .bg-blue dl dd p .dd-ttl {
    font-size: 20px;
    color: #467daf;
    display: block;
    font-weight: 500;
}

#about-overview .bg-blue dl dd p .dd-txt {
    font-size: 18px;
    line-height: 1.66;
}

#about-group .img-group-sp {
    display: none !important;
}

#about-group .img-group {
    margin-bottom: 50px;
}


#about-qa iframe {
    width: 100%;
    height: 300px;
    border-radius: 5px;
}

@media (max-width: 1200px) {

    #about-benefit {
        padding: 20px;
    }

    #about-benefit .secTtl .secTtl_ja_about {
        font-size: 25px;
    }

    #about-greeting .greeting-wrap {
        gap: 30px;
    }

    #about-greeting .greeting-wrap .greeting-txt {
        width: calc(100% - 230px);
    }

    #about-overview .bg-blue {
        padding: 20px;
    }

    #about-overview .bg-blue dl {
        gap: 30px;
    }

    #about-overview .bg-blue dl dt {
        font-size: 16px;
        width: 25%;
    }

    #about-overview .bg-blue dl dd {
        font-size: 15px;
        width: 75%;
    }

    #about-overview .bg-blue dl dd p {
        margin-bottom: 10px;
    }

    #about-overview .bg-blue dl dd p:last-child {
        margin-bottom: 0px;
    }

    #about-overview .bg-blue dl dd p .dd-ttl {
        font-size: 16px;
    }

    #about-overview .bg-blue dl dd p .dd-txt {
        font-size: 15px;
    }
}

@media (max-width: 820px) {
    #about-greeting .greeting-wrap {
        flex-direction: column-reverse;
        gap: 30px;
    }

    #about-greeting .greeting-wrap .greeting-img {
        margin: 0 auto;
    }

    #about-greeting .greeting-wrap .greeting-txt {
        width: 100%;
    }


    #about-overview .bg-blue dl {
        gap: 10px;
        flex-direction: column;
        padding: 20px;
    }

    #about-overview .bg-blue dl dt {
        font-size: 20px;
        text-align: left;
        text-align-last: unset;
        width: 100%;
        line-height: 1.2;
    }

    #about-overview .bg-blue dl .overview-en {
        justify-content: flex-start;
    }

    #about-overview .bg-blue dl dd {
        width: 100%;
        line-height: 1.7;
    }

    #about-overview .bg-blue dl dd p .dd-ttl {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    #about-group .img-group-sp {
        display: block !important;
        margin-bottom: 50px;
    }

    #about-group .img-group {
        display: none !important;
    }


    #about-benefit {
        border: 1.5px solid #000;
        border-radius: 5px;
    }

    #about-benefit .secTtl {
        border-radius: 5px;
    }

    #about-benefit .secTtl .secTtl_en_about {
        color: #467daf;
        font-weight: bold;
        font-size: 10px;
    }

    #about-benefit .secTtl .secTtl_ja_about {
        font-size: 20px;
    }

    #about-benefit .flow-list-wrap .flow-list .flow-list-img-wrap .flow-number-img {
        width: 80px;
    }

    #about-benefit .flow-list-wrap .flow-list h2 {
        line-height: 1.1;
    }

    #about-greeting .greeting-wrap .greeting-txt p {
        font-size: 15px;
        line-height: 1.5;
    }

    #about-overview .bg-blue dl {
        margin-bottom: 20px;
    }

    #about-overview .bg-blue dl:last-child {
        margin-bottom: 0;
    }

    #about-overview .bg-blue dl dd {
        letter-spacing: 0.05em;
    }

    #about-group .img-group-sp a {
        margin-top: 20px;
        display: block;
    }

    #about-group .img-group-sp a .business {
        font-size: 10px;
        letter-spacing: 0.09em;
        font-weight: bold;
        color: #467daf;
        margin-bottom: 5px;
    }

    #about-group .img-group-sp a .lnc {
        font-size: 10px;
        letter-spacing: 0.09em;
        font-weight: bold;
        color: #000000;
    }

    #about-group .img-group-sp a .company {
        font-size: 20px;
        letter-spacing: 0.09em;
        font-weight: bold;
        color: #000000;
    }

    #about-qa iframe {
        width: 100%;
        height: 223px;
        border-radius: 5px;
    }
}

/* aboutここまで ***************************/

/* privacy-policyここから ***************************/
.p-privacypolicy .fixedBnr {
    display: none !important;
}

#privacy-policy.page-section {
    margin-top: 0;
    margin-bottom: 100px;
}

#privacy-policy .privacy-policy-main p {
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: #000;
}

#privacy-policy .privacy-policy-list-wrap {
    margin-bottom: 50px;
}

#privacy-policy .privacy-policy-list-wrap .privacy-policy-list {
    margin-top: 50px;
}

#privacy-policy .privacy-policy-list-wrap .privacy-policy-list h3 {
    font-size: 30px;
    letter-spacing: 0.05em;
    font-weight: bold;
    color: #467daf;
    line-height: 1;
    padding-bottom: 20px;
    border-bottom: 1px solid #999999;
}

#privacy-policy .privacy-policy-list-wrap .privacy-policy-list p {
    padding-top: 20px;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: #000;
}

#privacy-policy .privacy-policy-list-wrap .privacy-policy-list ul {
    padding-top: 20px;
}

#privacy-policy .privacy-policy-list-wrap .privacy-policy-list ul li {
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: #000;
    text-indent: -1em;
    padding-left: 1em;
}

#privacy-policy .privacy-policy-list-wrap .privacy-policy-list .ul-sub {
    padding-left: 1em;
}

@media (max-width: 1024px) {
    #privacy-policy .privacy-policy-list-wrap .privacy-policy-list h3 {
        font-size: 25px;
    }
}

@media (max-width: 767px) {
    #privacy-policy.page-section {
        margin-top: 0;
        margin-bottom: 50px;
    }

    #privacy-policy .privacy-policy-main p {
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: 0.1em;
    }

    #privacy-policy .privacy-policy-list-wrap .privacy-policy-list h3 {
        font-size: 20px;
        line-height: 1.3;
    }

    #privacy-policy .privacy-policy-list-wrap .privacy-policy-list p {
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: 0.1em;
    }

    #privacy-policy .privacy-policy-list-wrap .privacy-policy-list ul li {
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: 0.1em;
    }
}

/* privacy-policyここまで ***************************/

/* sitemapここから ***************************/

#sitemap.page-section {
    margin-top: 0;
}

#sitemap .sitemap-wrap {
    border: 2px solid #547b99;
    border-radius: 10px;
    padding: 50px;

    display: flex;
    flex-wrap: wrap;
    gap: 0 50px;
    margin-bottom: 100px;
}

#sitemap .sitemap-wrap a {
    display: block;
    width: calc((100% - 50px) / 2);
    padding: 20px 0;
    border-bottom: 1px solid #999999;
}

#sitemap .sitemap-wrap a:nth-child(1),
#sitemap .sitemap-wrap a:nth-child(2) {
    border-top: 1px solid #999999;
}

#sitemap .sitemap-wrap a .sitemap-list {
    display: flex;
    align-items: center;
}

#sitemap .sitemap-wrap a .sitemap-list img {
    margin-right: 10px;
    width: 7px;
    height: auto;
}

#sitemap .sitemap-wrap a .sitemap-list p {
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 1.2;
    font-weight: bold;
    color: #467daf;
}

@media (max-width: 820px) {
    #sitemap .sitemap-wrap {
        padding: 30px;
        gap: 0 25px;
    }

    #sitemap .sitemap-wrap a {
        width: calc((100% - 25px) / 2);
    }
}

@media (max-width: 767px) {
    #sitemap .sitemap-wrap {
        margin-bottom: 50px;
        padding: 50px 20px;
        border-radius: 5px;
        gap: 0;
        flex-direction: column;
    }

    #sitemap .sitemap-wrap a {
        width: 100%;
    }

    #sitemap .sitemap-wrap a:nth-child(2) {
        border-top: none;
    }

    #sitemap .sitemap-wrap a .sitemap-list img {
        margin-right: 15px;
    }
}

/* sitemapここまで ***************************/

/* q_and_aここから ***************************/

#q_and_a {
    margin-top: 0;
}

#sidebar .section-ttl {
    text-align: center;
}

#q_and_a .section-ttl {
    text-align: center;
}

@media (max-width: 768px) {
    .page-section#sidebar {
        margin-top: 5rem !important;
    }

    /* #q_and_a .section-ttl {
        text-align: left;
    } */
}

/* q_and_aここまで ***************************/

/* アーカイブnewsここから ***************************/

#news {
    margin-top: 0;
}

#news .articleList {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 20px;
    margin-bottom: 100px;
}

#news .articleList li {
    width: calc((100% - 40px) / 3);
}

#news .articleList li:hover .articleList_pic img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#news .articleList li .articleList_pic {
    overflow: hidden;
    border-radius: 10px;
}

#news .articleList li .articleList_pic img {
    height: 191px;
    object-fit: cover;
    border-radius: 10px;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

/* noImage.png の場合だけ枠線を出す */
#news .articleList li .articleList_pic.noimage {
    border: 2px solid #f2f2f2;
}

#news .articleList li .flex_date_cat {
    margin-top: 20px;
}

#news .articleList li .flex_date_cat .date {
    font-size: 14px;
    letter-spacing: 0.05em;
    color: #467daf;
    font-weight: 500;
    display: flex;
    align-items: center;
    line-height: 1;
}

#news .articleList li .flex_date_cat .date::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    /* 文字との間隔 */
    background-color: #ffea24;
    border-radius: 50%;
    vertical-align: middle;
    /* 文字の高さに揃える */
}

#news .articleList li .flex_date_cat .post_title {
    margin-top: 10px;
    font-size: 20px;
    letter-spacing: 0.05em;
    color: #000000;
    font-weight: bold;
    line-height: 1.25;
}

.sidebar-archive.page-section {
    margin-top: 0px;
}

.sidebar-archive .section-ttl {
    text-align: center;
}

.sidebar-archive select {
    border: 2px solid #547b99;
    border-radius: 0 0 5px 5px;
    width: 100%;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
}

.sidebar-archive .select-wrapper select {
    -webkit-appearance: none;
    /* Safari, Chrome */
    -moz-appearance: none;
    /* Firefox */
    appearance: none;
    /* 標準 */
    background: none;
    /* 背景アイコンも消す */
}

.sidebar-archive .select-wrapper {
    position: relative;
}

.sidebar-archive .select-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 2px solid #547b99;
    border-right: 2px solid #547b99;
    -webkit-transform: translateY(-2px) rotate(135deg);
    transform: translateY(-2px) rotate(135deg);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#news .archive__pagination .pagination {
    display: flex;
    justify-content: center;
}

#news .archive__pagination .pagination .eaves {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.05em;
}

#news .archive__pagination .pagination .page-numbers {
    background-color: #f2f2f2;
    border-radius: 5px;
    width: 50px;
    height: 50px;
    font-size: 18px;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 0 10px;
}

#news .archive__pagination .pagination .page-numbers.current {
    background-color: #467daf;
    color: #fff;
}

#news .archive__pagination .pagination .prev {
    margin: 0 50px 0 0 !important;
    background-color: transparent !important;
    width: auto !important;
}

#news .archive__pagination .pagination .next {
    margin: 0 0 0 50px !important;
    background-color: transparent !important;
    width: auto !important;
}

#news .archive__pagination .pagination .dots {
    background-color: transparent !important;
    color: #467daf !important;
    width: auto !important;
    margin: 0 !important;

    font-size: 0 !important;
}

.dots {
    position: relative;
}

.dots::after {
    content: "....";
    font-size: 16px;
    margin-top: -5px;
    letter-spacing: 0;
}

@media (max-width: 1200px) {
    .sidebar-archive select {
        font-size: 15px;
    }

    #news .articleList li .articleList_pic img {
        height: 171px;
    }

    #news .articleList li .flex_date_cat .post_title {
        font-size: 15px;
    }
}

@media (max-width: 1024px) {
    #news .archive__pagination .pagination .page-numbers {
        margin: 0 5px;
        width: 40px;
        height: 40px;
    }

    #news .archive__pagination .pagination .prev {
        margin: 0 10px 0 0 !important;
    }

    #news .archive__pagination .pagination .next {
        margin: 0 0 0 10px !important;
    }
}

@media (max-width: 820px) {
    .sidebar-archive select {
        font-size: 13px;
        padding: 10px 10px;
    }

    .sidebar-archive .select-wrapper::before {
        right: 10px;
    }

    #news .articleList li {
        width: calc((100% - 20px) / 2);
    }

    #news .articleList li .articleList_pic img {
        height: 210px;
    }
}

@media (max-width: 768px) {
    .fix-menu-box-sp {
        display: block !important;
        margin: 50px 0 !important;
    }

}

@media (max-width: 767px) {

    #news .archive__pagination .pagination .eaves {
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0.05em;
    }

    #news .archive__pagination .pagination .page-numbers {
        margin: 0 5px;
        width: 30px;
        height: 30px;
        font-size: 15px;
    }

    .page-numbers.dots::after {
        content: "......";
        font-size: 10px;
        letter-spacing: 0;
        margin-top: -5px;
    }

    #news .archive__pagination .pagination .prev {
        margin: 0 15px 0 0 !important;
    }

    #news .archive__pagination .pagination .next {
        margin: 0 0 0 15px !important;
    }

    .sidebar-archive select {
        font-size: 20px;
        padding: 13px 30px;
    }

    .sidebar-archive .select-wrapper::before {
        right: 30px;
        width: 10px;
        height: 10px;
    }

    #news .articleList {
        gap: 20px;
        margin-bottom: 50px;
        flex-direction: column;
    }

    #news .articleList li {
        width: 100%;
    }

    #news .articleList li .articleList_pic img {
        height: 223px;
        border-radius: 5px;
    }

    #news .articleList li .articleList_pic {
        border-radius: 5px;
    }

    #news .articleList li .flex_date_cat .date::before {
        margin-right: 7px;
    }

    #news .articleList li .flex_date_cat .date {
        font-size: 14px;
    }

    #news .articleList li .flex_date_cat .post_title {
        font-size: 20px;
        line-height: 1.37;
    }
}

@media (max-width: 390px) {
    #news .archive__pagination .pagination .prev {
        margin: 0 5px 0 0 !important;
    }

    #news .archive__pagination .pagination .next {
        margin: 0 0 0 5px !important;
    }
}

/* アーカイブnewsここまで ***************************/

/* single-newsここから ***************************/

.news-single .article {
    border: 2px solid #547b99;
    border-radius: 10px;
    padding: 50px;
}

.news-single .flex_date_cat .date {
    font-size: 14px;
    letter-spacing: 0.05em;
    color: #467daf;
    font-weight: 500;
    display: flex;
    align-items: center;
    line-height: 1;
}

.news-single .flex_date_cat .date::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    background-color: #ffea24;
    border-radius: 50%;
    vertical-align: middle;
}

.news-single .flex_date_cat .post_title {
    margin-top: 20px;
    font-size: 18px;
    letter-spacing: 0.05em;
    color: #000000;
    font-weight: bold;
    line-height: 1.25;
}

.news-single .flex_date_cat {
    padding-bottom: 30px;
    border-bottom: 2px solid #467daf;
}

.news-single .article-content {
    padding-top: 50px;
}

/* .news-single .article-content .post-thumbnail {
    width: 100%;
    padding-bottom: 50px;
}

.news-single .article-content .post-thumbnail img {
    margin: 0 auto;
} */

.news-single .article-content .text-area p {
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.6;
    color: #000000;
}

/* .news-single .article-content .text-area img {
    margin: 50px auto;
} */

.news-single .article-content .alignleft {
    margin-right: auto;
}

.news-single .article-content .alignright {
    margin-left: auto;
}

.news-single .article-content .aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.gallery-item {
    box-sizing: border-box;
    /* パディングやボーダーを含めてサイズを計算 */
    padding: 0 10px;
    /* 画像間の余白 */
    margin: 0 0 20px;
    /* 下の画像との余白 */
    width: 100%;
    /* デフォルトは100%で、以下で上書き */
    float: none;
    /* floatを無効化 */
}

/* ギャラリーのカラム数に応じて幅を調整 */
.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33.333%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

/* さらに多いカラム数にも対応 */
.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.666%;
}

.gallery-columns-7 .gallery-item {
    width: 14.285%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.111%;
}

.news-single .page-donation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    margin-top: 100px;
}

.news-single .page-donation .page-donation-item {
    flex: 1;
    /* 基本は均等に広がる */
    max-width: calc((100% - 100px) / 3);
}

.news-single .page-donation .link-btn {
    flex: 0 1 234px;
    /* 中央だけ固定幅 */
    width: 234px;
    margin: 0 auto;
}

.news-single .page-donation a {
    display: block;
    width: 100%;
}

.news-single .page-donation .prev-link {
    text-align: right;
}

.news-single .page-donation .next-link {
    text-align: left;
}

.news-single .page-donation a:not(.link-btn) {
    font-size: 18px;
    letter-spacing: 0.05em;
    color: #000000;
    font-weight: bolder;
    transition: 0.4s;
}

.news-single .page-donation a:not(.link-btn):hover {
    opacity: 0.7;
}

@media (max-width: 1024px) {
    .news-single .article {
        border: 2px solid #547b99;
        border-radius: 10px;
        padding: 50px 20px;
    }

    .news-single .article-content .text-area p {
        font-size: 16px;
    }

    .news-single .page-donation {
        margin-top: 50px
    }
}

@media (max-width: 767px) {

    .news-single .article {
        border: 2px solid #547b99;
        border-radius: 5px;
        padding: 50px 20px;
    }

    .news-single .flex_date_cat {
        padding-bottom: 25px;
        border-bottom: 2px solid #467daf;
    }

    .news-single .flex_date_cat .date::before {
        margin-right: 7px;
    }

    .news-single .flex_date_cat .date {
        font-size: 14px;
    }

    .news-single .flex_date_cat .post_title {
        margin-top: 10px;
        font-size: 20px;
        line-height: 1.37;
    }

    .news-single .article-content {
        padding-top: 20px;
    }

    /* .news-single .article-content .post-thumbnail {
        width: 100%;
        padding-bottom: 20px;
    } */

    .news-single .article-content .text-area p {
        font-size: 15px;
        letter-spacing: 0.1em;
        line-height: 1.5;
        color: #000000;
    }

    /* .news-single .article-content .text-area img {
        margin: 20px auto;
    } */


    .news-single .page-donation .link-btn {
        flex: 150px;
        max-width: 150px;
        width: 100%;
        margin: 0 auto;
    }

    .news-single .page-donation a:not(.link-btn) {
        font-size: 15px;
    }
}

/* single-newsここまで ***************************/

/* Contactここから ***************************/

#contact .mt50 {
    margin-top: 50px;
}

#contact .contact-wrap {
    border: 2px solid #547b99;
    border-radius: 10px;
    padding: 50px;
}

#contact .contact-wrap .contact-main .blue {
    color: #467daf !important;
}

#contact .contact-wrap .contact-main .contact_txts .blue {
    margin-top: 20px;
    color: #467daf;
}

#contact .contact-wrap .contact-main .contact_txt {
    font-size: 18px;
    /* letter-spacing: 0.05em; */
    letter-spacing: 0;
    line-height: 1.5;
    color: #000000;
    font-weight: 450;

    text-align: center;
}

#contact .contact-wrap .contact-main .contact_property-inspection-wrap {
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 20px 35px;
    margin: 50px 0;
}

#contact .contact-wrap .contact-main .contact_property-inspection-wrap h3 {
    color: #467daf;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.2;
    margin-bottom: 20px;
}

#contact .contact-wrap .contact-main .important {
    text-indent: -1em;
    padding-left: 1em;
}

#contact .contact-wrap .contact-main .contactform-contactwrap {
    display: flex;
    gap: 10px;
}

#contact .contact-wrap .contact-main .contactform-contactwrap a {
    display: block;
    width: calc((100% - 10px) / 2);
    padding: 20px;
    border-radius: 5px;
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#contact .contact-wrap .contact-main .contactform-contactwrap .number {
    background-color: #ffea24;
}

#contact .contact-wrap .contact-main .contactform-contactwrap .contact_line {
    background-color: #467daf;
}

#contact .contact-wrap .contact-main .contactform-contactwrap a h3 {
    font-size: 20px;
    letter-spacing: 0.05em;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
}

#contact .contact-wrap .contact-main .contactform-contactwrap .number h3 {
    color: #467daf;
}

#contact .contact-wrap .contact-main .contactform-contactwrap .contact_line h3 {
    color: #fff;
}

#contact .contact-wrap .contact-main .contactform-contactwrap .number .number-flex {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

#contact .contact-wrap .contact-main .contactform-contactwrap .contact_line .contact_line-flex {
    display: flex;
    align-items: center;
    gap: 10px;
}

#contact .contact-wrap .contact-main .contactform-contactwrap .number .number-flex img {
    width: 30px;
    height: auto;
}

#contact .contact-wrap .contact-main .contactform-contactwrap .number .number-flex p {
    font-size: 40px;
    letter-spacing: 0;
    font-weight: bold;
    color: #467daf;
    line-height: 1.2;
}

#contact .contact-wrap .contact-main .contactform-contactwrap .number .numbersub-txt {
    font-size: 18px;
    letter-spacing: 0.05em;
    color: #467daf;
    text-align: center;
}

#contact .contact-wrap .contact-main .contactform-contactwrap .contact_line img {
    width: 80px;
    height: auto;
}

#contact .contact-wrap .contact-main .contactform-contactwrap .contact_line p {
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 1.5;
    color: #fff;
}


/*----- STER BAR -----*/
#contact .contact_stepBar {
    background-color: #467daf;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    counter-reset: number 0;
}

#contact .contact_stepBar .contact_step {
    display: flex;
    gap: 1rem;
    align-items: center;
    color: #ffea24;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.16;
    position: relative;
    text-align: center;
}

#contact .contact_stepBar .contact_step::before {
    counter-increment: number 1;
    content: counter(number, decimal-leading-zero);
}


#contact .contact_stepBar .contact_step:not(:last-child) {
    margin-right: 8rem;
}

#contact .contact_stepBar .contact_step:not(:last-child)::after {
    content: '';
    width: 6.5px;
    height: 11px;
    position: absolute;
    left: 100%;
    top: calc(50% - 0.25em);
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%2011.97%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M7%2C5.97c0%2C.13-.03.26-.08.38-.05.12-.13.23-.23.34L1.7%2C11.68c-.2.2-.43.3-.7.3s-.5-.1-.7-.3C.1%2C11.48%2C0%2C11.24%2C0%2C10.96c0-.28.1-.52.3-.71l4.27-4.27L.3%2C1.7C.1%2C1.5%2C0%2C1.27%2C0%2C1S.1.5.3.3C.5.1.74%2C0%2C1.01%2C0c.28%2C0%2C.52.1.71.3l4.96%2C4.96c.1.1.18.22.23.34.05.12.08.25.08.38Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") center center/contain no-repeat;
    margin-left: 3rem;
}

/*[mw wp form 入力画面]*/
#contact .contact_stepBar.-input .contact_step-2,
#contact .contact_stepBar.-input .contact_step-3 {
    color: #FFF;
}

/*[mw wp form 確認画面]*/
#contact .contact_stepBar.-confirm .contact_step-3 {
    color: #FFF;
}

#contact .contact_stepBar.-confirm .contact_step-1::after {
    background: url("../images/contact/contact_step-img-color.png") center center/contain no-repeat;
}

/*[mw wp form 送信完了画面]*/
#contact .contact_stepBar.-thanks .contact_step:not(:last-child)::after {
    background: url("../images/contact/contact_step-img-color.png") center center/contain no-repeat;
}

#contact .secTtl.-thanks {
    font-size: 2.0rem;
    font-weight: bold;
    text-align: center;
    border: none;
}

#contact.contact-thanks .contact-wrap {
    margin-bottom: 50px;
}

#contact.contact-thanks .contact-main .contact_txt {
    font-size: 20px;
    letter-spacing: 0.05em;
    /* line-height: ; */
    color: #467daf;
    font-weight: bold;
    text-align: center;
}

.contact-thanks .formBox.-thanks p {
    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 1.5;
    text-align: center;
    font-weight: 450;
}

/* FORM */
.formBox {
    margin-top: 30px;
}

.formBox .tbl_contact {
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
}

.formBox .tbl_contact th,
.formBox .tbl_contact td {
    border-bottom: solid 1px #999999;
}

.formBox .tbl_contact th {
    position: relative;
    width: 29rem;
    padding: 40px 0;
}

.formBox .tbl_contact th .inner {
    display: flex;
    align-items: center;
}

.formBox .tbl_contact td {
    width: auto;
    padding: 40px 0 40px 40px;
}

.formBox .tbl_contact input,
.formBox .tbl_contact textarea,
.formBox .tbl_contact select {
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-break: break-word;
    background-color: #f2f2f2;
    border-radius: 5px;
    border: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: auto;
    font-size: 16px;
    padding: 20px;
    margin: 0;
    max-width: none;
    width: 100%;
}

input:focus,
textarea:focus,
select:focus {
    outline: 2px solid #999;
}

.formBox .tbl_contact th .inner .js-span-wrap {
    text-align: justify;
    text-align-last: justify;
    flex: 1;

    font-size: 20px;
    letter-spacing: 0;
    color: #467daf;
}

.formBox .required {
    background-color: #ffea24;
    border-radius: 1px;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;

    width: 55px;
}

.formBox .tbl_contact th .inner .required {
    margin-left: 20px;
}

.formBox .agreeBox {
    margin: 50px 0;
}

.formBox .agreeBox .agree_txt {
    margin-bottom: 30px;
    font-size: 18px;
    color: #333;
    line-height: 1.5;
    letter-spacing: 0.05em;
    text-align: center;
    font-weight: 450;
}

.formBox .agreeBox .agree_txt a {
    color: #467daf;
    text-decoration: underline;
}

.formBox .agreeBox .agree_check {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.formBox .agreeBox .agree_check .mwform-checkbox-field {
    /* margin-left: 20px; */
}

.mwform-checkbox-field input,
.mwform-radio-field input {
    display: inline-block;
    border-color: #333;
}

.formBox .agreeBox .agree_check .mwform-checkbox-field-text {
    color: #333;
    font-size: 18px;
}

.contact-confirm .-clear {
    display: none;
}

.formBox .btnBox .link-btn {
    position: relative;
    background-color: #467daf;
    border-radius: 5px;
    width: 234px;
    padding: 20px;
    display: block;
    margin: 0 auto;

    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #ffffff;
    font-weight: bold;
    text-align: center;

    border: none;
}

.formBox .btnBox {
    display: flex;
    justify-content: center;
}

/* back ボタンが直前にある場合 */
.formBox .btnBox .btn_wrap.-back+.btn_wrap:last-child {
    margin-left: 40px;
}

/* clear ボタンが直前にある場合 */
.formBox .btnBox .btn_wrap.-clear+.btn_wrap:last-child {
    margin-left: 40px;
}

.formBox .btnBox .-clear .link-btn,
.formBox .btnBox .-back .link-btn {
    background-color: #999999;
}


.contact-thanks .formBox.-thanks {
    margin-top: 50px;
}

/* 売りたいの相談 */
.formBox .tbl_contact input[type=checkbox] {
    width: 16px;
    height: 16px;
    border: 1px solid #999999;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    margin-right: 6px;
}

.formBox .tbl_contact input[type=checkbox]:checked {
    background: var(--color01);
    border: none;
}

.formBox .tbl_contact td p {
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.05em;
    font-weight: 450;
    color: #000;

    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.formBox .tbl_contact td p:last-child {
    margin-bottom: 0;
}

.formBox .tbl_contact td .red {
    color: #ff0000;
    padding-left: 1em;
    text-indent: -1em;
}

.formBox .tbl_contact td p label {
    align-items: center;
    display: flex;
}

.formBox .tbl_contact td p label .mwform-checkbox-field-text {
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 450;
}

.formBox .tbl_contact td p .mwform-checkbox-field {
    margin-left: 0;
}

/* 売りたいの相談END */
.contact-confirm .input_only {
    display: none !important;
}

.contact-confirm .formBox .tbl_contact td p {
    margin-bottom: 0;
}

@media (max-width: 1200px) {
    #contact .contact-wrap .contact-main .contactform-contactwrap a {
        height: 140px;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap .number .number-flex img {
        width: 22.5px;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap .number .number-flex p {
        font-size: 30px;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap .number .numbersub-txt {
        font-size: 15px;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap .contact_line p {
        font-size: 15px;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap .contact_line img {
        width: 60px;
    }
}

@media (max-width: 1023px) {
    #contact .contact-wrap .contact-main .contact_txt {
        font-size: 15px;
        /* text-align: left; */
    }

    #contact .contact-wrap .contact-main .contact_txts .blue {
        text-align: center;
    }

    #contact .contact-wrap .contact-main .contact_property-inspection-wrap h3 {
        font-size: 20px;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap a h3 {
        font-size: 16PX;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap .number .number-flex img {
        width: 17.5px;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap .number .number-flex p {
        font-size: 23px;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap .number .numbersub-txt {
        font-size: 13px;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap .contact_line p {
        font-size: 13px;
    }

    /*----- STER BAR -----*/
    #contact .contact_stepBar {
        padding: 10px 20px;
    }

    /* FORM */
    .formBox .tbl_contact th,
    .formBox .tbl_contact td {
        display: block;
        width: 100%;
    }

    .formBox .tbl_contact th {
        padding: 20px 0;
        border: none;
    }

    .formBox .tbl_contact th .inner .js-span-wrap {
        text-align: left;
        text-align-last: auto;
        flex: none;
    }

    .formBox .tbl_contact td {
        padding: 0 0 20px 0;
    }

    .formBox .tbl_contact input,
    .formBox .tbl_contact textarea,
    .formBox .tbl_contact select {
        font-size: 15px;
        padding: 12px 10px;
    }

    .formBox .agreeBox .agree_txt {
        font-size: 15px;
    }

    .formBox .required {
        font-size: 14px;
    }

    .formBox .agreeBox .agree_check .mwform-checkbox-field-text {
        color: #333;
        font-size: 15px;
    }

    .mwform-checkbox-field label,
    .mwform-radio-field label {
        display: flex;
        align-items: center;
    }

    .formBox .btnBox .link-btn {
        width: 200px;
    }

}

@media (max-width: 820px) {
    #contact .contact-wrap .contact-main .contactform-contactwrap {
        flex-direction: column;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap a {
        height: auto;
        width: 100%;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap a h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap .number .number-flex img {
        width: 30px;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap .number .number-flex p {
        font-size: 40px;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap .number .numbersub-txt {
        font-size: 18px;
        margin-top: 20px;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap .contact_line p {
        font-size: 20px;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap .contact_line img {
        width: 80px;
    }
}

@media (max-width: 767px) {
    #contact .contact-wrap {
        border: 2px solid #547b99;
        border-radius: 5px;
        padding: 50px 20px;
    }

    #contact .contact-wrap .contact-main .contact_txt {
        font-size: 15px;
        text-align: left;
        letter-spacing: 0.05em;
    }

    #contact .contact-wrap .contact-main .contact_property-inspection-wrap {
        padding: 25px;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap .number .number-flex img {
        width: 22.5px;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap .number .number-flex p {
        font-size: 30px;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap .number .numbersub-txt {
        font-size: 15px;
        margin-top: 20px;
    }


    #contact .contact-wrap .contact-main .contactform-contactwrap .contact_line .contact_line-flex {
        gap: 20px;
        flex-direction: column-reverse;
    }

    #contact .contact-wrap .contact-main .contactform-contactwrap .contact_line p {
        font-size: 15px;
        text-align: left;
    }

    /*----- STER BAR -----*/
    #contact .contact_stepBar .contact_step:not(:last-child) {
        margin-right: 4rem;
    }

    #contact .contact_stepBar .contact_step {
        font-size: 15px;
        gap: 5px;
    }

    #contact .contact_stepBar .contact_step:not(:last-child)::after {
        content: '';
        width: 8.5px;
        height: 15px;
        position: absolute;
        left: 100%;
        top: calc(50% - 0.5em);
        margin-left: 1.8rem;
    }

    /* FORM */

    .formBox .tbl_contact th .inner .js-span-wrap {
        letter-spacing: 0.05em;
    }

    .formBox .required {
        font-size: 15px;
    }

    .formBox .agreeBox {
        margin: 25px 0 50px;
    }

    .formBox .agreeBox .agree_txt {
        font-size: 15px;
        text-align: left;
    }

    .formBox .agreeBox .agree_check {
        align-items: center;
        flex-direction: column;
        gap: 10px;
    }

    .formBox .agreeBox .agree_check .mwform-checkbox-field {
        margin-left: 0;
    }

    .mwform-checkbox-field input,
    .mwform-radio-field input {
        margin-right: 10px;
    }

    .formBox .agreeBox .agree_check {
        margin-bottom: 0;
    }

    .formBox .btnBox {
        flex-direction: column;
    }

    .formBox .btnBox .link-btn {
        width: 100%;
        border-radius: 5px;
        max-width: 295px;
        padding: 15px;
        display: block;
    }

    /* back ボタンが直前にある場合 */
    .formBox .btnBox .btn_wrap.-back+.btn_wrap:last-child {
        margin-left: 0px;
        margin-top: 10px;
    }

    /* clear ボタンが直前にある場合 */
    .formBox .btnBox .btn_wrap.-clear+.btn_wrap:last-child {
        margin-left: 0px;
        margin-top: 10px;
    }

    #contact.contact-thanks .contact-main .contact_txt {
        text-align: center;
        line-height: 1.37;
        font-size: 20px;
    }

    .contact-thanks .formBox.-thanks {
        margin-top: 50px;
    }

    .contact-thanks .formBox.-thanks p {
        font-size: 15px;
        line-height: 1.5;
        text-align: left;
    }

    /* 売りたいの相談 */
    .formBox .tbl_contact td p {
        font-size: 15px;
        line-height: 1.5;
        flex-direction: column;
    }

    .formBox .tbl_contact input[type=checkbox] {
        width: 21px;
        height: 21px;
    }

    .formBox .tbl_contact td p label .mwform-checkbox-field-text {
        font-size: 20px;
        letter-spacing: 0.05em;
        font-weight: 450;
    }

    /* 売りたいの相談END */
}

/* Contactここまで ***************************/

/* closed-movedここから ***************************/

.br-sp1024 {
    display: none !important;
}

.closed-moved .flow .flow-list-wrap {
    background-color: transparent;
    padding: 0;
}

.closed-moved .cost .cost-wrap .cost-top {
    gap: 40px;
    align-items: center;
    padding-bottom: 0;
}

.closed-moved .cost .cost-wrap .cost-top img {
    width: 230px;
}

.closed-moved .cost .cost-wrap .cost-top .cost-top-txt {
    flex: 1;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
}

.closed-moved .cost .cost-wrap .cost-bottom-right img {
    transform: rotate(90deg);
    margin: 40px auto;
    height: 40px;
}

.closed-moved .cost .cost-wrap .cost-bottom {
    border-top: none;
    display: flex;
    flex-direction: column;
    padding: 0;
    background-color: transparent;
    gap: 40px;

    margin-bottom: 50px;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap {
    flex: 1;
    padding: 20px;
    border-radius: 5px;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before {
    background-color: #d5e6ef;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after {
    background-color: #467daf;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap h3 {
    background-color: #fff;
    padding: 10px 0;
    border-radius: 3px;
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.07em;
    color: #467daf;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap,
.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .closed-moved-flex-wrap .closed-moved-left {
    max-width: 310px;
    width: 100%;
    margin-right: auto;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-chart-wrap .closed-moved-flex-wrap .closed-moved-left img {
    width: 205px;
    margin: 0 auto;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-left p,
.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-left p {
    font-size: 20px;
    letter-spacing: 0.07em;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-left p {
    color: #467daf;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-left p {
    color: #fff;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right {
    width: 50%;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dl {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #999999;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dl {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dl:first-child,
.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dl:first-child {
    padding-top: 0;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dl.bb-none,
.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dl.bb-none {
    border-bottom: none;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dl.last {
    border-bottom: 2px solid #467daf;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dl.last {
    border-bottom: 2px solid #ffea24;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dl.together,
.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dl.together {
    display: block;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dl.together dd {
    color: #ed1c24;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dl.together dd {
    color: #ffea24;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dl.together dd span {
    color: #ed1c24;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dl.together dd span {
    color: #ffea24;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dt,
.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dt {
    font-size: 16px;
    font-weight: bold;
    margin-right: auto;
    line-height: 1.25;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dt {
    color: #467daf;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dt {
    color: #fff;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dd,
.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dd {
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    line-height: 1;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dd {
    color: #467daf;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dd {
    color: #fff;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dd span,
.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dd span {
    font-size: 30px;
    font-weight: bold;
    color: #467daf;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dd span {
    color: #467daf;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dd span {
    color: #fff;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right p,
.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right p {
    font-size: 16px;
    letter-spacing: 0.05em;
    text-align: left;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right p {
    color: #000000;
}

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right p {
    color: #fff;
}

/* .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-left {
    max-width: 390px;
    width: 100%;
    margin-right: 20px;
} */

.closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right {
    width: 50%;
}

@media (max-width: 1200px) {
    .closed-moved .flow .flow-list-wrap .flow-list h2 {
        font-size: 17px;
        letter-spacing: 0;
    }

    .cost .cost-wrap .cost-top .cost-top-txt .cost-top-txt-list li {
        font-size: 15px;
    }

    .closed-moved .cost .cost-wrap .cost-top img {
        width: 200px;
    }

    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dt,
    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dt {
        font-size: 15px;
    }

    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dd,
    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dd {
        font-size: 15px;
    }

    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dd span,
    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dd span {
        font-size: 25px;
    }

    /* .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-left {
        max-width: 320px;
    } */

    /* .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right p {
        font-size: 15px;
    } */
}

@media (max-width: 1024px) and (min-width: 768px) {
    .br-sp1024 {
        display: block !important;
    }

    .closed-moved .cost .cost-wrap .cost-top {
        flex-direction: column;
    }

    .closed-moved .cost .cost-wrap .cost-top img {
        width: 255px;
    }

    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap,
    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap {
        flex-direction: column;
        gap: 20px;
    }

    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-left,
    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-left {
        max-width: 100%;
        width: 100%;
        margin-right: auto;
    }

    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-left img,
    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-left img {
        width: 240px;
        margin: 0 auto;
    }

    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-left p,
    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-left p {
        font-size: 18px;
    }

    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right,
    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right {
        width: 100%;
    }

    /* .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-left {
        max-width: 100%;
        margin: 0;
    }

    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-left img {
        width: 80%;
        margin: 0 auto;
    } */

    /* .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right {
        width: 100%;
    } */

}

@media (max-width: 767px) {
    .br-sp1024 {
        display: block !important;
    }

    .closed-moved .page-section .section-ttl {
        text-align: left;
        padding: 10px;
    }

    .closed-moved .flow .flow-list-wrap .flow-list h2 {
        font-size: 20px;
        letter-spacing: 0.1em;
    }

    .closed-moved .cost .cost-wrap .cost-top {
        flex-direction: column;
        gap: 50px;
    }

    .closed-moved .cost .cost-wrap .cost-top img {
        width: 255px;
    }

    .closed-moved .cost .cost-wrap .cost-top .cost-top-txt {
        border-radius: 3px;
    }

    #closed-moved-cost .cost-wrap {
        padding: 25px 20px;
    }

    .closed-moved .cost .cost-wrap .cost-top .cost-top-txt {
        width: 100%;
    }

    .closed-moved .cost-wrap .cost-top .cost-top-txt p {
        font-size: 10px;
        padding: 1px 10px;
    }

    .closed-moved .cost-wrap .cost-bottom-right {
        flex: 1;
        width: 100%;
        margin: 20px auto;
        display: flex;
        justify-content: center;
    }

    .closed-moved .cost .cost-wrap .cost-bottom-right img {
        height: 20px;
        margin: 0;
    }

    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap,
    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap {
        flex-direction: column;
        gap: 20px;
    }

    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right,
    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right {
        width: 100%;
    }

    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dt,
    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dt {
        font-size: 15px;
        line-height: 1.5;
    }

    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dd,
    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dd {
        font-size: 10px;
    }

    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right dd span,
    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right dd span {
        font-size: 20px;
    }

    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-before .closed-moved-flex-wrap .closed-moved-right p,
    .closed-moved .cost .cost-wrap .cost-bottom .cost-bottom-after .closed-moved-flex-wrap .closed-moved-right p {
        font-size: 15px;
        text-indent: -1em;
        padding-left: 1em;
        letter-spacing: 0.05em;
        text-align: left;
    }

}

/* closed-movedここまで ***************************/

/* next-boxここから ***************************/

.next-box {
    background-color: #ffea24;
    padding: 10px;
    position: relative;
    z-index: 0;
}

.next-box::after {
    content: "";
    position: absolute;
    background-image: url(../images/closed-moved/next-bg.png);
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background-size: 100%;
    width: 100%;
    height: 100%;
}

.next-box .next-box-inner {
    border: 2px solid #fff;
    border-radius: 3px;
    padding: 30px;
    position: relative;
    z-index: 1;
}

.next-box .secTtl .secTtl_en,
.next-box .secTtl .secTtl_ja {
    color: #467daf !important;
}

.next-box .contact-txt {
    color: #000;
    margin: 20px 0 40px;
}

.next-box .contact-btn-wrap {
    gap: 10px;
}

.next-box .contact-btn-wrap .next-btn {
    width: calc((100% - 10px) / 2);
}

.next-box .contact-btn-wrap .buy-btn {
    background-color: #467daf;
}

.next-box .contact-btn-wrap .buy-btn p {
    color: #fff;
}

.next-box .contact-btn-wrap .mail-btn {
    background-color: #fff;
}

.next-box .contact-btn-wrap .mail-btn p {
    color: #467daf;
}

@media (max-width: 820px) {
    .next-box .contact-btn-wrap .next-btn {
        width: 100%;
        padding: 10px 35px;
        justify-content: center;
        height: 60px;
    }
}

@media (max-width: 767px) {
    .next-box .next-box-inner {
        padding: 10px;
    }

    .next-box .contact-txt {
        margin: 20px 0;
    }

    .next-box .contact-btn-wrap .next-btn {
        width: 100%;
        padding: 20px 0;
        justify-content: center;
        height: 50px;
    }

    .next-box .contact-btn-wrap .mail-btn {
        gap: 10px;
    }

    .next-box .contact-btn-wrap .line-btn p,
    .next-box .contact-btn-wrap .mail-btn p {
        font-size: 15px;
    }
}

/* next-boxここまで ***************************/

/* contact-single-saleここから ***************************/

#contact.contact-single-sale .contact-wrap {
    border: none;
    border-radius: 0;
    padding: 0;
}

.contact-single-sale .page-section {
    margin: 0;
}

.contact-single-sale .formBox {
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 40px;
}

.contact-single-sale .formBox .tbl_contact input,
.contact-single-sale .formBox .tbl_contact textarea,
.contact-single-sale .formBox .tbl_contact select {
    background-color: #fff;
    padding: 7px 15px;
}

.contact-single-sale .formBox .tbl_contact th {
    padding: 20px 0;
}

.contact-single-sale .formBox .tbl_contact td {
    padding: 20px 0 20px 20px;
    width: 100%;
}

.formBox .tbl_contact .property-name input {
    background-color: transparent;
    font-size: 16px;
    letter-spacing: 0.05em;
}

.formBox .required.tra {
    background-color: transparent;
}

.contact-single-sale .tbl_contact tbody,
.contact-single-sale .tbl_contact tbody tr {
    display: block;
    width: 100%;
}

.contact-single-sale .formBox .tbl_contact th,
.contact-single-sale .formBox .tbl_contact td {
    border-bottom: solid 1px #467daf;
}

.contact-single-sale .tbl_contact tr:first-child th {
    padding-top: 0;
}

.contact-single-sale .tbl_contact tr:first-child td {
    padding-top: 0;
}

.contact-single-sale .tbl_contact th.lst {
    display: block;
    width: 100%;
    border-bottom: none;
}

.contact-single-sale .tbl_contact td.lst {
    display: block;
    width: 100%;
    padding: 0 0 20px 0;
}

.contact-single-sale .formBox .tbl_contact th .inner {
    width: 29rem;
}

#contact.contact-single-sale .contact-wrap .contact-main .contact_txt {
    text-align: left;
}

.contact-single-sale .formBox .tbl_contact td {
    width: 100%;
}

/* 確認画面 */

#contact.contact-single-sale .mw_wp_form_confirm .contact-wrap .contact-main .contact_txt {
    text-align: center;
}

.contact-single-sale .mw_wp_form_confirm .tbl_contact th.lst {
    display: table-cell;
    width: auto;
    border-bottom: solid 1px #467daf;
}

.contact-single-sale .mw_wp_form_confirm .tbl_contact td.lst {
    display: table-cell;
    padding: 20px 0 20px 20px;
}

@media (max-width: 1023px) {

    /* .contact-single-sale .formBox .tbl_contact th, */
    .contact-single-sale .formBox .tbl_contact td {
        padding: 0 0 20px 0;
    }

    .contact-single-sale .formBox .tbl_contact th {
        border-bottom: none;
    }

    .formBox .tbl_contact .property-name input {
        padding: 5px 0;
    }

    /* 確認画面 */

    .contact-single-sale .mw_wp_form_confirm .tbl_contact th.lst,
    .contact-single-sale .mw_wp_form_confirm .tbl_contact td.lst {
        display: block;
        width: 100%;
    }

    .contact-single-sale .mw_wp_form_confirm .tbl_contact th.lst {
        border-bottom: none;
    }

    .contact-single-sale .mw_wp_form_confirm .tbl_contact td.lst {
        padding: 0 0 20px 0;
    }
}

@media (max-width: 767px) {
    .contact-single-sale .formBox {
        padding: 50px 20px;
    }

    .formBox .tbl_contact .property-name input {
        background-color: transparent;
        font-size: 15px;
        letter-spacing: 0.05em;
        padding: 0;
    }

    .contact-single-sale .formBox .required {
        font-size: 10px;
        width: 35px;
        padding: 2px 5px;
        text-align: center;
    }

    .contact-single-sale .formBox .tbl_contact input,
    .contact-single-sale .formBox .tbl_contact textarea,
    .contact-single-sale .formBox .tbl_contact select {
        padding: 9px 15px;
    }

    /* 確認画面 */
    #contact.contact-single-sale .mw_wp_form_confirm .contact-wrap .contact-main .contact_txt {
        text-align: left;
    }
}

/* contact-single-saleここまで ***************************/

.mw_wp_form_confirm .btnBox .-clear {
    display: none;
}

/* toppage追加251024 */

#main .secTopStaff .footStaff_inner {
    display: flex;
    gap: 50px;
}

#main .secTopStaff .footStaff_inner .footStaff_txts {
    width: calc(100% - 250px);
}

#main .secTopStaff .footStaff_inner .footStaff_txts h3 {
    color: #467daf;
    font-weight: bold;
    font-size: 30px;
    line-height: 1.5;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

#main .secTopStaff .footStaff_inner .footStaff_txts p {
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 0.1em;
}

#main .secTopStaff .footStaff_inner .footStaff_pic {
    max-width: 200px;
    width: 100%;
}

#main .secTopStaff .footStaff_inner .footStaff_pic .footStaff_pic_img_bg {
    width: 100%;
    height: 300px;
    background-color: #d0d0d0;
    border-radius: 10px;
    position: relative;
}

#main .secTopStaff .footStaff_inner .footStaff_pic img {
    width: 100%;
    height: auto;
    object-fit: cover;
    position: absolute;
    bottom: 0;
    border-radius: 10px;
    object-position: 0 10px;
}

#main .secTopStaff .footStaff_inner .footStaff_pic .footStaff_pic_txt {
    padding: 15px 0 5px;
    /* font-size: 16px;
    letter-spacing: 0.1em; */
    font-size: 14px;
    letter-spacing: -1px;
    text-align: center;
}

#main .secTopStaff .footStaff_inner .footStaff_pic .footStaff_pic_name {
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.1em;
    text-align: right;
    line-height: 1.2;
}

@media (max-width: 1024px) {
    #main .secTopStaff .footStaff_inner .footStaff_txts h3 {
        font-size: 25px;
    }
}

@media (max-width: 767px) {
    #main .secTopStaff .footStaff_inner {
        flex-direction: column-reverse;
        gap: 20px;
    }

    #main .secTopStaff .footStaff_inner .footStaff_pic {
        margin: 0 auto;
    }

    #main .secTopStaff .footStaff_inner .footStaff_txts {
        width: 100%;
    }

    #main .secTopStaff .footStaff_inner .footStaff_txts h3 {
        font-size: 20px;
        line-height: 1.37;
    }

    #main .secTopStaff .footStaff_inner .footStaff_txts p {
        font-size: 15px;
        line-height: 1.5;
    }
}

.secTopMv_head-wrap {
    width: 100%;
    position: relative;
}

.secTopMv_head {
    background-color: transparent;
    text-align: left;
    position: relative;
    z-index: 0;
    font-size: 4rem;
    letter-spacing: 0;
    line-height: 1.8;
}

.secTopMv_head span {
    background: var(--colorBg);
    border-radius: 0.5rem;
    padding: 0px 8px 3px;
}

.secTopMv_head_no1 {
    position: absolute;
    z-index: 1;
    width: 155px;
    height: 155px;
    right: 0;
    top: -4%;
}

@media (max-width: 1300px) {
    .secTopMv_head {
        font-size: min((100vw - -36rem) * 0.0233, 4rem);
    }

    .secTopMv_head_no1 {
        width: 12vw;
        height: 12vw;
        right: 0;
        top: 0;
    }
}

@media (max-width: 767px) {
    .secTopMv_head {
        font-size: 23px;
        letter-spacing: 0.05em;
    }

    .secTopMv_head_no1 {
        width: 112.5px;
        height: 112.5px;
        right: 0;
        top: -3vw;
    }
}

.home #news {
    margin-top: 4.7rem;
}

.home #news .articleList {
    margin-bottom: 50px;
}

.home #news .articleList li {
    width: calc((100% - 60px) / 4);
}

.home #news .articleList li .articleList_pic img {
    height: 140px;
}

@media (max-width: 1024px) {
    .home #news .articleList li {
        width: calc((100% - 20px) / 2);
    }

    .home #news .articleList li .articleList_pic img {
        height: 210px;
    }
}

@media (max-width: 767px) {
    .home #news .articleList li {
        width: 100%;
    }

    .home #news {
        margin-top: 2.3rem;
    }
}

.insta-feed-wrap {
    margin-top: 4.7rem;
}

#sb_instagram #sbi_images {
    padding: 0 0 50px !important;
}

@media (max-width: 767px) {
    .insta-feed-wrap {
        margin-top: 2.3rem;
    }

    #sb_instagram #sbi_images {
        padding: 0 0 25px !important;
    }
}

/* 追加251107 */

/* Cases-成約事例 ********************************/
.caseData_voice {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 40px;
}

.caseData_voice .voice-txt-wrap {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.caseData_voice .voice-txt {
    flex: 1;
}

/* .caseData_voice .voice-txt-wrap a {
    width: 250px;
    position: relative;
}

.caseData_voice .voice-txt-wrap a::after {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 3rem;
    height: 3rem;
    content: "";
    background: url(../images/expansion-icon.svg) center center / contain no-repeat;
} */

.caseData_voice .voice-txt-wrap .voicephoto-wrap {
    position: relative;
}

.caseData_voice .voice-txt-wrap .voicephoto-img {
    width: 250px;
}

.caseData_voice .voice-txt-wrap .voicephoto-zoom {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 3rem;
    height: 3rem;
    content: "";
}

@media (max-width: 1200px) {
    .caseData_voice .voice-txt-wrap {
        gap: 20px;
    }
}

@media (max-width: 1024px) {
    .caseData_voice .voice-txt-wrap {
        flex-direction: column;
    }

    /* .caseData_voice .voice-txt-wrap a {
        padding-left: 6rem;
        width: 100%;
    } */

    .caseData_voice .voice-txt-wrap .voicephoto-img {
        padding-left: 6rem;
        width: 100%;
    }

}

@media (max-width: 767px) {
    .caseData_voice {
        padding: 20px;
    }
}

@media screen and (max-width: 48em) {
    /* .caseData_voice .voice-txt-wrap a {
        padding-left: 0;
    } */

    .caseData_voice .voice-txt-wrap .voicephoto-img {
        padding-left: 0;
    }
}

.secTopVideo .video-wrap {
    padding: 0 40px;
}

.secTopVideo .video-wrap video {
    width: 100%;
    height: 460px;
    border: none;
}

@media (max-width: 1023px) {
    .secTopVideo .video-wrap video {
        width: 100%;
        height: 340px;
        border: none;
    }
}

@media (max-width: 767px) {
    .secTopVideo .video-wrap {
        padding: 0 20px;
    }

    .secTopVideo .video-wrap video {
        height: 191px;
    }
}

@media (max-width: 390px) {
    .secTopVideo .video-wrap video {
        height: 165px;
    }
}