@charset "utf-8";

/*header*/
header .nav .link2 .contact_btn {
    /*background-color: #002058;*/
    /*border: unset;*/
    transition: all 0.5s;
}

header .nav .link a {

    position: relative;
}

header .nav .link a span {
    transition: all 0.5s;
}

header .nav .link a .hover_block {
    position: absolute;
    top: 0;
    bottom: 0px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: max-content;
    text-align: center;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    font-family: "游明朝体", "Yu Mincho", YuMincho;
}

header .nav .link a:hover .hover_block{
    opacity: 1;
    color: #414141;
}

header .nav .link a:hover .hover_none {
    opacity: 0;
}

.scrolled header .nav .link2 .contact_btn svg{
    fill: #fff;
}

.scrolled header .nav .link2 .contact_btn svg g path {
    /*fill: #fff;*/
}

header .nav .link2 .contact_btn:hover{
    background-color: #002058;
    /*border: unset;*/
}

header .nav .link2 .contact_btn:hover g path{
    fill: #fff;
}

.mv_news .cat_date .cat,
.mv_news .cat_date .date,
.mv_news .title
{
    font-size: 12px;
}

.box-anime-all-wrap-pc{
    /*display: inline-block;*/
}

.box-anime-all-wrap-sp{
    /*display: none;*/
}

#top_immigrationColumn .box-anime-all-wrap.box-anime-all-wrap-pc {
    display: block;
}

#top_immigrationColumn .box-anime-all-wrap.box-anime-all-wrap-sp {
    display: none;
    z-index: 100;
}

