@charset "utf-8";
/*section*/
.section{
	margin-top:20px;
	clear:both;
}
.section .inner{
	padding-right:10px;
	padding-left:10px;
	clear:both;
}
input[type="checkbox"], input[type="radio"] {
    transform: scale(1.5);
}

/* 共通 */

.ttl_note{
	padding:3% 2%;
	line-height:1.5;
}

.wrap{
}

/*============================
#header
============================*/
#header{
	display:table;
	width:100%;
}

#header h1{
	display:table-cell;
	box-sizing:border-box;
	padding:0 7% 2% 2%;
}
#header .global_menu{
background: #073967;
    box-sizing: border-box;
    display: table-cell;
    padding: 3% 4%;
    vertical-align: middle;
    width: 14%;}
/*============================
#head_nav
============================*/
#head_nav{
}
.head_nav{
	background-color:#f2f2f2;
	padding:5px  0;
}
.head_nav ul{
	display:table;
	width:100%;
}
.head_nav li{
	display:table-cell;
	width:50%;
	height:11%;
	text-align:center;
	border-right:1px solid #cccccc;
}
.head_nav li:last-child{
	border-right:none;
}
.head_nav a{
	display:block;
	padding:8px 0;
	font-size:14px;
	font-weight:bold;
	
	
}

/*============================
#area_sarch_nav
============================*/
#area_sarch_nav{
}
#area_sarch_nav h2{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#044f9a', endColorstr = '#1468b7');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#044f9a', endColorstr = '#1468b7')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #044f9a, #1468b7);
background-image: -ms-linear-gradient(top, #044f9a, #1468b7);
background-image: -o-linear-gradient(top, #044f9a, #1468b7);
background-image: -webkit-gradient(linear, center top, center bottom, from(#044f9a), to(#1468b7));
background-image: -webkit-linear-gradient(top, #044f9a, #1468b7);
background-image: linear-gradient(top, #044f9a, #1468b7);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	padding:11px 14px;
	color:#ffffff;
	font-size:16px;
}
.area{
}
.area li{
	float:left;
	font-weight:bold;
	width:50%;
	box-sizing:border-box;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#efefef');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#efefef')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffffff, #efefef);
background-image: -ms-linear-gradient(top, #ffffff, #efefef);
background-image: -o-linear-gradient(top, #ffffff, #efefef);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#efefef));
background-image: -webkit-linear-gradient(top, #ffffff, #efefef);
background-image: linear-gradient(top, #ffffff, #efefef);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	border-bottom:1px solid #50a3e3;
	border-right:1px solid #50a3e3;

}
.area li:nth-child(2n){
	border-right:none;
}
.area li a{
	padding:10px 0 16px 10px;
	display:block;
	background:url(/sp/img/arrow_icon_1.png) no-repeat center right;
	background-size:auto 14px;
	margin-right:10px;
	height:2em;
	
}

/*============================
#mokuteki_sarch_nav
============================*/
#mokuteki_sarch_nav{
	background-color:#cbe1f6;
	background-image:url(/sp/img/navy_bg_top.gif),url(/sp/img/navy_bg_btm.gif);
	background-repeat:no-repeat,no-repeat;
	background-position:top left,bottom left;
	background-size:100%;
	padding:6% 4% 7%;
}
#mokuteki_sarch_nav h2{
	margin-bottom: 10px;
	font-size:16px;
}

#mokuteki_sarch_nav .mokuteki{
}
#mokuteki_sarch_nav .mokuteki img{
	width:100%;
}
#mokuteki_sarch_nav .mokuteki li{
	background-color:#05315a;
	border:2px solid #ffffff;
	border-radius:10px;
	box-sizing:border-box;
	width:31%;
	box-shadow:0 4px 0 0 #a0b5d0;
	margin:0 3.5% 3.5% 0;
	float:left;
}
#mokuteki_sarch_nav .mokuteki li.last{
	margin-bottom: 0;
}

#mokuteki_sarch_nav .mokuteki li:nth-child(3n){
	margin-right:0;
}
/*============================
#campaign_sarch_sec
============================*/
#campaign_sarch_sec{
	padding:4% 4% 2%;
}
#campaign_sarch_sec h2{ 
	margin-bottom: 10px;
	color:#024e94;
	font-size:16px;
}
#campaign_sarch_sec .more_wrap{

}
.campaign_1{
	padding-bottom: 9%;
	border-bottom:1px solid #dddddd;
	margin-bottom: 4%;
}
.campaign_2{
	border-top:1px solid #dddddd;
	padding-top:3%;
	margin-bottom: 5%;
}
.campaign_2 li{
	width:48%;
	float:left;
	margin-right:4%;
}
.campaign_2 li:nth-child(2n){
	margin-right:0;
}
.campaign_2 li .img{
	margin-bottom: 2%;
}
.campaign_2 li .text{
	margin-bottom: 4%;
	font-size:14px;
}

