@charset "utf-8";

.main_txt{
    position: absolute;
    left:20px;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    background:rgba(255,255,255,0.9);
    border:1px solid #FFF;
    padding:50px 20px;
    max-width:480px;
    margin: auto;
    width: 100%;
}

.main_txt p{
    font-size:30px;
    color:#08a981;
    text-align: center;
    letter-spacing: 0.1em;
}

/*articllist*/
.articllist{
    padding: 70px 0;
}
.articllist h3{
    color: #08a981;
}
.articllist .list{
    float: left;
    width: 24.39%;
    margin-right: 0.81333333%;
    margin-bottom: 70px;
    position: relative;
}
.articllist .list:nth-child(4n){
    margin-right: 0;
}
.articllist .list:nth-child(4n+1){
    clear: both;
}
.articllist .list:nth-last-child(-n+4){
    margin-bottom: 0;
}

.articllist .list .img_wrap{
    margin: 0;
    padding: 0;
    position: relative;
    
    /**/
    overflow: hidden;
    height: 0;
    padding-top: 60%;
    background-color: #e3e3e3;
    /**/
}
body:not(.mobile ) .articllist .list .img_wrap:hover ~ .btn_diagonal .btn_diagonal_inner_wrap::before{
    width: 100%;
}
body:not(.mobile ) .articllist .list .img_wrap:hover ~ .btn_diagonal .btn_diagonal_inner_wrap::after{
    background-color: #333333;
}
body:not(.mobile ) .articllist .list .img_wrap:hover ~ .btn_diagonal .btn_diagonal_inner_wrap span{
    color: #333333;
    font-weight: bold;
}

