@charset "utf-8";

/* スマートフォン用CSS */

.top-information {
  border-top: 3px solid #ee8888;
  border-bottom: 3px solid #ee8888;
  margin: 0 auto;
  padding: 16px;
  background-color: #fff4f4;
  width: auto;
}
.top-information h3{
  border-left:4px solid #555;
	text-indent:10px;
	font-weight:bold;
	font-size:16px;
	color:#555;
	margin:0 0 10px 0;
}
.warn p:not(:last-child) {
  margin-bottom: 0.5rem;
}

.top-information.info {
  border: none;
  background-color: #F6F6F6;
}

img{
max-width: 100%;
height: auto;
width:auto;
}

/*smpでは隠す*/
header+nav {

}
/**/
.mean-container{
	position: relative;}
.mean-container .catchtext{
	position: absolute;
	top:0;
	left:5px;
	z-index:30;
	/*width:90%;*/
	height:1.5em;
		font-size: 80%;
	}
.mean-container .header_logo{
	position: absolute;
	top:1.5em;
	z-index:30;
	width:70%;
	}
#gnavi,
{
		display:none;
}
.sidemenu_inner,
.smpno,
.none
{
	display:none;
}
.pem p{
	margin-bottom: 1em;}
/*-----------------------------------------------
header
-----------------------------------------------*/
.logo img{
width: 280px;
}
.h_info{
	padding-top: 0.1em;}
.btn_h_mail{
	display: block;
	margin-left:auto; margin-right:auto;
	text-align: center;
	}
.smpnavtel{
/*	background:url(../img/h_info.png) no-repeat 50% 5px;
	width:270px;
	height:80px;
	text-indent:100%;
white-space:nowrap;
overflow:hidden;*/

	}
.smpnavtel a{


	}
	
	
.smpnavtel a{
	display: inline-block;
	margin-bottom: 6px;
	letter-spacing: -0.1px;
	font-size: 32px;
				line-height: 1;
			color: #0C2C86;
			font-weight: bold;
				font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}
.smpnavtel a:before{
			font-family: 'FontAwesome' ;
			content: '\f095';
display: contents;
    width: 1.2em;
			text-align: center;
			font-size: 1em;
			line-height: 1;
			color: #0C2C86;
		}
