@charset "utf-8";@media only screen and (max-width:736px){.pc{display:none !important;}
.smp{display:inherit !important;}
#head{margin:0 0 20px;}
.head_logo{margin:40px 0 0;text-indent:-8vw;}
.head_logo img{width:50%;}
h1{width:94%;margin:10% 3%;}
h1 img{width:80%;}
h2{font-size:18px;margin:0 0 40px;}
h2 img{width:65%;}
.co_area{margin:0 0 0px;}
.slick-slider{width:80%;}
.slider p{font-size:12px;}

/*----------------------------*/

.global_navi{
	margin: 30px 0 80px;
}
 
.global_navi li{
	border-bottom: 1px dotted #ccc;
	padding: 5px 0;
}

.global_navi li:last-child{
	border-bottom: none;
}

/*----------------------------*/

h2{
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	font-weight: 300;
	color: #424242;
	position: relative;
}

h2 p{
	text-align: center;
	font-size: 13px;
	margin: 0 0 40px;
	padding: 0 0 10px;
}

h2::after{
	content: "";
	position: absolute;
	bottom: 0px;
	display: inline-block;
	width: 100px;
	height: 1px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: black;
	border-radius: 2px;
	background: #ccc;
}

/*----------------------------*/

.top_search_slide{
	padding: 19px 0 50px;
}

.slick-slider{ width: 100%; margin: 0;}
.slick-slider img{ width: 98%; margin: 0 1%;}
.slider p{ font-size:12px; }

.top_service{
	width: 100%;
}

.top_service li{
	width: 100%;
	margin: 0 0 10px;
}

.top_service li img{
	width: 100%;
	height: auto;
}

.thumb{
	margin: 0 0 20px;
}

/*----------------------------*/

.news_box{
	background-image: url(../img/top/news_bg.jpg);
	background-size: cover;
	/*font-size: 12px;*/
	color: #fff;
	/*display: table;*/
	width: 100%;
	overflow: scroll;
	height: 300px;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.news_box ul{
	margin: 30px 20px;
}

.news_box ul li{
	border-bottom: 1px dotted #fff;
	line-height: 20px;
	margin:0 0 20px;
	padding: 0 0 20px;
}

.news_box ul li p{
	font-size: 15px;
}

.slick-slider.details {
	margin-bottom: 20px;
	padding: 0;
	text-align: center;
}

.slick-initialized .slick-slide{

	text-align: center;
}

/*----------------------------*/

.store_box{
	background-image: url(../img/top/store_bg.jpg);
	background-size: cover;
	display: table;
}

.store_box ul{
	margin: 30px 20px;
}

.store_box ul li{
	margin: 10px 0;
}

.store_box ul li img{
	width: 100%;
	height: auto;
}

.store_box .store_bt{
	text-align: center;
}

.store_box .store_bt a{
	display: table;
	background: rgba(44, 88, 22, 0.9);
	border: 1px solid #fff;
	color: #fff;
	margin: 0 auto 50px;
	padding: 10px 20px 5px;
	position: relative;
	width: 60%;
	line-height: 22px;
}

.store_box .store_bt p{
	text-align: center;
	font-size: 12px;
}

.store_box .store_bt span{
	position: absolute;
	right: 2vw;
	top: 6vw;
}

.top_service h3{
	background: url(../img/h3.gif) repeat-x;
	text-align: center;
	margin: 0 0 1px;
	font-size: 18px;
}

.top_service h3 span{
	background: #fff;
	padding: 0 5px;
}

/*----------------------------*/

.banner_box{
	display: table;
	width: 90%;
	margin: 0 5%;
}

.banner_box ul{
	margin: 0 20px;
}

.banner_box ul li{
	margin: 10px 0;
}

.banner_box ul li img{
	width: 100%;
	height: auto;
}

/*----------------------------*/

.site_box{
	background-image: url(../img/top/site_bg.jpg);
	background-size: cover;
	display: table;
	width: 100%;
}

.site_box ul{
	margin: 30px 20px;
}

.site_box ul li{
	margin: 10px 0;
	text-align: center;
}

.site_box ul li img{
	width: 90%;
}

/*----------------------------*/

.footer{margin: 0 0 10px !important; font-size:13px;}

.footer_line_bt{
	width: 45px;
	margin: 0;
	position: fixed;
	top: 0;
	right: 45px;
}

.footer_line_bt a{
	width: 100%;
	padding: 0.3vw 0;
	display: inline-block;
	background: #9b2c2c;
	font-size: 20px;
	text-align: center; color: #fff;
	color: #fff;
	margin: 0 0 0 3%;
	font-weight: normal;
	vertical-align: top;
	height: 40px;
	line-height: 40px;
}

.footer_tel{ max-width: 52%; margin: 0 auto;}
.footer_tel_box{ height: 9vw; background: rgba(255, 255, 255, 0.8);}
.footer_tel li{ float: left; }
.footer_tel li:nth-child(1){ width:33%; margin:10px 0 0; float: left;}
.footer_tel li:nth-child(1) img{width:100%;}
.footer_tel li:nth-child(2){ width:49%; margin:10px 1.5% 0;}
.footer_tel li:nth-child(2) img{width:100%;}
.footer_tel li:nth-child(3){ width:15%; margin:10px 0 0; float: right;}
.footer_tel li:nth-child(3) img{width:100%;}

.footer_tel .details01:nth-child(1){ width:40%; margin:10px 0 0; float: left;}
.footer_tel .details01:nth-child(1) a{ width:100%; padding: 1.2vw 0; display: block; background: #2c779b; font-size: 12px; text-align: center; color: #fff; border-radius: 5px;}
.footer_tel .details01:nth-child(1) a i{  font-size: 19px; vertical-align: middle;}
.footer_tel .details02:nth-child(2){ width:40%; margin:10px 2% 0;}
.footer_tel .details02:nth-child(2) a{ width:100%; padding: 1.2vw 0; display: block; background: #35cb11; font-size: 12px; text-align: center; color: #fff; border-radius: 5px;}
.footer_tel .details02:nth-child(2) a i{  font-size: 25px; vertical-align: middle;}

/*----------------------------*/

.footer_link_box{
	background-image: url(../img/fbg.gif);
	background-repeat: repeat;
	/*background-size: cover;*/
	font-size: 12px;
	color: #fff;
	display: table;
	width: 100%;
}

.footer_link_box ul{
	margin: 30px auto;
	width: 80%;
}

.footer_link_box ul li{
	line-height: 32px;
	margin: 3px 0;
	padding: 3px 0;
	font-size: 15px;
}

.footer_link_box ul li a{
	color: #8a8a8a;
}

.footer_link_box ul li::before{
	content: url("../img/farrow.png");
}

.footer_link_box ul .name{
	font-size: 15px;
	color: #767676;
	border-bottom: 1px dotted #aaa;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.footer_link_box ul .name::before{
	content: "";
}

.footer_data_box{
	background-image: url(../img/fbg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 12px;
	color: #fff;
	display: table;
	width: 100%;
}

.footer_data_box .top{
	margin: 40px auto 20px;
	text-align: center;
	font-size: 14px;
	line-height: 25px;
}

.footer_data_box .top p{
	font-size: 18px;
	text-align: center;
}

.footer_data_box .top span{
	font-size: 16px;
}

.footer_data_box .top a{
	color: #fff;
}

.footer_data_box .bottom{
	margin: 0 auto 40px;
	text-align: center;
	font-size: 14px;
	line-height: 25px;
}

.pitat_rule{
	margin: 0 auto 40px;
	text-align: center;
	font-size: 14px;
	line-height: 25px;
}

/*--------------------------------------------------------*/

.form_box th span{width:100%;}
.form_banner{width:100%;margin:20px auto 20px;float:left;text-align:center;}
.form_banner img{width:90%;margin:0 5%;}
.form_jizen img{width:90%;margin:0 5%;}

.tt_box{margin:25px 0 0 !important;}
.sss{width:40% !important;}
.ss{width:100% !important;}

/*--------------------------------------------------------*/
/*サブページ上部*/

.sub_head_obi{
	height: 40px;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	font-family: 'Oswald', sans-serif;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 1px;
	z-index: 50;
	padding: 4px 0 0 15px;
}

.sub_head_obi a{
	color: #fff;
	font-family: 'Oswald', sans-serif;
}

.sub_title{
	width: 100%;
	background: #4d9164;
	padding: 40vw 0 0;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
}

.sub_title_text{
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	position: relative;
	height: 90px;
}

.sub_title_text.line2{
	height: 140px;
	line-height: 12vw;
	margin-top: -5vw;
}

.sub_title_text p{
	font-weight: normal;
	margin-top: 10px;
}

.sub_title_text:after {
	content: '';
}

.sub_title_text:before {
	content: '';
	position: absolute;
	bottom: 0px;
	display: inline-block;
	width: 100px;
	height: 1px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: black;
	border-radius: 2px;
	background: #fff;
}

/*--------------------------------------------------------*/
/*物件一覧*/

.property_list{
	background: url(../img/property_list.jpg) no-repeat #ccc;
	background-size: cover;
	height: 380px;
}

/**/

.search_contents{
	width: 80%;
	margin: 0 10%;
}

.search_contents li{
	margin: 0 0 20px;
}

.search_contents li h3{
	border-bottom: 1px solid #337222;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.search_contents li div{
	font-size: 14px;
}

/**/

.contents_box .search_bt{
	text-align: center;
}

.contents_box .search_bt a{
	display: table;
	background: #068ce7;
	border: 1px solid #fff;
	color: #fff;
	margin: 0 auto 50px;
	padding: 10px 20px 5px;
	position: relative;
	width: 80%;
	line-height: 60px;
}

.contents_box .search_bt.line_bt a{
	background: #35cb11;
	line-height: 45px;
	border-radius: 5px;
	padding: 7px 20px 5px;
}
/*
.contents_box .search_bt p{
	text-align: center;
	font-size: 12px;
}
*/
.contents_box .line_bt img{
	width: 100%;
}

.contents_box .search_bt span{
	position: absolute;
	right: 2vw;
	top: 2vw;
}

/**/

.contents_box .panorama_bt{
	margin-top: 20px;
}

.contents_box .panorama_bt a{
	background: #b51818;
	line-height: 40px;
	border-radius: 5px;
	padding: 5px 20px 5px;
}

.contents_box .line_bt{
	width: 80%;
	margin: 0 auto;
}

.contents_box .line_bt img{
	width: 100%;
}

/**/

.page_list_number{
	width: 90%;
	padding: 5px 20px 5px;
	margin: 0 5%;
}

.page_list_number span{
	font-size: 24px;
	color: #a51515;
}

.page_list{
	width: 90%;
	margin: 2% 5% 10%;
	text-align: center;
}

.page_list li{
	width: 18%;
	display: inline-block;
	background: #ccc;
}

.page_list li a{
	display:block;
	color: #fff;
	width: 100%;
	height: 100%;
	padding: 10px 0;
}

.page_list li .on{
	background: #337222;
}

/**/

.sort_list{
	width: 100%;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	text-align: center;
	padding: 5%;
}


.sort_list li{
	width: 23%;
	display: inline-block;
}

.sort_list li a{
	color: #292929;
	width: 100%;
	height: 100%;
	padding: 5px 10px;
	background: #eee;
	font-size: 14px;
}

.sort_list li .on::after{
	content: "▼";
	color: #337222;
}

/**/

.details_floor{
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

.details_floor img{
	width: 60%;
}

.property_list_box{
	width: 100%;
	background: #ececec;
}

.property_list_box .property_li{
	width: 94%;
	margin: 5% 3%;
	background: #fff;
	display: inline-block; 
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4); /*横方向　下方向　ぼかし　広がり　色 */
}

.property_list_box .property_li h3{
	/*border-bottom: 1px solid #e0e0e0;*/
	padding: 3% 3% 0;
}

.property_list_box .property_li .new{
	font-size: 12px;
	font-weight: normal;
	color: #c32c2c;
	padding: 2px 10px;
	margin-left: 10px;
	border: 1px solid #c32c2c;
}

.property_list_box .property_li .price{
	color: #c32c2c;
	font-size: 16px;
	font-weight: bold;
	margin: 3%;
}

.property_list_box .property_li .price .panorama, .property_list_box .property_li ul li h4 .panorama{
	background: #c32c2c;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	padding: 4px 10px;
	margin-left: 10px;
}

.property_list_box .property_li .price .deposit{
	font-size: 12px;
	font-weight: normal;
	color: #292929;
	margin-left: 15px;
}

.property_list_box .property_li .image{
	display: inline-block;
	margin: 0 3%;
}

.property_list_box .property_li .data{
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	line-height: initial;
	vertical-align: top;
}

.property_list_box .property_li .data span{
	border: 1px solid #2c8cc3;
	color: #2c8cc3;
	padding: 4px 8px;
	margin: 5px 0 0;
	display: block;
	text-align: center;
}

.property_list_box .property_li dl{
	display: inline-block;
	font-size: 12px;
	width: 49%;
}

.property_list_box .property_li dt{
	display: table-cell;
	width: 35%;
	font-size: 12px;
	background: #666;
	padding: 0 10px;
	color: #fff;
}

.property_list_box .property_li dd{
	display: table-cell;
	width: 65%;
	font-size: 12px;
	padding: 0 10px;
}

.property_list_box .property_li ul{
	margin-top: 5%;
	padding-top: 3%;
	border-top: 1px solid #ddd;
}

.property_list_box .property_li ul li{
	margin: 0 3% 5%;
	border-bottom: 1px solid #ddd;
}

.property_list_box .property_li ul li h4{
	/*border-bottom: 1px solid #eeeeee;*/
	padding: 9px 0 5px;
	margin: 0 0 10px;
}

.property_list_box .property_li ul li .bt{
	width: 100%;
}

.property_list_box .property_li ul li .bt a{
	display: block;
	background: #fff;
	text-align: center;
	margin: 0 auto 5%;
	width: 60%;
	font-size: 13px;
	border-radius: 4px;
	border: 1px solid #287b44;
	position: relative;
}

.property_list_box .property_li ul li .bt a::before {
	content: "";
	bottom: 30%;
	right: 10px;
	position: absolute;
	z-index: 100;
	display: block;
	width: 10px;
	height: 10px;
	border-top: solid 3px #287b44;
	border-right: solid 3px #287b44;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/**/

.check_bt{
	width: 100%;
	font-size: 12px;
	text-align: center;
	margin: 15px 0;
}

.check_bt li{
	display: inline-block;
}

.check_bt li a{
	background: #285f7b;
	color: #fff;
	padding: 7px 15px;
	margin-left: 10px;
}

/*--------------------------------------------------------*/

.sub_title.property_details{
	padding: 14vw 0 0;
}

.property_name {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin: 0 0;
}

.property_name:after {
	content: '';
	width: 0;
}

.property_name:before {
	content: '';
}

.property_namber{
	text-align: center;
	color: #fff;
	font-size: 12px;
	margin: 0 0 10px;
}

.top_search_slide {
	padding: 19px 0 50px;
	background-image: none;
	background-position: top,bottom;
	background-repeat: repeat-x,repeat-x;
}

.top_search_bg{
	background-image: url(../img/top/csbg.gif), url(../img/top/csbg.gif);
	background-position: top,bottom;
	background-repeat: repeat-x,repeat-x;
}

/**/

.property_data_list{
	width: 90%;
	margin: 0 auto 35px;
}

.property_data_list li{
	border-bottom: 1px solid #e7e7e7;
	padding: 15px 10px;
	font-size: 14px;
}

.property_data_list li h4{
	font-size: 16px;
	font-weight: normal;
}

.property_map{
	width: 90%;
	margin: 0 auto;
}

.property_map iframe{
	width: 100%;
	height: 300px;
}

/*--------------------------------------------------------*/
/*物件検索*/


.property_search{
	background: url(../img/property_search.jpg) no-repeat #ccc;
	background-size: cover;
	height: 380px;
}


.search_data_box{
	text-align: center;
}

.search_data_box p{
	text-align: center;
}

.search_data_box h3{
	display: table;
	padding: 5px 10px;
	margin: 10px auto 20px;
}

.search_data_box h3.ap{
	border: 2px solid #287b44;
	text-align: center;
	color: #287b44;
}

.search_data_box h3.ji{
	border: 2px solid #28517b;
	text-align: center;
	color: #28517b;
}

/**/

.search_data_box ul{
	text-align: center;
	display: table;
	width: 100%;
	margin-bottom: 30px;
}

.search_data_box ul li a{
	color: #fff;
	position: relative;
	padding: 10px 15px;
}

.search_data_box ul li a::before{
	content: "";
	bottom: 45%;
	right: 10px;
	position: absolute;
	z-index: 100;
	display: block;
	width: 15px;
	height: 15px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.search_data_box ul li{
	display: table-cell;
	width: 50%;
	padding: 2%;
	text-align: left;
}

.search_data_box ul li:nth-child(1){
	padding: 2% 1% 2% 5%;
}

.search_data_box ul li:nth-child(2){
	padding: 2% 5% 2% 1%;
}

.search_data_box ul li:nth-child(1) a{
	background: #287b44;
	display: block;
}

.search_data_box ul li:nth-child(2) a{
	background: #28517b;
	display: block;
}

/**/

.search_list{
	border-top: 1px solid #e7e7e7;
}

.search_list li h4{
	margin: 0 0 10px;
}

.search_list li:nth-child(odd) h4::before{
	content: "■";	color: #7b1111;
}

.search_list li:nth-child(even) h4::before{
	content: "■";	color: #11687b;
}

.search_list li ul li{
	border: none;
	padding: 5px 10px;
}

.search_list li .line1{

}

.search_list li .line2 li{
	width: 48%;
	display: inline-block;
}

.search_list li select{
	width: 45%;
	padding: 10px 15px;
	margin: 0 0 5px;
}

/**/

.search_list li a{
	background: #287b44;
	display: inline-block;
	color: #fff;
	padding: 10px 15px;
}

/*--------------------------------------------------------*/
/*マップ検索*/

.conditions_bt{
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	position: absolute;
	top: 10%;
	right: 3%;
}

.conditions_bt a{
	color: #fff;
	font-weight: normal;
	display: inline-block;
	border: 1px solid rgba(255, 255, 255, 0.9);
	font-size: 14px;
	padding: 7px 20px;
	margin: 0 0 0 10px;
	background: rgba(20, 93, 0, 0.7);
	border-radius: 5px;
}

.map_area{
	width: 100%;
	height: 500px;
	background: url(../img/map.jpg) no-repeat;
	background-size: cover;
	margin: 10% 0 0;
	text-align: center;
}

.map_open_bt{
	width: 40%;
	margin: -5% 30% 0;
	background: #ececec;
	text-align: center;
}

.map_open_bt a{
	color: #fff;
}

/**/

.map_property .property_li .image {
	display: table-cell;
	margin: 0 3%;
}

.map_property .property_li .image {
	display: table-cell;
	margin: 0 3%;
}

.map_property .property_li .price_box {
	width: 100%;
	display: table-cell;
	margin: 0 5%;
	vertical-align: top;
}

.map_property .property_li .price {
	margin: 0 5%;
	line-height: 25px;
}

.property_list_box .property_li .price a{
	background: #337222;
	color: #fff;
	display: block;
	width: 100%;
	text-align: center;
	position: relative;
	margin: 5px 0 0;
	font-size: 12px;
	font-weight: normal;
}

.property_list_box .property_li .price a::before {
	content: "";
	bottom: 30%;
	right: 10px;
	position: absolute;
	z-index: 100;
	display: block;
	width: 10px;
	height: 10px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.map_property .property_li .price_box .panorama {
	margin-left: 0;
}

/**/

.map_area{
	width: 100vw;
	height: auto;
	min-height: 100vh;
	margin: -20px 0 0;
}

.map_open_bt{
	margin: -45vh 0 0;
	height: 5vh;
	background: #068ce7;
	font-size: 14px;
	width: 30%;
	line-height: 5vh;
}

.map_property {
	height: 40vh;
	overflow: scroll;
	padding: 0;
	border-top: 2px solid #ccc;
}

.map_search_box {
	width: 100%;
	margin: 0 auto 0;
	clear: both;
}

.property_list_map{
	background: #fff;
	padding: 3%;
}

.property_list_map{
	background: #fff;
	padding: 0 3%;
}

.property_list_map li{
	padding-top: 10px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.property_list_map li::before {
	content: "";
	bottom: 45%;
	right: 10px;
	position: absolute;
	z-index: 100;
	display: block;
	width: 15px;
	height: 15px;
	border-top: solid 3px #ddd;
	border-right: solid 3px #ddd;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.property_list_map .image{
	display: table-cell;
	width: 28%;
}

.property_list_map .image img{
	width: 100%;
}

.property_list_map .data_box{
	display: table-cell;
	vertical-align: top;
	padding: 0 0 0 4%;
	width: 100%;
	color: #292929;
}

.property_list_map .data_box h4{
	font-size: 13px;
	font-weight: normal;
}

.property_list_map .data_box div{
	font-size: 12px;
	line-height: inherit;
}

.property_list_map .data_box div .price{
	font-size: 16px;
}

.property_list_map .data_box div .new{
	font-size: 11px;
}

.property_list_map .data_box div .new{
	font-size: 11px;
	font-weight: normal;
	color: #c32c2c;
	padding: 2px 8px;
	margin-left: 5px;
	border: 1px solid #c32c2c;
}

.property_list_map .data_box div .panorama{
	background: #c32c2c;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	padding: 4px 8px;
	margin-left: 5px;
}

/*--------------------------------------------------------*/
/*沿線検索*/

.railway_area{
	width: 90%;
	height: 500px;
	background: url(../img/railway.jpg) no-repeat;
	margin: 10% 5% 0;
	text-align: center;
}

.railway_select{
	width: 90%;
	margin: 5% 5% 0;
	padding: 10px 15px;
}

.railway_bt{
	width: 90%;
	margin: 5%;
	/*padding-bottom: 50vw;*/
}

.railway_bt .search{
	width: 65%;
	float: left;
	background: #337222;
	padding: 8px 0;
	color: #fff;
}

.railway_bt .reset{
	width: 30%;
	float: right;
	background: #285f7b;
	padding: 8px 0;
	color: #fff;
}

.railway_bt{

}

.railway_bt input[type="submit"],
.railway_bt input[type="reset"],
.railway_bt input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.railway_bt input[type="submit"]::-webkit-search-decoration,
.railway_bt input[type="reset"]::-webkit-search-decoration,
.railway_bt input[type="button"]::-webkit-search-decoration {
  display: none;
}
.railway_bt input[type="submit"]::focus,
.railway_bt input[type="reset"]::focus,
.railway_bt input[type="button"]::focus {
  outline-offset: -2px;
}



/*--------------------------------------------------------*/
/*管理システム*/

.kanri_title{
	background: url(../img/kanri/sub_bg.jpg) no-repeat;
	background-size: cover;
	height: 380px;
}

.kanri_top{
	font-size: 15px;
}

.kanri_top h3{
	font-size: 20px;
	text-align: center;
}

.kanri_top h3 p{
	text-align: center;
	font-size: 10px;
	color: #ccc;
}

.kanri_top .image{
	width: 100%;
	margin: 20px 0;
}

.kanri_top .image img{
	width: 100%;
}

.kanri_top p{
	text-align: center;
	font-size: 15px;
}

.kanri_top h4{
	font-size: 20px;
	text-align: center;
	position: relative;
	padding-bottom: 15px;
	margin-top: 70px;
	margin-bottom: 15px;
}

.kanri_top h4::after {
	content: "";
	position: absolute;
	bottom: 0px;
	display: inline-block;
	width: 100px;
	height: 2px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: black;
	border-radius: 2px;
	background: #287b44;
}

.kanri_list{
	border-bottom: 1px solid #c5c5c5;
}

.kanri_list .box{
	width: 100%;
	/*border-bottom: 1px solid #c5c5c5;*/
	margin-bottom: 30px;
}

.kanri_list .box h3{
	width: 100%;
	text-align: center;
	color: #287b44;
	margin-bottom: 20px;
}

.kanri_list .box .image{
	width: 100%;
}

.kanri_list .box .image img{
	width: 100%;
}

.kanri_list .box ul{
	width: 80%;
	margin: 15px auto;
	border-top: 1px solid #c5c5c5;
}

.kanri_list .box ul li{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	border-bottom: 1px solid #c5c5c5;
	line-height: 20px;
	padding: 10px 0;
	font-size: 15px;
}

.kanri_list .box p{
	width: 80%;
	margin: 15px auto 30px;
	font-size: 12px;
	line-height: 23px;
}

.kanri_list .arrow{
	width: 100%;
	text-align: center;
}


.kanri_text{
	width: 90%;
	margin: 0 auto 20px;
	text-align: center;
	font-size: 15px;
}

.kanri_image{

}

.kanri_image img{
	width: 100%;
}


/*--------------------------------------------------------*/
/*会社概要*/

.gaiyou_title{
	background: url(../img/gaiyou/sub_bg.jpg) no-repeat;
	background-size: cover;
	height: 380px;
}

.gaiyou_list{
	width: 90%;
	margin: 0 auto 50px;
}

.gaiyou_list li{
	margin-bottom: 30px;
}

.gaiyou_list li h3{
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.gaiyou_list li .box{
	width: 100%;
	margin: 0 auto 30px;
	font-size: 15px;
}

.gaiyou_list li .box h4{
	color: #fff;
	margin: 0 0 10px;
	text-indent: 10px;
	font-weight: normal;
}

.gaiyou_list li:nth-child(1) h4{
	background: #1a73ac !important;
}

.gaiyou_list li:nth-child(2) h4{
	background: #1a73ac !important;
}

.gaiyou_list li:nth-child(3) h4{
	background: #4cd569;
}

.gaiyou_list li .box h4 a{
	background: #ffcd00;
	float: right;
	padding: 0 5px;
	font-size: 14px;
	color: #fff;
	/*margin-top: -5px;*/
	border-radius: 5px 0 0 5px;
	/*box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);*/
}

.gaiyou_list li:nth-child(3) .pitat_bt{
	background: #ffcd00;
}


.gaiyou_list li .box .text{
	font-size: 13px;
	line-height: 20px;
	display: table-cell;
	width: 65%;
	vertical-align: top;
}

.gaiyou_list li .box .image{
	display: table-cell;
	width: 100%;
}

.gaiyou_list li .box .image img{
	width: 100%;
}

.book_image{
	text-align: center;
}

.book_image img{
	width: 80%;
}

.book_text{
	width: 80%;
	margin: 0 auto;
}

.book_text h4{
	text-align: center;
	margin: 10px 0;
}

.book_text p{
	font-size: 12px;
	text-align: center;
	line-height: 22px;
}

.book_text div{
	background: #cdffa8;
	font-size: 12px;
	text-align: center;
	line-height: 22px;
	padding: 10px 15px;
	margin-top: 20px;
}

.book_text div h5{
	font-weight: normal;
	font-size: 16px;
	margin: 0 0 10px;
}

/**/

#shop01,#shop02,#shop03,#shop05{
	display: block;
	padding-top: 50px;
	margin-top: -50px;
}

.shop_list{
	width: 90%;
	margin: 0 auto 30px;
}

.shop_list li{
	padding: 0 0 20px;
	margin: 0 0 20px;
}

.shop_list li .shop{
	width: 100%;
	text-align: center;
}

.shop_list li .shop img{
	width: 70%;
}

.shop_list li .text{
	display: table;
	width: 100%;
	vertical-align: top;
	font-size: 13px;
	line-height: 25px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px;
	margin: 20px 0;
}

.shop_list li .text img{
	width: 100%;
}

.shop_list li .image{
	display: table-cell;
	width: 50%;
}

.shop_list li .image img{
	width: 100%;
}

.shop_list h3{
	font-size: 20px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 20px;
	color: #292929;
}

#shop01 h3{ color: #1a73ac; }
#shop02 h3{ color: #1a73ac; }
#shop03 h3{ color: #40d462; }
#shop05 h3{ color: #40d462; }


.shop_sam{
	width: 100%;
	border: none;
}

.shop_sam li{
	width: 25%;
	display: table-cell;
	padding: 2px;
}

.shop_sam li img{
	width: 100%;
}

.shop_list li .store_bt{
	width: 80%;
	margin: 0 auto;
}

.shop_list li .store_bt a{
	display: block;
	background: #1a73ac;
	text-align: center;
	margin-bottom: 10px;
	color: #fff;
	position: relative;
	padding: 5px 0;
}

.shop_list li .store_bt a::before {
	content: "";
	bottom: 35%;
	right: 10px;
	position: absolute;
	z-index: 100;
	display: block;
	width: 15px;
	height: 15px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.shop_list li .store_bt .pitat {
	background: #4cd569;
}

/**/

.modal{
	
}

.modal_image{
	display:none;
}

.modal_image img{
	width: 100%;
}

.modaal-wrapper * {
	width: 100%;
}

.modaal-overlay{
	
}


/*--------------------------------------------------------*/
/*今月のチラシ*/

.chirashi{
	background: url(../img/chirashi/sub_bg.jpg) no-repeat;
	background-size: cover;
	height: 380px;
}

.chirashi_text{
	text-align: center;
	margin: 5%;
}

.chirashi_text span{
	font-size: 12px;
}

.chirashi_list{
	width: 90%;
	margin: 5%;
}

.chirashi_list li{
	display: table-cell;
	width: 50%;
}

.chirashi_list li h4{
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin: 10px;
}

.chirashi_list li .image{
	text-align: center;
}

.chirashi_list li .image img{
	width: 90%;
}

.chirashi_list li .bt{
	text-align: center;
}

.chirashi_list li .bt a{
	width: 90%;
	margin: 5%;
	background: #287b44;
	text-align: center;
	display: block;
	line-height: 23px;
	padding: 7px 0;
	border-radius: 5px;
	color: #fff;
}

.chirashi_list li p{
	font-size: 12px;
	text-align: center;
	line-height: 20px;
}


/*--------------------------------------------------------*/
/*書式ダウンロード*/

.down{
	background: url(../img/down/sub_bg.jpg) no-repeat;
	background-size: cover;
	height: 380px;
}

.contents_box .down_bt a{
	background: #287b44;
	line-height: initial;
	border-radius: 5px;
	padding: 10px 20px 10px;
	margin-bottom: 10px;
	position: relative;
}

.contents_box .down_bt a::before {
	content: "";
	bottom: 35%;
	right: 10px;
	position: absolute;
	z-index: 100;
	display: block;
	width: 15px;
	height: 15px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*--------------------------------------------------------*/
/*お問い合わせ*/

.contact{
	background: url(../img/contact/sub_bg.jpg) no-repeat;
	background-size: cover;
	height: 380px;
}

.contact_text{
	text-align: center;
	margin: 5%;
}

.contact_text span{
	font-size: 12px;
	color: rgb(171, 19, 19);
}

.validation_errors_nonfreame{
	clear: both;
	background: #ab1313;
	width: 90%;
	margin: 0 auto 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	padding: 15px;
	border-radius: 7px;
}

.validation_errors_nonfreame p{
	text-align: center;
}

#mail_box{
	width: 90%;
	margin: auto;
}

#mail_box input, #mail_box select{
	width: 100%;
	padding: 5px;
}

#mail_box .w50{
	width: 50%;
}

#mail_box .w30{
	width: 30%;
}

#mail_box textarea{
	width: 100%;
	height: 120px;
	padding: 5px;
}

#mail_box li{
	border-bottom: 1px dotted #ccc;
	padding: 20px 0;
}

#mail_box li h4{
	margin-bottom: 5px;
}

#mail_box li:nth-child(odd) h4::before{
	content: "■";	color: #7b1111;
}

#mail_box li:nth-child(even) h4::before{
	content: "■";	color: #11687b;
}

#mail_box li h4 span{
	color: rgb(171, 19, 19);
}

#mail_box li .properties_data{
	margin: 10px;
}

