@charset "UTF-8";



/*=======================メインビジュアル下_物件数表示バー=======================*/

#main_bar{ background-color: #5d330d;}
#main_bar .main_bar_inner{ width: 100%; max-width: 1200px; margin: 0 auto; color: #fff; display: flex; align-items: center;}
#main_bar .main_bar_inner span.num_en{ font-family: 'Josefin Sans', sans-serif;}
#main_bar .main_bar_inner .fb_data01{ width: 210px; height: 160px; margin-right: 20px;}
#main_bar .main_bar_inner .fb_data01 img{}
#main_bar .main_bar_inner .main_bar_inner_data{ display: flex; justify-content: space-between; align-items: center; width: calc(100% - 240px);}
#main_bar .main_bar_inner .fb_data02,
#main_bar .main_bar_inner .fb_data03,
#main_bar .main_bar_inner .fb_data04{ width: calc(33.33333% - 15px);}
#main_bar .main_bar_inner .fb_data02{ display: flex; flex-wrap: wrap; justify-content: space-between;}
#main_bar .main_bar_inner .fb_data02 dl{ width: calc(50% - 2px);}
#main_bar .main_bar_inner .fb_data02 dl:nth-child(1),
#main_bar .main_bar_inner .fb_data02 dl:nth-child(2){ margin-bottom: 5px;}
#main_bar .main_bar_inner .fb_data02 dl dt{ font-size: 1.3rem; background-color: #836346; padding: 5px; box-sizing: border-box; margin-bottom: 5px; font-weight: normal;}
#main_bar .main_bar_inner .fb_data02 dl dd{ text-align: right; font-size: 1.4rem;}
#main_bar .main_bar_inner .fb_data02 dl dd span{ font-size: 2.5rem;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_top{}
#main_bar .main_bar_inner .fb_data03 .fb_data03_top ul{ display: flex;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_top ul li{ width: 50%; padding: 10px; box-sizing: border-box;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_top ul li:nth-child(1){ border-right: 1px solid #fff;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_top ul li p{ line-height: 1;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_top ul li p.fb_data03_title{ font-size: 1.4rem; margin-bottom: 5px;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_top ul li p.fb_data03_data{ text-align: right;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_top ul li p.fb_data03_data span{ font-size: 2.8rem; color: #ffff00;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_btm{ text-align: center; display: flex; justify-content: center; align-items: center; border-top: 1px solid #fff;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_btm .fb_data03_title{ font-size: 1.8rem;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_btm .fb_data03_data{}
#main_bar .main_bar_inner .fb_data03 .fb_data03_btm .fb_data03_data span{ font-size: 3.3rem; color: #ffff00;}
#main_bar .main_bar_inner .fb_data04{ text-align: center;}
#main_bar .main_bar_inner .fb_data04 .fb_data04_com{ margin-bottom: 10px;}
#main_bar .main_bar_inner .fb_data04 .fb_data04_com span{ display: inline-block; position: relative;}
#main_bar .main_bar_inner .fb_data04 .fb_data04_com span::before,
#main_bar .main_bar_inner .fb_data04 .fb_data04_com span::after{position: absolute; padding: 0 2rem; top: -0.8rem; height: 2rem; content: '';}
#main_bar .main_bar_inner .fb_data04 .fb_data04_com span::before{ border-left: solid 1px; left: -1.5rem; transform: rotate(-30deg);}
#main_bar .main_bar_inner .fb_data04 .fb_data04_com span::after{ border-right: solid 1px; right: -1.5rem; transform: rotate(30deg);}
#main_bar .main_bar_inner .fb_data04 .fb_data04_members{ width: 100%; height: 60px; margin-bottom: 10px;}
#main_bar .main_bar_inner .fb_data04 .fb_data04_members a{ display: block; height: 100%; background-color: #c1433c; color: #fff; text-decoration: none; font-weight: 700; position: relative;}
#main_bar .main_bar_inner .fb_data04 .fb_data04_members a > span{ display: block; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#main_bar .main_bar_inner .fb_data04 .fb_data04_members a > span > span{ color: #ffff00;}
#main_bar .main_bar_inner .fb_data04 .fb_data04_login{}
#main_bar .main_bar_inner .fb_data04 .fb_data04_login a{ font-size: 1.4rem; color: #fff;}

@media screen and (min-width: 768px) {
.pc_none{ display: none;}
}

@media screen and (max-width: 767px) {
.sp_none{ display: none;}

#main_bar .main_bar_inner{ display: block; width: 100%; padding: 20px; box-sizing: border-box;}
#main_bar .main_bar_inner .main_bar_inner_data{ display: block; width: 100%;}
#main_bar .main_bar_inner .fb_data01,
#main_bar .main_bar_inner .fb_data02,
#main_bar .main_bar_inner .fb_data03,
#main_bar .main_bar_inner .fb_data04{ width: 100%;}
#main_bar .main_bar_inner .fb_data01{ width: calc(100% + 40px); margin: -20px 0 20px -20px; text-align: center; height: auto; background-color: #73bf5e; padding: 10px 0; box-sizing: border-box;}
#main_bar .main_bar_inner .fb_data02{ margin-bottom: 10px; flex-wrap: nowrap;}
#main_bar .main_bar_inner .fb_data02 dl{ width: calc(25% - 2px); background-color: transparent; padding: 0; text-align: left;}
#main_bar .main_bar_inner .fb_data02 dl dt{ color: #fff!important; font-size: 2.7vw;}
#main_bar .main_bar_inner .fb_data02 dl dd{ font-size: 2.7vw;}
#main_bar .main_bar_inner .fb_data02 dl dd span{ font-size: 5.2vw;}
#main_bar .main_bar_inner .fb_data03{ margin-bottom: 10px; border: 1px solid #fff;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_top ul li{ padding: 5px;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_top ul li p{ display: inline-block; width: 50%;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_top ul li p.fb_data03_title{ font-size: 2.7vw; margin-bottom: 0;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_top ul li p.fb_data03_data{ font-size: 2.7vw;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_top ul li p.fb_data03_data span{ font-size: 5.5vw;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_btm{ padding: 10px 5px 5px;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_btm .fb_data03_title{ font-size: 3.7vw;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_btm .fb_data03_data{ font-size: 3.7vw;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_btm p.fb_data03_data{ line-height: 1em!important;}
#main_bar .main_bar_inner .fb_data03 .fb_data03_btm .fb_data03_data span{ font-size: 7vw;}
#main_bar .main_bar_inner .fb_data04 .fb_data04_members{ height: 55px;}
}


/*=======================物件検索=======================*/

