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

.__________________PC-ESTATE___________________{}

#contents{
 background-color: #e8f7ff;
 padding-top: 60px;
}

#main-inner{
 width: 1080px;
 background-color: #FFFFFF;
 padding-top: 50px;
 padding-right: 50px;
 padding-bottom: 50px;
 padding-left: 50px;
 border-radius: 12px;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____ttl_____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}

main .common-ttl{
 font-size: 20px;
 font-weight: 500;
 padding-top: 10px;
 padding-bottom: 10px;
 line-height: 28px;
 padding-right: 20px;
 margin-bottom: 30px;
 position: relative;
}

main .common-ttl::before,
main .common-ttl::before{
 content: "";
 width: 160px;
 height: 3px;
 background-color: #0e62c0;
 position: absolute;
 left:10;
 bottom:0;
 z-index: 1;
}

main .common-ttl::after,
main .common-ttl::after{
 content: "";
 width: 100%;
 height: 3px;
 background-color: #dadada;
 position: absolute;
 left:0;
 bottom:0;
}

main .common-sub-ttl,
main .common-sub-ttl{
 font-size: 16px;
 line-height: 22px;
 font-weight: 600;
 border-left: 6px solid #0e62c0;
 padding-top: 6px;
 padding-bottom: 2px;
 padding-left: 15px;
 margin-bottom: 25px;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____page-ttl_____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}

#page-ttl{
 background-image: url(../../image/common/estate/page-ttl_bg.jpg);
}

#page-ttl .inner{
 width: 1080px;
 height: 240px; 
 margin-right: auto;
 margin-left: auto;
 position: relative;
}

#page-ttl #heading-box {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateY(-50%) translateX(-50%);
 text-align: center;
}

#page-ttl #heading-box h1{
 font-size: 24px;
 font-weight: 500;
 letter-spacing: 6px;
 position: relative;
}

#page-ttl #heading-box h1::after{
 content: "";
 width: 124px;
 height: 5px;
 display: block;
 background-image: url(../../image/common/estate/page-ttl_line.png);
 background-size: contain;
 margin-top: 15px;
 margin-bottom: 10px;
 margin-right: auto;
 margin-left: auto;
}

#page-ttl #heading-box h2{
 font-family: 'Quicksand', sans-serif;
 font-size: 20px;
 font-weight: 700;
 letter-spacing: 2px;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____section_____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}

main section{
 clear: both;
 margin-bottom: 80px;
}

main section:last-of-type{
 margin-bottom: 0px;
}

main section.sub-section{
 clear: both;
 margin-bottom: 40px;
}

main section::after{
	content: "";
	display: block;
 clear: both;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____local-nav____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}

.RESIDENT .local-nav,
.OWNER .local-nav{
 background-color: #E8F7FF;
 padding-top: 60px;
}

.RESIDENT .local-nav ul,
.OWNER .local-nav ul{
 width: 1080px;
 margin-right: auto;
 margin-left: auto;
}

.RESIDENT .local-nav ul::after,
.OWNER .local-nav ul::after{
 content: "";
 display: block;
 clear: both;
}

.RESIDENT .local-nav ul li,
.OWNER .local-nav ul li{
 font-size: 16px;
 line-height: 24px;
 width: 258px;
 height: 90px;
 margin-right: 16px;
 float: left;
 background-color: #FFFFFF;
 position: relative;
 background-image: url(../../image/common/estate/down_marker_bl.png);
 background-repeat: no-repeat;
 background-size: 16px auto;
 background-position: bottom 10px center;
	transition: all 0.2s ease;
}

.RESIDENT .local-nav ul li:hover,
.OWNER .local-nav ul li:hover{
	cursor: pointer;
 position: relative;
	transition: all 0.2s ease;
 transform:translateY(5px) ;
}

.RESIDENT .local-nav ul li span,
.OWNER .local-nav ul li span{
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 display: block;
 width: 100%;
 text-align: center;
 z-index: 1;
}

.RESIDENT .local-nav ul li:last-child,
.OWNER .local-nav ul li:last-child{
 margin-right: 0px; 
}

.RESIDENT .local-nav ul li::after,
.OWNER .local-nav ul li::after{
 content: "";
 width: 60px;
 height: 60px;
 display: block;
 position: absolute;
 right: 0px;
 left: 0px;
 margin-left: auto;
 margin-right: auto;
 background-size: cover;
 top: -30px;
}

.RESIDENT .local-nav ul li:nth-of-type(1)::after{
 background-image: url(../../image/estate/resident/local-nav_icon_01.png);
}

.RESIDENT .local-nav ul li:nth-of-type(2)::after{
 background-image: url(../../image/estate/resident/local-nav_icon_02.png);
}

.RESIDENT .local-nav ul li:nth-of-type(3)::after{
 background-image: url(../../image/estate/resident/local-nav_icon_03.png);
}

.RESIDENT .local-nav ul li:nth-of-type(4)::after{
 background-image: url(../../image/estate/resident/local-nav_icon_04.png);
}

.OWNER .local-nav ul li:nth-of-type(1)::after{
 background-image: url(../../image/estate/owner/local-nav_icon_01.png);
}

.OWNER .local-nav ul li:nth-of-type(2)::after{
 background-image: url(../../image/estate/owner/local-nav_icon_02.png);
}

.OWNER .local-nav ul li:nth-of-type(3)::after{
 background-image: url(../../image/estate/owner/local-nav_icon_03.png);
}

.OWNER .local-nav ul li:nth-of-type(4)::after{
 background-image: url(../../image/estate/owner/local-nav_icon_04.png);
 z-index: 0;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____B-00_ESTATE-TOP____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}

.TOP-PAGE {}

.TOP-PAGE  #main-inner{
 width: 100%!important;
 background-color: transparent!important;
 padding: 0px!important;
 border-radius: 0px!important;
}

.TOP-PAGE  main section{
 margin-bottom: 0px;
}

.TOP-PAGE #contents{
 padding-top: 0px!important;
 padding-bottom: 0px!important;
}

.TOP-PAGE #contents-inner{
 width: 100%!important;
}

.TOP-PAGE #main-image {
	background-color: #E8F7FF;
}

.TOP-PAGE #main-image img{
 width: 100%;
}

._{}

.TOP-PAGE #property-list {
	background-color: #FFFFFF;
	background-image: url(../../image/estate/top/recommend-list_bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 60px;
	padding-bottom: 150px;
	position: relative;
	/*アンカー位置修正で発生する隙間を埋める*/
	top: -2px;
}

.TOP-PAGE #property-list .inner{
 height: 215px;
 width: 1080px;
 margin-right: auto;
 margin-left: auto;
}

.TOP-PAGE #property-list .box-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 29px;
}

.TOP-PAGE #property-list h3{
 width: 80px;
 height: 260px;
 float: left;
 /* box-shadow */
 box-shadow: -1px 0px 0px 0px #dddddd inset;
 position: relative;
 margin-right: 30px;
}