/*TOP*/
    #mv .swiper-pagination:after {
        content: "Skip";
        color: #fff;
        font-size: 12px;
        font-family: optima , Marcellus , Segoe , serif;
        color: #002567;
        position: absolute;
        left: -75px;
        top: -12px;
        bottom: 0;
        margin: auto;
        padding-right: 20px;
        width: 100%;
        height: 100%;
        letter-spacing: 0.1em;
    }

    #mv .swiper-pagination {
        z-index: 2;
    }

    .detail_btn {
        margin-left: auto;
        transition: all 0.5s;
        border: 1px solid #002567;
    }

    .detail_btn:hover {
        background-color: #fff;
        /*color: #002567;*/
    }

    .detail_btn:hover span{
        color: #002567;
    }

    .detail_btn.white {
        transition: all 0.5s;
        border: 1px solid #fff;
    }

    .detail_btn.white:hover{
        background-color: #002567;
        border: 1px solid #fff;
    }

    .detail_btn.white:hover span{
        color: #fff;
    }

    #top_gallery .topgallery_swiper-container {
        padding-left: 65px;
    }

    #top_gallery .topgallery_swiper-container .swiper-scrollbar,
    #top_lifeStyle .topgallery_swiper-container .swiper-scrollbar,
    #top_lifeStyle .topgallery_swiper-container .swiper-scrollbar{
        left: 65px;
    }

    #top_lifeStyle .topgallery_swiper-container,
    #top_news ul,
    #top_blog ul{
        padding-left: 65px;
    }

    #top_immigrationColumn .swiper-button-prev {

        right: 140px;
    }
    #top_immigrationColumn .swiper-button-next {
        /*right: 140px;*/
        right: 195px;
    }

    #top_gallery .topgallery_swiper-container:before,
    #top_lifeStyle .topgallery_swiper-container:before {
        content: none;
    }


    /*フッターのフェードイン*/
    .scroll-up {
        opacity: 0;
        visibility: hidden;
        transform: translateY(50px);
        transition: all 1.3s;
    }

    .scroll-up.is-show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
    }

    /* ハンバーガーメニュー*/
    #menu_area .link a span {
        position: relative;
    }

    #menu_area .link a span:after {
        content: "";
        position: absolute;
        width: 20px;
        height: 1px;
        background-color: #3F4D67;
        left: -35px;
        bottom: 4px;
        /*z-index: 3;*/
    }


    #kartell_bnr .wrapper.pc_none {
        display: none;
    }

    #kartell_bnr .wrapper img {
        height: 100%;
        object-fit: cover;
    }

    #kartell_bnr .wrapper:before {
        content: none;
    }

    /*ボタンホバーで反転*/
    #stance_housing .linkarea a {
        /*transition: all 0.5s;*/
    }

    #modelhouse .content .contact,
    #estate .content .contact,
    #company .content .contact,
    #stance_reform_renovation .contact,
    #with_architect .content .slide .gallery_btn,
    #concept .linkarea a,
    #stance_housing .linkarea a,
    #stance_spec .linkarea a,
    #with_architect .linkarea a,
    #stance_flow .linkarea a,
    #stance_reform_renovation .linkarea a{
        transition: all 0.5s;
    }

    #modelhouse .content .contact,
    #estate .content .contact,
    #company .content .contact,
    #stance_reform_renovation .contact,
    #with_architect .content .slide .gallery_btn,
    #stance_reform_renovation .contact{
        border: 1px solid #002567;
    }


    #concept .linkarea a:hover,
    #stance_housing .linkarea a:hover,
    #stance_spec .linkarea a:hover,
    #with_architect .linkarea a:hover,
    #stance_flow .linkarea a:hover,
    #stance_reform_renovation .linkarea a:hover{
        background-color: #002567;
    }

    #modelhouse .content .contact:hover,
    #estate .content .contact:hover,
    #estate .content .contact:hover,
    #company .content .contact:hover,
    #stance_reform_renovation .contact:hover,
    #with_architect .content .slide .gallery_btn:hover{
        background-color: #fff;
    }

    #modelhouse .content .contact:hover span,
    #estate .content .contact:hover p,
    #company .content .contact:hover p{
        color: #002567;
    }


    #estate .content .contact:hover,
    #concept .linkarea a:hover span,
    #stance_housing .linkarea a:hover span,
    #stance_spec .linkarea a:hover span,
    #with_architect .linkarea a:hover span,
    #stance_flow .linkarea a:hover span,
    #stance_reform_renovation .linkarea a:hover span{
        color: #fff;
    }

    #estate .content .contact:hover span,
    #company .content .contact:hover span,
    #stance_reform_renovation .contact:hover span,
    #with_architect .content .slide .gallery_btn:hover span{
        color: #002567;
    }

    #concept .linkarea a:hover:before,
    #concept .linkarea a:hover:after,
    #stance_housing .linkarea a:hover:before,
    #stance_housing .linkarea a:hover:after,
    #stance_spec .linkarea a:hover:before,
    #stance_spec .linkarea a:hover:after,
    #with_architect .linkarea a:hover:before,
    #with_architect .linkarea a:hover:after,
    #stance_flow .linkarea a:hover:before,
    #stance_flow .linkarea a:hover:after,
    #stance_reform_renovation .linkarea a:hover:before,
    #stance_reform_renovation .linkarea a:hover:after{
        background-color: #fff;
        transition: 0.3s;
    }

    #modelhouse .content .contact:hover span:before,
    #modelhouse .content .contact:hover span:after,
    #estate .content .contact:hover span:before,
    #estate .content .contact:hover span:after,
    #company .content .contact:hover span:before,
    #company .content .contact:hover span:after,
    #stance_reform_renovation .contact:hover:before,
    #stance_reform_renovation .contact:hover:after,
    #with_architect .content .slide .gallery_btn:hover:before,
    #with_architect .content .slide .gallery_btn:hover:after{
        background-color: #002567;
        transition: 0.3s;
    }

    #modelhouse .content .contact:hover span:before,
    #estate .content .contact:hover span:before,
    #company .content .contact span:before,
    #stance_reform_renovation .contact:hover:before,
    #with_architect .content .slide .gallery_btn:hover:before,
    #concept .linkarea a:hover:before,
    #stance_housing .linkarea a:hover:before,
    #stance_spec .linkarea a:hover:before,
    #with_architect .linkarea a:hover:before,
    #stance_flow .linkarea a:hover:before,
    #stance_reform_renovation .linkarea a:hover:before{
        transform: rotate3d(0,0,1,180deg);
    }