.articllist .list .img_wrap a{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.articllist .list .img_wrap::before{
    display: block;
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: solid rgba(23, 10, 4 ,0.6) 1px;
    box-sizing: border-box;
    pointer-events: none;
}

.articllist .list .img_wrap img{
    z-index: 1;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.articllist .list.new .img_wrap::after{
    content: "NEW";
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 30px;
    font-size: 16px;
    color: #fff;
    background-color: #550000;
    line-height: 30px;
    /*line-height\0: 35px;*/
    text-align: center;
}

.articllist .list.sale .img_wrap::after{
    content: "売却済";
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    background-color: rgba(85, 0, 0, .3);
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    padding-top: 20%;
}

.articllist .list.soldout .img_wrap::after{
    content: "完売御礼";
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 200px;
    height: 60px;
    font-size: 40px;
    color: #ffff00;
    background-color: rgba(23, 10, 4, 0.6);
    line-height: 60px;
    /*line-height\0: 72px;*/
    text-align: center;
}

.articllist .list .img_wrap .property_ttl,
.articllist .list .img_wrap figcaption{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    color: #ffffff;
    font-size: 20px;
    background-color: rgba(23, 10, 4 ,0.6);
    z-index: 3;
    text-align: center;
    /*line-height: 60px;*/
    line-height: 1.2;
    padding: 10px 0;
    /*line-height\0: 50px;
    padding-top\0: 10px;*/
}

.articllist .list .text_wrap{
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;;
    padding: 10px 10px;
}

.articllist .list .inner_te_wa{
    /*max-width: 300px;*/
    max-width: 270px;
    margin: 0 auto;
}
.articllist .list .price{
    text-align: center;
    color: #009973;
    font-size: 18px;
    border-bottom: solid 2px #009973;
    margin-bottom: 5px;
}
.articllist .list .viewed_price{;
    border-bottom: none;
}
.articllist .list .price span{
    font-size: 26px;
}
.articllist .list table{
    border-collapse: collapse;
    width: 92.6%;
    margin: 0 auto;
}
.articllist .list table tr > *{
    font-size: 12px;
    color: #000000;
    line-height: 1.43;
    border-bottom: solid #e3e3e3 1px;
    padding: 5px 0;
    vertical-align: top;
}
.articllist .list table tr:last-child > *{
    border-bottom: 0;
}
.articllist .list table th{
    font-weight: normal;
    width: 85px;
    padding: 5px 7px 5px 0;
    position: relative;
}
.articllist .list table th::after{
    position: relative;
    content: "：";
    display: block;
    float: right;
}
.articllist .list .version{
    background-color: #e3e3e3;
    padding: 15px;
    font-size: 12px;
    color: #333333;
    line-height: 2.14;
    
    -moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
}
.articllist .list .btn_diagonal{
    margin-top: -10px;
}
.articllist_list_price_area{
    border: 1px solid #08a981;
    color: #08a981;
    padding: 4px 30px;
    margin-bottom: 5px;
}
.articllist_list_price_area dl{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.articllist_list_price_area dl dt{
    white-space: nowrap;
}
.articllist_list_price_area dl dt::after{
    content: "：";
    display: inline-block;
}
.articllist_list_price_area dl dd{
    font-size: 18px;
    font-weight: bold;
}

/*articllist//*/

/*==================================================
最近見た物件　ここから
===================================================*/
.list_viewed_tag{
    position: absolute;
    top: 0;
    right: 0;
    width: 110px;
    height: 60px;
    background: #08a981;
    opacity: .8;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    padding: 5px;
    z-index: 3;
    display: none;
}
.list_viewed_tag_inner{
    border: 2px solid #fff;
    border-radius: 5px;
}
.list_viewed_tag_inner span{
    font-size: 12px;
    display: block;
    margin-top: 4px;
}
.list_viewed_tag_inner span.viewed_num{
    font-size: 18px;
    display: inline-block;
    margin-top: 0;
    line-height: .8;
}

/*==================================================
最近見た物件タグ　ここまで
===================================================*/

/*==================================================
市町村から探す　ここから
===================================================*/
.area_icon{
    margin-bottom: 12px;
}
.area_icon img{
    width: 180px;
    height: 180px;
}
.area_container h4{
    font-size: 22px;
    border-bottom: 1px solid #fff;
    display: inline-block;
    letter-spacing: 2px;
}
.area_container h3{
    font-size: 40px;
    margin-bottom: 50px!important;
}
.area_container{
    background: url(../images/area/area_search_bg.png) 100% 100%/cover no-repeat;
    text-align: center;
    color: #fff;
    padding: 70px 0 80px;
}
.area_container ul{
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.area_container ul li{
    background: rgba(0,0,0,.8);
    border: 1px solid #fff;
    width: 48%;
    height: 60px;
    line-height: 60px;
    margin-right: 3%;
    margin-bottom: 10px;
}
.area_container ul li:nth-child(even){
    margin-right: 0;
}
.area_container ul li a{
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    letter-spacing: 2px;
}
.area_container ul li:hover{
    cursor: pointer;
    opacity: .7;
    transition: all 0.3s ease-in-out 0s;
}
.area_container ul li a:hover{
    text-decoration: none;
}
.area_serach_city ul li .city_name{
    font-size: 26px;
}
.area_serach_city ul li .city_total{
    font-size: 20px;
}
/*==================================================
市町村から探す　ここまで
===================================================*/
/*==================================================
市から探す　ここから
===================================================*/
.shi_main figure{
    margin: 0;
}
/*==================================================
市から探す　ここまで
===================================================*/

/*==================================================
並び替え　ここから
===================================================*/
.select-box-area {
    width: 100%;
    margin: auto;
    background: #387b4f;
    border-radius: 10px;
    padding: 10px 25px;
    position: relative;
    margin-bottom: 60px;
}
.select-box-area::after{
    position: absolute;
    bottom: -18px;
    right: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 18px solid #387b4f;
    pointer-events: none;
}
.select-box-wrapper {
    display: flex;
    justify-content: center;
    padding: 28px 0;
    background: #fff;
    border-radius: 10px;
}
.select-bar-ttl {
    color: #387b4f;
    background: #fff;
    text-align: center;
    font-size: 20px;
    margin-bottom: 15px;
    padding: 10px 0;
    box-shadow: 0px -4px 3px -1px #ccc inset;
}
.select-bar-ttl span{
    color: #000;
}
.select-box-item.cp_sl01{
    display: inline-block;
    width: 180px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin-right: 25px;
    position: relative;
}
.select-box-item.cp_sl01 a:hover{
    text-decoration: none;
}
.select-item-tit{
    padding: 4px 10px;
    background: #4eab6e;
    position: relative;
    height: 36px;
}
.select-item-tit span{
    font-size: 18px;
}
.select-item-tit::after{
    content: "▼";
    display: block;
    position: absolute;
    top: 9px;
    right: 18px;
    font-size: 12px;
}
.select-item-tit:hover{
    cursor: pointer;
    opacity: .8;
}
.select-drop{
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 10;
    border: 1px solid rgba(0,0,0,.4);
    width: 100%;
    background: #fff;
    display: none;
}
.select-box-area.pc .select-box-item.cp_sl01:hover .select-drop{
    display: block;
}
.select-drop-item{
    color: #000;
}
.select-drop-item.active{
    background: #21482f;
    color: #fff;
}
.select-drop-item a{
    display: block;
}
.select-drop-item:hover{
    opacity: .6;
    background: #85c79c;
    color: #fff;
}
.select-drop-item.active:hover{
    opacity: 1;
}
.select-box-area.sp{
    display: none;
}
#sort{
    padding-top: 130px;
    margin-top: -130px;
}

@media screen and (max-width: 1280px){
    /* 並び替え */
    .select-box-wrapper{
        flex-wrap: wrap;
    }
    .select-box-item.cp_sl01{
        width: 135px;
        margin-right: 10px;
        font-size: 14px;
    }
    /* 並び替え //*/
}
@media (max-width: 860px) {
    /* 並び替え */
    .select-box-area{
        padding-bottom: 30px;
    }
    .select-box-wrapper{
        max-width: 600px;
        margin: 0 auto;
        padding: 28px 10px 18px;
    }
    .select-box-item.cp_sl01{
        margin-bottom: 10px;
        width: 30%;
        font-size: 12px;
    }
    /* 並び替え //*/

}
@media (max-width: 768px){
    .select-box-area.pc{
        display: none;
    }
    .select-box-area.sp{
        display: block;
    }
    .select-box-area{
        width: 70%;
    }
    .select-box-wrapper{
        padding: 18px 10px;
    }
    .select-box-item.cp_sl01{
        width: 80%;
        margin: 0;
    }
    .select-item-tit{
        width: 100%;
    }
    .select-drop-item{
        font-size: 14px;
        padding: 5px;
    }


}
@media screen and (max-width: 600px){
    /* 並び替え */
    .select-box-area{
        width: 90%;
    }
    .select-box-item.cp_sl01{
        width: 98%;
    }
    .select-item-tit{
        height: 40px;
        padding: 10px;
    }
    .select-item-tit::after{
        top: 10px;
        right: 10px;
    }
    .select-item-tit span{
        font-size: 14px;
    }
    /* 並び替え //*/
}

@media screen and (max-width: 480px){
    /* 並び替え */
    .select-box-area{
        padding: 12px 8px;
    }
    .select-box-wrapper{
        padding: 12px 10px;
    }
    .select-bar-ttl{
        font-size: 14px;
    }
    /* 並び替え //*/
}



/*==================================================
並び替え　ここまで
===================================================*/

/*==================================================
マップ　ここから
===================================================*/
#mymap{
    width: 86%;
    margin: 0 auto;
    height: 500px;
    margin-top: 20px;
}
.gmap_mark_ttl{
    background: #07ab77;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 18px;
    margin-bottom: 5px;
    padding: 0 10px;
    margin-top: 10px;
}
.gmap_mark_ttl:first-child{
    margin-top: 0;
}
.gmap_mark_ttl a:hover{
    text-decoration: none;
}
.wpb_text_column p.property_ggl_map_txt:last-child,
.wpb_text_column p.property_ggl_map_txt,
.property_ggl_map_txt {
    background: #ebebeb;
    padding: 10px 20px;
    max-width: 1280px;
    width: 90%;
    margin: 32px auto 72px;
}
#mymap .gmap_mark{
    display: block;
    padding-bottom: 10px;
}
#mymap .gm-style-iw.gm-style-iw-c button{
    bottom: 0!important;
    top: auto!important;
    width: 82px!important;
    height: 24px!important;
    background: #fff!important;
    border-radius: 2px;
    opacity: .9!important;
    right: 6px!important;
}
#mymap .gm-style-iw.gm-style-iw-c button img{
    display: inline-block!important;
}
#mymap .gm-style-iw.gm-style-iw-c button:before{
    content: "閉じる";
    display: inline-block;
    width: 42px;
    white-space: nowrap;
    color: #07ab77;
}

