@charset "utf-8";

.london .tele-ja {font-size: 18px;}

#headNavInner .global_navi ul{float:none;}
#headNav #navGlobal li:nth-of-type(4){line-height:1.2em;text-align:center}

.text-bold{font-weight:bold;}

.photo-list {	text-align: center;}
.photo-item {	margin-bottom: 10px;}
.tele-block .tele-other:after {content:"電話カウンセリング対応可能";display:block;font-weight: bold;color: #00A26B;font-size: 14px;}
.tele-ja a {
    color: #00A26B;
    font-size: 16px;
}

body.top section.searchLinkModule{}
body.top section.searchLinkModule .inner .clr{display:flex;}
body.top section.searchLinkModule .inner .clr div{display:block;}

#bannerDiv1{}
#bannerDiv1>div ul{display:flex;justify-content:space-between;margin:0;padding:0;margin-bottom:30px;}
#bannerDiv1>div ul li{display:block;margin:0;padding:0;}
#bannerDiv1>div ul li a img{max-height:80px;width:auto;}
#bannerDiv1>div ul li a:hover{opacity:0.8;}


#headNavInner .global_navi{}
#headNavInner .global_navi ul>li{position: relative;}
#headNavInner .global_navi ul>li>ol{display: none;position: absolute;justify-content: space-between;flex-direction: column;box-shadow: 5px 5px 15px -5px #777777;}
#headNavInner .global_navi ul>li>ol li{width: 10.0em !important;background:rgba(255,255,255,0.8);margin: 0 auto;}

#headNavInner .global_navi ul{margin-right: 100px;}


body:not(.top) .global_navi{position: absolute;top: 3em;}
body:not(.top) ul#navGlobal{}
body:not(.top) ul#navGlobal li{}
body:not(.top) ul#navGlobal li a{}
body:not(.top) #navGlobal a{padding-left:10px;padding-right:10px;}

.housePrice{width:auto;}
.housePrice span{white-space: nowrap;padding-right:1.0em;}


#content-body .howto{font-size:1.2em;}/* 料金表 */
#content-body .howto table{min-width:768px;}
#content-body .howto .text-orange{font-weight:bold;}
#content-body .howto dl dt{float:left;font-weight:bold;line-height:1.8em;clear:both;}
#content-body .howto dl dd{margin-left:3.6em;line-height:1.8em;}
#content-body .steps{font-size:1.2em;}/* 利用の手順 */
#content-body .steps dl dt{font-weight:bold;line-height:1.8em;clear:both;color:#e60}
#content-body .steps dl dt span{font-size:1.0rem;float:left;}
#content-body .steps dl dt h4{float:left;margin:0 10px 0 10px;color:#e60;}
#content-body .steps dl dt em{color:#fff;background-color:#e60;border-radius:1.0em;padding:0 0.25em;    font-style: normal;}
#content-body .steps dl dd{margin-left:6.0em;clear:both;margin-bottom:10px;}
#content-body .steps dl dd p{line-height:1.8em;font-size:1.0em;}
#content #navguide li{width:33.3%;}
#content #navguide li a{line-height:30px;}
#content #navguide li.guide276{display:none;}

#online{position:absolute;display:block;margin:auto;top:-182px;left:0;right:0;width:352px;background-color:#fff;border-radius:8px;box-shadow: 2px 2px 2px gray;}
#online img{border:1px solid #fff;border-radius:6px;}
#online:hover {box-shadow: none;}
#online:hover img{opacity:0.8;}


.contact-index_j #contact #content h2{display: none}
.contact-index_j #contactForm{display: none}
.contactowner-index #contact #guidance{display: none}
.contactowner-index #contactForm{display: none}
#contact #agreement h3+p{line-height: 1.6em}

/* ガイド向け */
body.guide-detail{}
body.guide-detail .mainWrapper table{margin-bottom: 0.8em}
body.guide-detail .mainWrapper table.apaertment_tb td{vertical-align: top;line-height: 1.4em;padding: 0.5em 1.0em}
body.guide-detail .mainWrapper .guide-apartment #content .content table.apaertment_tb th{text-align: center;vertical-align: top;}
body.guide-detail .mainWrapper .guide-apartment #content .content .leaseinfo_box:nth-of-type(1) table.apaertment_tb th{text-align: center;}
body.guide-detail .mainWrapper .guide-apartment #content .content .leaseinfo_box:nth-of-type(1) table.apaertment_tb td{text-align: center;}
body.guide-detail .mainWrapper .guide-apartment #content .content .leaseinfo_box:nth-of-type(2) table.apaertment_tb th{text-align: center;}
body.guide-detail .mainWrapper .guide-apartment #content .content .leaseinfo_box:nth-of-type(2) table.apaertment_tb td{padding: 0.5em}
body.guide-detail .mainWrapper .guide-apartment #content .content .leaseinfo_box:nth-of-type(4) table.apaertment_tb th{text-align: center;}
body.guide-detail .mainWrapper #concierge-box{width: 100%}

body.guide-detail .mainWrapper .guide-tradeflow #content .content img{height: auto !important;max-width: 200px;width: 200px;}
body.guide-detail .mainWrapper .guide-howto h4{padding-top: 10px;padding-left: 6.0em;}
body.guide-detail .mainWrapper .guide-howto dl dt span{font-size: 14px;color: #fff;background: #00A26B;padding:4px 10px;display:inline-block;float: left;}



@media screen and (max-width: 960px){
#online{position:relative;top:0;}
}

/***** スマホ向け *****/
@media screen and (max-width: 767px){

	#content-body .steps dl dd{margin-left:0.0em;}
	body ul#navGlobal {}
	body ul#navGlobal li a span{font-size:15px !important;}
	body ul#navGlobal li a span br{display:none !important;}

	body.top #headNavSp ul li:nth-of-type(7){flex-basis: 100% ;}

	#headNavInner .global_navi ul>li>ol{display: flex;flex-direction: row;position: relative;box-shadow:unset;border-top: 1px dotted #ddd;}
	#headNavInner .global_navi ul>li>ol li{width: 100% !important;background:#fff !important; padding-left: 1.0em;}
	#headNavInner .global_navi ul>li>ol li a{font-size: 14px;position: relative;}
	#headNavInner .global_navi ul>li>ol li a:after{content: "";position: relative;margin-left: 1.5em;width: 1px;height: 10px;border-right: 1px solid #ddd;}
	#headNavInner .global_navi ul>li>ol li:nth-of-type(3) a:after{display: none;}



	body.top section.searchLinkModule .inner .clr{display:block;}
	body.top section.searchLinkModule .inner .clr div{display:block;}

	#bannerDiv1>div ul{display:block;width:100%;}
	#bannerDiv1>div ul li{display:block;margin:0 0 20px 0;text-align:center;}
	#bannerDiv1>div ul li a img{max-height:60px;width:auto;max-width:100%;}
	#online{position:relative;width:100%;top:0;}
	#online img{width:100% !important;top:0;}
	#headNavInner.fixed #online {width:166px !important;top:0;height:40px;position:absolute;margin:0;left:100px;box-shadow:unset;}
	#headNavInner.fixed #online img{width:auto;height:100%;}
	
	/* ガイド向け */
	body.guide-detail{}
	body.guide-detail table.apaertment_tb th{text-align: center;}
	body.guide-detail table.apaertment_tb td{padding: 0.5em }
	body.guide-detail .guide-apartment #content .content .leaseinfo_box:nth-of-type(4) table.apaertment_tb th{text-align: left;}
	body.guide-detail .guide-apartment #content .content .leaseinfo_box:nth-of-type(4) table.apaertment_tb th{background-size: 90px auto !important;}

	body.guide-detail .guide-tradeflow #content .section-main em{padding-left: 0px; display: block; text-align: center;}
	body.guide-detail .guide-tradeflow #chart .section-main .flow{padding-left:72px;}
	body.guide-detail .guide-tradeflow .section-main .flow::before{left:70px;}
	body.guide-detail .guide-tradeflow #detail .section-main li{margin-left:0.8em;}
	body.guide-detail .guide-tradeflow .section-main .flow::before{width:10px;margin-left:-20px;left:73px;}
	body.guide-detail .guide-tradeflow .section-main .flow li .icon{padding:4px 10px;font-size: 10px}
	body.guide-detail .guide-tradeflow .section-main .flow li p::before{left: -16px;}
	body.guide-detail .guide-tradeflow .section-main .flow li p::after{display:none;}
	body.guide-detail .guide-tradeflow .section-main .flow li p{padding-left: 0px;font-size:13px;line-height:1.7em;}
	body.guide-detail .guide-tradeflow .section-main ol li img{float: none;max-width:160px !important;display:block;margin:5px auto;}
	body.guide-detail .guide-tradeflow #detail .section-main .flow{padding-left:72px;}
	body.guide-detail .guide-tradeflow #detail .section-main .flow li .caption{line-height: 1.1em;font-size:14px;}


	.housePrice span, #content .houseRoom{float: none;}
}
/***** スマホ向けここまで *****/






/***** 旧サイトのCSS ****/


.guide #container .area:after,
.guide #container  .underArea:after,
.guide #container  .borderBox:after,
.guide #container  .halfBox:after,
.guide #container  .div-contents:after,
.guide #container  #outline:after {
    clear: both;
    content: "";
    display: block;}

.guide #container  .#outline {
    margin: 20px 0 0;}
	
