@charset "UTF-8";


.pointer_events_none{pointer-events: none;}


/*-------------------------
__top_style
-------------------------*/
/*
.bukken_list ul.kanagawa{position:relative;}
.bukken_list ul.kanagawa::after{position:absolute;content:"只今 準備中";color:#fff;background:rgba(0,0,0,0.6);padding:36px 63px;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:900;text-align:center;}
@media screen and (max-width: 767px) {
.bukken_list ul.kanagawa::after{padding:36px 0;width:80%;}
}
@media screen and (max-width: 374px) {
.bukken_list ul.kanagawa::after{padding:20px 0;width:80%;}
}
*/
/*================================== main_img ==================================*/

#main_img{ background-image: url(/images/main_image.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100vh; /*height: calc(var(--vh, 1vh) * 100);*/ position: relative;}
#main_img .main_img_inner{ padding: 45px; box-sizing: border-box; width: 100%; height: 100%; position: relative;}
#main_img .main_img_inner #header{ display: flex; justify-content: space-between;}
#main_img .main_img_inner #header .header_logo{ margin-left: 15px; width: 264px; height: auto;}
#main_img .main_img_inner #header .header_logo a img{ width: 100%; height: auto;}
#main_img .main_img_inner #header .header_menu{ display: flex; align-items: center; margin-right: 100px;}
#main_img .main_img_inner #header .header_menu ul{ display: flex; align-items: center;}
#main_img .main_img_inner #header .header_menu ul li:nth-child(-n+2){ border-right: 1px solid #fff;}
#main_img .main_img_inner #header .header_menu ul li{ padding: 0 15px; box-sizing: border-box;}
#main_img .main_img_inner #header .header_menu ul li a{ display: block; font-size: 1.4em; color: #fff;}
#main_img .main_img_inner #header .header_menu .contact_btn{ position: relative; width: 170px;display: flex; flex-direction: column; justify-content: center; align-items: center;}
#main_img .main_img_inner #header .header_menu .contact_btn p.contact_fukidashi{ margin-bottom: 10px;}
#main_img .main_img_inner #header .header_menu .contact_btn p.contact_fukidashi span{ color: #FFDD17; font-size: 1.2em; display: block; position: relative; padding: 0 5px; box-sizing: border-box;}
#main_img .main_img_inner #header .header_menu .contact_btn p.contact_comment{ margin-top: 10px;}
#main_img .main_img_inner #header .header_menu .contact_btn p.contact_comment span{ color: #FFDD17; font-size: 1.2em; display: block; position: relative; padding: 0 5px; box-sizing: border-box;white-space: nowrap;}
#main_img .main_img_inner #header .header_menu .contact_btn p.contact_fukidashi span::before,
#main_img .main_img_inner #header .header_menu .contact_btn p.contact_fukidashi span::after{ content: ""; display: inline-block; background: #FFDD17; width: 1px; position: absolute; height: 20px; bottom: -5px;}
#main_img .main_img_inner #header .header_menu .contact_btn p.contact_fukidashi span::before{ left: 0; transform: rotate(-20deg);}
#main_img .main_img_inner #header .header_menu .contact_btn p.contact_fukidashi span::after{ right: 0; transform: rotate(20deg);}
#main_img .main_img_inner #header .header_menu .contact_btn a{ display: block; font-size: 1.5em; background-color: #FFDD17; color: #000; width: 160px; line-height: 3em; border-radius: 5px; font-weight: 700;}
#main_img .main_img_inner #center_com{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: calc(50vh - 150px) auto auto;}
#main_img .main_img_inner #center_com .main_com{ margin-bottom: 30px;}
#main_img .main_img_inner #center_com .main_com p.en{ font-size: 13em; letter-spacing: 0.05em; color: #C69C6D; mix-blend-mode: color-burn;}
#main_img .main_img_inner #center_com .main_com p.jp{ font-size: 5em; font-weight: 700; letter-spacing: 0.05em; color: #fff; margin-top: -40px;}
#main_img .main_img_inner #center_com .sub_com01{ font-size: 1.9em; line-height: 1.5em; color: #fff; font-weight: 700;}
#main_img .main_img_inner #center_com > h1{ font-size: 1.9em; line-height: 1.5em; color: #fff; font-weight: 700;}
#main_img .main_img_inner #center_com .sub_com02{ display: inline-block; font-size: 2.5em; line-height: 1.5em; font-weight: 700; border: 2px solid #7203b2; color:#7203b2; padding: 6px 10px 6px 15px; box-sizing: border-box; margin-top: 35px; background: rgba(225, 225, 225, 0.6);}
#main_img .main_img_inner .recruit_btn{ position: absolute; bottom: 45px; right: 45px;}
#main_img .main_img_inner .voice_btn{ position: absolute; bottom: 132px; right: 45px;}
#main_img .main_img_inner .scrolldown1{ position:absolute; left:50%; bottom:45px; height:50px;}
#main_img .main_img_inner .scrolldown1 span{ position: absolute; left:-20px; top: -20px; color: #eee; font-size: 0.9rem; letter-spacing: 0.05em;}
#main_img .main_img_inner .scrolldown1::after{ content: ""; position: absolute; top: 0; width: 1px; height: 30px; background: #eee; animation: pathmove 1.4s ease-in-out infinite; opacity:0;}
@keyframes pathmove{
0%{ height:0; top:0; opacity: 0;}
30%{ height:30px; opacity: 1;}
100%{ height:0; top:50px; opacity: 0;}
}

@media screen and (min-width: 768px) {
#main_img .main_img_inner #header .header_menu ul li a,
#main_img .main_img_inner #header .header_menu .contact_btn a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#main_img .main_img_inner #header .header_menu ul li a:hover{ opacity: 0.5;}
#main_img .main_img_inner #header .header_menu .contact_btn a:hover{ background-color: #FFFA78;}
}

@media screen and (max-width: 767px) {
#main_img{ background-image: url(/images/main_image_sp.jpg);}
#main_img .main_img_inner{ padding: 20px;}
#main_img .main_img_inner #header .header_logo{ margin-left: 0; width: 180px;}
#main_img .main_img_inner #header .header_menu{ display: none;}
#main_img .main_img_inner #center_com{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: calc(50vh - 170px) auto auto;}
#main_img .main_img_inner #center_com .main_com{ margin-bottom: 15px;}
#main_img .main_img_inner #center_com .main_com p.en{ font-size: 5.5em; line-height: 0.8;}
#main_img .main_img_inner #center_com .main_com p.jp{ font-size: 2.4em; line-height: 1.3; margin-top: -20px;}
#main_img .main_img_inner #center_com .main_com p.jp span{ display: block;}
#main_img .main_img_inner #center_com .sub_com01{ font-size: 1.3em; line-height: 1.6;}
#main_img .main_img_inner #center_com > h1{ font-size: 1.3em; line-height: 1.6; font-weight: normal;}
#main_img .main_img_inner #center_com .sub_com02{ margin-top: 15px; font-size: 1.5em;}
#main_img .main_img_inner .scrolldown1{ bottom:80px;}
    
.main_img_bottom{ margin-top: 30px; padding: 0 20px 0; box-sizing: border-box;}
.main_img_bottom .recruit_btn{ margin: 0 auto;}
.main_img_bottom .voice_btn{ margin: 0 auto 30px;}
}

/*================================== news ==================================*/

