@charset "utf-8";
/* CSS Document */

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

	Font-size Adjustment
	
	10px = 0.625em	|	18px = 1.125em	|	32px = 2em
	11px = 0.688em	|	20px = 1.25em	|	36px = 2.250em
	12px = 0.75em	|	24px = 1.5em	|	42px = 2.625em
	13px = 0.813em	|	28px = 1.75em	|
	14px = 0.875em	|	30px = 1.875em	|
	15px = 0.94em	|	16px = 1em		|
	
	買いたい　#01b496
	売りたい　#ffba26
	借りたい　#26baff
	相談したい#26ffba

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

/* =Reset default browser CSS.
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, tt, var, dl, dt, dd, ul, li, fieldset, form,  legend, table.table, caption {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
h1, h2, h3, h4, h5, h6 {margin: 0;outline: 0;padding: 0;}


/* widthにpadding・borderを含める */
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}

ul, ul li {list-style: none;}
ol {margin:1em 0  0 -1.5em;}

ul.normal_list {margin:0 0 0 20px;}
ul.normal_list li {list-style-type:disc;}

table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, nav, hgroup, menu, section {display: block;}

span.text-icon { display: inline-block; background: #df002c; padding: 2px 4px;  vertical-align: middle;  font-size: 0.6em; color: #fff; border-radius: 3px; line-height:1 !important; margin-bottom: 1px;}

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


/* =共通部分
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

body { color:#333; background:#fff; font-size:16px; line-height:1.8; font-family:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif; /* [disabled]line-height:1.6; */ -webkit-text-size-adjust: none;}
.wrap {overflow: hidden;}

