@charset "Shift_JIS";
/* トップページ用CSS */

#wrap{ text-align:left;}

#cont h2{ padding:0; border:none;}
#cont .detail{ margin-top:1em;}

/* noscript */
#head_image p{ display:none;}
#head_image ul{
	position:relative; width:920px; height:296px; margin:0; padding:0;
	background:url(../../img/topimage.jpg) no-repeat left top;}
	#head_image ul li { margin:0; padding:0; list-style:none; text-indent:-9999px;}
	#head_image ul li a{
		display:block; width:229px; height:54px;}

	#head_image ul li.search{ position:absolute; left:0; top:30px;}
		#head_image ul li.search a{ background:url(../../img/link_guide-search.jpg) no-repeat left top;}
		#head_image ul li.search a:hover{ background:url(../../img/link_guide-search_r.jpg) no-repeat left top;}
	#head_image ul li.users_voice{ position:absolute; left:0; top:91px;}
		#head_image ul li.users_voice a{ background:url(../../img/link_construction-users_voice.jpg) no-repeat left top;}
		#head_image ul li.users_voice a:hover{ background:url(../../img/link_construction-users_voice_r.jpg) no-repeat left top;}
	#head_image ul li.ecopoint{ position:absolute; left:0; top:152px;}
		#head_image ul li.ecopoint a{ background: url(../../img/link_pickiness-ecopoint.jpg) no-repeat left top;}
		#head_image ul li.ecopoint a:hover{ background:url(../../img/link_pickiness-ecopoint_r.jpg) no-repeat left top;}

#outer_smart_device { padding-bottom:22px; display:none; }
	#outer_smart_device #smart_device { width:901px; height:280px; margin:0 auto; padding:10px 9px 10px 10px; background-color:#fff; }
		#outer_smart_device #smart_device p { border-bottom:5px solid #b4b4b5; text-align:left; }
		#outer_smart_device #smart_device ul { width:912px; margin:10px -11px 0 0; }
		#outer_smart_device #smart_device ul li { width:217px; float:left; margin-right:11px; list-style-type:none; }

		#outer_smart_device #smart_device ul#column2 { width:900px; margin:10px 0 0 0; }
		#outer_smart_device #smart_device ul#column2 li { width:440px; float:right; margin:0; list-style-type:none; }
		#outer_smart_device #smart_device ul#column2 li:first-child{ float:left; margin-right:0; }

/* ヘッドニュースエリア */
#head_newarea{
	width:920px; margin:0 auto; padding:18px 0 10px 0;
	background-color:#f9f9f9; font-size:14px; line-height:1.5em;
	text-align:left;}
#head_newarea h2 { border: medium none; margin: 0; padding: 0;}

/* おすすめ物件・新着情報 */
#topics {}
	#topics #recommend {}
	#topics #recommend table{ margin-top:10px;}
	#topics #recommend table td{ margin:0; padding:0; border-bottom:none; width:143px;}
	#topics #recommend table td.blank{ width:10px;}
	#topics #recommend table td p.text{ margin-top:3px;}