#news{ overflow-x: hidden; padding: 90px 50px 170px; box-sizing: border-box; text-align: left;}
#news h2{ text-align: left; font-size: 1.6em; margin-bottom: 45px;}
#news h2 span{ font-size: 2em; letter-spacing: 0.05em; display: inline-block; margin-right: 10px;}
#news .news_inner{ width: 100%; max-width: 1100px; margin: 0 auto; padding: 0;}
#news .news_inner .news_tab{ display: flex; justify-content: space-between; cursor: pointer; color: #0055A0; width: 100%;  margin: 0 auto 30px;}
#news .news_inner .news_tab .tab_p{ width: calc((100%/7) - 5px); text-align: center; font-size: 1.6em; padding: 15px 0; font-weight: 700; box-sizing: border-box; border-radius: 5px 5px 0 0;}

#news .news_inner .news_tab .tab_p.btn_chiba{ color: #00a1e9; border-left: 1px solid #00a1e9; border-top: 1px solid #00a1e9; border-right: 1px solid #00a1e9;}
#news .news_inner .news_tab .tab_p.btn_matsudo{ color: #ffbb00; border-left: 1px solid #ffbb00; border-top: 1px solid #ffbb00; border-right: 1px solid #ffbb00;}
#news .news_inner .news_tab .tab_p.btn_narita{ color: #76B425; border-left: 1px solid #76B425; border-top: 1px solid #76B425; border-right: 1px solid #76B425;}
#news .news_inner .news_tab .tab_p.btn_yachiyo{ color: #E30202; border-left: 1px solid #E30202; border-top: 1px solid #E30202; border-right: 1px solid #E30202;}
#news .news_inner .news_tab .tab_p.btn_kisarazu{ color: #EE7800; border-left: 1px solid #EE7800; border-top: 1px solid #EE7800; border-right: 1px solid #EE7800;}
#news .news_inner .news_tab .tab_p.btn_kanagawa{ color: #7203b2; border-left: 1px solid #7203b2; border-top: 1px solid #7203b2; border-right: 1px solid #7203b2;}
#news .news_inner .news_tab .tab_p.btn_okinawa{ color: #28C2D2; border-left: 1px solid #28C2D2; border-top: 1px solid #28C2D2; border-right: 1px solid #28C2D2;}

#news .news_inner .news_tab .tab_p.active{ color: #fff;}
#news .news_inner .news_tab .tab_p.btn_chiba.active{ background-color: #00a1e9;}
#news .news_inner .news_tab .tab_p.btn_matsudo.active{ background-color: #ffbb00;}
#news .news_inner .news_tab .tab_p.btn_narita.active{ background-color: #76B425;}
#news .news_inner .news_tab .tab_p.btn_yachiyo.active{ background-color: #E30202;}
#news .news_inner .news_tab .tab_p.btn_kisarazu.active{ background-color: #EE7800;}
#news .news_inner .news_tab .tab_p.btn_kanagawa.active{ background-color: #7203b2;}
#news .news_inner .news_tab .tab_p.btn_okinawa.active{ background-color: #28C2D2;}
#news .news_inner .news_panel .panel_p { display: none;}
#news .news_inner .news_panel .panel_p.active { display: block;}
#news .news_inner .news_panel .news_panel_inner{ display: flex; align-items: center;}
#news .news_inner .news_panel .news_panel_inner .news_shop{ width: 220px; text-align: center;}
#news .news_inner .news_panel .news_panel_inner .news_shop p.shop_name{ font-size: 2.2em; font-weight: 700; margin-bottom: 20px;}
#news .news_inner .news_panel .news_chiba .news_panel_inner .news_shop p.shop_name{ color: #00a1e9;}
#news .news_inner .news_panel .news_matsudo .news_panel_inner .news_shop p.shop_name{ color: #ffbb00;}
#news .news_inner .news_panel .news_narita .news_panel_inner .news_shop p.shop_name{ color: #76B425;}
#news .news_inner .news_panel .news_yachiyo .news_panel_inner .news_shop p.shop_name{ color: #E30202;}
#news .news_inner .news_panel .news_kisarazu .news_panel_inner .news_shop p.shop_name{ color: #EE7800;}
#news .news_inner .news_panel .news_kanagawa .news_panel_inner .news_shop p.shop_name{ color: #7203b2;}
#news .news_inner .news_panel .news_okinawa .news_panel_inner .news_shop p.shop_name{ color: #28C2D2;}
#news .news_inner .news_panel .news_panel_inner .news_shop p.ichiran_btn{}
#news .news_inner .news_panel .news_panel_inner .news_shop p.ichiran_btn a{ display: inline-block; font-size: 1.4em; padding: 10px 15px; border-radius: 5px;}
#news .news_inner .news_panel .news_chiba .news_panel_inner .news_shop p.ichiran_btn a{ border: 1px solid #00a1e9; color: #00a1e9;}
#news .news_inner .news_panel .news_matsudo .news_panel_inner .news_shop p.ichiran_btn a{ border: 1px solid #ffbb00; color: #ffbb00;}
#news .news_inner .news_panel .news_narita .news_panel_inner .news_shop p.ichiran_btn a{ border: 1px solid #76B425; color: #76B425;}
#news .news_inner .news_panel .news_yachiyo .news_panel_inner .news_shop p.ichiran_btn a{ border: 1px solid #E30202; color: #E30202;}
#news .news_inner .news_panel .news_kisarazu .news_panel_inner .news_shop p.ichiran_btn a{ border: 1px solid #EE7800; color: #EE7800;}
#news .news_inner .news_panel .news_kanagawa .news_panel_inner .news_shop p.ichiran_btn a{ border: 1px solid #7203b2; color: #7203b2;}
#news .news_inner .news_panel .news_okinawa .news_panel_inner .news_shop p.ichiran_btn a{ border: 1px solid #28C2D2; color: #28C2D2;}

#news .news_inner .news_panel .news_panel_inner .news_list{}
#news .news_inner .news_panel .news_panel_inner ul.news_list{ width: calc(100% - 220px); height: 260px; overflow-y: scroll; padding-right: 20px;}
#news .news_inner .news_panel .news_panel_inner ul.news_list li{ margin-bottom: 20px; padding-bottom: 20px; box-sizing: border-box; border-bottom: 1px solid #ddd;}
#news .news_inner .news_panel .news_panel_inner ul.news_list li .news_list_data{ display: flex; align-items: center; margin-bottom: 10px;}
#news .news_inner .news_panel .news_panel_inner ul.news_list li .news_list_data p.day{ font-size: 1.4em; margin-right: 10px; font-weight: bold;}
#news .news_inner .news_panel .news_panel_inner ul.news_list li .news_list_data p.icon{ font-size: 1.2em; text-align: center; background-color: #FF0000; color: #fff; padding: 5px 15px; box-sizing: border-box;}
#news .news_inner .news_panel .news_panel_inner ul.news_list li .news_list_text{ font-size: 1.4em; line-height: 1.5;}
#news .news_inner .news_panel .news_panel_inner ul.news_list li .news_list_text a{ color: #000; text-decoration: underline;}

