@charset "utf-8";

/*プラス　プラスワン　共通ベース*/


/*全面　*/
#header,#gnav,#container,#footer{
	width:100%;
	clear:both;
}

/*コンテンツ枠　*/

.inner{
	width:960px;
	margin:0px auto;
	text-align:left;
	overflow:;
}

/*コンテンツ背景　*/


#header .inner{
	background-color: rgb(255, 255, 255);
	overflow: hidden;
	/*background-image: url(../img/header-bg.jpg);
	background-repeat: no-repeat;*/
	height: ;
}

#container .inner{
	clear:both;
	background-color:#dee1b3;
	background-color:#acd9f0;
	margin:0 auto;
	width:960px;
	overflow:hidden;
	box-shadow: 5px 2px 2px #ccc;
	padding-right:0px;
}
#menubar-s{display: none;}

/*      ヘッダー       */ 



header,#header{

	background-repeat: repeat-x;
	/*background-color: rgba(223, 245, 209,0.5);*/

}

/*===========logo付の設定=============*/
#head_add{
/*	float:left; */
	float:right; 
	width:250px;
	margin-left:0px;
	margin-left:15px;
}

h1{
	font-size: 100%;	
	padding:5px 0 2PX 2px;
	font-weight:normal;	
}

h2{
	font-size: 14px;
	margin-top:-1px;
	
}

#head_add p{
	line-height:1.4;
	float:left;
}
#head_add_tel{
	font-size: 150% !important;
	font-weight: bold;
	padding-bottom: 5px;
	color: #006200;
}

#head_logo{	
	float:left;

}

#mrdlogo img{
	float:right;
	width:220px
	margin:0;
	padding:0;
	margin-top:-15px;
}


/*      フッダー       */ 
#footer{
	clear: both;
	background-color: #03673c;
	background-color: #005ba7;
	overflow: hidden;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.f-add{
	
	margin:6px 10px 6px 0;
	
}

.f-add img{
	float:left;
	margin:0 30px 5px 10px;
}
.f-add p{
	float:left;
	margin:5px 30px 0 30px;
	color:#FFF;
}

#personal{
	float:right;
	border:1px solid #000;
	 margin:4px 0px 0 0;
	 text-align:center;
	 line-height:1.4; 
	  padding:3px;
	
	
width:190px;
}

#personal a{
	color:#000;
	
}

#copy	{
	clear:both;
	text-align:center;
	font-size:10px;
	color:#000;
	 
}

/*      コンテンツ      */ 
#container{
	clear:both;
	background-color:rgb(244, 244, 244);
	margin:0;
	height:;
	width:100%;
	overflow:hidden;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color:#006200;
	border-top-color:#005ba7;
}

/*   コンテンツ内の強調部分 */ 
#container b{
	font-weight:bold;
	
}

/*==========見出しスタイル= 共通=======================*/
.s2 {
	color: #2d522d;
	font-size: 18px;
	display: flex;
	align-items: center;
	margin-bottom:1em;
}
.s2:before, .s2:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
}
.s2:before {
	margin-right: .4em;
	background: linear-gradient(-90deg, #2d522d, transparent);
}
.s2:after {
	margin-left: .4em;
	background: linear-gradient(90deg, #2d522d, transparent);
}




/*============== サイド  ==============     */ 
.side{
	width: 190px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
	background-color: #dee1b3;
	background-color: #acd9f0;
	overflow: hidden;
}
/*.side ul{
	display: block;
}
*/
.side_bt img{
	display: block;
}



.side_sub{
	margin : 0.5em 0 1em 1.4em;
	line-height:2;
}


.banner img{
	margin:10px auto;
	text-align: center;	
}

/*PAGE TOP設定 共通
-----------------------------------------------------------*/
#pagetop {
	clear: both;
	padding-top: 40px;
}
#pagetop a {
	text-decoration: none;text-align: center;display: block;float: right;
	color: #fff;		/*文字色*/
	font-size: 20px;	/*文字サイズ*/
	background: #607D8B;	/*背景色*/
	width: 60px;	/*幅*/
	line-height: 60px;	/*高さ*/
	margin-bottom: 20px;
}
/*マウスオン時*/
#pagetop a:hover {
	background: #333;	/*背景色*/
}
/* =============   メイン  =============     */ 