#mail_box li .properties_data img{
	vertical-align: middle;
	margin-right: 10px;
}

#mail_box .go{
	text-align: center;
	border: none;
}

#mail_box .go input{
	width: 45%;
	padding: 5px;
}

#mail_box .go input[type="reset"]{
	width: 40%;
	font-size: 15px;
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;

	background: #ccc;
	height: 50px;
	border-radius: 5px;
}

#mail_box .go input[type="submit"]{
	width: 58%;
	font-size: 15px;
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;

	background: #287b44;
	height: 50px;
	border-radius: 5px;
	color: #fff;
}


/*--------------------------------------------------------*/
/*物件お問い合わせ*/

.inquiry{
	background: url(../img/inquiry/sub_bg.jpg) no-repeat;
	background-size: cover;
	height: 380px;
}


/*--------------------------------------------------------*/
/*こだわりリクエスト*/

.request{
	background: url(../img/request/sub_bg.jpg) no-repeat;
	background-size: cover;
	height: 380px;
}


/*--------------------------------------------------------*/
/*採用情報*/

.recruit{
	background: url(../img/recruit/sub_bg.jpg) no-repeat;
	background-size: cover;
	height: 380px;
}



/*--------------------------------------------------------*/
/*リンク*/

.link{
	background: url(../img/link/sub_bg.jpg) no-repeat;
	background-size: cover;
	height: 380px;
}