.guide #container  .navi {
	height: 88px;
	background: url("../images/navi/navi_bg2.jpg") no-repeat;}

.guide #container  h2.title {
    background: url("../images/common/top_h2.gif") no-repeat;
    background-position: left top;
    color: #008839;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 10px;
    padding-left: 32px;}

.guide #container  .title span.small {
    color: #008836;
    float: right;
    font-size: 10px;}

.guide #container  .title {
    background-repeat: no-repeat;
    border-bottom: 1px solid #b0d57a;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;}

.guide #container  .contents {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #aaa;
    margin: 30px 0;
    padding: 14px;
    text-align: left;}
	
.guide #container  h4 {font-size: 16px;font-weight: bold;color: #004eaf;margin: 0 0 10px 0}
.guide #container  span.gray_3 {color: #333;}
.guide #container   .tx_red {color: #d50500;}
.guide #container  table {border-collapse: collapse;border-spacing: 0;}
.guide #container  .underArea {border-bottom: 1px dotted #999;margin: 15px 0;padding: 0 5px 10px;text-align: left;}
.guide #container  .bold {font-weight: bold;}
.guide #container  .block_l {float: left;}
.guide #container  .tx_bgreen {color: #005c91;padding: 10px 0 0 0;}
/*----------------------------------------------------------------
	=howto
----------------------------------------------------------------*/
.guide h2.howto {background: url("../images/common/top_howto.gif") no-repeat;}
.guide #location {clear: both;font-size: 11px;height: 25px;line-height: 25px;overflow: hidden;padding: 10px 20px 0 0;text-align: left;}
.guide #location a.under:link, #location a.under:visited, #location a:active, #location a:hover {
    background: url("../images/common/top_allow.gif") no-repeat;
    background-position: 5px 3px;}