/* リンク指定 */
a { text-decoration:none; color: #333; -webkit-transition: 0.1s ease-in-out;  -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; }
a:hover { color: #777; opacity:0.8; filter:alpha(opacity=80); -ms-filter: “alpha( opacity=80 )”; }

p a { text-decoration:underline;}

a img{ -webkit-transition: 0.1s ease-in-out;  -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; border:0px none;
		-webkit-backface-visibility: hidden; backface-visibility: hidden;/* ズレ解消 */ }
a:hover img{opacity:0.7; filter:alpha(opacity=70); -ms-filter: “alpha( opacity=70 )”; }

a.imgZoom11 img {width:100%; display: block; -moz-transition: -moz-transform 0.3s linear; -webkit-transition: -webkit-transform 0.3s linear; -o-transition: -o-transform 0.3s linear; -ms-transition: -ms-transform 0.3s linear; transition: transform 0.3s linear;}
a.imgZoom11:hover img {  -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity:1; filter:alpha(opacity=100); -ms-filter: “alpha( opacity=100 )”;}
a.imgZoom12 img {width:100%; display: block; -moz-transition: -moz-transform 0.5s linear; -webkit-transition: -webkit-transform 0.5s linear; -o-transition: -o-transform 0.5s linear; -ms-transition: -ms-transform 0.5s linear; transition: transform 0.5s linear;}
a.imgZoom12:hover img {  -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity:1; filter:alpha(opacity=100); -ms-filter: “alpha( opacity=100 )”;}

a.opty70:hover {display: block; opacity:0.7; filter:alpha(opacity=70); -ms-filter: “alpha( opacity=70 )”; }

p.come{padding-left: 1em; text-indent: -1em;}
@media only screen and (max-width: 640px) {
 p.come640{padding-left: 1em; text-indent: -1em;}
}

/* PCスマホ表示変換 */
.pc0 {}
@media only screen and (min-width: 768px) {
	.pc0 {display:none; visibility:hidden;}
}
@media print {
	.pc0 {display:none; visibility:hidden;}
}
.sp0, .mobile0 {}
@media only screen and (max-width: 767px) {
	.sp0, .mobile0 {display:none; visibility:hidden;}
}
.pc640 {}
@media only screen and (min-width: 641px) {
	.pc640 {display:none; visibility:hidden;}
}
.sp640 {}
@media only screen and (max-width: 640px) {
	.sp640 {display:none; visibility:hidden;}
}
.pc480 {}
@media only screen and (min-width: 481px) {
	.pc480 {display:none; visibility:hidden;}
}
.sp480 {}
@media only screen and (max-width: 480px) {
	.sp480 {display:none; visibility:hidden;}
}

img.imgmaxH100 {max-height:100%;}
img.imgmaxW100, .mbig {max-width:100%;}


img.border { border:1px solid #666;}

/* メインコンテナ */
.wrapper {position:relative; width:1000px; margin:0 auto;}
@media only screen and (max-width: 950px) {
	.wrapper {	position:relative;	width:100%;	padding:0 1%;	margin:0;}
}

.top_margin {height:100px;}
@media only screen and (max-width: 1000px) {
	.top_margin {height:80px;}
}


/* ㎡ */
sup, sub {font-size:0.6em; height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; } sup { bottom: 1ex; } sub { top: .5ex; }


a.bt200 {display: block; float:right; width:200px; background:#01b496; color:#fff; padding:10px 0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 0 0 12px; text-align:center;}
a.bt200L {display: block; float:left; width:200px; background:#01b496; color: #fff; padding:10px 0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 12px 8px 0; text-align:center;}
a.bt180R {display: block; float:left; width:172px; background:#01b496; color: #fff; padding:10px 0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 12px 8px 0; text-align:center;}
a.bt200C {display: block; width:200px; background:#999; color: #fff; padding:10px 0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:5px auto ; text-align:center;}

a.bt200edit {display: block; float:right; width:200px; background:#999; color:#fff; padding:10px 0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 0 0 12px; text-align:center;}
a.bt200Ledit {display: block; float:left; width:200px; background:#999; color:#fff; padding:10px 0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 0 0 12px; text-align:center;}

/* .背景
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.obi_gray   { background:#eee; border-top:1px solid #ccc;  border-bottom:1px solid #ccc; padding:1em 0; margin:0 0 2em 0;}
.obi_yellow { background:#ffc; border-top:1px solid #fd7;  border-bottom:1px solid #fd7; padding:1em 0; margin:0 0 2em 0;}
.obi_green  { background:#7fcba1; border-top:1px solid #094;  border-bottom:1px solid #094; padding:1em 0; margin:0 0 2em 0;}

/* .フォント
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.textC{	text-align:center;}
.textR{	text-align:right;}
.textR a{background:#eee; margin:0 2px; padding:5px 8px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:solid 1px #ccc;}
.textR a:hover {background:#ccc;}
.text_list { text-align:center; line-height:3em;}
.text_list a {background:#eee; margin:5px 2px; padding:5px 8px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:solid 1px #ccc;}

.float-right {float: right; margin: 0 0 0 10px;}
.float-left {float: left; margin: 0 10px 0 0;}

.green { color: #25b063; }
.gray  { color: #6f675c; }
.blue  { color: #039; }
.red, .f_red  { color: #ff0000; }
.reds, .f_reds  { color: #ff0000; font-size: 0.9em;}
.redss  { color: #ff0000; font-size: 0.8em;}
.f_brown {color:#483834;}
.f_white {color:#fff;}
.orange  { color: #ff6600; }
.yellow { color: #ffff00; }
.brown_box {  background: #483834; font-weight:bold; color:#fff; padding:2px 4px 1px 4px; }

.font_s { font-size:0.8em;}
.font_m { font-size:0.9em;}
.font_l { font-size:1.2em;}
.font_ll { font-size:1.6em;}

.font_waku {background:#01b496; color: #fff; padding:5px 0.8em; margin:0.5em; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.mincho {font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;}


/* .マージン
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.mgb10 {margin-bottom:0.6em;}
.mgb20 {margin-bottom:1.2em;}
.mgb40 {margin-bottom:2em;}
.mag2em {margin-top:2em;}
.mag3em {margin-top:3em;}
.mag5em {margin-top:5em;}

.pad10 { padding:12px 0.5em;}
.pad1w { padding:0 1em;}

/* .ボタン
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.btn_maru{ display: inline-block; padding: 10px 26px; border-radius: 25px; text-decoration: none; color: #FFF; transition: .4s; font-size:16px;
    background-image: -webkit-linear-gradient(45deg, #6f5f5b 0%, #483834 100%); background-image: linear-gradient(45deg, #6f5f5b 0%, #483834 100%);
}
.btn_maru:hover {background-image: -webkit-linear-gradient(45deg, #93bc24 0%, #7ba508 100%); background-image: linear-gradient(45deg, #93bc24 0%, #7ba508 100%);  color: #FFF;}


/* .見出し
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
h1 {font-size: 11px; line-height: 18px; color: #888; overflow:hidden;}

h2 { position: relative; margin-bottom: .5em; text-align: center;}

h2.under_bai, h2.under_uru, h2.under_chi, h2.under_sou { margin-bottom: 1.5em;}
h2.under_bai:before, h2.under_uru:before, h2.under_chi:before, h2.under_sou:before{content: ""; position: absolute; bottom: -12px; display: inline-block; width:5%; height: 7px; left: 50%; transform: translateX(-50%);  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
h2.under_bai:before {background-color: #01b496;}
h2.under_uru:before {background-color: #ffba26;}
h2.under_chi:before {background-color: #26baff;}
h2.under_sou:before {background-color: #8ee893;}


h2.baiH, h2.chiH, h2.uruH, h2.souH { position:relative; margin-bottom:1em; font-size:2em; text-align:center; padding-top:8px; line-height:1.6;}
h2.baiH:before, h2.uruH:before, h2.chiH:before, h2.souH:before {content:''; width:90px; height:90px; border-radius:50%; border-width:4px; border-style:solid; display:block; position:absolute;left:0;right:0;top:0;margin:auto; z-index: -1;}
h2.baiH:after, h2.uruH:after, h2.chiH:after, h2.souH:after {content:''; width:80px; height:80px; border-radius:50%; border-width:1px; border-style:solid; display:block; position:absolute;left:0;right:0;top:7px;margin:auto; z-index: -1;}
h2.baiH span, h2.chiH span, h2.uruH span, h2.souH span {font-size:0.6em; display:block;}
h2.baiH span:after, h2.chiH span:after, h2.uruH span:after, h2.souH span:after, h2.baiH span:before, h2.chiH span:before, h2.uruH span:before, h2.souH span:before {content:'－';  padding:0 0.3em;}
h2.baiH:after, h2.baiH:before {border-color: rgba(255,38,38,0.3); } /* 買いたい  #01b496 */
h2.uruH:after, h2.uruH:before {border-color: rgba(255,186,38,0.3);} /* 売りたい  #ffba26 */
h2.chiH:after, h2.chiH:before {border-color: rgba(38,186,255,0.3);} /* 借りたい  #26baff */
h2.souH:after, h2.souH:before {border-color: rgba(70,157,73,0.3);} /* 相談したい#26ffba */



.top-navi-bai {border-left:3px solid #01b496;} /* 買いたい  #01b496 */
.top-navi-uru {border-left:3px solid #ffba26;} /* 売りたい  #ffba26 */
.top-navi-chi {border-left:3px solid #26baff;} /* 借りたい  #26baff */
.top-navi-sou {border-left:3px solid #26ffba;} /* 相談したい#26ffba */







h3{ text-align: center;}
h3.greenH{color: #009944;}

h3.cl3, h3.bl3, h3.ul3, h3.sl3 {overflow: hidden; margin-bottom:1em;}
h3.cl3 span, h3.bl3 span, h3.ul3 span, h3.sl3 span {position: relative; display: inline-block; margin: 0 2em; padding: 0 0.8em; text-align: left;}
h3.cl3 span::before, h3.cl3 span::after { position: absolute; top: 50%; content: ''; width: 30%; height: 2px; background-color:#26baff;} /* 賃貸　青 */
h3.bl3 span::before, h3.bl3 span::after { position: absolute; top: 50%; content: ''; width: 30%; height: 2px; background-color:#01b496;} /* 売買　赤 */
h3.ul3 span::before, h3.ul3 span::after { position: absolute; top: 50%; content: ''; width: 30%; height: 2px; background-color:#ffba26;} /* 売る　黄 */
h3.sl3 span::before, h3.sl3 span::after { position: absolute; top: 50%; content: ''; width: 30%; height: 2px; background-color:#4fa552;} /* 相談　緑 */
h3.cl3 span::before, h3.bl3 span::before, h3.ul3 span::before, h3.sl3 span::before {right: 100%;}
h3.cl3 span::after, h3.bl3 span::after, h3.ul3 span::after, h3.sl3 span::after {left: 100%;}

/*93bc24*/
h3.left_under{ text-align:left; font-size:20px; color: #555; margin:0 0 20px 0; border-bottom:double 3px #555;}




h4{ font-size:18px; color: #666;}
h4.borderH{	color: #483834; border-left:solid 5px #483834; padding-left:5px; line-height:120%; margin:10px 0;}


.kanri_title {max-width:1000px; width:100%; color:#fff; font-size:24px; text-align:center; clear:both; margin:0 auto 25px auto; letter-spacing:1em;}
.kanri_title a {display: block; width:100%; color:#fff; background:#C00; text-align:center; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}




/* .画像サイズ3:2の拡大リンク
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.a3x2_img, .a2x1_img { position: relative; width: 100%; overflow: hidden;}
.a3x2_img:before {content:""; display: block; padding-top: 66.6%; /* 高さを幅の66.6%に固定 */}
.a2x1_img:before {content:""; display: block; padding-top: 50%; /* 高さを幅の50%に固定 */}
.a3x2_img img, .a2x1_img img {position:absolute; top:0; right:0; bottom:0; left:0; margin: auto; -moz-transition: -moz-transform 0.5s linear; -webkit-transition: -webkit-transform 0.5s linear; -o-transition: -o-transform 0.5s linear; -ms-transition: -ms-transform 0.5s linear; transition: transform 0.5s linear; width:auto; max-width:100%; height: auto; min-height:100%; overflow:hidden;}





/* .ヘッダー
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* .メイン
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.wrapper {margin: 0 auto; text-align: left; width:100%; max-width:1000px;}
@media only screen and (max-width: 780px) {
	.wrapper {margin: 0 2%; width:96%;}
}
#main_mrg {text-align:center;}
@media only screen and (min-width: 1001px) {
	#main_mrg { margin-top:-20px;}
}

#main_mrg img {width:100%;}





/* .枠
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.box100 {width:100%; margin:0 0 20px 0; padding:1em; border:1px solid #ccc; background:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.box100_news {width:100%; margin:0 0 20px 0; padding:10px 1%; border:1px solid #ccc; background:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:6px;}


/* テキストBOX */
.txt_box800 {width:100%; max-width:800px; margin:20px auto;}
.txt_box700 {width:100%; max-width:700px; margin:20px auto;}
.txt_box600 {width:100%; max-width:600px; margin:20px auto;}
.txt_box500 {width:100%; max-width:500px; margin:20px auto;}


/* .box
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.main_box {width:77%; margin:0 0 20px 0; float: right;}
.side_box {width:20%; margin:0 0 20px 0; float: left;}
@media only screen and (max-width: 800px) {
	.main_box {width:100%; margin:0 0 20px 0; float: none;}
	.side_box {display:none; visibility:hidden;}
}	

.box1st {width:38%; float:left;}
.box2nd {width:60%; float:right;}
@media only screen and (max-width: 640px) {
	.box1st, .box2nd {width:100%; float: none;}
}

.box50 {width:48%; margin:0 1% 1em 1%; float: left;}
.box50l {width:49%; margin:0 1% 1em 0; float: left;}
.box50r {width:49%; margin:0 0 1em 1%; float: left;}
@media only screen and (max-width: 640px) {
	.box50l, .box50r, .box50n {width:100%; margin:0 0 1em 0; float: none;}
}

.box65{width:65%; float: left;}
.box60 {width:60%; float: left;}
.box40 {width:40%; float: left;}
.box35 {width:35%; float: left;}
@media only screen and (max-width: 640px) {
	.box65, .box60, .box40, .box35 {width:100%; margin:0 0 1em 0; float: none;}
}


.box_border {border: 1px #aaa solid; padding:10px;}

.boder_left { border-left:4px solid #93bc24; padding-left:18px; }
.boder_left img {width:240px; float:left; margin:0 1em 0 0; display:block;}
@media only screen and (max-width: 480px) {
	.boder_left img {width:90%; margin:0 10% 0 0;}
}
.boder_bai { border-color:#01b496;} /* 買いたい */
.boder_uru { border-color:#ffba26;} /* 売りたい */
.boder_chi { border-color:#26baff;} /* 借りたい */
.boder_sou { border-color:#4fa552;} /* 相談したい */
boder_left:after { content: " "; line-height: 0; display: block; overflow: hidden; position: absolute; top:0; left: -4px; border-left:4px solid #3b2d2d; height:40px;}/*----*/


.box_gray {position:relative; background:#f2f2f2; padding:8px; border:1px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}



/* .斜めに切れる画像背景*/
.merit-02__box-img{width:60%;height:70vh;background-size:cover;background-position:center right 25%;background-image:url(../images/home/merit-2_bg.jpeg);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}
@media screen and (max-width:1024px){
.merit-02__box-img{width:100%;height:50vh;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);order:1}
}


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


/* .viewer
------------------------- */
.viewer { margin: 0 auto; max-width:1000px; width: 100%; position: relative; overflow: hidden; background-image:url(../img/amg.png); background-position:center top; background-repeat:no-repeat; -moz-background-size:cover; background-size:cover;}
.viewer ul { width: 100%; overflow: hidden; position: relative;}
.viewer ul li {top: 0; left: 0; width: 100%; position: absolute;}
.viewer ul li img { width: 100%;}
/* sideNavi
------------------------- */
.viewer .btnPrev, .viewer .btnNext { }
.viewer ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden;}
.viewer ul { display: inline-block; overflow: hidden;}



/* .メイン画像スライダー */
.top_single {width: 100%; text-align:center; background-image:url(../img/main01a.png); background-position:left top; background-repeat:no-repeat; -moz-background-size:contain; background-size:contain; background-color:#469d49;}
.top_single img {max-width:100%;}




/* .4色線のTOPメニュー */
.top-navi {margin:0 -1%; overflow:hidden;}
.top-navi ul {}
.top-navi ul li {float:left; width: 23%; margin:0 1%;}
.top-navi ul li ul li {float:left; width:96%; margin:3px 1% 3px 3%;}
.top-navi p {padding:0 3%; font-size: 30px; color:#666; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;}

.top-navi-bai {border-left:3px solid #01b496;}
.top-navi-uru {border-left:3px solid #ffba26;}
.top-navi-chi {border-left:3px solid #26baff;}
.top-navi-sou {border-left:3px solid #26ffba;}

@media only screen and (max-width: 920px) {
.top-navi p {font-size: 24px;}
}
@media only screen and (max-width: 767px) {
	.top-navi {margin:0 -2%;}
	.top-navi p {font-size: 22px;}
	.top-navi ul li {float:left; width:46%; margin:0 2% 2em 2%; font-size:12px;}
}
.top-navi ul li p a { text-decoration:none;}
.top-navi ul li ul li a {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: block; position: relative; z-index: 100; background: #eee; color: #444; border:1px solid #999;}
.arrow1 { position: relative; display: inline-block; padding:0.3em 0 0.3em 16px;}
.arrow1:before {content: ''; width: 0; height: 0; border: solid 4px transparent; border-left: solid 6px #01b496; position: absolute; top: 50%; left: 5px; margin-top: -4px;}
.top-navi ul li ul li a:hover {background: #ccc;}

@media only screen and (max-width: 359px) {
	.top-navi p {font-size: 16px;}
	.top-navi ul li ul li a {padding:0.8em 0 0.8em 13px;}
	.arrow1 { padding:0.3em 0 0.3em 9px;}
}



/* .グラデーション背景 */
.bg_bai {padding:2em 0; background: -moz-linear-gradient(top, #ffe7e7, #FFFF);  background: -webkit-linear-gradient(top,  #ffe7e7, #FFFF);  background: linear-gradient(to bottom,  #ffe7e7, #FFFF);}
.bg_chi {padding:2em 0; background: -moz-linear-gradient(top, #e0f5ff, #FFFF);  background: -webkit-linear-gradient(top,  #e0f5ff, #FFFF);  background: linear-gradient(to bottom,  #e0f5ff, #FFFF);}
.bg_uru {padding:2em 0; background: -moz-linear-gradient(top, #ffeabc, #FFFF);  background: -webkit-linear-gradient(top,  #ffeabc, #FFFF);  background: linear-gradient(to bottom,  #ffeabc, #FFFF);}
.bg_sou {padding:2em 0; background: -moz-linear-gradient(top, #c5f1c2, #FFFF);  background: -webkit-linear-gradient(top,  #c5f1c2, #FFFF);  background: linear-gradient(to bottom,  #c5f1c2, #FFFF);}
.bg_green {padding:2em 0; background: -moz-linear-gradient(top, #85e089, #FFFF);  background: -webkit-linear-gradient(top,  #85e089, #FFFF);  background: linear-gradient(to bottom,  #85e089, #FFFF);}

.bg_3box {padding:2em 0; background: -moz-linear-gradient(top, #e3e3d8, #FFFF);  background: -webkit-linear-gradient(top,  #e3e3d8, #FFFF);  background: linear-gradient(to bottom,  #e3e3d8, #FFFF);}


/* .2枠カテゴリ * （地図から＆一覧から） */
.box2 {margin:0 0 0 -2%;}
.box2 ul li {position:relative; width:48%; float:left; margin:0 0 1em 2%; background:#ede8e8; overflow:hidden;}
.box2 ul li a{display:block;}
@media only screen and (max-width: 800px) {
	.box2 {margin:0;}
	.box2 ul li { width:100%; margin:5px 0;}
}
.box2 ul li.bt_bai { border:2px solid #01b496;}
.box2 ul li.bt_chi { border:2px solid #26baff;}


/* .4枠カテゴリ * その他コンテンツ（4枠） */
.box4 {margin:0 0 0 -2%;}
.box4 ul li {position:relative; width:23%; float:left; margin:0 0 1em 2%; background:#ede8e8; overflow:hidden;}
.box4 ul li a{display:block;}
@media only screen and (max-width: 800px) {
	.box4 {margin:0 0 0 -3%;}
	.box4 ul li { width:47%; float:left; margin:0 0 1em 3%;}
}
.box4 ul li.bt_bai { border:2px solid #01b496; padding:5px;}
.box4 ul li.bt_chi { border:2px solid #26baff; padding:5px;}



/* =売りたい・相談したい */
.uru_top4box, .sou_top4box  { margin:0 -1%;}
.uru_top4box li, .sou_top4box li {position:relative; overflow:hidden; width:23%; float:left; margin:9px 1%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; text-align:center; font-weight:bold; font-size:1.2em; color:#000;}
.uru_top4box li img,  .sou_top4box li img {width:100%;}
.uru_top4box li div,  .sou_top4box li div { position:absolute; width:100%; bottom:0; padding:5px 0; background-color:rgba(255,255,255,0.7); line-height:20px; text-align:center; text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;}
@media only screen and (max-width: 960px) {
	.uru_top4box li, .sou_top4box li {font-size:1em;}
}
@media only screen and (max-width: 800px) {
	.uru_top4box, .sou_top4box {margin:0 0 0 -3%;}
	.uru_top4box li, .sou_top4box li { width:47%; margin:0 0 1em 3%; font-size:1em;}
}
.uru_top4box li {border:2px solid #ffba26;}
.sou_top4box li {border:2px solid #26ffba;}



/* =3boxリンク */
.top3box { margin:0 -1%;}
.top3box li {position:relative; overflow:hidden; border:1px solid #000; width:31.3%; float:left; margin:9px 1%; background:#fff;}
.top3box li img {width:32%; float:left;}
.top3box li div {width:68%; float:left; text-align:center; font-weight:bold; font-size:1.2em; color:#000; padding-top:6%;}
@media only screen and (max-width: 800px) {
	.top3box {margin:0;}
	.top3box li { width:90%; margin:12px 5%; font-size:0.9em;}
}






/* .3枠カテゴリ * その他コンテンツ（4枠） */
.box3 {margin:0 0 0 -3%;}
.box3 ul li {position:relative; width:30.3%; float:left; margin:0 0 2em 3%; background:#f2f2f2;}
.box3 ul li a{display:block;}
.box3 ul li a:hover img {  -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
@media only screen and (max-width: 800px) {
	.box3 {margin:0;}
	.box3 ul li { width:100%; float:left; margin:0 0 2em 0;}
	.box3 ul li .box3_img {width:32%; margin-right:2%; float:left;}
	.box3 ul li .a2x1_img:before {content:""; display: block; padding-top: 66.6%; /* 高さを幅の50%に固定 */}
}
@media only screen and (max-width: 480px) {
	.box3 ul li .box3_img { position:absolute; top:40px; left:0;}
	.box3 ul li p { margin-left:35%; }
	.box3 ul li .a2x1_img:before {content:""; display: block; padding-top:75%; /* 高さを幅の50%に固定 */}
}

/* .2枠カテゴリ * その他コンテンツ（4枠） */
.box2li {margin:0 0 0 -3%;}
.box2li ul li {position:relative; width:47%; float:left; margin:0 0 2em 3%; padding:1em; border:1px solid #ccc; background:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.box2li ul li a{display:block;}
.box2li ul li a:hover img {  -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
@media only screen and (max-width: 800px) {
	.box2li {margin:0;}
	.box2li ul li { width:100%; float:left; margin:0 0 2em 0;}
}







/*　トピックス4枠 */
.feature_bg { background:#21a9a3; padding:1.5em 5% 0.5em 5%;}
.feature {}
.feature ul {}
.feature ul li { position:relative; width:31.3%; float:left; margin:0 1% 1em 1%; background:#fff; padding:0 0 2.4em 0; line-height:0;}
.feature ul li div { padding:1em; line-height:1.8;}
.feature ul li div h2 { font-size:18px; font-weight:700;}
.feature ul li a { display:block; color:#000;}
.feature ul li img { width:100%;}
.topics_link{ position:absolute; bottom:1em; left:0; right:0; width:90%; max-width:160px; height:30px; line-height:30px!important; overflow:hidden; padding: 0!important; margin:0 auto; background:#f93; color:#fff; text-align:center; border-radius:15px;}
@media only screen and (max-width: 1000px) {
	.feature_bg { background:#21a9a3; padding:1.5em 0 0.5em 0;}
}
@media only screen and (max-width: 768px) {
	.feature ul li {width:49.6%;  margin:1px 0.2%;}
}
@media only screen and (max-width: 640px) {
	.feature ul li {width:99%;  margin:1px 0.5%; padding:0;}
	.feature ul li img { width:25%; max-width:160px; float:left; padding-right:5%!important;}
	.feature ul li div { padding:0.3em; line-height:1.8; width:70%; float:left;}
	.feature ul li div h2 { text-align:left; margin-bottom:0.3em;}
	.topics_link { display:none;}
}



.feature5 { margin-right:-1%;}
.feature5 li {}
.feature5 li a {position:relative; width:19%; margin:0 1% 20px 0; display:block; float:left; background:#009944; border: 3px #009944 solid; color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -moz-transition: -moz-transform 0.5s linear; -webkit-transition: -webkit-transform 0.5s linear; -o-transition: -o-transform 0.5s linear; -ms-transition: -ms-transform 0.5s linear; transition: transform 0.5s linear;}
.feature5 li div {width:100%; height:30px; line-height:30px; font-size:1.1em; font-weight:bold; overflow:hidden; text-align:center;}
.feature5 li img {width:100%;}
.feature5 li a:hover {color:#ff0;  -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
@media only screen and (min-width: 641px) and (max-width: 950px) {
	.feature5 li div span { display:none; visibility:hidden;}
}
@media only screen and (max-width: 640px) {
	.feature5 li a {width:98%; margin:0 1% 15px 1%;}
	.feature5 li div {position:absolute; left:10px; top:0; bottom:0; margin:auto; z-index:10; width:60%; height:40px; line-height:40px; background-color:rgba(255,255,255,0.7); text-align:left; padding-left:10px; color:#333;}
	.feature5 li img {float:right; width:60%;}
}


.feature2 {}
.feature2 ul {}
.feature2 li a {width:48%; margin:0 1% 15px 1%; display:block; float:left; background:#009944; border: 3px #009944 solid; color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -moz-transition: -moz-transform 0.5s linear; -webkit-transition: -webkit-transform 0.5s linear; -o-transition: -o-transform 0.5s linear; -ms-transition: -ms-transform 0.5s linear; transition: transform 0.5s linear;}
.feature2 li a.bai {background:#ee9700; border-color:#ee9700;}
.feature2 li div {width:100%; height:30px; line-height:30px; font-size:1.2em; font-weight:bold; overflow:hidden; text-align:center;}
.feature2 li img {width:100%;}
.feature2 li a:hover {color:#ff0;  -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
@media only screen and (max-width: 640px) {
	.feature li div {font-size:14px;}
}


/* 間取り検索 */
.checkbox04-input{ display: none;}
.checkbox04-parts{ position: relative; width:160px; margin:0.5em 10px; padding: 12px 0 12px 38px; transition:.3s; color: #444; border-radius: 8px; border: 1px solid #999; display:inline-block; line-height:1; background:#f2f2f2; cursor:pointer; text-align:left;}
.checkbox04-parts:hover { background:#ccc;}
.checkbox04-input:checked + .checkbox04-parts{ background: #ff555e; color: #fff; border: 1px solid #ff555e;}
.checkbox04-parts::before{ content: ""; display: block; left: 7px; width: 20px; height: 13px; border-radius: 13px; border: 1px solid #999; background: #fff; position: absolute;}
.checkbox04-parts::after{  content: ""; display: block; position: absolute;  top:14px; left: 10px; width: 11px; height: 11px; background: #999; border-radius: 50%; transition:.2s; display: block;}
.checkbox04-input:checked + .checkbox04-parts::before { border: 1px solid #ff555e;}
.checkbox04-input:checked + .checkbox04-parts::after {  left: 16px;  background: #ff555e;}
.checkbox04-box{}
.checkbox04-box label{margin-right:20px; display:inline-block; margin-bottom:10px;}
@media only screen and (max-width:980px) {
	.checkbox04-parts{ width:150px; margin:0.3em 5px;}
}





/* =TOP更新日 */
.top_data {width:auto; border-top:2px dashed #ccc;  border-bottom:2px dashed #ccc;  padding:10px 5px; margin:0 auto 2em auto;}
.reset_date {margin:0 10px; float:left;}
.datedata a{ display:none;}
@media only screen and (min-width: 641px) {
	.top_data  {max-width:500px; text-align:center; margin-bottom:3em;}
}
@media only screen and (max-width: 640px) {
	.reset_date {margin-right:0; float:none;}
}



/* トップページ会社概要 */
.coop_box {width:100%; background:#eee; border-top:2px solid #ccc; border-bottom:2px solid #ccc;}

/* .会社情報---- */
.coop_left  { float:left; width:48%; padding:10px 0;}
.coop_left img {width:100%; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}

.coop_right { float:right;  width:50%; text-align:left; padding:10px 0;}
.coop_right_img {width:34%; float:left; padding:60px 0 0 0;}
.coop_right_img img {max-width:100%; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.coop_right_txt {width:64%; float:right; font-size:15px;}
.coop_txt {line-height:1.5!important;}
.coop_txt img {height:45px; margin-top:10px;}
.coop_txts {font-size:0.8em; font-weight:normal; line-height:1.5!important; padding:10px 0 0 0;}
@media only screen and (min-width: 781px) and (max-width: 900px) {
	.coop_txt { font-size:0.9em;}
	.coop_txts {font-size:0.7em;}
}
@media only screen and (max-width: 780px) {
	.coop_left  {width:100%; padding:10px 0 0 0;}
	.coop_right {width:100%; padding:0 0 10px 0;}
	.coop_right_img {padding:15px 0 0 0;}
}
@media only screen and (max-width: 420px) {
	.coop_right_txt {width:100%; float:right;}
	.coop_right_img { display:none;}
	.coop_txt, .coop_txts {line-height:1.3!important;}
}


#top_map { width:100%; height:300px;}
@media only screen and (max-width: 640px) {
	.coop_left, .coop_right  {width:100%; max-width:640px; }
	.coop_txts {margin: 0 0 30px 0; padding:10px 0 0 8px;}	.coop_txt {padding:10px 0 0 8px;}
}

.bn1000 {width:100%; text-align:center;}
.bn1000 img {width:100%; max-width:1000px; margin:0 auto; -moz-transition: -moz-transform 0.5s linear; -webkit-transition: -webkit-transform 0.5s linear; -o-transition: -o-transform 0.5s linear; -ms-transition: -ms-transform 0.5s linear; transition: transform 0.5s linear; overflow:hidden;}


/* =無料査定バナー */
.toiawase { width:100%; padding:0 3%; border:2px solid #6fae14; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#fff;}
.toiawase div.tel_mail {border-left:10px solid #6fae14; padding:0 0.8em; margin:1em 0;}
@media only screen and (max-width: 640px) {
	.toiawase { width:100%; padding:0.5em 0 0.2em 0;}
	.toiawase div.tel_mail {border:none; padding:0 0.2em; margin:0;}
}


/* =LINEでお問い合わせ */
ul.LINE_QR { width:100%; border:3px solid #ccc; background:#fff; padding:10px;}
ul.LINE_QR li { float:left; text-align:center; width:50%; line-height:1;}
ul.LINE_QR li img {max-width:100%;}
@media only screen and (max-width: 640px) {
	ul.LINE_QR li {width:100%;}
}


/* =採用情報 */
.remote {width:auto; max-width:100%;}
.remote01, .remote02 {width:50%; float:left; text-align:center; line-height:0;}
.remote01 img, .remote02 img {max-width:100%;}
@media only screen and (max-width: 640px) {
	.remote01, .remote02 { display:block; width:100%;}
}

/* .3枠カテゴリ * その他コンテンツ（4枠） */
.top_box3 {}
.top_box3 ul li {position:relative; width:33.33%; float:left; border:1px solid #fff;}
.top_box3 ul li a{display:block;}
.top_box3 ul li a:hover img {  -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

.screen_box2 {position:absolute; width: 100%; top:0; left:0;  padding-top: 40%; /* 高さを幅の36%に固定 */ z-index:100; -moz-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.2) inset; -webkit-box-shadow:  0px 20px 20px 0px rgba(0,0,0,0.2) inset; -o-box-shadow:  0px 20px 20px 0px rgba(0,0,0,0.2) inset; -ms-box-shadow:  0px 20px 20px 0px rgba(0,0,0,0.2) inset; background-color:rgba(0,30,10,0.7);}
/* .画像サイズ3:2の拡大リンク */
.top_a2x1_img { position: relative; width: 100%; overflow: hidden;}
.top_a2x1_img:before {content:""; display: block; padding-top: 40%; /* 高さを幅の36%に固定 */}
.top_a2x1_img img {position:absolute; top:0; right:0; bottom:0; left:0; margin: auto; -moz-transition: -moz-transform 0.5s linear; -webkit-transition: -webkit-transform 0.5s linear; -o-transition: -o-transform 0.5s linear; -ms-transition: -ms-transform 0.5s linear; transition: transform 0.5s linear; width:auto; max-width:100%; height: auto; min-height:100%; overflow:hidden;}

.top_title_plan3 { position:absolute; width:100%; bottom:0; background-color:rgba(0,0,0,0.8); line-height:3em; font-size:1.4em; color:#fff; text-align:center;}
.page_title_plan3 {width:100%; bottom:0; background-color:rgba(0,0,0,1); line-height:3em; font-size:1.4em; color:#fff; text-align:center;}
@media only screen and (min-width: 641px) and (max-width: 999px) {
	.top_box3 ul li { width:50%; float:left;}
}
@media only screen and (max-width: 640px) {
	.top_box3 ul li { width:100%; float:left;}
	.screen_box2, .top_a2x1_img:before {padding-top: 36%; /* 高さを幅の36%に固定 */}
}



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



/* 各ページ共通 
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.main_bg{ overflow: hidden; width: 100%; height: 400px; background-position:50% 50%; background-repeat: no-repeat; background-attachment: fixed; background-size:cover;}
 @media screen and (max-width:640px){
.main_bg{height: 300px; background-attachment:scroll;}
}
@media screen and (max-width:400px){
.main_bg{height: 200px; background-attachment:scroll;}
}
.wed_telmail {max-width:1000px; margin:auto;}
.wed_telmail ul { list-style-type: none; text-align:center;}
.wed_telmail ul li {  display: inline-block; width:40%; margin:1em 4%; vertical-align: middle; font-weight: bold; color: #fff;}
.wed_mail{ display: block; border: solid 2px #fff; background: rgba(0,0,0,0.8); color: #fff; padding:2em 0; }
.wed_mail:hover{ color: #000; background: #fff;}
 @media screen and (max-width:640px){
.wed_telmail ul li {  width:90%;}
}


/* メールアイコン <span class="dli-mail"></span> */
.dli-mail { display:inline-block; vertical-align:text-top;/*vertical-align:middleでもよい*/ line-height:1; position:relative; width:1.06667em; height:0.8em; border:0.1em solid currentColor; border-radius:0.1em; box-sizing:content-box; overflow:hidden; margin-top:0.05em;}
.dli-mail::before { content: ''; position:absolute; left:50%; top:0; width:0.75425em; height:0.75425em; border:0.11em solid currentColor; border-top-color: transparent; border-right-color: transparent; border-radius: 0 0 0 0.1em; box-sizing: content-box; transform: translate(-50%, -50%) rotate(-45deg) skew(10deg, 10deg);}


/* 最初のページ 
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */


.link_list {width:102%; margin:0 -1%;}
.link_list ul {}
.link_list ul li {float:left; margin:1em 1%; width:48%; background:#fff;}
.link_list a { height:130px; display:block; overflow:hidden; border:1px solid #666;}
.link_list a:hover, .topics a.active {background-color:#eee;}
.link_list img { width:130px; height:130px; margin-right: 10px; float:left;}
.link_list ul li h4 {margin: 0.5em 0;}
@media only screen and (max-width: 640px) {
	.link_list ul li {margin:1em 1%; width:100%;}
}


img.imgtitle {width:320px; float:left; margin:0 1em 0 0; display:block;}
@media only screen and (max-width: 480px) {
	img.imgtitle {width:90%; margin:0 10% 0 0;}
}
img.imgtitle2 {width:120px; float:left; margin:0 1em 0 0; display:block;}
@media only screen and (max-width: 480px) {
	img.imgtitle2 {width:40%; margin:0 10% 0 0;}
}



.bukken_list ul li {float:left; width: 18.6%; margin:5px 0.7%;}
.bukken_list ul li a {width: 100%; height: auto; display:block; overflow:hidden; background-color:#88b63f; text-align:center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding:10px 0;}
.bukken_list ul li img {width:100%;}
.bukken_list h4 {color:#fff;}
@media only screen and (min-width: 768px) and (max-width: 900px) {
	.bukken_list ul li {float:left; width: 23.6%; margin:5px 0.7%;}
}
@media only screen and (min-width: 586px) and (max-width: 767px) {
	.bukken_list ul li {float:left; width: 31.3%; margin:5px 1%;}
}
@media only screen and (max-width: 585px) {
	.bukken_list ul li {float:left; width: 48%; margin:5px 1%;}
}
.bukken_list a:hover, .topics a.active {background-color:#96bd3e;}


.school {float:left; width: 23.6%; margin:5px 0.7%; background: #ddd;}
.school li{width:100%; padding:3px 0;}
.school li img {width:100%;}
.school li a{ background: #fff; border: 1px #ccc solid; padding: 4px; display:block;}
@media only screen and (min-width: 586px) and (max-width: 767px) {
	.school {float:left; width: 31.3%; margin:5px 1%;}
	.school li img {display:none; visibility:hidden;}
}
@media only screen and (max-width: 585px) {
	.school {float:left; width: 48%; margin:5px 1%;}
}




/* =物件一覧
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- */

div.Buk_list, div.Buj_list {position:relative; width:100%; background:#fff; margin-bottom:30px; border:1px solid #999; padding:10px;	 border-top:none; moz-border-radius: 0px 0px 6px 6px / 0px 0px 6px 6px;
-webkit-border-radius: 0px 0px 6px 6px / 0px 0px 6px 6px;	-o-border-radius: 0px 0px 6px 6px / 0px 0px 6px 6px;	-ms-border-radius: 0px 0px 6px 6px / 0px 0px 6px 6px;}
div.Buk_list:hover, div.Buk_list:active, div.Buj_list:hover, div.Buj_list:active {background:#f0f0f0;}
div.Buj_list {margin-bottom:0;}
a.bt_edit {display: block; float:left; width:150px; background:#999; color: #fff; padding:2px 0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:-20px 10px 0 0; text-align:center;}

.Buk_list a, .Buj_list a  {display:block; position:absolute; left:0;top:0; width: 100%; height: 100%; background/*\**/:#fff;/*IE7 8のハック*/ filter: alpha(opacity=0); -moz-opacity: 0; opacity:.0; /* 透明に */}

.baibai_all {width:310px; margin:0 5px 15px 5px; float:left;}


h4.brown  { margin:0!important; font-weight:normal; padding:5px 0 5px 8px; background: #009944; color:#FFF; font-size:1em; line-height:120%; border:1px solid #999 border-bottom:none;  -moz-border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px;	-webkit-border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px;	-o-border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px;	-ms-border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px;}
h4.bcolor {background-color:#01b496;} /* 買いたい */
h4.ccolor {background-color:#26baff;} /* 借りたい */


.listgaikan { position:relative; overflow: hidden; float:left; margin:5px 10px 5px 0; width: 130px; height: 100px; border: 1px #999 solid; background:#fff;}
.listmadori { position:relative; overflow: hidden; float:left; margin:5px 10px 5px 0; width: 130px; height: 100px; border: 1px #999 solid; background:#fff;}
.listgaikan img{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width: 120px; max-height: 90px;}
.listmadori img{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width: 120px; max-height: 90px;}

.listText{ margin-left: 290px;}
.listText li.list60{width: 65%; float:left;}
.listText li.list40{width: 33%; float:right;}
.listText li.list40 a { display:block; background:#00F; color:#fff; padding:2px 0; text-align:center; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.listText li.list40 a.usui {background:#06F;}
@media only screen and (max-width: 640px) {
	.listText{ width: 100%; margin-left: 0; clear: both;}
	.listText li.list60, .listText li.list40 {width: 100%; float:none; margin:0;}
}
.listText li{ border-bottom: 1px #ccc solid; padding:5px 0 3px 0;}
.listText .chapter_b { width: 46px; float:left; font-size:12px; background:#229988; color:#fff; margin-right:4px; text-align:center;}
.listText .chapter_c { width: 46px; float:left; font-size:12px; background:#229988; color:#fff; margin-right:4px; text-align:center;}
.listText .numbers { float:right; font-size:12px; color:#777;}

/* 済マーク */ 
.ico_sumi{position:absolute; top:0; left:20%; bottom:0; margin:auto; z-index:100;}
.txt_sumi{float:left; position:relative;}
.txt_sumi .txt_sumi_img {position:absolute; top:0; left:0; bottom:0; margin:auto; z-index:99;}


/* サイド検索 */ 
.bke_serach label, .s_label {width:160px; margin-right:10px; padding:3px 0; display:block; float:left;}
.bke_serach label:hover {background:#ddd; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}

/* サイドボタン */ 
a.bkl_bt, a.bklt_bt, a.bklts_bt {display: block; float:left; width:96%; padding:6px 5px; margin:5px 2%; background:#eee; color:#333; border:1px solid #ccc; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-size:0.9em;}
a.bkl_bt:hover, a.bklt_bt:hover, a.bklts_bt:hover {display: block; opacity:0.7; filter:alpha(opacity=70); -ms-filter: “alpha( opacity=70 )”; }
a.bklt_bt {width:150px; margin:5px;}
a.bklts_bt {width:150px; margin:5px; background:#eee;}
@media only screen and (max-width: 950px) {
	a.bkl_bt {width:150px; margin:3px;}
}
a.member_bt {display: block; width:100%; background:#3f2f27; color:#fff; text-align:center; padding:10px 0; margin:3px 3px 15px 3px; border:1px solid #5e5049; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-size:1.2em;}


/* 土地・中古 */
.bl_tc  {display: block; float:left; width:96%; padding:4px 5px; margin:3px 2%; background:#fff; color:#333; border:1px solid #999; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-size:0.9em;}
.bl_tc a {background:#ede3de; float:right; color:#333; padding:4px 7px; margin:3px 0 3px 8px; border:1px solid #5e5049; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-size:0.9em;}
.bl_tc a:hover {opacity:0.7; filter:alpha(opacity=70); -ms-filter: “alpha( opacity=70 )”; }
@media only screen and (max-width: 950px) {
	.bl_tc {width:240px;}
}







/* =物件詳細
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* =削除物件非表示 */
.shousai1, .shousai2, .sakujo3 {}
.shousai0 { display:none; visibility:hidden;}
.sakujo1, .sakujo2, .sakujo3 { display:none; visibility:hidden;}
.sakujo0 {}


/* =上部見出し */
.gray_box { position:relative; background:#f2f2f2; border:2px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:0 0 20px 0; padding:10px;}
.gray_box img.hyoji{ position:absolute; max-width:100%; z-index:100; top:0; bottom:0; left:0; right:0; margin: auto;}
.box_hall {margin:0 -1% 16px -1%; clear:both;}
.box_harf { width: 48%;  margin:0 1%; float:left;}
.box_full { width: 94%;  margin:0 3%; float:left;}
@media only screen and (max-width: 640px) {
	.box_harf, .box_full { width: 100%;  float:none; margin:0 1% 12px 1%;}
	.box_hall {margin:0;}
}
.box_harf li, .box_full li{ border-bottom: 1px #ccc solid; padding:5px 0 3px 0; font-size:16px; line-height:28px;}
.box_harf .chapterS, .box_full .chapterS { width: 90px; height:30px; float:left; font-size:12px;  line-height:28px;}


/* =概要テーブル */
table.t_gaiyo {width: 100%; border: 1px #aaa solid; border-collapse: collapse; border-spacing: 0; margin: 0 0 20px 0;}
table.t_gaiyo th {width: 15%; padding:8px 5px; border: #aaa solid; border-width: 0 0 1px 1px; background: #eee; text-align: left;}
table.t_gaiyo td {width: 35%; border: 1px #aaa solid; border-width: 0 0 1px 1px; padding:8px 5px; background: #fff;}

@media only screen and (max-width:640px){
    table.t_gaiyo th, table.t_gaiyo td {width:100%; display: block;}
}

/* =コメント */
.bkn_come {margin:20px 0 0 0; width:100%; background:#fff; border: 5px #09f solid; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.bkn_come h3 {color:#ffc; font-size:1.4em; background:#09f;}
.bkn_come div {margin:10px; font-size:1.2em;}
.bkn_come div br {line-height:0.5em;}

/* =google MAP */
#map_canvas2 { width:100%; height:360px; border: 3px #999 solid; }
.mapon, .mapmap {}
.mapoff, .mapno {display:none; visibility:hidden;}
.kyoir_box {background-color: #f2f2f0; border:solid 2px #ddd; padding:2px 10px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin-top:8px;}


/* =周辺環境 */
#shuhenari {}
#shuhenno {display:none; visibility:hidden;}

.k_mapyes {display:none; visibility:hidden;}
.k_mapno {}

/* =売買済表示 */
.b_sumi0, .b_sumi2, .b_sumi3, .b_sumi4 {display:none; visibility:hidden;}
.b_sumi1 {}


/* =動画 */
.moviemo { width:100%; }
.movien  {display:none; visibility:hidden;}
.mo_box {width: 100%; background:#eee; text-align:center; padding:12px;}

.youtube { position: relative; width: 100%; padding-top: 56.25%;}
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }


/* =お電話でのお問合せ */
.mail_tel_s { float:left; width:auto; color:#666; font-size:18px; font-weight:bold; line-height:40px;}
.mail_tel_m { float:left; width:auto; color:#f90; font-size:36px; font-weight:bolder; margin:0 1em; line-height:40px;}
.mail_tel_m a { color:#f90;}	.mail_tel_m a:hover { color:#fc6;}
@media only screen and (max-width: 767px) {
	.mail_tel_s {font-size:16px; margin:0 1em 0 0; line-height:27px;}	.mail_tel_m {font-size:24px; margin:0 1em 0 0;  line-height:27px;}
}


/* =オープンハウス */
.openh {margin-bottom:1.5em;}
.openh p {font-size:20px; line-height:180%; color:#FFF; background:#C00; padding:0 5px;}
.openh span {font-size:16px; line-height:160%; color:#483834; line-height:150%;}


/* =メンバー専用サイトボタン */
.mno {display:none; visibility:hidden;}
.mbt {margin:15px 0;}
.mbt li {margin:0 20px 0 0; width:240px; float:left;}

.img1 { border:solid 2px #fff}
.img2 { border:solid 2px #f00;}


/*　タブ切り替え
-------------------------------------------------------------- */

/* =賃貸タブ切り替え */
.kanri_tab {overflow:hidden; background:url(../img/bn_toptab.png) repeat-x bottom;}
.kanri_tab li{width:30%; padding:15px 0; text-align:center; float:left; cursor:pointer; font-size:1.2em; line-height:1.5; background:#fc6; border-top: solid 2px #fc6; border-right: solid 2px #fc6; border-left: solid 2px #fc6; border-top-left-radius:8px; border-top-right-radius:8px; -webkit-border-top-right-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-top-right-radius:8px; -moz-border-top-right-radius:8px; }
kanri_tab li.select{background:#ffc;}
.kanri_tab li a {color:#333; display:block; }
.kanri_tab li a:hover {background:#fd8;}


/* =管理画面リンク設定 */
.kanri_tab li { padding:0;}
.kanri_tab li.select, .kanri_tab li a {padding:15px 0;}


#contentt {padding:20px 10px; border-right: solid 2px #79b735; border-top: solid 2px #79b735; border-left: solid 2px #79b735; border-bottom: solid 2px #79b735; border-bottom-left-radius:8px; border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; -moz-border-bottom-right-radius:8px; -moz-border-bottom-right-radius:8px;}
@media only screen and (min-width: 641px) and (max-width: 950px) {	.top_tab li{ width:40%; font-size:1em;}}
@media only screen and (max-width: 640px) {	.top_tab li{ font-size:1em; width:50%;}}
.hide {display:none;}

.kanri_title { width:100%; color:#fff; font-size:24px; text-align:center; clear:both; margin-bottom:25px;}
.kanri_title a {display: block; width:100%; color:#fff; background:#C00; text-align:center; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
@media only screen and (max-width: 640px) {
	.kanri_title {font-size:16px;}
}

.kanri_bt a {background:#ddc; padding:5px 4em; font-size:1.4em; float:left; margin-right:1%; border:2px solid #ddc; border-bottom:2px solid #ccc; display:block; color:#000;}
.kanri_bt a:hover {background:#eed; color:#663;}

.kanri_select{background:#fff; padding:5px 4em; font-size:1.4em; float:left; margin-right:1%; border:2px solid #ccc; border-bottom:2px solid #fff;}
.kanri_box {background:#fff; border:2px solid #ccc; width:100%; padding:10px 2%; margin-top:-2px;}



/* ページ内容
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 1行強調コピー */
.catchcopy {border: solid 2px #ff6666; background:#d00; margin:1.5em 0; padding: 0.5em 1em 0.5em 1em; position: relative; text-align:center; font-size:1.3em; font-weight:bold; color:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}

/* =▼ */
.triangle{ border-top: 50px solid #F0897F; border-right: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 50px solid transparent; width: 100px; height: 100px; margin:0 auto;}


/* チェックリスト */
ul.checklist { border: solid 2px #97db75; background:#ffe; padding: 0.5em 1em 0.5em 1em; position: relative; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
ul.checklist li { position: relative; line-height:32px; padding: 0.5em 0 0.5em 40px; list-style-type: none!important;/*ポチ消す*/ font-weight:bold; font-size:1.2em; border-bottom:1px solid #ccc;}
ul.checklist li:before {position: absolute; content: ''; left:0; top:6px; height:28px; width:28px; background-image:url(../img/check.png); background-size:contain;}
ul.checklist img.nayami_image { float:right; max-width:60%; padding-top:5%;}
ul.checklist li span {font-weight:normal; font-size:0.9em;}
ul.che_satei {background:url(../page/img/u01_01_check.png) right bottom no-repeat; background-size:contain;}
@media only screen and (max-width: 800px) {
	ul.checklist img.nayami_image { float:none; max-width:94%; margin:0 3%;}
	ul.che_satei {background:none;}
}

/* 査定ボタン */
a img.sateibutton {max-width:100%; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}



/* 選ばれる理由
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

h4.cause_title {position: relative; margin-left:4em; font-size:1.5em; margin-bottom:1em; font-weight:bold; border-bottom:2px solid #23ac38;}
h4.cause_title::before { content: attr(data-en); position: absolute; top: 50%; left: -1.2em; transform: translateY(-50%); color:#00a0e9; font-size: 3.2em; font-weight:normal; font-family:"Times New Roman", Times, serif;}

.cause_txt { float:left; width:70%; margin:0 5% 0 0; padding:1em 0 0 6em;}
.cause_txt p { border-top:1px solid #999; border-bottom:1px solid #999; padding:0.7em 0;}
.cause_txt h3 { text-align:left;}
.cause_img { float:left; width:25%;}
.cause_img_left {margin:0 -3em 0 3em;}
.cause_img img {max-width:100%;}
.cause_only {margin:0 2% 0 6em;}


@media only screen and (max-width: 640px) {
	.cause_txt, .cause_img { width:100%; float:none; padding:1em 0 0 2.6em;}
	.cause_only {margin:0 2% 0 3em;}
	.cause_img_left {margin:0 -3em -20px 3em;}
	.cause_img img, .cause_img_left img {max-height:120px;}
	h4.cause_title {margin-left:2.6em;}
	h4.cause_title::before { font-size: 2em;}
}


.slant-bg { width: 100%; margin: 0; padding: 150px 0; position: relative; top: 200px; overflow: hidden;}
.slant-bg p {width: 65%; margin: 0 auto;}
.slant-bg::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #D1E28A; transform: skewY(-5deg); z-index: -1;}
.slant-bg::after { content: ''; position: absolute; top: -20px; bottom: -20px; left: 0; right: 0; background-color: #476974; transform: skewY(-9deg); z-index: -2;}








/* オンライン化
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 枠の線上にタイトル */
.line_tile_box {position: relative; margin: 2em 0; padding:1em; border: solid 3px #6fae14; border-radius: 8px;}
.line_tile_box .box-title {position: absolute; display: inline-block; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #6fae14; font-weight: bold;}

ul.mail_online {width:100%; border:1px solid #999;}
ul.mail_online li {width:50%; float:left; text-align:center;}
ul.mail_online li img {max-width:100%;}
@media only screen and (max-width: 640px) {
	ul.mail_online li {width:100%;}
}


/* こんなお悩みはありませんか？
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
ul.nayami_list {}
ul.nayami_list li {width:50%; border:2px solid #fff; background:#c5f1c2; padding:1em;}
ul.nayami_list li p { text-indent: -1em; margin-left: 1em;}
ul.nayami_list li p:before { content:  ""; width:10px; height:10px; display:inline-block;  background-color:#4fa552;  position:  relative; top: -1px; margin-right: .5em;}
@media only screen and (max-width: 640px) {
	ul.nayami_list li {width:100%;}
}

/* サポート内容
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
ul.support_list {}
ul.support_list li {width:29.3%; border-bottom:1px solid #4fa552; margin:0.3em 2%; padding:1em; font-weight:bold;}
@media only screen and (max-width: 800px) {
	ul.support_list li {width:46%;}
}

@media only screen and (max-width: 640px) {
	ul.support_list li {width:96%;}
}



/* 売却の流れ　購入の流れ
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.b_nagare li {display:block; color:#333; margin-bottom:32px; padding:0 0 5px 0; background:#fff;}
.b_nagare li img {max-height:160px; margin:-20px 5px 5px 0;}
@media only screen and (max-width: 479px) {
	.b_nagare li img {max-height:100px;}
}
.nagare_title {background-color: #4fa552; padding:5px; font-size:18px; font-weight:bold; color:#fff;
border-top-left-radius:6px; border-top-right-radius:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; }
.nagare_txt  {padding:5px; border-bottom:solid 2px #4fa552; border-right:solid 2px #4fa552; border-left:solid 2px #4fa552;}

.nagare_shikin_title {background-color:#26ffba; padding:5px; font-size:18px; font-weight:bold;
border-top-left-radius:6px; border-top-right-radius:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; }
.nagare_shikin_txt {padding:5px; border-bottom:solid 2px #26ffba; border-right:solid 2px #26ffba; border-left:solid 2px #26ffba;}


/* Q&A
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.cp_qa *, .cp_qa *:after, .cp_qa *:before { font-family: 'Arial', sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; }
.cp_qa dt,.cp_qa dd { position: relative; padding: 0.5em; box-shadow: 0px 1px 1px rgba(0,0,0,0.2); border-radius: 0.3em; }
.cp_qa dt { margin: 0 0 1em 4em; background: #3c893f; color:#fff; width:100%;}
.cp_qa dd { margin: 0 0 3em 4em; background: #eee; width:100%;}

.cp_qa dt::before,.cp_qa dd::before{ position: absolute; z-index: 99; top: 0.5em; display: inline-block; width: 0; height: 0; content: ''; border-style: solid; }/* 吹き出し▶︎ */
.cp_qa dt::before {left: -0.6em; border-width: 5px 10px 5px 0; border-color: transparent #3c893f transparent transparent; }/* 質問吹き出し▶︎ */
.cp_qa dd::before {left: -0.6em; border-width: 5px 10px 5px 0; border-color: transparent #eee transparent transparent;}/* 答え吹き出し▶︎ -- right: -0.5em; border-width: 5px 0 5px 8.7px; --*/
.cp_qa dt::after,.cp_qa dd::after {font-size: 1.5em; position: absolute; top: 0; color: #ffffff; border-radius: 50%; display: inline-block; width: 1.5em; height: 1.5em; line-height: 1.2em; }/* ?!アイコン */
.cp_qa dt::after {left: -2.5em; margin: 0 0.5em 0 0; padding: 0.2em 0.4em; content: 'Q'; background: #3c893f; }/* Qアイコン */
.cp_qa dd::after {left: -2.5em; margin: 0 0.5em 0 0; padding: 0.2em 0.4em; content: 'A'; background: #ffba26; }/* Aアイコン -- right: -2.5em; margin: 0 0 0 0.5em; --*/




/* .会社案内
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#coop_map { width:100%; height:400px; border: 3px #ccc solid;}
.letter_line30{background: url(../img/line_letter30.png) ; line-height: 30px;}

/* .リンク集 */
p.link_icon {position:relative; font-size:1.2em; margin:0.5em 0; padding-left:2em; line-height:1.5em;}
p.link_icon::before { content:"";position:absolute; left:0; display:inline-block; width:1.5em; height:1.5em; background:url(../img/icon_link.png) no-repeat; background-size:contain; margin:0 0.5em 0 0;}
p.link_icon a { text-decoration:underline;}
p.link_txt {margin-bottom:1.5em}


/* .比較のページ
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.Boxlink {}
.Boxlink h3 { margin-bottom:5px; font-size:16px;}
.Boxlink a {display: block; padding:8px; border: 1px #aaa solid;}
.Boxlink a:hover{background:#eee;}
.Boxlink a.active{border: 1px #89a830 solid; background:#ffe;}


/* 番号リスト
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

ol.numbering{ counter-reset:number; list-style:none; margin:0; padding:0;}
ol.numbering li{ line-height: 1.8; margin-bottom: 0.6em;}
ol.numbering li:before{counter-increment: number; content: counter(number); background: #483834; display: inline-block; width: 1.8em; height: 1.8em; text-align: center; border-radius: 50%; color: #fff; margin-right: .5em;}




/* .テーブル
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* テーブル　標準
-------------------------------------------------------------- */
table.t_list, table.t_list_no_less {width: 100%; border: 1px #aaa solid; border-collapse: collapse; border-spacing: 0; margin: 0 0 20px 0;}
table.t_list_w0, table.t_list_w0_no_less { border: 1px #aaa solid; border-collapse: collapse; border-spacing: 0; margin: 0 0 20px 0;}

table.t_list th, table.t_list_w0 th, table.t_list_no_less th, table.t_list_w0_no_less th { padding:12px 8px; border:1px #aaa solid; border-width: 0 0 1px 1px; background: #eee; text-align: left;}
table.t_list td, table.t_list_w0 td, table.t_list_no_less td, table.t_list_w0_no_less td { padding:12px 8px; border:1px #aaa solid; border-width: 0 0 1px 1px; background: #fff;}

table.t_list td.tdC, table.t_list th.thC {text-align: center; }
table.t_list td.tdvTop {vertical-align: top; }

@media only screen and (max-width:640px){
    table.t_list th, table.t_list_w0 th, table.t_list td, table.t_list_w0 td  {width:100%; display: block;}
}


.t_list td.tbW, .t_list th.tbW {background: #fff;}
.t_list td.tbC, .t_list th.tbC {background: #eee;}


/* テーブル　デザイン0
-------------------------------------------------------------- */
table.t_design0 { margin: 0; padding: 0;   border: none!important;}
table.t_design0_100 {width:100%; margin: 0; padding: 0;   border: none!important;}
table.t_design0 th, table.t_design0_100 th { padding: 0; margin: 0; border: none!important; text-align: left; vertical-align: top; font-weight:nomal;}
table.t_design0 td, table.t_design0_100 td { padding: 0; margin: 0; border: none!important; text-align: left;}
@media only screen and (max-width:640px){
    table.t_design0_100 th, table.t_design0_100 td  {width:100%; display: block;}
}

/* テーブル　デザイン0X20px
-------------------------------------------------------------- */
table.t_design0x { margin: 0; padding: 0;   border: none;}
table.t_design0x th { padding: 0; margin: 0; border: none; text-align: left; vertical-align: top; font-weight:nomal;}
table.t_design0x td { padding: 0 20px 0 0; margin: 0; border: none; text-align: left;}

@media only screen and (max-width:640px){
    table.t_design0x th, table.t_design0x td {width:100%; display: block;}
}


/* テーブル　アンダーライン
-------------------------------------------------------------- */
table.t_underline { border: 1px #fbf6f4 dotted; border-top:1px #aaa dotted; border-collapse: collapse; border-spacing: 0;}
table.t_underline100, table.t_underline100no,  table.t_bkkentitle {width:100%; border: 1px #fbf6f4 dotted; border-top:1px #aaa dotted; border-collapse: collapse; border-spacing: 0;}
table.t_underline th, table.t_underline100 th, table.t_underline100no th,  table.t_bkkentitle th { border:1px #aaa dotted; border-width: 0 0 1px 0; padding:6px 3px; vertical-align:top; text-align: left;}
table.t_underline td, table.t_underline100 td, table.t_underline100no td,  table.t_bkkentitle td { border:1px #aaa dotted; border-width: 0 0 1px 0; padding:6px 3px;}

@media only screen and (max-width:800px){
    table.t_bkkentitle th, table.t_bkkentitle td {width:100%; display: block;}
}
@media only screen and (max-width:640px){
    table.t_underline th, table.t_underline100 th, table.t_underline td, table.t_underline100 td {width:100%; display: block;}
	table.t_list th.sp100_no {display:none; visibility:hidden;}		table.t_list td.tbC {background: #fff;}		table.t_list td.sp_th {background: #eee!important; font-weight:bold;}/* 実績で使用 */
}

table.pad2 th, table.pad2 td {padding:0.8em 0.5px;}


/* テーブル　サイドライン
-------------------------------------------------------------- */
table.t_sideline { border-collapse: collapse; border-spacing: 0;}
table.t_sideline th { border:1px #aaa solid; border-width: 0 1px 0 0; padding:6px 2em 6px 3px; vertical-align:top; text-align: left;}
table.t_sideline td { padding:6px 3px 6px 2em;}

@media only screen and (max-width:480px){
    table.t_sideline th, table.t_sideline td {width:100%; display: block; border:1px #aaa solid; border-width: 0 0 1px 0; padding:6px 3px 16px 3px;}
	table.t_sideline td {width:100%; display: block; padding:16px 3px 6px 3px;}
}

/* テーブル　TOPメイン
-------------------------------------------------------------- */
table.t_consul { margin: 0; padding: 0;   border: none;}
table.t_consul th {width:36%; padding: 0; margin: 0; border: none; text-align: left; vertical-align:bottom; font-weight:nomal;}
table.t_consul td {width:64%; padding: 0 20px 0 0; margin: 0; border: none; text-align: left;}

@media only screen and (max-width:640px){
    table.t_consul th, table.t_consul td {width:100%; display: block;}
}





/* .メールフォーム
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
input[type="text"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], input[type="date"], input[type="tel"], select,
textarea {padding:0.4em 0.8em; outline: none; border: 1px solid #666; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 16px; margin:0 0 0.5em 0;}

input.SSwaku { width: 30%;}
input.Swaku { width: 60%;}
input.Bwaku { width: 80%;}
textarea { width: 70%; height: 7em;}

input:focus, select:focus, textarea:focus {border: 1px solid #7ba508; background:#ffc;}

.hissu {background:#c00; margin:0 1em; padding:2px 3px 3px 3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; font-size:0.8em;}
.f_right {text-align:right; padding:1em 2em 0 0;}
@media only screen and (max-width:640px){
    .f_right {text-align:left; padding:1em 0 0 0;}
}

input#submit {padding:10px 20px; background: #666; color:#fff; border: #aaa 2px solid; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; cursor:pointer;}
input#submit:hover {background: #999;}
input#clear {padding:5px 20px; background: #aaa; color:#fff; border: #ccc 2px solid; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; cursor:pointer;}
input#clear:hover {background: #ccc;}


.form-container label {border-radius: 5px;padding:6px 10px;margin: 3px;display: inline-block;cursor: pointer;background:#eee;border:1px solid #ccc;}
.form-container label:hover {color:#fff;background:#888;}


/* 査定ボタン */
a.bt_satei {display: block; width:240px; background:#009944; color:#fff; padding:10px 0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 auto; text-align:center;}





/* .スマホ用お問い合わせ。
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.fixed-box {position: fixed; right: 0; width: 40px; top: 20%; transition: all 0.5s ease; z-index: 1000; overflow: visible; }
.fixed-box a {color:#fff; text-decoration:none;}
.fixed-box li {display: flex; background: #01b496; color: #fff; transition: all 0.5s ease; position: absolute; right: -20px; top: 0; width: 70px; border-radius: 5px 0 0 5px; height: 145px; }
.fixed-box li:hover, .fixed-box li:active {	right: 0; }
.fixed-box li:nth-child(2) {top:160px;} 

.fixed-ttl { margin:auto 0; padding:10px 20px 0 0; font-size: 16px; -ms-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; writing-mode: vertical-rl; writing-mode: tb-rl; white-space: nowrap; text-align: center; line-height:1.4em; letter-spacing: 0.3em; width: 70px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
li:first-child .fixed-ttl {letter-spacing:1em;}


@media only screen and (max-width: 768px) {
	.fixed-box {right:auto; width:100%; top:auto; bottom:0; height:38px; }
	.fixed-box li {right:0; top: 0; width:50%; border-radius:0; height:40px; border-right:1px solid #fff; }
	.fixed-box li:nth-child(2) {top:0;right:50%;} 
	.fixed-ttl {display:none; visibility:hidden;}
	.fixed-ttl-sp {width:100%; line-height:40px; text-align:center;}
}
@media only screen and (min-width: 768px) {
	.fixed-ttl-sp {display:none; visibility:hidden;}
}




/* .フッター
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer_bg {background:#eee; border-top:double 3px #ccc;}
#footer {position:relative; width:1000px; margin:0 auto;}
@media only screen and (max-width: 950px) {
	#footer {	position:relative;	width:100%;	padding:0 2%;	margin:0;}
}

.foot_menu, .foot_menu4 {padding-top:20px;}

.foot_menu ul {float:left; width:18%; margin:0 1% 20px 1%;}
.foot_menu4 ul {float:left; width:23%; margin:0 1% 20px 1%;}

.foot_menu ul li, .foot_menu4 ul li { font-size:14px;}
.foot_menu ul a, .foot_menu4 ul a {color:#555; display:block; padding:0.2em 0 0.2em 0.5em;}
.foot_menu ul a:hover, .foot_menu4 ul a:hover {background:#555; color:#fff;}
.foot_menu ul p, .foot_menu4 ul p { font-size:14px;}
.foot_menu ul p a, .foot_menu4 ul p a { text-decoration:none;}
@media only screen and (max-width: 950px) {
	.foot_menu ul, .foot_menu4 ul {float:left; width:48%; margin:0 1% 20px 1%;}
}
@media only screen and (max-width: 640px) {
	#footer_bg { background:#eee; border-top:double 3px #fff;}
	#footer .footer_logo {display:none; visibility:hidden;}
	.foot_menu {padding-top:0; margin:0 2% 1em 2%; border-bottom:none;}
	.foot_menu ul,.foot_menu4 ul {float:none; width:100%; margin:0;}
	.foot_menu ul li, .foot_menu4 ul li { font-size:16px;}
	.foot_menu ul p, .foot_menu4 ul p  {font-size:16px; border-bottom:1px solid #666; font-weight:normal; line-height:1.8; font-weight:normal; margin-top:1em;}
}




#copyright{ background:#01b496; border-top: 1px #fff100 solid; padding:10px 0 2px 0;}
.foot_info{ float: left; margin-right:15px; color:#fff; font-size:14px;}
.foot_kanri a { float: right; color:#fff100; font-size:10px;}
.copyright { text-align:center; border-top:1px #bceed2 solid; clear: both; color:#bceed2; font-size:0.8em;}
@media only screen and (max-width: 480px) {
	.copyright { padding-bottom:40px;}
}


/* リスト（ul li）フェード
------------------------------------------------------------------------------------------------------------------------------------------------------ */
.fadeUp_s{opacity:0;-webkit-transition:all .7s ease-out;opacity:0;-moz-transition:all .7s ease-out;transition:all .7s ease-out}
@media screen and (max-width:640px){.fadeUpSp{opacity:0;-webkit-transition:all .7s ease-out;opacity:0;-moz-transition:all .7s ease-out;transition:all .7s ease-out}}
.fadeUp_timing01{-webkit-transition:all .7s ease-out!important;-moz-transition:all .7s ease-out!important;transition:all .7s ease-out!important}
.fadeUp_timing02{-webkit-transition:all .7s .3s ease-out!important;-moz-transition:all .7s .3s ease-out!important;transition:all .7s .3s ease-out!important}
.fadeUp_timing03{-webkit-transition:all .7s .6s ease-out!important;-moz-transition:all .7s .6s ease-out!important;transition:all .7s .6s ease-out!important}
.fadeUp_timing04{-webkit-transition:all .7s .9s ease-out!important;-moz-transition:all .7s .9s ease-out!important;transition:all .7s .9s ease-out!important}
.fadeUp_timing05{-webkit-transition:all .7s 1.2s ease-out!important;-moz-transition:all .7s 1.2s ease-out!important;transition:all .7s 1.2s ease-out!important}
.fadeUp_timing06{-webkit-transition:all .7s 1.5s ease-out!important;-moz-transition:all .7s 1.5s ease-out!important;transition:all .7s 1.5s ease-out!important}
.fadeUp_timing07{-webkit-transition:all .7s 1.8s ease-out!important;-moz-transition:all .7s 1.8s ease-out!important;transition:all .7s 1.8s ease-out!important}
.fadeUp_timing08{-webkit-transition:all .7s 2.1s ease-out!important;-moz-transition:all .7s 2.1s ease-out!important;transition:all .7s 2.1s ease-out!important}
.fadeUp_timing09{-webkit-transition:all .7s 2.4s ease-out!important;-moz-transition:all .7s 2.4s ease-out!important;transition:all .7s 2.4s ease-out!important}
.fadeUp_timing10{-webkit-transition:all .7s 2.7s ease-out!important;-moz-transition:all .7s 2.7s ease-out!important;transition:all .7s 2.7s ease-out!important}
.fadeSlide{opacity:0;-webkit-transition:all .7s ease-out;opacity:0;-moz-transition:all .7s ease-out;transition:all .7s ease-out}
.fadeSlide_timing01{-webkit-transition:all .7s ease-out!important;-moz-transition:all .7s ease-out!important;transition:all .7s ease-out!important}
.fadeSlide_timing02{-webkit-transition:all .7s .3s ease-out!important;-moz-transition:all .7s .3s ease-out!important;transition:all .7s .3s ease-out!important}
.fadeSlide_timing03{-webkit-transition:all .7s .6s ease-out!important;-moz-transition:all .7s .6s ease-out!important;transition:all .7s .6s ease-out!important}
.fadeSlide_timing04{-webkit-transition:all .7s .9s ease-out!important;-moz-transition:all .7s .9s ease-out!important;transition:all .7s .9s ease-out!important}
.fadeSlide_timing05{-webkit-transition:all .7s 1.2s ease-out!important;-moz-transition:all .7s 1.2s ease-out!important;transition:all .7s 1.2s ease-out!important}

/* -順番に現れる（CSS×JS）-*/

/* レイアウトのためのCSS */
body { overflow: hidden;}
.flex{ display:flex;  flex-wrap: wrap;}
.box{	box-sizing:border-box;    list-style: none;}

/*スタート時は要素自体を透過0にするためのopacity:0;を指定する*/
.box{opacity: 0;}

/*動かしたい動き（今回は” ふわっ” を採用）*/

.fadeUp {animation-name:fadeUpAnime; animation-duration:0.6s; animation-fill-mode:forwards; opacity: 0;}

@keyframes fadeUpAnime{
  from {opacity: 0;	transform: translateY(100px);  }
  to {    opacity: 1;	transform: translateY(0);  }
}




/* .clearfix
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* For modern browsers */
.clearfix:before, .clearfix:after {content:""; display:block; overflow:hidden; }
.clearfix:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {zoom:1;}
/**/
.clear { clear: both; }
.clear24 { clear: both; height:24px;}
.clear40 { clear: both; height:40px;}
.clear140 { clear: both; height:140px;}
@media only screen and (max-width: 1000px) {
	.clear140 { clear: both; height:80px;}
}



/* .pagetop
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.pagetop {display: none; position: fixed; bottom: 20px; right: 20px; z-index:10000; }
.pagetop a { display:block; width:50px; height:50px; background-color: #9d9696; text-align:center; color:#fff; font-size:24px; text-decoration:none; line-height:50px; 
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity:0.6; }