@charset "utf-8";


/* outline
------------------------------*/
.l-page * {
	font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN','Meiryo', sans-serif;
    box-sizing: border-box;
}

#path,
.h1_section {
    display: none;
}

#contents {
    width: 100%;
    padding: 0;
    margin-top: -150px;
}

/*---------------------------------------------------------
main
---------------------------------------------------------*/

/* 共通 */
.l-page a {
    text-decoration: none;
}

a:hover,
.tab_content_button:hover{
    opacity: 0.8;
}

.l-page a:hover {
}

.contact_cnt_bg a:hover {
    color: #000000;
}

.mv_title,
.mv_banner,
.new_pickup,
.search_cnt_area,
.search_cnt_line {
    text-align: center;
    width: 1080px;
    margin: 0 auto;
}

.mv_banner .mv_banner-ttl,
.new_pickup h2 {
    font-family: 'Noto Serif JP', 'Noto Sans JP', sans-serif;
    font-size: 35px;
    letter-spacing: 0.2em;
    line-height: 1.1;
    padding-left: 8px;
}


/* メイン背景 */
.mv_bg{
    height: 1548px;
    background-image: url(../images/bg_mv.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}
.sales_bg {
    position: relative;
    width: 100%;
    z-index: 0;
}

.sales_bg_msk {
    position: absolute;
    width: 100%;
    height: 68.5vw;
    overflow: hidden;
    z-index: -1;
}

.sales_bg_img {
    width: 100.5%;
    height: 68.9vw;
    filter: blur(3px) brightness(98%);
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
}

.contents_wrap {
    width: 100%;
}

/* タイトル */
.mv_title * {
    font-family: 'Noto Serif JP', 'Noto Sans JP', sans-serif;
    font-weight: 400;
    color: #FFFFFF;
}

.mv_title .main-ttl {
    font-size: 60px;
    letter-spacing: 0.1em;
    line-height: 1.33;
    margin: 0 auto;
    padding: 307px 0px 20px 6px;
}

.mv_title .sub-title-text {
    font-size: 20px;
    letter-spacing: 0.2em;
    line-height: 1.5;
    width: 593px;
    margin: 0px auto 52px auto;
    padding-left: 5px;
}

.mv_a_flex {
    display: flex;
    justify-content: space-between;
}

.mv_title a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px 0 40px;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.34;
    background-color: #A59871;
    width: 530px;
    height: 131px;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    margin-bottom: 50px;
}

.mv_title a:hover {
    opacity: 0.8;
    color: #fff;
}
.mv_title a.mv_a_flex--area{
    padding-right: 45px;
}
.mv_title .icon_area {
    width: 37px;
}

.mv_title .icon_line {
    width: 42px;
}


/* 人気のエリア・人気の沿線 */
.mv_banner * {
    font-family: 'Noto Serif JP', 'Noto Sans JP', sans-serif;
    font-weight: 400;
}

.mv_banner {
    margin-bottom: 10px;
}

.banner_area,
.banner_line {
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    padding: 95px 50px 100px;
}

.banner_area {
    border-radius: 6px 6px 0 0;
    background-color: #E6E6E6;
}

.banner_line {
    border-radius: 0 0 6px 6px;
    background-color: #FFFFFF;
}

.banner_flex {
    display: flex;
    justify-content: space-between;
}

.mv_banner .mv_banner-ttl {
    margin-bottom: 49px;
}

.banner_com {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    line-height: 1.2;
    color: #FFFFFF;
    text-decoration: none;
    width: 312px;
    height: 140px;
    border-radius: 10px;
    background-size: cover;
    overflow: hidden;
    z-index: 2;
    padding: 0 0 23px;
}
.banner_com:hover,
.new_pickup_button:hover,
.tab_content_button:hover{
    color: #fff;
}
.banner_com:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 15px;
    background: url(../images/icn_arrow.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 84px;
    right: 0;
    left: 0;
    z-index: 15;
    margin: 0 auto;
}

.banner_price {
    background-image: url(../images/bnr_popular01.png);
}

.banner_tsubo-price {
    background-image: url(../images/bnr_popular02.png);
}

.banner_space {
    background-image: url(../images/bnr_popular03.png);
}

.banner_com span {
    position: absolute;
    z-index: 4;
}