/* 【ボタン】 */
#topics #recommend table td p.button{
	position:relative;
	border: 1px solid #999999;
	border-radius: 4px;
	box-shadow:1px 1px 0px rgba(000,000,000,0.2);}
	#topics #recommend table td p.button a {
		display:block;
		margin:0;
		padding:7px 5px 7px 5px;
		border:1px solid #EFA60B;
		border-radius:4px;
		background:#EFA60B;
		background:-moz-linear-gradient(top,#ffcc00 0%,#ffcc00 30%,#ff9900 50%,#ffb033);
		background:-webkit-gradient(linear, left top, left bottom,from(#ffcc00),color-stop(0.30, #ffcc00),color-stop(0.50, #ff9900),to(#ffb033));
		font-size:14px; line-height:1.4em; font-weight:bold;
		font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;
		color: #333; text-decoration:none;
		text-shadow:1px 1px 0px rgba(255,255,255,0.5);}
	*+html #topics #recommend table td p.button{ width:290px;}
	*+html #topics #recommend table td p.button a{ width:278px;}
	#topics #recommend table td p.button a:hover{
		background:#ffcc00;
		background:-moz-linear-gradient(top,#ffb033 0%,#ff9900 46%,#ffcc00 65%,#ffcc00);
		background:-webkit-gradient(linear, left top, left bottom,from(#FF9631),color-stop(0.46, #FF9631),color-stop(0.65, #FF7C1F),to(#FF7C1F));}

	#topics #news { float:right; width:450px; }

/* large_bannerエリア */
#large_banner { margin-bottom: 1em; }

/* head_garallyエリア */
#head_garally{ background-color:#f9f9f9; margin-top:1.5em;}

	#head_garally #style_garally{ float:left; width:450px;}
	#head_garally #style_garally table{ margin-top:10px;}
	#head_garally #style_garally table td{
		margin:0; padding:0; border-bottom:none; width:143px;
		/*font-size:12px;*/font-size:14px; line-height:1.2em;}
	#head_garally #style_garally table td img{ display:inline-block; margin-bottom:5px;}
	#head_garally #style_garally table td.blank{ width:10px;}
	
	
	#head_garally #case{ float:right; width:450px;}
	#head_garally #case table{ margin-top:10px;}
	#head_garally #case table td{
		margin:0; padding:0; border-bottom:none; width:143px; 
		/*font-size:12px;*/font-size:14px; line-height:1.2em;}
	#head_garally #case table td img{ display:inline-block; margin-bottom:5px;}
	#head_garally #case table td.blank{ width:10px;}
	#head_garally #case table td .pic{ width:143px;}

	/* お客様の声 */
	#customer_voice{ margin-top:1.5em;}
	#customer_voice h2{ margin-top:0px;}
	#customer_voice table{}
	#customer_voice table td.pic{ width:280px; padding-top:1em;}
	#customer_voice table td.text{ width:155px; padding-top:1em;}
	#customer_voice .interview{ width:280px;}
	#customer_voice .survey{ width:166px;}
	#customer_voice .text{ padding:0 5px;}
	
	/* 【ボタン】 */
	#customer_voice p.customer_voice_button{
		float:right;
		width:260px;
		margin-top:7px;
		text-align:center;
		position:relative;
		border: 1px solid #999999;
		border-radius: 4px;
		box-shadow:1px 1px 0px rgba(000,000,000,0.2);}
		#customer_voice p.customer_voice_button a {
			display:block;
			margin:0;
			padding:7px 5px 7px 5px;
			border:1px solid #EFA60B;
			border-radius:4px;
			background:#EFA60B;
			background:-moz-linear-gradient(top,#ffcc00 0%,#ffcc00 30%,#ff9900 50%,#ffb033);
			background:-webkit-gradient(linear, left top, left bottom,from(#ffcc00),color-stop(0.30, #ffcc00),color-stop(0.50, #ff9900),to(#ffb033));
			font-size:14px; line-height:1.4em; font-weight:bold;
			font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;
			color: #333; text-decoration:none;
			text-shadow:1px 1px 0px rgba(255,255,255,0.5);}
		*+html #customer_voice p.customer_voice_button{ width:290px;}
		*+html #customer_voice p.customer_voice_button a{ width:278px;}
		#customer_voice p.customer_voice_button a:hover{
			background:#ffcc00;
			background:-moz-linear-gradient(top,#ffb033 0%,#ff9900 46%,#ffcc00 65%,#ffcc00);
			background:-webkit-gradient(linear, left top, left bottom,from(#FF9631),color-stop(0.46, #FF9631),color-stop(0.65, #FF7C1F),to(#FF7C1F));}


	/* お客様アンケート */
	#customer_voice table.enquete{ margin-top:2px;}
	#customer_voice table.enquete td{ font-size: 13px; line-height:1.5em;}
	#customer_voice table.enquete td.pic{ width:180px;}
	#customer_voice table.enquete ul{ margin:20px 0 0 0;}
	#customer_voice table.enquete ul li{ list-style:none;}

/* 新着情報エリア */
	#news{ margin-top:0;}
	#news h2:first-child{ margin-top:0;}
	#news table{ margin-top:5px;}
	#news th,
	#news td{
		padding:8px 5px 4px 5px;font-weight:normal;
		/*font-size:13px;*/font-size:14px; line-height:1.5em; text-align:left;
		border-bottom: 1px dashed #ababab;}
	#news th{ width:1%; white-space:nowrap;}

/* バナー二つ並び */
	#cont .banner_area{}
	#cont .banner_area .detail_left{ float:left; width:340px;}
	#cont .banner_area .detail_right{ float:right; width:340px;}
	#cont .banner_area p{ margin-top:5px;}
	#cont .banner_area p:first-child{ margin-top:10px;}


/* 見学会・イベントエリア */
#head_event{ width:450px; float:right; background-color:#f9f9f9;}

#side_bnr{ margin:0;}
.sp_t{ margin-top:15px;}

/* 表示位置固定バナー */
.fixed-banner { position: fixed; right: 0; top: 20px; z-index: 999; }
.fixed-banner p { margin-top: 10px; }
.fixed-banner p:first-child { margin-top: 0; }

.fixed-banner p img { width: auto; height: 190px; }


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

2019.4/18 TOP改修

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

/* トップコンテンツ内共通パーツ */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, address, blockquote, form, input, table, th, td ,a { color: #000 !important;}

#outer_main p { font-size: 16px; color: #000 !important; line-height: 1.5em; }
#outer_main h2 { margin: 1.5em 0 25px; background: none; font-family: Century Gothic,sans-serif; font-size: 36px;}
span.title-phonetic { line-height: 0.4em; font-weight:lighter; font-size: 16px;}
.clearfix { clear: both; }

#outer_main .banner { margin-bottom: 20px; }
	#outer_main .banner a:hover,
	#outer_main .parts-img-2column .pic a:hover { opacity:0.7; transition: all 0.3s; }
#outer_main .campaign-banner { margin-top: 54px; }
	#outer_main .campaign-banner a:hover { opacity:0.7; transition: all 0.3s; }

#outer_main .parts-img-2column { width: 920px; margin: 0 auto; }
	#outer_main .parts-img-2column .pic { float: left; width: 450px; margin: 0 0 20px;}
	#outer_main .parts-img-2column .pic:nth-child(2n) { margin-left: 20px;}
	#outer_main .parts-img-2column .catch { margin-top: 8px; text-align: left; font-size: 14px; }

		#outer_main .parts-img-2column.thumb-text-box .pic{ position: relative; width: 450px; height:292px;}
			#outer_main .parts-img-2column.thumb-text-box .pic p.thumb-img { position: absolute;}
				#outer_main .parts-img-2column.thumb-text-box .pic .thumb-text { width: 370px; position: absolute; z-index: 10; top: 50%; left: 50%;
					transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);}
					#outer_main .parts-img-2column.thumb-text-box .pic .thumb-text p,#outer_main .parts-img-2column.thumb-text-box .pic .thumb-text p span { color: #fff !important;}
					#outer_main .parts-img-2column.thumb-text-box .pic .thumb-text p .title-phonetic { line-height: 1.2em;}
					#outer_main .parts-img-2column.thumb-text-box .pic .thumb-text p.title { font-family: Century Gothic,sans-serif; font-size: 36px; font-weight: bold;}
					#outer_main .parts-img-2column.thumb-text-box .pic .thumb-text p.bc01 { background:#60c0d4;  }
					#outer_main .parts-img-2column.thumb-text-box .pic .thumb-text p.text { 
					padding: 10px; margin: 35px 0; font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif; font-size: 16px; line-height: 1.6em;}
					#outer_main .parts-img-2column.thumb-text-box .pic .wrap-link a{ position: absolute; width:100%; height:100%; display:block; z-index:20;}
					#outer_main .parts-img-2column .pic .wrap-link:hover + .thumb-img { opacity:0.7; transition: all 0.3s; }

/* main-visual */
#outer_main .main-visual{ position:relative; box-sizing:border-box; height: auto; }
	#outer_main .main-visual::after{ content:""; display:block; width:100%; height:auto;
		position:absolute; left:0; top:0; z-index:-1; }
	#outer_main .main-visual ul{ display:table; border-spacing:5px; width:480px; margin:0 auto; padding-top:56%; }
	#outer_main .main-visual ul li{ display:table-cell; vertical-align:top; padding-bottom:2px; border-bottom:2px solid transparent;}
	#outer_main .main-visual ul li::before{ content:""; display:block; background:inherit; position:absolute; left:0; top:0; z-index:5;}
	#outer_main .main-visual ul li input{ visibility:hidden; position:absolute; z-index:-3; }
	#outer_main .main-visual ul li input:checked ~ p{ border-bottom:2px solid #000;}
	#outer_main .main-visual ul li input:checked ~ p img{ opacity:1;}
	#outer_main .main-visual ul li input:checked ~ p::before{ opacity:1; z-index:3;}
	#outer_main .main-visual ul li label{ display:block; position:relative; z-index:20; overflow:hidden; cursor:pointer;}
	#outer_main .main-visual ul li label::before{ content:""; display:block;
		position:absolute; left:0; top:0; box-sizing:border-box; width:100%; height:100%; border:1px solid #515151;}
	#outer_main .main-visual ul li label img{ display:block; width:100%; height:auto; margin:-5% 0; }
	#outer_main .main-visual ul li p::before{ content:""; display:block; width:100%; height:600px;
		position:absolute; left:0; top:0; z-index:-10; opacity:0; transition:opacity 800ms;}
	#outer_main .main-visual ul li p::after{ content:""; display:block; width:100%; height:2px; position:relative; z-index:20; border-bottom:2px solid transparent;}
	#outer_main .main-visual ul li p img{
			margin-left:0; width: 100%; height: auto;
			position:absolute; left:0; top:0; z-index:-5; opacity:0; transition:opacity 800ms; }
	#outer_main .main-visual ul li p a{ display:inherit; }

	/* NEWS */
	#outer_main dl.news-list { overflow: auto; width: 920px; height: 170px; margin: 20px auto 60px; }
	#outer_main dl.news-list dt { display: block; float: left; width: 8em; padding-top: 6px; font-size: 14px; line-height: 1.5em;}
	#outer_main dl.news-list dd { display: block; overflow: hidden; padding: 5px 25px; margin-bottom: 10px; border-left: 1px solid #000;
					font-size: 14px; text-align: left; line-height: 1.5em;}
	
	/* CONCEPT */
	#outer_main .concept-area { background: url(../../img/concept-backimage.jpg) no-repeat center; height: 437px; }
	#outer_main .concept-area h2,#outer_main .concept-area p,#outer_main .concept-area span { color: #fff !important; }
	#outer_main .concept-area h2 { padding: 30px 0 15px;}
	#outer_main .concept-area p { width: 920px; margin: 0 auto; font-size: 15px; line-height: 2em;}
	#outer_main .concept-area .concept-word { margin: 0 auto 15px; font-family: "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size: 30px; font-weight: 100; }
	
	/* ABOUT US */
	#outer_main dl.company-list { display: table; overflow: auto; width: 920px; margin: 0 auto; }
	#outer_main dl.company-list dt { 
	display: table-cell; vertical-align:middle; width: 16em; padding: 6px 0 0 90px; text-align:left; font-size: 16px; line-height: 1.5em; color: #000 !important;}
	#outer_main dl.company-list dd { display: table-cell; vertical-align:middle; width: 240px; padding: 5px 25px; margin-bottom: 10px; text-align:left; font-size: 16px; line-height: 1.5em; color: #000 !important;}