.main{
	float:right;
	width:750px;
	margin:0;
	padding:10px 5px 50px 15px;
	background-color:#FFF;
	height:px;
	overflow:;
}



/*トップページ*/

.main h3{
/*	font-size:12px;*/
	font-size:16px;
}

/*トップページ メッセージ*/
.box01-left{
	float:left;
	width:420px;
	margin-bottom:20px;
	
	}
	
.main .info-box iframe{background: url(../img/bg-image.gif);background-repeat : no-repeat;}
.titlenews {margin: 1em 1em 1em 0;background: #0075c1;font-size: 120%;color: #FFF;letter-spacing: 0.1em;box-shadow: 0px 8px 1px -3px rgba(0, 0, 0, 0.3);padding: 0.5em 0.5em 0.1em 0.5em;/*padding: 0.5em;*/}
.titlenews h3{font-weight: normal;text-shadow: 1px 1px 2px #000;}


.info,#info02{
	float:left;
	width:115px;
	margin-bottom:6px;			
}

/*
.info02{
	padding-top:2px;
	background-image:url(../img/message02.gif);
	background-repeat:repeat-x;
	width:;
	margin-top:2px;	
}
*/

.info-box{
	clear:both;
/*	margin-bottom:15px;	*/
	margin-bottom:5px;	
}


.info-box img{
		margin-left:5px;
	
}

.info-box .info_txt{
	font-size:115%;
	padding-left:10px;
}

/*コンセプトアピール*/
.main-02{
	margin:1.5em 0;
	}
.main-02 h3{
	font-size:135%;

}


.main-02 img{width:240px;}
.main-02_left{float:left;width:490px;height:;}

.main-02_box1{
	float:left;
	width:238px;
	height:170px;
	background-color:rgb(244, 244, 244);
	margin-bottom:8px;
	line-height:1.8;
	border:1px solid #ccc;
}
.main-02_box1 p{
	background-color:#2d522d;
	background-color:#005ba7;
	color:#fff;
	text-align:center;
}

.main-02_box1 ul{
	margin:10px;
}

.main-02_right{
	float:left;
	width:240px;	
}
.main-02_right{
	float:left;
	width:240px;
}
/*トップページ　パース画*/
 .jirei-img02 img{
	width:340px;
	margin:10px 10px;
	border:1px solid #ccc;
}

/*トップページ 注目物件*/
.bukken{
clear:both;
	background-image:url(../img/bar-chumoku02.gif);
	background-repeat:no-repeat;
	margin-top:20px;


}

h3{
	margin:0px 15px 5px 0;

}

.bukken_txt{
	margin:0 20px 0 10px;
	padding:10px;
	font-size:220%;
	border:1px solid #ccc;
	
}

.bukken_txt .txt_s{
	font-size:50%;
}

.bukken_txt p.txt_l{
	color:#f60;	
}

.top_concept{
	/*background-color:#2d522d;*/
	color:#2d522d;
	color:#1860a2;
/*	margin:0px 20px 10px 0;*/
	margin:0px 20px 20px 0;
	padding-top:10px;
	}



.kaitori_consul{
	float:left;
	width:240px;
	height:170px;
	border:1px solid #ccc;
	margin-left:4px;
	/* margin-right:4px; */
	margin-bottom:8px;
}

.kaitori_consul a{
	display:block;
	width:240px;
	height:170px;
	text-decoration: none;
}

/*======会社理念　rinen=======*/

.rinen{
	margin-top:100px;
	margin-right:10px;
	}

.rinen h4{
	text-align:center;
	font-size:120%;
}
.rinen h4 before{
	content:"－";
	width:300px;
	
}

.rinen .rinen_logo{
	margin:40px auto;
	display:block;
	border:1px solid #ccc;
}
.rinen dl{
	line-height:2.2;
	margin-left:3.5em;
	margin-top:20px;
	width:640px;
	font-size:110%;
}
.rinen dd{
	margin-bottom:2.2em;
	margin-left:1em;
	float:left;
	width:560px;
}

.rinen dt{
	/*margin-top:0.1em;
	/*margin-right:0.5em;*/
	float:left;
	width:110px;
	background-color:#fd812e;
	border-radius:15px;
	color:#fff;
	padding-left:1em;

}

.rinen .kyocyo{
	font-size:120%;
	font-weight:bold;
	color:#2d522d;
	color:#1860a2;
}



/*======事例ページ　スタイル==page_kaitori=============================*/


.page_kaitori .com-title-bar{
	/* width:590px; */
}
.page_kaitori .com-title-bar h4{
	/* margin-left: -7em; */
}	
	

.page_kaitori .concept,.page_kaihatsu .concept{
	font-size:110%;
	margin:1em 0;
	font-weight:normal;
}

.kaitori_box{
	border:1px solid #ccc;
	padding:1em;
	margin:0 1em 1em 0;
	border-bottom:;
	font-size:105%;
}


.kaitori_tt{
	font-size:115%;
	font-weight:normal;
	color: #fff;
	background-color:#2d522d;
	text-align:center;
	margin-bottom: 0.8em;
	padding:0.2em;

}


.kaitori_box p,.kaitori_box img,.kaitori_box ul{
	margin:0 0.5em 1em;
}

.kaitori_box ul,.kaitori_box dl{
	border:1px solid #cccdce;
	background-color:#f0f9e2;
		background-color:#e8fbf3;
	padding:0.5em 1em 1em;
	margin-bottom:1em;
	/*width:500px;*/
}


.kaitori_box li,.kaitori_box dd{
	margin-left: 2.5em;
	position: relative;
} 

.area_tt,.kaitori_box dt{
	background-color: #2d522d;
	/*background-color:#005ba7;*/
	width: 5.5em;
	padding:0.2em 0.5em;
	color:#fff;
	margin-bottom:0.3em;
	margin-top:0.5em;
}

.kaitori_box ul li:before,.kaitori_box dl dd:before{
    content: "";
    position: absolute;
    top: 0.2em;
    left:-1em;
    width: 0;
    height: 0;
    margin: 0px;

    border: transparent solid 0.4em;
    border-left-color: #f60;
}

.jirei-img01 img{
	margin:0;
	
}
.page_kaitori .jirei-img02 img{
	width:345px;
	margin:10px 0;
}


/*.jirei02 img{
	width:310px;
	margin-top:10px;
}*/
/*======不動産買取開発ページ　スタイル==page_kaihatsu===========*/


.page_kaihatsu p.txt_l{
	color:#f60;
	font-size:120%;
	border:1px solid;
	padding:0.4em;
	margin-top:0.5em;
}

.page_kaihatsu .com-title-bar{
	width:550px;
}
.page_kaihatsu .com-title-bar h4{
	/* margin-left: -10.2em; */
}
.page_kaihatsu .kaitori_box .jirei-img02 img{
	width:345px;
	margin:10px 2px 10px 0;	
}


/*======事例ページ　スタイル==page_company===========*/
.map {
	margin:50px 0 20px;
}



/*======コンサルティングページ　スタイル==page_consul===========*/
.page_consul{
	line-height:1.8;

}


.page_consul .mein_text p{
	margin:20px 20px 40px;
	margin-left:0px;
	padding:0.5em;
	background-color:#dbf1ef;
}


.page_consul .mein_text dt{
	font-size:120%;
	font-weight:bold;
	color:#ff6600;
	margin-left: 1em;
	position: relative;
	background-image: linear-gradient(transparent 60%, #f5e3cb 40%);
	width:345px;
	padding-bottom:0.1em;
}
.page_consul .mein_text dt:before{
	content: "◎";
    position: absolute;
    top: -0.2em;
    left:-1em;
   font-size:120%;
   font-weight:bold;
	background-image: linear-gradient(transparent 60%, #f5e3cb 40%);
} 



.page_consul .mein_text dd{
	margin:0.5em 1em 2em 0;
}

.consul_img{
	max-width:auto;
	height:80px;
	background-image:url(../img/consul-image_l.png);
	background-repeat:no-repeat;
/*	margin:5em 0 3em;*/
	margin:1rem 0 3em;
}
.consul_img h3{
display:none;
}
.page_consul .mein_text dd.s_bottom{
	margin-bottom:1em;
}

/*======イベントページ　スタイル==page_event===========*/

.page_event{
	min-height:800px;
}
.event_tt{
	margin:20px 20px 0;
}

.event_txt{
	margin:0 20px;
	padding:10px;
	font-size:220%;
	border:1px solid #ccc;
	
}
.event_txt p.txt_l{
	color:#f60;	
}


/*　画面サイズが500px以下はここを読み込む　*/
@media screen and (max-width:500px) {

/*--共通スタイル------------------*/
.inner,#container .inner{
	width:auto;
	float:none;
	padding:0.5em;
	
	}

#container .inner{
background-color:#fff;	
	}

#head_add{
	display:none;
	}
img{
	width:100%;
	max-width:450px;
	margin:0 auto;
	}
#mrdlogo img{
	display:none;
	}