#modelhouse .content .contact:hover span:after,
    #estate .content .contact:hover span:after,
    #company .content .contact span:after,
    #company .content .contact:hover:after,
    #stance_reform_renovation .contact:hover:after,
    #with_architect .content .slide .gallery_btn:hover:after,
    #concept .linkarea a:hover:after,
    #stance_housing .linkarea a:hover:after,
    #stance_spec .linkarea a:hover:after,
    #with_architect .linkarea a:hover:after,
    #stance_flow .linkarea a:hover:after,
    #stance_reform_renovation .linkarea a:hover:after{
        transform: rotate3d(0,0,1,180deg);
    }


    #stance_reform_renovation .swiper-horizontal>.swiper-scrollbar,
    #stance_reform_renovation .swiper-scrollbar.swiper-scrollbar-horizontal {
        left: 0;
        width: 100%;
        max-width: calc(85% - 110px);
    }

    #stance_reform_renovation .swiper-horizontal>.swiper-scrollbar,
    #stance_reform_renovation .swiper-scrollbar{
        height: 1px;
    }

    #stance_reform_renovation .swiper-scrollbar,
    #kartell-confirm .swiper-scrollbar,
    #kartell .swiper-scrollbar,
    #estate .content .slide .estateswiper-container .swiper-scrollbar,
    #modelhouse .content .slide .modelhouseswiper-container .swiper-scrollbar,
    #with_architect .swiper-scrollbar {
        background-color: #C6C9C8;
    }

    #stance_reform_renovation .swiper-scrollbar-drag,
    #kartell-confirm  .swiper-scrollbar-drag,
    #kartell   .swiper-scrollbar-drag,
    #estate  .swiper-scrollbar-drag,
    #modelhouse  .swiper-scrollbar-drag,
    #with_architect .swiper-scrollbar-drag {
        background-color: #002567;
    }



    #lifestyle.archive .parts .img_zoom_wrap {
        content: '';
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-position: center;
        background-size: cover;
        position: relative;
        transition: 0.2s;
        overflow: hidden;
    }