/*============================
#keyword_number_sarch_sec
============================*/
#keyword_number_sarch_sec{
	padding:6% 4%;
	background-color:#cbe1f6;
}
#keyword_number_sarch_sec h2{
	margin-bottom: 10px;
	font-size:16px;
}
#keyword_number_sarch_sec .about_number{
	text-decoration:underline;
	margin-top: 9px;
}
#keyword_number_sarch_sec .about_number a{
	font-size:14px;
}
/* 検索フォーム */

.b_search{
	ime-mode:disabled;
}

.error_box {
    background-color: #fde3e3;
    border: 1px solid #ff8c8c;
    color: #ff0000;
    display: none;
    margin: 0 30px 20px;
    padding: 10px 20px;
}

dl.search1{
	position:relative;
	background-color:#fff;
	border:2px solid #073967;
	border-radius:3px;
}

dl.search1.error {
    background-color: #fde3e3;
}

dl.search1 dt{
	padding:7px;
	ime-mode:inactive;
}
dl.search1 dt input{
	width:80%;
	height:15px;
	line-height:15px;
	background:none;
	border:none;
	font-size:13px;
}
dl.search1 dd{
	position:absolute;
	top:0;
	right:0;
	width:50px;
}
dl.search1 dd .button{
	display:table;
	background:#073967;
	width:100%;
	height:35px;
	line-height:35px;
	border:none;
}
dl.search1 dd .button span{
	display:table-cell;
	text-align:center;
	color:#FFF;
	vertical-align:middle;
	
}
/*============================
#service_sec
============================*/
#service_sec{
}
#service_sec h2{
	background-color:#6dadf4;
	padding:6px 14px;
	color:#ffffff;
	font-weight:normal;
}
/*============================
#info_sec
============================*/
#info_sec{
}
#info_sec h2{
	background-color:#6dadf4;
	padding:6px 14px;
	color:#ffffff;
	font-weight:normal;
}
#info_sec li{
	padding:3% 4%;
	border-bottom:1px solid #cccccc;
}
#info_sec .date{
	font-weight:bold;
	margin-bottom: 7px;
}
#info_sec .text{
	font-size:14px;
	line-height:1.5;
}

/*============================
#footer
============================*/
#footer{
}
.footer_bg{
	background-color:#f2f2f2;
	padding:0 17px;
	padding-bottom: 29px;
}

div#footer .pmarkimg{
max-width : 75px; 

}

/* ページトップ */

.pagetop{
	background-color:#e3e3e3;
	border-bottom:1px solid #dddddd;
	box-sizing:border-box;
	text-align:center;
}
.pagetop a{
	display:block;
	padding:5% 0;
	line-height:5px;
}
.pagetop img{
	width:24%;
}
/* 表示切替 */

.change_view{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom:1px solid #dddddd;
}
.caption{
	text-align:center;
	padding:20px 0 13px;
}
.caption{
	text-align:center;
	padding:17px 0 16px;
	font-size:14px;
}
.caption .switch{
	
}
.caption li.pc_view{
	float:left;
}
.caption li.sp_view{
	float:left;
}
.caption a{
	display:block;
}
.switch{
	display:table;
	width:100%;
	border:1px solid #dddddd;
	border-radius:3px;
}
.switch li{
	display:table-cell;
	width:50%;
	text-align:center;
	font-size:13px;
	padding:8px 0;
}
.switch li.pc_view{
	background:#ffffff;
	border:1px solid #ffffff;
	border-radius:3px 0 0 3px;
	color: #333333;
	cursor:pointer;
}
.switch li.sp_view{
	background:#073967;
	border:1px solid #073967;
	border-radius:3px;
	color:#ffffff;
}
/* 情報 */

.footer_nav{
}
.cat{
	margin-bottom: 28px;
}

.cat_fl{
	margin-bottom: 17px;
}
.cat h3,
.cat_fl h3{
	margin-bottom: 9px;
}
.cat a,
.cat_fl a{
	text-decoration:underline;
	margin-right:9px;
	font-size:14px;
}
.cat li,
.cat_fl li{
	line-height:1.7;
}
.cat li{
	line-height:1.3;
	margin-bottom:1em;
}
.cat li:last-child{
	margin-bottom:0;
}
.cat_fl li{
	float:left;
	margin-right:9px;
}
.cat_fl li:after{
	content:"|"
}
.cat_fl li:last-child:after{
	content:none;
}