.TOP-PAGE #property-list h3 span{
 font-size: 18px;
 line-height: 20px;
 font-weight: 500;
 color: #136dd2;
 width: 20px;
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateY(-50%) translateX(-50%);
}

.TOP-PAGE #property-list .box .item  {
	margin-bottom: 15px;
}

.TOP-PAGE #property-list .box .item img {
	vertical-align: bottom;
}

.TOP-PAGE #property-list .box dl  {
}

.TOP-PAGE #property-list .box dl dt {
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
	color: #444444;
}

.TOP-PAGE #property-list .box dl dt small{
	font-size: 12px;
	letter-spacing: 0px!important;
	color: #9a9a9a;
	display: inline-block;
	padding-left: 15px;
}

.TOP-PAGE #property-list .box dl dd {
	font-family: 'Quicksand', sans-serif;
	font-size: 13px;
	font-weight: 600;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #0e62c0;
}

._{}

.TOP-PAGE #news-list {
 background-color: #9ed8f6;
 background-image: url(../../image/estate/top/news-list_bg.png);
 background-repeat: repeat-x;
 background-position: left bottom;
 padding-top: 50px;
 padding-bottom: 120px;
}

.TOP-PAGE #news-list .inner{
 width: 1080px;
 margin-right: auto;
 margin-left: auto;
 background-color: #FFFFFF;
 overflow: hidden;
 padding-top: 30px;
 padding-bottom: 30px;
 border-radius: 10px;
}

.TOP-PAGE #news-list h3{
 width: 80px;
 height: 215px;
 float: left;
 /* box-shadow */
 box-shadow: -1px 0px 0px 0px #dddddd inset;
 position: relative;
 margin-right: 50px;
}

.TOP-PAGE #news-list h3 span{
 font-size: 18px;
 line-height: 20px;
 font-weight: 500;
 color: #136dd2;
 width: 20px;
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateY(-50%) translateX(-50%);
}


.TOP-PAGE #news-list .scroll {
 width: 920px;
 height: 215px;
 float: left;
 overflow: auto;
}

.TOP-PAGE #news-list .scroll a{
 display: block;
}

.TOP-PAGE #news-list .scroll dl{
 border-bottom: 1px solid #c9c9c9;
 padding-top: 20px;
 padding-bottom: 20px;
 overflow: hidden;
 clear: both;
}

.TOP-PAGE #news-list .scroll dl dt{
 font-family: 'Quicksand', sans-serif;
 font-size: 16px;
 font-weight: 600;
 letter-spacing: 1px;
 float: left;
 margin-right: 80px;
}

.TOP-PAGE #news-list .scroll dl dt .icon {
 font-size: 13px;
 font-weight: 300;
 line-height: 25px;
 text-align: center;
 display: inline-block;
 margin-left: 15px;
 width: 120px;
 /* box-shadow */
 box-shadow: 0px 0px 0px 1px #c9c9c9 inset;
}

.TOP-PAGE #news-list .scroll dl dt .icon.reform {
 background-color: #a59b87;
 color: #FFFFFF;
}

.TOP-PAGE #news-list .scroll dl dt .icon.estate {
 background-color: #89a1c0;
 color: #FFFFFF;
}

.TOP-PAGE #news-list .scroll dl dd{
 font-size: 14px;
 line-height: 22px;
 margin-top: 3px;
 overflow: hidden;
}


.TOP-PAGE #news-list .more a{
 font-size: 14px;
 font-weight: 500;
 margin-top: 30px;
 display: block;
 float: right;
 margin-right: 30px;
}

._{}

.TOP-PAGE #select-user {
 background-image: url(../../image/estate/top/select-user_bg.jpg);
 padding-top: 60px;
 padding-bottom: 60px;
 overflow: hidden;
}

.TOP-PAGE #select-user .inner{
 width: 1080px;
 margin-right: auto;
 margin-left: auto;
}

.TOP-PAGE #select-user h3 {
 font-size: 20px;
 font-weight: 500;
 color: #0e62c0;
 line-height: 65px;
 margin-bottom: 24px;
 text-align: center;
 background-image: url(../../image/estate/top/select-user_line.png);
 background-repeat: repeat-x;
 background-position: bottom left;
 position: relative;
}

.TOP-PAGE #select-user .box a{
 width: 234px;
 height: 65px;
 float: left;
 position: relative;
 display: block;
 background-image: url(../../image/common/estate/more_marker_bl.png);
 background-size: 6px auto;
 background-position: right 10px center;
 background-repeat: no-repeat;
}

.TOP-PAGE #select-user .box a:hover{
 background-position: right 7px center;
}

.TOP-PAGE #select-user .box:nth-of-type(-n + 2) a{
 height: 64px;
 border-bottom: 1px solid #c9c9c9;
}

.TOP-PAGE #select-user .box:nth-of-type(odd) a{
/* box-shadow */
box-shadow: 1px 0px 0px 0px #c9c9c9;
}

.TOP-PAGE #select-user dl dt {
 width: 65px;
 padding-top: 8px;
 padding-right: 8px;
 padding-bottom: 8px;
 padding-left: 8px;
}

.TOP-PAGE #select-user dl dt img {
 width: 49px;
}

.TOP-PAGE #select-user dl dd {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 65px;
 font-size: 14px;
 line-height: 18px;
 font-weight: 400;
}

.TOP-PAGE #select-user .top-col {
 float: left;
}

.TOP-PAGE #select-user .top-col h3::after {
 content: "";
 display: block;
 position: absolute;
 background-image: url(../../image/estate/top/select-user_icon_01.png);
 background-size: cover;
 width: 115px;
 height: 77px;
 right: 0px;
 bottom: 8px;
}

.TOP-PAGE #select-user .bottom-col {
 float: right;
}

.TOP-PAGE #select-user .bottom-col h3::after {
 content: "";
 display: block;
 position: absolute;
 background-image: url(../../image/estate/top/select-user_icon_02.png);
 background-size: cover;
 width: 115px;
 height: 76px;
 right: 0px;
 bottom: 8px;
}

.TOP-PAGE #select-user .top-col,
.TOP-PAGE #select-user .bottom-col{
 width: 516px;
 padding-right: 24px;
 padding-bottom: 24px;
 padding-left: 24px;
 background-color: #FFFFFF;
 clear: none;
 border-radius: 10px;
}


._{}

.TOP-PAGE #strengths-list {
 background-image: url(../../image/estate/top/strengths-list_bg.jpg);
 padding-top: 80px;
 padding-bottom: 160px;
}

.TOP-PAGE #strengths-list .inner{
 width: 1080px;
 margin-right: auto;
 margin-left: auto;
 text-align: center;
}

.TOP-PAGE #strengths-list .header{
 overflow: hidden;
 margin-bottom: 60px;
}


.TOP-PAGE #strengths-list .top-col {
 width: 300px;
 float: left;
}