.smpnavtel a:link{color:#0c2c86; }
.smpnavtel  a:visited{color:#0c2c86; }
.smpnavtel  a:hover{color:#0c2c86; }
.smpnavtel  a:active{color:#0c2c86; }
	
	
	
	
/**/
article, aside, dialog, figure, footer, header, menu, nav, section{
	display: block;
	margin:0;
	padding:0;
}
body{
	width:100%;
	min-width:auto;
	line-height:1.7;
	font-size:13px;
	padding:0;
	margin:0;
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	color:#222;
}
html,body{ height:100%;}
ul, ol, dl,dt,dd,div,ol,ul,li{
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:100%;
}
li{list-style-type:none;}

textarea{font-size:100%;}

a{outline:none;border:0;}

table {
	border-collapse:collapse;
	border-spacing:0;
}

a:link{color:#006699;text-decoration:underline;}
a:visited{color:#006699;text-decoration:underline;}
a:hover{color:#ED3FA4;text-decoration:underline;}
a:active{color:#006699;text-decoration:underline;}

/*位置と状態*/
.r{ text-align: right;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.cen{text-align:center;}
.r{text-align:right;}
.l{text-align:left;}
.bold{font-weight:bold;}
.clearfix:after{content: "";display: block;clear: both;}

/*余白*/
.mb1em{margin-bottom:1em;}
.mb2em{margin-bottom:2em;}
.mb3em{margin-bottom:3em;}
.mb5em{margin-bottom:5em;}
.w80{
	width:80%;
	margin-left:auto; margin-right:auto;
	display: block;
	}
	.mainbox {
	padding-top: 0;
	}
.jisage{
	padding-left:1em;
	text-indent:-1em;
}
input[type="checkbox"],
input[type="text"],
select{
	margin:0 4px 0 0;
}
/* form */
.footmenu dl dd{
margin-bottom: 1em;
}
.footmenu dl dd a{
width: 40%;
margin-bottom: 4px;
}
.footcontactposi{
	margin-left:auto; margin-right:auto;
	display: block;
	text-align: center;
	padding-top: 10px;
	margin-bottom: 10px;
	}
button, fieldset, form, input, label, legend, select, textarea {
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	vertical-align:top;
}
.red {color: #f00;}

footer{
padding: 10px 10px 0 10px;}
footer .copyright{
	text-align: center;
	color:#FFFFFF;
	font-size: 80%;
	padding: 10px 0;
	}
footer .footer_inner{
		overflow:hidden;
		width: 100%;
}
	footer .footer_inner:after{content: "";display: block;clear: both;}

footer .footer_inner .pagetop{
	float:right;
	display:block;
	width:44px;
	height:44px;
	position: fixed;
	bottom:5px;
	right:5px;

}
footer .footer_inner ul{
	margin:10px 0 30px 0;
	line-height:1.8;
	overflow: hidden;
		overflow:hidden;
		width: 100%;
}
footer .footer_inner ul li{
	float:left;
	width: 40%;
	padding:0 10px;
	border-right:1px solid #ccc;
	margin-bottom:10px;
	line-height:1.3;
}


footer .footer_inner ul li:nth-child(even){
	border: none;
}
/*-----------------------------------------------
共通
-----------------------------------------------*/
.wrapper{
	margin: 0 5px 2em 5px;}

.contents{
	margin: 0 5px 2em 5px;}
.contents:after{content: "";display: block;clear: both;}
.img_center, .imgcen {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*パンくず*/


/*左コンテンツ*/
.inner_left{
	margin:0 0 2em 0;
}
.pmbem p{
	margin-bottom:1em;}

.area01{
	overflow:hidden;
	background:#F6F6F6;
	padding:12px 8px 20px 8px;
	margin:0 0 30px 0;
}
.area01_inner .photo {
padding: 3px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-left:  auto;
margin-right:  auto;
display:  block;
margin-bottom: 20px;
}
.area01_inner .left p{
	text-align: center;
	margin-bottom: 20px;
	}
.area01_inner img{
	width: 90%;}
.area01_inner .text{
	margin:0 0 2em 0;
}
.area01_inner .text ul li{
	padding:8px 0;
	border-bottom:1px solid #ccc;
}
.jigyonaiyo_inner{
	overflow:hidden;
}

.jigyonaiyo_inner:after{content: "";display: block;clear: both;}

.jigyonaiyo_inner ul{
	width:100%;
	margin:0 -20px 0 0;
	overflow:hidden;
}
.jigyonaiyo_inner ul li{
	width:100%;
	margin:0 20px 0 0;
	background:#fff;
	position:relative;
	border:1px solid #ccc;
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
   -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    -ms-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
     -o-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
        box-shadow: 0px 3px 3px rgba(0,0,0,0.4);

-webkit-border-radius: 0.2em;
   -moz-border-radius: 0.2em;
    -ms-border-radius: 0.2em;
     -o-border-radius: 0.2em;
        border-radius: 0.2em;
		margin-bottom: 1em;
		box-sizing:border-box;
		padding-bottom: 40px;
}
.jigyonaiyo_inner ul li img{
margin-left: auto; margin-right: auto;
text-align: center;
display: block;
}
.jigyonaiyo_inner ul li .jigyobox{
	padding:16px 14px 14px;
}

	.jigyonaiyo_inner ul li .jigyobox p{
		overflow: hidden;
		display:block;
	}
.jigyonaiyo_inner ul li .shosai{
	position:absolute;
	bottom:4px;
	right:8px;
}
.title_about{
	background-color: #F9DEE3;
border-radius: 3px;
overflow: hidden;
padding:5px 3px;
margin-bottom: 1em;
	}
/*ttl タイトル*/


.title_about h2{
	overflow:hidden;
background-size: ;
line-height:16px;
font-size:120%;
padding:0 0 6px 6px;
display:block;
color:#e50012;
border-bottom: 2px solid #fff;
	}

.title_about h2:before {
display: inline-block;
font-family: 'FontAwesome';
content: '\f041';
color:#e50012;
font-size: 18px;
margin-right: 6px;
}



/*-----------------------------------------------
sidemenu
-----------------------------------------------*/
aside{
	margin: 0 5px 2em 5px;}
	
.contents{
	margin: 0 5px 2em 5px;}
.contents:after{content: "";display: block;clear: both;}
/*パンくず*/
.path{
	margin:0.2em 0;
	font-size:0.8em;
	height:20px;
	display: block;
	width: 100%;
	overflow: hidden;
}
.inner_left {
    margin: 0 0 2em 0;
}
.ttl_reno{
    background-size: cover !important;
    margin: 0 0 1em 0.5;
    background: url(../img/ttl_reno.jpg) no-repeat center center;
    line-height: 1.6;
	position: relative;
	padding-top: 24.3%;
    height: 0;
	}

.ttl_privacy{
    background-size: cover !important;
    margin: 0 0 1em 0.5;
    background: url(../img/ttl_privacy.png) no-repeat center center;
    line-height: 1.6;
	position: relative;
	padding-top: 24.3%;
    height: 0;
	}
.ttl_chintaikanri{
    background-size: cover !important;
    margin: 0 0 1em 0.5;
    background: url(../img/ttl_chintaikanri.png) no-repeat center center;
    line-height: 1.6;
	position: relative;
	padding-top: 24.3%;
    height: 0;
	}
.ttl_sitemap{
    background-size: cover !important;
    margin: 0 0 1em 0.5;
    background: url(../img/ttl_sitemap.jpg) no-repeat center center;
    line-height: 1.6;
	position: relative;
	padding-top: 24.3%;
    height: 0;
	}
.ttl_company{
    background-size: cover !important;
				margin-bottom: 1em;
    background: url(../img/ttl_company.png) no-repeat center center;
    line-height: 1.6;
	position: relative;
	padding-top: 24.3%;
    height: 0;
				position: relative;
	}
	.ttl_info{
    background-size: cover !important;
				margin-bottom: 1em;
    background: url(../img/ttl_info.png) no-repeat center center;
    line-height: 1.6;
	position: relative;
	padding-top: 24.3%;
    height: 0;
				position: relative;
	}
	.ttl_cancel{
    background-size: cover !important;
				margin-bottom: 1em;
    background: url(../img/ttl_cancel.png) no-repeat center center;
    line-height: 1.6;
	position: relative;
	padding-top: 24.3%;
    height: 0;
				position: relative;
	}
.ttl_contact{
    background-size: cover !important;
    margin-bottom: 1em;
    background: url(../img/ttl_contact.png) no-repeat center center;
    line-height: 1.6;
	position: relative;
	padding-top: 24.3%;
    height: 0;
	}

.ttl_privacy p,
.ttl_sitemap p,
.ttl_cancel p,
.ttl_info p,
.ttl_company p,
.ttl_contact p{
	color: #222;
    font-size: 140%;
    font-weight: bold;
    font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",monospace, sans-serif;
	    text-shadow: 1px 2px 1px #fff;
position: absolute;
    top: 50%;
    left: 2%;
    transform: translateY(-50%)/* translateX(-40%)*/;
	}
/*-----------------------------------------------
お問合せ
-----------------------------------------------*/

.company_table td dl{
width:100%;
overflow:hidden;
padding:10px 20px 0 20px;
box-sizing: border-box;
}
.company_table td dl dt{
clear:both;
float:left;
width:120px;
margin:0 0 10px;
font-weight: bold;
color: #666;
}
.company_table td dl dd{
margin:0 0 10px;
border-bottom:1px dotted #ddd;
padding:0 0 10px 120px;
}

.kajo{
margin-left: 1em;
}
.kajo ol li {
    list-style-type: decimal;
    margin: 0 0 6px 1em;
}


/*-----------------------------------------------
解約通知フォーム
-----------------------------------------------*/
.kaiyaku_inn_table{
margin:0 auto!important;
border-collapse:collapse;
border:2px solid #CEA868!important;
background:#FCF6E8;
}
	.kaiyaku_inn_table th{
	display:block;
	width:92%!important;
	text-align:left;
	font-weight:normal;
	padding:4px;
	background:#CEA868!important;
	color:#fff;
	border-right:none!important;
	border-bottom:1px solid #fff!important;
	font-size:12px;
	}
.kaiyaku_inn_table02{
width:96%!important;
margin:0 auto!important;
border-collapse:collapse;
border:none!important;
font-size:13px!important;
}
	.kaiyaku_inn_table02 td{
	display:block;
	width:94%!important;
	padding:4px 0 !important;
	border-right:none!important;
	border-bottom:none!important;
	}
.calculatetable table{
	width:100%;
	margin:0 auto 40px;
	border:1px solid #ccc;
	font-size:14px;
	border-collapse:collapse;
}
.calculatetable table th{
	display:block;
	width:92%;
	background:#eee;
	font-weight:normal;
	text-align:left;
	padding:10px 4%;
	vertical-align:top;
	border-bottom:1px solid #ccc;
	border-right:none;
}
.calculatetable table th br{display:none;}
table td.contact_li li{
margin-bottom: 0.5em;
}
.calculatetable table td{
	display:block;
	width:92%;
	padding:10px 4%;
	vertical-align:top;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.calculatetable table input[type="text"],
.calculatetable table textarea{
	padding:6px;
	margin-bottom: 8px;
}
.calculatetable table label{
	display:block;
	margin:0 10px 10px 0;
}
.calculatetable table label:last-child{
	margin:0 10px 0 0;
}
.yaarea:after{content: "";display: block;clear: both;}

.input_long{width:85%;}
textarea.long{width:90%;}

.arrow{
	width:100%;
}
/* 矢印on */
.arrow_on {
    padding-top: 5px; /* 要素の上の余白調整 */
    width: 96%; /* 四角形の幅 */
    height: 26px; /* 四角形の高さ */
    background: #666;
    position: relative;
	color:#fff;
	}

.arrow_on:after {
    border-left: 15px solid #666; /* 右向きの三角形を作るため左のボーダーに色を付ける */
    border-top: 15px solid transparent; /* 上のボーダーを透過に指定 */
    border-bottom: 15px solid transparent; /* 下のボーダーを透過に指定 */
    content: "";
    position: absolute;
    right: -15px;
    top: 0;
}
/* 矢印off */
.arrow_off {
    padding-top: 5px; /* 要素の上の余白調整 */
    width: 96%; /* 四角形の幅 */
    height: 26px; /* 四角形の高さ */
    background: #eee;
    position: relative;
	color:#aaa;
}
.arrow_off:after {
    border-left: 15px solid #eee; /* 右向きの三角形を作るため左のボーダーに色を付ける */
    border-top: 15px solid transparent; /* 上のボーダーを透過に指定 */
    border-bottom: 15px solid transparent; /* 下のボーダーを透過に指定 */
    content: "";
    position: absolute;
    right: -15px;
    top: 0;
}
/* テキストの指定 */
.arrow span {
    position: relative;
    z-index: 3;
    font-weight: bold;
	height:20px;
	line-height:20px;
	font-size:14px;
	text-align:center;
	padding:0 0 0 5px;
	display:block;
}

/* 矢印エリア */
.yajirushi{
	width:28%;
	float:left;
	margin:0 16px 20px 0;
		font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;

}
.arrow span.smpno{
display: none !important;
}

.yaji_box{
overflow: hidden;
margin-left: 1%;
}
.search_merit{
	margin:0 auto;
	display:block;
	text-align:center;
}
.search_merit ul {
	margin:0 auto;
		margin: 1em 0; padding-left: 2em;
		list-style-type: disc;

}
.search_merit li {
	padding:4px 0;
	text-align:left;
list-style-type: disc !important;
}

.hissu {
	color:#CC0000;
	font-weight:bold;
}
.error {
	color:#CC0000;
	display:block;
}
.contact_02,
.contact_02 table{
	width:100%;
	border:1px solid #ccc;
	margin-bottom:30px;
border-collapse:collapse;
	}
.contact_02 th {
	width:100%;
	display:block;
	box-sizing:border-box;

	font-weight: bold;
	color:#666666;

	background:#f6f6f6;
	text-align: left;
	line-height: 1.5;
	padding: 5px;
	vertical-align: middle;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
	.contact_02 tr:last-child th{/*最後のtrのth*/
	/*border-top:1px solid #ccc;*/
	border-bottom:1px solid #ccc;
	}
.contact_02 td {
	width:100%;
	display:block;
	box-sizing:border-box;

	padding: 5px;
	vertical-align: middle;
	background-color: #fff;
	line-height: 1.75em;
	text-align:left;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
/*チェックボックス見やすく*/
.contactbox input[type="checkbox"] {
    transform: scale(1.5);
	margin: 5px;
}
.company_table{
	width:100%;
	margin:0 0 20px 0;
	border:1px solid #ccc;
	border-collapse:collapse;
}
.company_table thead{
	display:none;}
.company_table th {

	width:100%;
	display: block;
	box-sizing: border-box;
	color:#666;
	text-align: left;
	background:#eee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:6px 10px;
	font-weight:normal;
}
.company_table td {
		width:100%;
	display: block;
	box-sizing: border-box;
	vertical-align: top;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 6px 10px;
}
/*ページ下部のお問合せBOX*/
.calculatetable td textarea {
    width: 90%;
}
.calculatetable .w_100 {
    width: 90%;
}
.subtext02{
text-align: center;
}
.contact_bottom_deco01 {
    font-weight: bold;
    color: #000;
    font-size: 140%;
    margin: 0 0 0.5em 0;
    text-align: center;
    display: block;
}

.contactbox_bottom{
    max-width: 100%;
    padding: 10px;
    border: 4px solid #ddd;
    background-color: #fff;
    margin: 0 2% 20px 2%;
    box-sizing: border-box;

}
.contactbox_bottom .title{
	height:33px;
	line-height:33px;
	background:#0371BB;
	text-align:center;
	color:#fff;
	font-size:18px;
	    background: -webkit-linear-gradient(top, #009DE5 0%, #0371BB 88%);
    background: -moz-linear-gradient(top, #009DE5 0%, #0371BB 88%);
    background: linear-gradient(to bottom, #009DE5 0%, #0371BB 88%);
}
.contactbox_bottom .tel{
	text-align:center;
	font-size:200%;
	font-family: 'Poppins', sans-serif;
}
.contactbox_bottom .tel a:link{color:#222;text-decoration:none;}
.contactbox_bottom .tel a:visited{color:#222;text-decoration:none;}
.contactbox_bottom .tel a:hover{color:#222;text-decoration:none;}
.contactbox_bottom .tel a:active{color:#222;text-decoration:none;}

.contactbox_bottom .tel:before{
	font-family: 'FontAwesome' ;
	content: '\f095';
	display: inline-block;
	width: 1.2em;		/*文字の1.2倍の横幅に*/
	text-align: center;	/*その中で中央寄せ*/
	color:#e50012;		/*色*/
	font-size: 1.1em;		/*2倍の大きさ*/


}
.contactbox_bottom dl.time{
	width:310px;
	margin:0 auto 6px;
	padding:0 0 0 10px;
	font-size:15px;
}
.contactbox_bottom dl.time:after{content: "";display: block;clear: both;}

.contactbox_bottom dl.time dt{
	display:block;
	float:left;
	font-weight:bold;
}
.contactbox_bottom dl.time dd{
	display:block;
	float:left;
	margin:0 20px 0 4px;
}
.contactbox_bottom .line{
	text-align:center;
	font-size:15px;
	margin:0 0 12px 0;
	font-weight:bold;
}
.contactbox_bottom a.contactbox_mail{
	display:block;
	background:#777;
	margin:10px;
	font-size:15px;
	padding:6px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
font-family: 'Poppins', 'Noto Sans JP', sans-serif;
}
.contactbox_bottom a.contactbox_mail span{
	/*position: absolute;
	top: 0px;
	left: 84px;*/
	color:#777;
	background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
padding:2px 10px;
}
.contactbox_bottom a.contactbox_mail p:before{
	font-family: 'FontAwesome' ;
	content: '\f003';
	color:#fff;
	font-size: 24px;
	margin-right: 5px;

}
.contactbox_bottom a.contactbox_mail:link{color:#fff; text-decoration:none;text-align: center;}
.contactbox_bottom a.contactbox_mail:visited{color:#fff; text-decoration:none;}
.contactbox_bottom a.contactbox_mail:hover{color:#fff; text-decoration:none;opacity:0.7;}
.contactbox_bottom a.contactbox_mail:active{color:#fff; text-decoration:none;}

.sitemaparea ul{
	overflow: hidden;
	margin-left: 1em;}

.sitemaparea ul li { list-style:none;
margin-bottom: 0.5em;
}
.sitemaparea ul li:before { content:"▶";
margin-right:3px;
font-size:80%;
color: #069;
}

/**/
.privacyarea{
	font-size: 14px;
	}
.privacyarea ul{
	}
.privacyarea ul li{
	padding-left:2em;
	text-indent:-2em;
	margin-bottom: 2em;
	}

.privacyarea ul li ul li{
	margin-bottom: 1em;
	padding-left:2.5em;
	text-indent:-2.5em;
	}
/*物件検索*/
.wrap_cms {
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 20px;
}

/****/
.pan {
    font-size: 70%;
    margin: 10px auto 10px 5px;
}

.sub_w{
	margin: 0 5px 2em 5px;
}

input[type="checkbox"] {
    transform: scale(1.4);
				margin-right: 4px;
				vertical-align: middle;
}
input[type="radio"] {
    transform: scale(1.4);
				margin-right: 4px;
				vertical-align: middle;
}

.le_photo_president {
margin-left: auto; margin-right: auto;
    text-align: center;
				margin-bottom: 1em;
}

.ri_text_president {

}

.member_contact_box{
margin-left: 5px; margin-right: 5px;
}

.title_posi p {
width: 90%;
}