@charset "utf-8";


/* メインビジュアル
============================================================================================================ */
.mainvisial{
    overflow: hidden;
    z-index: 2;
    position: relative;
}
.mainvisial__box{
    position: relative;
    padding-top: 27.31%;
}
.main_slide__catch{
    width: 32.16%;
    position: absolute;
    left: calc(50% - 36.85%);
    top: calc(50% - 37.53%);
}
.main_slide__catch .svg_box{
    padding-top: 47%;
}
.main_slide__catch a.btn{
    margin-top: 40px;
}
.mv_event2{
    display: none;
}
.slick-slider{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}
.slick-list{
    overflow: inherit;
}
.slick-list,
.slick-track{
    height: 100%;
}
.main_slide img.object-fit-img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.slick-dots {
    bottom: 71px;
}
.top_navi__box{
    display: flex;
    justify-content: space-between;
    padding: 5px 0 57px;
    border-radius: 5px;
    z-index: 2;
    background-color: #fff;
    position: relative;
}
.top_navi__box::after{
    content: "";
    width: 76px;
    height: 30px;
    background-image: url(../images/arrow_scroll.svg);
    background-size: contain;
    position: absolute;
    left: calc(50% - 38px);
    bottom: 15px;
}
.top_navi__item{
    width: calc(50% - 2.5px);
    height: 311px;
    position: relative;
    background-image: url(../images/top_menu1.jpg);
    background-size: cover;
}
.top_navi__item:nth-of-type(2){
    background-image: url(../images/top_menu2.jpg);
}
.top_navi__item__in{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
}
.top_navi__item__text{
    text-align: center;
    font-size: 1.8rem;
    color: #ffffff;
    line-height: 1.4;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Arial, Helvetica, sans-serif;
}
.top_navi__item__text span{
    font-size: 5rem;
    font-weight: bold;
    margin-top: 5px;
    display: block;
}
.top_navi__item__image{
    width: 414px;
    margin-top: 10px;
}
.top_navi__item__image .svg_box{
    padding-top: 20.29%;
}
.top_navi__item__in a.btn{
    margin-top: 35px;
    margin-bottom: 40px;
}
.top_infomation{
    background-color: #B3B3B3;
}
.top_infomation__box{
    height: 90px;
    display: flex;
    align-items: center;
}
.top_infomation__day{
    background-color: #73BB71;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    color: #ffffff;
    font-size: 1.5rem;
    height: 30px;
    padding: 0 20px;
}
.top_infomation__text{
    margin-left: 20px;
}
.top_infomation__text a{
    font-size: 1.6rem;
    color: #ffffff;
}
.top_infomation__box a.btn{
    margin-left: auto;
    margin-right: 28px;
}
.top_content1{
    background-color: #73bb71;
    background-image: url(../images/top_content1_bg.svg);
    background-position: right calc(50% - 470px) top 40px;
}
.top_content1__box{
    display: flex;
    align-items: flex-end;
    z-index: auto;
}
.top_content1__left{
    width: 65%;
    position: relative;
    padding-top: 45px;
}
.top_content1__left__up{
    width: 100%;
    position: relative;
}
.top_content1__left__up::before{
    content: "";
    display: block;
    /*padding-top: 66.46%;*/
        padding-top: 46.46%;
}
.top_content1__left__up img{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.top_content1__left__down{
    width: calc(100% - 160px);
    margin-top: 45px;
    position: relative;
}
.top_content1__left__down::before{
    content: "";
    display: block;
    padding-top: 45.22%;
}
.top_content1__left__down img{
    width: 100%;
    border-top-left-radius: 4px;
}
.top_content1__right{
    width: 35%;
    z-index: 2;
}
.top_content1__right__in{
    margin-left: -160px;
    padding-top: 40px;
    padding-bottom: 35px;
    position: relative;
}
.top_content1__right__in::after{
    content: "";
    background-color: #73bb71;
    width: 200px;
    height: 100%;
    position: absolute;
    left: -40px;
    bottom: 0;
    z-index: -1;
    border-top-left-radius: 4px;
}
.top_content1__right__midashi{
    font-size: 3.4rem;
    font-weight: normal;
    color: #ffffff;
    line-height: 1.5;
}
.top_content1__right__text{
    color: #ffffff;
    line-height: 1.8;
    margin-top: 25px;
    
    letter-spacing: 0;
    text-indent: 0;
}
.top_event__box{
    display: flex;
    margin-top: 30px;
}
.top_event__box__left{
    width: 32%;
    position: relative;
}
.top_event__box__left::before{
    content: "";
    padding-top: 105.73%;
    display: block;
}
.top_event__box__right{
    width: 68%;
    background-color: #B18F6A;
    padding: 30px 35px;
}
.top_event__day{
    width: 123px;
    height: 30px;
    display: flex;
    align-items: center;
    background-color: #73BB71;
    color: #ffffff;
    padding: 0 20px;
    font-size: 1.5rem;
    border-radius: 6px;
}
.top_event__title{
    font-size: 2.8rem;
    color: #ffffff;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 25px;
}
.top_event__text{
    color: #ffffff;
    margin-top: 25px;
}
.top_event__box__right a.btn{
    margin-left: 0;
    margin-top: 30px;
}
.top_case__box{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.top_case__item{
    width: 30.7%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.top_case__item:not(:nth-of-type(3n+1)){
    margin-left: 3.95%;
}
.top_case__item:nth-of-type(n+4){
    margin-top: 40px;
}
.top_case__item__image{
    position: relative;
    width: 100%;
}
.top_case__item__image::before{
    content: "";
    display: block;
    padding-top: 54.4%;
}
.top_case__item__image img{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.top_case__item__midashi{
    width: 100%;
    /*height: 82px;*/
    height: 140px;
    padding: 15px 20px;
    background-color: #76B9D0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.top_case__item__midashi p{
    font-size: 14px;
    opacity: 0.7;
}
.top_case__item--renovation .top_case__item__midashi{
    background-color: #76B9D0;
}
.top_case__item--living .top_case__item__midashi{
    background-color: #73BB71;
}
.top_case__item--kitchen .top_case__item__midashi{
    background-color: #F0B43E;
}
.top_case__item--bathroom .top_case__item__midashi{
    background-color: #DA82A5;
}
.top_case__item--toilet .top_case__item__midashi{
    background-color: #F4D923;
}
.top_case__item--washroom .top_case__item__midashi{
    background-color: #AE8D69;
}
.top_case__item--styleroom .top_case__item__midashi{
    background-color: #BF4B3E;
}
.top_case__item--shared .top_case__item__midashi{
    background-color: #863A7A;
}
.top_case__item--house .top_case__item__midashi{
    background-color: #363d52;
}
.top_case__item__midashi__text{
    font-weight: normal;
    color: #ffffff;
}
.top_case__item__tag{
    width: 180px;
    height: 74px;
    background-image: url(../images/icon_renovation.png);
    position: absolute;
    top: -7px;
    right: 3px;
}
.top_case__item--renovation .top_case__item__tag{
    background-image: url(../images/icon_renovation.png);
}
.top_case__item--living .top_case__item__tag{
    background-image: url(../images/icon_living.png);
}
.top_case__item--kitchen .top_case__item__tag{
    background-image: url(../images/icon_kitchen.png);
}
.top_case__item--bathroom .top_case__item__tag{
    background-image: url(../images/icon_bathroom.png);
}
.top_case__item--toilet .top_case__item__tag{
    background-image: url(../images/icon_toilet.png);
}
.top_case__item--washroom .top_case__item__tag{
    background-image: url(../images/icon_washroom.png);
}
.top_case__item--styleroom .top_case__item__tag{
    background-image: url(../images/icon_styleroom.png);
}
.top_case__item--shared .top_case__item__tag{
    background-image: url(../images/icon_shared.png);
}
.top_case__item--house .top_case__item__tag{
    background-image: url(../images/icon_house.png);
}
.top_case__item--styleroom .top_case__item__tag{
    background-image: url(../images/icon_styleroom.png);
}
.top_case__item--shared .top_case__item__tag{
    background-image: url(../images/icon_shared.png);
}
.top_case__item--house .top_case__item__tag{
    background-image: url(../images/icon_house.png);
}



.top_case__item__tag span{
/*display: flex;
    justify-content: center;
    align-items: center;*/
    display: block;
    margin-top:10%;
    color: #fff;
    text-align: center;
   /* height: 100%;*/
    width:100%;
    font-weight: bold;
    font-size: 1.3rem;
    
}



.top_case__box + a.btn{
    margin-top: 50px;
}
.top_reform__box{
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
}
.top_reform__item{
    width: 30.7%;
    background-color: #ffffff;
    padding: 20px 10px 15px;
    border-radius: 6px;
    position: relative;
}
.top_reform__item::before{
    content: "";
    width: 57px;
    height: 57px;
    background-image: url(../images/arrow_reform.svg);
    position: absolute;
    right: 0;
    top: 0;
}
.top_reform__item::after{
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    right: 4px;
    top: 6px;
    transform:rotate(45deg);
}
.top_reform__item:not(:nth-of-type(3n + 1)){
    margin-left: 3.95%;
}
.top_reform__item:nth-of-type(n+4){
    margin-top: 35px;
}
.top_reform__item .top_reform__image{
    width: 49.84%;
    margin: 0 auto;
    background-image: url(../images/icon_reform1.svg);
}
.top_reform__item .top_reform__image::before{
    content: "";
    display: block;
    padding-top: 73.86%;
}
.top_reform__item:hover .top_reform__image{
    margin-top: -7px;
    background-image: url(../images/icon_reform1_hover.svg);
}
.top_reform__item:hover .top_reform__image::before{
    padding-top: 79.08%;
}
.top_reform__item:nth-of-type(2) .top_reform__image{
    width: 24.1%;
    margin-top: 12px;
    background-image: url(../images/icon_reform2.svg);
}
.top_reform__item:nth-of-type(2) .top_reform__image::before{
    padding-top: 133.78%;
}
.top_reform__item:nth-of-type(2):hover .top_reform__image{
    width: 41.69%;
    margin-left: 61px;
    background-image: url(../images/icon_reform2_hover.svg);
}
.top_reform__item:nth-of-type(2):hover .top_reform__image::before{
    padding-top: 77.33%;
}
.top_reform__item:nth-of-type(3) .top_reform__image{
    width: 31.27%;
    margin-top: 12px;
    background-image: url(../images/icon_reform3.svg);
}
.top_reform__item:nth-of-type(3) .top_reform__image::before{
    padding-top: 101.04%;
}
.top_reform__item:nth-of-type(3) .top_reform__image::before{
    padding-top: 101.04%;
}
.top_reform__item:nth-of-type(3):hover .top_reform__image{
    width: 32.25%;
    margin-top: -11px;
    background-image: url(../images/icon_reform3_hover.svg);
}
.top_reform__item:nth-of-type(3):hover .top_reform__image::before{
    padding-top: 123.23%;
}
.top_reform__item:nth-of-type(4) .top_reform__image{
    width: 29.32%;
    margin-top: 3px;
    background-image: url(../images/icon_reform4.svg);
}
.top_reform__item:nth-of-type(4) .top_reform__image::before{
    padding-top: 131.11%;
}
.top_reform__item:nth-of-type(4):hover .top_reform__image{
    margin-top: 3px;
    background-image: url(../images/icon_reform4_hover.svg);
}
.top_reform__item:nth-of-type(5) .top_reform__image{
    width: 43%;
    background-image: url(../images/icon_reform5.svg);
}
.top_reform__item:nth-of-type(5):hover .top_reform__image{
    margin-top: 0px;
    background-image: url(../images/icon_reform5_hover.svg);
}
.top_reform__item:nth-of-type(5) .top_reform__image::before{
    padding-top: 92.42%;
}
.top_reform__item:nth-of-type(6) .top_reform__image{
    width: 30.29%;
    margin-top: 20px;
    background-image: url(../images/icon_reform6.svg);
}
.top_reform__item:nth-of-type(6) .top_reform__image::before{
    padding-top: 105.38%;
}
.top_reform__item:nth-of-type(6):hover .top_reform__image{
    width: 35.5%;
    margin-top: 19px;
    background-image: url(../images/icon_reform6_hover.svg);
}
.top_reform__item:nth-of-type(6):hover .top_reform__image::before{
    padding-top: 90.83%;
}
.top_reform__midashi{
    width: 90.69%;
    margin: 20px auto 0;
    text-align: center;
    background-color: #73BB71;
    border-radius: 40px;
}
.top_reform__midashi__text{
    font-size: 2.4rem;
    color: #ffffff;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Arial, Helvetica, sans-serif;
}
.top_reform__text{
    text-align: center;
    margin-top: 10px;
}
.reason__box{
    display: flex;
    margin-top: 50px;
}
.reason__box:nth-of-type(2){
    flex-direction: row-reverse;
}
.reason__text{
    width: 50%;
    display: flex;
    justify-content: flex-end;
    text-align: center;
    padding: 50px 0;
    background-color: #fff;
    position: relative;
}
.reason__text:hover{
    background-color: #e7f1e4;
}
.reason__box:nth-of-type(2) .reason__text{
    justify-content: flex-start;
}
.reason__text__in{
    margin-right: 10%;
}
.reason__box:nth-of-type(2) .reason__text__in{
    margin-right: 0;
    margin-left: 10%;
}
.reason__text1{
    font-size: 1.8rem;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Arial, Helvetica, sans-serif;
}
.reason__midashi{
    font-size: 3.6rem;
}
.reason__text__in .btn{
    margin-top: 30px;
}
.reason__image{
    width: 50%;
    position: relative;
}
.guide__box{
    display: flex;
    margin-top: 25px;
}
.guide__item{
    width: 21.3%;
/*    display: flex;
    flex-direction: column;
    align-items: flex-start;*/
    position: relative;
}
.guide__item:not(:first-of-type){
    margin-left: 4.933%;
}

.w33{
    width: 33.3333%;
}
.guide__image{
    width: 100%;
    position: relative;
}
.guide__image::before{
    content:"";
    display: block;
    padding-top: 62.91%;
}
.guide__image img{
    border-radius: 6px;
}
.guide__category{
    border-radius: 4px;
    background-color: #73bb71;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    font-size: 1.3rem;
    text-align: center;
}
.guide__day{
    margin-top: 20px;
    font-size: 1.5rem;
}
.guide__text__box{
    margin-top: 10px;
}
.guide__text{
    margin-top: 5px;
}
.guide__box + .btn{
    margin-top: 40px;
}
.showroom__box{
    display: flex;
    border-radius: 6px;
    box-shadow: 0 0 3px #999;
}
.section.top_showroom{
    padding-bottom: 0;
}
.showroom__image{
    width: 39.7%;
    position: relative;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.showroom__text{
    width: 60.3%;
    padding: 30px 20px;
    background-color: #a86f3d;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.showroom__text1{
    color: #ffffff;
    font-size: 1.8rem;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}
.showroom__text__icon{
    margin-top: 10px;
}
.showroom__text__icon .svg_box{
    padding-top: 20.29%;
}
.top_blog{
    background-color: #E7DED2;
    background-image: url(../images/top_blog_bg.svg);
    background-position: left calc(50% - 470px) top 40px;
}
.section + .section.top_blog{
    padding-top: 198px;
    margin-top: -90px;
}
.blog__box{
    display: flex;
    margin-top: 25px;
}
.blog__item{
    width: 21.3%;
    position: relative;
}
.blog__item:not(:first-of-type){
    margin-left: 4.933%;
}
.blog__image{
    width: 100%;
    position: relative;
}
.blog__image::before{
    content: "";
    padding-top: 62.91%;
    display: block;
}
.blog__image img{
    border-radius: 6px;
}
.blog__text{
    margin-top: 25px;
}
.blog__day{
    display: block;
    font-size: 1.5rem;
}
.blog__midashi{
    margin-top: 10px;
    font-size: 1.8rem;
    font-weight: normal;
}
.blog__box + .btn{
    margin-top: 40px;
}
.top_cotact__catch{
    text-align: center;
    color: #73bb71;
    font-size: 2.6rem;
    padding: 10px 0;
    position: relative;
}
.top_cotact__catch::after{
    content: "";
    width: 54px;
    height: 12px;
    position: absolute;
    left: calc(50% - 27.5px);
    bottom: -12px;
    background:
      linear-gradient(to top right, rgba(255,255,255,0) 50%, #fff 50.5%) no-repeat top left/50% 100%,
      linear-gradient(to top left, rgba(255,255,255,0) 50%, #fff 50.5%) no-repeat top right/50% 100%;
}
.top_cotact__catch p{
    font-size: 2.6rem;
}
.top_cotact__tel_btn{
    background-color: #73bb71;
    padding: 35px 0 30px;
}
.top_cotact__tel{
    display: flex;
    align-items: center;
}
.top_cotact__tel__icon{
    width: 6.8%;
    margin-right: 15px;
}
.top_cotact__tel__icon .svg_box{
    padding-top: 65.22%;
}
a.telnumber{
    font-family: brandon-grotesque, sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 8.1rem;
    color: #ffe100;
    line-height: 1;
}
.teltime{
    width: 20.76%;
    border: 1px solid #ffe100;
    border-radius: 4px;
    margin-left: auto;
}
.teltime p{
    text-align: center;
    color: #ffe100;
}
.teltime p:first-of-type{
    border-bottom: 1px dashed #ffe100;
}
.top_cotact__btn{
    margin-top: 5px;
}
.top_cotact__cotact__btn__text{
    display: flex;
    justify-content: space-between;
}
.top_cotact__cotact__btn__text__item{
    width: 30.71%;
}
.top_cotact__cotact__btn__text__item__text{
    display: block;
    text-align: center;
    color: #ffffff;
    margin-bottom: 10px;
}
.top_cotact__cotact__btn{
    display: flex;
    justify-content: space-between;
}
.top_cotact__cotact__btn__item{
    width: 30.71%;
}
.top_shop__list{
    display: flex;
    margin-top: 25px;
}
.top_shop__item{
    position: relative;
    width: 21.3%;
}
.top_shop__item:not(:first-of-type){
    margin-left: 4.933%;
}
.top_shop__item__image{
    position: relative;
}
.top_shop__item__image:before{
    content: "";
    display: block;
    padding-top: 62.91%;
}
.top_shop__item__image img{
    border-radius: 6px;
}
.top_shop__item__tag{
    display: block;
    background-color: #73bb71;
    border-radius: 4px;
    color: #ffffff;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    padding: 0 10px;
    margin-top: 30px;
    display: block;
}
.top_shop__item__text{
    margin-top: 10px;
}
.top_shop__item__tel{
    display: flex;
    margin-top: 10px;
}
.top_shop__item__tel__midashi{
    color: #73bb71;
    border: 1px solid #73bb71;
    border-radius: 4px;
    font-size: 1.4rem;
    padding: 0 5px;
}
.top_shop__item__tel__number{
    font-family: brandon-grotesque, sans-serif;
    font-weight: 900;
    font-style: normal;
    margin-left: 10px;
}


@media screen and (max-width: 1040px) {
    .pc {
        display: none !important;
    }
    .sp {
        display: block !important;
    }
    .mainvisial__box {
        padding-top: 104.533%;
    }
    .main_slide img.object-fit-img{
        object-position: 50% 50%;
        font-family: 'object-fit: cover; object-position: 0 100%;';
    }
    .main_slide__catch{
        width: 89.47%;
        position: relative;
        left: inherit;
        top: inherit;
        margin: 41.73% auto 6.67%;
    }
    .main_slide__catch a.btn{
        margin-top: 6.67%;
    }
    .main_slide__catch .svg_box{
        padding-top: 47%;
    }
    .slick-dots {
        bottom: 10px;
    }
    .top_navi__box{
        flex-direction: column;
        padding-bottom: 0;
    }
    .top_navi__box::after{
        content: none;
    }
    .top_navi__item{
        width: 100%;
        height: 200px;
    }
    .top_navi__item__text{
        font-size: 1.3rem;
    }
    .top_navi__item__image{
        width: 80%;
    }
    .top_navi__item__in a.btn{
        margin-top: 20px;
        margin-bottom: 25px;
    }
    .top_navi__item__text span{
        font-size: 3.6rem;
    }
    .top_navi__item:nth-of-type(2){
        margin-top: 5px;
    }
    .top_infomation__box{
        margin-top: 5px;
    }
    .top_infomation__box{
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        padding: 6.67% 9.6%;
    }
    .top_infomation__day{
        width: auto;
        font-size: 1.3rem;
        height: 20px;
        padding: 0 5px;
    }
    .top_infomation__text{
        margin-left: 0;
        margin-top: 10px;
    }
    .top_infomation__text a{
        font-size: 1.3rem;
    }
    .top_infomation__box a.btn{
        margin-right: auto;
        margin-top: 20px;
    }
    .top_content1__box{
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .top_content1__left{
        width: 100%;
        padding-top: 4.67%;
        position: relative;
    }
    .top_content1__left__down{
        position: absolute;
        right: -4.87%;
        bottom: -35px;
    }
    .top_content1__left__down::before{
        padding-top: 79.82%;
    }
    .top_content1__right{
        width: 100%;
    }
    .top_content1__right__in{
        margin-left: 0;
    }
    .top_content1__right__midashi{
        font-size: 2.5rem;
    }
    .top_event__box{
        background-color: #B18F6A;
        padding: 6.67%;
        flex-wrap: wrap;
    }
    .top_event__box__left{
        width: 100%;
    }
    .top_event__box__left::before{
        padding-top: 81.64%;
    }
    .top_event__box__right{
        width: 100%;
        padding: 6.67% 0 0;
    }
    .top_event__day{
        width: auto;
        display: inline-flex;
        font-size: 1rem;
        padding-left: 10px;
        padding-right: 10px;
        height: 20px;
    }
    .top_event__title{
        font-size: 1.8rem;
        margin-top: 4.11%;
    }
    .top_event__text{
        font-size: 1.3rem;
    }
    .top_event__box__right a.btn{
        width: 50%;
        margin-top: 6.667%;
        margin-left: auto;
        margin-right: auto;
    }
    .top_case__box{
        display: block;
    }
    .top_case .slick-slider{
        position: relative;
    }
    .top_case .slick-list {
        margin-right: -15px;  /* ガター分ネガティブマージン */
    }
    .top_case .slick-slide {
        margin-right: 15px;  /* ガター */
    }
    .top_case__item:not(:nth-of-type(3n+1)){
        margin-left: 0;
    }
    .top_case__item:nth-of-type(n+4) {
        margin-top: 0;
    }
    .top_case__item{
        /* margin-left: 3.6%; */
    }
    .top_reform__item{
        width: 47.39%;
        padding: 13px 10px 7px;
    }
    .top_reform__item::before{
        width: 29px;
        height: 29px;
    }
    .top_reform__item::after{
        border-width: 5px;
        right: 2px;
        top: 4px;
    }
    .top_reform__item:not(:nth-of-type(3n + 1)){
        margin-left: 0;
    }
    .top_reform__item:nth-of-type(n+4){
        margin-top: 0;
    }
    .top_reform__item:nth-of-type(2n){
        margin-left: 5.22%;
    }
    .top_reform__item:nth-of-type(n + 3){
        margin-top: 4.67%;
    }
    .top_reform__item .top_reform__image{
        width: 61.01%;
    }
    .top_reform__midashi{
        width: 100%;
    }
    .top_reform__midashi__text{
        font-size: 1.5rem;
    }
    .top_reform__text{
        font-size: 1.3rem;
    }
    .top_reason{
        padding-left: 0;
        padding-right: 0;
    }
    .reason__box{
        flex-direction: column-reverse;
        margin-top: 35px;
    }
    .reason__box:nth-of-type(2){
        flex-direction: column-reverse;
        margin-top: 60px;
    }
    .reason__image{
        width: 100%;
        position: relative;
    }
    .reason__image::before{
        content: "";
        display: block;
        padding-top: 42.133%;
    }
    .reason__text{
        width: 100%;
        padding-top: 25px;
        padding-bottom: 0;
        justify-content: center;
        background-color: #ffffff;
    }
    .reason__box:nth-of-type(2) .reason__text{
        justify-content: center;
    }
    .reason__text__in{
        margin-right: 0;
    }
    .reason__box:nth-of-type(2) .reason__text__in{
        margin-left: 0;
    }
    .reason__text1{
        font-size: 1.3rem;
    }
    .reason__midashi{
        font-size: 2.5rem;
    }
    .reason__text__in .btn{
        margin-top: 20px;
    }
    .section + .section.top_guide{
        padding-left: 4.67%;
        padding-right: 4.67%;
    }
    .guide__box{
        flex-direction: column;
        margin-top: 20px;
    }
    .guide__item {
    width: 100%;
    flex-wrap: wrap;
    display: flex;}
    
    .guide__image{
        width: 41.49%;
    }
    .guide__image::before{
        padding-top: 67.266%;
    }
    .guide__text__box {
    width: 50%;
    margin-top: 0;
    margin-left: 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
    .guide__category{
        margin-top: 0;
        font-size: 1.3rem;
        margin-left: 0;
    }
    .guide__day{
        display: block;
        margin-top: 15px;
        font-size: 1.3rem;
        line-height: 1;
    }
    .guide__text{
        margin-top: 5px;
        font-size: 1.3rem;
    }
    .guide__item:not(:first-of-type){
        margin-left: 0;
        margin-top: 25px;
    }
    .section.top_showroom{
        padding-left: 0;
        padding-right: 0;
    }
    .showroom__box{
        box-shadow: none;
        background-image: url(../images/bg_sp_reform.jpg);
        background-size: cover;
        padding: 20px 0 25px;
        flex-direction: column;
        align-items: center;
    }
    .showroom__image{
        display: none;
    }
    .showroom__text{
        width: 80%;
        padding: 0;
        background-color: transparent;
    }
    .showroom__text1{
        font-size: 1.3rem;
    }
    .showroom__box a.btn{
        margin-top: 20px;
    }
    .section + .section.top_blog{
        padding-top: 35px;
        padding-left: 4.67%;
        padding-right: 4.67%;
        margin-top: 0;
    }
    .blog__box{
        flex-direction: column;
    }
    .blog__item{
        width: 100%;
        display: flex;
        align-items: flex-start;
    }
    .blog__item:not(:first-of-type){
        margin-left: 0;
        margin-top: 25px;
    }
    .blog__image{
        width: 41.19%;
    }
    .blog__text{
        width: 54.37%;
        margin-left: 4.44%;
        margin-top: 0;
    }
    .blog__day{
        font-size: 1.3rem;
    }
    .blog__midashi{
        font-size: 1.3rem;
    }
    .section + .section.top_cotact{
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
    .top_cotact__catch p{
        font-size: 1.5rem;
    }
    .top_cotact__tel_btn{
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .top_cotact__tel{
        flex-wrap: wrap;
        margin-left: 15px;
    }
    .top_cotact__tel__icon{
        width: 34px;
    }
    a.telnumber{
        font-size: 4rem;
    }
    .teltime{
        width: 100%;
        border: none;
        display: flex;
        margin-left: 49px;
    }
    .teltime p{
        font-size: 1.3rem;
    }
    .teltime p:first-of-type{
        border-bottom: none;
    }
    .top_cotact__cotact__btn__text{
        align-items: center;
    }
    .top_cotact__cotact__btn__text__item__text{
        font-size: 1.3rem;
    }
    .top_cotact__btn__item{
        width: 30.96%;
    }
    .top_cotact__btn__item__text{
        font-size: 1.3rem;
    }
    .top_cotact__btn a.btn{
        width: 100%;
        margin-top: 5px;
    }
    .top_cotact__btn a.btn::before{
        content: none;
    }
    .section.top_shop{
        display: none;
    }
}
@media screen and (max-width: 768px) {
     .main_slide__catch{
        margin: 18.73% auto 6.67%;
    }
    .main_slide__catch a.btn {
    margin-top: 31.67%;
}
    
}
@media screen and (max-width: 360px) {
}