.company__area span {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .05em;
    padding-bottom: 17px;
    display: block;
}
.company__area p {
    font-size: 1.3rem;
}
.company__area img {
    width: 30%;
    margin: 1.4rem auto 0;
    display: block;
}
.company__area {
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.9);
    padding: 20px 14px;
    border-radius: 2px;
    text-align: center;
    width: 50%;
}
.top-modelhouse .mdh-block {
    padding: 0 0 70px !important;
}
@media (max-width: 767px) {
    .top-modelhouse .mdh-content {
        padding: 0 0 40px !important;
    }
    .top-modelhouse .mdh-block {
    padding: 0 !important;
}
    .company__area img {
    width: 60%;
}
.company__area {
    margin: 0 27px 0 28px;
    max-width: 100%;
    width: auto;
}
}
.main-container .m-ttl {
    text-align: center;
    margin: 100px 0;
}

.main-container .m-ttl span.txt {
    font-size: 24px;
    font-family: "Shippori Mincho", serif;
    font-size: 3.2rem;
    line-height: 1.6em;
    letter-spacing: .1em;
    font-weight: 500;
}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    width: 50%;
}

.txt__new {
    font-size: 16px;
    font-size: 2.4rem;
    line-height: 2em;
    letter-spacing: .05em;
    font-weight: 400;
    text-align: center;
    padding-top: 40px;
}

.profile-wrap__img {
    width: 50%;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .main-container .m-ttl {
        margin: 100px 0 0;
    }

    .txt__new {
        text-align: left;
        padding: 40px 20px 0;
        font-size: 1.6rem;
    }

    .main-container .m-ttl span.txt {
        font-size: 1.8rem;
    }
}

.mv-bg__img {
    height: 100vh;
}

.wrap02-ctn {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.9em;
}

.sec-about .profile-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    margin: 71px auto;
    max-width: 1200px;
}

.profile-wrap__ctn p.txt {
    font-family: "Shippori Mincho", serif;
    font-size: 1.1rem;
    line-height: 2.125em;
    letter-spacing: .05em;
    font-weight: 400;
    margin-top: 12px;
}

@media (min-width: 768px) {
    .sec-about .profile-wrap .profile-wrap__img {
        width: calc(350 / 1600* 100%);
    }

    .sec-about .profile-wrap .profile-wrap__ctn {
        width: calc(800 / 1200* 100%);
        padding-top: 6px;
    }

    .profile-wrap__ctn p.txt {
        font-size: 1.3rem;
    }
}

.sec-floor .floor-ctn {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
}

.sec-floor .floor-ctn>label {
    flex: 1 1;
    order: -1;
    opacity: .5;
    min-width: 70px;
    padding: .6em 1em;
    border-radius: 5px 5px 0 0;
    background-color: #f4f4f4;
    color: #000;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
}

.sec-floor .floor-ctn>label:hover {
    opacity: .8;
}

.sec-floor .floor-ctn input {
    display: none;
}

.sec-floor .floor-ctn>div {
    display: none;
    width: 100%;
    padding: 1.5em 1em;
    background-color: #fff;
}

.sec-floor .floor-ctn label:has(:checked) {
    opacity: 1;
}

.sec-floor .floor-ctn label:has(:checked)+div {
    display: block;
}

@media (min-width: 768px) {
    #wrap {
        overflow: visible
    }
}

@media (max-width: 767px) {
    #wrap {
        overflow: hidden
    }

    .sec-about .profile-wrap {
        display: block;
        margin: 30px 40px 0;
    }
}

.c-ctn01 .txt {
    font-family: "Shippori Mincho", serif;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 2.70588em;
    letter-spacing: .05em;
    font-weight: 400
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .c-ctn01 .txt {
        font-size: 15px;
        font-size: 1.3rem;
        line-height: 2.73333em
    }
}

@media (max-width: 767px) {
    .c-ctn01 .txt {
        font-size: 15px;
        font-size: 1.3rem;
        line-height: 2.33333em;
        letter-spacing: .03em
    }
}

@media only screen and (max-width: 767px) and (max-width: 374px) {
    .c-ctn01 .txt {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 2.33333em
    }
}

.c-img01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

@media (min-width: 768px) {
    .c-ttlwrap01 {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    .c-ttlwrap01 {
        text-align: center
    }
}

@media (min-width: 768px) {
    .c-ttlwrap01.aos-animate .c-ttlwrap01__en:before {
        width: 100%
    }
}

@media (max-width: 767px) {
    .c-ttlwrap01.aos-animate .c-ttlwrap01__en:before {
        width: calc(100% + 6px)
    }
}

.c-ttlwrap01.aos-animate .c-ttlwrap01__jp .ttl-wrap {
    opacity: 1
}

.c-ttlwrap01.aos-animate .c-ttlwrap01__jp .ttl-wrap .inn {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0)
}

.c-ttlwrap01 .c-ttlwrap01__en {
    position: relative;
    text-align: right;
    font-family: "Roboto", sans-serif;
    font-size: 98px;
    font-size: 9.8rem;
    line-height: 1.07143em;
    letter-spacing: 0em;
    font-weight: 100
}

@media (min-width: 768px) {
    .c-ttlwrap01 .c-ttlwrap01__en {
        padding-top: 7px;
        display: block;
        width: 44%
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .c-ttlwrap01 .c-ttlwrap01__en {
        padding-top: 17px;
        font-size: 60px;
        font-size: 6rem;
        line-height: 1.06667em
    }
}

@media (max-width: 767px) {
    .c-ttlwrap01 .c-ttlwrap01__en {
        display: inline-block;
        font-size: 65px;
        font-size: 5rem;
        line-height: 1.16923em;
        text-align: center;
        padding-bottom: 8px
    }
}

.c-ttlwrap01 .c-ttlwrap01__en:before {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #000000;
    width: 0;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -ms-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease
}

@media (min-width: 768px) {
    .c-ttlwrap01 .c-ttlwrap01__en:before {
        bottom: 6px;
        left: 0
    }
}

@media (max-width: 767px) {
    .c-ttlwrap01 .c-ttlwrap01__en:before {
        bottom: 3px;
        left: -3px
    }
}

.c-ttlwrap01 .c-ttlwrap01__jp {
    font-family: "Shippori Mincho", serif;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.77778em;
    letter-spacing: .2em;
    font-weight: 500
}

@media (min-width: 768px) {
    .c-ttlwrap01 .c-ttlwrap01__jp {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -o-justify-content: flex-end;
        justify-content: flex-end;
        width: calc(786/1500 * 100%)
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .c-ttlwrap01 .c-ttlwrap01__jp {
        font-size: 27px;
        font-size: 2.7rem;
        line-height: 1.77778em;
        padding-top: 12px
    }
}

@media (max-width: 767px) {
    .c-ttlwrap01 .c-ttlwrap01__jp {
        display: block;
        font-size: 23px;
        font-size: 2.3rem;
        line-height: 1.78261em;
        letter-spacing: .18em;
        margin-top: 38px
    }
}

.c-ttlwrap01 .c-ttlwrap01__jp .ttl-wrap {
    display: block;
    overflow: hidden;
    opacity: 0
}

.c-ttlwrap01 .c-ttlwrap01__jp .ttl-wrap .inn {
    display: block;
    font-weight: inherit;
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, 100);
    transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1)
}

@media (min-width: 768px) {
    .c-ttlwrap02 {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    .c-ttlwrap02 {
        text-align: center
    }
}

@media (min-width: 768px) {
    .c-ttlwrap02.aos-animate .c-ttlwrap02__en:before {
        width: 100%
    }
}

@media (max-width: 767px) {
    .c-ttlwrap02.aos-animate .c-ttlwrap02__en:before {
        width: calc(100% + 6px)
    }
}

.c-ttlwrap02.aos-animate .c-ttlwrap02__jp .ttl-wrap {
    opacity: 1
}

.c-ttlwrap02.aos-animate .c-ttlwrap02__jp .ttl-wrap .inn {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0)
}

.c-ttlwrap02 .c-ttlwrap02__en {
    position: relative;
    text-align: right;
    font-family: "Roboto", sans-serif;
    font-size: 98px;
    font-size: 9.8rem;
    line-height: 1.07143em;
    letter-spacing: 0em;
    font-weight: 100;
    color: #fff;
    padding-top: 54px
}

@media (min-width: 768px) {
    .c-ttlwrap02 .c-ttlwrap02__en {
        display: block;
        width: 44%
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .c-ttlwrap02 .c-ttlwrap02__en {
        font-size: 60px;
        font-size: 6rem;
        line-height: 1.43333em
    }
}

@media (max-width: 767px) {
    .c-ttlwrap02 .c-ttlwrap02__en {
        display: inline-block;
        font-size: 65px;
        font-size: 6.5rem;
        line-height: 1.18462em
    }
}

.c-ttlwrap02 .c-ttlwrap02__en:before {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #fff;
    width: 0;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -ms-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease
}

@media (min-width: 768px) {
    .c-ttlwrap02 .c-ttlwrap02__en:before {
        bottom: -8px;
        left: 0
    }
}

@media (max-width: 767px) {
    .c-ttlwrap02 .c-ttlwrap02__en:before {
        bottom: -3px;
        left: -3px
    }
}

@media (min-width: 768px) {
    .c-ttlwrap02 .c-ttlwrap02__en.align-bottom {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: end;
        -moz-justify-content: end;
        -ms-justify-content: end;
        -o-justify-content: end;
        justify-content: end
    }
}

.c-ttlwrap02 .c-ttlwrap02__jp {
    font-family: "Shippori Mincho", serif;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.77778em;
    letter-spacing: .2em;
    font-weight: 500;
    color: #fff
}

@media (min-width: 768px) {
    .c-ttlwrap02 .c-ttlwrap02__jp {
        display: block;
        padding-top: 5px;
        width: calc(786/1500 * 100%);
        position: relative;
        top: 50px
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .c-ttlwrap02 .c-ttlwrap02__jp {
        font-size: 27px;
        font-size: 1.7rem;
        line-height: 1.77778em;
        padding-top: 12px
    }
}

@media (max-width: 767px) {
    .c-ttlwrap02 .c-ttlwrap02__jp {
        display: block;
        font-size: 23px;
        font-size: 2.3rem;
        line-height: 1.78261em;
        letter-spacing: .18em;
        margin-top: 40px
    }
}

.c-ttlwrap02 .c-ttlwrap02__jp .ttl-wrap {
    display: block;
    overflow: hidden;
    opacity: 0
}

.c-ttlwrap02 .c-ttlwrap02__jp .ttl-wrap .inn {
    display: block;
    font-weight: inherit;
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, 100);
    transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1)
}

.c-ttlwrap02 .c-ttlwrap02__jp .ttl-small01 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 3.55556em;
    letter-spacing: .2em;
    font-weight: 500
}

@media (max-width: 767px) {
    .c-ttlwrap02 .c-ttlwrap02__jp .ttl-small01 {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 3.15385em
    }
}

.c-ttlwrap02 .c-ttlwrap02__jp .ttl-small02 {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 4.57143em;
    letter-spacing: .2em;
    font-weight: 500
}

@media (min-width: 768px) {
    .c-ttlwrap02 .c-ttlwrap02__jp .ttl-small02 {
        margin-bottom: -20px
    }
}

@media (max-width: 767px) {
    .c-ttlwrap02 .c-ttlwrap02__jp .ttl-small02 {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 5.33333em;
        margin-top: -20px
    }
}

@media (min-width: 768px) {
    .c-boxtxt01 {
        padding: 0 10px
    }
}

.c-boxtxt01 .c-boxtxt01__txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.125em;
    letter-spacing: .05em;
    font-weight: 400
}

@media (min-width: 768px) {
    .c-boxtxt01 .c-boxtxt01__txt {
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .c-boxtxt01 .c-boxtxt01__txt {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 2.15385em
    }
}

@media (max-width: 767px) {
    .c-boxtxt01 .c-boxtxt01__txt {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.86667em;
        padding: 0 28px;
        margin-top: 16px
    }
}

@media (min-width: 768px) {
    .c-botxt02 {
        padding: 0 10px
    }
}

.c-botxt02 .c-botxt02__txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.125em;
    letter-spacing: .05em;
    font-weight: 400;
    color: #fff
}