#gallery.archive .parts .img_zoom_wrap{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-size: cover;
    position: relative;
    transition: 0.2s;
    overflow: hidden;
}

    #gallery.archive .parts .img,
    #lifestyle.archive .parts .img {
        width: 100%;
    }


    #stance_housing .content .parts .explanation span {
        font-size: 11px;
        letter-spacing: 0.15em;
    }

    #contact .content .tel .txt a,
    #contact-confirm .content .tel .txt a,
    #stance_reform_renovation .content .point .title .en,
    #stance_flow .content .point .title .en,
    #stance_spec .content .parts .point .title .en,
    #stance_housing .content .parts .point .title .en {
        font-family: 'Noto Serif JP', serif;
    }

    #stance_reform_renovation .content .point .title .en img,
    #stance_flow .content .point .title .en img,
    #stance_spec .content .parts .point .title .en img,
    #stance_housing .content .parts .point .title .en img
    {
        width: 17px;
    }

    #stance_flow .content .point1 .title .en img,
    #stance_reform_renovation .content  .point1 .title .en img,
    #stance_spec .content .parts .point1 .title .en img,
    #stance_housing .content .parts #point1 .title .en img {
        width: 15px !important;
    }

    #stance_housing .content .parts .point .explanation sup {
        font-size: 11px;
    }

    .content .point .title .title_corporate_flex span {
        font-size: 17px;
        letter-spacing: 0.15em;
    }

    .content .point .title .title_corporate_flex .sub_title_corporate{
        font-size: 12px;
    }

    /*modelhouse table*/
    #modelhouse .content .overview table tr {
        display: flex;
    }

    #modelhouse .content .overview table tr:last-child {
        margin-bottom: 0;
    }

    #modelhouse .content .overview table .modelhouse_3_tr td {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #modelhouse .content .overview table .modelhouse_3_tr a {
        height: auto;
        margin-top: 0;
        padding: 5px 30px 5px 20px;
    }

    #modelhouse .content .sales_information .overview table {
        width: 100%;
    }

    /*Company table*/
    #company table tr {
        display: flex;
    }

    /*gallery*/
    #post .pagenavi ul .back a, #blog .pagenavi ul .back a, .single .pagenavi ul .back a {
        color: #002567;
    }

    #post .pagenavi ul .next .txt, .single .pagenavi ul .next .txt {
        color: #002567;
    }

    #post .pagenavi ul .prev:before{
        background-color: #002567;
    }

    #post .pagenavi ul .item .txt,
    .single .pagenavi ul .item .txt{
        color: #002567;
    }

    #post .pagenavi ul .prev.inactive:before,
    #post .pagenavi ul .prev.inactive:before,
    .single .pagenavi ul .prev.inactive:before {
        background-color: #C6C9C8;
    }

    #post .pagenavi ul .item.empty .txt,
    .single .pagenavi ul .item.empty .txt{
        color:#C6C9C8 ;
    }

    #lifestyle.single .content .mv .caption,
    #gallery.single .content .mv .caption{
        opacity: 0;
        transition: all 0.2s;
        display: block;
    }

    #lifestyle.single .content .mv:hover .caption,
    #gallery.single .content .mv:hover .caption {
        opacity: 1;
    }

    .content .img1 .caption{
        opacity: 0;
        transition: all 0.2s;
        display: block;
    }

    .content .img1:hover .caption {
        opacity: 1;
    }

    /*other_contents*/
    .other_contents .corporate_backcolor {
        background-color: #fff;
    }

    #top_gallery .topgallery_swiper-container .swiper-wrapper .swiper-slide .caption {
        /*display: flex;*/
        /*flex-direction: column;*/
    }

    .other_contents .caption .en {
        line-height: 1;
        font-size: 15px;
        font-weight: bold;
        font-style: italic;
        display: block;
    }

    .other_contents .cat_area .detail_btn{

    }

    .other_contents .cat_area .detail_btn span {
        font-size: 15px;
    }


    #top_gallery.other_contents .cat_area a:after {
        background-image: url(../images/plus_blue.svg);
    }

    #gallery footer.corporate_backcolor{
        /*background-color: #002567;*/
    }

    footer .info .logo {
        width: 215px;
    }

    footer .privacypolicy {
        width: 100%;
    }


    .wp-pagenavi>a {
        color: #002567;
    }

    #top_gallery.other_contents .section_title .white_fontcolor span:after {
        background-color: #002567;
    }

    #home .section_title {
        width: 50%;
    }

    #top_gallery.other_contents .section_title p {
        color: #002567;
    }

    #top_gallery.other_contents .cat_area a {
        color: #002567;
    }

    #top_gallery.other_contents .topgallery_swiper-container .swiper-scrollbar {
        background-color: #C6C9C8;
        height: 2px;
        bottom: 0px;
    }

    #top_gallery.other_contents #top_gallery .topgallery_swiper-container .swiper-scrollbar {
        background-color: #C6C9C8;
        height: 2px;
        bottom: 0px;
    }

    #top_gallery.other_contents .topgallery_swiper-container .swiper-wrapper {
        column-gap: 5px;
    }

    #top_gallery.other_contents .cat_area a:after{
        background-image: url(../images/plus_blue.svg);
    }

    #top_gallery .topgallery_swiper-container .swiper-wrapper {
        column-gap: 5px;
    }

    #top_lifeStyle .topgallery_swiper-container .swiper-wrapper {
        column-gap: 5px;
    }

    /*NEWS*/
    #top_gallery.other_contents .cat_area ul.flex {
        display: flex;
    }

    .news #top_gallery.other_contents .topgallery_swiper-container .swiper-scrollbar{
        background-color: #C6C9C8;
        height: 2px;
        bottom: 0px;
    }

    /*  土地情報  */
    .estate #top_gallery.other_contents .topgallery_swiper-container .swiper-wrapper .swiper-slide .img {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center;
    }

    /* privacypolicy*/
    #privacypolicy .content ul {
        margin-bottom: 20px;
    }

    #privacypolicy .content li {
        padding-left: 10px;
    }

    #privacypolicy .content li:before {
        /*top: 0;*/
        /*bottom: 0;*/
        /*margin: auto;*/
        /*left: 0;*/
    }

    /* コンテンツの表示*/
    .box-wrap {
        overflow: hidden;
    }

    .box_inner {
        width: inherit;
        height: inherit;
        opacity: 0;
        overflow: hidden;
    }

    /*kartell*/

    #kartell-confirm  .content .mw_wp_form .form_item .contents input[type="text"], #contact .content .mw_wp_form .form_item .contents textarea,
    #kartell  .content .mw_wp_form .form_item .contents input[type="text"], #contact .content .mw_wp_form .form_item .contents textarea{
        font-family: 'Noto Serif JP', '游明朝', YuMincho, 'Yu Mincho', serif;
        width: 100%;
        box-sizing: border-box;
    }

    #kartell-confirm .content .mw_wp_form .form_item .contents.time input[type="text"],
    #kartell .content .mw_wp_form .form_item .contents.time input[type="text"] {
            position: relative;
            padding: 10px 14px;
            border: solid 1px #EBEBEB !important;
            margin-left: 14px;
            width: calc(285px - 28px)!important;
        }

    #contact .content .mw_wp_form .form_item .contents.time span,
    #kartell .content .mw_wp_form .form_item .contents.time span,
    #kartell-confirm .content .mw_wp_form .form_item .contents.time span {
        height: 100%;
        display: inline-block;
        position: relative;
    }

    #contact .content .mw_wp_form .form_item .contents.time span:before,
    #contact .content .mw_wp_form .form_item .contents.time span:after,
    #kartell-confirm .content .mw_wp_form .form_item .contents.time span:before,
    #kartell-confirm .content .mw_wp_form .form_item .contents.time span:after
    #kartell .content .mw_wp_form .form_item .contents.time span:before,
    #kartell .content .mw_wp_form .form_item .contents.time span:after{
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #414141;
        z-index: 5;
    }

    #contact .content .mw_wp_form .form_item .contents.time span:before,
    #kartell-confirm .content .mw_wp_form .form_item .contents.time span:before,
    #kartell .content .mw_wp_form .form_item .contents.time span:before{
        width: 9px;
        height: 1px;
        right: 20px;
    }

    #contact .content .mw_wp_form .form_item .contents.time span:after,
    #kartell-confirm .content .mw_wp_form .form_item .contents.time span:after,
    #kartell .content .mw_wp_form .form_item .contents.time span:after{
        width: 1px;
        height: 9px;
        right: 24px;
    }



    /*TOP immi*/
    .immigrationswiper-container .box-anime-wrap{
        width: 100%;
        height: auto;
        display: inline-block;
    }

    .immigrationswiper-container .test {
        width: 100%;
        height: 100%;
    }

    .immigrationswiper-container .box-anime-wrap .box_anime{
        width: auto;
        height: auto;
        text-align: center;
        color: #555;
        background-color: #fff;
        opacity: 0;
        display: inline-block;
    }

    .isAnime {
        animation-name: play2;
        animation-duration: 0.4s;
        animation-fill-mode: forwards;
        position: relative;
        opacity: 1 !important;
    }

    .isAnime:before {
        animation-name: maskOut2;
        animation-duration: 0.4s;
        animation-delay: 0.4s;
        animation-fill-mode: forwards;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: #fff;
    }

    #top_immigrationColumn .swiper-slide .box_anime.isAnime:before {
        animation-duration: 0.1s;
        animation-delay: 0.1s;
    }

    #top_immigrationColumn .swiper-slide .box-anime-wrap.isAnime:before {
        animation-duration: 0.7s;
        animation-delay: 0.7s;
    }

    @keyframes play2 {
        from {
            transform: translateX(-100%);
            opacity: 0;
        }

        to {
            transform: translateX(0);
            opacity: 1;
        }
    }

    @keyframes maskOut2 {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(100%);
        }
    }

    .immigrationswiper-container .box-anime-all-wrap {
        position: absolute;
        left: 25px;
        bottom: 35px;
        overflow: hidden;
    }

    .immigrationswiper-container .box-anime-wrap .box_anime{
        position: unset !important;
        text-align: left;
        overflow: hidden;
        display: block;
    }

    @keyframes anima_fadein_5 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes anima_bg_5 {
        0% {
            left: 0;
            right: 100%;
        }
        40% {
            left: 0;
            right: 0;
        }
        60% {
            left: 0;
            right: 0;
        }
        100% {
            left: 100%;
            right: 0;
        }
    }

    .immigrationswiper-container .swiper-slide-active .box_inner,
    .immigrationswiper-container .swiper-slide-duplicate-active .box_inner,
    .immigrationswiper-container .swiper-slide-prev .box_inner {
        width: inherit;
        height: inherit;
        text-align: center;
        color: #555;
        background-color: #fff;
        opacity: 0;
        display: inline-block;
    }

    .immigrationswiper-container .swiper-slide-active .box_inner.isPlay,
    .immigrationswiper-container .swiper-slide-duplicate-active .box_inner.isPlay,
    .immigrationswiper-container .swiper-slide-prev .box_inner.isPlay {
        animation-name: play2;
        animation-duration: 1s;
        animation-fill-mode: forwards;
        animation-timing-function: cubic-bezier(.8, 0, .5, 1);
        position: relative;
        opacity: 1 !important;
    }

    .immigrationswiper-container .swiper-slide-active .box_inner.isPlay:before,
    .immigrationswiper-container .swiper-slide-duplicate-active .box_inner.isPlay:before,
    .immigrationswiper-container .swiper-slide-prev .box_inner.isPlay:before {
        animation-name: maskOut2;
        animation-duration: 1s;
        animation-delay: 1s;
        animation-fill-mode: forwards;
        animation-timing-function: cubic-bezier(.8, 0, .5, 1);
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: #fff;
    }

    @keyframes play2 {
        from {
            transform: translateX(-100%);
            opacity: 0;
        }

        to {
            transform: translateX(0);
            opacity: 1;
        }
    }

    @keyframes maskOut2 {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(100%);
        }
    }

    .immigrationswiper-container .slide-img {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .immigrationswiper-container .swiper-slide-active img{
        animation-name: zoom;
        animation-duration: 4s;
        animation-fill-mode: forwards;
        animation-timing-function: linear;
        animation-iteration-count: 1;
    }


    #top_immigrationColumn .swiper-slide{
        overflow: hidden;
    }
    @keyframes zoom {
        from {
            -webkit-transform: scale(1.3);
            transform: scale(1.3);
        }

        to {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }




#top_lifeStyle .topgallery_swiper-container .swiper-wrapper .swiper-slide .box_inner img,
    #top_gallery .topgallery_swiper-container .swiper-wrapper .swiper-slide .box_inner img
    {
            transition: all 0.5s;
    }

    #top_lifeStyle .topgallery_swiper-container .swiper-wrapper .swiper-slide:hover .box_inner img,
    #top_gallery .topgallery_swiper-container .swiper-wrapper .swiper-slide:hover .box_inner img {
        transform: scale(1.2);
    }

    #estate.archive .parts .img,
    #gallery.archive .parts .img,
    #lifestyle.archive .parts .img {
        transition: all 0.2s;
    }

    #estate.archive .parts:hover .img,
    #gallery.archive .parts:hover .img,
    #lifestyle.archive .parts:hover .img{
        transform: scale(1.2);
    }




    #gallery.archive .parts .img,
    #lifestyle.archive .parts .img {
        width: 100%;
    }

    #gallery.archive .parts .img{
        margin-bottom: 0;
    }

    #gallery.archive .parts .txt{
        margin-top: 23px;
    }

    .mv_news .box_inner.open {
        /*opacity: 1;*/
        animation-name: play;
        animation-duration: .5s;
        animation-fill-mode: forwards;
        animation-timing-function: cubic-bezier(.8,0,.5,1);
        position: relative;
        opacity: 1 !important;
    }

    .mv_news .box_inner.open:before{
        animation-name: maskOut;
        animation-duration: .5s;
        animation-delay: .5s;
        animation-fill-mode: forwards;
        animation-timing-function: cubic-bezier(.8,0,.5,1);
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: #fff;
    }


    .isPlay {
        animation-name: play;
        animation-duration: .5s;
        animation-fill-mode: forwards;
        animation-timing-function: cubic-bezier(.8,0,.5,1);
        position: relative;
        opacity: 1 !important;
    }

    .isPlay:before {
        animation-name: maskOut;
        animation-duration: .5s;
        animation-delay: .5s;
        animation-fill-mode: forwards;
        animation-timing-function: cubic-bezier(.8,0,.5,1);
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: #fff;
    }

    @keyframes play {
        from {
            transform: translateX(-100%);
        }

        to {
            transform: translateX(0);
        }
    }

    @keyframes maskOut {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(100%);
        }
    }

    #top_gallery .topgallery_swiper-container .swiper-wrapper .swiper-slide:before,
    #top_gallery .topgallery_swiper-container .swiper-wrapper .swiper-slide .caption,
    #top_lifeStyle .topgallery_swiper-container .swiper-wrapper .swiper-slide:before,
    #top_lifeStyle .topgallery_swiper-container .swiper-wrapper .swiper-slide .caption{
        transition: 0.5s;
    }

    #top_gallery .topgallery_swiper-container .swiper-wrapper .swiper-slide:before {
        content: "";
        opacity: 0;
        transition: all 0.5s;
    }

    #top_gallery .topgallery_swiper-container .swiper-wrapper .swiper-slide:hover:before,
    #top_gallery .topgallery_swiper-container .swiper-wrapper .swiper-slide:hover .caption,
    #top_lifeStyle .topgallery_swiper-container .swiper-wrapper .swiper-slide:hover:before,
    #top_lifeStyle .topgallery_swiper-container .swiper-wrapper .swiper-slide:hover .caption{
        z-index: 1;
        opacity: 1;
    }

    #top_gallery .topgallery_swiper-container .swiper-wrapper .swiper-slide .caption,
    #top_lifeStyle .topgallery_swiper-container .swiper-wrapper .swiper-slide:hover .caption{
        padding: 0 30px 20px 30px;
    }

    /*  contact*/
    #contact .form .mwform-radio-field-text {
        font-size: 14px;
    }

    #contact .mw_wp_form input[type="submit"]:hover {
        background-color: #fff;
        color: #002567;
    }

    #contact .mw_wp_form input[type="submit"] {
        transition: all 0.5s;
        border: 1px solid #002567;
    }


    .mw_wp_form .privacy {
        position: relative;
    }

    .mw_wp_form .privacy .error {
        /*display: inline-block;*/
        /*position: absolute;*/
        /*top: 0;*/
        /*right: 0;*/
        display: inline-block;
        position: absolute;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        right: 0;
    }

    .mw_wp_form .privacy a {
        border-bottom: 1px solid #414141;
    }