.TOP-PAGE #strengths-list .top-col .item {
}

.TOP-PAGE #strengths-list .bottom-col {
 width: 680px;
 margin-right: 50px;
 float: right;
}

.TOP-PAGE #strengths-list .bottom-col .txt {
 text-align: left;
 font-size: 13px;
 line-height: 22px;
 background-color: #FFFFFF;
 padding-top: 25px;
 padding-right: 25px;
 padding-bottom: 25px;
 padding-left: 25px;
 border-radius: 10px;
}

.TOP-PAGE #strengths-list .summary{
 clear: both;
 display: inline-block;
}

.TOP-PAGE #strengths-list .summary:nth-of-type(1){
 padding-top: 60px;
 display: none;
}

.TOP-PAGE #strengths-list .summary .box {
 border-radius: 10px;
 width: 340px;
 margin-right: 29px;
 display: inline-block;
 margin-bottom: 40px;
 position: relative;
 z-index: 1;
 float: left;
 }

.TOP-PAGE #strengths-list .summary .box::after {
 content: "";
 display: block;
 width: 342px;
 height: 100%;
 background-image: url(../../image/estate/top/strengths-list_box_bg.jpg);
 position: absolute;
 top: 2px;
 right: -2px;
 z-index: -1;
 border-radius: 10px;
  }

.TOP-PAGE #strengths-list .summary .box:nth-of-type(3),
.TOP-PAGE #strengths-list .summary .box:nth-of-type(5) {
 margin-right: 0px;
}

.TOP-PAGE #strengths-list .summary .box .strengths-image {
 background-color: #FFFFFF;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 overflow: hidden;
}

.TOP-PAGE #strengths-list .summary .box dl{
 background-color: #FFFFFF;
 padding-top: 30px;
 padding-bottom: 30px;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
 padding-left: 25px;
 padding-right: 25px;
 }

.TOP-PAGE #strengths-list .summary .box dl dt{
 font-size: 18px;
 color: #0e62c0;
 font-weight: 500;
 }

.TOP-PAGE #strengths-list .summary .box dl dt::after{
 content: "";
 background-image: url(../../image/estate/top/strengths-list_image_line.jpg);
 width: 125px;
 height: 5px;
 display: block;
 margin-right: auto;
 margin-left: auto;
 margin-top: 30px;
 margin-bottom: 30px;
 }

.TOP-PAGE #strengths-list .summary .box dl dd{

 }

.TOP-PAGE #strengths-list .summary .box dl dd p{
 font-size: 13px;
 line-height: 22px;
 margin-top: 15px;
 text-align: left;
 }

.TOP-PAGE #strengths-list #strengths-graph{
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	clear: both;
	text-align: center;
}

.TOP-PAGE #strengths-list #strengths-graph img{
 width: 65%;
}

._{}

.TOP-PAGE #activity-info {
 position: relative;
 min-width: 1080px;
 background-color: #FFFFFF;
}

.TOP-PAGE #activity-info::before {
 content: "";
 display: block;
 position: absolute;
 background-image: url("../../image/estate/top/activity-info_bg.png");
 background-position: center center;
 width: 100%;
 height: 84px;
 top: -84px;
 left: 0;
}

.TOP-PAGE #activity-info .inner {
 width: 1080px;
 margin-right: auto;
 margin-left: auto;
 position: relative;
 top: -84px;
}

.TOP-PAGE #activity-info h3 {
 text-align: center;
 position: relative;
 z-index: 1;
}

.TOP-PAGE #activity-info h3 img {
}

.TOP-PAGE #activity-info ul {
 position: relative;
 top: -60px;
}

.TOP-PAGE #activity-info  ul li {
 width: 264px;
 margin-right: 8px;
 float: left;
}

.TOP-PAGE #activity-info  ul li:last-of-type{
 margin-right: 0px;
}


.TOP-PAGE #activity-info  ul li img {
}

.TOP-PAGE #activity-info .more {
}

.TOP-PAGE #activity-info .more a {
 background-color: #0e62c0;
 font-size: 14px;
 line-height: 60px;
 font-weight: 500;
 width: 250px;
 color: #F9F9F9;
 display: block;
 clear: both;
 text-align: center;
 border-radius: 10px;
 margin-right: auto;
 margin-left: auto;
 background-image: url(../../image/estate/top/activity-info_arrow.png);
 background-size: 47px auto;
 background-position: right 14px center;
 background-repeat: no-repeat;
}

.TOP-PAGE #activity-info .more a:hover {
 background-position: right 10px center;
}

._{}

.TOP-PAGE #land-list {
 background-image: url(../../image/estate/top/land-list_bg.png);
 padding-top: 120px;
 padding-bottom: 100px;
 position: relative;
}

.TOP-PAGE #land-list::before{
 content: "";
 background-image: url("../../image/estate/top/land-list_line.png");
 width: 100%;
 height: 10px;
 display: block;
 position: absolute;
 top: 15px;
 right: 0px;
 background-repeat: repeat-x;
}

/*
.TOP-PAGE #land-list::after{
 content: "";
 background-image: url("../../image/estate/top/land-list_line.png");
 width: 100%;
 height: 10px;
 display: block;
 position: absolute;
 bottom: 15px;
 right: 0px;
 background-repeat: repeat-x;
}
*/

.TOP-PAGE #land-list .inner{
 width: 1080px;
 margin-right: auto;
 margin-left: auto;
 position: relative;
}

.TOP-PAGE #land-list .bottom-col {
 text-align: center;
 margin-bottom: 60px;
}

.TOP-PAGE #land-list .bottom-col h3{
 width: 549px;
 height: 71px;
 font-size: 26px;
 font-weight: 600;
 line-height: 71px;
 background-image: url(../../image/estate/top/land-list_ttl_bg.png);
 background-repeat: no-repeat;
 text-align: center;
 background-position: center top;
 display: inline-block;
 letter-spacing: 2px;
 margin-bottom: 20px;
}


.TOP-PAGE #land-list .bottom-col .txt {
 font-size: 15px;
 line-height: 24px;
}

.TOP-PAGE #land-list .top-col {
 position: absolute;
 right: 40px;
 top: -40px;
}

.TOP-PAGE #land-list .top-col .item {
}

.TOP-PAGE #land-list ul {
 background-color: #FFFFFF;
 overflow: hidden;
 padding-left: 50px;
 padding-top: 35px;
 clear: both;
}

.TOP-PAGE #land-list ul li a{
 width: 300px;
 display: block;
 float: left;
 margin-right: 40px;
 margin-bottom: 35px;
 transition:all 0.2s;
}

.TOP-PAGE #land-list ul li a:hover{
 transform:translateY(-5px) ;
 transition:all 0.2s;
}

.TOP-PAGE #land-list ul li:nth-of-type(3) a,
.TOP-PAGE #land-list ul li:nth-of-type(6) a{
 margin-right: 0px;
}

._{}