.reours_map .gmap_mark_ttl{
    background-color: #ff7300;
}
.land_map .gmap_mark_ttl{
    background-color: #ac7946;
}
.map_ttl{
    margin-top: 80px;
}
.gmap_mark_ttl.reours{
    background: #ff7300;
}
.gmap_mark_ttl.land{
    background: #ac7946;
}
@media screen and (max-width: 768px){
    .map_ttl{
        margin-top: 20px;
    }
}
@media screen and (max-width: 600px){
    .gmap_mark_ttl{
        font-size: 14px;
    }
}
/*==================================================
マップ　ここまで
===================================================*/

/*==================================================
土地　ここから
===================================================*/
.land_mv figure,
.land_mv .vc_single_image-wrapper,
.land_mv img{
  width: 100%;
}
.newarticle.land_newarticle{
  background-image: url(../images/land/bg_land_newarticle.png);
  margin-bottom: 60px;
}
.land_newarticle.newarticle .feat_list li .txt .address,
body:not(.mobile ) .land_cantainer .to_list .btn_diagonal_inner_wrap:hover::after{
  background-color: #ac7946;
}
#reours .land_seach.search .area:before,
.land_seach.search .area:before{
    background: rgba(172,121,70,.6);
}
.land_serach_map_wrap h3,
#reours .land_seach.search h3,
.land_seach.search h3,
.articllist .land_container h3,
.articllist .land_container .list .price,
.land_continer .to_list .btn_diagonal_inner_wrap:hover span,
.land_container .btn_diagonal_inner_wrap:hover span{
  color: #ac7946;
}
.land_container .articllist_list_price_area{
  color: #ac7946;
  border: 1px solid #ac7946;
}
.land_container .to_list .btn_diagonal_inner_wrap{
  background-color: #ac7946;
  border: 1px solid #ac7946;
}
body:not(.mobile ) .land_container .to_list .btn_diagonal_inner_wrap:hover::after{
    background-color: #ac7946;
}