.link_list{

}

.link_list div{
	width: 100%;
	border-bottom: 1px dotted #ccc;
	padding: 10px 20px;
}

.link_list div h4{
	font-size: 15px;
}

.link_list div h4 span{
	color: #287b44;
}

.link_list div ul li h5{
	font-size: 15px;
}

.link_list div ul li{
	margin-bottom: 15px;
	font-size: 13px;
	border-bottom: 1px dotted #ccc;
}


/*--------------------------------------------------------*/
/*サイトマップ*/

.sitemap{
	background: url(../img/sitemap/sub_bg.jpg) no-repeat;
	background-size: cover;
	height: 380px;
}

.sitemap_box{
	width: 90%;
	margin: 5%;
}

.sitemap_box ul{
	margin: 30px 20px 20px 0px;
}

.sitemap_box li{
	background: url(../img/sitemap/a.gif) no-repeat 20px 3px;
	padding: 0 0 0 35px;
	margin: 0 0 15px;
}

.sitemap_box a{
	/*color: #8B6200;*/
}

.sitemap_box .a{
	background: none;
	padding: 0;
	color: #24468c;
}

.sitemap_box .b{
	background: url(../img/sitemap/b.gif) no-repeat 20px 3px;
}

.sitemap_box .c{
	padding: 0 0 0 60px;
	margin: 0 0 30px;
	background: url(../img/sitemap/b.gif) no-repeat 45px 3px;
}

