@charset "UTF-8";
/* placeholder color */
/**********************************************************************************************

Estate

**********************************************************************************************/
/*---------------------------------------------
estate
---------------------------------------------*/

.pg_no{display: none;}

.top_kv_list {
	background-image: url("../img/top/service_img01.jpg");
	background-repeat:  no-repeat;
	background-position: bottom center;
	background-size: cover;
	text-align: center;
	width: 100%;
	height: 100%;
	overflow: hidden; }

.pg_kv {
  position: relative;
  background: #fff;
  height: 60vh;
  min-height: 300px; }
  @media (max-width: 750px) {
    .pg_kv {
      min-height: 300px; } }

.pg_logo {
  width: 584px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000; }
  .pg_logo span {
    display: block; }
 @media (max-width: 1200px) {
    .pg_logo {
      width: 38vw; } }
 @media (max-width: 750px) {
    .pg_logo {
      width: 45vw; } }
 
.pg_title {
  width: 250px;
  position: absolute;
  top: 0%;
  left: 0%;
  transform: translate(-1%, -1%);
  z-index: 1001; }
  .pg_title span {
    display: block; }
  @media (max-width: 1200px) {
    .pg_title {
      width: 20vw; } }
  @media (max-width: 750px) {
    .pg_title {
      width: 35vw; } }

.area_title {
	background-image: url("../img/estate/title_bg.jpg");
	background-repeat:  no-repeat;
	background-position: center right;
	background-size: cover;
	text-align: center;
	width: 100%;
	height: 400px;
	color: white;
}


.area_title h1 {
	color:#C0A062;
	font-family: 'Shippori Mincho', serif;
	font-size: 6rem;
	font-style: italic;
	line-height: 1em;
	letter-spacing:0.3em;
	padding: 80px 15px 0;
	margin: 0
}@media (max-width: 750px) {
	.area_title h1{
		padding: 50px 15px 0;
		font-size: 4rem;
}}
.area_title h2 {font-family: 'Shippori Mincho', serif;font-size: 2.5rem; padding: 15px 0 15px; margin: 0;letter-spacing:0.3em;}
.area_title p{
	font-family: 'Shippori Mincho', serif;
	line-height: 2.5em;
	font-size: 1.4rem;
	letter-spacing:0.2em;
}@media (max-width: 750px) {
	.area_title p{
		font-size: 1.3rem;
		letter-spacing:0.1em;
}}