.TOP-PAGE #access{
	padding-top: 80px;
	padding-bottom: 80px;
}

.TOP-PAGE #access .inner{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

.TOP-PAGE #access h3{
	margin-bottom: 30px;
}

.TOP-PAGE #access h3 span{
 display: block;
}

.TOP-PAGE #access h3 span:nth-of-type(1){
	font-family: 'Quicksand', sans-serif;
 font-size: 28px;
 font-weight: 700;
	color: #0e62c0;
}

.TOP-PAGE #access h3 span:nth-of-type(2){
 
}

.TOP-PAGE #access .arrow{
 font-size: 13px;
 line-height: 24px;
 font-weight: 400;
	padding-left: 20px;
	background-size: 10px auto;
	background-position: left center;
	background-repeat: no-repeat;	
	float: right;
}

.TOP-PAGE #access .arrow.top{
	background-image: url(../../image/top-page/gmap_arrow_top.png);
}

.TOP-PAGE #access .arrow.bottom{
	background-image: url(../../image/top-page/gmap_arrow_bottom.png);
}

.TOP-PAGE #access ul li {
  position: relative;
  padding-left: 18px;
}

.TOP-PAGE #access ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 8px;
  height: 8px;
  background-color: #0e62c0;
  border-radius: 50%;
  transform: translateY(-50%);
}

._{}

.TOP-PAGE #for-traders{
 padding-top: 40px;
 padding-bottom: 40px;
 background-color: #fcfcfc;
 border-top: 1px solid #231f20;
}

.TOP-PAGE #for-traders .inner{
 width: 1080px;
 margin-right: auto;
 margin-left: auto;
}

.TOP-PAGE #for-traders .ttl{
 font-size: 16px;
 font-weight: 500;
 letter-spacing: 3px;
 display: inline-block;
 position: relative;
 cursor: pointer; 
}


.TOP-PAGE #for-traders .ttl::after,
.TOP-PAGE #for-traders .ttl.open::after{
 font-size: 10px;
 font-weight: 400;
 color: #FFFFFF;
 letter-spacing: 0;
 width: 18px;
 line-height: 18px;
 border-radius: 9999px;
 display: block;
 text-align: center;
 position: absolute;
 right: -20px;
 top: 5px;
}

.TOP-PAGE #for-traders .ttl::after{
 content: "＋";
 background-color: #c60033;
}

.TOP-PAGE #for-traders .ttl.open::after{
 content: "－";
 background-color: #ababab;
}



.TOP-PAGE #for-traders .body{
 padding-top: 30px;
 overflow: hidden;
}

.TOP-PAGE #for-traders .body .item {
 float: left;
 margin-right: 50px;
}

.TOP-PAGE #for-traders .body .item img{
 width: 250px;
}

.TOP-PAGE #for-traders .body .txt{
 font-size: 14px;
 line-height: 24px;
 font-weight: 400;
 margin-bottom: 20px;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____B-01_NEWS____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
.NEWS {
}

.NEWS #contents-inner{
 background-color: #FFFFFF;
 border-radius: 12px;
 padding-top: 50px;
 padding-right: 25px;
 padding-bottom: 50px;
 padding-left: 25px;
}

.NEWS main{
 width: 720px!important;
 float: left;
}

.NEWS #main-inner{
 width: auto;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 border-radius: 0px;
 background-color: transparent;
}

.NEWS #article-list {
 
}

.NEWS #article-list .main-ttl{
 font-size: 17px;
 font-weight: 500;
 padding-top: 10px;
 padding-bottom: 10px;
 line-height: 24px;
 padding-right: 20px;
 margin-bottom: 30px;
 position: relative;
}

.NEWS #article-list .main-ttl::before{
 content: "";
 width: 160px;
 height: 3px;
 background-color: #0e62c0;
 position: absolute;
 left:10;
 bottom:0;
 z-index: 1;
}

.NEWS #article-list .main-ttl::after{
 content: "";
 width: 100%;
 height: 3px;
 background-color: #dadada;
 position: absolute;
 left:0;
 bottom:0;
}

.NEWS #article-list .main-ttl span:nth-of-type(1){
 display: none;
}

.NEWS #article-list article {
 clear: both;
 padding-bottom: 30px;
 border-bottom: 1px solid #d9d9d9;
 margin-bottom: 30px;
}

.NEWS #article-list article a {
 text-decoration: none;
 color: #232323;
 display: block;
}

.NEWS #article-list article a::after {
 content: "";
 display: block;
 clear: both; 
}

.NEWS #article-list article a .article-thumbnail {
 float: left;
 margin-right: 50px;
 position: relative;
 width: 300px;
}

.NEWS #article-list article a .article-thumbnail img {
 width: 100%;
 height: auto;
	object-fit: contain;
}


.NEWS #article-list article a .category-ttl {
 font-size: 12px;
 line-height: 18px;
 border: 1px solid #A7A7A7;
 display: inline-block;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 10px;
 padding-right: 10px;
 margin-right: 10px;
}

.NEWS #article-list article a .date {
 font-family: 'Quicksand', sans-serif;
 color: #707070;
 font-weight: 500;
 font-size: 13px;
 display: inline-block;
}

.NEWS #article-list article a section {
 clear: none;
}

.NEWS #article-list article a section .article-ttl {
 font-size: 15px;
 line-height: 24px;
 font-weight: 500;
 margin-bottom: 15px;
 margin-top: 25px;
}

.NEWS #article-list article a section .article-excerpt {
 font-size: 12px;
 line-height: 22px;
 font-weight: 400;
 overflow: hidden;
}

.NEWS #sub{
 width: 260px;
 float: right;
 margin-top: 10px;
}

.NEWS #sub #category-list,
.NEWS #sub #archive-list{
 margin-bottom: 60px;
}

.NEWS #sub .common-ttl {
 font-family: 'Quicksand', sans-serif;
 font-size: 16px;
 font-weight: 600;
 margin-bottom: 20px;
 text-align: center;
 color: #0E62C0;
 background-color: #E8F7FF;
 padding-top: 15px;
 padding-bottom: 16px;
 border-radius: 10px;
}

.NEWS #sub .inner{

}

.NEWS #sub .common-list ul li a{
 font-size: 13px;
 display: block;
 padding-top: 15px;
 padding-bottom: 15px;
 text-align: left;
 text-decoration: none;
 background-image: url("../../image/common/estate/more_marker_bl.png");
 background-repeat: no-repeat;
 background-size: 7px auto;
 background-position: right 8px center;
 font-weight: 400;
}

.NEWS #sub .common-list ul li a:hover{
 background-image: url("../../image/common/estate/more_marker_bl.png");
 background-repeat: no-repeat;
 background-size: 7px auto;
 background-position: right 4px center;
}

._{}

.NEWS .wp-pagenavi {
	clear: both;
	text-align:center;
}

.NEWS .wp-pagenavi .pages{
 background-color: #E9E9E9;
 color: #3A3A3A;
}