/*==================================================
土地　ここまで
===================================================*/
/*==================================================
新築住宅　ここから
===================================================*/
.newarticle.casa_newarticle{
  background-image: url(../images/casa/bg_newarticle.jpg);
  margin-bottom: 60px;
}
.casa_newarticle.newarticle .feat_list li .txt .address,
#reours .casa_seach.search .area:before,
body:not(.mobile ) .casa_cantainer .to_list .btn_diagonal_inner_wrap:hover::after{
  background-color: #07ab77;
}
.casa_serach_map_wrap h3,
#reours .casa_seach.search h3,
.articllist .casa_container h3,
.articllist .casa_container .list .price,
.casa_continer .to_list .btn_diagonal_inner_wrap:hover span,
.casa_container .btn_diagonal_inner_wrap:hover span{
  color: #07ab77;
}
.casa_container .articllist_list_price_area{
  color: #07ab77;
  border: 1px solid #07ab77;
}
.casa_container .to_list .btn_diagonal_inner_wrap{
  background-color: #07ab77;
  border: 1px solid #07ab77;
}

/*==================================================
新築住宅　ここまで
===================================================*/
/*==================================================
再生住宅　ここから
===================================================*/
.articllist .reours_cantainer h3{
    color: #ff7300;
}
.reours_cantainer .articllist .list .price{
    /*border-bottom: solid 2px #ff7300;*/
    color: #ff7300;
}
.reours_cantainer .articllist_list_price_area{
    border: 1px solid #ff7300;
    color: #ff7300;
}
.reours_cantainer .to_list .btn_diagonal_inner_wrap{
    background-color: #ff7300;
    border: solid 1px #ff7300;
}
.reours_cantainer .to_list .btn_diagonal_inner_wrap:hover span{
    color: #ff7300;
}
body:not(.mobile ) .reours_cantainer .to_list .btn_diagonal_inner_wrap:hover::after{
    background-color:  #ff7300;
}
#reours .btn_diagonal_inner_wrap:hover span{
    color: #ff7300;
}
.reours_articllist h3{
    color: #ff7300;
}
.reours_articllist .list .price{
    color: #ff7300;
}
.reours_articllist .articllist_list_price_area{
    border: 1px solid #ff7300;
    color: #ff7300;
}


/*==================================================
再生住宅　ここまで
===================================================*/
/*==================================================
お気に入り一覧　ここから
===================================================*/
.articllist .no_favorite h3{
    color: #000;
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 80px!important;
    border-bottom: 1px solid #08a981;
    text-align: left;
}
.no_favorite_img{
    text-align: center;
    margin-bottom: 60px;
}
.no_favorite_img img{
    max-width: 240px;
    width: 50%;
}
.no_favorite p{
    font-size: 16px;
    margin-bottom: 40px;
    text-align: center;
}
.no_favorite_img:nth-child(4){
    margin-bottom: 80px;
}
.no_favorite_img:nth-child(4) img{
    max-width: 900px;
    width: 100%;
}
.fav_btn .simplefavorite-button:hover{
    cursor: pointer;
}
.fav_btn .simplefavorite-button.active{
    height: 50px;
    line-height: 50px;
    background-image: url(../images/property/favorite-icon02.svg);
    background-position: 6% center;
    background-size: 30px;
    padding-left: 16%;
    background-repeat: no-repeat;
}
.fav_btn .simplefavorite-button{
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-image: url(../images/property/favorite-icon.svg);
    background-position: 6% center;
    background-size: 34px;
    background-repeat: no-repeat;
    padding-left: 7%;
}
@media screen and (max-width: 480px){
    .articllist .no_favorite h3{
        font-size: 14px;
    }
    .no_favorite p{
        font-size: 12px;
    }


}
/*==================================================
お気に入り一覧　ここまで
===================================================*/

