@media screen and (max-width: 736px) {

.pc{ display:none  !important; }
.sp{ display:block  !important; }

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
* {margin:0px; padding:0px; color:#2f2f2f; font-size:100%; font-family:'Noto Sans Japanese', serif; -webkit-text-size-adjust:none; }
html,body { height:auto; min-height:auto; }
body { background:#fff; }
a { text-decoration:none; }
a:hover { text-decoration:none; }



/*======================================================
	frame
=======================================================*/
#wrapper { position:relative; width:100%; height:auto; }

#favorite { display:none; }

header { margin:0; width:100%; }
header #header_inner { position:relative; margin:0 auto; width:100%; }
header #header_inner h1 { padding:10px 10px 0 0; font-size:9px; font-weight:bold; letter-spacing:0; text-align:center; }
header #header_inner h1 br { display:block; }
header #header_inner p#logo { margin:35px auto 0 auto; width:224px; text-align:center; }
header #header_inner p#logo a:hover { opacity:0.8; }
header #header_inner p#logo img { width:100%; }
header #header_inner ul#navi { display:none; }
header #navi_sp_wrap { margin:35px 0 0 0; max-width:100%; }
header #navi_sp .switch { position:relative; padding:6px; width:100%; font-size:14px; background-color:#2f2f2f; color:#fff; font-weight:bold; cursor:pointer; margin-left:auto; text-align:center; box-sizing:border-box; border-bottom:solid 1px #fff;}
header #navi_sp .switch:after { content:url(/img/link_arrow01.gif); position:relative; top:3px; margin-left:0.2em; }
header #navi_sp .active:before,
header #navi_sp .active:after {  }
header #navi_sp .active:after { content:url(/img/link_arrow02.gif); position:relative; top:3px; margin-left:0.2em; }
header #navi_sp .sp_nav { display:none;}
header #navi_sp li { text-align:center; border-bottom:solid 1px #fff; color:#2f2f2f; background-color:#e4e4e4; }
header #navi_sp li:last-child {  }
header #navi_sp li span { padding:6px 0 0 0; font-size:14px; font-weight:bold; }
header #navi_sp li input[type="text"] { margin:5px 20% 0 20%; padding:6px; width:60%; font-size:12px; box-sizing:border-box; border-radius:3px; display:block; }
header #navi_sp li select { margin:5px 20% 0 20%; padding:3px 0 3px 6px; width:60%; font-size:12px; display:block; }
header #navi_sp li input[type="submit"] { -webkit-appearance:none; margin:10px 20% 20px 20%; padding:4px 0; font-size:12px; width:60%; background:#a6b6d2; color:#fff; border:solid 1px #97aacb; box-shadow:0px 1px 0px #97aacb; box-sizing:border-box; border-radius:3px; }
header #navi_sp li a { display:block; padding:6px; font-size:14px; font-weight:bold; background-color:#e4e4e4; color:#2f2f2f; text-decoration:none; }
header #navi_sp li a br { display:none; }
header #navi_sp li.current a { display:block; padding:6px; font-size:14px; font-weight:bold; background-color:#e4e4e4; color:#2f2f2f; text-decoration:none; }
header #navi_sp li.fv a { }
header #navi_sp li.fv a span { padding:0 5px; color:#fff; background-color:#508b2f; font-size:10px; width:10px; text-align:center; font-weight:bold; border-radius:10px; }
ul#modal_cat { width:100%; background-color:#e4e4e4; box-shadow:0px 0px 2px 2px rgba(0,0,0,0.1); display:block; }
ul#modal_cat li { border-bottom:1px solid #fff; }
ul#modal_cat li:last-child { border-bottom:none; }
ul#modal_cat li a { padding:6px 50px; font-size:14px; font-weight:bold; display:block; }

.sun { position:absolute; left:-10%; top:0; z-index:-1; }
.crowds01 { display:none; }
.swing { display:none; }
.crowds02 { position:absolute; right:4%; top:0; z-index:-1; }
.grasses01 { position:absolute; left:10%; top:135px; z-index:-1; }
.teeter { display:none; }
.slide { display:none; }
.grasses04 { position:absolute; right:12%; top:135px; z-index:-1; }
.tree01 { display:none; }
.grasses02 { position:absolute; left:5%; top:105px; z-index:-1; }
.grasses03 { position:absolute; right:2%; top:105px; z-index:-1; }

footer { position:relative; margin:40px 0 0 0; width:100%; }
footer #footerinner { margin:0; padding:0 0 20px 0; width:100%; }
footer #footerinner ul#fmenu { margin:0 0 10px 0; text-align:center; }
footer #footerinner ul#fmenu li { margin:0; line-height:1.1; float:none; }
footer #footerinner ul#fmenu li:before { content:""; }
footer #footerinner ul#fmenu li:first-child:before { content:""; }
footer #footerinner ul#fmenu li a { margin:0; padding:0; font-size:70%; text-decoration:none; float:none; }
footer #footerinner ul#fmenu li a:hover { color:#86bd60; }
footer #footerinner p#fcopyright { margin:0 0 30px 0; font-size:60%; text-align:center; }
footer #footerinner img { vertical-align:bottom; }
.tree02  { position:absolute; left:3%; bottom:10px; z-index:-1; display:none; }
.mountain { position:absolute; left:5%; bottom:0; z-index:-1; }
.grasses05 { position:absolute; left:0%; bottom:0; z-index:-1; display:none; }
.trees03 { position:absolute; right:3%; bottom:10px; z-index:-1; }
.grasses06 { position:absolute; right:0%; bottom:0; z-index:-1; }


#container { margin:0 auto; padding:0; width:100%; min-height:auto !important; min-height:initial !important; }
.container_index { min-height:auto !important; min-height:initial !important; }


aside { display:none; }

div#content { margin:0 3% 0 3%; width:94%; float:none; }
div#content02 { margin:12px 3% 0 3%; width:94%; float:none; }

#page-title { width:100%; height:auto; }
#page-title h2 { margin:0 auto; padding: 10px 0 10px 3%; width:97%; font-size:16px; font-weight:bold; }
#page-title02 { width:100%; height:auto; }
#page-title02 h2 { margin:0 auto; padding:10px 0 10px 3%; width:97%; font-size:16px; color:#fff; font-weight:bold; }
#page-title02 div.sns_wrap { position:relative; margin:0 auto; width:100%;  }
#page-title02 div.sns_wrap ul.social_btn { position:absolute; right:3%; top:10px; }
#page-title02 div.sns_wrap ul.social_btn li { margin:0 0 0 10px; padding:0; float:right; }
#page-title02 div.sns_wrap ul.social_btn li:first-child { margin:-5px 0 0 5px; }

p.sub-text { font-size:14px; margin:10px; }
p.sub-text-contact { font-size:14px; margin:10px; color:#a66513; }



/*======================================================
	Index
=======================================================*/
div.top_ttl { margin:14px 0 0 0; font-size:12px; font-weight:bold; }
div.top_ttl2 { margin:14px 0 0 0; padding:0 0 6px 0; font-size:12px; font-weight:bold; background:transparent url(/img/news_line.gif) left bottom no-repeat; }
div.top_ttl3 { margin:14px 0 0 0; padding:0 0 6px 0; font-size:12px; font-weight:bold; background:transparent url(/img/news_line.gif) left bottom no-repeat; }

div#content ul.two_c { margin:0; padding:0; }
div#content ul.two_c li { position:relative; margin:12px 0 9px 0; width:380px; float:left; }
div#content ul.two_c li:last-child { margin:12px 0 9px 9px; }
div#content ul.two_c li img { display:block; }
div#content ul.two_c li a h2.two_c_ttl { position:absolute; bottom:0; padding:10px; width:380px; font-size:20px; color:#fff; background:rgba(0, 0, 0, 0.3); box-sizing:border-box; }
div#content ul.three_c { margin:3px 0 0 0; padding:0; }
div#content ul.three_c li { position:relative; margin:0 2% 0 0; width:32%; float:left; }
div#content ul.three_c li:last-child { margin:0 0 0 0; }
div#content ul.three_c li img { display:block; width:100%; }
div#content ul.three_c li figure { position:relative; overflow:hidden; width:100%; background:#fff; }
div#content ul.three_c li figure * { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out; }
div#content ul.three_c li figure img { position:relative; max-width:100%; opacity:1; }
div#content ul.three_c li figure figcaption { position:absolute; left:0; bottom:0; width:100%; }
div#content ul.three_c li figure h3.three_c_ttl { display:table; margin:0 auto; position:relative; text-transform:uppercase; padding:3px 0 3px 3px; width:100%; font-size:12px; color:#fff; background:rgba(0, 0, 0, 0.3); box-sizing:border-box;  }
div#content ul.three_c li figure h3.three_c_ttl span { font-size:10px; color:#fff; display:none; }
div#content ul.three_c li figure a { left:0; right:0; top:0; bottom:0; position:absolute; z-index:1; }
div#content ul.three_c li figure:hover img, figure.hover img { opacity:0.35; -webkit-transform:scale(1.15); transform:scale(1.15); }
div#content ul.four_c li { margin:0; width:100%; display:block; float:none; border-bottom:solid 1px #d8d8d8; }
div#content ul.four_c li a { padding:10px 0; display:block; }
div#content ul.four_c li a:hover { background-color:rgba(0, 0, 0, 0.02); }
div#content ul.four_c li:nth-child(4n) { margin:0; }
div#content ul.four_c li:last-child { border-bottom:none; }
div#content ul.four_c li img { margin:3px 0 0 0; width:23%; float:left; }
div#content ul.four_c li .box4 { margin:0 0 0 2%; width:75%; float:left; }
div#content ul.four_c li h4 { margin:0 0 4px 0; font-size:13px; width:100%; color:#86bd60; }
div#content ul.four_c li p.four_c_text { font-size:12px; width:100%; }
div#content ul.four_c li p.price { margin:0 0 3px 0; padding:0 0 0 12px; font-size:12px; text-indent:0.5em; font-weight:bold; background:transparent url(/img/money.gif) left center no-repeat;  }
div#content ul.four_c li p.station { margin:0 0 3px 0; padding:0 0 0 12px; font-size:12px; text-indent:0.5em; font-weight:bold; background:transparent url(/img/train.gif) left 3px no-repeat; }

.news_wrap { margin:30px 0 0 0; padding:10px 0; background:transparent url(/img/news_line.gif) left top no-repeat; }
.news { margin:0; padding:0; height:70px; overflow:scroll; background:transparent url(/img/news_line.gif) left bottom no-repeat; }
.news dt { margin:0 0 0 0; padding:0; width:100%; font-size:10px; float:none; }
.news dd { margin:0 0 4px 0; width:100%; font-size:10px; float:none; }

ul#sp_random {}
ul#sp_random li img { width:100%; }



/*======================================================
	searh_map
=======================================================*/
h3.sub_ttl { margin:16px 0 10px 0; padding:9px 16px; font-size:12px; font-weight:bold; background:#f6f6f6; border-radius:3px; }
.search_check { margin:0 16px 10px 16px; font-size:12px; }
.search_check input[type="text"] { padding:5px; width:40%; border:solid 1px #e4e4e4; border-radius:3px; }
.search_check input[type="submit"] { -webkit-appearance: none; margin:0 0 0 5px; padding:5px 10px; font-size:12px; background:#a6b6d2; color:#fff; border:solid 1px #97aacb; box-shadow:0px 3px 0px #97aacb; box-sizing:border-box; border-radius:3px; }
p.all-property { margin:50px 0 0 0; padding:0 0 6px; font-size:12px; font-weight:bold; border-bottom:1px solid #d8d8d8; }
p.all-property span { margin:0 4px; font-size:20px; }
p.map_att { margin:6px 0 0 0; font-size:11px; color:#5d5d5d; }
#map_canvas { width:100% !important; height:260px; margin:20px 0 0 0px; }

#search-result { padding:0 0 0 0; position:relative; }
#search-result .loading { position:absolute; top:0; left:0; padding-top:20px; width:100%; height:100%; background:url(../img/loading-bg.png) repeat; text-align:center; display:none; z-index:2; }
#search-result-list li { position:relative; }
#search-result-list li a { padding:14px 0; border-bottom:1px solid #d8d8d8; display:block; }
#search-result-list li a:hover { background-color:rgba(0, 0, 0, 0.02); }
#search-result-list img { width:25%; float:left; }
#search-result-list .res_cont { margin:0 0 0 2%; width:73%; float:left; }
#search-result-list h4 { margin:0 0 6px 0; font-size:14px; font-weight:bold; }
#search-result-list p { margin: 0 0 10px 0; font-size:12px; }
#search-result-list p.price { margin:0 0 3px 0; font-size:14px; font-weight:bold; }
#search-result-list p.price span.vacant { margin:0 0 0 10px; padding:1px 3px; font-size:12px; color: #fff; background:#86bd60; border-radius:3px; }
#search-result-list p.price span.reserve { margin:0 0 0 10px; padding:1px 3px; font-size:12px; color: #fff; background:#1b95e0; border-radius:3px; }
#search-result-list p.price span.full { margin:0 0 0 10px; padding:1px 3px; font-size:12px; color: #fff; background:#5d5d5d; border-radius:3px; }

p.cat_top { margin:30px 0 0 0; font-size:14px; }

#search_form .srch_list { width:150px; float:left; }


/*======================================================
	物件詳細
=======================================================*/
.detail_head { margin:40px 0 0 0; }
.detail_head img { width:100%; float:none; }
.detail_head .detail_head_dtl { margin:4px 0 0 0; width:100%; float:none; }
.detail_head .detail_head_dtl p.price { margin:0 0 6px 0; font-size:16px; font-weight:bold; }
.detail_head .detail_head_dtl p.price span.vacant { padding:3px 6px; background:#86bd60; color:#fff; font-size:12px; border-radius:3px; vertical-align:5px; }
.detail_head .detail_head_dtl p.price span.reserve  { padding:3px 6px; background:#1b95e0; color:#fff; font-size:12px; border-radius:3px; vertical-align:5px; }
.detail_head .detail_head_dtl p.price span.full { padding:3px 6px; background:#5d5d5d; color:#fff; font-size:12px; border-radius:3px; vertical-align:5px; }
.detail_head .detail_head_dtl p.eki,
.detail_head .detail_head_dtl p.area,
.detail_head .detail_head_dtl p.room { margin:0 0 10px 0; font-size:12px; }
.detail_head p.area span,
.detail_head p.room span { font-size:12px; font-weight:bold; }
.detail_head ul.contact_fav { width:100%; }
.detail_head ul.contact_fav li { width:100%; float:none; }
.detail_head ul.contact_fav li.contact_btn a { margin:0 0 10px 0; padding:6px 10px; background-color:#a6b6d2; color:#fff; font-size:11px; text-align:center; border:solid 1px #97aacb; box-shadow:0px 3px 0px #97aacb; border-radius:3px; box-sizing:border-box; display:block; }
.detail_head ul.contact_fav li.fav_btn a { margin:0; padding:6px 10px; background-color:#508b2f; color:#fff; font-size:11px; text-align:center; border:solid 1px #457d26; box-shadow:0px 2px 0px #457d26; border-radius:3px; box-sizing:border-box; display:block; }

ul.detail_nav { margin:20px 0 0 0; width:100%; border-bottom:none; }
ul.detail_nav li { margin:0 1% -1px 0; font-size:14px; text-align:center; border:1px solid #86bd60; width:49.5%; border-radius:3px 3px 0 0; box-sizing:border-box; float:left; }
ul.detail_nav li:last-child { margin:0 0 -1px 0; }
ul.detail_nav li a { padding:8px 0; width:100%; color:#86bd60; display:block; }
ul.detail_nav li a:hover { color:#fff; background:#86bd60; }
ul.detail_nav li.current { background:#86bd60; }
ul.detail_nav li.current a { color:#fff; }

#campaign { margin:30px 0 0 0; }
#campaign #campaign_img { padding:0 0 10px 0; display:block; }
#campaign #campaign_img img { vertical-align:bottom; }
#campaign #campaign_txt { padding:0 0 10px 0; font-size:14px; }

#spwrap { padding:0 5% 20px 5%; border:1px solid #86bd60; }

h3.detail-h3 { margin:20px 0 10px 0; padding:0; width:100%; font-size:14px; font-weight:bold; box-sizing:border-box; }
p.detail-sub-text { margin:0 0 0 0; padding:0 0 10px 0; width:100%; font-size:12px; box-sizing:border-box; }
ul.detail_category { width:100%; margin:0 0 20px 0; padding:0 0 0 0; }
ul.detail_category li { margin:0 1% 0 0; padding:0; width:auto; font-size:10px; color:#aa9166; text-align:left; border:none; float:left; }
ul.detail_category li:nth-child(5n) { margin:0 1% 0 0; }
ul.detail_category li:after { content:" ｜ "; }
ul.detail_category li:last-child:after { content:""; }
.detail-contact-box { margin:0 0 0 0; padding:0; width:100%; border-top:none; border-bottom:none; }
.detail-contact-box p.contact-btm { margin:14px 0; width:100%; text-align:center; float:none; }
.detail-contact-box p.contact-btm a { padding:12px 0; color:#fff; background:#a6b6d2; font-size:14px; border:solid 1px #97aacb; box-shadow:0px 3px 0px #97aacb; box-sizing:border-box; border-radius:3px; display:block; }
.detail-contact-box p.contact-tel { margin:4px 0 14px; width:100%; text-align:center; border-radius:3px; float:none; }
.detail-contact-box p.contact-tel img { max-width:100%; }

.detail-contact-box2 { margin:18px 0 0 0; padding:0; width:100%; }
.detail-contact-box2 p.contact-btm { margin:0; width:100%; text-align:center; float:none; }
.detail-contact-box2 p.contact-btm a { padding:12px 0; color:#fff; background:#a6b6d2; font-size:14px; border:solid 1px #97aacb; box-shadow:0px 3px 0px #97aacb; box-sizing:border-box; border-radius:3px; display:block; }
.detail-contact-box2 p.contact-tel { margin:14px 0; width:50%; text-align:center; border-radius:3px; float:left; }

div#detail-room { margin:0 0 0 0; }
div#detail-room-left { width:100%; float:none; }
#detail-room-left li { margin:0 5% 10px 0; float:left; width:30%; }
#detail-room-left li:nth-child(3n) { margin:0 0 10px 0; }
#detail-room-left li a { overflow:hidden; display:block; }
#detail-room-left li img { position:relative; width:100%; top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
div#detail-room-right { width:100%; font-size:12px; float:none; }
div#detail-room-right h4 { background:#f6f6f6; padding:5px 10px; }

table.table01 { margin:0 0 20px 0; width:100%; }
table.table01 th { padding:2px 0 2px 10px; font-weight:bold; width:35%; }
table.table01 td { width:65%; }
p.estate_att { font-size:12px; padding:10px; }

#detail-room-foot { }
#detail-room-foot ul { width:100%; font-size:12px; }
#detail-room-foot li { margin:0 10px 5px 0; float:left; }
#detail-room-foot #map_canvas { height:200px !important; }

#detail-room-prof { margin:0 0 0 0; }
#detail-room-prof h3 { margin:20px 0 10px 0; font-weight: bold; }
#detail-room-prof h3 span { font-size:14px; color:#86bd60; }
#detail-room-prof p { font-size:14px; }


p.date { margin:6px 0 0 0; width:100%; font-size:10px; text-align:right; }
ul.room-date { margin:10px 0 38px 0; width:100%; font-size:12px; float:left; }
ul.room-date li { margin:0 3px 0 0; width:30%; text-align:center; float:left; }
ul.room-date li a { padding:2px 3px; color:#5d5d5d; border-radius:3px; border:1px solid #5d5d5d; display:block; }
ul.room-date li a:hover { background:#5d5d5d; color:#fff; }
ul.room-date li.current a { padding:2px 3px; color:#fff; border-radius:3px; background:#5d5d5d; border:1px solid #5d5d5d; display:block; }

table.vacancy { margin:0 0 0 0; width:100%; }
table.vacancy tr {  }
table.vacancy th { padding:0 0 3px 0; font-size:10px; font-weight:bold; border-bottom:1px solid #dadada; }
table.vacancy th.colcol1 { width:15%;}
table.vacancy th.colcol2 { width:15%;}
table.vacancy th.colcol3 { width:20%;}
table.vacancy th.colcol4 { width:20%;}
table.vacancy th.colcol5 { width:10%;}
table.vacancy th.colcol6 { width:20%;}
table.vacancy td { padding:10px 0; font-size:12px; border-bottom:1px solid #dadada; }
table.vacancy td.nobdr { padding:10px 0 0 0; border:none; }
table.vacancy td.room_price { font-size:14px; font-weight:bold; }
table.vacancy td.room_text { padding:3px 0 6px 0; font-size:10px; color:#aa9166; }
table.vacancy span.vacant { margin:0; padding:1px 3px; background:#86bd60; width:30px; color:#fff; font-size:10px; text-align:center; border-radius:3px; }
table.vacancy span.reserve { margin:0; padding:1px 3px; background:#1b95e0; width:30px; color:#fff; font-size:10px; text-align:center; border-radius:3px; }
table.vacancy .xpire { margin:1px 0 0 0; font-size:10px; color:#1b95e0; }
table.vacancy span.full { margin:0; padding:1px 3px; background:#5d5d5d; width:30px; color:#fff; font-size:10px; text-align:center; border-radius:3px; }

#modal-content2 p img {
	margin:0 10%;
	width: 80% ;
}


/*======================================================
	favorite
=======================================================*/
p.all-contact { margin:20px 0 10px 0; font-size:20px; text-align:center; }
p.all-contact a { padding:10px; color:#fff; background:#a6b6d2; border:solid 1px #97aacb; box-shadow:0px 3px 0px #97aacb; box-sizing:border-box; border-radius:3px; display:block; }
#search-result-list li p.delete { position:static; padding:0 0 10px 0; bottom:0; right:0; z-index:10; border-bottom:1px solid #d8d8d8; }
#search-result-list li p.delete a { padding:2px 9px; color:#fff; width:3em; background:#5d5d5d; font-size:10px; border-radius:3px; display:block; }
#search-result-list li p.fv_check { position:static; bottom:0; width:100%; font-size:10px; color:#86bd60; box-sizing:border-box; display:block; clear:both; }
#search-result-list li p.fv_check input[type="checkbox"] { display:none; }
#search-result-list li p.fv_check .checkbox { position:relative; box-sizing:border-box; display:inline-block; margin:0 6px 0 0; padding:6px 6px 6px 30px; vertical-align:middle; border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-top:none; border-right:1px solid #d8d8d8; cursor:pointer; width:100%; font-size:12px; }
#search-result-list li p.fv_check .checkbox:hover { background-color: #e2edd7; }
#search-result-list li p.fv_check .checkbox:hover:after { border-color: #53b300; }
#search-result-list li p.fv_check .checkbox:after { -webkit-transition:border-color 0.2s linear; transition:border-color 0.2s linear; position:absolute; top:50%; left:6px; display:block; margin-top:-10px; width:16px; height:16px; border:1px solid #bbb; content: ''; }
#search-result-list li p.fv_check .checkbox:before { -webkit-transition:opacity 0.2s linear; transition:opacity 0.2s linear; position:absolute; top:50%; left:11px; display:block; margin-top:-8px; width:5px; height:9px; border-right: 3px solid #53b300; border-bottom:3px solid #53b300; content:''; opacity:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
#search-result-list li p.fv_check input[type=checkbox]:checked + .checkbox:before { opacity:1; }



/*======================================================
	static
=======================================================*/

#static { margin:10px 0 0 0; }
#static p.s_txt { margin:0 0 18px 0; font-size:12px; line-height:1.8; }
#static p.s_txt strong { font-weight:bold; font-size:14px; }
#static p.s_txt span { font-weight:bold; }
#static ul.s_list { margin:-13px 0 26px 0; }
#static ul.s_list li { padding:0 0 0 1em; text-indent:-1em; list-style:none; font-size:12px; }
#static p.tolink a { margin:20px 25% 0 25%; padding:10px; font-size:14px; background:#a6b6d2; border:solid 1px #97aacb; box-shadow:0px 3px 0px #97aacb; color:#fff; width:50%; text-align:center; border-radius:5px; box-sizing:border-box; display:block; }
#static p.top_txt { margin:0 0 20px 0; font-size:12px; line-height:1.6em; }



/*======================================================
	シェアハウスとは
=======================================================*/
div.about_topimg { margin:0 auto 20px auto; width:100%; }
div.about_topimg img { width:100%; }
div.about_top { margin:0 0 8px 0; font-size:14px; font-weight:bold; color:#86bd60; }
p.about_txt { margin:0 0 26px 0; padding:0; font-size:12px; width:100%; line-height:1.8; }
p.about_txt img { width:10%; }
p.about_txt2 { margin:0 0 8px 0; padding:0; font-size:12px; width:100%; line-height:1.8; }
p.about_txt2 img { width:40%; }
h2.about_ttl { margin:0 0 14px 0; padding:8px 16px 12px; color:#fff; font-size:14px; width:100%; background-color:#86bd60; line-height:1.2em; border-radius:3px; box-sizing:border-box; }
h2.about_ttl span { font-size:12px; color:#fff; }
table.about_tbl { margin:0 0 26px 0; border-collapse:collapse; border:solid 1px #e4e4e4; border-radius:3px; }
table.about_tbl thead th { padding:8px; font-size:12px; width:25%; background-color:#e4e4e4; border:solid 1px #fff; }
table.about_tbl tbody th { padding:8px; font-size:12px; color:#fff; background-color:#86bd60; border:solid 1px #fff; }
table.about_tbl tbody td { padding:8px; font-size:12px; border:solid 1px #e4e4e4; }
ul.about_list { margin:0; }
ul.about_list li { margin:0 0 6px 0; padding:12px; font-size:12px; list-style:none; border:solid 1px #e4e4e4; border-radius:3px; }
ul.about_list li:last-child { margin:0 0 24px 0; }
ul.about_list li strong { color:#508b2f; font-weight:bold; }
.about_merit { margin:0 0 24px 0; padding:10px; font-size:14px; width:100%; border:solid 1px #e4e4e4; border-radius:3px; box-sizing:border-box; float:none; }
.about_merit img { width:10%; }
.about_demerit { margin:0 0 24px 0; padding:10px; font-size:14px; width:100%; border:solid 1px #e4e4e4; border-radius:3px; box-sizing:border-box; float:none; }
.about_demerit img { width:10%; }
p.about_txt3 { margin:0 0 10px 0; font-size:14px;color:#508b2f; font-weight:bold; }
ul.about_list2 { margin:0; }
ul.about_list2 li { margin:0 0 3px 1.5em; font-size:12px; list-style:disc; }
ul.about_list2 li:last-child { margin:0 0 0 1.5em; } 
img.about_rightph { margin:0 0 0 30px; float:right; }



/*======================================================
	会社概要
=======================================================*/
dl.company-list { font-size:12px; border-top:1px solid #e4e4e4; }
dl.company-list:first-child { margin:-2% 0 0 0; border-top:none; }
dl.company-list dt { padding:2% 5% 0 0; width:90%; font-weight:bold; float:none; }
dl.company-list dd { padding:0 5% 2% 0; width:90%; float:none; }



/*======================================================
	正社員募集
=======================================================*/
dl.recruit-list { font-size:14px; border-top:1px solid #e4e4e4; }
dl.recruit-list:first-child dt { padding:2% 3% 2% 2%; border-top:none; }
dl.recruit-list dt { padding:2% 5% 2% 0; width:20%; float:left; }
dl.recruit-list dd { padding:2% 5% 2% 0; width:70%; float:left; }
.recruit-ttl { padding:1% 3%; background-color:#5d5d5d; font-size:18px; color:#fff; line-height:1.3em; }
.recruit-ttl span { font-size:14px; color:#fff; }



/*======================================================
	メールマガジン
=======================================================*/
p.mm_txt { margin:0 0 30px 0; font-size:12px; }
p.mm_txt br { display:none; }
table#mm_form { margin:30px 0 0 0; width:100%; }
table#mm_form th { width:100%; font-size:12px; display:block;  }
table#mm_form th label { margin:0 0 10px 0; }
table#mm_form td { width:100%; font-size:12px; display:block; }
table#mm_form td input[type="text"] { margin:0 0 10px 0; width:100%; padding:10px; border:solid 1px #e4e4e4; border-radius:3px; box-sizing:border-box; }
input[type="submit"]#mm_submit { -webkit-appearance:none; margin:0 auto; padding:10px 0; width:50%; color:#fff; font-size:14px; background-color:#a6b6d2; border:solid 1px #97aacb; box-shadow:0px 3px 0px #97aacb; box-sizing:border-box; border:none; border-radius:3px; }



/*======================================================
	おすすめ物件特集
=======================================================*/
#pickup-list li { margin:0 0 20px 0; padding:0; }
#pickup-list li a:hover { background-color:rgba(0, 0, 0, 0.02); display:block; }
#pickup-list img { width:100%; display:block; }
#pickup-list h4 { margin:10px 0 6px 0; width:100%; font-size:14px; font-weight:bold; color:#3f3f3f; }
#pickup-list p { margin:0 0 0 0; padding:0 0 15px 0; width:100%; font-size:12px; color:#3f3f3f; border-bottom:solid 1px #e4e4e4; }
.blog_content {}
.blog_content h4 { margin:22px 0 8px 0; font-size:16px; color:#86bd60; font-weight:bold; }
.blog_content p strong { font-size:12px; font-weight:bold; color:#3f3f3f; }
.blog_content p { margin:6px 0 6px 0; font-size:12px; line-height:1.8em; }
.blog_content p span { color:#444; font-size:10px; }
.blog_content img.full { width:100%; }
.blog_content img.left { padding:0 10px 0 0; width:30%; float:left; }
.blog_content img.right { padding:0 0 0 10px; width:30%; float:right; }
.blog_content div.leftbox { margin:10px 0 6px 0; padding:0 10px 0 0; width:40%; color:#444; font-size:10px; float:left; }
.blog_content div.leftbox img { width:100%; }
.blog_content div.rightbox { margin:10px 0 6px 0; padding:0 0 0 10px; width:40%; color:#444; font-size:10px;float:right; }
.blog_content div.rightbox img { width:100%; }
.blog_content p a.bdetail { margin:20px 25% 0 25%; padding:10px; background:#86bd60; color:#fff; width:50%; text-align:center; border-radius:5px; display:block; } 



/*======================================================
	街の雰囲気で探す
=======================================================*/
.town {}
.town p.toplead { margin:0 0 30px 0; font-size:12px; line-height:1.8em; }
.town iframe { margin:0; width:100%; height:200px; }
.town .access { margin:6px 0 0 0; }
.town h3.accessttl { margin:0 0 6px 0; padding:10px 16px; font-size:16px; width:100%; height:auto; color:#fff; font-weight:bold; text-align:left; background-color:#86bd60; box-sizing:border-box; float:left; }
.town p.accesstxt { margin:0 0 0 0; font-size:12px; width:100%; line-height:1.8em; float:left;  }
.town h3 { margin:16px 0 6px 0; padding:10px 16px; font-size:16px; font-weight:bold; color:#fff; background-color:#86bd60; border-radius:3px; }
.town p { margin:0 0 30px 0; font-size:12px; line-height:1.8em; }
.town .block { margin:0 0 60px 0; }
.town .block .block01_left { width:100%; float:none; }
.town .block .block01_right { margin:0 0 0 0; width:100%; float:none; }
.town .block .block01_right img { width:100%; }
.town .block .block02_left {  margin:0 0 0 0; width:100%;float:none; }
.town .block .block02_left img { width:100%; }
.town .block .block02_right { width:100%; float:none; }
.town .block .blockttl { margin:0 0 10px 0; padding:0; width:100%; color:#86bd60; font-size:18px; }
.town .block .blockttl strong { font-size:16px; color:#3f3f3f; font-weight:bold; }
.town .block p { margin:10px 0 10px 0; font-size:12px; line-height:1.8em; }
.town .block dl {}
.town .block dl dt { margin:0 0 0 0; width:100%; font-size:12px; font-weight:bold; float:none; }
.town .block dl dd { margin:0 0 6px 0; width:100%; font-size:12px;font-weight:normal; float:none; }
.town dl#area_price {}
.town dl#area_price dt { margin:0 0 0 0; width:100%; font-size:12px; font-weight:bold; float:none; }
.town dl#area_price dd { margin:0 0 6px 0; width:100%; font-size:12px; float:none; }
.town .area_link_ttl { margin:20px 0 16px 0; padding:0; color:#86bd60; font-size:14px; font-weight:bold; }
.town ul#area_link {}
.town ul#area_link li { margin:0 6px 6px 0; float:left; }
.town ul#area_link li a { padding:6px 10px; color:#fff; font-size:14px; background-color:#a6b6d2; border:solid 1px #97aacb; box-shadow:0px 3px 0px #97aacb; box-sizing:border-box; border:none; border-radius:3px; display:block; }
ul#townlist {}
ul#townlist li { margin:0 0 17px 0; float:none; }
ul#townlist li:nth-child(3n) { margin:0 0 17px 0; float:none; }
ul#townlist li a { width:100%; height:auto; display:block; }
ul#townlist li a img { width:100%; }


/*======================================================
	お問い合わせ
=======================================================*/
dl.contact-list { font-size:14px; border-top:1px solid #e4e4e4; }
dl.contact-list dt { padding:5% 0 1% 0; width:100%; font-size:12px; font-weight:bold; float:none }
dl.contact-list dt span { font-size:12px; color:#86bd60; font-weight:bold; }
dl.contact-list dt br { display:none; }
dl.contact-list dd { padding:0 0 5% 0; width:100%; font-size:12px; float:none; }
dl.contact-list dd strong { font-weight:bold; }
dl.contact-list dd input[type="text"] { padding:6px; font-size:12px; width:100%; border:solid 1px #e4e4e4; border-radius:3px; box-sizing:border-box; }
dl.contact-list dd.half input[type="text"] { padding:6px; font-size:12px; width:40%; border:solid 1px #e4e4e4; border-radius:3px; box-sizing:border-box; }
dl.contact-list dd input[type="tel"] { padding:6px; font-size:12px; width:100%; border:solid 1px #e4e4e4; border-radius:3px; box-sizing:border-box; }
dl.contact-list dd input[type="email"] { padding:6px; font-size:12px; width:100%; border:solid 1px #e4e4e4; border-radius:3px; box-sizing:border-box; }
dl.contact-list dd input[type="password"] { padding:6px; font-size:12px; width:100%; border:solid 1px #e4e4e4; border-radius:3px; box-sizing:border-box; }
dl.contact-list dd textarea { padding:6px; font-size:12px; width:100%; border:solid 1px #e4e4e4; border-radius:3px; box-sizing:border-box; }
dl.contact-list dd em { font-style:normal; font-size:10px; }

p.sub-text−contact { margin:20px 0; font-size:12px; color:#a66513; }
p.contact-private { padding:1% 0; font-size:12px; }
p.submit-b { margin:20px auto 0 auto; width:50%; }
p.submit-b input[type="submit"] { -webkit-appearance: none; padding:10px; background:#a6b6d2; color:#fff; width:100%; border:solid 1px #97aacb; box-shadow:0px 3px 0px #97aacb; box-sizing:border-box; border-radius:5px; border:none; }

section ul#pagenation { margin:16px 0 0 0; float:right; }
section ul#pagenation li { margin:0 2px 0 0; width:20px; height:20px; font-size:70%; line-height:1.8em; background-color:#fff; text-align:center; border:solid 1px #ccc; border-radius:3px; float:left; }
section ul#pagenation li a { width:20px; height:20px; color:#7c5b2c; text-decoration:none; display:block; }
section ul#pagenation li a:hover { background-color:#e5f2ff; }



/*======================================================
	colum
=======================================================*/
#static .column { margin:0 0 100px 0; }
#static .column ul {}
#static .column li { padding:14px 0; border-bottom: 1px solid #d8d8d8; }
#static .column li:first-child { padding:0 0 6px 0; border-bottom: 1px solid #d8d8d8; }
#static .column li:hover { background-color:rgba(0, 0, 0, 0.02); }
#static .column li .eyecatch { width:100%; float:none; }
#static .column li .eyecatch img { width:100%; }
#static .column li .texts { margin:0 0 0 0; width:100%; float:none; }
#static .column li .texts h2.title { margin:0 0 16px 0 !important; font-size:14px; }
#static .column li .texts h2.title a { color:#2f2f2f; font-weight:bold; }
#static .column li .texts h2.title a:hover { background-color:#f6f6f6; }
#static .column h1 { display:none; }
#static .column p { margin:10px 0 6px 0; font-size:12px; line-height:1.8em; }

#static .columninr { margin:0 0 100px 0; }
#static .columninr img { width:100%; }
#static .columninr h2 { margin:32px 0 16px 0; font-size:16px; color:#86bd60; font-weight:bold; }
#static .columninr h3.inner3 { margin:12px 0 16px 0; padding:0 0 12px 0; width:100%; border-bottom:solid 1px #e4e4e4; display:block; }
#static .columninr h3.inner3 a { font-size:18px; color:#2f2f2f; }
#static .columninr h4 { margin:16px 0 6px 0; font-size:12px; color:#2f2f2f; font-weight:bold; }
#static .columninr p { margin:10px 0 6px 0; font-size:12px; line-height:1.8em; }
#static .columninr table { margin:0 0 6px 0; }
#static .columninr table thead th { padding:8px; font-size:12px; width:25%; background-color:#e4e4e4; border:solid 1px #fff; }
#static .columninr table tbody th { padding:8px; font-size:12px; color:#fff; background-color:#86bd60; border:solid 1px #fff; }
#static .columninr table tbody td { padding:8px; font-size:12px; border:solid 1px #e4e4e4; }

#static .pagination { margin:16px 0 0 0; float:right; }
#static .pagination span { margin:0 2px 0 0; width:20px; height:20px; font-size:70%; line-height:1.8em; background-color:#fff; text-align:center; border:solid 1px #ccc; border-radius:3px; text-decoration:none; display:block; float:left; }
#static .pagination a { margin:0 2px; width:20px; height:20px; font-size:70%; line-height:1.8em; background-color:#fff; text-align:center; border:solid 1px #ccc; border-radius:3px; text-decoration:none; display:block; float:left; }
#static .pagination a:hover {  }
#static .pagination a.next { margin:0 0 0 2px; width:auto; border:none; background:none; }
#static .pagination a.prev { margin:0 2px 0 0; width:auto; border:none; background:none; }



/*======================================================
	autocomplete
=======================================================*/
.ui-autocomplete { position: absolute; top: 100%; left: 0; z-index:2147483647; float: left; display: none; min-width: 160px;   padding: 4px 0; margin: 0 0 10px 25px; list-style: none; background-color: #ffffff; border-color: #ccc; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 1px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; *border-right-width: 2px; *border-bottom-width: 2px; }
.ui-menu-item > a.ui-corner-all { display: block; padding: 3px 15px; clear: both; font-weight: normal; line-height: 18px; color: #555555; white-space: nowrap; text-decoration: none; }
.ui-state-hover, .ui-state-active { color: #ffffff; text-decoration: none; background-color: #0088cc; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; background-image: none; }
.ui-state-focus { text-decoration: none; background-color: #ddd; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; background-image: none; }
.datepicker{ z-index:1151 !important; }



/*======================================================
	message
=======================================================*/
.error-message{ color:#e6702f; font-size:14px; }
#flashMessage { color:#e6702f; font-size:14px; }

}

@media screen and (max-width: 1400px) {
.teeter { position:absolute; left:16%; top:72px; z-index:-1; }
}
@media screen and (max-width: 1200px) {
.slide { position:absolute; right:14%; top:70px; z-index:-1; }
}
@media screen and (max-width: 1000px) {
.swing { position:absolute; right:27%; top:0; z-index:-1; }
}