.sitemap_box .c span{
	padding: 0 0 0 25px;
	background: url(../img/sitemap/c.gif) no-repeat 5px 3px;
}

.sitemap_box .d{
	padding: 0 0 0 60px;
	margin: 0 0 10px;
	background: url(../img/sitemap/a.gif) no-repeat 45px 3px;
}

.sitemap_box .d span{
	padding: 0 0 0 25px;
	background: url(../img/sitemap/c.gif) no-repeat 5px 3px;
}

.sitemap_box .clam{
	float: left;
	width: 250px;
	color: #24468c;
}


/*--------------------------------------------------------*/
/*住まいのガイドブック*/

.book{
	background: url(../img/book/sub_bg.jpg) no-repeat;
	background-size: cover;
	height: 380px;
}

.book_text{
	text-align: center;
	margin: 5% 10%;
}

.guide_book_text{
	margin: 5%;
	font-size: 13px;
	line-height: 25px;
}


/*--------------------------------------------------------*/
/**/

.rent_top{
	background: url(../img/rent/sub_bg.jpg) no-repeat #ccc;
	background-size: cover;
	height: 380px;
}

.sale_top{
	background: url(../img/sale/sub_bg.jpg) no-repeat #ccc;
	background-size: cover;
	height: 380px;
}

/*--------------------------------------------------------*/
/*モーダルウィンドウ*/