#bukken_search{}
#bukken_search .bukken_search_inner{ margin-top: 60px;}

#bukken_search .bukken_search_inner h3{ font-size: 2.4rem; margin: 0 0 25px;}
#bukken_search .bukken_search_inner h3 span{ display: block; padding-left: 54px; position: relative;}
#bukken_search .bukken_search_inner h3 span:before{ content: ""; display: block; width: 44px; height: 44px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-size: 44px 44px;}

#bukken_search .bukken_search_inner .search_line01{ margin-bottom: 50px;}
#bukken_search .bukken_search_inner .search_line01 h3{}
#bukken_search .bukken_search_inner .search_line01 h3 span:before{ background-image: url(../realestate/images/bukken_search01@2x.png);}
#bukken_search .bukken_search_inner .search_line01 .search_areaname{ text-align: center; display: flex; justify-content: space-between;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname .search_areaname_hiratsuka{ width: calc(33.33333% - 10px);}
#bukken_search .bukken_search_inner .search_line01 .search_areaname ul{ width: 66.66666%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname ul li{ width: calc(50% - 5px); height: 70px;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname ul li:nth-child(1),
#bukken_search .bukken_search_inner .search_line01 .search_areaname ul li:nth-child(2){ margin-bottom: 10px;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname a{ display: block; width: 100%; height: 100%; border: 1px solid #5d330d; box-sizing: border-box; background-color: #f8f1e3; text-decoration: none; position: relative;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname a p{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#bukken_search .bukken_search_inner .search_line01 .search_areaname a p span{ display: inline-block;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname a p span.jp{ font-size: 2.3rem; font-weight: 700; margin-right: 10px;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname a p span.en{ color: #5d330d; font-family: 'Josefin Sans', sans-serif;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname .search_areaname_hiratsuka a p span{ display: block;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname .search_areaname_hiratsuka a p span.jp{ font-size: 3rem!important;}