/* コピーライト */

.copyright{

}
.copyright p{
	text-align:center;
	font-size:12px;
}

/* 府県TOP */

/*============================
.huken_ttl
============================*/
.huken_ttl{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#044f9a', endColorstr = '#1468b7');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#044f9a', endColorstr = '#1468b7')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #044f9a, #1468b7);
	background-image: -ms-linear-gradient(top, #044f9a, #1468b7);
	background-image: -o-linear-gradient(top, #044f9a, #1468b7);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#044f9a), to(#1468b7));
	background-image: -webkit-linear-gradient(top, #044f9a, #1468b7);
	background-image: linear-gradient(top, #044f9a, #1468b7);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	padding:3% 4%;
}
.huken_ttl img{
	width:40%;
	float:left;
}
.huken_ttl .article_number{
	width:60%;
	float:right;
	color:#FFFFFF;
	text-align:right;
	margin-top: 2%;
	
}
.huken_ttl .text{
	width:58%;
	float:left;
	text-align:right;
	font-size:12px;
}
.huken_ttl .number{
	width:39%;
	float:left;
}
.huken_ttl .number span{
	font-weight:bold;
}

/*============================
#tokusen
============================*/
#tokusen{
	box-sizing:border-box;
	padding:5% 4% 1%;
	background-color:#d7ecfc;
}
#tokusen h2{
	color:#024e94;
	margin-bottom: 10px;
	font-size:16px;
}
#tokusen .item{
}
#tokusen .item ul{
	border-bottom:2px solid #095ead;
	border-left:2px solid #095ead;
	border-right:2px solid #095ead;
}

#tokusen .item li{
	width:100%;
	display:table;
	border-top:2px solid #095ead;

	background-color:#FFFFFF;
}

#tokusen .item .detail b{
	color:#095ead;
	font-size:11px;
}
#tokusen .item a{
    background:url("/sp/img/arrow_icon_1.png") no-repeat right center;
	background-size:auto 14px;
    display: block;
	padding:4%;
	margin-right: 2%;
}

#tokusen .img{
	display:table-cell;
	width:33%;
}
#tokusen .detail{
	display:table-cell;
	width:55%;
	padding-left: 5%;
	line-height:1.5;
}
#tokusen .detail .ttl{
	color:#095ead;
	font-weight:bold;
	font-size:14px;
	padding-bottom: 6px;
}
#tokusen .detail .txt{
	font-size:14px;
}
#tokusen .item .more_wrap{
	margin-bottom: 5%;
}
#tokusen .item .more_btn{
	margin-top: 5%;
}

#tokusen .item .more_hidden li:first-child{
	border-top:0px none;
}

/* 家賃相場から探す */

/*============================
#bread_list
============================*/
#bread_list{
	background: rgba(0, 0, 0, 0) url("/sp/img/bread_bg_3.gif") repeat-x;
	background-size:auto 46px;
	width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling: touch;
}
#bread_list ul{
	width:800px;
}
#bread_list li{
     float: left;
	position:relative;
	
}
#bread_list li span,
#bread_list li a{
	padding: 0px 10px 0 20px;
	display:block;
}
#bread_list li:first-child a{
	padding-left: 10px;
}
#bread_list li a{
	background: rgba(0, 0, 0, 0) url("/sp/img/bread_bg_2.png");
	background-size:auto 29px;
	line-height:29px;
	vertical-align:middle;
	font-size:11px;
}
#bread_list li a img{
	vertical-align:middle;
	padding-right: 5px;
	padding-bottom:3px;
}
#bread_list li span{
	line-height:29px;
	font-size:11px;
	
}
#bread_list li a:after{
	background:url("/sp/img/bread_bg_1.png") no-repeat right center;
	background-size:auto 29px;
	content: "";
	display: block;
    height: 29px;
    position: absolute;
    right: -11px;
    top: 0;
    width: 11px;
    z-index: 5;
}
#bread_list li img{
}
.icon_home{
	width:13px;
}
/*============================
#souba_list_sec
============================*/
#souba_list_sec{
}

#souba_list_sec list{
}

