<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

* { margin: 0; padding: 0; box-sizing: border-box;}

html { height: 100%; font-size: 62.5%;}
html, body { height: 100%;}

@media screen and (max-width: 460px) {
	html { font-size: 56%;}
}

body { margin: 0; padding: 0; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: 500; font-size: 1.6rem; line-height: 1.8em; font-feature-settings: "palt";}

a:link { color: #333; text-decoration: none;}
a:visited { color: #333;}
a:hover { color: #009837;}
a:active { color: #333;}

h2 { }
h3 { font-size: 3.0rem; line-height: 1.2em; font-weight: bold; color: #009837; margin: 0 0 20px 0; padding: 0; font-family: 'Julius Sans One', sans-serif;}
h3 span { font-size: 2.0rem; line-height: 0em; font-weight: normal; color: #777;}
h3 span:before { content: "\A"; white-space: pre;}

h4 { font-size: 1.8rem; line-height: 1.4em; font-weight: bold; color: #333; margin: 0 0 10px 0; padding: 0;}
h5 { font-size: 1.6rem; line-height: 1.4em; font-weight: bold; color: #333; margin: 0 0 10px 0; padding: 0;}

p { margin: 0; padding: 0 0 20px 0;}
p.center { text-align: center; padding: 0;}

img.img-responsive { width: 100% !important; height: auto !important;}

@media (min-width: 1200px) {
  .container { width: 1170px !important; position: relative;}
}

/* 汎用テーブル */
table.general { width: 100%; margin: 0 auto 30px auto; border-collapse: collapse; border-top: 1px solid #ccc;}
table.general tbody th { width: 20%; padding: 12px 0; border-bottom: 1px solid #ccc; text-align: left; font-weight: 600; vertical-align: middle;}
table.general tbody th.requir { position: relative;}
table.general tbody td { padding: 12px 0; border-bottom: 1px solid #ccc; vertical-align: middle;}

table.general tbody td.rest_time { text-align: center;}

table.general ol { margin: 0 0 0 26px; padding: 0; list-style-type: decimal;}
table.general ol li { padding: 0 !important;}
	
@media screen and (max-width: 767px) {
table.general { border: none;}
table.general tbody th { display:block; width: 100%; background: #ededed; text-align: center; border: none;}
table.general tbody td { display:block; width: 100%; padding: 10px 0; margin-bottom: 0; border: none;}
	table.general tbody td.rest_time { border-top: 1px solid #ccc;}
}

/* フォーム */

/* 必須アイコン */
table.general tbody th.requir span { font-size: 1.2rem; line-height: 1.0em; color: #fff; padding: 4px; border-radius: 4px; background: #eb6100; position: absolute; top: 50%; margin-top: -10px; right: 20px;}

/* フォームパーツ整形 */
.btn-danger { background: none !important; color: #333; border: 1px solid #ccc;}
.btn-danger:hover { background: #efefef !important; color: #333; border: 1px solid #ccc;}
.btn-danger:active { background: #efefef !important; color: #333; border: 1px solid #ccc;}

.input20 { width: 20%;}
.input40 { width: 40%;}
.input60 { width: 60%;}
.input80 { width: 80%;}

.input_fix { -webkit-appearance: none; border: 1px solid #ccc; margin-right: 8px;}
.input_fix:focus { border-color: rgba(118, 174, 209, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(197, 241, 255, 0.6);
  outline: 0 none;}

@media screen and (max-width: 767px) {
	.input20, .input40, .input60, .input80 { width: 100%;}
}

.form-privacy { width: 100%; height: 220px; padding: 6px; border: 1px solid #ccc; overflow-y: scroll;}

/* ローディング */
#loading { position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; z-index: 306;}
#loader-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: #efefef; z-index: 300 !important;}
#loader-bg-bottom { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: #efefef; z-index: 300 !important;}

.onlypc { display: block;}
.onlysmp { display: none;}

@media screen and (max-width: 767px) {
.onlypc { display: none;}
.onlysmp { display: block;}
}

/* pc版クリアランス */
.cl_pc80 { margin-bottom: 80px !important;}
.cl_pc50 { margin-bottom: 50px !important;}
.cl_pc30 { margin-bottom: 30px !important;}

@media screen and (max-width: 767px) {
.cl_pc80 { margin-bottom: 40px !important;}
.cl_pc50 { margin-bottom: 25px !important;}
.cl_pc30 { margin-bottom: 15px !important;}
}

/* smp版クリアランス */
.cl_sm20 { margin-bottom: 10px !important;}
.cl_sm40 { margin-bottom: 20px !important;}

@media screen and (max-width: 767px) {
.cl_sm20 { margin-bottom: 20px !important;}	
.cl_sm40 { margin-bottom: 40px !important;}	
}

/* smp版改行 */
br.brlong { display: none !important; width: 0 !important; height: 0 !important; visibility: hidden !important; content: ""; font-size:0;}

@media screen and (max-width: 767px) {
br.brlong { display: block !important;}	
}

/* header menu */
header { width: 100%; height: 114px; margin: 0; padding: 50px 0 0 0; background: rgba(255,255,255,0.0); position:fixed; z-index: 12; color: #fff; -webkit-transition: 0.3s linear; transition: 0.3s linear; font-family: 'Julius Sans One', sans-serif;}

.fold { background-color: rgba(28,29,31,0.6); padding-top: 0;}

header h1 { font-size: 1.2rem; line-height: 1.0em; margin: 0; padding: 14px 0 0 0;}
header h2.headlogo a { display: block; width: 173px; height: 55px; margin: 0 !important; padding: 0 !important; background-image: url(../images/logo.png); background-size: cover; text-indent: -500em;}
header	ul.phone { margin: 0; padding: 0; list-style-type: none; position: absolute; top: 10px; right: 0;}
header ul.phone li { text-align: right;}
header ul.phone li { font-size: 2.6rem;}
header ul.phone li p { font-size: 1.3rem; letter-spacing: 0.09em; line-height: 1.6em;}

header nav { text-align: left; position: absolute; top: 70px; right: 0;}
header nav ul li { display: inline-block; margin-left: 20px; font-size: 1.4rem; line-height: 1.2em;}
header nav ul li span:before { content: "\A"; white-space: pre;}
header nav ul li { font-size: 1.3rem;}
header nav ul li a { display: block;}
header nav ul li a:link { color: #fff; text-decoration: none;}
header nav ul li a:visited { color: #fff;}
header nav ul li a:hover { color: #fff;}
header nav ul li a:active { color: #fff;}
header nav ul li img { margin-top: -16px;}
header nav ul li:last-child {margin-left: 10px;}

.hd_link { padding: 0.1em 0.3em; position: relative; display: inline-block; transition: .3s; color: #fff;}
.hd_link::after { position: absolute; top: .3em; left: 0; content: ''; width: 100%; height: 1px; background-color: #fff; opacity: 0; transition: .3s;}
.hd_link:hover::after { top: -0.3em; opacity: 1;}

/* トグルボタン（PC時非表示） */
#navToggle { display: none; position:absolute; /*to body*/ right: 20px; top: 24px; width:30px; height:25px; cursor:pointer;}
#navToggle div { position: relative}
#navToggle span { display: block; position: absolute; width: 100%; border-bottom: solid 3px #fff; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out}
	
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:11px}
#navToggle span:nth-child(3) {top:22px}

#smp_menu_wrap { display: none;}

/* スマホヘッダー（991） */
@media screen and (max-width: 991px) {
header { height: 72px !important; z-index: 200 !important;}
header h1 { display: none;}
header h2.headlogo a { width: 140px; height: 44px; position: absolute; top: 16px; left: 20px;}
header ul.phone { display: none;}

header nav { display: none;}
	
/* スマホ用メニュー背景 */
#smp_menu_wrap { position: fixed; top: 0; left: 0; height: 80%; width: 80%; background: rgba(0,0,0,0.0); -webkit-transition:.5s ease-in-out; transition:.5s ease-in-out; z-index: 40; font-family: 'Julius Sans One', sans-serif;}
	#smp_menu_wrap ul { margin-top: 160px;}
#smp_menu_wrap ul li { font-size: 2.8rem; line-height: 0.7em; text-align: center; padding: 10px 0}
#smp_menu_wrap ul li span { font-size: 1.3rem;}
#smp_menu_wrap ul li span:before { content: "\A"; white-space: pre;}
#smp_menu_wrap ul li a { display: block;}
#smp_menu_wrap ul li a:link { color: #fff; text-decoration: none;}
#smp_menu_wrap ul li a:visited { color: #fff;}
#smp_menu_wrap ul li a:hover { color: #ccc;}
#smp_menu_wrap ul li a:active { color: #fff;}

#smp_menu_wrap.open_smp_menu { display: block; height: 100%; width: 100%; background: rgba(0,0,0,0.6);}

/* トグルボタン表示 */
#navToggle { display: block;}
/* Click Toggle(Button) */
.openNav #navToggle span:nth-child(1) {
	top: 11px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
	top: 11px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)}

/*header menu*/
.openNav nav {
	-webkit-transform: translateY(460px);
	transform: translateY(460px)}
}

/* モバイル用お問い合わせFIX */
ul.fix_mobile { display: none; font-family: 'Julius Sans One', sans-serif;}

@media screen and (max-width: 991px) {
	ul.fix_mobile { display: block; width: 100%; margin: 0; padding: 0; list-style-type: none; position: fixed; left: 0; bottom: 0;}
	ul.fix_mobile li { width: 100%; text-align: center;}
	ul.fix_mobile li a { display: block; background: #009837; padding: 12px 0;}
	ul.fix_mobile li a:link { color: #fff;}
	ul.fix_mobile li a:visited { color: #fff;}
	ul.fix_mobile li a:hover { color: #fff;}
	ul.fix_mobile li a:active { color: #fff;}
}

/* 共通ラッパー */
.gradation_wrap { padding: 60px 0; background: #adbdbd;}
.gradation_wrap h3, .gradation_wrap h3 span, .gradation_wrap h4, .gradation_wrap p { color: #fff;}

/* 横並びのリスト 2列 */
ul.float_line { margin: 0; padding: 0; list-style-type: none;}
ul.float_line li { width: 50%; float: left;}
ul.float_line li a:before { content: "\f0a9"; font-family: FontAwesome; color: #777; padding-right: 4px;}

@media screen and (max-width: 460px) {
	ul.float_line li { width: 100%; float: none;}
}

/* 横並びのリスト 4列 */
ul.float_line04 { margin: 0; padding: 0; list-style-type: none;}
ul.float_line04 li { width: 25%; float: left;}
ul.float_line04 li a:before { content: "\f0a9"; font-family: FontAwesome; color: #777; padding-right: 4px;}

@media screen and (max-width: 767px) {
	ul.float_line04 li { width: 100%; float: none;}
}

/* 項目別のリスト */
ul.itemiz_list { list-style-type: none;}
ul.itemiz_list li span { margin-right: 20px;}
ul.itemiz_list li a:before { content: "\f0a9"; font-family: FontAwesome; color: #777; padding-right: 4px;}

/* フッター */
footer { width: 100%; padding: 40px 0; background: #1c1d1f; font-family: 'Julius Sans One', sans-serif; color: #fff;}

footer h2 { display: block; width: 173px; height: 55px; margin: 0 0 10px 0; padding: 0; background-image: url(../images/logo.png); background-size: cover; text-indent: -500em;}

footer ul { margin: 40px 0 20px 0; padding: 0; list-style-type: none;}
footer ul li { display: inline-block; margin-right: 20px; font-size: 1.4rem; line-height: 1.0em;}
footer ul li span { font-size: 1.2rem;}
footer ul li span:before { content: "\A"; white-space: pre;}
footer ul li a:link { color: #fff;}
footer ul li a:visited { color: #fff;}
footer ul li a:hover { color: #fff;}
footer ul li a:active { color: #fff;}

@media screen and (max-width: 767px) {
	footer { padding: 30px 0 80px 0; text-align: center;}
	footer ul { margin-bottom: 20px; list-style-type: none;}
	footer ul li { width: 100%; float: none; text-align: center; margin-bottom: 10px;}
}

/* ページ先頭に戻るボタン */
#btnTop { display: table; width: 40px; height: 40px; background-color: rgba(114,132,124,0.9); text-align: center; color: #FFF; position: fixed; bottom: -50px; right: 40px; z-index: 1; border-radius: 4px;
-webkit-transition:1.0s ease-in-out;
	transition:1.0s ease-in-out;
}
#btnTop a:hover { text-decoration: none !important;}
#btnTop i { display: table-cell; vertical-align: middle; font-size: 30px;}

#btnTop.disp { bottom: 40px; z-index: 6;}

@media screen and (max-width: 767px) {
	#btnTop { right: 20px;}
	#btnTop.disp { bottom: 60px;}
}

/* 詳しくボタン */
a.detail { display: block; width: 100px; margin: 40px auto 0 auto; text-align: center; border: 1px solid #ccc; border-radius: 4px; background: none; padding: 1px 10px;}
a.detail i { color: #777; margin-right: 4px;}

/* IE游ゴシック調整 */
_:-ms-input-placeholder, :root a.detail { padding: 6px 10px 0 10px;}

@media screen and (max-width: 767px) {
a.detail { width: 60%; margin-bottom: 60px;}
}

/* 大きい詳しくボタン */
a.detail_large { display: block; width: 240px; margin: 40px auto 0 auto; text-align: center; border: 1px solid #ccc; border-radius: 4px; background: none; padding: 1px 10px;}
a.detail_large i { color: #777; margin-right: 4px;}

/* IE游ゴシック調整 */
_:-ms-input-placeholder, :root a.detail_large { padding: 6px 10px 0 10px;}

@media screen and (max-width: 767px) {
a.detail_large { width: 60%; margin-bottom: 60px;}
}

/* LINEフロート */
#line_wrap { width: 150px; padding: 30px 10px 10px 10px; text-align: center; background: #1bb71f; color: #fff; position: fixed; top: 300px; right: 0;}
#line_wrap h3 { color: #fff; font-size: 1.3rem; margin: 10px 0 0 0;}
#line_wrap p { font-size: 1.2rem; line-height: 1.4em; padding: 0; margin: 0;}
#line_wrap #close_x { position: absolute; top: 0px; right: 10px; font-size: 20px; cursor: pointer;}

@media screen and (max-width: 991px) {
	#line_wrap { display: none;}	
}

/***********************************************/
/* トップページ */
/***********************************************/

/* トップページビジュアル */
#visual_wrap { height: 100% !important; position: relative;}
#visual_wrap h1 { font-size: 1.2rem; line-height: 1.0rem; font-weight: normal; margin: 0 !important; padding: 0 !important;}
#visual_wrap h3 { width: 430px; height: 38px; margin: auto; background-image: url("../images/catch_slide.png"); border: none !important; background-size: cover; text-indent: -500em; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

@media screen and (max-width: 767px) {
	#visual_wrap h3 { width: 260px; height: 23px;}
}

/* トップキャッチコピー */
#top_catch { background: #adbdbd; padding: 30px 0 20px 0; text-align: center; color: #fff;}
#top_catch h2 { font-size: 2.4rem; margin: 0 0 20px 0; letter-spacing: 0.3em;}
#top_catch p { font-size: 1.8rem;}

@media screen and (max-width: 767px) {
	#top_catch h2 { font-size: 2.2rem;}
	#top_catch p { font-size: 1.6rem;}
}

/* トップお知らせ */
ul.stripe_list { margin: 0; padding: 0; list-style-type: none;}
ul.stripe_list li { padding: 14px;}
ul.stripe_list li:nth-child(odd) { background: #f9f9f9;}

@media screen and (max-width: 420px) {
	ul.stripe_list li a:before { content: "\A"; white-space: pre;}
}

/*お知らせ一覧ボタン */
a.news_list { display: block; text-align: center; border: 1px solid #e5e5e5; border-radius: 4px; background: none; padding: 1px 10px; position: absolute; top: 0; right: 0}
a.news_list i { color: #777; margin-right: 4px}

/* IE游ゴシック調整 */
_:-ms-input-placeholder, :root a.news_list { padding: 6px 10px 0 10px;}

/* 物件コマ */
.property_wrap { background: rgba(239,239,239,0.9); padding: 10px 10px 60px 10px; height: 100%; border-radius: 4px; margin-bottom: 30px; position: relative;}
.property_wrap .p_type { font-size: 1.4rem; color: #fff; background: #1c1d1f; padding: 2px 8px; margin-bottom: 8px;}
.property_wrap p.p_name { font-size: 1.8rem; display: block; margin: 2px 0 4px 0; padding: 0; color: #333;}

.property_wrap .pict_box { width: 100%; height: 180px; text-align: center; margin-bottom: 8px; overflow: hidden;}
.property_wrap .pict_box img { height: 100%; width: auto;}
.property_wrap .p_copy { font-size: 1.4rem; line-height: 1.6em; color: #333; padding-bottom: 6px;}
.property_wrap ul { margin: 0; padding: 0; list-style-type: none;}
.property_wrap ul li { line-height: 1.4em;}
.property_wrap ul li:first-child:before { content:"住所："; margin-right: 4px;}
.property_wrap ul li:nth-child(2):before { content:"面積："; margin-right: 4px;}
.property_wrap ul li:last-child:before { content:"価格："; margin-right: 4px;}
.property_wrap a.detail { position: absolute; bottom: 10px; left: 0; right: 0; margin-left: auto; margin-right: auto;}

@media screen and (max-width: 767px) {
	.property_wrap { padding-bottom: 10px;}
	.property_wrap a.detail { position: relative; margin-bottom: 0 !important;}
}

@media screen and (min-width: 461px) {
	.property_wrap ul li {font-size: 1.2rem;}
}

/* IE游ゴシック調整 */
_:-ms-input-placeholder, :root .p_type { padding: 3px 8px 0px 8px;}
_:-ms-input-placeholder, :root .property_wrap p.p_name:before { content: "\A"; white-space: pre;}

/* 物件情報用の一覧ボタン */
#find_title a.detail { background: #fff;}

@media screen and (max-width: 767px) {
	#find_title a.detail { margin-bottom: 0;}
}

/* 物件アットホームへリンク */
#property_link_wrap { height: 440px; background-image: url("../images/bg01.jpg"); background-repeat:  no-repeat; background-position: right top; background-size: contain;}

/* カルーセルバナー */
#topcarcel { background: #adbdbd; padding: 40px;}
.owl-carousel {width: 1000px; margin: 0 auto;}

@media screen and (max-width: 1024px) {
  .owl-carousel {width: 90%;}
}

.owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next { font-size: 2rem; position: absolute; top: 25%; margin: 0; padding: 0 20px; -webkit-transform: scaleX(0.5); transform: scaleX(0.5);}
@media screen and (max-width: 640px) {
  .owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next {  padding: 0 10px;}
}

.owl-theme .owl-controls .owl-nav .owl-prev { left: -60px;}
@media screen and (max-width: 640px) {
  .owl-theme .owl-controls .owl-nav .owl-prev { left: -30px;}
}

.owl-theme .owl-controls .owl-nav .owl-next { right: -60px;}
@media screen and (max-width: 640px) {
  .owl-theme .owl-controls .owl-nav .owl-next { right: -30px;}
}

/* 会社概要 */
#corporate_wrap { height: 440px; background-image: url("../images/bg02.jpg"); background-repeat:  no-repeat; background-position: left top; background-size: contain;}

/* 自社物件 */
#owned_wrap { height: 440px; background-image: url("../images/bg03.jpg"); background-repeat:  no-repeat; background-position: right top; background-size: contain;}


/* mdで背景画像と画像の切り替え */
.change_bg_images { display: none;}

@media screen and (max-width: 1199px) {
	#property_link_wrap, #corporate_wrap, #owned_wrap	{ background: none !important; height: auto;}
	.change_bg_images { display: block;}
	#topcarcel { padding-bottom: 20px;}
}

/* 地図 */
#map_wrap { width: 100%; height: 560px; position: relative;}
#map_wrap .note { width: 320px; background: rgba(255,255,255,0.7); padding: 14px 0; font-size: 1.4rem; line-height: 1.6em; text-align: center; position: absolute; left: 0; bottom: 0; z-index: 4;}
a.googlemap_link { display: block; width: 100%; height: 560px; background-image: url("../images/map.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center;}
#by_walk { background: #1c1d1f; padding: 10px; font-size: 1.4rem; line-height: 1.6em; color: #fff;}
#by_walk i { color: #009837; margin: 0 4px;}

@media screen and (max-width: 767px) {
	#map_wrap { height: 260px;}
	a.googlemap_link { height: 260px;}
	#map_wrap .note { left: 0; right: 0; margin-left: auto; margin-right: auto;}
}

/***********************************************/
/* ボトムページビジュアル */
/***********************************************/

/* 会社概要 */
h2.corporate_visual { width: 100%; height: 500px; margin: 0 0 70px 0; padding: 0; background-image: url("../images/corporate_visual.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; text-indent: -500em;}

/* 物件情報 */
h2.find_visual { width: 100%; height: 500px; margin: 0 0 70px 0; padding: 0; background-image: url("../images/find_visual.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; text-indent: -500em;}

/* 自社所有物件 */
h2.property_visual { width: 100%; height: 500px; margin: 0 0 70px 0; padding: 0; background-image: url("../images/property_visual.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; text-indent: -500em;}

/* お知らせ */
h2.news_visual { width: 100%; height: 500px; margin: 0 0 70px 0; padding: 0; background-image: url("../images/news_visual.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; text-indent: -500em;}

/* 採用情報 */
h2.recruit_visual { width: 100%; height: 500px; margin: 0 0 70px 0; padding: 0; background-image: url("../images/recruit_visual.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; text-indent: -500em;}

/* 査定 */
h2.assessment_visual { width: 100%; height: 500px; margin: 0 0 70px 0; padding: 0; background-image: url("../images/assessment_visual.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; text-indent: -500em;}

/* 査定 */
h2.contact_visual { width: 100%; height: 500px; margin: 0 0 70px 0; padding: 0; background-image: url("../images/contact_visual.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; text-indent: -500em;}

/* 地元の便利情報 */
h2.local_visual { width: 100%; height: 500px; margin: 0 0 70px 0; padding: 0; background-image: url("../images/local_visual.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; text-indent: -500em;}

/* 不動産お役立ち情報 */
h2.commentary_visual { width: 100%; height: 500px; margin: 0 0 70px 0; padding: 0; background-image: url("../images/commentary_visual.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; text-indent: -500em;}

/* エラー用ビジュアル */
h2.error_visual { width: 100%; height: 500px; margin: 0 0 70px 0; padding: 0; background-image: url("../images/error_visual.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; text-indent: -500em;}

@media screen and (max-width: 767px) {
	h2.corporate_visual, h2.find_visual, h2.property_visual, h2.news_visual, h2.recruit_visual, h2.assessment_visual, h2.contact_visual, h2.local_visual, h2.commentary_visual, h2.error_visual { height: 220px; margin-bottom: 40px;}
}

/***********************************************/
/* ボトム */
/***********************************************/

/* 自社所有物件一覧 */
ul.property_list { margin: 0; padding: 0; list-style-type: none;}
ul.property_list li { padding: 16px; margin: 0 0 30px 0;}
ul.property_list li:nth-child(odd) { background: #f9f9f9;}
ul.property_list li .property_img { width: 30%; margin: 0 0 20px 0; float: left;}
ul.property_list li .property_item { width: 70%; padding-left: 20px; float: right;}
ul.property_list li .property_img img { width: 100%; height: auto;}

ul.property_list dl { padding-bottom: 8px; border-bottom: 1px solid #bababa;}
ul.property_list dl dt { width: 70px; padding: 6px 0; float: left;}
ul.property_list dl dd { padding: 6px 0; margin-left: 70px;}
ul.property_list .note { width: 100%;}

@media screen and (max-width: 767px) {
	ul.property_list li .property_img { width: 100%; margin: 0 0 20px 0; float: none;}
ul.property_list li .property_item { width: 100%; padding-left: 0; float: none;}
}

/* 自社所有物件詳細 */
ul.property_owl-carousel { width: 100%; margin: 0 0 60px 0; padding: 0; list-style-type: none;}
ul.property_owl-carousel li { width: 100%;}
ul.pproperty_owl-carousel li img { width: 100%;}

.property_detail dl { padding-bottom: 8px; border-bottom: 1px solid #bababa;}
.property_detail dl dt { width: 70px; padding: 6px 0; float: left;}
.property_detail dl dd { padding: 6px 0; margin-left: 70px;}
.property_detail .note { width: 100%; margin-bottom: 50px;}
.property_detail iframe { width: 100% !important; height: 460px !important;}

/* お知らせ */
ul.page_navi, ul.page-numbers { margin: 0; padding: 0; font-size: 1.4rem; text-align: center;}
ul.page_navi li, ul.page-numbers li { list-style: none; display: inline-block; margin: 0; padding: 0;}
ul.page_navi li a, ul.page-numbers li a, ul.page-numbers li span { text-decoration: none; display: inline-block; padding: 2px 10px; border: 1px solid #bababa; border-radius: 4px;}
ul.page_navi li a:hover, ul.page-numbers li a:hover, ul.page-numbers li span { background-color: #efefef;}


p.news_date { padding-bottom: 6px;}
.news_contents { border-top: 1px solid #bababa; padding-top: 20px;}

/* 採用情報 */
ul.recruit_owl-carousel { width: 100%;}

/* 地元の便利情報（不動産お役立ち情報） */
.local_wrap { }
.local_text_wrap { padding: 20px 14px 50px 14px; background: #efefef; border-radius: 4px; position: relative;}
.local_text_wrap a.detail { position: absolute; bottom: 10px; left: 0; right: 0; margin-left: auto; margin-right: auto;}

@media screen and (max-width: 767px) {
	.local_text_wrap { padding-bottom: 0;}
	.local_text_wrap a.detail { position: relative;}
}

/* 不動産お役立ち情報内コンテンツ */

.commentary_image_wrap { position: relative;}
.commentary_image_wrap h2 { font-size: 2.4rem; color: #fff; text-align: center; top: 42%; left: 0; right: 0; position: absolute; z-index: 1;}
.commentary_image_wrap h2 span { padding: 20px; background-color: rgba(1,153,68,0.8);}

#commentary_wrap h3 { font-size: 2.0rem; line-height: 1.2em; font-weight: normal; padding: 0.7em 0.5em 0.5em 0.5em; color: #019944; background: #dff7ea;}
#commentary_wrap p { color: #333 !important;}
#commentary_wrap h4, #commentary_wrap h5 { color: #019944;}

#commentary_wrap ol { margin: 0 0 0 30px; list-style-type: decimal;}
#commentary_wrap ol li { list-style-type: decimal; color: #019944}
#commentary_wrap ol li ol { margin: 0 50px;}

#commentary_wrap ul { margin: 0 0 0 30px; list-style-type: disc;}
#commentary_wrap ul li { list-style-type: disc; color: #333}

@media screen and (max-width: 767px) {
	.commentary_image_wrap h2 { font-size: 2.0rem; top: 30%;}
	.commentary_image_wrap h2 span { padding: 10px;}
	#commentary_wrap h3 { font-size: 1.8rem;}
	#commentary_wrap ol { margin: 0 0 0 20px;}
	#commentary_wrap ol li ol { margin: 0 0 0 22px;}
	#commentary_wrap ul { margin: 0 0 0 20px;}
}


/* 社員紹介 */

h2.staff_visual { width: 100%; height: 500px; margin: 0 0 70px 0; padding: 0; background-image: url("../images/staff_visual.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; text-indent: -500em;}

.deco_staff_wrapper { background: url("../images/deco_staff.png") no-repeat; background-position: 102% top;}

.staff_wrapper { margin-bottom: 60px;}
.staff_wrapper h4 { font-size: 1.6rem; font-weight: normal;}
.staff_wrapper p { font-size: 1.4rem;}

.staff_wrapper ul { margin: 0 0 10px 0; padding: 0; list-style-type: none;}
.staff_wrapper ul li { display: inline-block; font-size: 1.2rem; line-height: 1.1em; color: #fff; text-align: center; padding: 4px 12px; margin-right: 4px; background: #019944;}

.staff_wrapper dl { font-size: 1.3rem; padding: 12px 14px; background: #e9f3f3;}
.staff_wrapper dl dt { font-weight: normal; padding: 2px 0; float: left;}
.staff_wrapper dl dd { margin-left: 80px; padding: 2px 0;}

@media screen and (max-width: 1199px) {
 .deco_staff_wrapper { background-size: 32% auto;}
}

@media screen and (max-width: 991px) {
 .deco_staff_wrapper { background: none;}
}

@media screen and (max-width: 767px) {
 .staff_wrapper { margin-bottom: 30px;}
	h2.staff_visual { height: 220px; margin-bottom: 40px;}
}

/* トップページおすすめ物件カルーセル（slick.js） */

#recommend_wrapper { padding: 60px 0; background: #f1facf;}
ul.recommend-items { width: 100%; height: 100%; margin: 0; padding: 0; list-style-type: none;}
ul.recommend-items li { width: 310px; height: 230px; padding: 0 5px;}
ul.recommend-items img { width: 100%; height: 100%; object-fit: cover; margin-bottom: 10px;}
ul.recommend-items li p { font-size: 1.4rem; line-height: 1.4em;}
ul.recommend-items li p span { font-size: 1.2rem;}
ul.recommend-items li p span::after { content: "\A"; white-space: pre;}

#recommend_wrapper button { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.slide-dots {
 padding: 0; text-align: center; margin: 0 auto; list-style-type: none; position: absolute; left: 0; right: 0; bottom: -30px;}

.slide-dots li { display: inline-block; margin: 0 6px;}

.slide-dots li button { position: relative; text-indent: -9999px;}

.slide-dots li button:before { content: "●"; font-size: 12px; text-indent: 0; color: #d3d3d3; position: absolute; top: 0; left: 0;}
.slide-dots li.slick-active button:before { color: #575757;}

@media screen and (max-width: 320px) {
 ul.recommend-items li { height: 180px;}
}</pre></body></html>