/*
Theme Name: CUBIC
Description: CUBIC Template
Author: 管理人
*/


.in{
    max-width: 1200px;
    padding: 0 20px;
}
.mob{
    display: none;
}
body{
    display: -webkit-flex;
    display: flex;
}


main{
    width: calc(100% - 150px);
    padding-top: 35px;
}

/*---ヘッダー-------------------*/
header{
    width: 150px;
    height: 100vh;
    min-height: 600px;
    position: sticky;
    top: 0;
    left: 0;
    padding: 20px 10px;
    background-color: #fff;
}
#header{
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
}
header .hed_buttons li + li{
    margin-top: 30px;
}
.hed_contactbutton a{
    text-align: center;
    padding: 10px 15px;
}
.hed_contactbutton a p{
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin-bottom: 0.5em;
}
/*ナビ--------------------------*/
nav{
    padding-left: 150px;
}
/*ロゴ*/
.bank_logo a,
.hed_logo a{
	width: 100px;
}
.hed_logo h1{
	margin-bottom:20px;
}

/*閲覧補助*/
.auxiliary_box{
    padding-left: 180px;
}


/*---フッター-------------------*/

footer .in{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 80px;
}
.foot_navbox{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.foot_navbox .foot_nav{
    display: -webkit-flex;
    display: flex;
    gap:50px;
	margin-bottom: 20px;
}
.footcontct_box{
    gap:20px 100px;
}
.foot_buttons .in{
    padding: 0 80px;
}


/*---ホーム-------------------*/


/*メインビジュアル*/
.mv_text{
	
}

/*ホーム更新情報*/
.home_02::before,
.home_02 .in::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #efefef;
}
.home_02::before{
    right: 0;
    width: 50%
}
.home_02 .in::before{
    left: 20px;
    width: 50%;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index: -1;
}
.home_02 .content_title{
    top: -45px;
}

/*ホーム新着物件*/
.home01_list a{
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 6px 5px 15px -5px #a7aaad;
}
/*ホームボタン*/
.home_03 ul{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	gap: 30px;
}
.home_03 ul li{
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

/*--下層ページ----------------------------------*/

/*--物件-------------------*/

/*--物件一覧--------*/
/*検索フォーム*/
.search_selects{
    display: grid;
    gap: 15px;
}
.search_selectbox{
	display: -webkit-flex;
    display: flex;
	gap:1em;
}
.search_select{
	width:100%;
}
.search_selects h5{
	white-space: nowrap
}
.search_selects .select_price{
    grid-column: span 4 / span 4;
}
.search_selects .select_ype{
    grid-column: span 2 / span 2;
    grid-column-start: 5;
}
.search_selects .select_classification{
    grid-column: span 2 / span 2;
    grid-row-start: 2;
}
.search_selects .select_layout{
    grid-column: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 2;
}
.search_selects .select_restricted{
    grid-column: span 2 / span 2;
    grid-column-start: 5;
    grid-row-start: 2;
}
/*--物件詳細--------*/
.vacant_house-data .house-data{
    -moz-column-count: 2;
    column-count: 2;
}

/*--固定ページ-----------------------------*/

/*コンタクトフォーム*/
.contact_box{
    padding: 0 50px;
}
.contact_box table th{
    padding: 17px 10px;
}
.contact_box table td{
   padding: 10px; 
}
.contact_box table th{
    width: 12em;
}

/*空き家対策について*/
.post-type-archive-about_akiya main {
    padding-top: 0;
}
.hed_img.measures-against-akiya {
    /* width: 100%;
    padding-left: calc(15.625vw - 150px);
    padding-right: 15.625vw; */
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 0 20px;
}
.hed_img.measures-against-akiya > div {
    padding-top: 42%;
    border-top-right-radius: 0;
    border-bottom-left-radius: 2.5vw;
    border-bottom-right-radius: 2.5vw;
    position: relative;
}
.maa_container.in {
    /* max-width: none;
    padding: 0;
    margin-left: calc(15.625vw - 150px);
    margin-right: 15.625vw; */
    /* max-width: 1100px; */
    margin-top: 4.375vw;
}
.maa_lead {
    line-height: 2.4375;
}
.hed_circle_list {
    margin-left: 1em;
}