/*==================================================
商談中　ここから
===================================================*/
.articllist .list.business .img_wrap::before{
    background: rgba(0,0,0,.25);
    content: "商談中";
    color:#fff;
    font-size: 30px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 4;
}
@media screen and (max-width: 480px){
    .articllist .list.business .img_wrap::before{
        font-size: 22px;
    }
}
/*==================================================
商談中　ここまで
===================================================*/
/*==================================================
申込あり　ここから
===================================================*/
.articllist .list.application .img_wrap::before{
    background: rgba(0,0,0,.25);
    content: "申込あり";
    color:#fff;
    font-size: 30px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 4;
}
.articllist .list.application .version::after{
    content: "ただいま購入希望者からの申込が入っておりますが、ご紹介は可能です。ただし、先着のお申し込みがあるため、必ずしも契約をお約束するものではございません。\Aお申し込みを受けたお客様がいない状況になった場合、再度、通常通りの物件公開をいたします。";
    white-space: pre-wrap;
    font-size: 12px;
    display: block;
    color: #de0000;
}
@media screen and (max-width: 480px){
    .articllist .list.application .img_wrap::before{
        font-size: 22px;
    }
}
/*==================================================
申込あり　ここまで
===================================================*/
/*==================================================
市一覧　ここから
===================================================*/
.reours_contents_wrap .map_area h3{
    color: #ff7300;
}
.land_contents_wrap .main_txt p,
.land_contents_wrap .map_area h3,
.land_contents_wrap .articllist h3,
.land_contents_wrap .articllist .list .price{
    color: #ac7946;
}

/*==================================================
市一覧　ここまで
==================================================*/
/*==================================================
新着物件　ここから
===================================================*/
.newarticle #new_sec_slide.feat_list{
    max-width: 1700px;
    width: 95%;
    margin: 0 auto;
}
#new_sec_slide.slick-initialized .slick-slide{
    padding-right: 10px;
}
.newarticle #new_sec_slide li {
    padding: 10px 10px 30px;
    max-width: 560px;
    margin-bottom: 30px;
}
.newarticle #new_sec_slide li .txt{
    width: 50%;
    margin-bottom: 4px;
    font-size: 12px;
}
.newarticle #new_sec_slide li .img{
    width: 48%;
    max-width: 256px;
    height: 250px;
}
.newarticle #new_sec_slide li .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.newarticle #new_sec_slide li .txt h6{
    font-size: 18px;
}
.newarticle #new_sec_slide li .txt .address{
    font-size: 14px;
    margin-bottom: 0;
    background: #387b4e;
    line-height: 1;
}
.newarticle #new_sec_slide li .txt .address span{
    font-size: 12px;
    line-height: 1;
}
.newarticle #new_sec_slide li .txt .place{
    letter-spacing: 0;
    font-size: 14px;
    margin-bottom: 5px;
}
.newarticle #new_sec_slide li .copy{
    clear: both;
    background: #fff;
    padding: 5px;
}
.newarticle #new_sec_slide.feat_list .slick-dots li{
    width: 20px;
    height: 20px;
    padding: 0;
    background: none;
    margin: 0 5px;
}
.newarticle #new_sec_slide.feat_list .slick-dots li.slick-active{
    background: #fff;
}
.newarticle #new_sec_slide.feat_list .slick-dots li button::before{
    display: none;
}
#new_sec_slide .slick-next:before{
    content: url(../images/top/arrow_type_next.png);
}
#new_sec_slide .slick-prev:before{
    content: url(../images/top/arrow_type_prev.png);
}
/*ここから*/
#new_sec_slide .feat_list_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #387b4e;
    padding: 5px;
}
#new_sec_slide li .txt .address {
    font-size: 12px;
    /* letter-spacing: 0.1em; */
    /* margin-bottom: 5px; */
}
#new_sec_slide li .txt.garden .address span {
    color: #00b575;
}
#new_sec_slide .feat_list_box .price {
    color: #fff;
    line-height: 1;
    margin-right: 10px;
}
#new_sec_slide .feat_list_box .price span {
    font-size: 22px;
}
#new_sec_slide .address_txt {
    color: #387b4e;
    font-size: 14px;
    border-bottom: 1px solid #387b4e;
    margin-top: 5px;
}
#new_sec_slide li .txt h6 {
    font-size: 22px;
    line-height: 1.5;
    color: #387b4e;
}
#new_sec_slide .price_box {
    border: 2px solid #00b575;
    padding: 5px 15px;
    font-size: 14px;
    color: #387b4e;
    margin-bottom: 4px;
}
#new_sec_slide .price_box dl {
    display: flex;
    justify-content: space-between;
}
#new_sec_slide .price_box dl:first-child {
    margin-bottom: 5px;
}
#new_sec_slide .size_box {
    border: 1px solid rgba(0,0,0,.1);
    padding: 5px 6px;
}
#new_sec_slide .size_box dl {
    display: flex;
    border-bottom: 1px solid rgba(0,0,0,.1);
    line-height: 2;
}
#new_sec_slide .size_box dl dt {
    width: 65px;
    position: relative;
}
#new_sec_slide .size_box dl dt::after {
    content: ":";
    position: absolute;
    top: 0;
    right: 0;
}
#new_sec_slide .size_box dl dd {
    padding-left: 10px;
}
#new_sec_slide .size_box dl:last-child {
    border-bottom: none;
}