/*    news*/
.archive.post .parts .txt, .archive.blog .parts .txt{
    width: auto;
    height: auto;
}


.archive.post .parts a.box-wrap {
    /*overflow: unset;*/
}

.content .img1.vertical img {
    height: 100%;
    width: 100%;
}

#post.news .wp-block-lazyblock-img-flex.lazyblock-img-flex-ZtqqTm {
    width: 100%;
}

#post.news .content .img1.vertical {
    width: 100%;
}


#top_immigrationColumn .swiper-button-prev.sp,
#top_immigrationColumn .swiper-button-next.sp {
    display: none;
}

#top_immigrationColumn .swiper-backface-hidden .swiper-slide {
    /*transform: translateZ(0);*/
    /*-webkit-backface-visibility: hidden;*/
    /*backface-visibility: hidden;*/
}



/*
screen and (max-width: 1400px)
*/
@media screen and (max-width: 1400px){
    #contact .content .mw_wp_form .form_item .contents, #contact-confirm .content .mw_wp_form .form_item .contents {
        justify-content: flex-start;
    }

    #contact .mw_wp_form .horizontal-item, #contact-confirm .mw_wp_form .horizontal-item {
        flex-basis: 28%;
    }



}


/*
screen and (max-width: 1200px)
*/
@media screen and (max-width: 1200px){
    #contact .mw_wp_form .horizontal-item, #contact-confirm .mw_wp_form .horizontal-item {
        flex-basis: 100%;
        margin-right: 0;
    }

    #modelhouse .content .overview table .modelhouse_3_tr td {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}


