@media only screen and (max-width: 780px) {
    body {
        font-size: 12px;
    }
    .white-marker {
        padding-right: 5px;
    }
    .text {
        font-size: 12px;
    }
    .tp_mv {
        height: calc(60vh - 5em);
    }
    tp_mv__bk {
        height: 50%;
    }
    .tp_mv__text {
        top: 55%;
        right: 0;
        text-align: right;
        font-size: 20px;
    }
    .tp_mv__slider {
        width: 95%;
        height: calc(50vh - 5em);
        margin-left: 5%;
    }
    .tp_mv__event {
        bottom: 0;
        left: 5%;
        width: 90%;
        border-radius: 40px;
    }
    .tp_mv__event--day {
        width: 25%;
        padding: 0 1em 0 2em;
        font-size: 10px;
    }
    .tp_mv__event--ttl {
        width: 75%;
        font-size: 11px;
        line-height: 1.5;
    }
    footer#footer {
        padding-bottom: 90px;
    }
    .ft_icon {
        position: fixed;
        z-index: 100;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: row;
        gap: 0;
        transition: opacity 0.4s;
        opacity: 0;
        pointer-events: none;
        &.active {
            opacity: 1;
            pointer-events: initial;
        }
        a {
            position: static;
            width: 50%;
            text-align: center;
            &.icon__modelhouse {
                background-color: #7e9168;
            }
            &.icon__panf {
                background-color: #c0a271;
            }
            &.icon__events {
                background-color: #cc7b4a;
            }
            img {
                margin: 0 0 0 2em;
            }
        }
    }
    .ft_icon img {
        height: 5em;
    }
    .ft_icon a:first-child {
        position: static;
    }
    .ft_icon a:last-child {
        position: static;
    }
    .mainh2 {
        font-size: 18px;
    }
    tp_reason {
        margin: 2em auto 3em;
    }
    .tp_reason__main--content {
        width: 100%;
        margin-right: 1em;
        margin-bottom: 2em;
        margin-left: 2em;
    }
    .tp_reason__main--content:nth-child(4) {
        margin-right: 1em;
    }
    .tp_reason__main--content:nth-child(3) {
        margin-left: 2em;
    }
    .more a {
        font-size: 10px;
    }
    .tp_lineup__slider--content {
        width: 100%;
        padding: 0 3em;
    }
    .tp_lineup__slider--menu .slick-track {
        width: 100%!important;
        &:has(:nth-last-child(n+4)) {
            width: 80%!important;
            margin-left: auto;
            margin-right: auto;
            .slick-slide {
                width: 42%!important;
                margin: 4%;
            }
        }
    }
    .tp_lineup__slider--menu .slick-slide {
        width: 29.3%!important;
        margin: 0 2%;
    }
    .tp_lineup__slider--img {
        width: 96%;
        margin: 0 auto 2em;
    }
    .tp_lineup__more {
        width: 100%;
    }
    .tp_lineup__slider--main .slider-arrow {
        top: 12em;
    }
    .tp_lineup__slider--main .slider-arrow img {
        height: 1.2em;
    }
    .tp_lineup__slider--main .slider-prev {
        left: 1em;
        width: fit-content;
    }
    .tp_lineup__slider--main .slider-next {
        right: 1em;
        left: unset;
        width: fit-content;
    }
    .tp_lineup__slider--ttl {
        font-size: 15px;

        -webkit-text-size-adjust: 100%;
    }
    .tp_lineup__slider--text a {
        margin: 1em auto 0;
    }
    .main__archive--content {
        width: 100%;
        margin-bottom: 3em;
    }
    .tp_event__illust02 {
        left: 47%;
    }
    .tp_event__illust02 img {
        height: 6em;
    }
    .mainh2 span {
        margin-top: .2em;
        font-size: 11px;
    }
    .tp_event__text {
        margin-top: .5em;
        font-size: 12px;
    }
    .tp_event__archive--content01 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3em;
    }

    .tp_event__more_pc{
        margin-top: 0;
        display: none;
    }
    
    .top_event__more_sp{
        display: block;
    }

    .tp_event__illust03 {
        position: absolute;
        top: 9em;
        right: unset;
        left: -3em;
    }
    .tp_event__illust03 img {
        height: 6em;
    }
    .tp_event__archive--content02 {
        display: flex;
        width: 100%;
    }
    .tp_event__archive--subcontent {
        width: 48%;
        margin-right: 4%;
    }
    .tp_event__archive--subcontent:last-child {
        margin-right: 0;
    }
    .tp_event__illust04 img {
        height: 2em;
    }
    .tp_examples__more {
        text-align: center;
    }
    .blog__archive--content {
        width: 100%;
        margin-bottom: 3em;
    }
    .ft_modelhouse h2 {
        letter-spacing: 4px;
        font-size: 20px;
    }
    .ft_modelhouse h2 img {
        height: 2em;
        margin-bottom: .5em;
    }
    .more_border a {
        color: #fff;
        background: #cc7b4a;
        font-size: 10px;
    }
    .ft_modelhouse__bk_white {
        padding: 3em 2% 5em;
    }

    .ft_modelhouse__column{
        margin: 40px auto 0;
        width: 90%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap:40px 4%;
    }
    
    .ft_modelhouse__item{
      display: flex;
      flex-direction: column;
    }
    
    .ft_modelhouse--fv{
        border: 1px solid #9e9e9e;
        order: 1;
    }
    .ft_modelhouse--title{
        font-size: 16px;
    }
    
    .ft_modelhouse--logo{
        margin: 25px auto 0;
        max-width: 138px;
    }
    
    .ft_modelhouse__more02{
        margin-top: 30px;
    }

    .ft_contact__content {
        display: flex;
    }
    .ft_contact__content--maxcontent {
        display: flex;
        flex-direction: column;
        padding: 3em 1em;
    }
    .ft_contact__content--maxcontent h2 {
        font-size: 16px;
    }
    .ft_contact__content--text {
        flex-grow: 1;
        font-size: 11px;
    }
    .ft_contact__content--more {
        min-width: unset;
        font-size: 11px;
    }
    .ft_contact__content--more a {
        min-width: unset;
        max-width: 100%;
        padding: .7em 3em;
        color: unset;
        background: #fff;
        font-size: 10px;
        font-weight: 500;
    }
    .ft_contact__content.bk_green a {
        color: #7e9168;
    }
    .ft_contact__content.bk_yellow a {
        color: #c0a271;
    }
    .ft_main__flex--logo {
        display: inline-block;
        width: 100%;
        margin-bottom: 1em;
        text-align: center;
    }
    .ft_main__flex--logo span {
        font-size: 13px;
    }
    .ft_main__flex--adress {
        margin: 0 auto;
        margin-left: 0;
        padding: 0 0;
        font-size: 11px;
    }
    .ft_main__flex--adress_sns {
        justify-content: center;
        margin-top: 1em;
        text-align: center;
    }
    .ft_main__flex--adress_sns img {
        margin-left: 0;
    }
    .ft_main__flex--adress_sns p {
        width: 100%;
        margin-bottom: 1em;
    }
    .ft_main__flex--adress_sns ul {
        gap: 0 14px;
    }
    .ft_main__flex {
        border-bottom: solid .5px #fff;
    }
    .ft_main {
        padding: 0 3em;
    }
    .header-menu__main {
        margin: 3em auto 0;
        padding: 0 2em;
    }
    .header-menu__main--content {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }
    .header-menu__main_menu {
        width: 100%;
        margin-bottom: 0;
        padding: 1em .5em;
        padding-bottom: 0;
        text-align: left;
    }
    .mobile-menu__container {
        top: -100%!important;
        height: 100vh!important;
    }
    .mobile-menu__checkbox:checked ~ .mobile-menu__container {
        overflow-y: scroll;
        height: 100vh!important;
        padding: 5em 0 10em;
    }
    .mobile-menu__container {
        top: -100vh!important;
        height: 100vh!important;
    }
    .header-menu__main--content02 {
        width: 100%;
    }
    .header-menu__formbutton.ft_modelhouse__bk_white {
        padding-bottom: 2em;
    }
    .header-menu__main--content03 {
        width: 100%;
    }
    .header-menu__sub_menu {
        padding-left: .5em;
        color: #797b7f;
        font-size: 12px;
    }
    .header-menu__sub_menu:nth-child(2) {
        margin-top: .5em;
    }
    .low_mainh1 span:before {
        width: 2em;
        margin: 0 auto 12px;
    }
    .about_main__content--h2 {
        text-align: center;
        background: url(../img/about/about_h2_sp.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
    }
    .about_main__content--flex_ttl {
        width: 100%;
        margin-right: 0;
    }
    .about_main__content--flex_ttl h3 {
        margin-bottom: 1em;
        font-size: 22px;
        line-height: 2.2;
    }
    .about_main__content--flex_text {
        width: 100%;
    }
    .about_main__content--flex_img img {
        width: 100%;
        margin: 1.5em 0 1em;
    }
    .about_reason__main--img {
        order: -1;
        width: 100%;
        max-width: 340px;
        margin: 0 auto 1em;
    }
    .about_reason__main--img:nth-child(2n) {
        margin-right: auto;
        margin-left: auto;
    }
    .about_reason__main--text {
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
    }
    .about_reason__main--text:nth-child(2n) {
        margin-right: auto;
        margin-left: auto;
    }
    .about_reason__main--content:nth-child(2) .about_reason__main--text {
        margin-top: 0;
    }
    .about_reason__main--content:nth-child(4) .about_reason__main--text {
        margin-top: 0;
        margin-right: auto;
    }
    .about_reason__main--bk_white {
        top: 2.5em;
        left: -5%;
        height: 100%;
        background: #fff;
    }
    .more_border.green a {
        margin-bottom: 1.5em;
        color: #7e9168;
        border: solid 1.5px #7e9168;
        background: none;
    }
    /* .event_more_border {
    height: 60px;
    min-width: 280px;

} */
    .event_more_border a {
        font-size: 15px;
        /* min-width: 280px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center; */
    }
    .low_mainh1 {
        font-size: 18px;
    }
    .low_mainh1 span {
        padding-top: 12px;
        font-size: 11px;
    }
    .company_main__table--content {
        align-items: baseline;
        padding: 1.5em 1em;
        font-size: 11px;
    }
    .company_main__table--ttl {
        width: 25%;
    }
    .company_main__table--text {
        width: 75%;
    }
    .company_access__map iframe {
        height: 25em;
    }
    .staff_main__flex--img {
        position: relative;
        z-index: 1;
        order: -1;
        width: 80%;
        margin: 0 auto 1em;
    }
    .staff_main__flex--content {
        width: 100%;
    }
    .staff_main__flex--content {
        z-index: 1;
        width: 80%;
        margin: 0 auto;
    }
    .staff_main__flex:after {
        content: '';
        position: absolute;
        top: 17%;
        width: 100%;
        height: 87%;
        background: #fff;
    }
    .staff_main__flex--text {
        margin-top: 2em;
        padding: 0;
    }
    .staff_main__flex--name {
        font-size: 20px;
    }
    .staff_main__flex:nth-child(2n) .staff_main__flex--img {
        margin: 0 auto 1em;
    }
    .staff_main__flex:nth-child(2n) .staff_main__flex--content {
        z-index: 1;
        width: 80%;
        margin: 0 auto;
        /* margin-left: 45%; */
    }
    .staff_main__flex--name span {
        letter-spacing: 0;
        font-size: 11px;
    }
    .staff_main__flex--content h2 {
        font-size: 19px;
    }
    .staff_main__flex:nth-child(2n) .staff_main__flex--content h2 {
        text-align: left;
    }
    .low_lineup__ttl--ttl img {
        height: 2.5em;
    }
    .low_lineup_osusume__ttl.maxwidth1000 {
        text-align: center;
    }
    .low_lineup_osusume__ttl.maxwidth1000 img {
        width: 80%;
    }
    .low_lineup_osusume__main--img {
        position: relative;
        order: -1;
        width: 80%;
        margin: 0 auto -4em;
    }
    .low_lineup_osusume__main--content {
        width: 100%;
        padding: 6em 10% 3em 10%;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
                border-top-left-radius: 0;
        background: #fff;
    }
    .low_lineup_osusume__main--ttl {
        display: flex;
        letter-spacing: 0;
        font-size: 15px;
    }
    .low_lineup_osusume__main--ttl span {
        margin-left: 1em;
    }
    .low_lineup_osusume__main--content p {
        font-size: 12px;
    }
    .low_lineup_osusume__main--flex:nth-child(2n) .low_lineup_osusume__main--img {
        margin: 0 auto -4em;
        margin-left: 0;
    }
    .low_lineup_osusume__main--flex:nth-child(2n) .low_lineup_osusume__main--content {
        width: 100%;
        margin-left: 0;
        padding: 6em 10% 3em 10%;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
                border-top-right-radius: 0;
        background: #fff;
    }
    .low_lineup_osusume {
        padding: 4em 0 0;
    }
    .low_lineup__mainh2 {
        margin-bottom: 2em;
        font-size: 20px;
    }
    .low_lineup_osusume__madori--img {
        margin: 0 auto 3em;
        text-align: center;
    }
    .low_lineup_osusume__madori--img img {
        width: 80%;
    }
    .low_lineup_osusume__madori--gallery_spscroll {
        overflow-x: scroll;
    }
    .low_lineup_osusume__madori--gallery {
        flex-wrap: nowrap;
        width: 350%;
    }
    .low_lineup_osusume__madori--gallery_img {
        width: 46%;
        margin-right: 2%;
        margin-bottom: 0;
    }
    .low_lineup_osusume__madori--gallery_img:nth-child(2n) {
        margin-right: 2%;
    }
    .privacy_main__content {
        padding: 0 2em;
    }
    .privacy_main__content--ttl {
        font-size: 17px;
    }
    .privacy_main__content {
        font-size: 11px;
    }
    .archive_ttl {
        .low_mainh1 {
            font-weight: bold;
            font-size: 18px;
            letter-spacing: 0.02em;
        }
    }
    .privacy_main {
    }
    .archive_main {
        padding-left: 22px;
        padding-right: 22px;
        padding-top: 41px;
        margin-bottom: 0;
        padding-bottom: 88px;
        .main__archive--ttl {
            font-size: 14px;
        }
    }
    .archive_search {
        margin: 0;
        padding: 0;
        margin-bottom: 45px;
    }
    .archive_search a {
        padding: 2px 10px 4px;
        font-size: 12px;
    }
    .main__archive--content {
        margin-right: 0;
        margin-bottom: 3em;
    }
    a.main__archive--content {
        margin-bottom: 3em;
    }
    .main__archive--content span {
        font-size: 11px;
    }
    .low_page_ttl {
        padding: 7em 0 3em;
    }
    .low_examples_main__content {
        width: 100%;
        margin-right: 0;
    }
    .low_examples_main__content--ttl {
        font-size: 18px;
    }
    .low_examples_main__content--day {
        font-size: 11px;
    }
    .low_examples_main__content--text p {
        font-size: 12px;
    }
    .low_examples_main__sidebar {
        width: 100%;
    }
    .low_back__button {
        order: 1;
        width: 100%;
        margin-top: 1em;
    }
    .low_back__prev {
        width: 49%;
    }
    .low_back__next {
        width: 49%;
    }
    .low_real_estate_main__syuhen--slider .slick-slide {
        margin: 0 .5em;
    }
    .low_real_estate_main__syuhen--slider .slider-arrow img {
        height: 1.5em;
    }
    .low_real_estate_main__syuhen--slider .slider-prev {
        left: -1em;
    }
    .low_real_estate_main__syuhen--slider .slider-next {
        right: -1em;
    }
    .low_back {
        margin: 3em auto;
    }
    .low_event_main__detail-ttl {
        font-size: 11px;
    }
    .low_event_main__detail-text {
        font-size: 11px;
    }
    .low_event_main__detail {
        margin-bottom: 2em;
    }
    .low_event_main__content--banner_h2 img {
        height: 1.8em;
        margin-bottom: 2em;
    }
    .low_event_main__content--banner_img img {
        max-width: 100%;
    }
    .low_examples_main__ft_banner--ttl {
        background-repeat: no-repeat;
        font-size: 14px;
    }
    .low_examples_main__ft_banner {
        margin: 0 0 3em;
    }
    .low_examples_main__ft_banner--main {
        background: url(../img/examples/benner_waku_sp.png);
        background-size: 100% 100%;
    }
    .low_examples_main__ft_banner--img {
        width: 100%;
    }
    .low_examples_main__ft_banner--text {
        width: 100%;
        margin-top: 1em;
        margin-left: 0;
    }
    .low_examples_main__ft_banner--text h3 {
        font-size: 15px;
    }
    .lineup_mv:before {
        padding-top: 70%;
    }
    .lineup_ttl h1 {
        padding: 1.5em 4em 0;
    }
    .lineup_menu__ttl {
        display: none;
    }
    .lineup_menu__main {
        padding: 3em 2% 3em;
    }
    .lineup_menu__content.flex {
        gap: 0;
    }
    .lineup_menu__content a {
        width: 51%;
        margin: 0 auto 1em!important;
        margin-right: 5%;
        margin-bottom: 1em;
    }
    .lineup_menu__more {
        margin-top: 1em;
    }
    .lineup_main__mv--content {
        width: 100%;
        padding: 3em 3em 5em 3em;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
                border-top-left-radius: 0;
        background: #fff;
    }
    .lineup_main__mv--logo {
        margin-bottom: 1.0em;
        font-size: 14px;
    }
    .lineup_main__mv--logo span {
        margin-left: 0;
    }
    .lineup_main__mv--text {
        margin-left: 0;
        font-size: 11px;
    }
    .lineup_main__mv--slider {
        position: relative;
        bottom: -5em;
        width: 160%;
        margin-top: -8em;
        margin-bottom: 9em;
        margin-left: 2.5em;
    }
    .lineup_main__mv--slider .slider-arrow {
        top: unset;
        bottom: -3em;
    }
    .lineup_main__mv--slider .slider-prev {
        left: calc(50% - 6em);
    }
    .lineup_main__mv--slider .slider-arrow img {
        height: 2em;
    }
    .lineup_main__osusume.maxwidth1000 {
        text-align: center;
    }
    .lineup_main__osusume.maxwidth1000 img {
        width: 80%;
    }
    .lineup_main__modelhouse--ttl img {
        height: 6.5em;
    }
    .lineup_main__modelhouse--content {
        width: calc(100% - 4em);
        margin: 0 auto 3em;
        margin-bottom: 3em;
        padding: 3em 1em 1em;
    }
    .low_lineup__ttl--ttl.low_lineup__ttl--ttl_renovation img {
        height: 4em;
    }
    .low_lineup_osusume__renovation--content {
        width: 80%;
        margin-bottom: 4%;
    }
    .low_lineup_osusume__renovation--content:nth-child(2n) {
        margin-right: 0;
    }
    .low_lineup_osusume__renovation {
        justify-content: center;
        margin-bottom: 3em;
    }
    .low_lineup_plan {
        margin-bottom: 2em;
    }
    .low_lineup_flow__main--content {
        margin-bottom: 1em;
        padding: 1em 2em;
    }
    .low_lineup_flow__main--content h3 {
        font-size: 14px;
    }
    .low_lineup_flow__main--content h3 span {
        font-size: 17px;
    }
    .low_lineup_flow__main--content p {
        letter-spacing: 0;
        font-size: 12px;
    }
    .lineup_menu__content--peleta_scroll a {
        width: 30%;
    }
    .renovation__Label {
        padding: 1em 1em 1em 2em;
        color: #000;
        background: none;
        background: #fff;
        font-weight: 500;
    }
    .wp-pagenavi {
        margin-top: 45px;
        font-size: 14px;
        margin-bottom: 0;
        gap: 7px;
        .page,
        .current {
            width: 44px;
            font-size: 15px;
        }
        .previouspostslink,
        .nextpostslink {
            width: 32px;
        }
    }
    .about_main__content {
        max-width: 340px;
    }
}
/*********　
*　event 改修
************/
@media only screen and (max-width: 780px) {
    .cstm_event01{
        flex-direction: column-reverse;
    }

    .cstm_event01_body{
        margin: 30px auto 0;
        width: 100%;
    }

    .cstm_event01_thumb{
        width: 100%;
    }
    .cstm_event01_thumb img{
        width: 100%;
        height: auto;
    }

    .cstm_event_title01{
        margin-top: 50px;
        font-size: 18px;
        font-weight: 700;
    }

    .cstm_event_days{
        margin-top: 20px;
    }
    .cstm_event_days img{
        margin: 0 auto;
        width: 100%;
        max-width: 657px;
        height: auto;
    }
    .cstm_event01_red{
        color: #B02E39;
        font-size: 18px;
        font-weight: 700;
    }

    .cstm_event02{
        margin-top: 40px;
        text-align: center;
    }

    .cstm_event02 img{
        margin: 0 auto;
        max-width: 651px;
        width: 100%;
        height: auto;
    }

    .cstm_event03{
        flex-direction: column;
    }

    .cstm_event03_item{
        width: calc(500 / 1142 * 100%);
        width: 100%;
    }

    .cstm_event03_item img{
        width: 100%;
        height: auto;
    }

    .cstm_event04{
        flex-direction: column-reverse;
    }

    * + .cstm_event04{
        margin-top: 40px;
    }
    .cstm_event04_title{
        text-align: center;
    }
    .cstm_event04_title img{
        margin: 0 auto;
        max-width: 208px;
        width: 100%;
        height: auto;
    }
    .cstm_event04_body{
        margin-top: 30px;
        width: 100%;
    }

    .cstm_event04_thumb{
        width: 100%;
    }

    .cstm_event04_thumb img{
        max-width: 396px;
        width: 100%;
        height: auto;
    }

    /* overwrite 202602
    ****************************************** */

    .link__wrapper {
        .link-inner {
            gap: 10px;
        }
        .label {
            font-size: 14px;
            letter-spacing: 0.1em;
            padding-bottom: 0;
        }
    }
    .more {
        a {
            min-width: 252px;
            height: 64px;
            .label {
                font-size: 14px;
                letter-spacing: 0.3em;
            }
            .icon {
                width: 32px;
            }
        }
    }
    .main__archive--content {
        & > span {
            font-size: 12px;
            letter-spacing: 0.02em;
        }
    }
    .main__archive--day {
        font-size: 14px;
        letter-spacing: 0.02em;
    }
    .event__archive--ttl {
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.02em;
        line-height: 24px;
    }


    .tp_mv {
        height: 506px;
    }
    .tp_mv__text  {
        top: 55px;
        left: 23px;
        font-weight: 500;
        font-size: 24px;
        letter-spacing: 0.02em;
        line-height: 40px;
        text-align: left;
    }
    #tpslider {
        .splide__track {
            min-height: 506px;
        }
        .slide-inner {
            flex-direction: column;
            .slide-image {
                width: 100%;
                img {
                    height: 253px;
                }
            }
            .slide-text {
                top: unset;
                left: 23px;
                bottom: 76px;
                font-size: 20px;
                a {
                    gap: 8px;
                    &::after {
                        width: 36px;
                    }
                }
            }
        }
        .is-left,
        .is-right {
            height: 253px;
            clip-path: inset(0 0 0 0);
            transition: clip-path 0.7s ease-out;

        }
        .splide__slide.is-clip-ready .is-left {
            clip-path: inset(0 0 0 100%);
        }
        .splide__slide.is-clip-ready .is-right {
            clip-path: inset(0 100% 0 0);
        }

        .splide__slide.is-active.is-visible .is-left,
        .splide__slide.is-active.is-visible .is-right {
            clip-path: inset(0 0 0 0);
        }
        .zoom {
            height: 253px;
            transform: scale(1);
            transition: transform 7s linear;
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .splide__slide.is-active .zoom,
        .splide__slide.is-clip-ready .zoom {
            transform: scale(1.05);
        }
        .splide__slide.is-clip-ready .slide-text {
            opacity: 0;
            a {
                pointer-events: none;
            }
        }
    }
    .tp_mv__event {
        left: 23px;
        right: 23px;
        bottom: 18px;
        border-radius: 0;
        .tp_mv__event--day {
            width: 75px;
            padding-left: 10px;
            font-weight: 500;
            font-size: 12px;
            letter-spacing: 0.02em;
            line-height: 22px;
            text-align: left;
            color: #fff;
        }
        .tp_mv__event--ttl {
            padding: 6px 10px;
            font-size: 12px;
            letter-spacing: 0.02em;
            line-height: 18px;
            pr
            span {
                font-weight: bold;
            }
        }
    }
    #tp-lede {
        margin-top: 64px;
        .wrapper {
            display: flex;
            flex-direction: column;
            align-items: start;
            gap: 0;
            .catch {
                padding-left: 35px;
                font-size: 22px;
                letter-spacing: 0.02em;
                line-height: 38px;
                margin-bottom: 44px;
            }
            .lede__text {
                padding-left: 35px;
                padding-right: 35px;
            }
            .message {
                padding-right: 0;
                font-size: 15px;
                letter-spacing: 0.02em;
                line-height: 28px;
                margin-bottom: 32px;
            }
            #tpledeslider {
                width: 340px;
                height: 269px;
                margin-bottom: 40px;
                .splide__list {
                    height: 100%;
                    transform: none;
                }
                .splide__slide {
                    position: absolute;
                    inset: 0;
                    transform: none !important;
                    z-index: 1;
                    &.is-prev {
                        z-index: 3;
                    }
                    &.is-clip-ready {
                        z-index: 4;
                    }
                    &.is-active {
                        z-index: 2;
                    }
                    .slide-inner {
                        transition: unset;
                        clip-path: inset(0 0 0 100%);
                        overflow: hidden;
                    }
                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        display: block;
                    }
                    &.is-clip-ready .slide-inner {
                        transition: clip-path 0.7s ease-out;
                        clip-path: inset(0 0 0 100%);
                    }
                    &.is-active.is-visible .slide-inner {
                        clip-path: inset(0 0 0 0);
                    }
                }
            }
        }
        .lede__links {
            flex-direction: column;
            gap: 24px;
            padding-left: 35px;
            padding-right: 35px;
            .links__item {
                width: 100%;
                height: 121px;
                .image {
                }
                .text {
                    gap: 20px;
                    padding-top: 17px;
                    padding-left: 24px;
                    .label {
                        font-size: 22px;
                        letter-spacing: 0.2em;
                    }
                    .desc {
                        font-size: 12px;
                        letter-spacing: 0.05em;
                        line-height: 18px;
                    }
                }
                .icon {
                    right: 24px;
                    width: 40px;
                    &::before {
                        opacity: 0;
                    }
                    &::after {
                        opacity: 1;
                    }
                }
            }
        }
    }
    #top-lineup {
        margin-top: 80px;
        .tp_lineup__illust {
            width: 100%;
            height: 49px;
        }
        .tp_lineup__ttl {
            margin-bottom: 50px;
            .mainh2 {
                padding-top: 15px;
                font-size: 18px;
                letter-spacing: 0.02em;
                line-height: 32px;
                margin-bottom: 16px;
            }
            .sub {
                font-size: 12px;
                letter-spacing: 0.3em;
            }
        }
        .tp_lineup__wrapper {
            flex-wrap: wrap;
            gap: 35px 15px;
            padding-bottom: 80px;
        }
        .lineup__item {
            width: 148px;
            .thumb {
                margin-bottom: 15px;
            }
            .logo {
                width: 100%;
                max-height: 23px;
            }
        }
    }
    #top-events {
        padding-top: 72px;
        padding-left: 35px;
        padding-right: 35px;
        padding-bottom: 72px;
        .tp_event__ttl {
            gap: 24px;
            margin-bottom: 48px;
            .mainh2 {
                font-size: 18px;
                letter-spacing: 0.02em;
                line-height: 1.4;
                .en {
                    font-weight: bold;
                    font-size: 12px;
                    letter-spacing: 0.3em;
                    margin-top: 12px;
                }
            }
        }
        .tp_event__text {
            margin-top: 0;
            padding-top: 0;
            font-size: 13px;
            letter-spacing: 0.02em;
            line-height: 23px;
        }
        .tp_event__archive--content02 {
            width: 100%;
            flex-direction: column;
            gap: 45px;
            margin-bottom: 56px;
            .tp_event__archive--subcontent {
                width: 100%;
                margin: 0;
                padding: 0;
            }
        }
    }
    #top-examples {
        margin-top: 0;
        padding-top: 72px;
        padding-bottom: 57px;
        .mainh2 {
            font-weight: bold;
            font-size: 18px;
            letter-spacing: 0.02em;
            margin-bottom: 40px;
            span {
                font-weight: bold;
                font-size: 12px;
                letter-spacing: 0.3em;
            }
        }
        .tp_examples__archive {
            gap: 45px;
        }
        .main__archive--content {
            span {
                font-weight: bold;
                font-size: 12px;
                letter-spacing: 0.02em;
            }
            .main__archive--img {
                margin-bottom: 8px;
            }
            .main__archive--day {
                margin-bottom: 10px;
            }
            .main__archive--ttl {
                font-weight: 500;
                font-size: 14px;
                letter-spacing: 0.02em;
                line-height: 24px;
            }
        }
    }
    #top-realestate {
        .wrapper {
            display: block;
            padding-top: 72px;
            padding-left: 35px;
            padding-right: 35px;
            padding-bottom: 75px;
           .tp_estate__archive {
                width: 100%;
            }
            .tp_estate--content {
                padding-bottom: 21px;
                margin-bottom: 21px;
                &::after {
                    width: 105px;
                }
            }
            .txt {
                display: grid;
                gap: 16px 0;
                .main__archive--day {
                    grid-column: 1;
                    grid-row: 1;
                    font-size: 14px;
                    letter-spacing: 0.02em;
                    padding-top: 0;
                    margin-bottom: 0;
                    margin-right: 16px;
                }
                .cat {
                    grid-column: 2;
                    grid-row: 1;
                    font-size: 12px;
                    line-height: 23px;
                }
                .event__archive--img {
                    grid-column: 1;
                    grid-row: 2;
                    width: 105px;
                    margin-right: 16px;
                    flex-shrink: 0;
                }
                .event__archive--ttl {
                    grid-column: 1/4;
                    grid-row: 2;
                    display: flex;
                    align-items: center;
                    font-size: 12px;
                    line-height: 20px;
                }
            }
        }
    }
    #top-blog {
        .tp_blog__archive {
            margin-bottom: 56px;
        }
        .tp_blog__main {
            width: 100%;
            padding-top: 67px;
            padding-left: 35px;
            padding-right: 21px;
            padding-bottom: 80px;
            .mainh2 {
                font-size: 18px;
                letter-spacing: 0.02em;
                line-height: 32px;
                margin-bottom: 48px;
                span {
                    font-weight: bold;
                    font-size: 12px;
                    letter-spacing: 0.3em;
                }
            }
            .blog__archive--content {
                display: grid;
                gap: 16px 0;
                padding-bottom: 21px;
                &::after {
                    width: 105px;
                }
                .main__archive--day {
                    grid-column: 1;
                    grid-row: 1;
                    margin-right: 14px;
                }
                .cat {
                    grid-column: 2;
                    grid-row: 1;
                    font-weight: bold;
                    font-size: 12px;
                    letter-spacing: 0.02em;
                }
                .main__archive--ttl {
                    grid-column: 1/4;
                    grid-row: 2;
                    font-size: 12px;
                    line-height: 20px;
                }
            }
        }
    }
    #top-modelhouse {
        padding-bottom: 88px;
        .mh__head {
            height: 49px;
            margin-bottom: 13px;
        }
        .mainh2 {
            padding: 0;
            font-size: 20px;
            letter-spacing: 0.02em;
            line-height: 32px;
            margin-bottom: 48px;
            span {
                font-weight: bold;
                font-size: 12px;
                letter-spacing: 0.3em;
                color: #bba378;
            }
        }
        .ft_modelhouse__column {
            width: 100%;
            padding-left: 35px;
            padding-right: 35px;
            gap: 64px;
            .ft_modelhouse__item {
                width: 100%;
                max-width: 100%;
                img {
                    max-width: 100%;
                    line-height: 1;
                }
                .ft_modelhouse--logo {
                    margin-top: 24px;
                    height: auto;
                    img {
                        max-height: 42px;
                    }
                }
                .ft_modelhouse--title {
                    margin-top: 24px;
                    font-size: 14px;
                    letter-spacing: 0.02em;
                }
                .link__wrapper {
                    margin-top: 24px;
                }
            }
        }
    }
    #footer-contact {
        .ft_contact__content {
            padding-top: 0;
        }
        .ft_contact__content--maxcontent {
            padding-top: 56px;
            padding-left: 23px;
            padding-right: 23px;
            padding-bottom: 32px;
        }
        h2 {
            font-weight: bold;
            font-size: 18px;
            letter-spacing: 0.15em;
            line-height: initial;
            margin-bottom: 16px;
        }
        .ft_contact__content--text {
            font-size: 12px;
            letter-spacing: 0.02em;
            line-height: 22px;
            margin-bottom: 16px;
        }
        .ft_contact__content.bk_green .ft_contact__content--illust {
            width: 60px;
            top: 27px;
            left: 0;
            right: 0;
            margin: auto;
            img {
                width: 100%;
            }
        }
        .ft_contact__content.bk_yellow .ft_contact__content--illust {
            width: 48px;
            top: 27px;
            left: 0;
            right: 0;
            margin: auto;
            img {
                width: 100%;
            }
        }
    }
    footer#footer {
        padding-top: 40px;
        padding-bottom: 104px;
        .footer__insta {
            width: 100%;
            padding-left: 35px;
            padding-right: 35px;
            padding-bottom: 72px;
            .link-inner {
                gap: 11px;
                .label {
                    font-weight: bold;
                    font-size: 14px;
                    letter-spacing: 0.2em;
                }
            }
        }
        .ft_main {
            padding-left: 0;
            padding-right: 0;
        }
        .ft_main__flex {
            margin-left: 35px;
            margin-right: 35px;
            padding-bottom: 40px;
            margin-bottom: 30px;
        }
        .ft_main__flex--logo {
            margin-bottom: 27px;
            img {
                height: auto;
                width: 217px;
                margin-bottom: 16px;
            }
            span {
                font-size: 14px;
                letter-spacing: 0.1em;
            }
        }
        .ft_main__flex--adress {
            font-size: 12px;
            letter-spacing: 0.05em;
            line-height: 20px;
        }
        .ft_main__flex--adress_sns {
            p {
                font-size: 12px;
                letter-spacing: 0.05em;
                line-height: 18px;
                text-align: left;
                margin-bottom: 33px;
            }
            ul {
                gap: 20px;
                img {
                    height: 37px;
                }
            }
        }
        .footer__nav {
            display: flex;
            flex-direction: column;
            gap: 0;
            margin-bottom: 45px;
            .nav__block {
                &.open {
                    .parent {
                        .toggle {
                            rotate: 180deg;
                            &::after {
                                opacity: 0;
                            }
                        }
                    }
                    .child {
                        display: block;
                        max-height: 50px;
                    }
                }
                .parent {
                    padding-left: 48px;
                    padding-right: 48px;
                    margin: 0;
                    position: relative;
                    a {
                        display: flex;
                        align-items: center;
                        height: 40px;
                    }
                    .toggle {
                        aspect-ratio: 1/1;
                        width: auto;
                        height: 100%;
                        position: absolute;
                        z-index: 1;
                        top: 0;
                        right: 35px;
                        transition: rotate 0.5s;
                        &::before, &::after {
                            content: '';
                            width: 20px;
                            height: 1px;
                            background-color: #fff;
                            position: absolute;
                            inset: 0;
                            margin: auto;
                            transition: opacity 0.5s;
                        }
                        &::after {
                            rotate: 90deg;
                        }
                    }
                }
                .child {
                    background-color: #F9F7F1;
                    margin: 0;
                    overflow: hidden;
                    max-height: 0;
                    transition: max-height 0.5s;
                    &:nth-child(2) a {
                        padding-top: 11px;
                    }
                    &:last-child a {
                        padding-bottom: 14px;
                    }
                    a {
                        display: block;
                        padding-left: 48px;
                        font-weight: 500;
                        font-size: 12px;
                        letter-spacing: 0.05em;
                        line-height: 24px;
                        color: #222;
                        opacity: 1;
                    }
                }
            }
        }
        .ft_main__menu {
            padding-left: 48px;
            padding-right: 48px;
            .ft_main__menu--content {
                flex-direction: column;
                gap: 8px;
                margin-bottom: 34px;
                a {
                    margin: 0;
                    font-size: 11px;
                    letter-spacing: 0.05em;
                    opacity: 1;
                }
            }
        }
        .copyright {
            width: 100%;
            font-size: 11px;
            letter-spacing: 0.1em;
            line-height: 26px;
            text-align: center;
            color: #fff;
        }
    }
}