.NEWS .wp-pagenavi a,
.NEWS .wp-pagenavi span {
	color: #222222;
	background-color: #E9E9E9;
	padding: 5px 15px;
	margin: 0 2px;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

.NEWS .wp-pagenavi a:hover{
	color: #FFF;
	background-color: #0E62C0;
}

.NEWS .wp-pagenavi span.current{
	color: #FFF;
	background-color: #0E62C0;
}

._{}

.NEWS #article-post {}

.NEWS #article-post article {
 overflow: hidden;
 padding-bottom: 40px;
}

.NEWS #article-post article .article-ttl {
 font-size: 17px;
 font-weight: 500;
 padding-top: 10px;
 padding-bottom: 10px;
 line-height: 24px;
 padding-right: 20px;
 margin-bottom: 20px;
 position: relative;
}

.NEWS #article-post article .article-ttl::before{
 content: "";
 width: 160px;
 height: 3px;
 background-color: #0e62c0;
 position: absolute;
 left:10;
 bottom:0;
 z-index: 1;
}

.NEWS #article-post article .article-ttl::after{
 content: "";
 width: 100%;
 height: 3px;
 background-color: #dadada;
 position: absolute;
 left:0;
 bottom:0;
}



.NEWS #article-post article .article-thumbnail {
 position: relative;
 margin-bottom: 30px;
}

.NEWS #article-post article .article-thumbnail img {
 max-width: 100%;
 height: auto;
	object-fit: contain;
}

.NEWS #article-post article .category-ttl {
 font-size: 12px;
 line-height: 18px;	
 border: 1px solid #A7A7A7;
 display: inline-block;
 margin-bottom: 20px;
 margin-right: 5px;
}

.NEWS #article-post article .category-ttl a{
 display: block;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 10px;
 padding-right: 10px;
}

.NEWS #article-post article .date{
	font-family: omnes-cond, sans-serif;
	text-align: right;
	font-size: 13px;
	margin-bottom: 15px;
	letter-spacing: 1.5px;
}

.NEWS #article-post article .date span{
 font-family: kozuka-gothic-pr6n, sans-serif;
 margin-left: 10px;
}

.NEWS #article-post article .article-body {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
}

.NEWS #article-post article .article-body p {
 margin-top: 15px;
 margin-bottom: 15px;
}

.NEWS #article-post article .article-body figure img {
 max-width:100%;
 height: auto;
}


.NEWS .post-links {

}

.NEWS .post-links ul {
 overflow: hidden;
}

.NEWS .post-links li {
 float: left;
}

.NEWS .post-links li a{
 font-size: 13px;
}

.NEWS .post-links li.previous {
 float: left;
}

.NEWS .post-links li.previous a::before {
 content: "←";
 margin-right: 10px;
}

.NEWS .post-links li.next {
 float: right;
}

.NEWS .post-links li.next a::after {
 content: "→";
 margin-left: 5px;
}

.NEWS .post-links li a:hover{

}



.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____C-02_ACTIVITY____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}

.ACTIVITY #activity-list {
}

.ACTIVITY #activity-list .sub-section {
 margin-bottom: 80px;
}

.ACTIVITY #activity-list .sub-section:nth-of-type(odd) .top-col{
 float: left;
}

.ACTIVITY #activity-list .sub-section:nth-of-type(even) .top-col{
 float: right;
}

.ACTIVITY #activity-list .sub-section:nth-of-type(odd) .bottom-col{
 float: right;
}

.ACTIVITY #activity-list .sub-section:nth-of-type(even) .bottom-col{
 float: left;
}

.ACTIVITY #activity-list .sub-section .top-col .item {
 width: 408px;
 height: 313px;
}

.ACTIVITY #activity-list .sub-section .bottom-col {
 width: 510px;
 padding-top: 30px;
}

.ACTIVITY #activity-list .sub-section .bottom-col h3 {
 background-color: #e8f7ff;
 padding-left: 30px;
 padding-top: 20px;
 padding-bottom: 30px;
 padding-right: 30px;
 position: relative;
 background-image: url("../../image/estate/activity/activity-ttl_line.png");
 background-repeat: repeat-x;
 background-position: center bottom 6px;
 border-radius: 10px;
 text-align: center;
 margin-bottom: 30px;
 font-size: 18px;
 color: #0e62c0;
 font-weight: 600;
}

.ACTIVITY #activity-list .sub-section .bottom-col h3::before {
 content: "";
 display: block;
 position: absolute;
 background-size: cover;
 width: 152px;
 height: 95px;
 left: 10px;
 bottom:0;
}

.ACTIVITY #activity-list .sub-section:nth-of-type(1) .bottom-col h3::before {
 background-image: url("../../image/estate/activity/activity_ttl_01.png");
}

.ACTIVITY #activity-list .sub-section:nth-of-type(2) .bottom-col h3::before {
 background-image: url("../../image/estate/activity/activity_ttl_02.png");
}

.ACTIVITY #activity-list .sub-section:nth-of-type(3) .bottom-col h3::before {
 background-image: url("../../image/estate/activity/activity_ttl_03.png");
}

.ACTIVITY #activity-list .sub-section:nth-of-type(4) .bottom-col h3::before {
 background-image: url("../../image/estate/activity/activity_ttl_04.png");
}

.ACTIVITY #activity-list .sub-section:nth-of-type(5) .bottom-col h3::before {
 background-image: url("../../image/estate/activity/activity_ttl_05.png");
}

.ACTIVITY #activity-list .sub-section:nth-of-type(6) .bottom-col h3::before {
 background-image: url("../../image/estate/activity/activity_ttl_06.png");
}

.ACTIVITY #activity-list .sub-section .top-col .item img {
}

.ACTIVITY #activity-list .sub-section .bottom-col .txt {
 font-size: 15px;
 line-height: 28px;
 font-weight: 400;
 margin-bottom: 20px;
}

.ACTIVITY #activity-list .sub-section .bottom-col .txt:last-of-type {
 margin-bottom: 0px;
}





.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____C-03_RESIDENT____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}

.RESIDENT{}

._{}

.RESIDENT #faq-list{
 }

.RESIDENT #faq-list dl{
 font-size: 14px;
 line-height: 22px;
 font-weight: 400;
 margin-bottom: 15px;
 border-bottom: 1px solid #dadada;
 padding-bottom: 10px;
}

.RESIDENT #faq-list dl dt,
.RESIDENT #faq-list dl dd{
 position: relative;
 padding-bottom: 20px;
 padding-top: 20px;
 padding-left: 65px;
}

.RESIDENT #faq-list dl dt::before,
.RESIDENT #faq-list dl dd::before{
 content: "";
 display: block;
 position: absolute;
 background-size: cover;
 width: 46px;
 height: 44px;
 top: 50%;
 left: 0px;
 transform: translateY(-50%) ;
}

.RESIDENT #faq-list dl dt::before{
 background-image: url(../../image/estate/resident/faq-list_icon_q_.png);
}