.tel_btn{
	background:url(/sp/img/contact_btn_1.png) no-repeat;
	display:table;
	width:100%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e03d65', endColorstr = '#c33050');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e03d65', endColorstr = '#c33050')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #e03d65, #c33050);
	background-image: -ms-linear-gradient(top, #e03d65, #c33050);
	background-image: -o-linear-gradient(top, #e03d65, #c33050);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#e03d65), to(#c33050));
	background-image: -webkit-linear-gradient(top, #e03d65, #c33050);
	background-image: linear-gradient(top, #e03d65, #c33050);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	border:#ae304b solid 1px;
	border-radius:5px;
	box-sizing:border-box;
	box-shadow: 0 2px 0 0 #dddddd;
	padding:6px 12px 1px;	
}

.tel_btn .icon{
	display:table-cell;
	width:28px;
	vertical-align:middle;
}

.tel_btn .info{
	display:table-cell;
	color:#FFFFFF;
	text-align:center;
	padding-left:5px;
	line-height:1.2;
	font-size:13px;
	font-weight:bold;
}

.tel_btn .info span{
	font-size:24px;
}
.tel_btn2{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#1a70c0', endColorstr = '#1159a6');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#1a70c0', endColorstr = '#1159a6')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #1a70c0, #1159a6);
	background-image: -ms-linear-gradient(top, #1a70c0, #1159a6);
	background-image: -o-linear-gradient(top, #1a70c0, #1159a6);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#1a70c0), to(#1159a6));
	background-image: -webkit-linear-gradient(top, #1a70c0, #1159a6);
	background-image: linear-gradient(top, #1a70c0, #1159a6);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	border:#0454a0 solid 1px;
}

.mail_btn{
	background:url(/sp/img/contact_btn_1.png) no-repeat;
	display:table;
	width:100%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f79313', endColorstr = '#e5790d');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f79313', endColorstr = '#e5790d')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #f79313, #e5790d);
	background-image: -ms-linear-gradient(top, #f79313, #e5790d);
	background-image: -o-linear-gradient(top, #f79313, #e5790d);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f79313), to(#e5790d));
	background-image: -webkit-linear-gradient(top, #f79313, #e5790d);
	background-image: linear-gradient(top, #f79313, #e5790d);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	border:#ef7203 solid 1px;
	border-radius:5px;
	box-sizing:border-box;
	box-shadow: 0 2px 0 0 #dddddd;
	padding:5px 12px;
}

.mail_btn .icon{
	display:table-cell;
	width:21px;
	vertical-align:middle;
}

.mail_btn .info{
	display:table-cell;
	color:#FFFFFF;
	text-align:center;
	height:40px;
	vertical-align:middle;
	padding-left:5px;
	font-weight:bold;
}

.mail_btn2 .info {
    font-size: 17px;
}

.reserve_btn{
	background:url(/sp/img/contact_btn_1.png) no-repeat;
	display:table;
	width:100%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#1a70c0', endColorstr = '#1159a6');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#1a70c0', endColorstr = '#1159a6')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #1a70c0, #1159a6);
	background-image: -ms-linear-gradient(top, #1a70c0, #1159a6);
	background-image: -o-linear-gradient(top, #1a70c0, #1159a6);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#1a70c0), to(#1159a6));
	background-image: -webkit-linear-gradient(top, #1a70c0, #1159a6);
	background-image: linear-gradient(top, #1a70c0, #1159a6);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	border:#0454a0 solid 1px;
	border-radius:5px;
	box-sizing:border-box;
	box-shadow: 0 2px 0 0 #dddddd;
	padding:5px 12px;
}

.reserve_btn .icon{
	display:table-cell;
	width:20px;
	vertical-align:middle;
}

.reserve_btn .info{
	display:table-cell;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	height:40px;
	padding-left:5px;
	font-weight:bold;
}

.contact_btn_2{
	float:left;
	width:48%;
}
.contact_btn_3{
	float:right;
	width:48%;
}

.contact_btn_4 .tel_btn{
	font-size:12px;
	padding:5px 10px;
}

.contact_btn_4 .info{
	font-size:12px;
}

.contact_btn_4 .info span{
	font-size:26px;
}

.contact_btn_5 .info{
	line-height:1.2;
	font-size:16px;
}
.contact_btn_5 .mail_btn{
	padding:5px 10px;
}

.contact_btn_4 .icon,
.contact_btn_5 .icon{
	width:19px;
}

/*============================
#store_sec
============================*/
#store_sec{
}

.property{
	padding:5% 4%;
}
.btn4{
	padding-bottom: 2%;
	width: 97%;
}
.btn5{
	float:left;
	width:47%;
	margin-right: 3%;
}
.btn6{
	float:left;
	width:47%;
}
.video_wrap{
	
}
.video_wrap video{
	width:100%;
	height:auto;
}

