@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		|

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

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

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

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;}

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


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

body {
color:#333;
background:#fff;
font-size:15px;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.6;
-webkit-text-size-adjust: none;
}


/* リンク指定 */
a {text-decoration:none; color: #00C; -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: #33C;}

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.opty70:hover {display: block; opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha( opacity=70 )"; }



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


img.imgmaxH100 {max-height:100%;}
img.imgmaxW100 {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;}
}
@media print {
	.wrapper {	position:relative;	width:98%;	padding:0 1%;	margin:0 auto;}
}


.mtop20 {margin-top:20px;}

/* ㎡ */
sup, sub {font-size:0.7em; 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:#009260; color:#fff; border:2px solid #fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 0 0 12px; padding:10px 0; text-align:center;}
a.bt200R {display: block; float:left; width:200px; background:#666; color: #fff; border: #999 2px solid; padding: 5px 20px; font-size:1.2em; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 0 8px 12px; text-align:center;}

a.bt25L {display: block; float:left; width:24%; background:#009260; color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 0.5% 8px 0.5%; padding:10px 0; text-align:center;}
@media only screen and (max-width: 640px) {
	a.bt25L {display: block; float:left; width:48%; background:#009260; color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 1% 10px 1%; padding:10px 0; text-align:center;}
}

a.bt100p {display: block; width:100%; background:#eee; margin:5px 0; padding:5px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:solid 1px #ccc; color:#333;}

/* tr > td > th 非表示 */
.dpn, .dpnz  {display:none;}


/* .ヘッダー
---------------------------------------------------------------------------------------- */
/* .メニュー
---------------------------------------------------------------------------------------- */


/* =見出し
---------------------------------------------------------------------------------------- */

h2 {position:relative; padding:0 0 10px 18px; font-size:20px; font-weight:bold; color:#666;}
h2:before{ content: ""; position: absolute; top:5px; left:0; width:8px; height:8px; border-radius:8px; background: rgba(137,184,0,1);}
h2:after { content: ""; position: absolute; top:20px; left:0; width:8px; height:8px; border-radius:8px; background: rgba(234,183,20,1);}


h3.cln {text-align: center; margin:1em; font-size:1.6em;}
h3.cln span{position: relative; display: inline-block; padding: 0 1em;}
h3.cln span::before, h3.cln span::after{position: absolute; content: ''; top: 50%; width: 2em; height: 2px; background-color: #000;} 
h3.cln span::before { left: 100%;}
h3.cln span::after { right: 100%;}



h3.line2 {border-left:15px double #7ea700; font-size:16px; font-weight:bold; line-height:100%; margin:0 0 10px 0; padding:0 0 0 6px;}
h4 { border-bottom:double 3px #009260; margin-bottom:12px; color:#360;}
/* =font
---------------------------------------------------------------------------------------- */
.float-right {float: right; margin-left:10px;}
.float-left {float: left; margin-right:10px;}

.textR{	text-align:right;}
.textR a{background:#eee; color:#00C; margin:0 2px; padding:3px 6px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:solid 1px #aaa;}
.arrow_back{position: relative; color:#666; padding-left:16px; white-space: nowrap;}
.arrow_back::before{content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border: 5px solid transparent; border-right: 8px solid #666;}
.arrow_next{position: relative; color:#666; padding-right:16px; white-space: nowrap;}
.arrow_next::after{content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); border: 5px solid transparent; border-left: 8px solid #666;}
.textR a .arrow_back, .textR a .arrow_next {color:#00c;}
.textR a .arrow_back::before {border-right: 8px solid #00c;}
.textR a .arrow_next::after {border-left: 8px solid #00c;}
.textC{	text-align:center;}

.f_red { color:#f00;}
.f_blue { color:#03c;}
.red {font-size:12px; color:#fff; background:#f00; padding:0.3em; margin:0 0.5em; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}

.font_ll { font-size:38px;}
.font_l { font-size:1.25em;}
.font_lm { font-size:1.1em;}
.font_sm { font-size:13px;}
.font_s { font-size:10px;}
.f_nai  { font-size:10px; color:#fff; background:#009260; font-family:"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; padding:2px;}
.f_360  { font-size:10px; color:#fff; background:#33f; font-family:"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; padding:2px; margin-left:4px;}
.mo_s {}
@media only screen and (max-width: 640px) {
	.mo_s {font-size:0.85em;}
	.font_sm { font-size:11px;}
	.font_lm { font-size:1.05em; line-height:1.4;}
}



/* GWのカレンダー */
table.tbl_center_room { width: 100%; border-collapse: collapse; border: 1px solid #666; font-size:12px;}
table.tbl_center_room th { padding: 5px 2px; text-align: center; font-weight: 100; background: #ffd; border: 1px solid #666;} /*padding: 5px;*/
table.tbl_center_room td { padding: 5px 2px; text-align: center; background: #fff; border: 1px solid #666;} /*padding: 5px;*/
@media only screen and (max-width:768px){
  table.tbl_center_room thead, table.tbl_center_room tbody, table.tbl_center_room tr, table.tbl_center_room th, table.tbl_center_room td{display: block;}
  table.tbl_center_room thead, table.tbl_center_room tbody > th  { float: left;}
  table.tbl_center_room tbody { overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; width: auto;}
  table.tbl_center_room th, table.tbl_center_room td {height:30px; text-align: left;}
  table.tbl_carge tbody > tr {display: inline-block; margin-right: -6px;}/*px指定だとはみ出る*/
  table.tbl_center_room th br, table.tbl_center_room td br  {display: none;} /*padding: 5px;*/
}


/* =枠
---------------------------------------------------------------------------------------- */
.box4 {width:25%; margin:0 0 20px 0; float: left;}
.box2 {width:66%; margin:0 0 20px 0; float: left;}
.box1st {width:32%; margin:0 0 20px 0; float: left;}
.box1 {width:32%; margin:0 0 20px 2%; float: left;}
.box1r {width:32%; margin:0 0 20px 2%; float: right;}
@media only screen and (max-width: 640px) {
	.box4 {width:50%; margin:0 0 20px 0; float: left;}
	.box2 {width:98%; margin:0 1% 20px 1%; float: left;}
	.box1st {width:48%; margin:0 1% 20px 1%; float: left;}
	.box1, .box1r {width:48%; margin:0 1% 20px 1%; float: left;}
}

.main_box {width:78%; margin:0 0 20px 0; float: left;}
.side_box {width:20%; margin:0 0 20px 0; float: right;}
.main_boxR {width:72%; margin:0 0 20px 0; float: right;}
.side_boxL {width:26%; margin:0 0 20px 0; float: left;}
@media only screen and (max-width: 640px) {
	.main_boxR, .side_boxL {width:100%; margin:0 0 20px 0; float: none;}
}
@media only screen and (max-width: 950px) {
	.main_box, .side_box {width:100%; margin:0 0 20px 0; float: none;}
}	


.pc_only  {}
@media only screen and (max-width: 950px) {
	.pc_only  {display:none; visibility:hidden;}
}
@media print {
	.pc_only {display:none; visibility:hidden;}
	.main_box {width:100%; margin:0 0 20px 0; float: none;}
	.side_box {display:none; visibility:hidden;}
}

.box_side {width:100%; margin:0 0 18px 0; float: left;}
@media only screen and (max-width: 950px) {
	.box_side {width:48%; margin:0 1% 20px 1%; float: left;}
}

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

.box_gray {background-color: #f2f2f0; border:solid 3px #ddd; padding:10px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.box_red {background-color: #ffd; border:solid 2px #d00; padding:10px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-weight:bold; font-size:1.1em; }
/* =トップページ
---------------------------------------------------------------------------------------- */

/* =メインアイコン */


/* =最初の4つの〇 */
.top_icon4_box { position:relative;  background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(210, 200, 180, 1)); padding: 0 0 2em 0;}
.top_icon4_box:before { position:absolute; content:""; bottom:-3px; left:0; width:100%; height:1px; background:#d1c7b7;}
.top_icontitle {text-align:center;}
.top_icon4, top_icon5 {width:100%;}
.top_icon4 li {float: left; width:19%; margin:0 3%; line-height:0;}
.top_icon5 li {float: left; width:18%; margin:0 1%; line-height:0;}
.top_icon4 li a, top_icon5 li a{  display: block; color:#fff;}

.circle4 {position:relative; overflow:hidden; text-align:center; width:100%; height:100%; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:4px solid #89b800; background:#fff;}
.ch_circle {}
.ap_circle { border-color :#3399ff;}
.bi_circle { border-color: #eab72d;}
.ch_circle span { position:absolute; top:68%; font-size:16px;}
li.circle4 a {-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;}
li.circle4 a:hover {-webkit-transform: scale(1.1) rotate(10deg); -moz-transform: scale(1.1) rotate(10deg); -o-transform: scale(1.1) rotate(10deg); -ms-transform: scale(1.1) rotate(10deg); transform: scale(1.1) rotate(10deg);}
li.circle4 a:hover img {opacity:1; filter:alpha(opacity=100); -ms-filter:"alpha( opacity=70 )";}

@media only screen and (max-width: 640px) {
	.top_icon4 li, top_icon5 li {float: left; width:49%; margin:0 0.5% 4px 0.5%;}
	.circle4 {-webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border-width:1px; }
	.circle4 img {max-width:66%;}
	.ch_circle::before { content: ""; top: 0; left: 0; border-bottom: 4em solid transparent; border-left: 4em solid #89b800;  position: absolute; z-index: 100;}
	.ap_circle::before { content: ""; top: 0; left: 0; border-bottom: 4em solid transparent; border-left: 4em solid #3399ff;  position: absolute; z-index: 100;}
	.bi_circle::before { content: ""; top: 0; left: 0; border-bottom: 4em solid transparent; border-left: 4em solid #eab72d;  position: absolute; z-index: 100;}
	.ch_circle::after, .ap_circle::after { content: "賃貸"; display: block;  top: 1.5em; left: 0.5em; transform: rotate(-45deg); color: #fff; position: absolute; z-index: 101; font-size:0.9em;}
	.bi_circle::after { content: "売買"; display: block; top: 1.5em; left: 0.5em;  transform: rotate(-45deg); color: #fff;  position: absolute; z-index: 101; font-size:0.9em;}
}





/* =お知らせ */
.top_news {width:100%; background:#f2f2f0; border:2px solid #ddd; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; padding:8px; min-height:350px;}
.top_news li { border-bottom:dashed 1px #999;  margin:10px 0 0 0; padding:0 0 10px 0; clear:both;}
.top_news li a {display:block; color:#333;}
.top_news li a:hover {color:#009260;}

dl.dtdd-news {overflow: hidden; zoom: 1;}
dl.dtdd-news dt { padding: 3px; width: 90px; float: left; clear: left; }
dl.dtdd-news dd { padding: 3px 3px 3px 100px; }
dl.dtdd-news dd a {display:block; color:#333; text-decoration:none;}
dl.dtdd-news dd a:hover {color:#89b800;}
@media only screen and (max-width: 950px) {
	.dtdd-news dt { padding: 3px; width: 100%; float: none; clear: left; }
	.dtdd-news dd { padding: 3px; width: 100%;}
}





/* =TOP更新日 */
.top_data {width:100%; border-top:2px solid #ddd; border-bottom:2px solid #ddd; padding:0.5em 0; text-align:center;}
.reset_date {}
@media only screen and (max-width: 640px) {
	.top_data { padding:0.5em 0 0.5em 1em; text-align:left;}
	.reset_date { display:block; float:left;}
}

.top_support { background:#3fc99a; margin:40px 0;}
.top_support ul {}
.top_support ul li { position:relative; width:50%; float:left;}
.top_support ul li:first-child {min-height:225px; background-image:url(../img/support0.jpg); background-position:right top; background-repeat:no-repeat; background-size:cover;}
.top_support ul li:first-child div {background: rgba(255,255,255,0.85); width:80%; margin:auto; text-align:center; font-size:2em; position:absolute; top:50%; right:0; transform: translateY(-50%); margin:auto; padding:0.3em 0; color:#000; font-family:'Hiragino Mincho ProN',"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; letter-spacing:0.5em;}
.top_support ul li:nth-child(2) div {max-width:500px; width:100%; min-height:225px; text-align:center; display: grid; place-items: center;}
.top_support ul li:nth-child(2) div p {color:#fff;}

.support_button {position: relative; width: 300px; height:2.8em;}
.support_button a {position: relative; overflow: hidden; border-radius:3px; text-decoration: none; width: 300px; height:2.8em; background: #eee; margin:auto; padding: 10px 30px; text-align: center; line-height: 1.8; text-decoration: none; outline: none; transition: ease .2s; font-size:1.5em; display: grid; place-items: center; font-weight:bold;}
.support_button a span { position: relative; z-index: 3; color:#333;}
.support_button a:hover span{ color:#fff;}
.support_bgskew::before { content: ''; position: absolute; top: 0;left: -118%; background:#009260; width:120%; height: 100%; transform: skewX(-25deg);}
.support_bgskew:hover::before { animation: skewanime .5s forwards;}
.support_button::after { content: '住まいのお困りごと・解約申込等'; position: absolute; bottom:20%; color:#fff; text-align:center;}
@keyframes skewanime {
  100% {left:-10%;}
}
@media only screen and (max-width: 960px) {
	.top_support ul li:first-child div {font-size:1.8em; letter-spacing:0;}
}
@media only screen and (max-width: 640px) {
	.top_support ul li { position:relative; width:100%; float:none;}
	.top_support ul li:first-child {aspect-ratio: 4 / 1; min-height:90px;}
	.top_support ul li:nth-child(2) div {aspect-ratio: 3 / 1; min-height:110px;}
	.top_support ul li:first-child div {left:0;}
	.support_button::after {bottom:2%;}
}


/*　トピックス4枠 */
.top_bnner_bg { background:#e5dfd7; padding:1.5em 0 0.5em 0;}
.top_bnner4 {}
.top_bnner4 ul {margin:0 -1%; width:102%;}
.top_bnner4 ul li { position:relative; width:23%; float:left; margin:0 1% 1em 1%; background:#fff; padding:0; line-height:0;}
.top_bnner4 ul li div { padding:1em; line-height:1.8;}
.top_bnner4 ul li div h5 { font-size:18px; font-weight:700; display:block; width:100%;}
.top_bnner4 ul li a { display:block; color:#000;}
.top_bnner4 ul li img.pcimg { width:100%; display:block;}
.top_bnner4 ul li img.spimg { display:none;}
.top_bnner_bt {width:90%; max-width:160px; height:30px; line-height:30px!important; overflow:hidden; padding:0!important; margin:0 auto 1em auto; background:#009260; color:#fff; text-align:center; border-radius:15px;}
@media only screen and (max-width: 950px) {
	.top_bnner4 ul {margin:0 -2%; width:104%;}
	.top_bnner4 ul li {width:46%;  margin:0 2% 1em 2%;}
}
@media only screen and (max-width: 640px) {
	.top_bnner4 ul {margin:0 -2%; width:104%;}
	.top_bnner4 ul li {width:96%;  margin:0 2% 0.5em 2%;}
	.top_bnner4 ul li div { padding:0.6em 1em; line-height:1.7;}
	.top_bnner4 ul li img.pcimg { display:none;}
	.top_bnner4 ul li img.spimg { width:25%; display:block; float:left; line-height:1; margin-right:1em;}
	.top_bnner_bt { display:none;}
}

/*　トピックス3枠 */
.top_bnner3 {}
.top_bnner3 ul {margin:0 -1%; width:102%;}
.top_bnner3 ul li { position:relative; width:29.3%; float:left; margin:0 2% 1em 2%; background:#fff; padding:0; line-height:0;}
.top_bnner3 ul li div { padding:0.5em 1em; line-height:1.6;}
.top_bnner3 ul li div h5 { font-size:18px; font-weight:700; display:block; width:100%;}
.top_bnner3 ul li a { display:block; color:#000;}
.top_bnner3 ul li img.pcimg { width:100%; display:block;}
.top_bnner3 ul li img.spimg { display:none;}
@media only screen and (max-width: 640px) {
	.top_bnner3 ul {margin:0 -2%; width:104%;}
	.top_bnner3 ul li {width:96%;  margin:0 2% 0.5em 2%;}
	.top_bnner3 ul li div { padding:0.6em 1em; line-height:1.7;}
	.top_bnner3 ul li img.pcimg { display:none;}
	.top_bnner3 ul li img.spimg { width:25%; display:block; float:left; line-height:1; margin-right:1em;}
}



/*　空き家相談/個人情報/セクハラ */

.akiya_bg {background:url(../img/akiya_bg.png); text-align:center;}
@media only screen and (max-width:640px){
	.akiya_bg {background:none; text-align:center;}
}

table.t_akiya0 { margin: 0; padding: 0;   border: none;}
table.t_akiya0 th { width:64%; padding: 0; margin: 0; border: none; text-align: center; vertical-align: top; font-weight:nomal;}
table.t_akiya0 td { width:36%; padding: 0 2em; margin: 0; border: none; text-align: center;}
@media only screen and (max-width:640px){
	table.t_akiya0 th { width:100%; display: block;  padding: 0 1em; background:url(../img/akiya_bg.png);}
	table.t_akiya0 td { width:100%; display: block;  padding: 3em 3em 0 3em;}
}



/* =各ページ共通
---------------------------------------------------------------------------------------- */


/* 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%; font-size:1.1em;}
.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; --*/





/* =賃貸検索画面
---------------------------------------------------------------------------------------- */
h3.icn_h { background:#7ea700; color:#fff; padding:5px;
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; }
.icn_box { background:#e1dbd1; color:#333; padding:5px 5px 10px 5px;
border-bottom-left-radius:6px; border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; }

.icn_box img  { max-width: 40%; float:right;}
.icn_box img.icon2co { margin-top:-20px;}
.icn_box p.comet { font-size:16px; margin-top:20px;}
@media only screen and (max-width: 640px) {
	.icn_box img  { max-width: 30%; float:right; padding-top:1em;}
	.icn_box img.icon2co { margin-top:0;}
	.icn_box p.comet { font-size:14px; margin-top:12px;}
}


.feature {}
.feature ul {}
.feature li {width:31.3%; float:left; margin:0 1% 20px 1%; background:#7ea700; border: 5px #7ea700 solid; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; overflow:hidden;}
.feature li a {display:block; padding-bottom:0.3em; -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;}
.feature li div {width:100%; height:50px; overflow:hidden; color:#fff; text-align:center;}
.feature li div.line3 {width:100%; height:70px; overflow:hidden; color:#fff; text-align:center;}
.feature li h3 {color:#ff9; text-align:center; font-size:16px; font-weight:bold;}
.feature li img {width:100%;}
.feature 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);}
.feature li.wdh100 {width:100%; ; margin:0 0 20px 0;  background:#00aaff;  border: 5px #00aaff solid;}
@media only screen and (max-width: 640px) {
	.feature li {width:48%; float:left; margin:0 1% 15px 1%; border: 1px #7ea700 solid; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
	.feature li div {font-size:10px;  height:40px;}
	.feature li h3 {font-size:13px;}
}



/* =検索チェックボックス*/
.serch_check { float:left; padding-right:2em; display:block;}
@media only screen and (max-width: 640px) {
	.serch_check { float:left; width:33%;}
}

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

div.Buk_list, div.Bnj_list {width:100%; margin-bottom:25px;	position:relative; border:1px solid #ccc; 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 {background:#f0f0f0;}
div.Bnj_list {padding:10px 10px 0 10px;}
.Buk_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;}
@media only screen and (max-width: 480px) {
	.baibai_all {width:98%; margin:0 auto 15px auto; float:left;}
}

h4.green  {padding:5px 5px 2px 5px; background: #009260; color:#FFF; font-size:1em; line-height:120%; border:1px solid #009260 border-bottom:none; margin-bottom:0!important;
  -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.orenge {padding::5px 5px 2px 5px; background: #eab72d; color:#FFF; font-size:1em; line-height:120%; border:1px solid #eab72d; border-bottom:none; margin-bottom:0!important;
  -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;}

.listgaikan { display: inline; overflow: hidden; float:left; margin:5px 10px 5px 0; width: 132px; height: 102px; text-align: center; border: 1px #ccc solid; background:#fff;}
.listmadori { display: inline; overflow: hidden; float:left; margin:5px 10px 5px 0; width: 102px; height: 102px; text-align: center; border: 1px #ccc solid; background:#fff;}
.listgaikan img{ max-width: 120px; max-height: 100px; padding-top:5px;}
.listmadori img{ max-width: 90px; max-height: 100px; padding-top:5px;}

.listText{ margin-left: 260px;}
.listText li.list_harf{width: 50%; float:left;}
@media only screen and (max-width: 640px) {
	.listText{ width: 100%; margin-left: 0; clear: both;}
	.listText li.list_harf{width: 100%; float:none;}
}
.listText li{ border-bottom: 1px #ccc solid; padding:5px 0 3px 0;}
.listText .chapter { width: 50px; float:left; font-size:12px;}




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

/* =上部見出し */
.gray_box { position:relative; background:#eee; border:1px 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_harf { width: 44%;  margin:0 3%; 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;}
}
.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: 70px; height:30px; float:left; font-size:12px;  line-height:28px;}

/* =画像テーブル */
.bukken_img {width: 100%; background:#eee;}
.gaimod_img {width:70%; float:left;}
.parmod_img {width:90%; margin:0 auto;}
table.t_img {width: 100%; border-collapse: separate; border-spacing: 9px; margin: 0; table-layout:fixed;}

td.gaikan {width: 50%; border: 1px #aaa solid; border-width:1px; background: #fff; text-align:center; vertical-align:top;}
td.madori {width: 50%; border: 1px #aaa solid; border-width:1px; background: #fff; text-align:center; vertical-align:middle;}

td.b_gaikan {width: 35%; border: 1px #aaa solid; border-width:1px; background: #fff; text-align:center; vertical-align:middle;}
td.b_madori {width: 35%; border: 1px #aaa solid; border-width:1px; background: #fff; text-align:center; vertical-align:middle;}
td.b_kukaku {width: 30%; border: 1px #aaa solid; border-width:1px; background: #fff; text-align:center; vertical-align:middle;}


@media only screen and (max-width: 800px) {
	.gaimod_img, .parmod_img {width:100%;}
}

.naikans {width: 30%; float:left; padding:9px 0;}
.naikans li {width: 48%; margin:0 1%; float:left; text-align:center; overflow:hidden; aspect-ratio: 4 / 3;}
.b_naikans li {width: 23%; margin:0 1%; float:left; text-align:center;}
.naikans li img {object-fit:cover; width:100%; height:100%;}
@media only screen and (max-width: 800px) {
	.naikans {width:100%;}
	.naikans li {width: 31%; margin:0 1%; float:left; text-align:center;}
}



/* =概要テーブル */
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;}
}

/* =google MAP */
#map_canvas2c { width:100%; height:340px; border: 3px #ccc solid; }
#map_canvas21  {display:none; visibility:hidden;}
.gmap_list { width:90%; margin-left:10%; }
@media only screen and (max-width:640px){
    .gmap_list { width:100%; margin:10px 0; }
}

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

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

/* =360度 */
.thn, .thmo, .thvr {display:none; visibility:hidden;}
.th360 { width:100%; }
.theta_box { max-width:960px; width:100%; background:#eee; padding:10px;}
.theta_img { width:65%; float:left;}
.theta_madori { width:35%; float:left; text-align:center; background:#fff;}
@media only screen and (max-width:420px){
    .theta_img { width:100%; float:none;}
	.theta_madori { width:100%; float:none; text-align:center; background:#fff; margin:0 auto;}
}

/* =リコーVRツアー360度 */
.tourvr { width:100%; }
.tourn, .tourmo, .tour360 {display:none; visibility:hidden;}


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



/* =タウンハウス */
ol.townlist { counter-reset:list; list-style-type:none; font: 14px/1.6 'arial', sans-serif; padding: 1.5em;}
ol.townlist li{ display:block; float:left; width:calc(33.3% - 2.5em); position:relative; margin: 3px 2em 10px 0.5em; padding-left:1.5em; background: #fef6f3; line-height:1.2;}
ol.townlist li h3 {font-weight:bold;line-height:1.6; margin-bottom:0.3em; font-size:16px;}
ol.townlist li h3 span { font-weight:normal; text-indent:1em; font-size:14px;}
ol.townlist li h3 span:before, ol.townlist li:after{content: " - ";}
ol.townlist li:before{content: "Point"; position: absolute; left: -1.5em; top: -1.5em; width: 35px; height: 30px; color:#f98260; font-weight:bold; font-size:12px;}
ol.townlist li:after{ counter-increment: list; content: counter(list); position: absolute; left: -1em; top: 13px; width: 25px; height: 25px; line-height: 25px; text-align: center; color: #fff; background: #F6A38B; border-radius: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

ol.town103 { counter-reset:list; list-style-type:none; font: 14px/1.6 'arial', sans-serif; padding: 1.5em;}
ol.town103 li{ display:block; float:left; position:relative; margin: 3px 2em 10px 0.5em; padding-left:1.5em; background: #fef6f3; line-height:1.2;}
ol.town103 li h3 {font-weight:bold;line-height:1.6; margin-bottom:0.3em; font-size:16px;}
ol.town103 li h3 span { font-weight:normal; text-indent:1em; font-size:14px;}
ol.town103 li h3 span:before, ol.townlist li:after{content: " - ";}
ol.town103 li:before{content: "Point"; position: absolute; left: -1.5em; top: -1.5em; width: 35px; height: 30px; color:#f98260; font-weight:bold; font-size:12px;}
ol.town103 li:after{ counter-increment: list; content: counter(list); position: absolute; left: -1em; top: 13px; width: 25px; height: 25px; line-height: 25px; text-align: center; color: #fff; background: #F6A38B; border-radius: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

ul.town_box3 { border-bottom:1px solid #999; margin:0.5em 0;}
ul.town_box3 li { display:block; float:left; width:30.3%; margin:0.5em 1.5%;} 
ul.town_box3 li img {max-width:100%;}

/* 枠の線上にタイトル */
.line_tile_box {position: relative; margin: 2em 0; padding:0.5em; 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;}
.line_tile_box_red {position: relative; padding:0.8em; border: solid 2px #e00; border-radius: 8px; line-height:1.8;}
.line_tile_box_red .box-title_red {position: absolute; display: inline-block; top: -13px; left: 15px; padding: 0 9px; line-height: 1; font-size:20px; background: #FFF; color: #e00; font-weight: bold;}
@media only screen and (max-width:780px){
    ol.townlist li{ display:block; float:left; width:100%;}
}


/* 1行強調コピー */
.catchcopy {margin:1.5em 0 0.5em 0; padding: 0.4em; position: relative; text-align:center; font-size:1.8em; font-weight:bold; color:#000; }
.crayon-yellow {background: linear-gradient(transparent 50%,rgba(255, 255, 100, 0.2) 50%,rgb(255, 255, 100) 75%,rgba(255, 255, 100, 0.2)); font-weight: bold;}
.crayon-blue {background: linear-gradient(transparent 50%,rgba(104, 200, 247, 0.2) 50%,rgb(104, 200, 247) 75%,rgba(104, 200, 247, 0.2)); font-weight: bold;}


/* お客様専用ページ
ここから-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.boder_left { border-left:4px solid #3fc99a; padding-left:18px; } /*--2色-- .position: relative;}
boder_left:after { content: " "; line-height: 0; display: block; overflow: hidden; position: absolute; top:0; left: -4px; border-left:4px solid #3b2d2d; height:40px;}----*/
.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;}
}



/* お問い合わせ
ここから-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.wed_mail{ display: block; background:#009260; color: #fff; font-size:1.3em; font-weight:bold; padding:1em; width:auto; max-width:400px; margin:auto; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.wed_mail:hover{color:#fff; background: #3fc99a;}

/* メールアイコン */
.dli-mail {display: inline-block; vertical-align: middle; color: #fff; line-height: 1; position: relative; width: 1.06667em; height: 0.8em; border: 0.15em solid currentColor; border-radius: 0.1em; box-sizing: content-box; overflow: hidden; margin-right:.5em;}
.dli-mail::before { content: ''; position: absolute; left: 50%; top: 0; width: 0.75425em; height: 0.75425em; border: 0.15em 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);}



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

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

table.t_list td.tdC {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.tdb1, .t_list th.tdb1  { background: #fff;}
.t_list td.tdb1s, .t_list th.tdb1s { background: #f5f5f5;}
.t_list td.tdb2, .t_list th.tdb2  { background: #f5f5f5;}
.t_list td.tdb3, .t_list th.tdb3  { background: #eee;}
.t_list td.tdb4, .t_list th.tdb4  { background: #fff;}
.t_list td.tdbs1  { background:url(../img/baibai/1.png) no-repeat right center #fff;}
.t_list td.tdbs1s { background:url(../img/baibai/1s.png) no-repeat right center #f5f5f5;}
.t_list td.tdbs2  { background:url(../img/baibai/2.png) no-repeat right center #f5f5f5;}
.t_list td.tdbs3  { background:url(../img/baibai/3.png) no-repeat right center #eee;}
.t_list td.tdbs4  { background:url(../img/baibai/4.png) no-repeat right center #eee;}


/* テーブル　物件概要
-------------------------------------------------------------- */
table.t_gaiyo2{border-collapse: collapse; width: 100%;}
.t_gaiyo2 th{width: 15%; padding:8px 5px; border: solid 1px #aaa; box-sizing:border-box;}
.t_gaiyo2 td{width: 35%; padding:8px 5px; border: solid 1px #aaa; box-sizing:border-box;}
.t_gaiyo2 th {background: #eee;}
@media screen and (max-width: 640px) {
  .t_gaiyo2 {width: 100%;}
  .t_gaiyo2 th {display: none;}
  .t_gaiyo2 td {display: block; width: 100%; border-bottom:none; padding: 0px 12px 0 0; text-align:left;}
  .t_gaiyo2 td:before { content: attr(data-label);  padding: 0px 8px; width:5em;display:table-cell; background-color: #eee; border-right:1px solid #aaa; margin-right: 10px; float: left;}
  .t_gaiyo2 tr:last-child {border-bottom: solid 1px #aaa;}
}




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

@media only screen and (max-width:640px){
    table.t_underline th, table.t_underline td, table.t_undermail100 th, table.t_undermail100 td  {width:100%; display: block;}
	table.t_undermail100 th {border:none;  border-width: 0; padding-bottom:0;}
}


/* テーブル　デザイン0
-------------------------------------------------------------- */
table.t_parking0 { width:auto; margin: 0; padding: 0;   border: none; border-collapse: collapse; border-spacing: 0;}
table.t_parking0 td { padding: 0; margin: 0; border: none; text-align: left; border-collapse: collapse; border-spacing: 0; vertical-align:top;}
table.t_parking0 th { padding: 0; margin: 0; border: none; text-align: left; border-collapse: collapse; border-spacing: 0; font-weight:100; background:#fff; vertical-align:top;}

table.t_design0 { margin: 0; padding: 0;   border: none;}
table.t_design0 th { padding: 0; margin: 0; border: none; text-align: left; vertical-align: top; font-weight:nomal;}
table.t_design0 td { padding: 0; margin: 0; border: none; text-align: left;}

@media only screen and (max-width:640px){
    table.t_design0 th, table.t_design0 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;}
}


/* テーブル　埋め込み
---------------------------------------------------------------------------------------- */
.t_charge {width: 100%; border: 1px #aaa solid; border-collapse: collapse; border-spacing: 0; margin: 0 0 20px 0;}
.t_charge td,.t_charge th {border:#aaa solid; border-width: 0 0 1px 1px; padding:3px; vertical-align:top; }
.t_charge thead th{border:#aaa solid; border-width: 0 0 1px 1px; background: #eee; text-align: left; }

.t_charge td.tbW, .t_charge th.tbW {background: #fff;}
.t_charge td.tbC, .t_charge th.tbC {background: #ffd;}

.t_charge tbody td.tdb1, .t_charge tbody th.tdb1  { background: #fff;}
.t_charge tbody td.tdb2, .t_charge tbody th.tdb2  { background: #ddd;}

@media only screen and (max-width:420px){
	.t_charge{display: block;	}
		.t_charge thead{display: none;		}
		.t_charge tbody{display: block;		}
			.t_charge tbody tr{display: block;	margin-bottom: 1.5em;}
			.t_charge tbody th, .t_charge tbody td{display: list-item;	border: none; }
			.t_charge tbody th{padding: 5px; list-style-type: none; }
			.t_charge tbody td{margin-left: 20px; padding: 0;}
			.t_charge tbody th.tbW, .t_charge th.tbC {background: #eab72d; coor:#fff;}
			.t_charge tbody td.tbW, .t_charge td.tbC {background: #fff;}
}

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

/* テーブル　メールフォーム項目
-------------------------------------------------------------- */
td.tdR, th.thR {text-align: right!important; padding-right:1em!important; }
@media only screen and (max-width:800px){
   td.tdR, th.thR {text-align:left!important; }
}




/* .メールフォーム
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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: 25%;}
input.Swaku { width: 60%;}
input.Bwaku { width: 80%;}
input.BBwaku { width: 70%; }
input.Pwaku { width: 98%; }
textarea { width: 80%; height: 7em;}
@media only screen and (max-width:640px){
    input.Swaku { width: 80%;}
    input.Bwaku { width: 98%;}
    input.BBwaku { width: 98%; }
    input.Pwaku { width: 98%; }
    textarea { width: 98%; 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; white-space:nowrap;}
.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, #submit_button {display:inline-block; margin:0.5em 0; padding:0.5em 2em;text-decoration:none; color:#FFF; transition:.4s; font-size:1.1em; background-color:#333; cursor:pointer;}
input.Submit:hover, #submit_button:hover {background-color:#666;}




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

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

@media only screen and (max-width:640px){
 label { display:block; padding:0.3em 0;}
}

/* =右サイドバー
-------------------------------------------------------------- */

/* 物件検索 */

.stop_icon4 {width:100%;}
.stop_icon4 li {float: left; width:100%; margin:0 0 18px 0;}
@media only screen and (max-width: 640px) {
	.stop_icon4 li {float: left; width:48%; margin:0 1% 20px 1%;}
}
.stop_icon4 li a{  display: block; color:#fff;}

.sch_circle { position:relative; text-align:center; background-color: #009260; width: 100%; height: 100%; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.sbi_circle { position:relative; text-align:center; background-color: #eab72d; width: 100%; height: 100%; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.ch_circle span { position:absolute; top:68%; font-size:16px;}



/* =footer
-------------------------------------------------------------- */
.foot_navi {background:#f2f2f0; border-top:3px solid #ddd; width:100%; padding:20px 0;}

.foot_coop {width:100%; background:#ddd; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; padding:8px; margin-bottom:20px;}
.foot_coop .fcoop_main {width:70%; float:left; font-size:0.9em; line-height:1.4;}
.foot_coop .fcoop_sub {width:30%; float:left; font-size:0.8em;}
@media only screen and (min-width: 880px) and (max-width: 950px) {
	.foot_coop .fcoop_main {font-size:0.8em;}
	.foot_coop .fcoop_sub {font-size:0.7em;}
}
@media only screen and (max-width: 879px) {
	.foot_coop .fcoop_main {width:100%;  font-size:0.8em;}
	.foot_coop .fcoop_sub {width:100%;  font-size:0.8em;}
}

.foot_navi ul {width:30%; margin:0 1% 0 2%; float:left;}
.foot_navi li {display:block; width:100%; font-size:0.9em; padding:0.3em 0;}
.foot_navi ul p{border-bottom:1px dotted #a2a2b8; margin:5px 0; font-weight:bold;}
.foot_navi a{ color:#333;}
.foot_navi a:hover{color:#009260;}

@media only screen and (min-width: 720px) and (max-width: 950px) {
	.foot_navi {border-top:10px solid #c1c1c9; width:100%; padding:20px 0;}
	.foot_navi ul {width:31%; margin:0 1%; float:left;}
	.foot_navi li {display:block; width:100%; font-size:0.8em;}
}
@media only screen and (max-width: 719px) {
	.foot_navi {border-top:10px solid #c1c1c9; width:100%; padding:20px 0;}
	.foot_navi ul {width:96%; margin:0 2%;}
	.foot_navi li {font-size:1em;}
}

#footer {background:#009260; width:100%; padding:5px 0; color:#fff;}
@media only screen and (max-width: 768px) {
	#footer {margin-bottom:42px;}
}
/* -------------------------------------------------------------- */



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

.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; letter-spacing:.15em; 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:42px; }
	.fixed-box li {right:0; top: 0; width:50%; border-radius:0; height:42px; border-right:1px solid #fff; display:none;}
	.fixed-box li:nth-child(2) {top:0;right:50%;} 
	.fixed-ttl {display:none; visibility:hidden;}
	.fixed-ttl-sp {width:100%; line-height:42px; text-align:center;}
}
@media only screen and (min-width: 768px) {
	.fixed-ttl-sp {display:none; visibility:hidden;}
	.fixed-box li:first-child  {display:none; visibility:hidden;}
	.fixed-box li:nth-child(2)  {display:none; visibility:hidden;}
}




/* --------------------------------------------------------------------------------------------------------------------------------------------------
 =リスト（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 */
html { box-sizing: border-box; overflow-y: scroll; -webkit-text-size-adjust: 100%; /* iOS 8+ */}
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.4s; animation-fill-mode:forwards; opacity: 0;}

@keyframes fadeUpAnime{
  from {opacity: 0;	transform: translateY(60px);  }
  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;}
}



/* --------------------------------------------------------------------------------------------------------------------------------------------------
 TabArea管理画面
-------------------------------------------------------------------------------------------------------------------------------------------------- */
.tab2 {overflow:hidden;}
.tab2 li{background:#ccc; padding:5px 25px; float:left; margin-right:1px; cursor:pointer;}
.tab2 li.select{background:#eed;}
.contentt li, #contentt {background:#eed; padding:20px 10px;}
.hide {display:none;}

.tab_gt7 {overflow:hidden;}
.tab_gt7 li{ padding:15px 0; width:20%; text-align:center; float:left; cursor:pointer; border: solid 2px #ccc; background:#eee; font-size:1.2em; line-height:1.5;
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; }
.tab_gt7 li.select{background:#fff; border-bottom:none;}
.tab_gt7 li a {color:#333;}
.contentt_gt7 li, #contentt {background:#fff; padding:20px 10px; border-right: solid 2px #ccc; border-left: solid 2px #ccc; border-bottom: solid 2px #ccc; 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) {
	.tab_gt7 li{ font-size:1em;}
}
@media only screen and (max-width: 640px) {
	.tab_gt7 li{ padding:15px 0; width:32%; margin:0 0 5px 1%;  text-align:center; float:left; cursor:pointer; border: solid 2px #ccc; background:#eee; font-size:1em; line-height:1.5;
border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; }
	.tab_gt7 li.select{background:#fff; border-bottom:solid 2px #ccc;}
	.contentt_gt7 li, #contentt {border: solid 2px #ccc; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; }
}