#bukken_search .bukken_search_inner .search_line02{ display: flex;}
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner{ display: flex; width: calc((100% - 220px) - 60px); justify-content: space-between; margin-right: 60px; margin-bottom: 50px;}
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner .search_syubetsu,
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner .search_keywords{ width: calc(50% - 30px);}
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner .search_syubetsu h3 span:before{ background-image: url(../realestate/images/bukken_search02@2x.png);}
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner .search_syubetsu ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner .search_syubetsu ul li{ width: calc(50% - 5px); height: 70px; text-align: center;}
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner .search_syubetsu ul li:nth-child(1),
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner .search_syubetsu ul li:nth-child(2){ margin-bottom: 10px;}
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner .search_syubetsu ul li a{ display: block; border: 1px solid #5d330d; box-sizing: border-box; line-height: 70px; text-decoration: none; background-color: #fff; font-size: 2rem; font-weight: 700;}
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner .search_keywords h3 span:before{ background-image: url(../realestate/images/bukken_search03@2x.png);}
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner .search_keywords input{ display: block;}
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner .search_keywords input[type="text"]{ margin: 0 0 15px; padding: 15px; background: none; border: 1px solid #cdcdcd; font-size: 16px; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%;}
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner .search_keywords input[type="submit"]{border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; margin: 0 auto; background-color: #5d330d; font-size: 2.3rem; padding: 8px 20px;  color: #fff; font-weight: 700;}

#bukken_search .bukken_search_inner .search_line02 .search_school{ width: 220px; height: 220px;}
#bukken_search .bukken_search_inner .search_line02 .search_school a{ display: block; width: 100%; height: 100%; background-color: #5d330d; color: #fff; text-align: center; text-decoration: none; position: relative;}
#bukken_search .bukken_search_inner .search_line02 .search_school a span{ font-size: 2rem;  display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; font-weight: 700;}
#bukken_search .bukken_search_inner .search_line02 .search_school a span:before{ content: ''; display: block; width: 74px; height: 74px; background-image: url(../realestate/images/school_search01@2x.png); background-size: 74px 74px; margin: 0 auto;}

#bukken_search .bukken_search_inner .search_line03{}
#bukken_search .bukken_search_inner .search_line03 .search_map{}
#bukken_search .bukken_search_inner .search_line03 .search_map .search_map_title{ display: flex; align-items: center; margin-bottom: 30px;}
#bukken_search .bukken_search_inner .search_line03 .search_map .search_map_title h3{ margin: 0 30px 0 0!important;}
#bukken_search .bukken_search_inner .search_line03 .search_map .search_map_title h3 span:before{ background-image: url(../realestate/images/bukken_search04@2x.png);}
#bukken_search .bukken_search_inner .search_line03 .search_map .search_map_title p{}

.sea{fill:#C3F0F5;}
.map03{fill:#F8F1E3;stroke:#9B6C42;stroke-width:0.8;stroke-miterlimit:10;}
.map03_text{fill:#D8C9B2;font-family:'KozGoPr6N-Medium-83pv-RKSJ-H';font-size:2rem;}
.map02{fill:#E8D7BD;stroke:#9B6C42;stroke-width:0.8;stroke-miterlimit:10;}
.map01{fill:#CDAF8A;stroke:#9B6C42;stroke-width:0.8;stroke-miterlimit:10;}
.hiratsuka_line{fill:none;stroke:#9B6C42;stroke-width:2.5128;stroke-linejoin:round;stroke-miterlimit:10;}
.maps_back{fill:#FFFFFF;}
.maps_line{fill:#693A08;}
.maps_text{fill:#693A08; font-size:2rem;font-family:'KozGoPr6N-Medium-83pv-RKSJ-H'; font-weight: 700;}

@media screen and (min-width: 768px) {
#search_map_sp{ display: none;}
.maps:hover{ cursor: pointer;}
.maps:hover .map02{fill:#9b6c42;}
.maps:hover .map01{fill:#9b6c42;}
.maps:hover .maps_back{fill:#693A08;}
.maps:hover .maps_text{fill:#FFFFFF;}
}

@media screen and (max-width: 767px) {

#search_map_pc{ display: none;}
#bukken_search .bukken_search_inner{ margin-top: 30px;}
#bukken_search .bukken_search_inner h3{ font-size: 4.8vw; margin: 0 0 25px;}
#bukken_search .bukken_search_inner h3 span{ padding-left: 38px;}
#bukken_search .bukken_search_inner h3 span:before{ width: 34px; height: 34px; background-size: 34px 34px;}
#bukken_search .bukken_search_inner .search_line01,
#bukken_search .bukken_search_inner .search_line02,
#bukken_search .bukken_search_inner .search_line03{ margin-bottom: 30px;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname{ display: block;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname .search_areaname_hiratsuka{ width: 100%; height: 19vw; margin-bottom: 10px;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname ul{ width: 100%;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname ul li{ height: 15vw;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname a p{ line-height: 1.6;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname a p span{ display: block;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname a p span.jp{ font-size: 4.4vw; margin-right: 0;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname a p span.en{ font-size: 3.2vw;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname .search_areaname_hiratsuka a p span{ display:  inline-block;}
#bukken_search .bukken_search_inner .search_line01 .search_areaname .search_areaname_hiratsuka a p span.jp{ font-size: 5.7vw!important; margin-right: 10px;}

#bukken_search .bukken_search_inner .search_line02{ display: block;}
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner{ display: block; width: 100%; margin-right: 0; margin-bottom: 30px;}
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner .search_syubetsu,
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner .search_keywords{ width: 100%;}
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner .search_syubetsu{ margin-bottom: 30px;}
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner .search_syubetsu ul li{ height: 12vw;}
#bukken_search .bukken_search_inner .search_line02 .search_line02_inner .search_syubetsu ul li a{ font-size: 4.4vw; line-height: 12vw;}

#bukken_search .bukken_search_inner .search_line02 .search_school{ width: 100%; height: 35vw;}
#bukken_search .bukken_search_inner .search_line02 .search_school a span:before{ width: 54px; height: 54px; background-size: 54px 54px;}
#bukken_search .bukken_search_inner .search_line02 .search_school a span{ font-size: 4.8vw;}

#bukken_search .bukken_search_inner .search_line03 .search_map .search_map_title{ display: block; margin-bottom: 20px;}
#bukken_search .bukken_search_inner .search_line03 .search_map .search_map_title h3{ margin: 0 0 10px 0!important;}

#search_map_sp{ width: calc(100% + 10.66vw); margin-left: -5.33vw;}
#search_map_sp .maps_text{ font-family: 'Noto Sans JP', sans-serif;}
.maps_text{ font-size:2.1rem;}

}


/*=======================マイサーチボタン=======================*/

#fix_mysearch{ background-color: #9b8672; z-index: 100;}
#fix_mysearch ul{}
#fix_mysearch ul li a{ display: block; color: #fff; text-decoration: none; padding: 15px; box-sizing: border-box; font-size: 1.6rem;}
#fix_mysearch ul li a span{}
@media screen and (min-width: 768px) {
#fix_mysearch{ position: fixed; right: 0; top: 130px;}
#fix_mysearch ul li{ position: relative;}
#fix_mysearch ul li:before{ content: ""; display: block;position: absolute; left: 50%;transform:translateX(-50%);-webkit- transform:translateX(-50%); bottom: 0;  width: 25px; height: 1px; background-color: #7d6248;}
#fix_mysearch ul li:last-child:before{ display: none;}
#fix_mysearch ul li a{ -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
}
@media screen and (max-width: 767px) {
#fix_mysearch{ position: fixed; left: 0; bottom: 0; width: 100%; padding: 10px 20px; box-sizing: border-box;}
#fix_mysearch ul{ display: flex; justify-content: space-between; text-align: center;}
#fix_mysearch ul li{ width: calc(33.33333% - 5px);}
#fix_mysearch ul li a{ background-color: #fff; color: #000; padding: 10px; font-size: 3.2vw;}
}

/*=======================物件検索ポップアップ=======================*/

/*デモ確認用ここから*/
div#m_window{ display: block!important;}
/*デモ確認用ここまで*/

#modal{overflow:hidden;}
#modal_box{height:500px;max-width:470px;margin:0 auto;box-sizing:border-box;position:relative;z-index:1;}
#modal_box #modal_box_inner{width:100%;height:100%;margin:40px 0 0;overflow:hidden;pointer-events:none;}
#modal_box .box_ttl{font-size:1.8em;font-weight:700;line-height:45px;letter-spacing:0.1em;text-align:center;padding:0 45px;color:#FFF;background-color:#845c1c;}

.kind_box{position:relative;z-index:100;}
.kind_box .inner{width:450px; box-sizing:border-box; background-color: #e8d7bd; position: absolute;top: 50%;left: 50%;transform: translate(-50%, 0);padding:0 0 30px;box-sizing: border-box;}
.kind_box .contents_title{text-align:center; margin:30px; font-weight: 700;}
.kind_box .contents_title span{ font-size:1.5em; line-height:1.1; text-align:left; display:inline-block; color: #5d330d;}
.kind_box .sph_text{ display:none;}
.kind_box .inner{pointer-events:all;}
.kind_box .inner ul{ letter-spacing:-1em; text-align:center; padding: 0 30px 20px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between;}
.kind_box .inner ul li{ width:calc(50% - 10px); box-sizing:border-box; border-radius:5px; display:inline-block; letter-spacing:normal; vertical-align:top;}
.kind_box .inner ul li:nth-child(1),
.kind_box .inner ul li:nth-child(2){ margin:0 0 20px;}
.kind_box .inner ul li a{ background-image: linear-gradient(135deg, #9b6840, #5d330d); color: #fff; padding:30px 0; display:block; text-decoration:none;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s; align-items: center; justify-content: center; border: 1px solid #fff; box-sizing: border-box;}
.kind_box .inner ul li a:hover{}
.kind_box .inner ul li .icon{ margin: 0 auto 10px; width: 51px;}
.kind_box .inner ul li .icon img{ width: 100%; height: auto;}
.kind_box .inner ul li h2{ font-size: 1.2em; text-align:center; color: #fff; font-weight: 700; margin-bottom: 8px;}
.kind_box .inner ul li .count{ text-align:center; font-size:10px; line-height:1.1; color:#fff;}
.kind_box .inner ul li .count span{ font-size:15px; font-weight:400; color:#fff;}
.kind_box .inner p.caption {font-size:15px;text-align: center;}

.close_btn{display:block;position:absolute;top:-40px;right:0;cursor:pointer;z-index:999;}
.close_btn span{display:inline-block;width:30px;height:30px;position:relative;}
.close_btn span::after,
.close_btn span::before{content:"";display:block;width:30px;height:2px;background:#FFF;position:absolute;top:14px;}
.close_btn span::after{transform: rotate(45deg);}
.close_btn span::before{transform: rotate(-45deg);}
#modal .bkg{height:100%;width:100%;position:fixed;top:0;left:0;z-index:0;cursor:pointer;}
@media screen and (min-width:768px) {
.close_btn:hover{opacity:0.5;transition:opacity 0.3s;}
}
@media screen and (max-width:767px) {
#modal_box {height:400px;width:calc(100% - 30px);}
#modal_box .box_ttl{font-size:1.6em;line-height:40px;padding:0 40px;}

.kind_box .inner ul{padding: 0 15px 20px;}
.kind_box .inner{width:100%;}
.close_btn span{width:40px;height:40px;}

.kind_box .contents_title{ margin:20px;}
.kind_box .contents_title span{ font-size:5.3vw;}
.kind_box .inner{ padding:0;height:400px;}
.kind_box .inner ul li h2{ font-size: 4vw;}
.kind_box .inner ul li{ width:calc(50% - 5px);}
.kind_box .inner ul li:nth-child(1),
.kind_box .inner ul li:nth-child(2){ margin:0 0 10px;}
.kind_box .inner ul li a{ padding:15px 0;}
.kind_box .inner ul li .icon{ margin: 0 auto 5px;}
.kind_box .inner ul li .count{ font-size:2.6vw;}
.kind_box .inner ul li .count span{ font-size:3.6vw;}
}


/*=======================学区から検索ページ=======================*/

#school_search{ text-align: center;}
#school_search p.top_text{ font-size: 3rem; margin-bottom: 30px;}
#school_search .school_list_box{ display: flex; justify-content: space-between;}
#school_search .school_list_box #primary_school,
#school_search .school_list_box #secondary_school{ width: calc(50% - 20px);}
#school_search .school_list_box h3{font-size: 2.3rem; margin-bottom: 20px;}
#school_search .school_list_box ul{}
#school_search .school_list_box ul li{ margin-bottom: 10px;}
#school_search .school_list_box ul li a{ display: block; border: 1px solid #000; box-sizing: border-box; padding: 10px;}
#school_search .school_list_box ul li a p{ display: inline-block;}
#school_search .school_list_box ul li a p.name{font-size: 1.7rem;}
#school_search .school_list_box ul li a p.data{font-size: 1.4rem; color: #777;}
@media screen and (min-width:768px) {
#school_search .school_list_box ul li a:hover{ opacity: .6;}
}
@media screen and (max-width:767px) {
#school_search{ margin-bottom: 50px;}
#school_search p.top_text{ font-size: 4.5vw;}
#school_search .inpage{ margin-bottom: 0;}
#school_search .inpage ul{ display: flex; justify-content: space-between;}
#school_search .inpage ul li{ width: calc(50% - 5px);}
#school_search .inpage ul li a{ display: block; border: 1px solid #5d330d; box-sizing: border-box; background-color: #f8f1e3; font-size: 4.5vw; padding: 15px 0; text-decoration: none; font-weight: 700;}
#school_search .school_list_box{ display: block;}
#school_search .school_list_box #primary_school,
#school_search .school_list_box #secondary_school{ width: 100%; padding-top: 30px;}
#school_search .school_list_box h3{ font-size: 5.5vw; margin-bottom: 20px;}
#school_search .school_list_box ul li{ margin-bottom: 5px;}
#school_search .school_list_box ul li a p.name{ font-size: 4.5vw;}
#school_search .school_list_box ul li a p.data{ font-size: 3.5vw;}
}






.p-container--page {
padding-top: 80px;
}
@media screen and (max-width: 1060px) {
.p-container--page {
padding-top: 80px;
}
}
@media screen and (max-width: 767px) {
.p-container--page {
padding-top: 16vw;
}
}




.h_logo_hover {display: none;}
@media screen and (max-width: 767px) {
.is-fixed .h_logo {display: none;}
.is-fixed .h_logo_hover {display:block;}
.is-fixed .p-header__name {color: #ffffff;}
}


@media screen and (max-width: 767px) {
.sph_none {display: none;}
}


/* header
----------------------------------------------------------------- */
.is-rev .p-header .p-header__title {
color: #000;
}
.p-header__inner {
width: 100%!important;
max-width:100%!important;
margin: 0 auto;
padding: 0!important;
}
.p-header__title {
    position: absolute;
    top: 0;
    left: 20px;
    display: block;
    text-align: left;
    font-weight: normal;
    line-height: 1;
    width: 100%;
    padding: 10px 0;
    font-size: 10px;
    font-size: 1rem;
    z-index: 2;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .p-header__title {
      display: none;
  }
}
@media screen and (max-width: 767px) {
  .p-header__title {
      display: none;
  }
}




.p-header__container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width:calc(100% - 160px);
padding: 0 160px 0 0;
padding-right: 0;
margin-left: 0;
height: 80px;
}
.p-header__container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}


.p-header__heading {margin: 26px 0 0 20px;}

.p-header__heading img {height: 28px;width: auto;}




.p-header__logo {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.p-header__image {
    display: block;
    width: 166px;
}
.p-header__image_rev {
        display: none;
}
.is-rev .p-header__image{
    display: none;
}
.is-rev .p-header__image_rev {
    display: block;
    width: 166px;
}
.p-header__name {
    margin-left: 20px;
}
.p-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.p-header__menu {
    left: 50%;
    width: 100%;
    margin: 0 auto;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.p-header__toggle {
position: absolute;
top: 20px;
right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 120px;
height: 40px;
z-index: 101;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.p-header__toggle::after {
    display: inline-block;
    content: 'MENU';
    color: #000;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    margin-top: 5px;
    margin-left: 9px;
    font-size: 20px;
    font-size: 2rem;
}
.p-header__toggle.is-open::after {
    color: #fff;
    content: 'CLOSE';
    margin-left: 5px;
}
.is-rev .p-header__toggle {
color: #000;
border: 1px solid #000;
}
.is-rev .p-header__toggle::after {
color: #000;
}
.p-header__hamburger {
    margin-left: 9px;
}

.is-rev .p-header__toggle .p-header__hamburger span {
    background: #000;
}






/* p-navHeader
 ----------------------------------------------------------------- */
.p-navHeader {
    padding-bottom: 80px;
}
.p-navHeader__title {
    position: absolute;
    top: 0;
    right: 20px;
    display: block;
    text-align: right;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    width: 100%;
    padding: 10px 0;
    font-size: 12px;
    font-size: 1.2rem;
    z-index: 2;
}
.p-navHeader__inner {
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
}
.p-navHeader__container {
    /* width: 100%; */
    /* padding-top: 30px; */
}
.p-navHeader__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    /* padding-top: 30px; */
    /* padding-bottom: 30px; */
    /* padding-right: 160px; */
}
.p-navHeader__logo {
   /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;*/
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    font-size: 24px;
    font-size: 2.4rem;
}
.p-navHeader__name {margin: 0!important;
}
.p-navHeader__image {
width: 360px;
}
.p-navHeader__image img {height: 28px!important;width: auto!important;margin: 0 20px 10px 0;}
.p-navHeader__container {
        width: 100%;
		padding: 0;
		margin: 26px 0 0 20px;
    }

/* p-gnav
-------------------------------------------------------------------------- */
.p-gnav__menu {
    margin-bottom: 30px;
}
.p-gnav__row {
    width: 100%;
    margin-top: 80px;
}
.p-gnav__row {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.p-gnav__row:first-child {
    margin-top: 0;
}
.p-gnav__title {
    font-size: 42px;
    font-size: 4.2rem;
    text-align: center;
    margin-bottom: 40px;
}
.p-gnav__title {
    text-align: left;
}
.p-gnav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 20px;
    font-size: 2rem;
}
.p-gnav__item {
    margin-top: 2em;
    width: calc(100% / 4);
}
.p-gnav__item:nth-child(-n+4) {
    margin-top: 0;
}
.p-gnav__link {
    display: block;
}
.p-gnav__icon {
    margin-right: 10px;
}
.p-gnav__contact {
    margin-top: 50px;
}

/* p-navMenu
 ----------------------------------------------------------------- */
 @media screen and (max-width: 1199px) {
    .p-navMenu--header {
        display: none;
    }
}

.p-navMenu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: .05em;
    margin-top: 10px;
}
.p-navMenu__item {
    padding: 10px 0;
    margin: 0 1em;
}

.p-navMenu__item:last-child {
    margin-right: 0;
}

.p-navMenu__item--dropdown:hover .p-navContact {
    height: auto;
    overflow: visible;
}
.p-navMenu__link {
    font-size: 20px;
    font-size: 2rem;
}
.p-navMenu__button {
    font-size: 20px;
    font-size: 2rem;
}

.p-navMenu__button:hover {
    opacity: .8;
}

/* p-navContact
 ----------------------------------------------------------------- */
.p-navContact {
    top: 85px;
    height: 0;
    overflow: hidden;
}
.p-navContact--nav {
    height: auto;
}
.p-navContact--nav .p-navContact__inner::after {
    background-color: #fff;
}
.p-navContact--nav .p-navContact__item {
    border-color: #5d330d;
}
.p-navContact__inner {
    padding: 15px 0;
}
.p-navContact__inner::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 200%;
    margin: 0 -200%;
    background-color: #5d330d;
    z-index: -1;
}
.p-navContact__list {
    width: 100%;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
}
.p-navContact__item {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 20px;
    border-right: 1px solid #fff;
}
.p-navContact__name {
    margin-right: .5em;
    font-size: 16px;
    font-size: 1.6rem;
}
.p-navContact__number {
    font-size: 26px;
    font-size: 2.6rem;
}
.p-navContact__label {
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 5px;
}
.p-navContact__text {
    margin-top: 15px;
    line-height: 1;
    font-size: 16px;
    font-size: 1.6rem;
}
.p-navContact__hour {
    margin-right: 2em;
}

/* p-formContact
 ----------------------------------------------------------------- */
.p-formContact--nav {
    height: auto;
    overflow: visible;
}
.p-formContact--nav .p-formContact__inner::after {
    background-color: #f8f1e3;
}
.p-formContact--nav .p-formContact__item {
    border-color: #5d330d;
}
.p-formContact__inner {
    padding: 15px 0;
}
.p-formContact__inner::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 200%;
    margin: 0 -200%;
    background-color: #f8f1e3;
    z-index: -1;
}
.p-formContact__list {
    width: 100%;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}
.p-formContact__item {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 20px;
    border-right: 1px solid #5d330d;
}
.p-formContact__name {
    margin-right: .5em;
    font-size: 16px;
    font-size: 1.6rem;
}
.p-formContact__number {
    font-size: 26px;
    font-size: 2.6rem;
}
.p-formContact__label {
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 5px;
}
.p-formContact__text {
    margin-top: 15px;
    line-height: 1;
    font-size: 16px;
    font-size: 1.6rem;
}
.p-formContact__hour {
    margin-right: 2em;
}
.p-navCompany {
    width: 100%;
    margin-top: 100px;
}
.p-navCompany__logo {
    width: 222px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 30px;
}
.p-navCompany__en {
    width: 222px;
}
.p-navCompany__jp {
    margin-top: 10px;
    font-size: 20px;
    font-size: 2rem;
}
.p-navCompany__text {
    line-height: 1;
    margin-bottom: 50px;
}
.p-navCompany__hour {
    margin-right: 3em;
}
.p-navCompany__list {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.p-navCompany__item {
    margin-bottom: 15px;
}
.p-navCompany__name {
    display: inline;
}
.p-navCompany__name {
    margin-right: 2em;
}
.p-navCompany__address {
    display: inline;
    margin-right: 1em;
}
.p-navCompany__post {
    display: inline;
    margin-right: 1em;
}
.p-navCompany__contact {
    display: inline;
}
.p-navCompany__tel {
    margin-right: 1em;
}
.p-closeButton {
    width: 200px;
    height: 50px;
    margin-top: 50px;
    line-height: 1;
    font-size: 24px;
    font-size: 2.4rem;
}
.p-closeButton:hover {
    opacity: .9;
}
.p-closeButton__icon {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.p-closeButton__icon::after, .p-closeButton__icon::before {
    height: 2px;
}

.p-closeButton__icon::before {
    top: 9px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.p-closeButton__icon::after {
    bottom: 9px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

/* p-breadcrumbs
-------------------------------------------------------------------------- */
.p-breadcrumbs__inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}
.p-breadcrumbs__list {
    display: block;
    text-align: right;
    padding: 20px 0;
    font-size: 14px;
    font-size: 1.4rem;
}
.p-breadcrumbs__item {
    display: inline-block;
    padding-right: .75em;
}





/* p-pageTop
----------------------------------------------------------------- */
.p-pageTop {
    right: 20px;
    bottom: 20px;
}
.p-pageTop__link {
    width: 60px;
    height: 60px;
}
.p-pageTop__icon {
    width: 24px;
    height: 24px;
    border-top: 4px solid #5d330d;
    border-right: 4px solid #5d330d;
}



















#js-header {position: fixed;background: #ffffff;z-index:999;}
.p-header__name {margin-left: 20px;color: #000000;}
#js-header h1 {font-weight: 400;}



/*

.is-rev .p-header__toggle.is-open {
color: #fff;
border: 1px solid #fff;
}
.is-rev .p-header__toggle.is-open .p-header__hamburger span {background: #fff;}
.is-rev .p-header__toggle.is-open::after {
color: #fff;
}




.p-header__toggle.is-open {
position: absolute;
top: 20px;
right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 120px;
height: 40px;
z-index: 101;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}

*/




.is-rev .p-navMenu .p-navMenu__link {color: #000;}
.p-header__menu {
left: 50%;
width: 100%;
max-width: inherit;
margin: 0 auto;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.is-open .is-rev .p-navMenu .p-navMenu__link {
color: #fff;
}





.header_btn {}
.header_btn ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.header_btn ul li {height: 80px;position: relative;}

.btn,
a.btn,
button.btn {
  font-size: .8vw;
  font-weight: 700;
  line-height: 80px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
width: 7vw;
  height: 80px;
}


.btn--contact,
a.btn--contact {
color: #000;
background-color: #fff;
transition: 0.5s;border: 2px solid #000;
}
.btn--contact:hover,
a.btn--contact:hover {
opacity: .6;
}




.btn--member,
a.btn--member {
  color: #fff;
  background-color: #c1433c;
  transition: 0.5s;
}
.btn--member:hover,
a.btn--member:hover {
opacity: .6;
}

.btn--login,
a.btn--login {
  color: #fff;
  background-color: #2070a9;
  transition: 0.5s;
}
.btn--login:hover,
a.btn--login:hover {
opacity: .6;
}



.btn--reservation,
a.btn--reservation {
color: #fff;
background-color: #000000;
transition: 0.5s;
}
.btn--reservation:hover,
a.btn--reservation:hover {
opacity: .6;
}




.btn--text,
a.btn--text {
width: inherit;padding: 0 1.5vw 0 0;white-space: nowrap;
  color: #000;
  transition: 0.5s;
}
.btn--text:hover,
a.btn--text:hover {
opacity: .6;
}
#navi01,#navi02 {
  padding-top:0;
  margin-top:0;
}
.sph {display: none;}







@media screen and (max-width: 1060px) {


.header_btn ul li:nth-child(-n+4) {display: none;}


}
@media screen and (max-width: 767px) {



.header_btn ul li:last-child{display: none;}




/* header
----------------------------------------------------------------- */

.p-header {
  height: 16vw;
}

.p-header__container {

position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width:calc(100% - 16vw);
padding: 0 16vw 0 0;
padding-right: 0;
margin-left: 0;
height: 16vw;


  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-header__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 16vw;
  margin: 0;
  z-index: 9999;
}
.p-header__heading img {height: 4vw;width: auto;}
.is-fixed .p-header__heading h1{z-index: 9999;}


.p-header__logo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 2vw;
}

.p-header__image {
  display: block;
  width: 37.33333vw;
}

.p-header__image_rev {
  display: none;
}

.is-rev .p-header__image{
  display: none;
}

.is-rev .p-header__image_rev {
  display: block;
  width: 37.33333vw;
}

.p-header__image img {
  width: 100%;
  height: auto;
}

.p-header__image_rev img {
  width: 100%;
  height: auto;
}

.p-header__name {
font-size: 2.8vw;
margin-left: 2vw;
}

.p-header__menu {
  top: 0;
  right:2.5vw;
  height: 12vw;
  z-index: 999;
}









.p-header__toggle {
  width: 12vw;
  height: 12vw;
  top: 2vw;
  right: 2vw;
}


.p-header__toggle::after {
    display: inline-block;
    content: inherit;
    color: #000;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    margin-top: 5px;
    margin-left: 9px;
    font-size: 20px;
    font-size: 2rem;
}


.p-header__toggle.is-open {
position: absolute;
top: 2vw;
right: 2vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 12vw;
height: 12vw;
z-index: 101;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}


.p-header__toggle.is-open::after {
    color: #fff;
    content: inherit;
    margin-left: 5px;
}



.is-rev .p-header__toggle {
  color: #000;
  border: .26667vw solid #000;
}










.p-navHeader {
  margin-bottom: 13.33vw;
}

.p-navHeader__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 16vw;
}




.p-navHeader__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  margin-left: 2.67vw;
  margin-top: -1vw
}

.p-navHeader__name {
  font-size: 2.8vw;
  margin-left: 2vw!important;
}

.p-navHeader__image {
  display: block;
  width: inherit;
}

.p-navHeader__image img {
  width: auto!important;
  height: 4vw!important;
}



.is-fixed .p-navHeader__logo {display: none}




/* p-gnav
-------------------------------------------------------------------------- */
.p-gnav__menu {
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20vw;
}

.p-gnav__row {
  margin-top: 16vw;
}

.p-gnav__title {
  margin-bottom: 6.67vw;
  font-size: 52px;
  font-size: 6.93vw;
}

.p-gnav__item {
  margin: 2.5vw 0 0;
  width: 100%;
}

.p-gnav__item:first-child {
  margin-top: 0;
}
.p-gnav__item:nth-child(-n+4) {
margin-top:2.5vw!important;
 
}

.p-gnav__link {
  font-size: 34px;
  font-size: 4.53vw;
}

.p-gnav__icon {
  width: 9.33333vw;
  margin: 0vw 2.67vw 0vw 0vw;
}

.p-gnav__icon img {
  width: 100%;
}

.p-gnav__icon--mail {
  width: 8vw;
}

.p-gnav__contact {
  margin: 8vw 0vw 0vw 0vw;
}

/* p-navMenu
 ----------------------------------------------------------------- */
.p-navMenu {
position: inherit;
margin: inherit;
}

.p-navMenu--header {
  display: none;
}

.p-navMenu--nav {
margin: 0!important;
padding: 0!important;
}

.p-navMenu--nav .p-navMenu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 36px;
  font-size: 4.8vw;
}

.p-navMenu--nav .p-navMenu__item {
  margin-right: 40px;
}

.p-navMenu--nav .p-navMenu__item:last-child {
  margin: 0;
}

.p-navMenu--nav .p-navMenu__link {
  color: #fff;
}

.p-navMenu--nav .p-navMenu__button {
  display: none;
}


/* p-navContact
 ----------------------------------------------------------------- */
.p-navContact {
height: auto;
  bottom: 0;
  height: inherit;display: contents;
}

.p-navContact--nav {
  bottom: 0;
}

.p-navContact__inner {
  padding: 2.67vw 0vw 2.67vw 0vw;
}

.p-navContact__list {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-navContact__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-right: .26667vw solid #5d330d;
  padding: 0vw 1.33vw 0vw 1.33vw;
}

.p-navContact__name {
  margin-bottom: 1.33vw;
  font-size: 28px;
  font-size: 3.73vw;
}

.p-navContact__number {
  font-size: 36px;
  font-size: 4.8vw;
  text-decoration: none;
}

.p-navContact__label {
  font-size: 26px;
  font-size: 3.47vw;
  margin-right: 1.33vw;
}

.p-navContact__text {
  margin-top: 2.67vw;
  line-height: 1.6;
  font-size: 28px;
  font-size: 3.73vw;
}

.p-navContact__hour {
  display: block;
}

/* p-formContact
 ----------------------------------------------------------------- */
.p-formContact {
  background-color: #f8f1e3;
}

.p-formContact--nav {
  bottom: 0;
}

.p-formContact__inner {
  padding: 2.67vw 0vw 2.67vw 0vw;
}

.p-formContact__list {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.p-formContact__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-right: .26667vw solid #5d330d;
  padding: 0vw 1.33vw 0vw 1.33vw;
}

.p-formContact__name {
  margin-bottom: 1.33vw;
  font-size: 28px;
  font-size: 3.73vw;
}

.p-formContact__number {
  font-size: 36px;
  font-size: 4.8vw;
  text-decoration: none;
}

.p-formContact__label {
  font-size: 26px;
  font-size: 3.47vw;
  margin-right: 1.33vw;
}

.p-formContact__text {
  margin-top: 2.67vw;
  line-height: 1.6;
  font-size: 28px;
  font-size: 3.73vw;
}

.p-formContact__hour {
  display: block;
}

.p-navCompany__logo {
  width: 53.33333vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8vw;
  text-align: center;
}

.p-navCompany__jp {
  margin-top: 2.67vw;
}

.p-navCompany__text {
  text-align: center;
  line-height: 1.8;
  margin-bottom: 10.67vw;
}

.p-navCompany__hour {
  display: block;
}

.p-navCompany__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  line-height: 1.8;
  margin-bottom: 5.33vw;
}

.p-navCompany__locate {
  display: block;
}

.p-navCompany__tel {
  display: block;
}

.p-closeButton {
  width: 84vw;
  height: 10.66667vw;
  margin-bottom: 10.67vw;
  font-size: 36px;
  font-size: 4.8vw;
}

.p-closeButton__icon {
  width: 5.33333vw;
  height: 5.33333vw;
  margin-right: 1.33vw;
}

.p-closeButton__icon::after, .p-closeButton__icon::before {
  height: .53333vw;
}

.p-closeButton__icon::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 2.4vw;
}

.p-closeButton__icon::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  bottom: 2.4vw;
}

/* p-breadcrumbs
-------------------------------------------------------------------------- */
.p-breadcrumbs__list {
  display: table;
  font-size: 24px;
  font-size: 3.2vw;
}

.p-breadcrumbs__nav {
  position: relative;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.p-breadcrumbs__item {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}

.p-breadcrumbs__item:last-child {
    padding-left: .5em;
}

.p-breadcrumbs__link {
  padding: 2.67vw 4vw 2.67vw 2.67vw;
  line-height: 1;
}





/* p-pageTop
----------------------------------------------------------------- */
.p-pageTop {
  right: 4vw;
  bottom: 17vw;
}

.p-pageTop__link {
  width: 10.66667vw;
  height: 10.66667vw;
}

.p-pageTop__icon {
  width: 3.33333vw;
  height: 3.33333vw;
  border-top: 3px solid #5d330d;
  border-right: 3px solid #5d330d;
}




.is-rev .p-header__toggle.is-open {
top: 2vw;
right: 2vw;
width: 12vw;
height: 12vw;
color: #fff;
border: 1px solid #fff;
}
.is-rev .p-header__toggle.is-open .p-header__hamburger span {background: #fff;}
.is-rev .p-header__toggle.is-open::after {
color: #fff;
}







.header_btn {z-index: 9999;width: 45%;}
.header_btn ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.header_btn ul li {height: 16vw;position: relative;white-space: nowrap;z-index: 9;width: 33%;}

.btn,
a.btn,
button.btn {
  font-size: 2.6vw;
  font-weight: 700;
  line-height: 1.4;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
width: 100%;
  height: 16vw;
  padding-top: 4vw;
}




.btn--contact,
a.btn--contact {
color: #000;
background-color: #fff;
transition: 0.5s;border: 2px solid #000;
}
.btn--contact:hover,
a.btn--contact:hover {
opacity: .6;
}

.btn--member,
a.btn--member {
color: #fff;
background-color: #c1433c;
transition: 0.5s;
}
.btn--member:hover,
a.btn--member:hover {
opacity: .6;
}

.btn--login,
a.btn--login {
color: #fff;
background-color: #2070a9;
transition: 0.5s;
}
.btn--login:hover,
a.btn--login:hover {
opacity: .6;
}



.btn--reservation,
a.btn--reservation {
color: #fff;
background-color: #000000;
transition: 0.5s;
}
.btn--reservation:hover,
a.btn--reservation:hover {
opacity: .6;
}


.btn--text,
a.btn--text {
width: inherit;padding: 0 1.5vw 0 0;white-space: nowrap;
  color: #000;
  transition: 0.5s;
}
.btn--text:hover,
a.btn--text:hover {
opacity: .6;
}
#navi01,#navi02 {
  padding-top: 0;
  margin-top: 0;
}

.sph {display: block;}




.p-navHeader__container {
        width: 100%;
		padding: 0;
		margin:0;
    }
	
	
	
}








.denewal_banner {max-width:1200px;margin:auto;}
.denewal_banner__content{padding:30px;background:url(../realestate/images/top_bg_denewal.jpg)no-repeat center center / cover;position: relative;min-height: 316px;}
.denewal_banner__content img {height: 240px;width: auto;
position: absolute;
top: 50%;
left: 60%;
transform: translateY(-50%) translateX(-60%);
-webkit- transform: translateY(-50%) translateX(-60%);}
.denewal_banner__title{color:#FFF;
}

.denewal_banner__title .denewal_banner__en{display:inline-block;font-size:3.8rem;font-weight:700;line-height:1.25;margin-bottom:20px;width: 100%;text-align: center;}
.denewal_banner__title .denewal_banner__jp{display:block;font-size:3.8rem;font-weight:normal;margin:0 0 20px;}
.denewal_banner__title .denewal_banner__jp .sp_on{display:none;}
.denewal_banner__caption{margin:0 0 20px;color:#FFF;}
@media screen and (max-width: 767px) {
.denewal_banner{padding:0vw;}
.denewal_banner__content{padding:55vw 5.33vw 4.67vw 5.33vw;background:url(../images/top_bg_denewal_sp.jpg)no-repeat center center / cover;}
.denewal_banner__content img {height: auto;width: 100%;
position: inherit;
top: inherit;
left: inherit;
transform: inherit;
-webkit- transform: inherit;
margin: 0 0 5vw;
}
.denewal_banner__title{color:#FFF;}

.denewal_banner__title .denewal_banner__en{width: 100%; font-size:5.87vw;margin-bottom:3.33vw;}
.denewal_banner__title .denewal_banner__jp{font-size:4.8vw;line-height:1.5;margin-bottom:2.5vw;line-height: 1;}
.denewal_banner__title .denewal_banner__jp .sp_on{display:inherit;}
.denewal_banner__caption{font-size:3.73vw;margin-bottom:3.73vw;line-height: 1;}
.denewal_banner__button{margin:auto;}
}








.p-specialMenu2__heading {
    width: 360px;
    padding: 18px 20px 20px;
}
.ra_reccomend .p-specialMenu2__item{padding-left: 150px;padding-bottom: 0; margin-right: 24px;position: relative;}
.Project_building {background: rgba(0, 0, 120, .6);}

.Project_building2 {background: rgba(30,30,30, .6);}

.Project_building2 .p-specialMenu2__en--realestate {border-bottom: 1px solid #e6b422;
border-image: linear-gradient(to right, #DAAF08, #FEE9A0,#DAAF08) 1;}

.Project_building_btn {position: absolute;right: 10px;bottom: 10px;}
p.project_name {text-align: center;line-height: 1.4}
p.project_name span {display: block;font-size: 16px;font-size: 1.6rem;font-weight: 700;}
@media screen and (max-width: 767px) {

ul.p-specialMenu2__list {}
ul.p-specialMenu2__list li {}
ul.p-specialMenu2__list li:last-child {margin: 0 0 10vw;}

.ra_reccomend .p-specialMenu2__item {padding-left: 0;margin-right: 0;margin: 0 0 5vw;padding: 10.67vw 0vw 0 8vw;}
.p-specialMenu2__visual {width: 100%;}
}









.p-contentsBlock--modelhouse01 {margin-top: 80px;}

@media screen and (max-width: 767px) {
.p-contentsBlock--modelhouse01 {margin-top: 5%;}
.p-contentsBlock__body {
padding-top: 5vw;
}
.sph_banner .fix {transition: all 1s;}
.fix {
position: fixed!important;
bottom: auto;
top: 21vw;
right: 0;
transition: all 1s;
}
}







.p-footer__sponsor p{font-size: 14px;}

.link_banner {padding: 20px 0 0;}
.link_banner a {display: block!important;}
.link_banner ul {}
.link_banner ul li {transition-property: all;
transition-duration: .6s;margin: 0 0 20px}
.link_banner ul li:hover {opacity: .6;cursor: pointer;transition-property: all;
transition-duration: .6s;}
.link_banner ul li span {color: #fff;font-size: 20px;line-height: 60px;}
.link_banner ul li a {display: block;padding: 0 10px;text-decoration: none;}
.link_banner ul li.line {background: #06c755;}
.link_banner ul li.line span {position: relative;}
.link_banner ul li.line span:before {
content: '';/*何も入れない*/
display: inline-block;
width: 60px;/*画像の幅*/
height: 60px;/*画像の高さ*/
background-image: url("/images/line.svg");
background-size: contain;
vertical-align: middle;
}
.link_banner ul li.insta {
background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
}
.link_banner ul li.insta span {position: relative;}
.link_banner ul li.insta span:before {
content: '';/*何も入れない*/
display: inline-block;
width: 60px;/*画像の幅*/
height: 60px;/*画像の高さ*/
background-image: url("/images/insta.svg");
background-size: contain;
vertical-align: middle;
}






.line_banner {width: 260px;height: 260px;background: #fff;z-index: 99; position: fixed;left: 20px;bottom: 20px;}
.line_banner img {width: 100%;height: auto;}
.close-btn {
position: absolute;
top: 0;
right: 0;
background-color: transparent;
border: none;
font-size: 20px;
color: #000;
cursor: pointer;
}
@media screen and (max-width: 767px) {

.line_banner {width: 40%;height: auto;background: #fff;z-index: 99; position: fixed;left: 4vw;bottom: 17vw;}
.line_banner img {width: 100%;height: auto;}
.close-btn {
position: absolute;
top: 0;
right: 0;
background-color: transparent;
border: none;
font-size: 20px;
color: #000;
cursor: pointer;
}
}





.sph_banner {display: none;}
@media screen and (max-width: 1220px) {

}
@media screen and (max-width: 767px) {
.sph_banner {
height: 10vw;
position: absolute;
bottom: 30%;
left: 50%;
transform:  translateX(-50%);
-webkit- transform: translateX(-50%);width: 90%; display: block;}
.sph_banner a {text-decoration: none;}
.sph_banner dl {background: #00b9e7;padding: 2.5% 0 0;text-align: center;}
.sph_banner dl dt {font-size: 5.4vw;color: #00b9e7; background: #fff;
padding: 2.5% 0;
border-bottom: 2px solid #fdd108;
border-top: 2px solid #fdd108;}
.sph_banner dl dd {font-size: 4vw;color: #fff;padding: 2.5% 0;}
.sph_banner dl.type2 {background: #000;padding: 2.5% 0 0;text-align: center;}
.sph_banner dl.type2 dt {font-size: 5.4vw;color: #000; background: #fff;
padding: 2.5% 0;
border-bottom: 2px solid #fdd108;
border-top: 2px solid #fdd108;
border-image: linear-gradient(90deg, rgba(224, 162, 8, 1) 10%, rgba(255, 242, 58, 1) 50%, rgba(224, 162, 8, 1) 90%);
border-image-slice: 1;
}
.sph_banner dl.type2 dd {font-size: 4vw;color: #fff;padding: 2.5% 0;}
}



.campain_banner {max-width: 1200px;margin:80px auto 0;}
.campain_banner a {text-decoration: none;}
.campain_banner dl {background: #000;padding: 30px 0;text-align: center;transition: all .6s;}
.campain_banner dl:hover {opacity: .5;}
.campain_banner dl dt {font-size: 40px;font-size: 4rem;letter-spacing: .05em;font-weight: normal; background: #fff;
padding: 10px 0;
border-bottom: 4px solid #fdd108;
border-top: 4px solid #fdd108;
border-image: linear-gradient(90deg, rgba(224, 162, 8, 1) 10%, rgba(255, 242, 58, 1) 50%, rgba(224, 162, 8, 1) 90%);
border-image-slice: 1;
display: block;}
.campain_banner dl dd {font-size: 24px;
font-size: 2.4rem;padding: 40px 0 10px;color: #fff;}
@media screen and (max-width: 1220px) {

}
@media screen and (max-width: 767px) {

}