.guide #location a {
    background: url("../images/common/top_allow_gray.gif") no-repeat;
    background-position: 5px 3px;
    background-repeat: no-repeat;
    padding-left: 22px;}
.guide .img_r {
    float: right;
    margin: 0 0 4px 16px;}

.guide .basic_table {
    padding: 0 5px;}
.guide .margin_btm_1 {
    margin-bottom: 1em !important;}
	
.guide .basic_table table,.basic_table2 table {
    background-color: #ffffff;
    border: 1px solid #999;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 4px;
    width: 100%;}

.guide .basic_table thead th, .basic_table2 thead th {
    background-color: #fef9e6;
    background-image: none;
    border-color: #aaa;
    border-left: 1px dotted #aaa;
    border-right: 1px dotted #aaa;
    border-style: solid dotted;
    border-width: 1px;
    padding: 15px 0;
    text-align: center;
    vertical-align: middle;
    width: auto;}
	

.guide dl.dlInline {
	font-size: 11px;
    margin-bottom: 10px;
    word-break: break-all;
	line-height: 20px;}

.guide .howto dl.dlInline dt {
    clear: left;
    color: #e60;
    float: left;
    font-weight: bold;
    width: 3.5em;}
	
.guide .basic_table th, .basic_table2 th {
    background: url("../images/common/top_allow.gif") no-repeat;
    background-position: 10px 1.3em;
    background-repeat: no-repeat;
    background-color: #f9fbf9;
    border: 1px dotted #aaa;
    font-weight: bold;
    padding: 12px 10px 12px 28px;
    width: 25%;}