.modal_open{
	display: inline-block;
	margin: 0;
	float: left;
}

.modal_box {
	position: fixed;
	z-index: 999999;
	display: none;
	width: 96%;
	height: 96%;
	max-width: 840px;
	margin: 2%;
	padding: 60px 2vw 80px;
	/*border: 2px solid rgba(0,0,0 0.5);*/
	text-align: center;
	background: rgba(255, 255, 255, 0.95);
	box-sizing: border-box;
	box-shadow: 0 0 8px gray;
	border-radius: 10px;
}

.modal_close {
	width: 130px;
	/*position: absolute;*/
	position: fixed;
	top: 5.5vw;
	right: 3.5vw;
	display: block;
	font-size: 20px;
	color: #fff;
	text-align: center;
	background: #464646 !important;
	padding: 0 !important;
	line-height: 44px;
}

.modal_close i {
	line-height: 62px;
	vertical-align: bottom;
}

.modal_bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 6666;
	display: none;
	width: 100%;
	height: 120%;
	background-color: rgba(0,0,0,0.7);
}

.link_area {
	overflow: hidden;
	max-width: 410px;
	margin: 60px auto 0;
	text-align: center;
}

.link_area .modal_link {
	display: inline;
}

.link_area .modal_link a {
	display: inline-block;
	width: 180px;
	color: #000;
	line-height: 2.5;
	text-decoration: none;
	margin: 0 10px;
	background: #e6e6e6;
}

