@charset "utf-8";

/* ========================================================
	print.css => 印刷CSS
======================================================== */
@page {
    size: A4 portrait; /* 横の場合はlandscape */
    margin: 0mm;
}
.print_pages {
    size: A4 portrait;
    /*page-break-before: always;*/
}


html {
    font-size: 45.5%;
}
body {
	/*font-size: 12px !important;*/
     -webkit-print-color-adjust: exact;
    /*width: 1200px !important;
    zoom: .8;*/
}

/* header
------------------------------------------------------------- */
#header {
	position: relative !important;
	height: 70px !important;
    font-size: 10px !important;
}
#header .logo {
    left: 20px !important;
    width: 150px !important;
}
#header > div {
    width: -webkit-calc(100% - 170px) !important;
    width: calc(100% - 170px) !important;
}
#header nav > div > div {
    padding-right: 80px !important;
    height: 70px !important;
}
#header .btn_contact a {
    width: 80px !important;
    height: 70px !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
}
#header .btn_contact a span span:nth-child(1) {
    display: block !important;
    width: 100% !important;
}
#header .btn_contact a span span:nth-child(2) {
    display: none !important;
}
#header .sub_navi {
    margin-top: 10px;
}
#header .sub_navi a {
    font-size: 9px !important;
}
#header .sub_navi,
#header .main_navi {
    margin-right: 10px !important;
}
#header .main_navi > li + li {
    margin-left: 1.5em !important;
}
#header .main_navi > li > a {
    padding-left: 23px !important;
}
#header .main_navi > li > a:before {
    width: 20px !important;
    height: 20px !important;
}

/* contents
------------------------------------------------------------- */
.topic_path {
    font-size: 9px !important;
}
#container {
    font-size: 12px !important;
    padding-top: 0 !important;
}
.w1200 {
    width: 96% !important;
}
.w1060 {
    width: 96% !important;
}
.contents_col_2 {
    display: block !important;
}
.contents_main {
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.contents_side {
    display: none !important;
}

#contents {
    padding-top: 30px !important;
    padding-bottom: 50px !important;
}
#contents:before,
#contents:after {
    display: none !important;
}
.view_favorite {
    display: none !important;
}
.title_l {
    font-size: 2.2rem;
}

/* footer
------------------------------------------------------------- */
footer {
    padding-top: 13px;
}
footer .foot_area {
    width: 100% !important;
    padding-bottom: 13px !important;
    break-inside: avoid;
}
footer .foot_area .logo {
    margin: auto !important;
    width: 12% !important;
}
footer .foot_nav {
    display: none;
}
footer .page_top {
    display: none !important;
    opacity: 0 !important;
}
footer .foot_bottom {
    width: 100% !important;
    padding: 10px !important;;
}
footer .foot_bottom .logo_kjk {
    width: 170px !important;
}
.copyright {
    font-size: 7px !important;
}

/* search
------------------------------------------------------------- */
.search_detail_contact_fix {
    display: none !important;
}
.search_result_area {
    margin-top: 15px !important;
}
.property_info {
    padding: 2.5% 2% 1.5% !important;
}
.vacancy_list {
    padding: 1.5% 2% 2.5% !important;
}
.vacancy_box {
    break-inside: avoid;
    padding: 2% !important;
}
.property_tab li > a > span:before, .property_tab li > span > span:before {
    width: 36px !important;
    height: 36px !important;
}
.property_more_info {
    break-inside: avoid;
    padding-top: 20px !important;
}
.property_more_info table.basic {
    margin-top: 20px !important;
}

/* top
------------------------------------------------------------- */
.top_danchi_area .w1060,
.blog_box_area {
    width: 90% !important;
}
.top_recommend_area .w1200,
.blog_box_area {
    width: 80% !important;
}