.guide .basic_table th, .basic_table td, .basic_table2 th, .basic_table2 td {
    text-align: left;
    vertical-align: top;}
	
.guide .basic_table td, .basic_table2 td {
    border: 1px dotted #aaa;
    padding: 12px 15px;
    width: auto;}

.guide .area {
    margin-bottom: 12px;
    padding: 0 5px;
    text-align: left;}
	
.guide .howto .in {
    margin-left: 100px;}
	
.guide .basic_table td span, .basic_table2 td span {
    color: #e60;
    font-weight: bold;}


/*----------------------------------------------------------------
	=info
----------------------------------------------------------------*/
.guide .tx_topic, .ul_topic li {
	background: url(../images/common/top_allow.gif) no-repeat left 0.05em;
	display: block;
	padding-left: 15px;
	width: auto;}

.guide .ul_topic li {
	margin-bottom: 0.5em;}

.guide .sitemap .ul_topic li {
	margin-left: 10px;
	width: 460px !important;
	float: left;}



/*----------------------------------------------------------------
	=leaseinfo
----------------------------------------------------------------*/
.guide .leaseinfo_box	{
	margin:10px 0 50px;
	padding-bottom:20px;
	border-bottom:1px dotted #CCCCCC;}
	
.guide .leaseinfo_area_tb	{
	font-size:14px;
	margin:20px auto;
	line-height:110%;
	border-collapse:collapse;}
	.leaseinfo_area_tb th	{
		padding:6px;
		border:1px solid #CCCCCC;
		background-color:#333333;
		color:#FFFFFF;}
	.leaseinfo_area_tb td	{
		padding:6px;
		border:1px solid #CCCCCC;}
.guide .td_01	{
	background-color:#F6BE00;
	font-weight:bold;}
.guide .tb_02	{
	background-color:#00A3B7;
	font-weight:bold;}
.guide .tb_03	{
	background-color:#AECC2A;
	font-weight:bold;}
.guide .tb_04	{
	background-color:#2E62AB;
	font-weight:bold;}
	
.guide .apaertment_tb	{
	margin:10px;}
.guide 	.apaertment_tb th	{
		padding:5px;
		text-align:center;
		font-weight:bold;
		font-size:16px;}
.guide 	.apaertment_tb td	{
		padding:5px;
		font-size:12px;
		vertical-align:top;}
		
.guide .apaertment_right_border	{
	border-right:1px dotted #999;}
	
.guide .bg_green	{
	background:#008539;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	border-right:5px solid #FFFFFF;
	border-left:5px solid #FFFFFF;}

.guide .point_red	{
	border:2px dotted #CC0000;
	font-size:16px;
	font-weight:bold;
	color:#C00;
	padding:5px;
	margin-bottom:10px;}
.guide .pink_txt	{
	color:#FF0066;}
	
.guide .trouble_img	{
	margin:5px;
	display: inline;}

/**/
.guide .leaseinfo_title {
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
}
.guide .leaseinfo_title a {
	color: #333;
	font-size: 22px;
	height: 26px;
	display: inline-block;
	border-bottom: 1px solid #FFF;
	*display: inline;
	*zoom: 1;
}
.guide .leaseinfo_title a .tx_green {
	color: #008837;
}
.guide .leaseinfo_title a:hover {
 border-bottom: 1px solid #009288;
}

.guide .leaseinfo_box .bt_syousai {
	text-align: right;
	margin: 10px 0;
}
.guide .leaseinfo_box .bt_syousai img {
	margin-left: auto;
}

.guide .apaertment_tb .tx_green {
	color: #008837;
}


.guide #leaseinfoArea {
	background: #009260;
	padding: 10px;
}
.guide #leaseinfoArea .inner {
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 9px;
}


/**/
.guide .searchBox {
	border: 1px solid #aaa;
	margin: 20px 0;
	padding: 10px;
}
.guide .searchBox #table-search tr {
	border-bottom: 1px solid #EEE;
}
.guide .searchBox #table-search th {
	width: 150px;
	padding: 10px 3px;
	color: #65b424;
	font-size: 15px;
}
.guide .searchBox #table-search td {
	font-size: 15px;
	padding: 8px 3px;
}
.guide .searchBox #table-search input[type="text"] {
	padding: 3px;
}
.guide .searchBox #table-search input[type="submit"] {
	padding: 3px 10px;
}