.RESIDENT #faq-list dl dd::before{
 background-image: url(../../image/estate/resident/faq-list_icon_a_.png);
}

._{}

.RESIDENT #pocket-post .common-ttl{
 margin-bottom: 40px;
}

.RESIDENT #pocket-post .top-col {
 width: 220px;
 float: left;
 margin-left: 10px;
 margin-right: 60px;
}

.RESIDENT #pocket-post .top-col p img{
 width: 100%;
}

.RESIDENT #pocket-post .center-col {
 width: 230px;
 float: left;
 margin-right: 60px;
 padding-top: 30px;
}

.RESIDENT #pocket-post .center-col dl{

}

.RESIDENT #pocket-post .center-col dl dt img{ 
 width: 100%;
}

.RESIDENT #pocket-post .center-col dl dd:nth-of-type(1){
 font-size: 20px;
 line-height: 26px;
 font-weight: 600;
 color: #183466;
 margin-top: 30px;
 margin-bottom: 30px;
}

.RESIDENT #pocket-post .center-col dl dd:nth-of-type(2){
 font-size: 14px;
 line-height: 22px;
}

.RESIDENT #pocket-post .bottom-col {
 float: left;
 margin-right: 60px;
 padding-top: 20px;
 padding-bottom: 20px;
 border-left: 1px solid #183466;
 padding-left: 50px;
 margin-top: 20px;
}

.RESIDENT #pocket-post .bottom-col dl{
 color: #183466;
 margin-bottom: 30px;
 position: relative;
 padding-left: 65px;
}

.RESIDENT #pocket-post .bottom-col dl:last-child{
 margin-bottom: 0px;
}

.RESIDENT #pocket-post .bottom-col dl dt{
 font-size: 13px;
 line-height: 20px;
}

.RESIDENT #pocket-post .bottom-col dl::before{
 content: "";
 display: block;
 position: absolute;
 background-size: cover;
 width: 48px;
 height: 48px;
 left: 0;
 top: -3px;
}

.RESIDENT #pocket-post .bottom-col dl:nth-of-type(1)::before{
 background-image: url("../../image/estate/resident/pocket-post_icon_01.png");
}

.RESIDENT #pocket-post .bottom-col dl:nth-of-type(2)::before{
 background-image: url("../../image/estate/resident/pocket-post_icon_02.png");
}

.RESIDENT #pocket-post .bottom-col dl:nth-of-type(3)::before{
 background-image: url("../../image/estate/resident/pocket-post_icon_03.png");
}

.RESIDENT #pocket-post .bottom-col dl dd{
 font-size: 16px;
 line-height: 24px;
 font-weight: 600;
}

._{}

.RESIDENT #pocket-post #flow-list{
 clear: both;
 padding-top: 40px;
}

.RESIDENT #pocket-post #flow-list .inner{
 margin-bottom: 40px;
 overflow: hidden;
}

.RESIDENT #pocket-post #flow-list dl{
 width: 218px;
 margin-right: 36px;
 float: left;
 position: relative;
}

.RESIDENT #pocket-post #flow-list dl::after{
 content: "";
 display: block;
 position: absolute;
 background-image: url("../../image/common/estate/more_marker_bl.png");
 background-size: cover;
 width: 9px;
 height: 17px;
 right: -24px;
 top: 90px;
 
}

.RESIDENT #pocket-post #flow-list dl:last-of-type{
 margin-right: 0px;
}

.RESIDENT #pocket-post #flow-list dl dt{}

.RESIDENT #pocket-post #flow-list dl dd{
 font-size: 12px;
 line-height: 22px;
 margin-top: 5px;
 font-weight: 400;
 letter-spacing: normal;
}

._{}

.RESIDENT #pocket-post #flow-list .annotation{
 clear: both;
 padding-top: 20px;
 padding-bottom: 20px;
 padding-right: 30px;
 padding-left: 30px;
 letter-spacing: normal;
 border: 3px solid #efefef;
}

.RESIDENT #pocket-post #flow-list .annotation p{
 clear: both;
 font-size: 13px;
 line-height: 22px;
}

._{}

.RESIDENT #benefits-list {
}

.RESIDENT #benefits-list .box{
 overflow: hidden;
 clear: both;
 margin-bottom: 60px;
}

.RESIDENT #benefits-list .box .top-col{

}

.RESIDENT #benefits-list .box .bottom-col{
width: 510px;
}

/*奇数*/
.RESIDENT #benefits-list .box:nth-child(even) .top-col{
 float: left; 
}

.RESIDENT #benefits-list .box:nth-child(even) .bottom-col{
 float: right;
}

/*偶数*/
.RESIDENT #benefits-list .box:nth-child(odd) .top-col{
 float: right;
}

.RESIDENT #benefits-list .box:nth-child(odd) .bottom-col{
 clear: left;
}

.RESIDENT #benefits-list .box img {
 width: 100%;
}

.RESIDENT #benefits-list .box .bottom-col dl {

}

.RESIDENT #benefits-list .box .bottom-col dl dt {
 font-size: 18px;
 line-height: 22px;
 font-weight: 600;
 text-align: center;
 position: relative;
 padding-top: 20px;
 padding-bottom: 20px;
 margin-top: 30px;
 margin-bottom: 20px;
}

.RESIDENT #benefits-list .box .bottom-col dl dt::before {
 content: "";
 display: block;
 position: absolute;
 background-image: url("../../image/estate/resident/benefits-list_line.png");
 background-size: 239px auto;
 background-repeat: repeat-x;
 width: 100%;
 height: 5px;
 left: 0;
 top: 0;
}

.RESIDENT #benefits-list .box .bottom-col dl dt::after {
 content: "";
 display: block;
 position: absolute;
 background-image: url("../../image/estate/resident/benefits-list_line.png");
 background-size: 239px auto;
 background-repeat: repeat-x;
 width: 100%;
 height: 5px;
 left: 0;
 bottom: 0;
}

.RESIDENT #benefits-list .box .bottom-col dl dd {
 font-size: 13px;
 line-height: 28px;
 font-weight: 400; 
}

._{}

.RESIDENT #move-out {
}

.RESIDENT #move-out .item {
 margin-bottom: 40px;
}

.RESIDENT #move-out .item img {
 width: 100%;
}

.RESIDENT #move-out .txt {
 float: left;
 font-size: 14px;
 line-height: 22px;
 font-weight: 400; 
}

.RESIDENT #move-out .btn a {
 font-size: 16px;
 line-height: 60px;
 font-weight: 500;
 text-align: center;
 color: #FFFFFF;
 display: block;
 float: right;
 background-color: #0e62c0;
 width: 380px;
 border-radius: 9999px;
 background-image: url(../../image/common/estate/more_marker_wt.png);
 background-repeat: no-repeat;
 background-size: 9px auto;
 background-position: right 30px center;
}