.main{
	padding:0;	
	float:none;
	width:100%;
	}

#f-link{
	display:none;
	}
/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	margin-right: 3%;
	}

.com-title-bar,.com-title{
	display:none;
	}
/*--コンサル　スマホスタイル------------------*/
.consul_img{
	min-width:50%;
	background-image:url(../img/consul-image_s.png);
	margin:0;
	}

.consul_img h3{
	display:block;
	font-size:125%;
	color:#0462b3;
	padding:0.5em 0 0 0.5em;
	}

.page_consul .mein_text dt{
	width:95%;
	font-size:110%;
	}
/*--イベント　スマホスタイル------------------*/
.page_event #footer.inner{
   width:100%;
  }
 
.page_event{
	height:200px;
   }
/*トップページ スマホスタイル------------------*/
.box01-left img,.kaitori_consul{
	display:none;
	}

.main-02_left,.main-02_box1,.kaitori_consul,.rinen{
	float:none;
	width:100%;
	margin:0;
	padding:0;
	}
.rinen dl,.rinen dd{
	width:auto;
	margin:0;
	}

.main-02 img{
width:100%;
padding:0;
margin:0;
	}

/*ナビゲーション　設定
アニメーションのフレーム設定。全100コマアニメーションだと思って下さい。
透明度(opacity)0%から透明度100%にする指定。*/
@keyframes menu1 {
0% {opacity: 0;}
100% {opacity: 1;}
	}



   /*スマホ用メニューを非表示から表示に切り替える*/