.link-area ul li.modal_link:first-child a {
	float: left;
}

.link-area ul li.modal_link:last-child a {
	float: right;
}


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

	/*  ウィンドウサイズ769px以下の時のスタイル  */

	.modal_box {
		padding: 50px 2vw 0;
	}

	.modal_close {
		width: 100px;
		font-size: 16px;
		line-height: 40px;
	}

	.modal_close i {
		line-height: 40px;
		margin-right: 5px;
		font-size: 24px;
	}

	.link_area {
		margin: 25px auto 50px;
	}

	.link_area .modal_link a {
		margin: 15px auto 0;
	}

	.link_area ul li.modal_link:first-child a {
		float: none;
		margin-top: 0;
	}

	.link_area ul li.modal_link:last-child a {
		float: none;
	}

}

/*--------------------------------------------------------*/

.link_area{
	margin: 25px auto 25px;
}

.link_area ul{

}

.link_area ul li{
	width: 47%;
	margin: 0 0 10px;
	display: inline-block;
}

.link_area ul li a{
	width: 100%;
	padding: 10px;
	display: block;
	background: #276fb9;
	border-radius: 5px;
	color: #fff;
	position: relative;
	font-size: 15px;
}

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

.link_area ul li a{
	padding: 5px 0;
	font-size: 13px;
}

}/* END */