.RESIDENT #move-out .btn a:hover {
 color: #0e62c0;
 background-color: #FFFFFF;
 background-image: url(../../image/common/estate/more_marker_bl.png);
 background-repeat: no-repeat;
 background-size: 9px auto;
 background-position: right 24px center;
 /* box-shadow */
 box-shadow: 0px 0px 0px 3px #0e62c0 inset;
}

._{}

.RESIDENT #move-out #thanks-message .txt{
 font-size: 14px;
 line-height: 24px;
 margin-bottom: 30px;
}




.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____C-04_OWNER-TOP____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}

.OWNER{}

._{}

.OWNER  #masuki-system {
}

.OWNER  #masuki-system .header {
 background-image: url(../../image/estate/owner/masuki-system_bg.jpg);
 height: 160px;
 margin-bottom: 60px;
 margin-top: 30px;
}

.OWNER  #masuki-system .header .item {
 float: left;
 margin-left: 80px;
 margin-top: -10px;
}

.OWNER  #masuki-system .header .item img {
}

.OWNER  #masuki-system .header dl {
 float: right;
 margin-top: 15px;
 margin-right: 25px;
}

.OWNER  #masuki-system .header dl dt {
 font-size: 20px;
 line-height: 50px;
 font-weight: 500;
 text-align: center;
 color: #FFFFFF;
 width: 520px;
 background-color: #0e62c0;
 border-radius: 10px;
}

.OWNER  #masuki-system .header dl dd {
 font-size: 14px;
 line-height: 22px;
 font-weight: 500;
 margin-top: 15px;
 padding-left: 5px;
}

._{}

.OWNER  #masuki-system #diagram {
 margin-bottom: 60px;
}

.OWNER  #masuki-system #diagram dl {
 text-align: center;
 position: relative;
}

.OWNER  #masuki-system #diagram dl::after{
 content: "";
 display: block;
 position: absolute;
 width: 100%;
 height: 1px;
 background-color: #0e62c0;
 top: 8px;
 left: 0px;
}

.OWNER  #masuki-system #diagram dl dt {
 color: #0e62c0;
 font-size: 18px;
 font-weight: 600;
 text-align: center;
 background-color: #FFFFFF;
 display: inline-block;
 position: relative;
 z-index: 1;
 padding-left: 25px;
 padding-right: 25px;
 margin-bottom: 30px;
}

.OWNER  #masuki-system #diagram dl dd {
}

.OWNER  #masuki-system #diagram dl dd img {
}

._{}

.OWNER  #masuki-system #busines-list {
}

.OWNER  #masuki-system #busines-list .box {
 width: 300px;
 float: left;
 margin-right: 40px;
 /* box-shadow */
 box-shadow: 0px 0px 0px 1px #dadada;
 border-radius: 10px;
 overflow: hidden;
 margin-bottom: 30px;
}

.OWNER  #masuki-system #busines-list .box:nth-of-type(3),
.OWNER  #masuki-system #busines-list .box:nth-of-type(6){
 margin-right: 0px;
}


.OWNER  #masuki-system #busines-list .box .item {
}

.OWNER  #masuki-system #busines-list .box .item img {
}

.OWNER  #masuki-system #busines-list .box dl {

}

.OWNER  #masuki-system #busines-list .box dl dt {
 font-size: 17px;
 font-weight: 500;
 color: #0e62c0;
 text-align: center;
 background-color: #FFF;
 width: 200px;
 padding-top: 15px;
 padding-bottom: 15px;
 border-radius: 10px;
 margin-right: auto;
 margin-left: auto;
 display: block;
 position: relative;
 top: -30px;
}

.OWNER  #masuki-system #busines-list .box dl dt.two-line{
 font-size: 14px;
 line-height: 22px;
 padding-top: 5px;
 padding-bottom: 5px;
}

.OWNER  #masuki-system #busines-list .box dl dt.two-line dd{
 font-size: 14px;
 line-height: 22px;
}

.OWNER  #masuki-system #busines-list .box dl dd {
 padding-right: 20px;
 padding-left: 20px;
 position: relative;
 padding-top: 10px;
 padding-bottom: 15px;
}

.OWNER  #masuki-system #busines-list .box dl dd::before {
 content: "";
 display: block;
 position: absolute;
 background-image: url(../../image/estate/owner/business-list_line.png);
 width: 100%;
 height: 3px;
 left: 0px;
 top: -10px;
}

.OWNER  #masuki-system #busines-list .box dl dd ul {
}

.OWNER  #masuki-system #busines-list .box dl dd ul li {
 display: inline-block;
 font-size: 13px;
 font-weight: 400;
 margin-bottom: 10px;
 line-height: 20px;
 margin-right: 10px;
}

.OWNER  #masuki-system #busines-list .box dl dd ul li::before {
 content: "〇";
 font-size: 9px;
 line-height: 20px;
 color: #0e62c0;
 font-weight: 500;
 margin-right: 5px;
 vertical-align: middle;
}

._{}

.OWNER #land-list {
}

.OWNER #land-list .txt {
 font-size: 14px;
 line-height: 22px;
 font-weight: 400; 
}

.OWNER #land-list ul {
 margin-top: 20px;
}

.OWNER #land-list ul li a{
 width: 300px;
 margin-right: 40px;
 float: left;
 display: block;
 margin-bottom: 25px;
	transition: all 0.2s ease;
}

.OWNER #land-list ul li a:hover{
	transition: all 0.2s ease;
	transform:translateY(-5px) ;
}

.OWNER #land-list ul li:nth-of-type(3) a,
.OWNER #land-list ul li:nth-of-type(6) a{
 margin-right: 0px;
}



.OWNER  #land-list ul li img {
}

._{}

.OWNER  #sele-flow {
}

.OWNER  #sele-flow .bottom-col dl {
 width: 100px;
 margin-right: 26px;
 float: left;
 background-color: #e8f7ff;
 padding-top: 15px;
 padding-bottom: 25px;
 position: relative;
}

.OWNER  #sele-flow .bottom-col dl:last-of-type{
 margin-right: 0px;
}

.OWNER  #sele-flow .bottom-col dl::after {
 content: "";
 display: block;
 background-image: url("../../image/estate/owner/sale-flow_arrow.png");
 background-size: cover;
 width: 24px;
 height: 19px;
 position: absolute;
 top: 50%;
 right: -25px;
 transform: translateY(-50%) ;
}

.OWNER  #sele-flow .bottom-col dl:last-of-type::after {
 display: none;
}

.OWNER  #sele-flow .bottom-col dl dt {
 font-family: 'Quicksand', sans-serif;
 font-size: 38px;
 font-weight: 600;
 color: #0e62c0;
 border-bottom: 1px solid #c1c1c1;
 padding-bottom: 10px;
 margin-bottom: 30px;
 margin-right: 15px;
 margin-left: 15px;
 text-align: center;
}

.OWNER  #sele-flow .bottom-col dl dt span {
 font-size: 16px;
 display: block;
}