/* 新着物件・ピックアップ物件 */
.bkn_new {
    margin-top: 91px;
    margin-bottom: 95px;
}

.bkn_pickup {
    margin-bottom: 100px;
}

.new_pickup .bkn_main-ttl {
    margin-bottom: 50px;
}

.new_pickup_flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.new_pickup_item:not(:nth-child(3n+1)) {
    margin-left: 20px;
}
.js-hide {
    margin-top: 20px;
    display: none;
}
.js-hide.is-show {
    display: flex;
}
.js-hide .new_pickup_item:nth-child(n+4) {
    margin-top: 20px;
}

.new_pickup_item {
    display: block;
    background-color: #FFFFFF;
    width: 346px;
    height: 405px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    overflow: hidden;
}

.new_pickup_item:hover {
    /* opacity: 0.8; */
}
.bkn_img {
    width: 100%;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new_pickup_item img {
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}

.property_wrap {
    padding: 15px 14px 20px 14px;
}

.property_wrap p {
    text-align: left;
    color: #4B4B4B;
    width: 320px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.property_wrap p a {
    color: #4B4B4B!important;
}

.property_wrap .property_name {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 7px;
}

.property_wrap .property_price {
    font-size: 16px;
    font-weight: 700;
    color: #BF3F3F;
    margin-bottom: 11px;
}

.property_wrap .price {
    font-size: 24px;
}

.property_wrap .property_address,
.property_wrap .property_access,
.property_wrap .property_spec {
    font-size: 14px;
    line-height: 1.42;
}

.new_pickup_button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    line-height: 1.45;
    letter-spacing: 0.2em;
    color: #FFFFFF;
    width: 519px;
    height: 80px;
    background-color: #A59871;
    border-radius: 40px;
    margin: 40px auto 0 auto;
    padding-left: 2px;
}
.new_pickup_button.js-close {
    display: none;
}

.new_pickup_button:hover {
    opacity: 0.9;
}

.new_pickup_button::after {
    position: absolute;
    content: "";
    display: inline-block;
    top: 35px;
    right: 30px;
    width: 20px;
    height: 10px;
    background-image: url(../images/icn_more-arrow.png);
    background-repeat: no-repeat;
}
.new_pickup_button.js-close::after {
    transform: rotate(-180deg);
}


/* 探す */
.search_cnt_area_bg,
.search_cnt_line_bg {
    background-color: #E6E6E6;
    padding: 96px 0 1px;
}

.search_cnt h2 {
    font-family: 'Noto Serif JP', 'Noto Sans JP', sans-serif;
    font-size: 40px;
    letter-spacing: 0.2em;
    line-height: 1;
    padding: 0 0px 53px 0px;
    font-weight: 600;
}
.search_cnt h2 span {
    font-family: 'Noto Serif JP', 'Noto Sans JP', sans-serif;
    color: #014172;
}
.search_cnt .pagelink-ttl:not(:first-child) h2 {
    padding: 0 0px 51px 0px;
}

.search_tabs {
    background-size: cover;
    width: 100%;
    border-radius: 6px 0 6px 6px;
    margin: 0px auto 0 auto;
}

.pagelink-ttl {
    margin: -160px 0 98px;
    padding-top: 160px;
}

.area_onfoot,
.line_onfoot {
    background: url(../images/sales_bg_onfoot_PC.jpg) no-repeat center top /cover;
}

.area_price,
.line_price {
    background: url(../images/sales_bg_onfoot_PC.jpg) no-repeat center top /cover;
}

.area_floorplan,
.line_floorplan {
    background: url(../images/sales_bg_onfoot_PC.jpg) no-repeat center top / cover;
}

.area_recommend,
.line_recommend {
    background: url(../images/sales_bg_onfoot_PC.jpg) no-repeat center top / cover;
}
.tab_list {
    
}

.tab_items
{
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    font-size: 17px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    width: calc(100% / 13);
    height: 70px;
    background-color: #707070;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
}
.search_cnt_line_bg .tab_items{
    width: calc(100% / 7);
}

.tab_items:hover {
    opacity: 0.9;
    cursor: pointer;
}

.tab_list li:first-child {
    border-radius: 6px 0px 0px 0px;
}
.tab_list li:last-child {
     border-radius: 0px 6px 0px 0px;
}

.tab_content {
    display: none;
    clear: both;
    background: rgba(67, 67, 67, 0.91);
    width: 100%;
    border-radius: 0px 0px 6px 6px;
    padding: 49px 45px 50px  50px;
}
.area_recommend .tab_content{
    
padding-left: 51px;
}

/*沿線タブ*/



/*沿線タブ終わり*/
.tab_content.is-active {
    display: block;
}


.tab_items.active{
    background: rgba(67, 67, 67, 0.91);
    border: unset;
    font-size: 18px;
}

.tab_content_innner {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
    padding: 0 8px 0 0;
}

.area_recommend .tab_content_innner,
.line_recommend .tab_content_innner {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
.area_recommend .tab_content_innner + .tab_content_button,
.line_recommend .tab_content_innner + .tab_content_button {
    margin-top: 21px;
}

.tab_content_innner a,
.tab_content_innner label {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    color: #707070;
    width: 186px;
    background-color: #FFFFFF;
    border-radius: 6px;
    font-weight: 500;
}
.area_floorplan .tab_content_innner a,
.line_price .tab_content_innner a{
    width: 155px;
    height: 100px;
    color: #434343;
    font-size: 18px;
    font-weight: 500;
}
.tab_content_innner a:hover,
.tab_content_innner label:hover {
    opacity: 0.9;
}

.tab_content_innner label {
    width: auto;
    padding: 0px 31px 0 10px;
    margin: 0px 10px 10px 0px;
}

.tab_content_innner label {
    font-size: 18px;
    font-weight: 500;
    height: 60px;
    color: #434343;
    display: flex;
    align-items: center;
    line-height: 2;
}

.area_price .tab_content_innner a,
.line_onfoot .tab_content_innner a {
    font-size: 21px;
    height: 60px;
    color: #434343;
}

.search_tabs input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 19px;
}

.tab_content_button {
    font-family: 'Noto Serif JP', 'Noto Sans JP', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    letter-spacing: 0.2em;
    color: #FFFFFF;
    width: 400px;
    height: 60px;
    background: rgba(0, 0, 0, 0);
    border: 3px solid #FFFFFF;
    border-radius: 30px;
    margin: 30px auto 0px auto;
}


/* 沿線で探す 背景色変更 */
.search_cnt_line_bg {
    background-color: #FFFFFF;
}

.search_cnt_line .tab_content {
    background: rgba(133, 133, 133, 0.91);
}

.search_cnt_line_bg .tab_items.active{
    background: rgba(133, 133, 133, 0.91);
    border-left: 1px solid #FFFFFF;
}


.select_double,
.select_separator {
    margin: 0 auto;
    padding: 0 0px 0 0;
    color: #fff;
    font-size: 27px;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.select_double select,
.select_price select {
    width: 210px;
    height: 60px;
    border-radius: 7px;
    font-size: 29px;
    font-weight: 500;
    position: relative;
    padding: 0 0 0 28px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
}
.select_price {
    position: relative;
    z-index: 2;
}
.tab_content .select_price:after {
    content: "";
    position: absolute;
    top: 25px;
    right: 23px;
    border-bottom: 2px solid #333;
    border-left: 2px solid #333;
    width: 8px;
    height: 8px;
    transform: rotate(-45deg);
    z-index: 0;
}

/* 問い合わせ */
.contact_cnt {
    background-image: url(../images/bg_contact.png);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}

.contact_cnt_bg {
    background-color: rgba(25, 25, 25, 0.63);
    padding: 116px 0px 138px 0px;
    width: 100%;
}

.contact_cnt h2 {
    font-family: 'Noto Serif JP', 'Noto Sans JP', sans-serif;
    font-size: 40px;
    color: #FFFFFF;
    letter-spacing: 0.1em;
    line-height: 1.325;
    padding-bottom: 31px;
}

.contact_cnt a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: #000000;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0.1em;
    width: 516px;
    height: 79px;
    background-color: #FFFFFF;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    border-radius: 40px;
    margin: 0px auto;
    position: relative;
}
.contact_cnt a:before {
    content: '';
    position: absolute;
    border-bottom: 2px solid #333;
    border-left: 2px solid #333;
    width: 12px;
    height: 12px;
    transform: rotate(-130deg);
    transition: 0.5s;
    right: 32px;
}
.contact_cnt a:hover {
    opacity: 0.9;
}