.estate_container_0{background: #000000;width: 100%;padding-top: 20px;}
.estate_container{
	background: #000000;
	color: white;
	width: 1700px;
	margin: 0 auto;
}@media (max-width: 1699px) {
	.estate_container{width: 100%;}}


.estate_container .l_container {
	width:40%;
	height: auto;
	float: left;
	margin:0 5%;
}@media (max-width: 1699px) {
	.estate_container .l_container{
		width:44vw;
		margin:0 3vw;
}}
@media (max-width: 1000px) {
	.estate_container .l_container{
		width:80vw;
		margin:0 10vw;
}}
@media (max-width: 750px) {
	.estate_container .l_container{
		width:90vw;
		margin:0 5vw;
}}


.estate_container .l_container .img_container .img_c img {

    width: 100%;
    height: 1000px;
    object-fit: cover;
}@media (max-width: 1699px) {
	.estate_container .l_container .img_container .img_c img{
		height: 900px;}}
@media (max-width: 1000px) {
	.estate_container .l_container .img_container .img_c img{
		height: 900px;}}
@media (max-width: 750px) {
	.estate_container .l_container .img_container .img_c img{
		height: 650px;}}
	
.estate_container .l_container h2 { 
	-webkit-text-orientation: sideways;
	-ms-writing-mode: tb-rl;
	text-orientation: sideways;
	writing-mode: vertical-rl;
	font-size: 1.7rem;
	letter-spacing:0.5em;
	border-left: 1px solid white;
	height:1000px;
	padding: 5px 150px 5px 5px;
	position: absolute;
	top: 0%;
	left: 0%;
	/*transform: translate(0%, -50%); */
	z-index: 1000;
	background-image: url("../img/estate/l_title_bg.png");
	background-repeat:  no-repeat;
	background-position: top left;
}@media (max-width: 1699px) {
	.estate_container .l_container h2 { 
	font-size: 1.4rem;
	height:900px;}}
@media (max-width: 1000px) {
	.estate_container .l_container h2 { 
	font-size: 1.4rem;
	letter-spacing:0.4em;
	background-position: bottom left;
	height:900px;
	padding: 5px 100px 5px 5px;}}
@media (max-width: 750px) {
	.estate_container .l_container h2 { 
	font-size: 1.2rem;
	letter-spacing:0.4em;
	background-position: bottom left;
	height:650px;
	padding: 5px 100px 5px 5px;
	}}
_::-webkit-full-page-media, _:future, :root .estate_container .l_container h2 { 
	transform: translate(-90%, 0%);
}@media (max-width: 1699px) {
	_::-webkit-full-page-media, _:future, :root .estate_container .l_container h2 { 
		transform: translate(0%, 0%);
	}}
@media (max-width: 1000px) {
	_::-webkit-full-page-media, _:future, :root .estate_container .l_container h2 {
			transform: translate(0%, 0%);
	}}
@media (max-width: 750px) {
	_::-webkit-full-page-media, _:future, :root .estate_container .l_container h2 { 
		transform: translate(0%, 0%);
	}}


.estate_container .clear_f::after{
	content: " ";
    display: block;
    clear: both;}



.estate_container .s_container {
	width:23%;
	height: 860px;
	float: left;
	margin:0 1%;
}@media (max-width: 1699px) {
	.estate_container .s_container{
		width:23vw;
		margin:0 1vw;
		height: 800px;
}}
@media (max-width: 1600px) {
	.estate_container .s_container{
		width:23vw;
		margin:0 1vw;
		height: 760px;
}}
@media (max-width: 1000px) {
	.estate_container .s_container{
		width:42vw;
		height: 740px;
		margin:0 4vw;
}}
@media (max-width: 750px) {
	.estate_container .s_container{
		width:46vw;
		height: 540px;
		margin:0 2vw;
}}
.estate_container .s_container .img_container .img_c img {

    width: 100%;
    height: 650px;
    object-fit: cover;
}@media (max-width: 1699px) {
	.estate_container .s_container .img_container .img_c img{
		height: 600px;}}
@media (max-width: 1600px) {
	.estate_container .s_container .img_container .img_c img{
		height: 550px;}}
@media (max-width: 1000px) {
	.estate_container .s_container .img_container .img_c img{
		height: 550px;}}
@media (max-width: 750px) {
	.estate_container .s_container .img_container .img_c img{
		height: 350px;
	}}
.estate_container .s_container h2 { 
	-webkit-text-orientation: sideways;
	-ms-writing-mode: tb-rl;
	text-orientation: sideways;
	writing-mode: vertical-rl;
	font-size: 1.7rem;
	letter-spacing:0.5em;
	border-left: 1px solid white;
	height:650px;
	padding: 5px 150px 5px 5px;
	position: absolute;
	top: 0%;
	left: 0%;
	//transform: translate(0%, -50%);
	z-index: 1000;
	background-image: url("../img/estate/l_title_bg.png");
	background-repeat:  no-repeat;
	background-position: bottom left;
}
@media (max-width: 1699px) {.estate_container .s_container h2 {height: 600px;background-position: bottom left;}}
@media (max-width: 1600px) {.estate_container .s_container h2 {height: 550px;background-position: bottom left;}}
@media (max-width: 1000px) {
	.estate_container .s_container h2 { 
	font-size: 1.4rem;
	letter-spacing:0.4em;
	background-position: bottom left;
	height: 550px;
	padding: 5px 100px 5px 5px;
}}@media (max-width: 750px) {
	.estate_container .s_container h2 { 
	font-size: 1.2rem;
	letter-spacing:0.4em;
	background-position: bottom left;
	height:350px;
	padding: 5px 100px 5px 5px;
	}}
_::-webkit-full-page-media, _:future, :root .estate_container .s_container h2 { 
	transform: translate(-90%, 0%);
}@media (max-width: 1699px) {
	_::-webkit-full-page-media, _:future, :root .estate_container .s_container h2 { 
			transform: translate(0%, 0%);
	}}
@media (max-width: 1000px) {
	_::-webkit-full-page-media, _:future, :root .estate_container .s_container h2 {
			transform: translate(0%, 0%); 
	}}
@media (max-width: 750px) {
	_::-webkit-full-page-media, _:future, :root .estate_container .s_container h2 { 
		transform: translate(0%, 0%);
	}}
.estate_container .l_container p,
.estate_container .s_container p{
	border-bottom: 1px solid white;
	font-size: 1.7rem;
	letter-spacing:0.5em;
	padding: 15px 5px 5px;
}
.estate_container .l_container h3,
.estate_container .s_container h3{
	font-family: 'Shippori Mincho', serif;
	color:#C0A062;
	font-size: 2.5rem;
	font-style: italic;
	line-height: 1em;
	padding: 15px 5px 7px;
}@media (max-width: 1200px) {
	.estate_container .l_container h3,
	.estate_container .s_container h3{font-size: 1.9rem;}}
@media (max-width: 750px) {
	.estate_container .l_container h3,
	.estate_container .s_container h3{font-size: 1.8rem;}}
.estate_container .l_container address,
.estate_container .s_container address{
	padding: 5px 5px 50px;
	font-size: 1.5rem;
	font-family: 'Shippori Mincho', serif;
}@media (max-width: 750px) {
	.estate_container .l_container address,
	.estate_container .s_container address{font-size: 1.2rem;}}