@media screen and (min-width: 768px) {
#news .news_inner .news_tab .tab_p,
#news .news_inner .news_panel .news_panel_inner .news_shop p.ichiran_btn a,
#news .news_inner .news_panel .news_panel_inner ul.news_list li .news_list_text a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#news .news_inner .news_tab .tab_p:hover,
#news .news_inner .news_panel .news_panel_inner ul.news_list li .news_list_text a:hover{ opacity: 0.6;}
#news .news_inner .news_panel .news_panel_inner .news_shop p.ichiran_btn a:hover{ color: #fff;}
#news .news_inner .news_panel .news_chiba .news_panel_inner .news_shop p.ichiran_btn a:hover{ background-color: #00a1e9;}
#news .news_inner .news_panel .news_matsudo .news_panel_inner .news_shop p.ichiran_btn a:hover{ background-color: #ffbb00;}
#news .news_inner .news_panel .news_narita .news_panel_inner .news_shop p.ichiran_btn a:hover{ background-color: #76B425;}
#news .news_inner .news_panel .news_yachiyo .news_panel_inner .news_shop p.ichiran_btn a:hover{ background-color: #E30202;}
#news .news_inner .news_panel .news_kisarazu .news_panel_inner .news_shop p.ichiran_btn a:hover{ background-color: #EE7800;}
#news .news_inner .news_panel .news_kanagawa .news_panel_inner .news_shop p.ichiran_btn a:hover{ background-color: #7203b2;}
#news .news_inner .news_panel .news_okinawa .news_panel_inner .news_shop p.ichiran_btn a:hover{ background-color: #28C2D2;}
}

@media screen and (max-width: 767px) {
#news{ padding: 30px 20px 70px;}
#news h2{ font-size: 1.3em; margin-bottom: 20px;}
#news .news_inner .news_tab{ margin: 0 auto 10px;}
#news .news_inner .news_tab .tab_p{ font-size: 1.3em; padding: 7px 0;}
#news .news_inner .news_panel .news_panel_inner{ display: block;}
#news .news_inner .news_panel .news_panel_inner .news_shop{ width: 100%; display: flex; justify-content: space-between; vertical-align: middle; align-items: center; margin-bottom: 10px;}
#news .news_inner .news_panel .news_panel_inner .news_shop p.shop_name{ font-size: 1.8em; margin-bottom: 0;}
#news .news_inner .news_panel .news_panel_inner .news_shop p.ichiran_btn a{ font-size: 1.3em; padding: 10px 15px; border-radius: 5px;}
#news .news_inner .news_panel .news_panel_inner ul.news_list{ width: 100%; height: 200px; padding-right: 0;}
#news .news_inner .news_panel .news_panel_inner ul.news_list li .news_list_data p.day{ font-size: 1.3em; margin-right: 10px; }
#news .news_inner .news_panel .news_panel_inner ul.news_list li .news_list_data p.icon{ font-size: 1.1em; padding: 5px 10px;}
#news .news_inner .news_panel .news_panel_inner ul.news_list li .news_list_text{ font-size: 1.3em; line-height: 1.5;}
}

@media screen and (max-width: 374px) {
#news h2{ font-size: 1.3em;}
#news h2 span{ font-size: 1.7em;}
#news .news_inner .news_tab .tab_p{ font-size: 1em; padding: 5px 0;}
}

/*================================== openhouse ==================================*/

#openhouse{ background-color: #ECF3FA; position: relative; text-align: left; padding: 90px 50px 190px; box-sizing: border-box;}
#openhouse:before{content: ""; position: absolute; top: -80px; right: 50%; transform: translatex(50%); box-sizing: border-box; border-right: calc(50vw - 10px) solid transparent; border-left: calc(50vw - 10px) solid transparent; border-bottom: 80px solid #ECF3FA;}
#openhouse .openhouse_inner{ width: 100%; max-width: 1100px; margin: 0 auto; padding: 0;}
#openhouse .openhouse_inner h2{ font-size: 1.9em; margin-bottom: 80px;}
#openhouse .openhouse_inner h2 span{ font-size: 4em; letter-spacing: 0.05em; margin-right: 10px;}
#openhouse .openhouse_inner ul.openhouse_menu{ display: flex;justify-content: center; text-align: center; margin-bottom: 70px;}
#openhouse .openhouse_inner ul.openhouse_menu li{ width: 100%; margin: 0 3px;}
#openhouse .openhouse_inner ul.openhouse_menu li a{ display: block; box-sizing: border-box; font-size: 1.6em; padding: 10px 10px; background-color: #fff; border-radius: 5px; font-weight: 700;}

#openhouse_chiba,#openhouse_matsudo,#openhouse_narita,#openhouse_yachiyo,#openhouse_kisarazu,#openhouse_kanagawa{ margin-bottom: 40px;}

#openhouse .openhouse_inner ul.openhouse_menu li a.btn_chiba{ color: #00a1e9; border: 1px solid #00a1e9;}
#openhouse .openhouse_inner ul.openhouse_menu li a.btn_matsudo{ color: #ffbb00; border: 1px solid #ffbb00;}
#openhouse .openhouse_inner ul.openhouse_menu li a.btn_narita{ color: #76B425; border: 1px solid #76B425;}
#openhouse .openhouse_inner ul.openhouse_menu li a.btn_yachiyo{ color: #E30202; border: 1px solid #E30202;}
#openhouse .openhouse_inner ul.openhouse_menu li a.btn_kisarazu{ color: #EE7800; border: 1px solid #EE7800;}
#openhouse .openhouse_inner ul.openhouse_menu li a.btn_kanagawa{ color: #7203b2; border: 1px solid #7203b2;}
#openhouse .openhouse_inner ul.openhouse_menu li a.btn_okinawa{ color: #28C2D2; border: 1px solid #28C2D2;}