@media screen and (max-width: 767px){
    .newarticle{
        padding: 50px 30px 35px;
    }
    .newarticle #new_sec_slide li .txt{
        width: 100%;
    }
    .newarticle #new_sec_slide li .img{
        width: 100%;
        margin: 0 auto 10px;
        float: none;
    }
}
@media screen and (max-width: 600px){
    .newarticle #new_sec_slide li .img{
        /*height: 120px;*/
        height: 256px;
    }
    .newarticle #new_sec_slide li{
        padding: 5px 10px 26px;
    }
    #new_sec_slide .feat_list_box .price span{
        font-size: 22px;
    }
    #new_sec_slide .price_box{
        padding: 2px 10px;
    }
    .newarticle #new_sec_slide li .txt h6{
        margin-bottom: 2px;
    }
    #new_sec_slide .price_box dl{
        font-size: 12px;
     }
    #new_sec_slide .price_box dl:first-child{
        margin-bottom: 2px;
    }
    #new_sec_slide .size_box{
        padding: 2px 12px;
    }
}
/*==================================================
新着物件　ここまで
===================================================*/
/*==================================================
タイプから探す　ここから
===================================================*/
.area_type{
    margin-top: 80px;
}
.type_list{
    margin: 0 -20px;
    position: relative;
    overflow: hidden;
}

.area_type .type_list li{
    width:33%;
    float: left;
    border-left: solid 1px #FFFFFF;
}

.type_list li a{
    display: block;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    background: #000000;
}

.type_list li a:before{
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    background: center center  / cover no-repeat;
    transition: all 0.5s ease-in-out 0s;
}

.type_list li.residence a:before{
    background-image: url("../images/top/bg_residence.jpg");
}
.type_list li.casa a:before{
    background-image: url("../images/top/bg_casa.jpg");
}
.type_list li.land a:before{
    background-image: url("../images/top/bg_land.jpg");
}

.type_list li a:hover:before{
    transform: scale(1.1);
    opacity: 0.7;
}
.type_list li a .txt{
    height: 31.25vw;
    max-height: 400px;
    padding: 20px 60px 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #FFFFFF;
}

.type_list li a .en{
    display: block;
    width: 100%;
}

.type_list li a .ja{
    display: block;
    width: 100%;
    padding-top: 10px;
    font-size: 32px;
    letter-spacing: 0.1em;
    
}