/*
screen and (max-width: 740px)
*/
@media screen and (max-width: 740px){
    .box-anime-all-wrap-pc{
        /*display: none;*/
    }

    #kartell_bnr .wrapper.sp_none {
        display: none;
    }

    #kartell_bnr .wrapper.pc_none {
        display: block;
    }

    #home .section_title {
        width: 100%;
    }

    #top_immigrationColumn .box-anime-all-wrap.box-anime-all-wrap-pc {
        display: none;
    }

    #top_immigrationColumn .box-anime-all-wrap.box-anime-all-wrap-sp {
        display: inline-block;
    }

    .box-anime-all-wrap-sp{
        /*display: inline-block;*/
    }


    #mv .swiper-pagination:after{
        content: none;
    }

    .immigrationswiper-container-wrap {
        position: relative;
    }

    #top_immigrationColumn .swiper-button-prev.sp {
        left: 0;
    }
    #top_immigrationColumn .swiper-button-next.sp{
        right: 0;
    }

    #top_immigrationColumn .swiper-button-prev,
    #top_immigrationColumn .swiper-button-next{
        z-index: 3;
        /*transform: scale(-1, 1);*/
        bottom: 100px;
    }

    #top_immigrationColumn .swiper-button-prev.sp,
    #top_immigrationColumn .swiper-button-next.sp {
        display: block;
        top: -100px;
    }

    #top_immigrationColumn .swiper-button-prev.sp:after,
    #top_immigrationColumn .swiper-button-next.sp:after{
        display: block;
    }

    #top_immigrationColumn .swiper-button-prev.sp:after{
        transform: scale(-1, 1);
    }

    #top_immigrationColumn .swiper-button-next.sp:after{
        transform: scale(1, -1);
    }

    #top_immigrationColumn .immigrationswiper-container {
        height: 250px;
        width: calc(100% - 40px);
        margin: 0 20px 25px;
        /*padding:50px 0 25px 0 ;*/
        padding: 0 0 120px 0;
    }

    #top_immigrationColumn  .box-wrap {
        overflow: visible;
        width: 100%;
        height: 100%;
        /*position: absolute;*/
        /*left: 0;*/
        /*bottom: 0;*/
        z-index: 10000000;
        display: inline-block;
        z-index: 2;
    }

    #top_immigrationColumn  .box-anime-all-wrap {
        position: absolute;
        left: 0;
        bottom: -70px;
        overflow: hidden;
        display: inline-block;
        /*width: 75%;*/
        z-index: 2;
        width: auto;
    }

    #top_immigrationColumn .swiper-slide span {
        height: auto;
        text-align: left;
        bottom: 0px;
        width: auto;
    }

    #top_immigrationColumn .swiper-slide {
        overflow: unset;
        /*overflow-y: visible;*/
        transform: unset;
    }

    #top_immigrationColumn .swiper-pagination{
        right: 0;
    }

    .detail_btn {
        margin-left: unset;
    }

    #top_gallery .topgallery_swiper-container {
        padding-left: 0;
    }

    #top_lifeStyle .topgallery_swiper-container {
        padding-left: 0;
    }

    #top_news ul {
        padding-left: 0;
    }

    #top_blog ul{
        padding-left:0;
    }

    #menu_area .link a span:after {
        content: none;
    }

    /*stance flow サブタイトル改行*/
    .title_corporate_flex {
        display: flex;
        flex-direction: column;
    }

    /*modelhouse table*/
    #modelhouse .content .overview table tr:last-child {
        margin-bottom: 13px;
    }

    /*その他の記事*/
    #top_gallery.other_contents {
        display: none;
    }

    #estate.archive .parts .img_zoom_wrap,
    #gallery.archive .parts .img_zoom_wrap,
    #lifestyle.archive .parts .img_zoom_wrap {
        width: 100%;
    }

    .content .img1 .caption {
        opacity: 1;
    }

    .archive.post .parts .txt, .archive.blog .parts .txt {
        width: 100%;
    }

    #lifestyle.single .content .mv .caption, #gallery.single .content .mv .caption {
        opacity: 1;
    }

    #top_immigrationColumn .swiper-button-next {
        right: unset;
        left: 0;
    }

    #top_immigrationColumn .swiper-button-prev {
        right: 0;
        left: unset;
    }

    .privacy .error {
        display: inline-block;
        position: absolute;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        right: 0;
    }

    #contact .content .mw_wp_form .form_item .contents input[type="text"] {
        width: 100% !important;
        margin-left: 0;
    }

    #modelhouse .content .overview table .modelhouse_3_tr td {
        flex-direction: unset;
    }

    #privacypolicy .content li {
        margin-bottom: 10px;
    }

    #privacypolicy .content li:before{
        top: 15px;
         bottom: unset;
         margin: unset;
    }

    #privacypolicy .content li:last-child{
        margin-bottom: 0;
    }
}