/**********************
main.css
**********************/
body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #595757; }

.back01{ width:100%; background:url(../images/top-main-bg.jpg) no-repeat center; background-size:cover; }

.back05_on{
	width:77.9%;
	margin:0 0 0 22.1%;
}

h1,h2,h3,h4 { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }

h3 { border-bottom: 2px solid #B18147; display: inline-block; }

p { font-size: 14px; }

.t-left { text-align: left; }
.t-center { text-align: center; }


/**  各コンテンツ背景画像  **/

/****  画面幅1200px未満対応  ****/
img { width: 100%; height:auto; }

/*固定ボタン*/
.kote{ width:8%; height:auto; position:fixed; top:10%; right:0; z-index:300; }
.disp_s { display:block; }
.disp_p { display:none; }

/*** メインコンテンツ  ***/
.main01 { width:96%; margin:0 auto; position:relative;   }

.main02, .main03 { width: 96%; margin: 20px auto; text-align: center; }

/*ヘッダー*/
.header { width: 100%; z-index: 1000; }

.head01_00 {/*398 1200*/
	text-align: center;
	margin:0;
}


.head01_01 {/*490 1200*/
	width:40.8333333%;
	margin: 0 auto;
	text-align: center;
}
.head01_02 {/*180 1200*/
	width:15%;
	margin:0 2% 0 7%;
}
.head01_03 {/*398 1200*/
	width:33.1666666666666%;
	margin:0;
}


.whats { background: url(../images/whats-bg.jpg) center center; padding: 2% 0 2% 2%; text-align: center; margin: 0 auto; }
.subTxt { font-weight: 200; color: #727171; font-size: 14px; display: block; padding: 1em; }
.whats h2 { font-size: 38px; color: #9F854A; }
.whats_box { margin: 3em 0; line-height: 1.8; }
.whats_boxL { float: left; width: 32%; margin: 5px 2% 5px 6%; }
.whats_boxL img { width: 100% !important; }
.whats_boxR { float: right; width: 50%; margin: 7% 0% 5px 2%; background: #FFF; padding: 2% 6% 2% 2%; text-align: left; }
.whats_boxR h3 { font-size: 26px; color: #B18147; font-weight: 400; }
.whats_boxR p { margin-top: 2em; font-size: 14px; }


.main02 h2 { font-size: 38px; color: #9F854A; }
.main02 p { margin-top: 2em; font-size: 14px; }

.dev table { border-collapse:  collapse; width: 98%; margin: 3em auto; max-width: 1200px; text-align: center; font-size: 14px; }
.dev th,td { border: solid 1px; }

.box, .box2 { max-width: 1200px; line-height: 1.8; width: 98%; }
.boxL { float: left; width: 48%; margin: 2% 2% 2% 0; text-align: left; }    
.boxR { float: right; width: 48%; margin: 2% 0% 2% 2%; text-align: left; }

.box h3, .box2 h3 { font-size: 26px; color: #B18147; font-weight: 400; }
.box h4 { font-size: 26px; color: #B18147; font-weight: 400; }

.blueTitle { background: #F3FAF9; padding: 0em 1em 0.5em 1em; margin: 3em 0; }
.ocean { background: url(../images/ocean.jpg) center center; }
.bmt { padding: 3em 0; }

.service { float:left; width: 29.3333%; margin: 5% 2% 2% 2%; }
.service img { width: 100%; }

/*===================
賃貸物件
===================*/

.bukken { float:left; width: 29.3333%; margin: 2%; }
.bukken img { width: 100%; border: solid 1px #333333; }

/*===================
ライフインフォメーション
===================*/

.life-info { float:left; width: 21%; margin: 2%; }
.life-info img { width: 100%; }
.life-info p { font-size: 14px; margin-top: 1em; }



.kensetsu { margin: 4em 0 0 0; padding: 2em 0; background: url(../images/kensetsu.jpg) center center; }
.ken-p { font-size: 18px; }

/*===================
お客様の声
===================*/
.voice {
	border: solid 2px #0D1633;
	background: #FFF;
	padding: 0.4em;
	width: 98%;
	max-width: 1150px;
	text-align: left;
}

.voice-title { background: #0D1633; font-size: 26px; line-height: 30px; color: #FFF; padding: 10px; }

.voice h3 img { width: 50%; max-width: 320px; margin: 10px 0; }

.voice p { font-size: 16px; padding: 0 5px; }

/*===================

物件情報

===================*/
.table-price table {
	border-collapse: collapse;
	width: 100%;
	max-width: 1200px;
	text-align: center;
	margin: 20px auto;
	font-size: 13px;
}
.table-price th, td {
	border: 1px solid #999;
	text-align: center;
	padding: 10px;
}
.table-price th { 
	background-color: #D2E2EF;
}

.table-price tr:nth-child(2n+2) { background-color: #F7F7F7;}

.soldout { color: #F00 ; }


/*===================

アクセス

===================*/

.access-title { background: #0D1633; font-size: 30px; line-height: 30px; color: #FFF; padding: 10px; max-width: 1200px; width: 96%; margin: 0 auto 0.5em; }

.access_box { max-width: 1200px; width: 98%; } 

.access_map {
	float: left;
	width: 49%;
	margin-right: 1%;
}

.access_about {
	float: right;
	width: 49%;
	margin-left: 1%;
	text-align: left;
	font-size: 14px;
}




.copyright { text-align: center; font-size: 12px; margin: 20px auto;}


/*===================

===================*/
.clearfix2:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.clearfix2{ 
	display:block;
	clear:both;
}

.top01_00{
	position:relative;
	width:100%;
	margin:0 auto;
	
}
.top01_01{/*396 1200*/
	float:left;
	margin-top:-2em;
	width:33%;
}
.top01_02{/*803 1200*/
	float:left;
	width:66.9166666%;
}
.top01_03{/*1107 1200*/
	width:92.25%;
}

/*======================
　お問い合わせ誘導繰り返し
======================*/
.repe01_01{/*396 1200*/
	float:left;
	width:33%;
}
.repe01_02{/*803 1200*/
float:left;
	width:66.9166666%;
}
.repe01_03{/*1107 1200*/
	width:92.25%;
}



/* お問い合わせ入力エリア */
.otoi01 { width:100%; margin:0 auto; }
.otoi01_01 { width:91.67%; color:#000000; }
.otoi01_02 { width:96%; margin:0 2%; font-size:115%; font-weight:bold; line-height:1.8em; }
.otoi01_02 dl { padding:0.5em 0; }
.otoi01_02 dt { width:100%; float:none; }
.otoi01_02 dd { width:100%; float:none; }

.otoi01_02 input[type=text],
.otoi01_02 textarea {
	box-sizing:border-box;
	border:#FFC926 solid 2px;
	padding:0.2em 0.3em;
	font-size:120%; 
	width:100%;
}
.otoi01_02 input[type=image] { width:100%; }
.otoi01_02 span { color:#FF0000; font-size:70%; }
.otoi01_03 { width:90%; margin:0 auto; font-size:120%; padding:2em 0; text-align:left; }


.foot01 { width:100%; margin:0 auto; position:relative; }
.foot01_01 { width:50.8333333333%; position:absolute; bottom:5%; right:0; }/*600 1200*/


/*固定バナー背景*/
.back_kote{
	background:rgba(0,0,0,0.20);
	width:100%;
}
/*===============================
　　スマホ用下固定バナー
===============================*/
.kote_s{
	width:100%;
	position:fixed;
	bottom:0;
	z-index:1000;
}
.kote_s ul{
	max-width:1200px;
	width:100%;
	margin:0 auto;
}
.kote_s ul li{
	width:48%;
	margin:0.1em 1% 0.4em 1%;
	float:left;
}

/***  ページTOP  ***/
#page_tops {
	display:block;
	width:13%;
	margin-right:0.5em;
	z-index:50;
}


.bold{font-weight:bold;}
.nomal{font-weight:nomal;}

.font11{font-size:80%;}
.font12{font-size:88%;}
.font13{font-size:93%;}
.font14{font-size:101%; line-height:1.5;}
.font15{font-size:105%; line-height:1.5;}
.font16{font-size:110%; line-height:1.5;}
.font17{font-size:120%;  line-height:1.4;}
.font18{font-size:130%; line-height:1.4;}
.font19{font-size:140%; line-height:1.1;}


.colo_525252{
	color:#525252 !important;
}

.colo_525252 a{
	color:#525252 !important;
}
.line_hei01{
	line-height:1 !important;
}

@media print, screen and (min-width : 1200px) { 


/*===============================
　　スマホ用下固定バナー
===============================*/
.kote_s ul li:nth-child(odd){
	width:41.666666666%;
	margin:0.1em 1% 0.4em 7%;
	float:left;
}
.kote_s ul li:nth-child(even){
	width:41.666666666%;
	margin:0.1em 7% 0.4em 1%;
	float:left;
}

/****  画面幅1200px以上対応  ****/

/*img { width: auto; height:auto; }*/

.disp_s { display:none; }
.disp_p { display:block; }

/*** メインコンテンツ  ***/
.head00,
.main01,
.repe01,
.otoi01,
.foot01 { width:1200px; }

/* お問い合わせ入力エリア */
.otoi01_02 { width:80%; margin:0 10%; font-size:170%; line-height:1.8em; }
.otoi01_02 dl { padding:1em 0; }
.otoi01_02 dt { width:23%; float:left; }
.otoi01_02 dd { width:77%; float:left; }

.otoi01_02 input[type=text],
.otoi01_02 textarea {
	border:#FFC926 solid 4px;
	padding:0.2em 0.3em;
	font-size:170%; 
	/* width:90%; */
}
.otoi01_02 input[type=image] { width:auto; }
.otoi01_03 { font-size:170%; padding:3em 0; }


/*戻るボタン*/		 
#page_top {
	width:90px;
}

}


@media(max-width:640px){

.whats { padding: 2%; text-align: center; margin: 0 auto; }
.subTxt { font-size: 12px; padding: 0.2em; }
.whats h2 { font-size: 26px; line-height: 1.4; }
.whats_box { margin: 2em 0; line-height: 1.8; }
.whats_boxL { float: none; width: 96%; margin: 5px 2% 5px 2%; }
.whats_boxR { float: none; width: 88%; margin: 3% 2% 5px 2%; background: #FFF; padding: 4%; text-align: left; }
.whats_boxR h3 { font-size: 21px; }
.whats_boxR p { margin-top: 1em; }

.main02 h2 { font-size: 26px; line-height: 1.2; }
.main02 p { margin-top: 2em 0 0 0;  font-size: 14px; }

.dev table { margin: 1em auto 2em auto; }

.box h3, .box2 h3 { font-size: 21px; }
.box h4 { font-size: 18px; }
.boxL { float: none; width: 96%; margin: 2%; }    
.boxR { float: none; width: 96%; margin: 2%; }
.main02 p { margin-top: 1em; font-size: 14px; }

.blueTitle { padding: 1px 2%; margin: 2em 0; }

.box2 { width: 92%; margin: 4%; }

.bmt { padding: 0em 0 2em 0; }

.service, .bukken, .life-info { float: none; width: 96%; margin: 2em 2%; }

.ken-p { font-size: 16px; line-height:1.5; }




.voice { width: 96%; }
.voice-title { font-size: 16px; line-height: 24px; padding: 5px; }
.voice h3 img { margin: 5px 0; }
.voice p { font-size: 14px; padding: 2px }


.table-price table { width: 100%; border:none; padding: 2em 0;}
.table-price thead { display: none;}
.table-price tr {
	display: block;
	margin-bottom: 20px;
	border-top: 1px solid #999;
	background: #FFF;
}
.table-price td {
	display: block;
	text-align: center;
	border-right: 1px solid #999;
	border-bottom: none;
	padding: 0px 0 5px 0;
}

.table-price td:nth-of-type(1) { background-color: #D2E2EF; color: #000; text-align: center; padding: 5px; font-weight: 700;}
.table-price tr:nth-child(2n+2) { background-color: #fff; }
.table-price td:last-child { border-bottom: solid 1px #999;}
.table-price td:before {
	color: #4f4d47;
	display: block;
	background-color: #CCC;
	padding: 5px;
	margin-bottom: 5px;
}

.table-price td:nth-of-type(2):before { content: "所在地"; border-bottom: 1px solid #999;}
.table-price td:nth-of-type(3):before { content: "学区"; border-bottom: 1px solid #999;}
.table-price td:nth-of-type(4):before { content: "価格";  border-bottom: 1px solid #999;}
.table-price td:nth-of-type(5):before { content: "おすすめポイント"; border-bottom: 1px solid #999;}
.table-price td:nth-of-type(6):before { content: "詳細"; border-bottom: 1px solid #999;}

.table-price-sp { width: 50px !important; }
*/

.access-title { font-size: 21px; }
.access_map {
	float: none;
	width: 100%;
	margin: 0 0 10px 0;
}

.access_about {
	float: none;
	width: 100%;
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 14px;
}

}