@charset 'UTF-8';
/*  Add Custom CSS here.  */
#zeh .url-zeh {text-align: center; margin-top: 50px;}
@media (max-width: 767px) {
    #zeh .url-zeh {margin-top: 30px; font-size: 14px;}
}

#after #wrap .content-after .details .detail-box .diagram-box {padding: 0!important;}
#after #wrap .content-after .details .detail-box .diagram-box .img-diagram {max-width: 100%!important; margin-left: 0!important;}

.capcha{margin:56px auto;display:flex;justify-content:center;align-items:center}@media (max-width: 767px){.capcha{margin-top:44px}}.capcha .g-recaptcha,.capcha .g-recaptcha>div,.capcha iframe{max-width:100% !important}

#estate .mod-member-profile {padding: 0;}
#estate .result-main {display: none!important;}

.box-properties {
    border: 1px solid #D5C4C0;
    padding-right: 43px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 4px;
    margin-top: 20px;
    background: url(../img/estate/paper-bright2.jpg) repeat;
}
.box-properties .ttl {
    background: #F45E00;
    position: relative;
    width: 122px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5625;
    padding: 30px 0 25px 10px;
    border-radius: 4px 0 0 4px;
}
.box-properties .ttl em {
    font-style: normal;
    color: #FFF583;
}
.box-properties .ttl:after {
    background: url(../img/estate/bg_arr.png) no-repeat center center / 100% 100%;
    position: absolute;
    content: '';
    top: 0;
    right: -37px;
    width: 37px;
    height: 100%;
}
@media (min-width: 767px) and (max-width: 820px) {
    .box-properties .ttl {
        padding: 50px 0 50px 12px;
    }
}
.box-properties .txt {
    padding-left: 68px;
    padding-right: 25px;
    width: calc(100% - 347px);
    font-size: 17px;
    line-height: 1.82;
    font-weight: 500;
    padding-top: 4px;
    letter-spacing: 0.034em;
}
.box-properties .txt em {
    font-style: normal;
    color: #F45E00;
    font-weight: bold;
    background: url(../img/estate/bg_line.png) repeat-x left bottom / 1px 4px;
    padding-bottom: 7px;
}
.box-properties .contact-btn {width: 225px;}
.box-properties .contact-btn a {width: 100%;}
.box-properties .contact-btn .bgBrown-btn:before {
        content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 23px;
    background: url(../img/common/icon/ico-house-large.svg) no-repeat center;
    background-size: cover;
    left: 30px;
}
@media (max-width: 767px) {
    .box-properties {
        padding-right: 0;
        padding-bottom: 30px;
        display: block;
        border-radius: 3px;
        overflow: hidden;
    }
    .box-properties .ttl {
        background: #F45E00;
        width: 100%;
        font-size: 17px;
        padding: 14px 5px 12px;
        border-radius: 3px 3px 0 0;
    }
    .box-properties .ttl:after {
        background: url(../img/estate/ico_arr_down.png) no-repeat center center / 18px 14px;
        position: absolute;
        content: '';
        top: unset;
        bottom: -11px;
        right: calc(50% - 9px);
        width: 18px;
        height: 14px;
    }
    .box-properties .txt {
        padding: 22px 26px 11px;
        width: 100%;
        font-size: 15px;
        line-height: 1.8;
        letter-spacing: 0.034em;
    }
    .box-properties .txt em {
    }
    .box-properties .contact-btn {width: 100%; padding: 0 26px;}
    .box-properties .contact-btn a {
        width: 100%;
        padding: 19px 0;
        font-size: 18px;
    }
}

.card-estate:not(.card-hide) > a {display: block;width: 100%;height: 100%;z-index: 1;position: absolute;left: 0;top: 0;}
.card-estate:not(.card-hide) > a:hover {transition: .3s; background: rgba(255,255,255,.3);}
.card-estate .card-head-estate .col02 {position: relative;z-index: 2;}
.card-estate .card-footer .bg-btn {z-index: 2;}
.card-estate{position: relative;}

@media (min-width: 767px) {
.blog-blocks .blog-wrap .blog-date-cate .cate {margin-top: -10px;}
.blog-blocks .blog-wrap .blog-date-cate .cate span {margin-top: 10px!important;}
#zeh .main-content .block th {width: 7.7%; padding: 13px 5px 8px;}
#zeh .main-content .block th.th1 {width: auto;}
}
@media (max-width: 767px) {
.blog-blocks .blog-wrap .blog-date-cate .cate {margin-top: -3px;}
.blog-blocks .blog-wrap .blog-date-cate .cate span {margin-top: 3px!important;}

#news:not(.step2) {padding-top: 70px;}
#news .header-bottom {display: none;}
}



.notice-line {
    position: fixed;
    bottom: 92px;
    z-index: 39999;
    cursor: pointer;
    max-width: 360px;
    transition: .5s;
    display: none;
}

.notice-line a {
    display: block
}

@media (min-width: 768px) {
    .notice-line {
        right: -380px
    }

    .notice-line.show {
        right: 0;
        transition: .5s
    }
}

.notice-line .close-line {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -14px;
    left: -14px;
    transition: .3s
}

.notice-line .close-line img {
    display: block;
    width: 100%
}

@media only screen and (min-width: 1025px) {
    .notice-line .close-line:hover {
        opacity: .5;
        transition: .3s
    }
}

@media (max-width: 767px) {
    .notice-line {
    	max-width: 254px;
    	right: -282px;
    }

    .notice-line.show {
    	right: 0;
    }

    .notice-line .close-line {
        width: 28px;
        height: 28px;
        top: -9px;
        left: -9px
    }

    .notice-line a img {
        width: 100%
    }
}