@media (min-width: 768px) {
    .c-botxt02 .c-botxt02__txt {
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .c-botxt02 .c-botxt02__txt {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 2.15385em
    }
}

@media (max-width: 767px) {
    .c-botxt02 .c-botxt02__txt {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.86667em;
        padding: 0 28px;
        margin-top: 16px
    }
}

@media (min-width: 768px) {
    .c-ttl01 {
        position: sticky;
        position: -webkit-sticky;
        top: 100px;
        padding-left: 95px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1320px) {
    .c-ttl01 {
        padding-left: 82px
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .c-ttl01 {
        padding-left: 58px
    }
}

@media (max-width: 767px) {
    .c-ttl01 {
        padding-left: 18px;
        padding-bottom: 18px;
        border-bottom: solid 1px #000
    }
}

.c-ttl01 .c-ttl01__en {
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 98px;
    font-size: 9.8rem;
    line-height: 1.32653em;
    letter-spacing: 0em;
    font-weight: 100;
    white-space: nowrap
}

@media (min-width: 768px) {
    .c-ttl01 .c-ttl01__en {
        position: absolute;
        top: -106px;
        left: 0;
        transform-origin: 0% 76%;
        transform: rotate(90deg);
        white-space: nowrap
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1320px) {
    .c-ttl01 .c-ttl01__en {
        top: -90px;
        font-size: 88px;
        font-size: 8.8rem;
        line-height: 1.32955em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .c-ttl01 .c-ttl01__en {
        top: -73px;
        font-size: 68px;
        font-size: 6.8rem;
        line-height: 1.32353em
    }
}

@media (max-width: 767px) {
    .c-ttl01 .c-ttl01__en {
        font-size: 44px;
        font-size: 4.4rem;
        line-height: 1.18182em
    }
}

.c-ttl01 .c-ttl01__jp {
    display: block;
    font-family: "Shippori Mincho", serif;
    font-size: 52px;
    font-size: 5.2rem;
    line-height: 1.19231em;
    letter-spacing: .2em;
    font-weight: 500
}

@media (min-width: 768px) {
    .c-ttl01 .c-ttl01__jp {
        writing-mode: vertical-rl;
        text-orientation: upright
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1320px) {
    .c-ttl01 .c-ttl01__jp {
        font-size: 44px;
        font-size: 4.4rem;
        line-height: 1.18182em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .c-ttl01 .c-ttl01__jp {
        font-size: 34px;
        font-size: 3.4rem;
        line-height: 1.20588em
    }
}

@media (max-width: 767px) {
    .c-ttl01 .c-ttl01__jp {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 1.19231em;
        letter-spacing: .3em;
        margin-top: 5px
    }
}

#wrap {
    position: relative
}

.main-container {
    position: relative;
    z-index: 2;
    padding-top: 100px;
}

.sec-btn {
    background-color: rgba(255, 255, 255, 0.98)
}

@media (min-width: 768px) {
    .sec-btn {
        padding-top: 99px
    }
}

@media (max-width: 767px) {
    .sec-btn {
        padding-top: 26px
    }
}

.sec-btn .btn-lst {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    max-width: 1177.5px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .sec-btn .btn-lst {
        padding: 0 10px
    }
}

@media (min-width: 768px) {
    .sec-btn .btn-lst .item {
        width: calc(199.5/1157.5 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-btn .btn-lst .item {
        width: calc(75/375 * 100%);
        position: relative
    }

    .sec-btn .btn-lst .item:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 42px;
        background: #7C7C7C;
        right: 0;
        top: 4px
    }

    .sec-btn .btn-lst .item:last-child:before {
        display: none
    }
}

.sec-btn .btn-lst .item .link {
    position: relative
}

@media (min-width: 768px) {
    .sec-btn .btn-lst .item .link {
        display: block;
        padding: 0 22px 15px 0;
        border-bottom: solid 1px #000
    }
}

@media (max-width: 767px) {
    .sec-btn .btn-lst .item .link {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        flex-direction: column;
        height: 100%;
        padding: 0 0 15px;
        text-align: center
    }
}

.sec-btn .btn-lst .item .link:before {
    content: "";
    position: absolute;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10.776" height="6.094" viewBox="0 0 10.776 6.094"><path id="Path_393809" data-name="Path 393809" d="M0,5.033,5.035,0l5.033,5.033" transform="translate(10.422 5.387) rotate(180)" fill="none" stroke="%23000" stroke-width="1"/></svg>');
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
    background-size: 100% 100%
}

@media (min-width: 768px) {
    .sec-btn .btn-lst .item .link:before {
        top: 18px;
        right: 12px;
        width: 11px;
        height: 6px
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 950px) {
    .sec-btn .btn-lst .item .link:before {
        top: 14px
    }
}

@media (max-width: 767px) {
    .sec-btn .btn-lst .item .link:before {
        bottom: 5px;
        left: calc(50% - 5px);
        width: 5.27px;
        height: 2.63px
    }
}

.sec-btn .btn-lst .item .link .txt {
    font-family: "Shippori Mincho", serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.05556em;
    letter-spacing: 0em;
    font-weight: 500
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 950px) {
    .sec-btn .btn-lst .item .link .txt {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2.07143em
    }
}

@media (max-width: 767px) {
    .sec-btn .btn-lst .item .link .txt {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.41667em
    }
}

.sec-about {
    position: relative;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.98)
}

@media (max-width: 767px) {
    .sec-about {
        padding: 20px 0 0px
    }
}

.sec-about:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0
}

@media (min-width: 768px) {
    .sec-about:before {
        width: 100%;
        height: calc(1080/1495 * 100%);
        background-color: #fff
    }
}

@media (min-width: 768px) {
    .sec-about .sec-about__row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 768px) {
    .sec-about .sec-about__row.row01 {
        height: calc(631.68/1040 * 100vh);
        min-height: 631.68px;
    }
}

@media (min-width: 768px) {
    .sec-about .sec-about__row.row01 .row01-ctn {
        flex: 1;
        order: 2;
        padding: 200px 10px 0
    }
}

@media (max-width: 767px) {
    .sec-about .sec-about__row.row01 .row01-ctn {
        padding: 0 20px 0 28px
    }
}

.sec-about .sec-about__row.row01 .row01-ctn .row01-ctn__inner {
    width: 100%;
    max-width: 440px;
    margin: 0 auto
}

.sec-about .sec-about__row.row01 .row01-ctn .row01-ctn__ttl02 {
    margin-top: 48px
}

.sec-about .sec-about__row.row01 .row01-ctn .row01-ctn__ttl02 .txt {
    font-family: "Shippori Mincho", serif;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.84em;
    letter-spacing: .05em;
    font-weight: 400
}

@media (max-width: 767px) {
    .sec-about .sec-about__row.row01 .row01-ctn .row01-ctn__ttl02 .txt {
        font-size: 23px;
        font-size: 2.3rem;
        line-height: 1.82609em;
        letter-spacing: .03em
    }
}

.sec-about .sec-about__row.row01 .row01-ctn .row01-ctn__ttl02 .ttl-wrap {
    display: block;
    overflow: hidden;
    opacity: 0
}

.sec-about .sec-about__row.row01 .row01-ctn .row01-ctn__ttl02 .ttl-wrap .inn {
    display: block;
    font-weight: inherit;
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, 100);
    transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1)
}

.sec-about .sec-about__row.row01 .row01-ctn .row01-ctn__ttl02.aos-animate .ttl-wrap {
    opacity: 1
}

.sec-about .sec-about__row.row01 .row01-ctn .row01-ctn__ttl02.aos-animate .ttl-wrap .inn {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0)
}

@media (min-width: 768px) {
    .sec-about .sec-about__row.row01 .row01-ctn .c-ctn01 {
        margin-top: 30px
    }
}

@media (max-width: 767px) {
    .sec-about .sec-about__row.row01 .row01-ctn .c-ctn01 {
        margin-top: 24px
    }
}

.sec-about .sec-about__row.row01 .row01-ctn .c-ctn01 .txt:not(:last-child) {
    margin-bottom: 28px
}

.sec-about .sec-about__row.row01 .row01-box01 {
    position: relative
}

@media (min-width: 768px) {
    .sec-about .sec-about__row.row01 .row01-box01 {
        order: 1;
        width: calc(750/1500 * 100%);
        padding: 0 calc(44/1500 * 100%) 64px 0;
        height: 100%
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-about .sec-about__row.row01 .row01-box01 {
        width: calc(600/1500 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-about .sec-about__row.row01 .row01-box01 {
        margin: 50px calc(20/375 * 100%) 0 0;
        padding: 0 calc(13/355 * 100%) 41.8px 0
    }
}

.sec-about .sec-about__row.row01 .row01-box01 .row01-box01__pic01 {
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .sec-about .sec-about__row.row01 .row01-box01 .row01-box01__pic01 {
        height: 100%
    }
}

@media (max-width: 767px) {
    .sec-about .sec-about__row.row01 .row01-box01 .row01-box01__pic01:before {
        content: "";
        display: block;
        padding-top: calc(210.297/341.281 * 100%)
    }
}

.sec-about .sec-about__row.row01 .row01-box01 .row01-box01__pic02 {
    position: absolute;
    bottom: 0;
    right: 0
}

@media (min-width: 768px) {
    .sec-about .sec-about__row.row01 .row01-box01 .row01-box01__pic02 {
        width: calc(300 / 750* 100%);
        height: calc(250 / 650* 100%);
    }
}

@media (max-width: 767px) {
    .sec-about .sec-about__row.row01 .row01-box01 .row01-box01__pic02 {
        width: calc(118.27/355 * 100%)
    }

    .sec-about .sec-about__row.row01 .row01-box01 .row01-box01__pic02:before {
        content: "";
        display: block;
        padding-top: calc(83.844/118.266 * 100%)
    }
}

.sec-about .sec-about__row.row01 .row01-box02 {
    order: 3;
    width: calc(197/1500 * 100%)
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-about .sec-about__row.row01 .row01-box02 {
        width: calc(158/1500 * 100%)
    }
}

.sec-about .sec-about__row.row01 .row01-box02 .row01-box02__pic03 {
    position: relative;
    width: 100%;
    height: calc(250/631.68 * 100%)
}

@media (min-width: 768px) {
    .sec-about .sec-about__row.row02 {
        margin-top: 126px;
        height: calc(395.4/1040 * 100vh);
        min-height: 395.4px
    }
}

@media (max-width: 767px) {
    .sec-about .sec-about__row.row02 {
        margin-top: 45px
    }
}

@media (min-width: 768px) {
    .sec-about .sec-about__row.row02 .row02-ctn {
        order: 2;
        flex: 1;
        padding: 0 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center
    }
}

@media (max-width: 767px) {
    .sec-about .sec-about__row.row02 .row02-ctn {
        padding: 0 20px 0 28px
    }
}

.sec-about .sec-about__row.row02 .row02-ctn .row02-ctn__inner {
    width: 100%;
    max-width: 358px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .sec-about .sec-about__row.row02 .row02-box01 {
        order: 1;
        width: calc(256/1500 * 100%);
        height: 100%
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-about .sec-about__row.row02 .row02-box01 {
        width: calc(236/1500 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-about .sec-about__row.row02 .row02-box01 {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: calc(347/375 * 100%);
        margin: 47px 0 0 auto
    }
}

.sec-about .sec-about__row.row02 .row02-box01 .row02-box01__pic01 {
    position: relative;
    height: 100%
}

@media (min-width: 768px) {
    .sec-about .sec-about__row.row02 .row02-box01 .row02-box01__pic01 {
        width: 100%
    }
}

@media (max-width: 767px) {
    .sec-about .sec-about__row.row02 .row02-box01 .row02-box01__pic01 {
        width: calc(170.25/340 * 100%)
    }

    .sec-about .sec-about__row.row02 .row02-box01 .row02-box01__pic01:before {
        content: "";
        display: block;
        padding-top: calc(220.13/170.25 * 100%)
    }
}

.sec-about .sec-about__row.row02 .row02-box01 .row02-box01__pic03 {
    height: 100%
}

@media (max-width: 767px) {
    .sec-about .sec-about__row.row02 .row02-box01 .row02-box01__pic03 {
        position: relative;
        width: calc(170.25/340 * 100%);
        margin-left: 7px
    }

    .sec-about .sec-about__row.row02 .row02-box01 .row02-box01__pic03:before {
        content: "";
        display: block;
        padding-top: calc(220.13/170.25 * 100%)
    }
}

@media (min-width: 768px) {
    .sec-about .sec-about__row.row02 .row02-box02 {
        order: 3;
        width: calc(612/1500 * 100%);
        height: 100%
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-about .sec-about__row.row02 .row02-box02 {
        width: calc(564/1500 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-about .sec-about__row.row02 .row02-box02 {
        width: calc(342/375 * 100%);
        margin-top: 8px
    }
}

.sec-about .sec-about__row.row02 .row02-box02 .row02-box02__pic02 {
    position: relative;
    width: 100%;
    height: 100%
}

.sec-about .sec-about__row.row02 .row02-box02 .row02-box02__pic02:before {
    content: "";
    display: block;
    padding-top: calc(212.33/342 * 100%)
}

.sec-remain {
    position: relative;
    z-index: 2;
    padding-top: 100px;
}

@media (min-width: 768px) {
    .sec-remain {
        padding: 60px 0 0 0;
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-remain {
        padding: 50px 50px 20px 0;
    }
}

@media (max-width: 767px) {
    .sec-remain {
        padding: 20px 0 0 0
    }
}

.sec-remain .remain-blackbg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 0;
    opacity: 0;
    background-color: #000000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

@media (min-width: 768px) {
    .sec-remain .remain-blackbg {
        bottom: 188px
    }
}

@media (max-width: 767px) {
    .sec-remain .remain-blackbg {
        bottom: 81px
    }
}

.sec-remain .remain-blackbg.animate {
    width: 100%;
    opacity: 1
}

.sec-remain .sec-remain__ctn {
    position: relative;
    background-color: #FFFFFF
}

@media (min-width: 768px) {
    .sec-remain .sec-remain__ctn {
        padding-left: 78px
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-remain .sec-remain__ctn {
        padding-left: 50px
    }
}

.sec-remain .sec-remain__ctn .remain-inner {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 10px;
}

@media (min-width: 768px) {
    .sec-remain .sec-remain__ctn .remain-inner {
        padding: 0 10px 60px;
    }
}

@media (max-width: 767px) {
    .sec-remain .sec-remain__ctn .remain-inner {
        padding: 20px 0 0 0;
    }
}

.remain-inner2 {
    position: relative;
    width: 100%;
    max-width: 855px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .remain-inner2 {
        padding: 140px 10px 0
    }
}

@media (max-width: 767px) {
    ..remain-inner 2 {
        padding: 52px 0 84px
    }
}

.sec-remain .sec-remain__ctn .remain-inner .remain-ttl {
    position: relative
}

@media (min-width: 768px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-ttl {
        text-align: center;
        padding: 0 80px
    }

    .sec-remain .sec-remain__ctn .remain-inner .remain-ttl:before,
    .sec-remain .sec-remain__ctn .remain-inner .remain-ttl:after {
        content: "";
        position: absolute;
        width: 62.56px;
        height: 1px;
        background-color: #707070;
        top: calc(50% - 1px)
    }

    .sec-remain .sec-remain__ctn .remain-inner .remain-ttl:before {
        left: 13px
    }

    .sec-remain .sec-remain__ctn .remain-inner .remain-ttl:after {
        right: 13px
    }
}

@media (max-width: 767px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-ttl {
        padding: 0 29px
    }
}

.sec-remain .sec-remain__ctn .remain-inner .remain-ttl .txt {
    font-family: "Shippori Mincho", serif;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.95238em;
    letter-spacing: .18em;
    font-weight: 600
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-ttl .txt {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.94444em
    }
}

@media (max-width: 767px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-ttl .txt {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.875em;
        letter-spacing: .15em
    }
}

@media only screen and (max-width: 767px) and (max-width: 374px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-ttl .txt {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.85714em
    }
}

p.remain-ttl2 {
    position: relative
}

@media (min-width: 768px) {
    p.remain-ttl2 {
        text-align: center;
        padding: 0 80px
    }

    p.remain-ttl2:before,
    p.remain-ttl2:after {
        content: "";
        position: absolute;
        width: 62.56px;
        height: 1px;
        background-color: #707070;
        top: calc(50% - 1px)
    }

    p.remain-ttl2:before {
        left: 13px
    }

    p.remain-ttl2:after {
        right: 13px
    }
}

@media (max-width: 767px) {
    p.remain-ttl2 {
        padding: 0 29px
    }
}

p.remain-ttl2 .txt {
    font-family: "Shippori Mincho", serif;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.95238em;
    letter-spacing: .18em;
    font-weight: 600
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    p.remain-ttl2 .txt {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.94444em
    }
}

@media (max-width: 767px) {
    p.remain-ttl2 .txt {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.875em;
        letter-spacing: .15em
    }
}

@media only screen and (max-width: 767px) and (max-width: 374px) {
    p.remain-ttl2 .txt {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.85714em
    }
}

@media (min-width: 768px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-wrap {
        margin-top: 14px
    }
}

@media (min-width: 768px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-wrap .remain-wrap__img {
        width: calc(369.67/835 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-wrap .remain-wrap__img {
        padding-right: calc(33/348 * 100%)
    }
}

@media (min-width: 768px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-wrap .remain-wrap__ctn {
        width: calc(420/835 * 100%);
        padding-top: 6px
    }
}

@media (max-width: 767px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-wrap .remain-wrap__ctn {
        margin-top: 17px;
        padding: 0 0 0 28px
    }
}

.sec-remain .sec-remain__ctn .remain-inner .remain-wrap .remain-wrap__ctn .remain-txt {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 2.26087em;
    letter-spacing: .18em;
    font-weight: 500
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-wrap .remain-wrap__ctn .remain-txt {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2.25em
    }
}

@media (max-width: 767px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-wrap .remain-wrap__ctn .remain-txt {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2.0625em;
        letter-spacing: .18em;
        font-weight: 800
    }
}

@media only screen and (max-width: 767px) and (max-width: 374px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-wrap .remain-wrap__ctn .remain-txt {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2.07143em
    }
}

.sec-remain .sec-remain__ctn .remain-inner .remain-wrap .remain-wrap__ctn .remain-txt .remain-txt__sm {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.88889em;
    letter-spacing: .18em;
    font-weight: 500
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-wrap .remain-wrap__ctn .remain-txt .remain-txt__sm {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 2.83333em
    }
}

@media (max-width: 767px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-wrap .remain-wrap__ctn .remain-txt .remain-txt__sm {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 2.2em;
        letter-spacing: .18em;
        font-weight: 500
    }
}

@media only screen and (max-width: 767px) and (max-width: 374px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-wrap .remain-wrap__ctn .remain-txt .remain-txt__sm {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 2.23077em
    }
}

.sec-remain .sec-remain__ctn .remain-inner .remain-wrap .remain-wrap__ctn .remain-txt .is-bold {
    font-weight: 700
}

.sec-remain .sec-remain__ctn .remain-inner .remain-wrap .remain-wrap__ctn .remain-txt .is-big {
    font-weight: inherit
}

@media (min-width: 768px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-wrap .remain-wrap__ctn .remain-txt .is-big {
        font-size: 30px;
        font-size: 3rem
    }
}

@media (max-width: 767px) {
    .sec-remain .sec-remain__ctn .remain-inner .remain-wrap .remain-wrap__ctn .remain-txt .is-big {
        font-size: 20px;
        font-size: 2rem
    }
}

.sec-design {
    position: relative;
    z-index: 1
}

@media (min-width: 768px) {
    .sec-design {
        background-image: url("/assets/img/top/design-bg.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-color: rgba(0, 0, 0, 0);
        background-size: 100% 100%;
        padding: 100px 0
    }
}

@media (max-width: 767px) {
    .sec-design {
        background-image: url("/assets/img/top/design-bg-sp.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-color: rgba(0, 0, 0, 0);
        background-size: 100% 100%;
        padding: 80px 0
    }
}

@media (min-width: 768px) {
    .sec-design .c-boxtxt01 {
        margin-top: 65px
    }
}

@media (min-width: 768px) {
    .sec-design .design-row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
}

@media (min-width: 768px) {
    .sec-design .design-row.row01 {
        margin-top: 128px;
        height: calc(997/1040 * 100vh);
        min-height: 997px
    }
}

@media (max-width: 767px) {
    .sec-design .design-row.row01 {
        margin-top: 78px
    }
}

@media (min-width: 768px) {
    .sec-design .design-row.row01 .row01-ctn__ttl {
        text-align: center
    }
}

@media (max-width: 767px) {
    .sec-design .design-row.row01 .row01-ctn__ttl {
        margin-left: 5px
    }
}

.sec-design .design-row.row01 .row01-box01 {
    position: relative
}

@media (min-width: 768px) {
    .sec-design .design-row.row01 .row01-box01 {
        width: calc(657/1500 * 100%);
        height: 100%
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-design .design-row.row01 .row01-box01 {
        width: calc(550/1500 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-design .design-row.row01 .row01-box01 {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        height: calc(370.98/581 * 100vh)
    }
}

.sec-design .design-row.row01 .row01-box01 .row01-box01__pic01 {
    position: relative
}

@media (min-width: 768px) {
    .sec-design .design-row.row01 .row01-box01 .row01-box01__pic01 {
        width: 100%;
        height: calc(800.01/997 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-design .design-row.row01 .row01-box01 .row01-box01__pic01 {
        width: calc(275.99/375 * 100%);
        height: 100%
    }
}

.sec-design .design-row.row01 .row01-box01 .row01-box01__pic02 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(274/657 * 100%);
    height: calc(237/997 * 100%)
}

@media (min-width: 768px) {
    .sec-design .design-row.row01 .row01-ctn {
        flex: 1;
        padding-top: 65px
    }
}

@media (max-width: 767px) {
    .sec-design .design-row.row01 .row01-ctn {
        margin-top: 36px
    }
}

@media (min-width: 768px) {
    .sec-design .design-row.row01 .row01-ctn .row01-ctn__inner {
        width: 100%;
        max-width: 360px;
        padding: 0 10px;
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .sec-design .design-row.row01 .row01-ctn .row01-ctn__inner {
        padding: 0 28px
    }
}

@media (min-width: 768px) {
    .sec-design .design-row.row01 .row01-ctn .row01-ctn__desc {
        margin-top: 40px
    }
}

.sec-design .design-row.row01 .row01-ctn .row01-ctn__desc .txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2em;
    letter-spacing: .05em;
    font-weight: 400
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-design .design-row.row01 .row01-ctn .row01-ctn__desc .txt {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 2em
    }
}

@media (max-width: 767px) {
    .sec-design .design-row.row01 .row01-ctn .row01-ctn__desc .txt {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.86667em
    }
}

@media (min-width: 768px) {
    .sec-design .design-row.row01 .row01-ctn .row01-ctn__desc .txt:not(:last-child) {
        margin-bottom: 35px
    }
}

@media (max-width: 767px) {
    .sec-design .design-row.row01 .row01-ctn .row01-ctn__desc .txt:not(:last-child) {
        margin-bottom: 30px
    }
}

@media (min-width: 768px) {
    .sec-design .design-row.row01 .row01-box02 {
        width: calc(343/1500 * 100%);
        height: calc(800.01/997 * 100%)
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-design .design-row.row01 .row01-box02 {
        width: calc(287/1500 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-design .design-row.row01 .row01-box02 {
        width: calc(347/375 * 100%);
        margin: 52px 0 0 auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between
    }
}

.sec-design .design-row.row01 .row01-box02 .row01-box02__col {
    width: calc(146/347 * 100%);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between
}

.sec-design .design-row.row01 .row01-box02 .row01-box02__col .row02-box01__pic01 {
    position: relative;
    height: calc(127/260 * 100%)
}

@media (max-width: 767px) {
    .sec-design .design-row.row01 .row01-box02 .row01-box02__col .row02-box01__pic01 {
        content: "";
        display: block;
        padding-top: calc(127/146 * 100%)
    }
}

.sec-design .design-row.row01 .row01-box02 .row01-box02__col .row01-box01__pic02 {
    position: relative;
    height: calc(127/260 * 100%)
}

@media (max-width: 767px) {
    .sec-design .design-row.row01 .row01-box02 .row01-box02__col .row01-box01__pic02 {
        content: "";
        display: block;
        padding-top: calc(127/146 * 100%)
    }
}

.sec-design .design-row.row01 .row01-box02 .row01-box02__pic03 {
    position: relative;
    height: 100%
}

@media (min-width: 768px) {
    .sec-design .design-row.row01 .row01-box02 .row01-box02__pic03 {
        width: 100%
    }
}

@media (max-width: 767px) {
    .sec-design .design-row.row01 .row01-box02 .row01-box02__pic03 {
        width: calc(194/347 * 100%)
    }

    .sec-design .design-row.row01 .row01-box02 .row01-box02__pic03:before {
        content: "";
        display: block;
        padding-top: calc(260/194 * 100%)
    }
}

.sec-design .design-row.row02 {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between
}

@media (min-width: 768px) {
    .sec-design .design-row.row02 {
        margin-top: -54px;
        height: calc(662.59/1040 * 100vh);
        min-height: 662.59px
    }
}

@media (max-width: 767px) {
    .sec-design .design-row.row02 {
        margin-top: 7px
    }
}

@media (min-width: 768px) {
    .sec-design .design-row.row02 .row02-box01 {
        width: calc(383/1500 * 100%);
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        -o-align-items: flex-end;
        align-items: flex-end
    }
}

.sec-design .design-row.row02 .row02-box01 .row02-box01__pic01 {
    position: relative;
    width: 100%;
    height: calc(377/662.59 * 100%)
}

.sec-design .design-row.row02 .row02-box02 {
    position: relative
}

@media (min-width: 768px) {
    .sec-design .design-row.row02 .row02-box02 {
        width: calc(993/1500 * 100%);
        height: 100%
    }
}

@media (max-width: 767px) {
    .sec-design .design-row.row02 .row02-box02 {
        width: calc(348/375 * 100%);
        height: 100%
    }
}

.sec-design .design-row.row02 .row02-box02 .row02-box02__pic02 {
    position: relative;
    width: 100%;
    height: 100%
}

@media (max-width: 767px) {
    .sec-design .design-row.row02 .row02-box02 .row02-box02__pic02:before {
        content: "";
        display: block;
        padding-top: calc(260/348 * 100%)
    }
}

.sec-res-contact {
    position: relative;
    z-index: 2
}

.sec-concrete {
    background-color: #fff
}

@media (min-width: 768px) {
    .sec-concrete {
        padding: 0 0 100px;
    }
}

@media (max-width: 767px) {
    .sec-concrete {
        padding: 42px 0 35px
    }
}

@media (min-width: 768px) {
    .sec-concrete .c-boxtxt01 {
        margin-top: 65px
    }
}

@media (max-width: 767px) {
    .sec-concrete .c-boxtxt01 {
        margin-top: 17px
    }
}

@media (min-width: 768px) {
    .sec-concrete .concrete-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 71px
    }
}

@media (max-width: 767px) {
    .sec-concrete .concrete-wrap {
        margin-top: 21px
    }
}

.sec-concrete .concrete-wrap .concrete-wrap__img {
    position: relative
}

@media (min-width: 768px) {
    .sec-concrete .concrete-wrap .concrete-wrap__img {
        order: 2;
        width: calc(840/1500 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-concrete .concrete-wrap .concrete-wrap__img {
        width: calc(355/375 * 100%);
        height: calc(178/581 * 100vh);
        min-height: 178px
    }
}

.sec-concrete .concrete-wrap .concrete-wrap__chart {
    position: relative;
    z-index: 1
}

@media (min-width: 768px) {
    .sec-concrete .concrete-wrap .concrete-wrap__chart {
        order: 1;
        width: calc(882/1500 * 100%);
        margin-right: calc(-222/1500 * 100%);
        padding: 134px 0 141px 10px
    }
}

@media (max-width: 767px) {
    .sec-concrete .concrete-wrap .concrete-wrap__chart {
        width: calc(355/375 * 100%);
        margin: -35px 0 0 auto;
        padding: 24px 4.5px 10px 10px
    }
}

.sec-concrete .concrete-wrap .concrete-wrap__chart:before {
    content: "";
    position: absolute;
    z-index: -1;
    background-color: rgba(255, 255, 255, 0.96)
}

@media (min-width: 768px) {
    .sec-concrete .concrete-wrap .concrete-wrap__chart:before {
        top: 60px;
        right: 74px;
        bottom: 58.8px;
        left: 0
    }
}

@media (max-width: 767px) {
    .sec-concrete .concrete-wrap .concrete-wrap__chart:before {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.sec-concrete .concrete-wrap .concrete-wrap__chart .chart-ttl {
    font-family: "Shippori Mincho", serif;
    font-size: 20px;
    font-size: 2rem;
    line-height: 2.35em;
    letter-spacing: .08em;
    font-weight: 500;
    text-align: center
}

@media (min-width: 768px) {
    .sec-concrete .concrete-wrap .concrete-wrap__chart .chart-ttl {
        padding-right: calc(70/882 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-concrete .concrete-wrap .concrete-wrap__chart .chart-ttl {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 2.06667em
    }
}

.sec-concrete .concrete-wrap .concrete-wrap__chart .chart-ctn {
    text-align: right
}

.sec-concrete .concrete-wrap .concrete-wrap__chart .chart-ctn img {
    width: 100%;
    max-width: 652px
}

.sec-concrete .concrete-wcm {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 10px
}

@media (min-width: 768px) {
    .sec-concrete .concrete-box {
        padding: 6px;
        margin-top: 156px;
        border: solid 1px #9D9D9D
    }
}

@media (max-width: 767px) {
    .sec-concrete .concrete-box {
        margin-top: 37px
    }
}

@media (min-width: 768px) {
    .sec-concrete .concrete-box .concrete-box__inner {
        border: solid 1px #9D9D9D;
        position: relative;
        padding: 29px 10px 89px
    }
}

.sec-concrete .concrete-box .box-ttl__jp {
    text-align: center
}

@media (min-width: 768px) {
    .sec-concrete .concrete-box .box-ttl__jp {
        position: absolute;
        top: -37px;
        left: 0;
        width: 100%
    }
}

.sec-concrete .concrete-box .box-ttl__jp .txt {
    font-family: "Shippori Mincho", serif;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 2em;
    letter-spacing: .1em;
    font-weight: 500;
    background-color: #fff
}

@media (min-width: 768px) {
    .sec-concrete .concrete-box .box-ttl__jp .txt {
        padding: 0 28px
    }
}

@media (max-width: 767px) {
    .sec-concrete .concrete-box .box-ttl__jp .txt {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 2em
    }
}

.sec-concrete .concrete-box .box-ttl__en {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.33333em;
    letter-spacing: .05em;
    font-weight: 300;
    text-align: center
}

@media (max-width: 767px) {
    .sec-concrete .concrete-box .box-ttl__en {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.38462em
    }
}

@media (min-width: 768px) {
    .sec-concrete .concrete-box .box-desc {
        text-align: center;
        margin-top: 50px
    }

    .sec-concrete .concrete-box .box-desc2 {
        text-align: left;
        margin: 50px 130px;
    }
}

@media (max-width: 767px) {
    .sec-concrete .concrete-box .box-desc {
        margin-top: 26px;
        padding: 0 10px
    }
}

.sec-concrete .concrete-box .box-desc .box-desc__txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2em;
    letter-spacing: .05em;
    font-weight: 400
}

.sec-concrete .concrete-box .box-desc2 .box-desc__txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2em;
    letter-spacing: .05em;
    font-weight: 400;
    padding-bottom: 20px;
}


@media (max-width: 767px) {
    .sec-concrete .concrete-box .box-desc .box-desc__txt {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.86667em
    }
}

@media (min-width: 768px) {
    .sec-concrete .concrete-box .box-chart {
        width: 100%;
        max-width: 863.2px;
        margin: 48px auto 0
    }
}

@media (max-width: 767px) {
    .sec-concrete .concrete-box .box-chart {
        margin-top: 39px;
        padding: 0 2px 0 9px
    }
}

@media (min-width: 768px) {
    .sec-concrete .concrete-box2 {
        padding: 6px;
        border: solid 1px #9D9D9D
    }
}

@media (max-width: 767px) {
    .sec-concrete .concrete-box2 {
        margin-top: 37px
    }
}

@media (min-width: 768px) {
    .sec-concrete .concrete-box2 .concrete-box__inner {
        border: solid 1px #9D9D9D;
        position: relative;
        padding: 29px 10px
    }
}

.sec-concrete .concrete-box2 .box-ttl__jp {
    text-align: center
}

@media (min-width: 768px) {
    .sec-concrete .concrete-box2 .box-ttl__jp {
        position: absolute;
        top: -37px;
        left: 0;
        width: 100%
    }
}

.sec-concrete .concrete-box2 .box-ttl__jp .txt {
    font-family: "Shippori Mincho", serif;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 2em;
    letter-spacing: .1em;
    font-weight: 500;
    background-color: #fff
}

@media (min-width: 768px) {
    .sec-concrete .concrete-box2 .box-ttl__jp .txt {
        padding: 0 28px
    }
}

@media (max-width: 767px) {
    .sec-concrete .concrete-box2 .box-ttl__jp .txt {
        font-size: 22px;
        font-size: 1.6rem;
        line-height: 2em
    }
}

.sec-concrete .concrete-box2 .box-ttl__en {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.33333em;
    letter-spacing: .05em;
    font-weight: 300;
    text-align: center
}

@media (max-width: 767px) {
    .sec-concrete .concrete-box2 .box-ttl__en {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.38462em
    }
}

@media (min-width: 768px) {
    .sec-concrete .concrete-box2 .box-desc {
        text-align: center;
        margin-top: 50px
    }

    .sec-concrete .concrete-box2 .box-desc2 {
        text-align: left;
        margin: 50px 130px;
    }
}

@media (max-width: 767px) {
    .sec-concrete .concrete-box2 .box-desc2 {
        margin-top: 26px;
    }
}

.sec-concrete .concrete-box2 .box-desc2 .box-desc__txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2em;
    letter-spacing: .05em;
    font-weight: 400
}

.sec-concrete .concrete-box2 .box-desc2 .box-desc__txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2em;
    letter-spacing: .05em;
    font-weight: 400;
    padding-bottom: 20px;
}


@media (max-width: 767px) {
    .sec-concrete .concrete-box2 .box-desc2 .box-desc__txt {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.86667em;
        padding: 0 10px 20px;
    }
}

@media (min-width: 768px) {
    .sec-concrete .concrete-box2 .box-chart {
        width: 100%;
        max-width: 863.2px;
        margin: 48px auto 0
    }
}

@media (max-width: 767px) {
    .sec-concrete .concrete-box2 .box-chart {
        margin-top: 39px;
        padding: 0 2px 0 9px
    }
}

.sec-spec {
    background-color: #1A1A1A
}

@media (min-width: 768px) {
    .sec-spec {
        padding: 189px 0 199px
    }
}

@media (max-width: 767px) {
    .sec-spec {
        padding: 31px 0 108px
    }
}

@media (min-width: 768px) {
    .sec-spec .c-botxt02 {
        margin-top: 66px
    }
}

.sec-spec .spec-thumb {
    position: relative
}

@media (min-width: 768px) {
    .sec-spec .spec-thumb {
        width: 95%;
        margin: 93px 0 0 auto;
        height: calc(735/1040 * 100vh);
        min-height: 735px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-thumb {
        width: 100%;
        margin: 38px 0 0 auto;
        height: calc(230/581 * 100vh);
        min-height: 230px
    }
}

.sec-spec .spec-ctn01 {
    position: relative;
    z-index: 1
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01 {
        width: 95%;
        padding-right: 10px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01 {
        width: 96%
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01 .spec-ctn01__wrap {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01 .ctn01-col__ttl {
        width: 153px;
        padding-top: 2px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1320px) {
    .sec-spec .spec-ctn01 .ctn01-col__ttl {
        width: 110px
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-spec .spec-ctn01 .ctn01-col__ttl {
        width: 95px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01 .ctn01-col__ttl {
        padding-right: 20px
    }
}

.sec-spec .spec-ctn01 .ctn01-col__main .main-ttl {
    position: relative;
    font-family: "Shippori Mincho", serif;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.42857em;
    letter-spacing: 0em;
    font-weight: 500
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01 .ctn01-col__main .main-ttl {
        padding-bottom: 35px;
        border-bottom: solid 1px #B7B7B7
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1320px) {
    .sec-spec .spec-ctn01 .ctn01-col__main .main-ttl {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 1.44em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-spec .spec-ctn01 .ctn01-col__main .main-ttl {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.40909em
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01 .ctn01-col__main .main-ttl:before {
        content: "";
        position: absolute;
        bottom: 3px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #B7B7B7
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01 .ctn01-col__main .main-ttl {
        font-size: 23px;
        font-size: 1.7rem;
        line-height: 1.78261em;
        letter-spacing: .03em;
        padding: 0 21px 0 18px
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01 .spec-desc01 {
        margin-top: 39px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01 .spec-desc01 {
        margin-top: 19px;
        padding: 0 20px
    }
}

.sec-spec .spec-ctn01 .spec-desc01 .txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2em;
    letter-spacing: .05em;
    font-weight: 400
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01 .spec-desc01 .txt {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.86667em;
        letter-spacing: .05em;
        font-weight: 400
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01 .spec-desc02 {
        margin-top: 39px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01 .spec-desc02 {
        margin-top: 12px;
        padding: 0 20px
    }
}

.sec-spec .spec-ctn01 .spec-desc02 .txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2em;
    letter-spacing: .05em;
    font-weight: 400
}

.sec-spec .spec-ctn01.spec-standard {
    background-color: #F4F4F4
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard {
        margin-top: -295px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard {
        margin-top: -67px
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .c-ttl01 {
        min-height: 751px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1320px) {
    .sec-spec .spec-ctn01.spec-standard .c-ttl01 {
        min-height: 668px
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-spec .spec-ctn01.spec-standard .c-ttl01 {
        min-height: 514px
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .spec-ctn01__wrap {
        padding: 126px 10px 132px 0
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .spec-ctn01__wrap {
        padding: 56px 0 58px
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main {
        margin-left: calc(77/1405 * 100%)
    }
}

@media only screen and (min-width: 768px) and (min-width: 1500px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main {
        width: calc(1040/1405 * 100%)
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1500px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main {
        flex: 1;
        max-width: 1040px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main {
        margin-top: 27px
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 {
        margin-top: -13px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 {
        margin-top: 46px
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item {
    position: relative
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item {
        width: calc(483/1040 * 100%);
        padding-right: calc(55/1040 * 100%);
        margin-top: 84px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item:not(:last-child) {
        margin-bottom: 57px
    }

    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item:nth-child(even) .item-thumb {
        margin: 0 0 0 auto
    }

    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item:nth-child(even) .item-ttl01 {
        top: 60px;
        left: 18px
    }

    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item:nth-child(odd).spec .item-ttl01 {
        top: 20px;
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.16em;
        letter-spacing: 0em
    }

    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item:nth-child(odd) .item-ttl01 {
        top: 60px;
        right: 19px
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ttl01 {
    position: absolute;
    display: inline-block;
    z-index: 1;
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 1.30303em;
    letter-spacing: .03em;
    font-weight: 700;
    writing-mode: vertical-rl;
    text-orientation: upright
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ttl01 {
        top: 29px;
        right: -5px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1320px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ttl01 {
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.3em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ttl01 {
        top: 23px;
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 1.28571em
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ttl01 {
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.27em;
        letter-spacing: 0em
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ttl01 .item-ttl01__bg {
    background-color: #F4F4F4
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ttl01 .item-ttl01__bg {
        padding: 7px 0 8px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ttl01 .item-ttl01__bg {
        padding: 6px 0 8px
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ttl01 .txt-bg {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: .97727em;
    letter-spacing: .048em;
    font-weight: inherit
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ttl01 .txt-bg {
        margin-bottom: -12px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ttl01 .txt-bg {
        font-size: 36px;
        font-size: 3.6rem;
        line-height: 1.05833em;
        letter-spacing: 0em;
        margin-bottom: -6px
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-thumb {
    position: relative
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-thumb {
        width: calc(285/360 * 100%)
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-thumb:before {
    content: "";
    display: block
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-thumb:before {
        padding-top: calc(484/428 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-thumb:before {
        padding-top: calc(343/285 * 100%)
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ctn {
        margin-top: 24px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ctn {
        margin-top: 26px
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ctn .item-ttl02 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.77778em;
    letter-spacing: .05em;
    font-weight: 700
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1320px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ctn .item-ttl02 {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.8em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ctn .item-ttl02 {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.75em
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ctn .item-ttl02 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.66667em;
        padding: 0 40px 0 20px
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ctn .item-desc {
        margin-top: 9px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ctn .item-desc {
        margin-top: 10px;
        padding: 0 20px
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ctn .item-desc .txt {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.86667em;
    letter-spacing: .05em;
    font-weight: 400
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1320px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ctn .item-desc .txt {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.83333em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap01 .main-wrap01__item .item-ctn .item-desc .txt {
        font-size: 10px;
        font-size: 1rem;
        line-height: 1.9em
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 {
        margin-top: 84px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 42px;
        padding-right: 20px
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 .main-wrap02__item {
        width: calc(224/1040 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 .main-wrap02__item {
        width: calc(169/340 * 100%);
        margin-top: 41px
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 .main-wrap02__item .wrap02-thumb {
    position: relative
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 .main-wrap02__item .wrap02-thumb:before {
    content: "";
    display: block;
    padding-top: 100%
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 .main-wrap02__item .wrap02-ctn {
        margin-top: 25px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 .main-wrap02__item .wrap02-ctn {
        margin-top: 13px;
        padding-left: 20px
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 .main-wrap02__item .wrap02-ctn .wrap02-ttl {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1.30435em;
    letter-spacing: .05em;
    font-weight: 700;
    min-height: 60px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1320px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 .main-wrap02__item .wrap02-ctn .wrap02-ttl {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.33333em;
        min-height: 40px
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 .main-wrap02__item .wrap02-ctn .wrap02-ttl {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.33333em;
        min-height: 32px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 .main-wrap02__item .wrap02-ctn .wrap02-ttl {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.5em
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 .main-wrap02__item .wrap02-ctn .wrap02-desc {
        margin-top: 17px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 .main-wrap02__item .wrap02-ctn .wrap02-desc {
        margin-top: 4px
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 .main-wrap02__item .wrap02-ctn .wrap02-desc .txt {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.86667em;
    letter-spacing: .05em;
    font-weight: 400
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1320px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 .main-wrap02__item .wrap02-ctn .wrap02-desc .txt {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.83333em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 .main-wrap02__item .wrap02-ctn .wrap02-desc .txt {
        font-size: 10px;
        font-size: 1rem;
        line-height: 1.9em
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-wrap02 .main-wrap02__item .wrap02-ctn .wrap02-desc .txt {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.66667em
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request {
    position: relative
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request {
        margin-top: 95px;
        padding-top: 27px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request {
        margin-top: 47px;
        padding: 24px 19px 0
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request:before {
    content: "";
    position: absolute;
    width: 38px;
    height: 32px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="38" height="32" viewBox="0 0 38 32"><path id="Polygon_13" data-name="Polygon 13" d="M19,0,38,32H0Z" fill="%23fff"/></svg>');
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
    background-size: 100% 100%
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner {
    background-color: #FFF
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner {
        padding: 39px 10px 56px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner {
        padding: 35px 10px 20px
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-ttl01 {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: .88889em;
    letter-spacing: .05em;
    font-weight: 300;
    text-align: center
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1320px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-ttl01 {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: .86667em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-ttl01 {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: .91667em
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-ttl01 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: .88889em
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-ttl02 {
    text-align: center
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-ttl02 {
        margin-top: 18px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-ttl02 {
        margin-top: 9px
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-ttl02 .txt {
    position: relative;
    font-family: "Shippori Mincho", serif;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 2em;
    letter-spacing: 0em;
    font-weight: 600;
    text-align: center;
    text-decoration: none !important;
    background-image: linear-gradient(0deg, #000, #000);
    background-size: 99% 1px;
    background-position: left bottom;
    background-repeat: no-repeat
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-ttl02 .txt {
        padding: 0 5px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1320px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-ttl02 .txt {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 2em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-ttl02 .txt {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2em
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-ttl02 .txt {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.88889em
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-btn {
    position: relative;
    z-index: 1;
    display: block;
    max-width: 473px;
    background: #000000;
    cursor: pointer
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-btn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/assets/img/top/btn-bg01.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 0, 0, 0);
    background-size: 100% 100%;
    z-index: -1;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

@media only screen and (min-width: 1025px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-btn:hover {
        opacity: 1
    }

    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-btn:hover:after {
        opacity: 0
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-btn {
        width: 100%;
        margin: 31px auto 0
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-btn {
        position: relative;
        width: calc(100% - 18px);
        margin: 21px auto 0;
        padding: 26px 40px 27px 17px
    }

    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-btn:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 13px;
        transform: translateY(-50%);
        width: 25.51px;
        height: 7.95px;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26.321" height="8.1" viewBox="0 0 26.321 8.1"><path id="Path_393292" data-name="Path 393292" d="M3430.094-8594.408H3454.6l-8.423-6.948" transform="translate(-3430.094 8601.857)" fill="none" stroke="%23fff" stroke-width="1.3"/></svg>');
        background-repeat: no-repeat;
        background-color: transparent;
        background-position: center;
        background-size: 100% 100%
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-btn .request-btn__wrap {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        padding: 14px 18px 15px 37px
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-btn .request-btn__txt {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        width: calc(287.63/419.63 * 100%)
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-btn .request-btn__txt .txt {
    position: relative;
    width: 100%;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.375em;
    letter-spacing: .06em;
    font-weight: 700;
    color: #fff
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-btn .request-btn__txt .txt {
        padding-left: 62px;
        text-align: right
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-btn .request-btn__txt .txt {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.27778em;
        letter-spacing: .06em;
        font-weight: 700;
        padding-left: 46px;
        text-align: center
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-btn .request-btn__txt .txt:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-image: url("/assets/img/top/icon-line01.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 0, 0, 0);
    background-size: 100% 100%
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-btn .request-btn__txt .txt:before {
        width: 61.05px;
        height: 58.17px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-btn .request-btn__txt .txt:before {
        width: 43.28px;
        height: 41.23px
    }
}

.sec-spec .spec-ctn01.spec-standard .ctn01-col__main .main-request .main-request__inner .request-btn .request-btn__qr {
    width: calc(118/419.63 * 100%)
}

.sec-spec .spec-ctn01.spec-interior {
    background-color: #fff
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .c-ttl01 {
        min-height: 420px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1320px) {
    .sec-spec .spec-ctn01.spec-interior .c-ttl01 {
        min-height: 386px
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-spec .spec-ctn01.spec-interior .c-ttl01 {
        min-height: 290px
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .spec-ctn01__wrap {
        padding: 126px 10px 133px 0
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .spec-ctn01__wrap {
        padding: 56px 0 56px;
        overflow: hidden
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main {
        margin-left: calc(77/1405 * 100%);
        width: calc(1040/1405 * 100%)
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1500px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main {
        width: calc(1040/1405 * 100%)
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1350px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main {
        width: calc(1150/1405 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main {
        margin-top: 27px
    }
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn {
        margin-top: 40px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn {
        position: relative;
        margin-top: 5px;
        padding: 0 20px;
        height: 100%;
        overflow-x: scroll;
        overflow-y: hidden
    }

    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn:before {
        content: "";
        position: absolute;
        width: calc(100% - 40px);
        min-width: 381px;
        bottom: 0;
        left: 20px;
        height: 2px;
        background-color: #000
    }
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item {
    opacity: 0.33;
    position: relative;
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    cursor: pointer
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item {
        padding-bottom: 17px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item {
        width: 84px;
        padding-bottom: 2px
    }

    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item:not(:last-child) {
        margin-right: 15px
    }
}

@media only screen and (min-width: 1025px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item:hover {
        opacity: 1
    }

    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item:hover:before {
        opacity: 1
    }

    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item:hover .btn-box .btn-img .btn-img__inner .img01-or {
        opacity: 0
    }

    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item:hover .btn-box .btn-img .btn-img__inner .img01-hv {
        opacity: 1
    }
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 22px;
    height: 19px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item:before {
        bottom: 0;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="19" viewBox="0 0 22 19"><path id="Polygon_10" data-name="Polygon 10" d="M11,0,22,19H0Z" transform="translate(22 19) rotate(180)"/></svg>');
        background-repeat: no-repeat;
        background-color: transparent;
        background-position: center;
        background-size: 100% 100%
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item:before {
        bottom: -2px;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="27.756" height="21.035" viewBox="0 0 27.756 21.035"><path id="Path_393348" data-name="Path 393348" d="M61.1,18.905,54.032,8.767,48.048.19,34.988,18.905" transform="translate(-34.168 1.558)" fill="%23fff" stroke="%23000" stroke-miterlimit="10" stroke-width="2"/></svg>');
        background-repeat: no-repeat;
        background-color: transparent;
        background-position: center;
        background-size: 100% 100%
    }
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item.active {
    opacity: 1
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item.active:before {
    opacity: 1
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item.active .btn-box .btn-img .btn-img__inner .img01-or {
    opacity: 0
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item.active .btn-box .btn-img .btn-img__inner .img01-hv {
    opacity: 1
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item .btn-box {
        padding-bottom: 15px;
        border-bottom: solid 3px #000;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item .btn-box {
        padding-bottom: 22px
    }
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item .btn-box .btn-img {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item .btn-box .btn-img {
        order: 1;
        width: 65px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1000px) and (max-width: 1250px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item .btn-box .btn-img {
        width: 55px
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1000px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item .btn-box .btn-img {
        width: 50px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item .btn-box .btn-img {
        width: 84px
    }
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item .btn-box .btn-img .btn-img__inner {
    position: relative;
    width: 100%
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item .btn-box .btn-img .btn-img__inner:before {
    content: "";
    display: block;
    padding-top: 100%
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item .btn-box .btn-img .btn-img__inner .img01-or {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item .btn-box .btn-img .btn-img__inner .img01-hv {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item .btn-box .btn-txt {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        margin-left: 12px;
        order: 2
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1250px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item .btn-box .btn-txt {
        margin-left: 8px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item .btn-box .btn-txt {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: end;
        -moz-align-items: end;
        -ms-align-items: end;
        -o-align-items: end;
        align-items: end;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        min-height: 48px;
        margin-bottom: 4px
    }
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item .btn-box .btn-txt .txt {
    font-family: "Roboto", sans-serif;
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 1.33333em;
    letter-spacing: 0em;
    font-weight: 700
}

@media only screen and (min-width: 768px) and (min-width: 1000px) and (max-width: 1250px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item .btn-box .btn-txt .txt {
        font-size: 23px;
        font-size: 2.3rem;
        line-height: 1.34783em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1000px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item .btn-box .btn-txt .txt {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 1.35294em
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-btn .interior-btn__item .btn-box .btn-txt .txt {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.33333em;
        text-align: center;
        white-space: nowrap;
        margin: 0 -10px
    }
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab {
    position: relative
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab {
        margin-top: 36px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab {
        margin-top: 20px
    }
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item {
    width: 100%;
    visibility: hidden;
    height: 0
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item {
        display: none
    }
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item.active {
    visibility: visible;
    height: auto
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item.active {
        display: block
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-wrap {
        padding: 0 10px
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-wrap .tab-wrap__ttl {
        margin-right: calc(52.1/1040 * 100%)
    }
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-wrap .tab-wrap__ttl .ttl01 {
    font-family: "Roboto", sans-serif;
    font-size: 76px;
    font-size: 7.6rem;
    line-height: 1.32895em;
    letter-spacing: 0em;
    font-weight: 700;
    text-align: center
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-wrap .tab-wrap__ttl .ttl01 {
        font-size: 55px;
        font-size: 5.5rem;
        line-height: 1.32727em
    }
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-wrap .tab-wrap__ctn {
    flex: 1
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-wrap .tab-wrap__ctn {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-wrap .tab-wrap__ctn {
        margin-top: 20px;
        padding: 0 9px
    }
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-wrap .tab-wrap__ctn .txt {
    font-size: 16px;
    font-size: 1.5rem;
    line-height: 2em;
    letter-spacing: .05em;
    font-weight: 400
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        margin-top: 28px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide {
        margin-top: 30px
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__show {
        width: calc(774/1040 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__show {
        padding: 0 20px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__show .slick-list {
        overflow: visible
    }
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__show .slick-slide.slick-current .tab-desc {
    opacity: 1
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__show .show-slide {
        padding: 0 1px
    }
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__show .show-slide .show-img {
    position: relative
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__show .show-slide .show-img:before {
    content: "";
    display: block
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__show .show-slide .show-img:before {
        padding-top: calc(547/1040 * 100vh)
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__show .show-slide .show-img:before {
        padding-top: calc(226.35/320 * 100%)
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__show .show-slide .tab-desc {
        margin-top: 18px
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__show .show-slide .tab-desc {
        margin-top: 14px;
        opacity: 0;
        -webkit-transition: opacity ease 0.3s;
        -moz-transition: opacity ease 0.3s;
        -ms-transition: opacity ease 0.3s;
        -o-transition: opacity ease 0.3s;
        transition: opacity ease 0.3s
    }
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__show .show-slide .tab-desc .txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2em;
    letter-spacing: .05em;
    font-weight: 400
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__show .show-slide .tab-desc .txt {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.78571em
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__thumb {
        width: calc(242/1040 * 100%);
        height: calc(586/1040 * 100vh)
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__thumb {
        padding: 0 16px;
        margin-top: 12px
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__thumb .slick-track {
        transform: none !important
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__thumb .slick-slide {
        padding: 0 4px
    }
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__thumb .slick-slide.slick-current .thumb-img:after {
    opacity: 0
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__thumb .thumb-img {
    position: relative;
    margin-bottom: calc(11/1040 * 100vh);
    cursor: pointer;
    cursor: pointer
}

@media only screen and (min-width: 1025px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__thumb .thumb-img:hover:after {
        opacity: 0
    }
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__thumb .thumb-img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    opacity: 0.87;
    -webkit-transition: opacity ease 0.3s;
    -moz-transition: opacity ease 0.3s;
    -ms-transition: opacity ease 0.3s;
    -o-transition: opacity ease 0.3s;
    transition: opacity ease 0.3s
}

.sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__thumb .thumb-img:before {
    content: "";
    display: block
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__thumb .thumb-img:before {
        padding-top: calc(171/1050 * 100vh)
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-interior .ctn01-col__main .interior-tab .interior-tab__item .tab-slide .tab-slide__thumb .thumb-img:before {
        padding-top: calc(51.63/72.99 * 100%)
    }
}

.sec-spec .spec-ctn01.spec-exterior {
    background-color: #F4F4F4
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-exterior .c-ttl01 {
        min-height: 440px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1320px) {
    .sec-spec .spec-ctn01.spec-exterior .c-ttl01 {
        min-height: 410px
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-spec .spec-ctn01.spec-exterior .c-ttl01 {
        min-height: 310px
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-exterior .spec-ctn01__wrap {
        padding: 126px 10px 142px 0
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-exterior .spec-ctn01__wrap {
        padding: 56px 0 59px;
        overflow: hidden
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-exterior .ctn01-col__main {
        margin-left: calc(77/1405 * 100%);
        width: calc(1040/1405 * 100%)
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1500px) {
    .sec-spec .spec-ctn01.spec-exterior .ctn01-col__main {
        width: calc(1040/1405 * 100%)
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1350px) {
    .sec-spec .spec-ctn01.spec-exterior .ctn01-col__main {
        width: calc(1150/1405 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-exterior .ctn01-col__main {
        margin-top: 27px
    }
}

@media (min-width: 768px) {
    .sec-spec .spec-ctn01.spec-exterior .ctn01-col__main .exterior-img {
        text-align: center;
        margin: 41px auto 0;
        width: 70%;
    }
}

@media (max-width: 767px) {
    .sec-spec .spec-ctn01.spec-exterior .ctn01-col__main .exterior-img {
        margin-top: 33px;
        padding: 0 20px
    }
}

.sec-banner {
    position: fixed;
    z-index: 998;
    display: none
}

@media (min-width: 768px) {
    .sec-banner {
        width: calc(327.61/1500 * 100%);
        max-width: 327.61px;
        right: 6px;
        bottom: 82px;
        padding: 15px 15px 0 0
    }
}

@media (max-width: 767px) {
    .sec-banner {
        width: calc(196.34/375 * 100%);
        max-width: 196.34px;
        left: 8px;
        bottom: 64px;
        padding: 10px 10px 0 0
    }
}

.sec-banner.is-show {
    display: block;
    animation: show_popup 3s forwards
}

.sec-banner.is-show.is-close {
    display: none
}

.sec-banner .banner-close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    cursor: pointer
}

@media (min-width: 768px) {
    .sec-banner .banner-close {
        width: calc(31/327.61 * 100%);
        height: calc(31/327.61 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-banner .banner-close {
        width: 22px;
        height: 22px
    }
}

.sec-banner .banner-close img {
    border-radius: 100%;
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.62);
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.62);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.62)
}

.sec-banner .banner-link {
    position: relative;
    z-index: 1;
    display: block;
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.62);
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.62);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.62)
}

.box-contact {
    background-color: #fff
}

@media (min-width: 768px) {
    .box-contact {
        padding-top: 100px
    }
}

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

.box-contact02 {
    background-color: #fff
}

@media (max-width: 767px) {
    .box-contact02 {
        padding-top: 86px
    }
}

.sec-floor {
    background-color: #fff
}

.sec-floor .floor-mv {
    width: 100%;
    position: relative
}

@media (min-width: 768px) {
    .sec-floor .floor-mv {
        height: calc(468/1040 * 100vh)
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-mv {
        height: calc(226/581 * 100vh)
    }
}

@media (min-width: 768px) {
    .sec-floor .c-ttlwrap01 {
        padding-top: 100px
    }
}

@media (max-width: 767px) {
    .sec-floor .c-ttlwrap01 {
        padding-top: 77px
    }
}

@media (min-width: 768px) {
    .sec-floor .c-ttlwrap01 .c-ttlwrap01__en {
        padding-bottom: 14px
    }
}

@media (min-width: 768px) {
    .sec-floor .c-boxtxt01 {
        margin-top: 65px
    }
}

@media (max-width: 767px) {
    .sec-floor .c-boxtxt01 {
        margin-top: 18px
    }
}

@media (max-width: 767px) {
    .sec-floor .c-boxtxt01 .c-boxtxt01__txt {
        padding: 0 20px
    }
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn {
        width: 90%;
        margin: 94px auto 0
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn {
        margin-top: 43px
    }
}

.sec-floor .floor-ctn .floor-box {
    background-color: #F4F4F4
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box {
        padding: 81px 10px 96px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box {
        padding: 45px 0 87px
    }
}

.sec-floor .floor-ctn .floor-box__inner {
    width: 100%;
    max-width: 896px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between
    }
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap .floor-wrap__ttl {
        width: calc(470/896 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap .floor-wrap__ttl {
        text-align: center
    }
}

.sec-floor .floor-ctn label span.ttl-en {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.3em;
    letter-spacing: 0em;
    font-weight: 400;
    display: block
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-ctn label span.ttl-en {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.3125em
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn label span.ttl-en {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.33333em
    }
}

.sec-floor .floor-ctn label span.ttl-en b.ttl-en__num {
    display: inline-block;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.33333em;
    letter-spacing: 0em;
    font-weight: 400
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn label span.ttl-en b.ttl-en__num {
        position: relative;
        top: 4px;
        margin-left: 10px
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-ctn label span.ttl-en b.ttl-en__num {
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.33333em
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn label span.ttl-en b.ttl-en__num {
        display: block;
        font-size: 63px;
        font-size: 2.3rem;
        line-height: 1.31746em;
        margin-top: -4px
    }
}

.sec-floor .floor-ctn .floor-box__inner .floor-wrap .floor-wrap__ttl .ttl-jp {
    display: block;
    font-family: "Shippori Mincho", serif;
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 1.77778em;
    letter-spacing: .03em;
    font-weight: 500
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap .floor-wrap__ttl .ttl-jp {
        margin-top: 19px
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap .floor-wrap__ttl .ttl-jp {
        font-size: 34px;
        font-size: 3.4rem;
        line-height: 1.76471em
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap .floor-wrap__ttl .ttl-jp {
        font-size: 23px;
        font-size: 2.3rem;
        line-height: 1.78261em;
        margin-top: -2px
    }
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap .floor-wrap__desc {
        width: calc(390/896 * 100%);
        padding-bottom: 12px;
        padding-top: 80px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap .floor-wrap__desc {
        margin-top: 20px;
        padding: 0 20px
    }
}

.sec-floor .floor-ctn .floor-box__inner .floor-wrap .floor-wrap__desc .txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2em;
    letter-spacing: .05em;
    font-weight: 400
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap .floor-wrap__desc .txt {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 2em
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap .floor-wrap__desc .txt {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.86667em
    }
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-infor {
        margin-top: 41px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-infor {
        margin-top: 30px;
        padding: 0 20px
    }
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap01 {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        margin-top: 62px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap01 {
        margin-top: 24px
    }
}

.sec-floor .floor-ctn .floor-box__inner .floor-wrap01 .floor-wrap01__img {
    position: relative
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap01 .floor-wrap01__img {
        width: calc(532/896 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap01 .floor-wrap01__img {
        margin-right: 20px
    }
}

.sec-floor .floor-ctn .floor-box__inner .floor-wrap01 .floor-wrap01__img:before {
    content: "";
    display: block
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap01 .floor-wrap01__img:before {
        padding-top: calc(376.3/532 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap01 .floor-wrap01__img:before {
        padding-top: calc(251/355 * 100%)
    }
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap01 .floor-wrap01__ctn {
        padding-top: 62px;
        width: calc(312/896 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap01 .floor-wrap01__ctn {
        margin-top: 22px;
        padding: 0 20px
    }
}

.sec-floor .floor-ctn .floor-box__inner .floor-wrap01 .floor-wrap01__ctn .txt {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.86667em;
    letter-spacing: .05em;
    font-weight: 400
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap01 .floor-wrap01__ctn .txt {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.86667em
    }
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap02 {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        margin-top: 83px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap02 {
        margin-top: 53px
    }
}

.sec-floor .floor-ctn .floor-box__inner .floor-wrap02 .floor-wrap01__img {
    position: relative
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap02 .floor-wrap01__img {
        width: calc(532/896 * 100%);
        order: 2
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap02 .floor-wrap01__img {
        margin-left: 20px
    }
}

.sec-floor .floor-ctn .floor-box__inner .floor-wrap02 .floor-wrap01__img:before {
    content: "";
    display: block
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap02 .floor-wrap01__img:before {
        padding-top: calc(376.3/532 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap02 .floor-wrap01__img:before {
        padding-top: calc(251/355 * 100%)
    }
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap02 .floor-wrap01__ctn {
        padding-top: 62px;
        width: calc(318/896 * 100%);
        order: 1
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-wrap02 .floor-wrap01__ctn {
        margin-top: 22px;
        padding: 0 20px
    }
}

.sec-floor .floor-ctn .floor-box__inner .floor-wrap02 .floor-wrap01__ctn .txt {
    font-size: 15px;
    font-size: 1.4rem;
    line-height: 1.86667em;
    letter-spacing: .05em;
    font-weight: 400
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup {
        margin-top: 83px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup {
        margin-top: 42px
    }
}

.sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__ttl {
    position: relative;
    z-index: 1;
    text-align: center
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__ttl {
        margin: 0 20px
    }
}

.sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__ttl:before,
.sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__ttl:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 1px;
    background-color: #ADADAD;
    left: 0
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__ttl:before {
        top: 50%
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__ttl:before {
        top: calc(50% - 2px)
    }
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__ttl:after {
        top: calc(50% + 5px)
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__ttl:after {
        top: calc(50% + 3px)
    }
}

.sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__ttl .txt {
    font-family: "Shippori Mincho", serif;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 2.2em;
    letter-spacing: .03em;
    font-weight: 500;
    background-color: #F4F4F4
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__ttl .txt {
        padding: 0 28px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__ttl .txt {
        font-size: 23px;
        font-size: 2.3rem;
        line-height: 1.78261em;
        padding: 0 20px
    }
}

.sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn {
        margin-top: 41px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn {
        margin-top: 18px
    }
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn .btn-item {
        width: calc(430/896 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn .btn-item {
        width: calc(182/375 * 100%)
    }

    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn .btn-item:nth-child(1) .btn-item__link {
        border-radius: 0 20px 20px 0
    }

    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn .btn-item:nth-child(2) .btn-item__link {
        border-radius: 20px 0 0 20px
    }
}

.sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn .btn-item .btn-item__link {
    display: block;
    position: relative;
    background-color: #fff;
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn .btn-item .btn-item__link {
        padding: 15px 10px 10px;
        border-radius: 20px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn .btn-item .btn-item__link {
        padding: 38px 21px 14px
    }
}

@media only screen and (min-width: 1025px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn .btn-item .btn-item__link:hover {
        opacity: 1
    }

    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn .btn-item .btn-item__link:hover .popup-icon {
        background-image: url("/assets/img/top/popup-icon-hv.png");
        background-repeat: no-repeat;
        background-position: center;
        background-color: rgba(0, 0, 0, 0);
        background-size: 100% 100%
    }
}

.sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn .btn-item .btn-item__link .popup-icon {
    position: absolute;
    z-index: 1;
    background-image: url("/assets/img/top/popup-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 0, 0, 0);
    background-size: 100% 100%;
    border-radius: 4px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
    -webkit-transition: background-image ease 0.3s;
    -moz-transition: background-image ease 0.3s;
    -ms-transition: background-image ease 0.3s;
    -o-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn .btn-item .btn-item__link .popup-icon {
        top: 20px;
        right: 19px;
        width: 46px;
        height: 46px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn .btn-item .btn-item__link .popup-icon {
        top: 13px;
        right: 9px;
        width: 46px;
        height: 46px
    }
}

.sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn .btn-item .btn-item__link .popup-inner {
    width: 100%;
    max-width: 289px;
    margin: 0 auto
}

.sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn .btn-item .btn-item__link .popup-inner .popup-img {
    position: relative
}

.sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn .btn-item .btn-item__link .popup-inner .popup-img:before {
    content: "";
    display: block;
    padding-top: calc(269/289 * 100%)
}

.sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn .btn-item .btn-item__link .popup-inner .popup-ttl {
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.70833em;
    letter-spacing: .03em;
    font-weight: 400;
    text-align: center
}

@media (min-width: 768px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn .btn-item .btn-item__link .popup-inner .popup-ttl {
        margin-top: 13px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-ctn .floor-box__inner .floor-popup .floor-popup__btn .btn-item .btn-item__link .popup-inner .popup-ttl {
        font-size: 20px;
        font-size: 2rem;
        line-height: 2.05em;
        margin-top: 8px
    }
}

@media (min-width: 768px) {
    .sec-floor .floor-slide {
        width: calc(1437/1500 * 100%);
        margin: 0 0 0 auto;
        padding: 158px 0 80px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide {
        padding: 64px 0 0;
    }
}

.sec-floor .floor-slide .slick-dots li button:before {
    display: none
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between
    }
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-ctn {
        width: calc(375/1437 * 100%);
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        padding-bottom: 65px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-ctn .slide-ttl .slide-ttl__en {
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.33333em;
    letter-spacing: .05em;
    font-weight: 400;
    display: block
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1350px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-ctn .slide-ttl .slide-ttl__en {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.35em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-ctn .slide-ttl .slide-ttl__en {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.3125em
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-ctn .slide-ttl .slide-ttl__en {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.33333em;
        letter-spacing: 0em;
        text-align: center
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-ctn .slide-ttl .slide-ttl__jp {
    font-family: "Shippori Mincho", serif;
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.55em;
    letter-spacing: .03em;
    font-weight: 500;
    display: block
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-ctn .slide-ttl .slide-ttl__jp {
        margin-top: 18px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1350px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-ctn .slide-ttl .slide-ttl__jp {
        font-size: 35px;
        font-size: 3.5rem;
        line-height: 1.54286em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-ctn .slide-ttl .slide-ttl__jp {
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.56667em
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-ctn .slide-ttl .slide-ttl__jp {
        font-size: 27px;
        font-size: 2.7rem;
        line-height: 1.40741em;
        text-align: center;
        margin-top: 7px;
        padding-left: 34px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-ctn .mainslide-desc {
    margin-top: 20px;
    width: 100%
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-ctn .mainslide-desc {
        max-width: calc(337/375 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-ctn .mainslide-desc {
        padding: 0 18px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-ctn .mainslide-desc .txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2em;
    letter-spacing: .05em;
    font-weight: 400
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1350px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-ctn .mainslide-desc .txt {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-ctn .mainslide-desc .txt {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 2em
    }
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide {
        width: calc(1022/1437 * 100%);
        padding-left: calc(67/1437 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide {
        margin-top: 25px
    }
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst {
        margin-bottom: 60px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst {
        padding: 0 22px 44px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst:not(.slick-initialized) {
    display: none
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-track {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-list {
        padding-right: calc(187/1022 * 100%)
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-list {
        overflow: visible
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-list .slick-slide {
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    height: auto
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-list .slick-slide {
        opacity: 0.3
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-list .slick-slide>div {
    height: 100%
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-list .slick-slide.slick-active {
    opacity: 1
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-arrow {
    position: absolute;
    z-index: 1;
    width: 42.84px;
    height: 75.85px
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-arrow:before {
    display: none
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1350px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-arrow {
        width: 32px;
        height: 57px
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-arrow {
        width: 22px;
        height: 39px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-arrow.slick-prev {
    left: -68px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="43.922" height="76.602" viewBox="0 0 43.922 76.602"><path id="Path_393520" data-name="Path 393520" d="M43.167.374.331,38.3,43.167,76.228" transform="translate(0.423)" fill="none" stroke="%23000" stroke-miterlimit="10" stroke-width="1"/></svg>');
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
    background-size: 100% 100%
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1350px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-arrow.slick-prev {
        left: -48px
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-arrow.slick-prev {
        left: -25px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-arrow.slick-next {
    right: calc(118/1022 * 100%);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="43.922" height="76.602" viewBox="0 0 43.922 76.602"><path id="Path_93734" data-name="Path 93734" d="M.331.374,43.167,38.3.331,76.228" fill="none" stroke="%23000" stroke-miterlimit="10" stroke-width="1"/></svg>');
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
    background-size: 100% 100%
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-dots {
        bottom: -59px;
        transform: translateX(-94px)
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1350px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-dots {
        transform: translateX(-64px)
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-dots {
        transform: translateX(-44px)
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-dots {
        bottom: 1px;
        left: 0
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-dots li {
    margin: 0 10px;
    width: 19px;
    height: 19px;
    border-radius: 100%;
    border: solid 1px #000
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst .slick-dots li.slick-active {
    background-color: #000
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst.slick-dotted.slick-slider {
    margin-bottom: 0
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item {
    height: 100%
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item {
        padding: 0 6px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item {
        padding: 0 5px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-link {
    position: relative;
    display: block;
    background-color: #F4F4F4;
    height: 100%;
    cursor: pointer
}

@media only screen and (min-width: 1025px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-link:hover {
        opacity: 1
    }

    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-link:hover .popup-icon {
        background-image: url("/assets/img/top/popup-icon-hv.png");
        background-repeat: no-repeat;
        background-position: center;
        background-color: rgba(0, 0, 0, 0);
        background-size: 100% 100%
    }

    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-link:hover .slide-img .c-img01 {
        transform: scale(1.1)
    }

    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-link:hover .slide-ctn .slide-btn {
        background-color: #000000
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-link .popup-icon {
    position: absolute;
    z-index: 1;
    background-image: url("/assets/img/top/popup-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 0, 0, 0);
    background-size: 100% 100%;
    border-radius: 4px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
    -webkit-transition: background-image ease 0.3s;
    -moz-transition: background-image ease 0.3s;
    -ms-transition: background-image ease 0.3s;
    -o-transition: background-image ease 0.3s;
    transition: background-image ease 0.3s
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-link .popup-icon {
        top: 20px;
        right: 19px;
        width: 46px;
        height: 46px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-link .popup-icon {
        top: 13px;
        right: 9px;
        width: 46px;
        height: 46px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-img {
    position: relative;
    overflow: hidden;
    border: solid 1px #707070
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-img:before {
    content: "";
    display: block;
    padding-top: calc(263.48/372.49 * 100%)
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-img .c-img01 {
    -webkit-transition: transform ease 0.3s;
    -moz-transition: transform ease 0.3s;
    -ms-transition: transform ease 0.3s;
    -o-transition: transform ease 0.3s;
    transition: transform ease 0.3s
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-img .img-tag {
    position: absolute;
    display: inline-block;
    bottom: 0;
    right: 0;
    z-index: 1;
    font-family: "Shippori Mincho", serif;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.46667em;
    letter-spacing: .02em;
    font-weight: 500;
    color: #fff;
    padding: 5px 12px 5px
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-img .img-tag:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.63
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn {
        padding: 20px 0 33px;
        background-color: #F4F4F4;
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1350px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn {
        padding: 20px 0 33px;
        background-color: #F4F4F4;
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn {
        padding: 15px 22px 33px;
        background-color: #F4F4F4;
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-type {
    position: relative;
    text-align: center;
    margin: 0 auto
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-type {
        width: 178.66px;
        padding-bottom: 17px
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-type {
        width: 148px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-type {
        width: 153.49px;
        padding-bottom: 14px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-type:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 21.67px;
    background-image: url("/assets/img/top/icon-line02.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 0, 0, 0);
    background-size: 100% 100%
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-type .slide-type__head {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.33333em;
    letter-spacing: 0em;
    font-weight: 400
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1350px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-type .slide-type__head {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.35714em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-type .slide-type__head {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.33333em
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-type .slide-type__head {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.3125em
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-type .slide-type__lv {
    position: relative;
    top: -2px;
    display: inline-block;
    border-radius: 100%;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.69231em;
    letter-spacing: 0em;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background-color: #000000
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-type .slide-type__lv {
        width: 22px;
        height: 22px;
        margin-left: 10px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1350px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-type .slide-type__lv {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 2em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-type .slide-type__lv {
        font-size: 10px;
        font-size: 1rem;
        line-height: 2.2em
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-type .slide-type__lv {
        width: 20px;
        height: 20px;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.53846em;
        margin-left: 4px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-desc {
    font-family: "Shippori Mincho", serif;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.63158em;
    letter-spacing: .03em;
    font-weight: 500;
    text-align: center
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-desc {
        margin-top: 12px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1350px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-desc {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.46667em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-desc {
        font-size: 10px;
        font-size: 1rem;
        line-height: 1.6em
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-desc {
        font-size: 17px;
        font-size: 1.6rem;
        line-height: 1.64706em;
        margin-top: 9px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-price {
    text-align: center
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-price {
        margin-top: 26px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-price {
        margin-top: 20px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-price .slide-price__num {
    font-family: "Roboto", sans-serif;
    font-size: 48px;
    font-size: 4.8rem;
    line-height: .5625em;
    letter-spacing: 0em;
    font-weight: 400
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1350px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-price .slide-price__num {
        font-size: 38px;
        font-size: 3.8rem;
        line-height: .55263em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-price .slide-price__num {
        font-size: 30px;
        font-size: 3rem;
        line-height: .56667em
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-price .slide-price__num {
        font-size: 42px;
        font-size: 4.2rem;
        line-height: .57143em
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-price .slide-price__unit {
    position: relative;
    font-size: 27px;
    font-size: 2.7rem;
    line-height: .77778em;
    letter-spacing: 0em;
    font-weight: 700
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-price .slide-price__unit {
        top: -4px;
        margin-left: 2px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1350px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-price .slide-price__unit {
        font-size: 20px;
        font-size: 2rem;
        line-height: .8em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-price .slide-price__unit {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: .75em
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-price .slide-price__unit {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: .79167em;
        top: -3px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-price .slide-price__note {
    position: relative;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.30769em;
    letter-spacing: 0em;
    font-weight: 500;
    margin-left: 2px;
    top: -4px
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-price02 {
    text-align: center;
    font-family: "Roboto", sans-serif
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-price02 .slide-price02__num {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: .66667em;
    letter-spacing: 0em;
    font-weight: 400
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-price02 .slide-price02__unit {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: .76923em;
    letter-spacing: 0em;
    font-weight: 400
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-info {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.86667em;
    letter-spacing: .05em;
    font-weight: 400;
    text-align: center
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-info {
        margin-top: 11px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1350px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-info {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.83333em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-info {
        font-size: 10px;
        font-size: 1rem;
        line-height: 1.9em
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-info {
        margin-top: 8px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-meterial__head {
    position: relative;
    z-index: 1;
    text-align: center
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-meterial__head {
        margin-top: 16px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-meterial__head {
        margin-top: 9px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-meterial__head:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-image: url("/assets/img/top/icon-line03.svg");
    background-repeat: repeat-x;
    background-position: center;
    background-color: rgba(0, 0, 0, 0);
    background-size: 3px 2px
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-meterial__head .txt {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.33333em;
    letter-spacing: 0em;
    font-weight: 400;
    background-color: #F4F4F4
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-meterial__head .txt {
        padding: 0 12px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1350px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-meterial__head .txt {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 1.64706em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-meterial__head .txt {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2em
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-meterial__head .txt {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.33333em;
        padding: 0 10px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-meterial__desc {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.86667em;
    letter-spacing: .05em;
    font-weight: 400;
    text-align: center;
    position: relative;
    z-index: 1;
    display: block
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-meterial__desc {
        margin-top: 1px;
        padding-bottom: 19px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1350px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-meterial__desc {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 2.33333em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-meterial__desc {
        font-size: 10px;
        font-size: 1rem;
        line-height: 1.9em
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-meterial__desc {
        margin-top: -1px;
        padding-bottom: 13px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-meterial__desc:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-image: url("/assets/img/top/icon-line03.svg");
    background-repeat: repeat-x;
    background-position: center;
    background-color: rgba(0, 0, 0, 0);
    background-size: 3px 2px
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-btn {
    display: block;
    background-color: #939393;
    padding: 5px 10px 5px;
    text-align: center;
    -webkit-transition: background-color ease 0.3s;
    -moz-transition: background-color ease 0.3s;
    -ms-transition: background-color ease 0.3s;
    -o-transition: background-color ease 0.3s;
    transition: background-color ease 0.3s
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-btn {
        margin-top: 20px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-btn {
        margin-top: 15px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-btn .slide-btn__txt {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2.06667em;
    letter-spacing: .03em;
    font-weight: 500;
    color: #fff
}

@media only screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1350px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-btn .slide-btn__txt {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 2.08333em
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .sec-floor .floor-slide .floor-slide__wrap .col-slide .slide-lst__item .slide-ctn .slide-btn .slide-btn__txt {
        font-size: 10px;
        font-size: 1rem;
        line-height: 2.1em
    }
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .slide-btn {
        margin-top: 22px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .slide-btn {
        margin-top: 32px
    }
}

.sec-floor .floor-slide .floor-slide__wrap .slide-btn .slide-btn__link {
    display: block;
    width: 100%;
    background: #000000;
    text-align: center;
    padding: 5px 10px
}

@media (min-width: 768px) {
    .sec-floor .floor-slide .floor-slide__wrap .slide-btn .slide-btn__link {
        max-width: 240px
    }
}

@media (max-width: 767px) {
    .sec-floor .floor-slide .floor-slide__wrap .slide-btn .slide-btn__link {
        max-width: 336px;
        margin: 0 auto
    }
}

.sec-floor .floor-slide .floor-slide__wrap .slide-btn .slide-btn__link .txt {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2em;
    letter-spacing: .03em;
    font-weight: 500;
    color: #fff
}

.fancybox-overlay {
    background: rgba(0, 0, 0, 0.8)
}

.fancybox-close {
    position: fixed;
    top: 0;
    right: 0;
    background-image: url("/assets/img/common/header/hamberger02.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 0, 0, 0);
    background-size: 100% 100%;
    -webkit-transition: background-image 0.3s ease;
    -moz-transition: background-image 0.3s ease;
    -ms-transition: background-image 0.3s ease;
    -o-transition: background-image 0.3s ease;
    transition: background-image 0.3s ease;
    cursor: pointer
}

@media (min-width: 768px) {
    .fancybox-close {
        width: 92px;
        height: 92px
    }
}

@media (max-width: 767px) {
    .fancybox-close {
        width: 52px;
        height: 52px
    }
}

@media only screen and (min-width: 1025px) {
    .fancybox-close:hover {
        opacity: 1;
        background-image: url("/assets/img/common/header/hamberger02-hv.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-color: rgba(0, 0, 0, 0);
        background-size: 100% 100%
    }
}

.fancybox-wrap .fancybox-skin {
    box-shadow: none;
    background: none
}

@media (max-width: 767px) {
    .fancybox-wrap .fancybox-skin {
        padding: 0 !important
    }
}

@media (min-width: 768px) {
    .fancybox-wrap .popup-inner {
        padding: 0 93px
    }
}

.fancybox-wrap .popup-inner .num-slide {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2em;
    letter-spacing: .1em;
    font-weight: 400;
    color: #fff
}

@media (max-width: 767px) {
    .fancybox-wrap .popup-inner .num-slide {
        padding: 0 23px
    }

    .fancybox-wrap .popup-inner .num-slide.popup-sl {
        text-align: center;
        margin-top: 30px
    }
}

.fancybox-wrap .popup-inner .popup-img {
    margin-top: 3px;
    width: 100%;
    max-width: 1043px
}

@media (min-width: 768px) {
    .fancybox-wrap .popup-inner .popup-desc {
        margin-top: 27px
    }
}

@media (max-width: 767px) {
    .fancybox-wrap .popup-inner .popup-desc {
        margin-top: 7px
    }
}

.fancybox-wrap .popup-inner .popup-desc .txt {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.36364em;
    letter-spacing: .1em;
    font-weight: 700;
    color: #fff;
    text-align: center
}

@media (max-width: 767px) {
    .fancybox-wrap .popup-inner .popup-desc .txt {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.53333em;
        letter-spacing: .1em;
        font-weight: 700
    }
}

.fancybox-wrap .popup-inner .popup-slide__wrap {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .fancybox-wrap .popup-inner .popup-slide__wrap {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between
    }
}

@media (min-width: 768px) {
    .fancybox-wrap .popup-inner .popup-slide__wrap .wrap-desc {
        width: calc(514/1043 * 100%)
    }
}

.fancybox-wrap .popup-inner .popup-slide__wrap .wrap-desc .txt {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.36364em;
    letter-spacing: .1em;
    font-weight: 700;
    color: #fff
}

@media (min-width: 768px) {
    .fancybox-wrap .popup-inner .popup-slide__wrap .wrap-desc .txt {
        text-align: right
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .fancybox-wrap .popup-inner .popup-slide__wrap .wrap-desc .txt {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.38889em
    }
}

@media (max-width: 767px) {
    .fancybox-wrap .popup-inner .popup-slide__wrap .wrap-desc .txt {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.53333em;
        text-align: center
    }
}

@media (min-width: 768px) {
    .fancybox-wrap .popup-inner .popup-slide__wrap .wrap-btn {
        width: calc(495/1043 * 100%)
    }
}

.fancybox-wrap .popup-inner .popup-slide__wrap .wrap-btn .wrap-btn__link {
    position: relative;
    display: block;
    width: 100%;
    max-width: 273px;
    background-color: #6AC052;
    padding: 18px 33px 17px 25px
}

@media (min-width: 768px) {
    .fancybox-wrap .popup-inner .popup-slide__wrap .wrap-btn .wrap-btn__link {
        margin: 0 auto 0 0
    }
}

@media (max-width: 767px) {
    .fancybox-wrap .popup-inner .popup-slide__wrap .wrap-btn .wrap-btn__link {
        margin: 22px auto 0
    }
}

.fancybox-wrap .popup-inner .popup-slide__wrap .wrap-btn .wrap-btn__link:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 21.28px;
    height: 4.9px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24.067" height="6.67" viewBox="0 0 24.067 6.67"><path id="Path_393609" data-name="Path 393609" d="M3426.094-8596.458h21.282l-5.939-4.9" transform="translate(-3426.094 8602.128)" fill="none" stroke="%23fff" stroke-width="2"/></svg>');
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
    background-size: 100% 100%
}

.fancybox-wrap .popup-inner .popup-slide__wrap .wrap-btn .wrap-btn__link .txt {
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.11111em;
    letter-spacing: .1em;
    font-weight: 700;
    color: #fff;
    padding-left: 41px
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
    .fancybox-wrap .popup-inner .popup-slide__wrap .wrap-btn .wrap-btn__link .txt {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.14286em
    }
}

.fancybox-wrap .popup-inner .popup-slide__wrap .wrap-btn .wrap-btn__link .txt:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 33.52px;
    height: 31.94px;
    background-image: url("/assets/img/top/icon-line01.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 0, 0, 0);
    background-size: 100% 100%
}

.fancybox-wrap .popup-inner .policy-ctn {
    background: #fff;
    overflow: hidden
}

@media (min-width: 768px) {
    .fancybox-wrap .popup-inner .policy-ctn {
        min-height: 829px;
        padding: 63px 36px 87px 87px
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 900px) {
    .fancybox-wrap .popup-inner .policy-ctn {
        padding: 63px 30px 87px 30px
    }
}

@media (max-width: 767px) {
    .fancybox-wrap .popup-inner .policy-ctn {
        min-height: 638px;
        height: 638px;
        padding: 41px 14px 31px 20px
    }
}

.fancybox-wrap .popup-inner .policy-ctn .simplebar-track {
    width: 4px
}

.fancybox-wrap .popup-inner .policy-ctn .simplebar-track:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #707070;
    top: 0;
    left: calc(50% - 1px)
}

.fancybox-wrap .popup-inner .policy-ctn .simplebar-scrollbar {
    background-color: #383838;
    width: 4px
}

.fancybox-wrap .popup-inner .policy-ctn .policy-ctn__overflow {
    width: 100%;
    min-width: calc(916/1500 * 100vw)
}

@media (min-width: 768px) {
    .fancybox-wrap .popup-inner .policy-ctn .policy-ctn__overflow {
        max-height: 674px;
        padding-right: 48px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1500px) {
    .fancybox-wrap .popup-inner .policy-ctn .policy-ctn__overflow {
        min-width: 916px
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1500px) {
    .fancybox-wrap .popup-inner .policy-ctn .policy-ctn__overflow {
        min-width: calc(916/1500 * 100vw)
    }
}

@media (max-width: 767px) {
    .fancybox-wrap .popup-inner .policy-ctn .policy-ctn__overflow {
        max-height: 563px;
        min-width: calc(342/375 * 100vw);
        padding-right: 18px
    }
}

.fancybox-wrap .popup-inner .policy-ctn .simplebar-wrapper {
    max-height: 674px
}

.fancybox-wrap .popup-inner .policy-ctn .simplebar-content-wrapper {
    overflow: auto
}

.fancybox-wrap .popup-inner .policy-ctn .policy-ctn__inner {
    width: 100%;
    height: 100%;
    max-height: 674px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 1.6rem;
    line-height: 2em;
    letter-spacing: .03em;
    font-weight: 400;
    color: #000
}

.fancybox-wrap .popup-inner .policy-ctn .policy-ctn__inner .policy-desc {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2em;
    letter-spacing: .03em;
    font-weight: 400;
    color: #000
}

@media (min-width: 768px) {
    .fancybox-wrap .popup-inner .policy-ctn .policy-ctn__inner .policy-desc {
        margin-top: 1px
    }
}

@media (max-width: 767px) {
    .fancybox-wrap .popup-inner .policy-ctn .policy-ctn__inner .policy-desc {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.86667em
    }
}

.fancybox-wrap .popup-inner .policy-ctn .policy-ctn__inner .policy-head {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.6em;
    letter-spacing: .03em;
    font-weight: 500;
    color: #000
}

@media (min-width: 768px) {
    .fancybox-wrap .popup-inner .policy-ctn .policy-ctn__inner .policy-head {
        margin-top: 31px
    }
}

@media (max-width: 767px) {
    .fancybox-wrap .popup-inner .policy-ctn .policy-ctn__inner .policy-head {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.86667em;
        margin-top: 28px
    }
}

@media (min-width: 768px) {
    .fancybox-wrap .fancybox-nav {
        width: 42.84px;
        height: 75.85px;
        opacity: 1;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width: 767px) {
    .fancybox-wrap .fancybox-nav {
        width: 23px;
        height: 77px;
        opacity: 1;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (min-width: 768px) {
    .fancybox-wrap .fancybox-nav.fancybox-prev {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="43.922" height="76.603" viewBox="0 0 43.922 76.603"><path id="Path_393611" data-name="Path 393611" d="M43.167.374.331,38.3,43.167,76.228" transform="translate(0.423 0)" fill="none" stroke="%23fff" stroke-miterlimit="10" stroke-width="1"/></svg>');
        background-repeat: no-repeat;
        background-color: transparent;
        background-position: center;
        background-size: 100% 100%;
        left: 0
    }
}

@media (max-width: 767px) {
    .fancybox-wrap .fancybox-nav.fancybox-prev {
        background-image: url("/assets/img/top/popup-arr01.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-color: rgba(0, 0, 0, 0);
        background-size: 100% 100%
    }
}

@media (min-width: 768px) {
    .fancybox-wrap .fancybox-nav.fancybox-next {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="43.922" height="76.603" viewBox="0 0 43.922 76.603"><path id="Path_393610" data-name="Path 393610" d="M.331.374,43.167,38.3.331,76.228" transform="translate(0 0)" fill="none" stroke="%23fff" stroke-miterlimit="10" stroke-width="1"/></svg>');
        background-repeat: no-repeat;
        background-color: transparent;
        background-position: center;
        background-size: 100% 100%;
        right: 0
    }
}

@media (max-width: 767px) {
    .fancybox-wrap .fancybox-nav.fancybox-next {
        background-image: url("/assets/img/top/popup-arr02.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-color: rgba(0, 0, 0, 0);
        background-size: 100% 100%
    }
}

.fancybox-wrap .fancybox-nav span {
    display: none
}

.popup-wrapper {
    display: none;
    overflow: hidden
}

@keyframes show_popup {
    0% {
        transform: translateY(15%);
        opacity: 0
    }

    10%,
    100% {
        transform: none;
        opacity: 1
    }
}

#cta-button {
    position: fixed;
    bottom: 30px;
    z-index: -9999;
    opacity: 0;
    transition: opacity 0.3s;
    display: none;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    #cta-button {
        display: none !important
    }
}

@media (max-width: 767px) {
    #cta-button.is-show {
        z-index: 100;
        opacity: 1;
        display: block;
    }
}

@media (max-width: 767px) {
    .scroll-top {
        bottom: 140px;
    }
}

#cta-button .cta-item {
    width: 100%;
}

#cta-button .cta-btn-link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    height: 100%;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.30769em;
    letter-spacing: .08em;
    font-weight: 700;
    color: #fff;
    position: relative;
    padding: 5px;
    width: 297px;
    height: 56px;
    margin: 0 auto;
}

#cta-button .cta-btn-link.line-form {
    background-color: rgba(92, 92, 92, .95);
    border-radius: 50px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

#cta-button .cta-btn-link .icon {
    display: inline-block;
    margin-right: 10px
}

.res-banner {
    background: rgba(255, 255, 255, .8);
    padding: 30px 18px;
}

.res-banner span.res-ttlwrap01 {
    display: block;
    font-size: 2.3rem;
    line-height: 1.78261em;
    letter-spacing: .18em;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    text-align: center;
}

.res-banner p.res-p01 {
    font-size: 1.7rem;
    line-height: 1.86667em;
    text-align: center;
    font-weight: 500;
    margin-bottom: 0;
}

.res-banner p {
    font-size: 1.4rem;
    line-height: 1.86667em;
    margin-bottom: 16px;
}

.res-button p {
    font-size: 1.4rem;
    margin: 0 auto;
    font-weight: 600;
    text-align: center;
}

.top-reservation .res-button a {
    height: 60px;
    border-radius: 34px;
    margin: 12px 0;
}

.top-reservation .res-button a .txt {
    font-size: 1.4rem;
}

.f-line {
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .top-modelhouse .mdh-navi .mdh-navi-item .mdh-navi-text .jp {
        font-size: 1.4rem;
    }
        .top-modelhouse .mdh-content .mdh-content-box:not(:last-child) {
            margin-bottom: 60px;
        }
}

@media (min-width: 768px) {
    .res-banner img {
        width: 50%;
        margin: 0 auto;
        display: block;
    }

    .res-banner p {
        font-size: 1.6rem;
        line-height: 1.86667em;
        text-align: center;
        margin: 0 auto 26px;
    }

    .res-button p {
        font-size: 1.8rem;
    }

    .top-reservation .res-button a {
        width: 60%;
        border-radius: 50px;
        margin: 0 auto 10px;
    }
}
/*# sourceMappingURL=maps/top.min.css.map */