.link_area ul li a::before {
/*	content: "";*/
	bottom: 40%;
	right: 10px;
	position: absolute;
	z-index: 100;
	display: block;
	width: 15px;
	height: 15px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modal_box .buttons {
    width: 100%;
    text-align: center;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    background: #ccc;
    padding-bottom: 10px;
}

.modal_box .buttons{
	width: 100%;
	text-align: center;
}


.buttons .remove_es{
	width: 70%;
	padding: 8px;
	display: inline-block;
	background: #276fb9;
	border-radius: 5px;
	color: #fff;
	position: relative;
	text-align: center;
	margin: 10px auto 0;
}


.buttons .remove_js{
	width: 70%;
	padding: 8px;
	display: inline-block;
	background: #276fb9;
	border-radius: 5px;
	color: #fff;
	position: relative;
	text-align: center;
	margin: 10px auto 0;
}

.remove_js.modal_close{
	top: 0;
	right: 0;
	background: #287b44 !important;
}

.buttons .select_subarea{
	width: 70%;
	padding: 8px;
	display: inline-block;
	background: #276fb9;
	border-radius: 5px;
	color: #fff;
	position: relative;
	text-align: center;
	margin: 10px auto 0;
}

.buttons .mclose{
	width: 25%;
	padding: 8px;
	display: inline-block;
	background: #276fb9;
	border-radius: 5px;
	color: #fff;
	position: relative;
	text-align: center;
	margin: 10px auto 0;
}


#my_criteria_name {
	width: 100%;
	padding: 5px;
}

}/*END*/

@media only screen and (max-width:320px){
#head{margin:0 0 20px;}
}/*END*/

@media only screen and (max-width:414px){
.footer_tel_box{ height: 17vw; background: rgba(255, 255, 255, 0.8);}
.footer_tel{ max-width:94%; margin:0 3%;}
}