.OWNER  #sele-flow .bottom-col dl dd {
 font-size: 16px;
 line-height: 20px;
 font-weight: 500;
 width: 16px;
 margin-right: auto;
 margin-left: auto;
}

.OWNER  #sele-flow .top-col .item {
 float: right;
 width: 219px;
 margin-top: 60px;
}

.OWNER  #sele-flow .top-col .item img {
 width: 100%;
}

._{}

.OWNER #inquiry-form .item {
 margin-bottom: 40px;
}

.OWNER #inquiry-form .item img {
 width: 100%;
}

.OWNER #inquiry-form .txt {
 float: left;
 font-size: 14px;
 line-height: 22px;
 font-weight: 400; 
}

.OWNER #inquiry-form .btn a {
 font-size: 16px;
 line-height: 60px;
 font-weight: 500;
 text-align: center;
 color: #FFFFFF;
 display: block;
 float: right;
 background-color: #0e62c0;
 width: 380px;
 border-radius: 9999px;
 background-image: url(../../image/common/estate/more_marker_wt.png);
 background-repeat: no-repeat;
 background-size: 9px auto;
 background-position: right 30px center;
}

.OWNER #inquiry-form .btn a:hover {
 color: #0e62c0;
 background-color: #FFFFFF;
 background-image: url(../../image/common/estate/more_marker_bl.png);
 background-repeat: no-repeat;
 background-size: 9px;
 background-position: right 30px center;
 /* box-shadow */
 box-shadow: 0px 0px 0px 3px #0e62c0 inset;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____C-04-01_LAND____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}

.LAND .before-after {
}

.LAND .before-after .inner{
 margin-bottom: 80px;
}


.LAND .before-after .top-col {
 padding-left: 60px;
 padding-right: 60px;
 padding-top: 25px;
 padding-bottom: 25px;
 height: 300px;
 background-image: url(../../image/estate/land/before-after_bg.jpg);
 position: relative;
 border-radius: 10px;
}

.LAND .before-after .top-col::after {
 content: "";
 display: block;
 background-image: url("../../image/estate/land/before-after_arrow.png");
 background-size: cover;
 width: 103px;
 height: 30px;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateY(-50%) translateX(-50%);
}

.LAND .before-after .top-col .box .slider {
 width: 338px;
 height: 238px;

}

/*ドット設定*/
.LAND .before-after .top-col .box .slick-dots li button:before
{
    position: absolute;
    top: 8px;
}

.LAND .before-after .top-col .box .slider p img {
 width: 100%;
 border-radius: 10px;
}

.LAND .before-after .top-col .box:nth-of-type(1) {
 float: left;
 position: relative;
}

.LAND .before-after .top-col .box:nth-of-type(1)::before {
 content: "";
 display: block;
 position: absolute;
 background-image: url("../../image/estate/land/fukidashi_before.png");
 background-size: cover;
 width: 155px;
 height: 61px;
 left: 50%;
 transform: translateX(-50%);
 top: -35px;
 z-index: 9;
}

.LAND .before-after .top-col .box:nth-of-type(1) .slider p img{
 border: 6px solid #FFFFFF;
}

.LAND .before-after .top-col .box:nth-of-type(2) {
 float: right;
 position: relative;
}

.LAND .before-after .top-col .box:nth-of-type(2)::before {
 content: "";
 display: block;
 position: absolute;
 background-image: url("../../image/estate/land/fukidashi_after.png");
 background-size: cover;
 width: 155px;
 height: 61px;
 left: 50%;
 transform: translateX(-50%);
 top: -35px;
 z-index: 9;
}

.LAND .before-after .top-col .box:nth-of-type(2) .slider p img{
 border: 6px solid #0e62c0;
}

.LAND .before-after .bottom-col {
 background-image: url(../../image/estate/land/comment_bg.jpg);
 margin-top: 25px;
 padding-left: 60px;
 padding-right: 50px;
 padding-top: 30px;
 padding-bottom: 30px;
 position: relative;
 min-height: 160px;
 border-radius: 10px;
}

.LAND .before-after .bottom-col::after {
	content: "";
	display: block;
 clear: both;
}

.LAND .before-after .inner:nth-of-type(odd) .bottom-col .item{
 position: absolute;
 top: -15px;
 left: 50px;
}

.LAND .before-after .inner:nth-of-type(even) .bottom-col .item{
 position: absolute;
 top: -15px;
 right: 50px;
}

.LAND .before-after .bottom-col .item img {
 width: 100%;
}

.LAND .before-after .bottom-col .txt {
 background-color: #FFFFFF;
 padding-left: 40px;
 padding-top: 30px;
 padding-bottom: 30px;
 padding-right: 40px;
 font-size: 14px;
 line-height: 24px;
 font-weight: 400;
 width: 655px;
 background-image: url(../../image/estate/land/comment_line.png);
 background-repeat: repeat-x;
 background-position: center bottom 6px;
 position: relative;
}

.LAND .before-after .inner:nth-of-type(odd) .bottom-col .txt{
 float: right;
}

.LAND .before-after .inner:nth-of-type(even) .bottom-col .txt{
 float: left;
}

.LAND .before-after .bottom-col .txt::after {
 content: "";
 display: block;
 position: absolute;
 background-image: url("../../image/estate/land/comment_effect.png");
 background-size: cover;
 width: 52px;
 height: 47px;
 right: 20px;
 bottom: 20px;
}

._{}

.LAND .after-only{

}

.LAND .after-only .inner{
 clear: both;
 margin-bottom: 80px;
}

.LAND .after-only .inner::after{
	content: "";
	display: block;
 clear: both;
}

.LAND .after-only .top-col {
 float: left;
}

.LAND .after-only .top-col p{
 width: 338px;
 height: 238px;
}

.LAND .after-only .top-col p img{
 width: 100%;
 border: 6px solid #0e62c0;
 border-radius: 10px;
}

.LAND .after-only .bottom-col {
 float: right;
 width: 550px;
 background-image: url(../../image/estate/land/comment_bg.jpg);
 padding-left: 30px;
 padding-right: 30px;
 padding-top: 30px;
 padding-bottom: 30px;
 position: relative;
 overflow: hidden;
 border-radius: 10px;
}

.LAND .after-only .bottom-col .box{
 background-color: #FFFFFF;
 padding-left: 30px;
 padding-top: 20px;
 padding-bottom: 30px;
 padding-right: 30px;
 position: relative;
 overflow: hidden;
 background-image: url(../../image/estate/land/comment_line.png);
 background-repeat: repeat-x;
 background-position: center bottom 6px; 
 border-radius: 10px;
}



.LAND .after-only .bottom-col .box .item {
 float: left;
 padding-right: 30px;
}


.LAND .after-only .bottom-col .box .txt {
 font-size: 14px;
 line-height: 30px;
 font-weight: 400;
 margin-top: 10px;
	overflow: hidden;	
}