#menubar-s {
	display: block;
	overflow: hidden;
	position: absolute;
	border-top: 1px solid #fff;
	width: 100%;
	z-index: 10;
	animation-name: menu1;		/*上のkeyframesの名前*/
	animation-duration: 0.5S;	/*アニメーションの実行時間。0.5秒。*/
	animation-fill-mode: both;	/*アニメーションの完了後、最後のキーフレームを維持する*/
	}
/*メニュー１個あたりの設定*/
#menubar-s li a {
	display: block;text-decoration: none;
	padding: 15px 5%;
	border-bottom: 1px solid #fff;
	background: #1860a2;
	color: #fff;
	font-size: 150%;
	}
/*PC用メニューを非表示にする*/
#menubar,.side {
	display: none;
	}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	position: absolute;
	top: 3%;	/*上から3%の場所に配置*/
	right: 3%;	/*右から3%の場所に配置*/
	}
/*アイコン共通設定*/
#menubar_hdr.close,
#menubar_hdr.open {
	width: 50px;	/*幅*/
	height: 50px;	/*高さ*/
	border: 1px solid #000;	/*枠線の幅、線種、色*/
	}
/*三本バーアイコン*/
#menubar_hdr.close {
	background: #fff url(../img/icon_menu.png) no-repeat center top/50px;
	}
/*閉じるアイコン*/
#menubar_hdr.open {
	background: #fff url(../img/icon_menu.png) no-repeat center bottom/50px;
	}

}