.type_list li a .txt:before{
    content: "";
    background: url("../images/top/arrow_type.png") center center / contain no-repeat;
    height: 40px;
    width: 13px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin:auto 0;
}
@media screen and (max-width: 1280px){
    .type_list li a .ja{
        font-size: 26px;
    }
}
@media screen and (max-width: 960px){
    .type_list li{
        width: auto;
        float: none;
        border-left: none;
        border-bottom: solid 1px #FFFFFF;
    }
}
@media screen and (max-width: 767px){
    .type_list li a .ja{
        font-size: 24px;
    }
}
@media screen and (max-width: 600px){
    .area_type .type_list li{
        width: 95%;
        margin: 0 auto;
        float: none;
    }
    .type_list li a .txt{
        height: 80vw;
    }
}
/*==================================================
タイプから探す　ここまで
===================================================*/
/*======================================
来場予約フォーム　ここから
======================================*/
#visit-reservation .entrytbl td.calendar-txt input,
#visit-reservation .entrytbl td.timezone_txt select,
#visit-reservation-confirm .entrytbl td.calendar-txt input,
#visit-reservation-confirm .entrytbl td.timezone_txt select{
    width: 22%;
}
#visit-reservation .entrytbl th span.purpose-txt,
#visit-reservation-confirm .entrytbl th span.purpose-txt{
    font-size: 12px;
    margin-left: 42px;
}
#visit-reservation .entrytbl th.question-tit p,
#visit-reservation-confirm .entrytbl th.question-tit p{
    display: flex;
    align-items: flex-start;
}
#visit-reservation .entrytbl th.question-tit p .formtag,
#visit-reservation-confirm .entrytbl th.question-tit p .formtag{
    white-space: nowrap;
}
#visit-reservation .entrytbl th.question-tit p .question-txt,
#visit-reservation-confirm .entrytbl th.question-tit p .question-txt{
    display: inline-block;
}
#visit-reservation .reservation-head-txt .green-txt,
#visit-reservation-confirm .reservation-head-txt .green-txt{
    margin-top: 20px;
    color: #2c7734;
}
.reservation_head h3.title_en img,
.reservation_shop_area h3.title_en img{
    width: auto;
    height: 18px;
}
.reservation-head-txt{
    text-align: center;
    margin-bottom: 40px;
}
.reservation_head .wpb_text_column .request_contact_us_caption{
    margin-bottom: 120px;
}
.reservation_shop_area .request_contact_us_head{
    width: 100%;
}
.reservation_shop_area .wpb_wrapper .wpb_text_column .wpb_wrapper{
    display: flex;
    margin-bottom: 40px;
}
.reservation_shop_area .vc_col-sm-6:first-child .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper{
    margin-right: 20px;
}
.reservation_shop_area .shop_rigth_box{
    width: 70%;
    position: relative;
    margin-right: 5px;
}
.reservation_shop_area .shop_rigth_box h4{
    font-size: 20px;
    font-weight: bold;
}
.reservation_shop_area .shop_rigth_box .shop_adress{
    font-size: 18px;
}
.reservation_shop_area .shop_tel{
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border: 1px solid #2c7734;
}
.reservation_shop_area .shop_tel.sp{
    display: none;
}
.reservation_shop_area .shop_tel .shop_tel_top{
    background: #2c7734;
    color: #fff;
    font-size: 12px;
    padding: 10px 0;
}
.reservation_shop_area .shop_tel .shop_tel_top .shop_tel_top_txt_s{
    font-size: 10px;
}
.reservation_shop_area .shop_tel .shop_tel_bottom{
    color: #2c7734;
    font-size: 10px;
    padding: 4px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reservation_shop_area .shop_tel .shop_tel_bottom span{
    font-size: 14px;
    margin-right: 10px;
}
.reservation_shop_area .shop_tel .shop_tel_bottom a{
    pointer-events: none;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 0 5px 24px;
    background: url(../images/reservation/tel-icon.png) 0 center/22px no-repeat;
}
.reservation_shop_area .shop_left_box{
    line-height: 0;
}
.reservation_shop_area .shop_left_box iframe{
    height: 250px;
}
.reservation_shop_area_bottom{
    width: 100%;
    text-align: center;
}
.reservation_shop_area_bottom p:first-child{
    font-size: 18px;
}
#visit-reservation-thanks .form-thanks{
    padding: 120px 0;
}
.request_contact_us_head .title_en img{
    width: auto;
    height: 18px;
}
@media screen and (max-width: 1200px){
    .reservation_shop_area .wpb_wrapper .wpb_text_column .wpb_wrapper{
        flex-direction: column;
    }
    .reservation_shop_area .shop_rigth_box{
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
    }
    .reservation_shop_area .shop_tel{
        position: static;
    }

}
@media screen and (max-width: 767px){
    .reservation_shop_area div.container{
        padding: 0;
    }
    .reservation_shop_area .shop_tel .shop_tel_bottom a{
        pointer-events: auto;
    }
    .reservation_shop_area .shop_tel .shop_tel_bottom a:hover{
        text-decoration: none;
    }
    .reservation_shop_area_bottom p:first-child{
        font-size: 16px;
    }
    .reservation_shop_area .vc_col-sm-6:first-child .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper{
        margin-right: 0;
    }
    .reservation_shop_area .shop_tel.sp{
        display: block;
        margin-top: 10px;
    }
    .reservation_shop_area .shop_tel.pc{
        display: none;
    }
}
/*======================================
来場予約フォーム　ここまで
======================================*/
/*===============//max-width: 1280px===============*/
@media (max-width: 1280px) {

    
    /*articllist*/
    .articllist .list .img_wrap figcaption {
        font-size: 20px;
        /*line-height: 40px;*/
        /*line-height\0: 35px;
        padding-top\0: 5px;*/
    }
    .articllist .list .price {
        font-size: 18px;
    }
    .articllist .list .price span {
        font-size: 26px;
    }
    .articllist .list table tr > * {
        font-size: 13px;
    }
    .articllist .list table th {
        width: 80px;
    }
    .articllist .list .version {
        font-size: 12px;
    }
    .articllist_list_price_area{
        padding: 4px 10px;
    }
    .articllist_list_price_area dl dt{
        font-size: 12px;
    }
    /*articllist//*/

}
/*===============//max-width: 1280px===============*/