/*
p#concierge-lead{	margin:10px auto 0;	width:780px;	padding:15px 0 0 80px;	height:80px;background:transparent url(/local_asp/london/images/guide/con_g_01.gif) no-repeat 0 50%;}
*/
#concierge-text{overflow:hidden;width:100%;height:0;margin:0 auto 0.5em auto;padding-top:82px;line-height:2;background:transparent url(/local_asp/london/images/guide/con_g_02.gif) no-repeat 0 50%;background-size: contain !important;}
#concierge-box{/*width:860px;*/margin:30px auto;background:url(/local_asp/london/images/guide/for_border_dt.gif) repeat-y 430px 0;}
#concierge-box dl{/*float:left;width:430px;height:190px;*/}
#concierge-box dt{position:relative;height:0;padding-top:37px;overflow:hidden;line-height:2;}
#concierge-box dd{padding:20px 100px 20px 40px;font-size:14px;line-height:1.6;height:auto;}
.concierBox01{background:url(/local_asp/london/images/guide/for_border_dt.gif) repeat-x 0 100%;}
.concierBox02{background:url(/local_asp/london/images/guide/for_border_dt.gif) repeat-x 0 100%;}
#concierge-box .concierBox03 dt{padding-top:47px;}
#concierge-box .concierBox04 dt{padding-top:47px;}
.concierBox01 dt{background:transparent url(/local_asp/london/images/guide/con_tit_01.gif) no-repeat 10px 0;}
.concierBox02 dt{background:transparent url(/local_asp/london/images/guide/con_tit_02.gif) no-repeat 10px 0;}
.concierBox03 dt{background:transparent url(/local_asp/london/images/guide/con_tit_03.gif) no-repeat 10px 10px;}
.concierBox04 dt{background:transparent url(/local_asp/london/images/guide/con_tit_04.gif) no-repeat 10px 10px;}

.concierBox01 dd{background:transparent url(/local_asp/london/images/guide/con_g_03.gif) no-repeat right top;}
.concierBox02 dd{background:transparent url(/local_asp/london/images/guide/con_g_04.gif) no-repeat right top;}
.concierBox03 dd{background:transparent url(/local_asp/london/images/guide/con_g_05.gif) no-repeat right top}
.concierBox04 dd{background:transparent url(/local_asp/london/images/guide/con_g_06.gif) no-repeat right top;}
#concierge-box dd{background-size: contain !important;}
#concierge-text{margin-bottom: 0.5em}