.bukken_list{}
.bukken_list .openhouse_top{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; padding: 0 10px; box-sizing: border-box;}
.bukken_list .openhouse_top h3{ font-size: 2.6em; font-weight: 700;}
#openhouse_chiba .bukken_list .openhouse_top h3{ color: #00a1e9;}
#openhouse_matsudo .bukken_list .openhouse_top h3{ color: #ffbb00;}
#openhouse_narita .bukken_list .openhouse_top h3{ color: #76B425;}
#openhouse_yachiyo .bukken_list .openhouse_top h3{ color: #E30202;}
#openhouse_kisarazu .bukken_list .openhouse_top h3{ color: #EE7800;}
#openhouse_kanagawa .bukken_list .openhouse_top h3{ color: #7203b2;display: flex;align-items: center;}
#openhouse_okinawa .bukken_list .openhouse_top h3{ color: #28C2D2;display: flex;align-items: center;}
.bukken_list .openhouse_top a{ display: inline-block; font-size: 1.3em; border-radius: 5px; padding: 10px 15px; box-sizing: border-box;}
#openhouse_chiba .bukken_list .openhouse_top a{ color: #00a1e9; border: 1px solid #00a1e9;}
#openhouse_matsudo .bukken_list .openhouse_top a{ color: #ffbb00; border: 1px solid #ffbb00;}
#openhouse_narita .bukken_list .openhouse_top a{ color: #76B425; border: 1px solid #76B425;}
#openhouse_yachiyo .bukken_list .openhouse_top a{ color: #E30202; border: 1px solid #E30202;}
#openhouse_kisarazu .bukken_list .openhouse_top a{ color: #EE7800; border: 1px solid #EE7800;}
#openhouse_kanagawa .bukken_list .openhouse_top a{ color: #7203b2; border: 1px solid #7203b2;}
#openhouse_okinawa .bukken_list .openhouse_top a{ color: #28C2D2; border: 1px solid #28C2D2;}
.bukken_list ul{}
.bukken_list ul li.bukken_box{ padding: 0 10px;}
.bukken_list ul li.bukken_box a{ color: #000;}
.bukken_list ul li.bukken_box .bukken_pic{ width: 100%; height: auto;}
.bukken_list ul li.bukken_box .bukken_pic span{ display: block; width: 100%; height: 0; background-color: #fff; padding-top: 75%; overflow: hidden; position: relative;}
.bukken_list ul li.bukken_box .bukken_pic span img{ width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0;}
.bukken_list ul li.bukken_box .bukken_pic img{}
.bukken_list ul li.bukken_box .bukken_text{ padding: 20px; box-sizing: border-box;}
.bukken_list ul li.bukken_box .bukken_text .data{ margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between;}
.bukken_list ul li.bukken_box .bukken_text .data span.syubetsu{ background-color: #000; color: #fff; font-size: 1.2em; padding: 5px 15px; box-sizing: border-box;}
.bukken_list ul li.bukken_box .bukken_text .data span.price{ font-size: 1.3em;}
.bukken_list ul li.bukken_box .bukken_text .data span.price > span{ font-size: 1.3em;}
.bukken_list ul li.bukken_box .bukken_text .title{ font-size: 1.5em; line-height: 1.3; font-weight: 700; margin-bottom: 10px;}
.bukken_list ul li.bukken_box .bukken_text .comment{ font-size: 1.3em; line-height: 1.3; color: #808080; width: 100%; height: 100px; overflow: hidden;}

@media screen and (min-width: 768px) {
#openhouse .openhouse_inner ul.openhouse_menu li a,
.bukken_list .openhouse_top a,
.bukken_list ul li.bukken_box a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#openhouse .openhouse_inner ul.openhouse_menu li a:hover{ color: #fff;}
#openhouse .openhouse_inner ul.openhouse_menu li a.btn_chiba:hover{ background-color: #00a1e9;}
#openhouse .openhouse_inner ul.openhouse_menu li a.btn_matsudo:hover{ background-color: #ffbb00;}
#openhouse .openhouse_inner ul.openhouse_menu li a.btn_narita:hover{ background-color: #76B425;}
#openhouse .openhouse_inner ul.openhouse_menu li a.btn_yachiyo:hover{ background-color: #E30202;}
#openhouse .openhouse_inner ul.openhouse_menu li a.btn_kisarazu:hover{ background-color: #EE7800;}
#openhouse .openhouse_inner ul.openhouse_menu li a.btn_kanagawa:hover{ background-color: #7203b2;}
#openhouse .openhouse_inner ul.openhouse_menu li a.btn_okinawa:hover{ background-color: #28C2D2;}
#openhouse_chiba .bukken_list .openhouse_top a:hover{ color: #fff; background-color: #00a1e9;}
#openhouse_matsudo .bukken_list .openhouse_top a:hover{ color: #fff; background-color: #ffbb00;}
#openhouse_narita .bukken_list .openhouse_top a:hover{ color: #fff; background-color: #76B425;}
#openhouse_yachiyo .bukken_list .openhouse_top a:hover{ color: #fff; background-color: #E30202;}
#openhouse_kisarazu .bukken_list .openhouse_top a:hover{ color: #fff; background-color: #EE7800;}
#openhouse_kanagawa .bukken_list .openhouse_top a:hover{ color: #fff; background-color: #7203b2;}
#openhouse_okinawa .bukken_list .openhouse_top a:hover{ color: #fff; background-color: #28C2D2;}

.bukken_list ul li.bukken_box a:hover{ opacity: 0.6;}
}

@media screen and (max-width: 767px) {
#openhouse{ padding: 30px 20px 60px; }
#openhouse:before{ top: -30px; border-bottom: 30px solid #ECF3FA;}
#openhouse .openhouse_inner h2{ font-size: 1.4em; margin-bottom: 20px;}
#openhouse .openhouse_inner h2 span{ display: block; font-size: 2.7em; margin-bottom: 5px;}
#openhouse .openhouse_inner ul.openhouse_menu{ display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px;}
#openhouse .openhouse_inner ul.openhouse_menu li{ width: calc(33.33333% - 4px); margin-left: 0; margin-right: 6px; margin-bottom: 6px;}
#openhouse .openhouse_inner ul.openhouse_menu li:nth-child(3n){ margin-right: 0;}
#openhouse .openhouse_inner ul.openhouse_menu li a{ font-size: 1.4em; padding: 10px 0;}

#openhouse_chiba,#openhouse_matsudo,#openhouse_narita,#openhouse_yachiyo{ margin-bottom: 20px;}
.bukken_list .openhouse_top{ margin-bottom: 15px;}
.bukken_list .openhouse_top h3{ font-size: 2em;}
.bukken_list .openhouse_top a{ font-size: 1.2em; padding: 6px 10px;}
.bukken_list ul li.bukken_box{ padding: 0 5px;}
.bukken_list ul li.bukken_box .bukken_text{ padding: 10px;}
.bukken_list ul li.bukken_box .bukken_text .data{ margin-bottom: 10px; display: block; justify-content: space-between;}
.bukken_list ul li.bukken_box .bukken_text .data span.syubetsu{ display: inline-block; font-size: 1em; margin-bottom: 5px;}
.bukken_list ul li.bukken_box .bukken_text .data span.price{ display: inline-block; width: 100%; text-align: right; font-size: 1.3em;}
.bukken_list ul li.bukken_box .bukken_text .data span.price > span{ font-size: 1.3em;}
.bukken_list ul li.bukken_box .bukken_text .title{ font-size: 1.3em; line-height: 1.2;}
.bukken_list ul li.bukken_box .bukken_text .comment{ font-size: 1.2em; height: 60px;}
}

/*================================== search ==================================*/

#search{ position: relative; text-align: left; padding: 90px 50px; box-sizing: border-box;}
#search:before{content: ""; position: absolute; top: -80px; right: 50%; transform: translatex(50%); box-sizing: border-box; border-right: calc(50vw - 10px) solid transparent; border-left: calc(50vw - 10px) solid transparent; border-bottom: 80px solid #fff;}
#search .search_inner{ width: 100%; max-width: 1100px; margin: 0 auto; padding: 0;}
#search .search_inner h2{ font-size: 1.9em; margin-bottom: 80px;}
#search .search_inner h2 span{ font-size: 4em; letter-spacing: 0.05em; margin-right: 10px;}
#search .search_inner .syubetsu_search{}
#search .search_inner .syubetsu_search h3{ font-size: 2.6em; font-weight: 700; margin-bottom: 25px;}
#search .search_inner .syubetsu_search .syubetsu_search_inner{ display: flex; justify-content: space-between; text-align: center; margin-bottom: 90px;}
#search .search_inner .syubetsu_search .syubetsu_search_inner dl{ background-color: #0055A0; width: calc(25% - 5px); padding: 25px; box-sizing: border-box;}
#search .search_inner .syubetsu_search .syubetsu_search_inner dl dt{}
#search .search_inner .syubetsu_search .syubetsu_search_inner dl dt p:nth-child(1){ font-size: 2em; font-weight: 700; color: #fff; margin-bottom: 10px;}
#search .search_inner .syubetsu_search .syubetsu_search_inner dl dt p:nth-child(2){ margin-bottom: 10px;}
#search .search_inner .syubetsu_search .syubetsu_search_inner dl dd{}
#search .search_inner .syubetsu_search .syubetsu_search_inner dl dd ul li a{ display: block; font-size: 1.5em; font-weight: 700; color: #0055A0; background-color: #fff; padding: 20px; box-sizing: border-box;}
#search .search_inner .syubetsu_search .syubetsu_search_inner dl dd ul li:nth-child(1){ margin-bottom: 3px;}
#search .search_inner .syubetsu_search .syubetsu_search_inner dl dd ul li:nth-child(1) a{ border-radius: 5px 5px 0 0;}
#search .search_inner .syubetsu_search .syubetsu_search_inner dl dd ul li:nth-child(2) a{ border-radius: 0 0 5px 5px;}

.area_search{ background-repeat: no-repeat; background-size: cover; background-image: url(../images/search_map_back@2x.jpg);}
.area_shape .cls-1{ fill: #6aa3d6; stroke: #8eb7dc; stroke-miterlimit: 10;}
.area_shape .cls-2{ fill: #0055A0;}
.area_shape .cls-3 { fill: #fff; stroke-miterlimit: 10; font-size: 1.8em; font-weight: 700;}
.area_shape .cls-4 { fill: #FFDD17;}
.area_shape .cls-5 { fill: #000; stroke-miterlimit: 10; font-size: 2.4em; font-weight: 900;}


@media screen and (min-width: 768px) {
#search .search_inner .syubetsu_search .syubetsu_search_inner dl dd ul li a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#search .search_inner .syubetsu_search .syubetsu_search_inner dl dd ul li a:hover{ background-color: #A0CCFF;}
.area_shape:hover .cls-1{ fill: #8EC5F7;}
.area_shape:hover .cls-1,
.area_shape:hover .cls-2,
.area_shape:hover .cls-3{ cursor: pointer;}
.area_search_sp,.area_search_sp2{ display: none;}
}

@media screen and (max-width: 767px) {
#search{ padding: 30px 20px 50px;}
#search:before{ top: -30px; border-bottom: 30px solid #fff;}
#search .search_inner h2{ font-size: 1.4em; margin-bottom: 20px;}
#search .search_inner h2 span{ font-size: 2.7em; margin-bottom: 5px; display: block;}
#search .search_inner .syubetsu_search h3{ font-size: 2em; margin-bottom: 15px;}
#search .search_inner .syubetsu_search .syubetsu_search_inner{ flex-wrap: wrap; margin-bottom: 20px;}
#search .search_inner .syubetsu_search .syubetsu_search_inner dl{ width: calc(50% - 5px); padding: 20px 10px; margin-bottom: 10px;}
#search .search_inner .syubetsu_search .syubetsu_search_inner dl dt p:nth-child(1){ font-size: 1.5em; margin-bottom: 5px;}
#search .search_inner .syubetsu_search .syubetsu_search_inner dl dt p:nth-child(2){ margin-bottom: 5px;}
#search .search_inner .syubetsu_search .syubetsu_search_inner dl dt p:nth-child(2) img{ width: 50px; height: 50px;}
#search .search_inner .syubetsu_search .syubetsu_search_inner dl dd{}
#search .search_inner .syubetsu_search .syubetsu_search_inner dl dd ul li a{ font-size: 1.3em; padding: 10px 0;}

.area_search{ display: none;}
.area_search_sp{ position: relative;}
.area_search_sp p{ width: 100%; height: auto;}
.area_search_sp p img{ width: 100%; height: auto;}
.area_search_sp ul{}
.area_search_sp ul li{ position: absolute;}
.area_search_sp ul li a{ color: #fff; background-color: #0055A0; padding: 5px 8px; font-weight: 700; font-size: 3vw; display: block; text-align: center; line-height:1.1;}
.area_search_sp ul li:nth-child(1){ bottom: 29%; left: 17%;}
.area_search_sp ul li:nth-child(2){ top: 13%; right: 8%;}
.area_search_sp ul li:nth-child(3){ top: 6%; left: 11%;}
.area_search_sp ul li:nth-child(4){ top: 40%; left: 30%;}
.area_search_sp ul li:nth-child(5){ top: 26%; left: 6%;}
.area_search_sp ul li:nth-child(6){ bottom: 40%; right: 35%;}
.area_search_sp ul li:nth-child(7){ bottom: 25%; right: 8%;}
.area_search_sp ul li:nth-child(8){ bottom: 38%; right: 2%;}
.area_search_sp ul li:nth-child(9){ bottom: 15%; right: 8%;}
.area_search_sp ul li:nth-child(10){ bottom: 5%; right: 7%;}
.area_search_sp ul li:nth-child(11){ top: 24%; left: 43%;}
.area_search_sp ul li:nth-child(12){ top: 3%; right: 3%;}
.area_search_sp ul li:nth-child(13){ bottom: 49%; right: 4%;}
.area_search_sp ul li:nth-child(12),.area_search_sp ul li:nth-child(13){color: #000; background-color: #FFDD17;padding: 8px; font-weight: 700; font-size: 3vw;}
.area_search_sp2{ position: relative;margin-top: 30px;}
.area_search_sp2 p{ width: 100%; height: auto;}
.area_search_sp2 p img{ width: 100%; height: auto;}
.area_search_sp2 ul{}
.area_search_sp2 ul li{ position: absolute;}
.area_search_sp2 ul li a{ color: #fff; background-color: #0055A0; padding: 8px; font-weight: 700; font-size: 3vw;}
.area_search_sp2 ul li:nth-child(1){ top: 35%; right: 5%;}
.area_search_sp2 ul li:nth-child(2){ top: 36%; left: 18%;}
.area_search_sp2 ul li:nth-child(3){ bottom: 18%; right: 4%;}
.area_search_sp2 ul li:nth-child(4){ bottom: 38%; left: 40%;}
.area_search_sp2 ul li:nth-child(5){ bottom: 20%; left: 5%;}
.area_search_sp2 ul li:nth-child(6){ top: 2%; right: 3%;}
.area_search_sp2 ul li:nth-child(6){color: #000; background-color: #FFDD17;padding: 8px; font-weight: 700; font-size: 3vw;}
}

/*================================== SALE APPRAISAL ==================================*/

#sale_appraisal{ position: relative; padding: 0 50px; box-sizing: border-box; width: 100%; height: 420px; margin-bottom: 100px;}
#sale_appraisal .sale_appraisal_inner{ width: 100%; max-width: 1100px; margin: 0 auto; padding: 0; position: relative;}
#sale_appraisal .sale_appraisal_inner .sale_appraisal_left{ text-align: left; width: calc(50% - 90px);}
#sale_appraisal .sale_appraisal_inner .sale_appraisal_left h2{ text-align: left; font-size: 1.6em; margin-bottom: 35px;}
#sale_appraisal .sale_appraisal_inner .sale_appraisal_left h2 span{ font-size: 2em; letter-spacing: 0.05em; display: inline-block; margin-right: 10px;}
#sale_appraisal .sale_appraisal_inner .sale_appraisal_left p{ font-size: 1.5em; line-height:1.9; margin-bottom: 40px;}
#sale_appraisal .sale_appraisal_inner .sale_appraisal_left .sale_appraisal_btn{ text-align: center;}
#sale_appraisal .sale_appraisal_inner .sale_appraisal_left .sale_appraisal_btn a{ display: inline-block; font-size: 2.2em; color: #0055A0; border: 2px solid #0055A0; padding: 30px 60px; border-radius: 8px; font-weight: 700;}
#sale_appraisal .sale_appraisal_right{ position: absolute; right: 0; width: 50%; height: 420px; clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%); background-image: url(../images/satei_back.jpg); background-size: cover; background-position: center;}

@media screen and (min-width: 768px) {
#sale_appraisal .sale_appraisal_inner .sale_appraisal_left{ position: absolute; top: 50%; left: 0; transform: translate(0, 15%);}
#sale_appraisal .sale_appraisal_inner .sale_appraisal_left .sale_appraisal_btn a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#sale_appraisal .sale_appraisal_inner .sale_appraisal_left .sale_appraisal_btn a:hover{ color: #fff; background-color: #0055A0;}
}

@media screen and (max-width: 767px) {
#sale_appraisal{ padding: 0 20px; margin-bottom: 300px; height: auto;}
#sale_appraisal .sale_appraisal_inner .sale_appraisal_left{ width: 100%; position: relative;}
#sale_appraisal .sale_appraisal_inner .sale_appraisal_left h2{ font-size: 1.3em; margin-bottom: 20px;}
#sale_appraisal .sale_appraisal_inner .sale_appraisal_left h2 span{ font-size: 2em; letter-spacing: 0.05em; margin-right: 10px;}
#sale_appraisal .sale_appraisal_inner .sale_appraisal_left p{ font-size: 1.3em; line-height:1.6; margin-bottom: 20px;}
#sale_appraisal .sale_appraisal_inner .sale_appraisal_left .sale_appraisal_btn{ width: 100%;}
#sale_appraisal .sale_appraisal_inner .sale_appraisal_left .sale_appraisal_btn a{ width: 100%; font-size: 1.8em; padding: 20px 50px; border-radius: 8px; font-weight: 700; box-sizing: border-box;}
#sale_appraisal .sale_appraisal_right{ position: absolute; right: 0; width: calc(100% - 20px); height: 230px; margin-top: 20px; background-image: url(../images/satei_back_sp.jpg);}
}

@media screen and (max-width: 374px) {
#sale_appraisal .sale_appraisal_inner .sale_appraisal_left h2{ font-size: 1.3em;}
#sale_appraisal .sale_appraisal_inner .sale_appraisal_left h2 span{ font-size: 1.7em;}
}

/*================================== shop ==================================*/

#shop{ text-align: left; padding: 0 50px; box-sizing: border-box; margin-bottom: 120px;}
#shop .shop_inner{ width: 100%; max-width: 1100px; margin: 0 auto; padding: 0; position: relative;}
#shop .shop_inner .shop_title{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px;}
#shop .shop_inner .shop_title h2{ font-size: 1.9em;}
#shop .shop_inner .shop_title h2 span{ font-size: 4em; letter-spacing: 0.05em; margin-right: 10px;}
#shop .shop_inner .shop_title a{ display: inline-block; border: 2px solid #0055A0; color: #0055A0; font-size: 1.6em; padding: 20px 35px; border-radius: 5px; font-weight: 700;}
#shop .shop_inner .shop_intro{ text-align: center; font-size: 2em; font-weight: 700; margin-bottom: 40px; color: #0055A0;}
#shop .shop_inner .shop_map{ position: relative;}
#shop .shop_inner .shop_map > img{ width: 100%; height: auto;}
#shop .shop_inner .shop_map ul li{ position: absolute;}
#shop .shop_inner .shop_map ul li.chiba{ top: 260px; left: 577px;}
#shop .shop_inner .shop_map ul li.matsudo{ top: 60px; left: 400px;}
#shop .shop_inner .shop_map ul li.narita{ top: 160px; right: 184px;}
#shop .shop_inner .shop_map ul li.yachiyo{ top: 125px; left: 535px;}
#shop .shop_inner .shop_map ul li.kisarazu{ bottom: 266px; left: 400px;}
#shop .shop_inner .shop_map ul li.kanagawa{ bottom: 62px; left: 40px;}
#shop .shop_inner .shop_map ul li.okinawa{ bottom: 87px; right: 173px;}

@media screen and (min-width: 768px) {
#shop .shop_inner .shop_title a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#shop .shop_inner .shop_title a:hover{ color: #fff; background-color: #0055A0;}
#shop .shop_inner .shop_map ul li a img{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#shop .shop_inner .shop_map ul li a:hover img{ opacity: 0.6;}
}

@media screen and (max-width: 767px) {
#shop{ padding: 0 20px; margin-bottom: 50px;}
#shop .shop_inner .shop_title{ margin-bottom: 20px;}
#shop .shop_inner .shop_title h2{ font-size: 1.4em;}
#shop .shop_inner .shop_title h2 span{ font-size: 2.7em; margin-right: 0; margin-bottom: 5px; display: block;}
#shop .shop_inner .shop_title a{ font-size: 1.3em; padding: 10px 12px;}
#shop .shop_inner .shop_intro{ font-size: 1.5em; line-height: 1.3em; margin-bottom: 20px;}
    
#shop .shop_inner .shop_map_sp{ position: relative;}
#shop .shop_inner .shop_map_sp_okinawa{margin-top:30px;}
#shop .shop_inner .shop_map_sp > img{ width: 100%; height: auto;}
#shop .shop_inner .shop_map_sp ul li{ position: absolute;}
#shop .shop_inner .shop_map_sp ul li.chiba{ width: calc(167 / 640 * (100vw - 50px)); height: calc(52 / 640 * (100vw - 50px)); top: calc(223 / 640 * (100vw - 50px)); left: calc(448 / 640 * (100vw - 50px));}
#shop .shop_inner .shop_map_sp ul li.matsudo{ width: calc(169 / 640 * (100vw - 50px)); height: calc(44 / 640 * (100vw - 50px)); top: calc(40 / 640 * (100vw - 50px)); left: calc(145 / 640 * (100vw - 50px));}
#shop .shop_inner .shop_map_sp ul li.narita{ width: calc(117 / 640 * (100vw - 50px)); height: calc(86 / 640 * (100vw - 50px)); top: calc(130 / 640 * (100vw - 50px)); right: calc(10 / 640 * (100vw - 50px));}
#shop .shop_inner .shop_map_sp ul li.yachiyo{ width: calc(137 / 640 * (100vw - 50px)); height: calc(79 / 640 * (100vw - 50px)); top: calc(80 / 640 * (100vw - 50px)); left: calc(376 / 640 * (100vw - 50px));}
#shop .shop_inner .shop_map_sp ul li.kisarazu{ width: calc(194 / 640 * (100vw - 50px)); height: calc(45 / 640 * (100vw - 50px)); top: calc(436 / 640 * (100vw - 50px)); left: calc(300 / 640 * (100vw - 50px));}
#shop .shop_inner .shop_map_sp ul li.kanagawa{ width: calc(137 / 640 * (100vw - 50px)); height: calc(87 / 640 * (100vw - 50px)); bottom: calc(50 / 640 * (100vw - 50px)); left: calc(10 / 640 * (100vw - 50px));}
#shop .shop_inner .shop_map_sp ul li.okinawa{ width: calc(118 / 640 * (100vw - 50px)); height: calc(96 / 640 * (100vw - 50px)); top: calc(334 / 640 * (100vw - 50px)); left: calc(116 / 640 * (100vw - 50px));}
#shop .shop_inner .shop_map_sp ul li img{ max-width: 100%; vertical-align: middle; width: 100%; height: auto;}
}

/*================================== contact ==================================*/

#contact{ background-image: url(../images/contact_back.jpg); background-position: center; background-size: cover; position: relative;}
#contact:before{ content: ""; display: block; width: 50%; height: 80px; clip-path: polygon(100% 0, 0 0, 0 100%); background-color: #fff; position: absolute; top: -1px; left: 0;}
#contact:after{ content: ""; display: block; width: 50%; height: 80px; clip-path: polygon(100% 0, 0 0, 100% 100%); background-color: #fff; position: absolute; top: -1px; right: 0;}
#contact .contact_inner{ padding: 200px 0 100px; box-sizing: border-box;}
#contact .contact_inner .contact_title{ text-align: left; display:flex; justify-content: center; align-items: center; margin-bottom: 60px;}
#contact .contact_inner .contact_title h2{ font-size: 1.9em; color: #fff; margin-right: 50px;}
#contact .contact_inner .contact_title h2 span{ display: block; font-size: 4em; letter-spacing: 0.05em; margin:0 10px 10px 0;}
#contact .contact_inner .contact_title p{ font-size: 1.5em; line-height: 1.9; color: #fff;}
#contact .contact_inner .contact_btn{ position: relative; width: 380px;display: flex; flex-direction: column; justify-content: center; align-items: center; margin:0 auto 60px;}
#contact .contact_inner .contact_btn p.contact_fukidashi{ margin-bottom: 30px;}
#contact .contact_inner .contact_btn p.contact_fukidashi > span{ color: #FFDD17; font-size: 1.4em; display: block; position: relative; padding: 0 20px; box-sizing: border-box;}
#contact .contact_inner .contact_btn p.contact_fukidashi > span::before,
#contact .contact_inner .contact_btn p.contact_fukidashi > span::after{ content: ""; display: inline-block; background: #FFDD17; width: 1px; position: absolute; height: 40px; bottom: -15px;}
#contact .contact_inner .contact_btn p.contact_fukidashi > span::before{ left: 0; transform: rotate(-20deg);}
#contact .contact_inner .contact_btn p.contact_fukidashi > span::after{ right: 0; transform: rotate(20deg);}
#contact .contact_inner .contact_btn p.contact_fukidashi > span span{ display: inline-block; font-size: 1.5em; margin-right: 10px;}
#contact .contact_inner .contact_btn p.contact_comment{ margin-top: 18px;}
#contact .contact_inner .contact_btn p.contact_comment > span{ color: #FFDD17; font-size: 1.6em; display: block; position: relative; padding: 0 20px; box-sizing: border-box;}
#contact .contact_inner .contact_btn a{ display: block; font-size: 2.3em; background-color: #FFDD17; color: #000; width: 380px; line-height: 4em; border-radius: 5px; font-weight: 700;}
#contact .contact_inner .iqra_link{margin:0 auto;width:100%;display:flex;justify-content:center;gap:10px;padding:0 50px;box-sizing:border-box;flex-wrap:wrap;flex-direction:column;align-items: center;}
#contact .contact_inner .iqra_link a{display:block;transition:.3s;width:440px;}
#contact .contact_inner .iqra_link .link_wrap{width:100%;}
#contact .contact_inner .iqra_link .link_wrap a{width:440px;margin:0 auto;}
#contact .contact_inner .iqra_link a img{width:100%;height:auto;}
#contact .contact_inner .homes_link{margin:30px auto 0;padding:0 50px;box-sizing:border-box;width:540px;box-sizing:border-box;}
#contact .contact_inner .homes_link img{width:100%;height:auto;}

@media screen and (min-width: 768px) {

#contact .contact_inner .contact_btn a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#contact .contact_inner .contact_btn a:hover{ background-color: #FFFA78;}
#contact .contact_inner .iqra_link a:hover{opacity:.8;}
}

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

#contact:before{ height: 30px;}
#contact:after{ height: 30px;}
#contact{ background-image: url(../images/contact_back_sp.jpg);}
#contact .contact_inner{ padding: 80px 20px 60px;}
#contact .contact_inner .contact_title{ display:block; margin-bottom: 35px;}
#contact .contact_inner .contact_title h2{ font-size: 1.4em; margin-right: 0; margin-bottom: 20px;}
#contact .contact_inner .contact_title h2 span{ font-size: 2.7em; margin: 0 0 5px 0;}
#contact .contact_inner .contact_title p{ font-size: 1.3em; line-height: 1.6;}
#contact .contact_inner .contact_btn{ position: relative; width: 100%;margin:0 auto 35px;}
#contact .contact_inner .contact_btn p.contact_fukidashi{ margin-bottom: 20px;}
#contact .contact_inner .contact_btn p.contact_fukidashi > span{ font-size: 1.2em; padding: 0 20px;}
#contact .contact_inner .contact_btn p.contact_fukidashi > span::before,
#contact .contact_inner .contact_btn p.contact_fukidashi > span::after{ bottom: -5px;}
#contact .contact_inner .contact_btn p.contact_fukidashi > span span{ display: block; font-size: 1.4em; margin-right: 0; margin-bottom: 5px;}
#contact .contact_inner .contact_btn p.contact_comment{ margin-bottom: 14px;}
#contact .contact_inner .contact_btn p.contact_comment > span{ font-size: 1.2em; padding: 0 20px;}
#contact .contact_inner .contact_btn a{ font-size: 1.8em; width: 100%; line-height: 3.8em;}
#contact .contact_inner .iqra_link{flex-direction:column;padding:0;}
#contact .contact_inner .iqra_link a{width:100%;}
#contact .contact_inner .iqra_link a:last-child{width:100%;}
#contact .contact_inner .homes_link{margin:30px auto 0;padding:0;width:100%;}
}



/*================================== voice ==================================*/

#voice{ overflow-x: hidden; padding: 90px 50px 170px; box-sizing: border-box; text-align: left;}
#voice h2{ text-align: left; font-size: 1.6em; margin-bottom: 45px;}
#voice h2 span{ font-size: 2em; letter-spacing: 0.05em; display: inline-block; margin-right: 10px;}
#voice .voice_inner{ width: 100%; max-width: 1100px; margin: 0 auto; padding: 0;}
#voice .voice_inner .voice_tab{ display: flex; justify-content: space-between; cursor: pointer; color: #0055A0; width: 100%;  margin: 0 auto 30px;}
#voice .voice_inner .voice_tab .tab_p{ width: calc((100%/7) - 5px); text-align: center; font-size: 1.6em; padding: 15px 0; font-weight: 700; box-sizing: border-box; border-radius: 5px 5px 0 0;}
#voice .voice_inner .voice_tab .tab_p.btn_chiba{ color: #00a1e9; border-left: 1px solid #00a1e9; border-top: 1px solid #00a1e9; border-right: 1px solid #00a1e9;}
#voice .voice_inner .voice_tab .tab_p.btn_matsudo{ color: #ffbb00; border-left: 1px solid #ffbb00; border-top: 1px solid #ffbb00; border-right: 1px solid #ffbb00;}
#voice .voice_inner .voice_tab .tab_p.btn_narita{ color: #76B425; border-left: 1px solid #76B425; border-top: 1px solid #76B425; border-right: 1px solid #76B425;}
#voice .voice_inner .voice_tab .tab_p.btn_yachiyo{ color: #E30202; border-left: 1px solid #E30202; border-top: 1px solid #E30202; border-right: 1px solid #E30202;}
#voice .voice_inner .voice_tab .tab_p.btn_kisarazu{ color: #EE7800; border-left: 1px solid #EE7800; border-top: 1px solid #EE7800; border-right: 1px solid #EE7800;}
#voice .voice_inner .voice_tab .tab_p.btn_kanagawa{ color: #7203b2; border-left: 1px solid #7203b2; border-top: 1px solid #7203b2; border-right: 1px solid #7203b2;}
#voice .voice_inner .voice_tab .tab_p.btn_okinawa{ color: #28C2D2; border-left: 1px solid #28C2D2; border-top: 1px solid #28C2D2; border-right: 1px solid #28C2D2;}

#voice .voice_inner .voice_tab .tab_p.active{ color: #fff;}
#voice .voice_inner .voice_tab .tab_p.btn_chiba.active{ background-color: #00a1e9;}
#voice .voice_inner .voice_tab .tab_p.btn_matsudo.active{ background-color: #ffbb00;}
#voice .voice_inner .voice_tab .tab_p.btn_narita.active{ background-color: #76B425;}
#voice .voice_inner .voice_tab .tab_p.btn_yachiyo.active{ background-color: #E30202;}
#voice .voice_inner .voice_tab .tab_p.btn_kisarazu.active{ background-color: #EE7800;}
#voice .voice_inner .voice_tab .tab_p.btn_kanagawa.active{ background-color: #7203b2;}
#voice .voice_inner .voice_tab .tab_p.btn_okinawa.active{ background-color: #28C2D2;}
#voice .voice_inner .voice_panel .panel_p { display: none;}
#voice .voice_inner .voice_panel .panel_p.active { display: block;}
#voice .voice_inner .voice_panel { display: flex; align-items: center;}
#voice .voice_inner .voice_panel .voice_shop{ text-align: center; margin-top: 50px;}
#voice .voice_inner .voice_panel .voice_shop p.ichiran_btn{}
#voice .voice_inner .voice_panel .voice_shop p.ichiran_btn a{ display: inline-block; font-size: 1.8em; padding: 15px 25px; border-radius: 5px; box-sizing: border-box;}
#voice .voice_inner .voice_panel .voice_chiba  .voice_shop p.ichiran_btn a{ border: 1px solid #00a1e9; color: #00a1e9;}
#voice .voice_inner .voice_panel .voice_matsudo  .voice_shop p.ichiran_btn a{ border: 1px solid #ffbb00; color: #ffbb00;}
#voice .voice_inner .voice_panel .voice_narita  .voice_shop p.ichiran_btn a{ border: 1px solid #76B425; color: #76B425;}
#voice .voice_inner .voice_panel .voice_yachiyo  .voice_shop p.ichiran_btn a{ border: 1px solid #E30202; color: #E30202;}
#voice .voice_inner .voice_panel .voice_kisarazu  .voice_shop p.ichiran_btn a{ border: 1px solid #EE7800; color: #EE7800;}
#voice .voice_inner .voice_panel .voice_kanagawa  .voice_shop p.ichiran_btn a{ border: 1px solid #7203b2; color: #7203b2;}
#voice .voice_inner .voice_panel .voice_okinawa  .voice_shop p.ichiran_btn a{ border: 1px solid #28C2D2; color: #28C2D2;}
#voice .voice_inner .voice_panel ul.voice_list{ display: flex; gap: 30px;}
#voice .voice_inner .voice_panel ul.voice_list li{ width: calc(25% - 22.5px);}
#voice .voice_inner .voice_panel ul.voice_list li .voice_img{ display: flex; justify-content: center; align-items: center; height: 200px; text-align: center; overflow: hidden; background: #eee; border-radius: 10px; margin-bottom: 20px;}
#voice .voice_inner .voice_panel ul.voice_list li .voice_img img{ width: 100%; height: 100%; object-fit: cover; vertical-align: top;}
#voice .voice_inner .voice_panel ul.voice_list li .voice_name{ display: flex; align-items: center; margin-bottom: 10px;}
#voice .voice_inner .voice_panel ul.voice_list li .voice_name p.ttl{ font-size: 1.8em; margin-right: 10px; font-weight: bold; line-height: 1.4;}
#voice .voice_inner .voice_panel ul.voice_list li .voice_name p.name{ font-size: 1.2em; text-align: center; background-color: #888; color: #fff; padding: 5px 15px; box-sizing: border-box;margin-right: 10px;}
#voice .voice_inner .voice_panel ul.voice_list li .voice_txt .txt{ font-size: 1.4em; line-height: 1.5; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
#voice .voice_inner .voice_panel ul.voice_list li a{ color: #000;}

@media screen and (min-width: 768px) {
#voice .voice_inner .voice_tab .tab_p,
#voice .voice_inner .voice_panel  .voice_shop p.ichiran_btn a,
#voice .voice_inner .voice_panel  ul.voice_list li a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#voice .voice_inner .voice_tab .tab_p:hover,
#voice .voice_inner .voice_panel  ul.voice_list li a:hover{ opacity: 0.6;}
#voice .voice_inner .voice_panel  .voice_shop p.ichiran_btn a:hover{ color: #fff;}
#voice .voice_inner .voice_panel .voice_chiba  .voice_shop p.ichiran_btn a:hover{ background-color: #00a1e9;}
#voice .voice_inner .voice_panel .voice_matsudo  .voice_shop p.ichiran_btn a:hover{ background-color: #ffbb00;}
#voice .voice_inner .voice_panel .voice_narita  .voice_shop p.ichiran_btn a:hover{ background-color: #76B425;}
#voice .voice_inner .voice_panel .voice_yachiyo  .voice_shop p.ichiran_btn a:hover{ background-color: #E30202;}
#voice .voice_inner .voice_panel .voice_kisarazu  .voice_shop p.ichiran_btn a:hover{ background-color: #EE7800;}
#voice .voice_inner .voice_panel .voice_kanagawa  .voice_shop p.ichiran_btn a:hover{ background-color: #7203b2;}
#voice .voice_inner .voice_panel .voice_okinawa  .voice_shop p.ichiran_btn a:hover{ background-color: #28C2D2;}
}

@media screen and (max-width: 767px) {
#voice{ padding: 30px 20px 70px;}
#voice h2{ font-size: 1.3em; margin-bottom: 20px;}
#voice .voice_inner .voice_tab{ margin: 0 auto 10px;}
#voice .voice_inner .voice_tab .tab_p{ font-size: 1.3em; padding: 7px 0;}
#voice .voice_inner .voice_panel { display: block;}
#voice .voice_inner .voice_panel .voice_chiba  .voice_shop p.ichiran_btn a{ border: none; background: #00a1e9; color: #fff;}
#voice .voice_inner .voice_panel .voice_matsudo  .voice_shop p.ichiran_btn a{ border: none; background: #ffbb00; color: #fff;}
#voice .voice_inner .voice_panel .voice_narita  .voice_shop p.ichiran_btn a{ border: none; background: #76B425; color: #fff;}
#voice .voice_inner .voice_panel .voice_yachiyo  .voice_shop p.ichiran_btn a{ border: none; background: #E30202; color: #fff;}
#voice .voice_inner .voice_panel .voice_kisarazu  .voice_shop p.ichiran_btn a{ border: none; background: #EE7800; color: #fff;}
#voice .voice_inner .voice_panel .voice_kanagawa  .voice_shop p.ichiran_btn a{ border: none; background: #7203b2; color: #fff;}
#voice .voice_inner .voice_panel .voice_okinawa  .voice_shop p.ichiran_btn a{ border: none; background: #28C2D2; color: #fff;}
#voice .voice_inner .voice_panel .voice_shop{ width: 100%; margin-top: 20px;}
#voice .voice_inner .voice_panel .voice_shop p.ichiran_btn a{ font-size: 1.3em; padding: 10px 15px; border-radius: 5px; width: 100%;}
#voice .voice_inner .voice_panel ul.voice_list{ flex-wrap: wrap;gap:20px}
#voice .voice_inner .voice_panel ul.voice_list li .voice_img{ margin-bottom: 10px;}
#voice .voice_inner .voice_panel ul.voice_list li{ width: calc(50% - 10px);}
#voice .voice_inner .voice_panel ul.voice_list li .voice_name p.ttl{ font-size: 1.3em; margin-right: 10px;}
#voice .voice_inner .voice_panel ul.voice_list li .voice_txt .txt{ font-size: 1.3em; line-height: 1.5;}
}
@media screen and (max-width: 499px) {
#voice .voice_inner .voice_panel ul.voice_list li .voice_img{ height: 140px; margin-bottom: 10px;}
}

@media screen and (max-width: 374px) {
#voice h2{ font-size: 1.3em;}
#voice h2 span{ font-size: 1.7em;}
#voice .voice_inner .voice_tab .tab_p{ font-size: 1em; padding: 5px 0;}
}