/*===============//max-width: 1200px===============*/
@media (max-width: 1200px) {

    .main_txt{
        padding:30px 20px;
    }
    
    .main_txt p{
        font-size:24px;
    }
    
}
/*===============//max-width: 1200px===============*/




/*===============//max-width: 960px===============*/
@media (max-width: 960px) {

    /*articllist*/
    .articllist .lists {
        max-width: 840px;
        margin: 0 auto;
    }
    .articllist .list {
        width: 47.61904761904762%;
        margin-right: 0;
        margin-bottom: 60px;
    }
    .articllist .list:nth-child(2n) {
        float: right;
    }
    .articllist .list:nth-child(3n+1) {
        clear: none;
    }
    .articllist .list:nth-child(2n+1) {
        clear: both;
    }
    
    .articllist .list:nth-last-child(-n+3){
        margin-bottom: 60px;
    }
    .articllist .list:nth-last-child(-n+2){
        margin-bottom: 0;
    }
    /*articllist//*/
}
/*===============//max-width: 960px===============*/


/*===============//max-width: 900px===============*/
@media (max-width: 900px) {
}
/*===============//max-width: 900px===============*/

/*===============//max-width: 800px===============*/
@media (max-width: 800px) {

}
/*===============//max-width: 800px===============*/


/*===============//max-width: 767px===============*/
@media (max-width: 767px) {
    .articllist {
        padding: 60px 0;
    }
    .articllist .articllist{
        padding-top: 0;
    }
    .main_txt{
        max-width:400px;
    }

/*市区町村から探す*/
    .area_container h3{
        font-size: 30px;
    }
    .area_container h4{
        font-size: 18px;
    }
    .area_container ul{
        max-width: 90%;
    }
    .area_serach_city ul li .city_name{
        font-size: 18px;
    }
    .area_serach_city ul li .city_total{
        font-size: 16px;
    }
/*市区町村から探す*/
}
/*===============//max-width: 767px===============*/


/*===============//max-width: 600px===============*/
@media (max-width: 600px) {
    /*articllist*/
    .articllist .lists {
        max-width: 400px;
    }
    .articllist .list {
        width: 100%;
        float: none;
        /*margin-bottom: 50px;*/
        margin-bottom: 20px !important;
    }
    .articllist .list:nth-child(2n) {
        float: none;
    }
    .articllist .list:nth-last-child(-n+2) {
        margin-bottom: 20px;
    }
    .articllist .list:last-child {
        margin-bottom: 0;
    }
    /*articllist//*/

    /*市区町村から探す*/
    .main_txt{
        max-width:320px;
    }
    .area_container{
        padding: 20px 0 60px;
    }
    .area_icon img{
        width: 100px;
        height: 100px;
    }
    .area_container ul li{
        width: 100%;
        margin-right: 0;
    }
    .area_container h4{
        font-size: 14px;
    }
    .area_container h3{
        font-size: 26px;
        margin-bottom: 16px!important;
    }
    .area_serach_city ul li .city_name{
        font-size: 14px;
    }
    .area_serach_city ul li .city_total{
        font-size: 12px;
    }
    /*市区町村から探す*/


}
/*===============//max-width: 600px===============*/


/*===============//max-width: 480px===============*/
@media (max-width: 480px) {
    
    .main_txt{
        padding:20px;
    }
    
    .main_txt p{
        font-size:20px;
    }
    
    .articllist .list.new .img_wrap::after{
        width: 80px;
        height: 20px;
        font-size: 12px;
        line-height: 20px;
        /*line-height\0: 24px;*/
    }

}
/*===============//max-width: 480px===============*/


/*===============//max-width: 375px===============*/
@media (max-width: 375px) {

}
/*===============//max-width: 375px===============*/


/*===============//max-width: 374px===============*/
@media (max-width: 374px) {
    /*市区町村から探す*/
    .main_txt{
        max-width:280px;
    }
    /*市区町村から探す*/
}
/*===============//max-width: 374px===============*/