.concierge-btn{margin:30px 0 35px;text-align:center;}
.concierge-btn p{clear:both;font-size:20px;font-weight:bold;vertical-align:bottom;color:#00A26B;}
.concierge-btn strong{display:inline-block;position:relative;width:68px;height:0;margin:0 10px 0 0;padding:63px 0 0 0;overflow:hidden;line-height:2;background:url(/local_asp/london/images/guide/con_g_07.gif) no-repeat 0 0;}
.concierge-btn a{display:inline-block;vertical-align:inherit;margin-bottom:10px;}
.concierge-btntop{	margin:10px 0 15px;	text-align:center;}
.concierge-btntop a{	display:inline-block;	vertical-align:inherit;	margin-bottom:10px;}
/*#beforeConsultation{	margin:0 auto;	padding:15px 275px 15px 0;	background:url(/local_asp/london/images/guide/con_g_08.gif) no-repeat 610px 100%;}*/

.guide #content  .boxFree{	padding:15px 15px 15px 110px;	background:transparent url(/local_asp/london/images/guide/g_01.gif) no-repeat 10px 50%;}
.guide #content  #content .layLeft h4,
.guide #content  #content .layRight h4{	display:block;	overflow:hidden;	height:0;	padding-top:84px;}
.guide #content  #merit .layLeft{	padding:0 11px 0 10px;	width:429px;	border-right:1px dotted #999999;}
.guide #content  #merit .layRight{	width:435px;}
.guide #content  #merit .clfix p{	margin:1.5em 0;}
.guide #content  #content .layLeft h4{background:transparent url(/local_asp/london/images/guide/g_02.gif) no-repeat 0 0;}
.guide #content  #content .layRight h4{background:transparent url(/local_asp/london/images/guide/g_03.gif) no-repeat 0 0;}
.guide #content  #merit .clfix .boxSkype-1{padding:0 0 0 125px;margin-bottom:0;min-height:50px;font-size:14px;background:transparent url(/local_asp/london/images/guide/g_04.gif) no-repeat 0 0;}
.guide #content  #merit .clfix .boxSkype-2{overflow:hidden;height:auto;margin:5px 0 0;padding-top:112px;background:transparent url(/local_asp/london/images/guide/g_05.gif) no-repeat 0 0;}
.guide #content  #merit .clfix .boxSkype-2 span{}
.guide #content  #merit .layRight .layLeft,#merit .layRight .layRight{	float:left;	width:220px;	text-align:center;font-size:14px;}
.guide #content  #merit .layRight .layLeft{padding:0;	border-right:0;}
.guide #content  #merit .layRight .layRight{width:195px;}
.guide #content  #merit .clfix .boxSkype-3{	overflow:hidden;height:0;margin:5px 0 0;padding-top:181px;background:transparent url(/local_asp/london/images/guide/p_01.jpg) no-repeat 50% 0;}
.guide #content  #stepFlow{	width:860px;	margin:0 auto;}
.guide #content  #stepFlow h4{padding:10px 0 10px 50px;}
.guide #content  #stepFlow h4 span{display:block;padding-bottom:5px;border-bottom:1px solid #333333;}
.guide #content  .step-1 h4{background:transparent url(/local_asp/london/images/guide/num_01.gif) no-repeat 0 .2em;}
.guide #content  .step-2 h4{background:transparent url(/local_asp/london/images/guide/num_02.gif) no-repeat 0 .2em;}
.guide #content  .step-3 h4{background:transparent url(/local_asp/london/images/guide/num_03.gif) no-repeat 0 .2em;}
.guide #content  .step-4 h4{background:transparent url(/local_asp/london/images/guide/num_04.gif) no-repeat 0 .2em;}
.guide #content  #stepFlow p{width:460px;padding:0 50px 50px;font-size:14px;background:transparent url(/local_asp/london/images/guide/g_arrow.gif) no-repeat 197px 100%;}
.guide #content  #stepFlow .step-4 p{	padding:0 50px;	background:none;}
.guide #content  .step-2{	min-height:230px;	background:transparent url(/local_asp/london/images/guide/g_06.gif) no-repeat 550px 100%;}
.guide #content  #stepFlow .step-3 p{	width:auto;	padding:0 340px 200px 50px;	background:transparent url(/local_asp/london/images/guide/g_07.gif) no-repeat 70px 100%;}
.guide #content  #stepFlow .step-3 h4{	margin-top:0;}
.guide #content  #stepFlow .step-4 p{	width:auto;	padding:0 340px 50px 50px;	background:transparent url(/local_asp/london/images/guide/g_08.gif) no-repeat 550px 0;}
.guide #content  #stepFlow .flow-skype{float:right;width:370px;padding:0;text-align:center;background:none;}
.guide #content  .flow-skype a{padding-left:60px;	background:transparent url(/local_asp/london/images/guide/g_skype.gif) no-repeat 0 50%;}




.guide #content  dl.dl-number{}
.guide #content  dl.dl-number dt{float:left;margin-right:5px;line-height:1.6em;}
.guide #content  dl.dl-number dd{margin-left:1.8em;line-height:1.6em;}


/* 物件購入までの早見表 */
.guide-tradeflow .bodycopy p{font-size: 14px;}
.guide-tradeflow .section-main p {margin: 20px 0px;}
.guide-tradeflow .section-main ol{padding: 0;}
.guide-tradeflow .section-main ol li img{float:right;}
.guide-tradeflow .section-main ol li em{padding-left:6px;}
.guide-tradeflow .section-main ol li p{margin-left: 0;}
.guide-tradeflow .section-main .flow li .icon{font-size: 14px;color: #fff;background: #00A26B;padding:8px 20px;display:block;position:absolute;left:0px;z-index:100;}
.guide-tradeflow .section-main .flow li p{font-size: 16px; padding-left:40px;padding-top:8px;position:relative;}
.guide-tradeflow .section-main .flow li p::before,
.guide-tradeflow .section-main .flow li p::after{content:"";display:block;position:absolute;top:0px;left:-10px}
/*.guide-tradeflow .section-main .flow li p::before{width:7px;height:7px;top:18px;margin-top:-3px;background:#00A26B;;border-radius:50%;}*/
.guide-tradeflow .section-main .flow li p::after{width: 30px;border-bottom: 1px dashed #999;position: absolute;left: 5px;top:18px}
.guide-tradeflow .section-main .flow::before{content:"";width:15px;height:100%;background:#eee;margin-left:-8px;display:block;position:absolute;top:0;left:120px;}
.guide-tradeflow #chart .section-intro p{margin:20px 0px;}
.guide-tradeflow #chart .section-main li{list-style-type:none;}
.guide-tradeflow #chart .section-main .flow{padding-bottom: 2px; margin: 20px 0px 60px 0px;padding-left:120px;position:relative;}
.guide-tradeflow #chart .section-main .flow > li:not(:last-child){margin-bottom: 2em;}
.guide-tradeflow #detail .section-main li{font-size:14px;list-style-type:none;}
.guide-tradeflow #detail .section-main .flow{margin:20px 0px;padding-left:120px;position:relative;}
.guide-tradeflow #detail .section-main .flow > li:not(:last-child){margin-bottom: 2em;}
.guide-tradeflow #detail .section-main .flow li .caption{display:inline-block;font-size:20px;font-weight:600;color:#00A26B;margin-bottom:0.6em; line-height: 1.0em;}
.guide-tradeflow #detail .section-main ol li:nth-child(5) ol{margin-left: 35px;}
/* 物件購入までの早見表ここまで */





#content #navguide ul li.guide277{display:none;}
#content #navguide ul li.guide278{display:none;}



#tabInfo{padding-bottom:15px;border-bottom:1px dotted #666666;}
#tabInfo table{margin:20px auto;width:90%;}
#tabInfo table th{background-color:#efefef;}
#tabInfo table.table{margin:20px auto;width:100%;}



#localBanner{margin:40px 0;}
#localBanner .flex{display:flex;justify-content:space-between;}
#localBanner .flex dl{margin:0;padding:0;width:100%;}
#localBanner .flex dl dt{float:left;margin:0 1.0em 0 0;}
#localBanner .flex dl dd{font-size:1.2em;font-weight:normal;text-align:left;}


@media screen and (max-width: 767px){/****** 旧サイトスマホ向け ***/
	.guide .contents{border:none;padding:0;}
	.guide #content #content-body{padding-left:0;padding-right:0;}
	.guide .contents img{width:100%;height:auto;}
	.table-frame{width:100%;overflow:scroll;position:relative;}
	.table-frame table{margin:0;}
	.table-frame table tr td{white-space: nowrap;}
	.table-frame:before{content:'左右にスクロールしてご覧ください';font-size:smaller;}
	.table-frame:after{content:'左右にスクロールしてご覧ください';font-size:smaller;}
	.table-responsive table{margin:0}
	.table-responsive:before{content:'左右にスクロールしてご覧ください';font-size:smaller;}
	.table-responsive:after{content:'左右にスクロールしてご覧ください';font-size:smaller;margin-bottom:20px;}
	.table-frame table{width:auto;}
	.guide #footer h4{margin:0;}


	.guide #content #merit .layLeft{width:100%;}
	.guide #content #merit .layRight{width:100%;}
	.guide #content #merit .clfix .boxSkype-2{background-size:contain;}
	.guide #content #stepFlow{width:100%;}
	.guide #content #stepFlow h4{padding-bottom:15px;}
	.guide #content #stepFlow p{padding:0 !important;width:100%;background-image:none;}
	.guide #content #stepFlow .step-3 p{padding: 0px 0 136px 0 !important;background-position: left bottom;background-size: 472px auto;}
	.guide #content #stepFlow .flow-skype{margin-bottom:10px;}
	#concierge-text{display: none}
	#concierge-box dt{background-size: auto 29px;}
	#concierge-box dd{padding: 10px 100px 0px 0px;}
	#concierge-box dd {background-size: auto 80% !important;}
	.concierge-btn p{font-size: 16px}

	body.guide #content-body table.apaertment_tb tr th {background-size: 50% !important;background-position: top left 30% !important;padding-top: 40px !important;}


#content #navguide li a{line-height:1.8em;}
#footer #navGroup #navGroupAble dt{width:auto;}
#footer #navGroup #navGroupAble dd{padding:4px 0 2px 138px;}



}