/* メイン背景
----------------------------------*/
.main_bg {
    background-image: url(../img/home/main_bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
.bg_w {
    background-color: #FFFFFF;    
}

/* pc_leftareaエリア
----------------------------------*/
.pc_leftarea{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100vh;
    padding: 3%;
    width: 50%;
}
@media all and (max-width: 991px) {
  .pc_leftarea {
    display: none;    
  }
}
.pc_logo{
	width: 20vw; 
}
.pc_leftarea_nav{
    margin-left: 3%;
    margin-top: 50px;
}
.pc_leftarea_nav li{
    margin-bottom: 15px;
    font-size: 15px;
}
.pc_leftarea_nav li a{
    color: #FFFFFF;    
}
.pc_leftarea_nav li a:hover{
    color: #00B45D;
}
.pc_leftarea_copy{
    width: 20vw;    
    position: absolute;
    bottom: 5%;
}
/* pc_rightarea
----------------------------------*/
.pc_rightarea{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
	height: 100vh;
	width: 50%;
}
@media all and (max-width: 991px) {
  .pc_rightarea {
    display: none;    
  }
}

.side_btn {		
	width: 180px;	
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
	background: #F2F2F2;
	padding-bottom: 10px;	
	padding-right: 5px;
	padding-left: 5px;
	position: absolute;
	top: 5%;
    right: 5%;
}
.pc_rightarea_land{
    width: 25vw;
    position: absolute;
    bottom: 5%;
    right: 5%;
}
@media all and (max-width: 1550px) {
.pc_rightarea_land{
    width: 22vw;
}
}
/* z2_area
----------------------------------*/
.z2_area{
    position: relative;    
    z-index: 2;
}
/* common
----------------------------------*/
.common_ttl{
	font-family: "Noto Sans JP", sans-serif;
	font-weight:400;
	font-size:25px;
	margin-top:10%;
	margin-bottom:5%;
    color:#4d4d4d;
}
.common_ttl2{
	font-family: "Noto Sans JP", sans-serif;
	font-weight:400;
	color:#fff;
	font-size:25px;
	margin-top:10%;
	margin-bottom:5%;
    
}
/* main
----------------------------------*/
.main_ttl{
	font-family: "Noto Sans JP", sans-serif;
	font-weight:400;
	font-size:23px;
	margin-top:5%;
	margin-bottom:8%;
    color:#4d4d4d;
}
.main_ttl2{
	font-family: "Noto Sans JP", sans-serif;
	font-weight:400;
	color:#fff;
	font-size:23px;
	margin-top:5%;
	margin-bottom:8%;
}
.main_ttl3{
	font-family: "Noto Sans JP", sans-serif;
	font-weight:400;
	color:#fff;
	font-size:23px;
	margin-top:8%;
	margin-bottom:8%;
}
.main_ttl4{
	font-family: "Noto Sans JP", sans-serif;
	font-weight:400;
	font-size:23px;
	margin-top:8%;
	margin-bottom:8%;
    color:#4d4d4d;
}
.main_ttl5{
	font-family: "Noto Sans JP", sans-serif;
	font-weight:400;
	font-size:22px;
	margin-top:5%;
	margin-bottom:5%;
    color:#4d4d4d;
}
.main_ttl6{
	font-family: "Noto Sans JP", sans-serif;
	font-weight:400;
	color:#fff;
	font-size:23px;
	margin-top:2%;
	margin-bottom:2%;
}
@media (max-width: 575px) {
.main_ttl{
	font-size:21px;
}
.main_ttl2{
	font-size:21px;
}
.main_ttl3{
	font-size:21px;
}
.main_ttl4{
	font-size:21px;
}
.main_ttl5{
	font-size:19px;
}
.main_ttl6{
	font-size:21px;
}
}
.main_read{
	font-family: "Noto Sans JP", sans-serif;
	font-weight:300;
	font-size:14px;
	margin-top:5%;
	margin-bottom:1%;
	line-height: 1.8;
    color:#4d4d4d;
}
.main_read2{
	font-family: "Noto Sans JP", sans-serif;
	font-weight:300;
	font-size:14px;
	margin-top:5%;
	margin-bottom:5%;
	line-height: 1.8;
    color:#fff;
}
.main_read3{
	font-family: "Noto Sans JP", sans-serif;
	font-weight:500;
	font-size:18px;
	margin-top:5%;
	margin-bottom:1%;
	line-height: 1.8;
    color:#4d4d4d;
}
.main_read4{
	font-family: "Noto Sans JP", sans-serif;
	font-weight:300;
	font-size:14px;
	margin-top:1%;
	margin-bottom:3%;
	line-height: 1.8;
    color:#fff;
}
.main_img{
    text-align:right;
	margin-top:-50%;
}
@media (max-width: 991px) {
    .main_img{
	margin-top:-20%;
}
}
.main_img2{
    margin-top:8%;
    margin-bottom:2%;
}
.main_box{
    background-color: #fff;
	padding:8%;
	margin-top:5%;
	margin-bottom:5%;
}
.main_ttlbox{
    background-color: #4d4d4d;
    color: #fff;
    font-size: 23px;
    padding-top: 1%;
    padding-right: 3%;
    padding-left: 3%;
    padding-bottom: 1%;
    margin-top: 5%;
    margin-bottom: 5%;
    font-weight:500;
}
@media (max-width: 575px) {
.main_ttlbox{
    font-size: 21px;
}
}
.main_ttlbox2{
    background-color: #808080;
    color: #fff;
    font-size: 23px;
    padding-top: 1%;
    padding-right: 3%;
    padding-left: 3%;
    padding-bottom: 1%;
    margin-top: 5%;
    margin-bottom: 5%;
    font-weight:500;
}
@media (max-width: 575px) {
.main_ttlbox2{
    font-size: 21px;
}
}
/* plan_area
----------------------------------*/
.plan_ttl{
    color: #404040;
    font-size: 22px;
    padding-top: 8%;
    font-weight: 500;
    border-bottom: 1px solid #404040;
    padding-bottom:2%;
    margin-bottom:1%;
}
.plan_ttl span{
    font-size: 29px;
    border-bottom-width: 1px;
}
.plan_ttl2{
    color: #4d4d4d;
    font-size: 22px;
    padding-top: 1%;
    padding-right: 3%;
    padding-left: 3%;
    padding-bottom: 1%;
    margin-top: 5%;
    margin-bottom: 5%;
    font-weight:500;
}
.plan_ttl span{
    font-size: 30px;
}
.plan_ttl3{
    color: #4d4d4d;
    font-size: 18px;
    margin-top: 3%;
    margin-bottom: 1%;
    font-weight:500;
}
.plan_ttl4{
    color: #4d4d4d;
    font-size: 18px;
    margin-top: 5%;
    margin-bottom: 3%;
    font-weight:500;
}
.plan_read{
 color: #4d4d4d;
    font-size: 14px;
    margin-top: 1%;
    margin-bottom: 4%;   
}
.plan_read2{
 color: #4d4d4d;
    font-size: 14px;
    margin-top: 1%;
    margin-bottom: 1%;   
}
.plan_read3{
 color: #4d4d4d;
    font-size: 14px;
    margin-top: 1%;
    margin-bottom: 5%;   
}

/*マーター動画*/

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

.matter_ttl{
    font-size: 30px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 2px solid #93B54F;
    font-weight: 500;
    color: #93B54F;
}
.matter_read{
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
    
    font-weight: 500;
    color: #4d4d4d;
}
/* 操作方法 */
.matterport_back{
    background-color: #F7F9EB;
	padding: 15px;
}
.matter_space2{
    padding: 15px;
	margin-top: 60px;
}
.matter_space3{
   margin-bottom: 10px;

}
.method_ttl {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.4;
    color: #333333;
    border: 1px solid #000000;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}
.method_ttl2 {
    font-size: 19px;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 1.4;
    color: #FFF;
    /*border: 1px solid #000000;*/
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-left: 0px;
    text-align: center;	
    background-color: #93B54F;
}
.method_ttl3 {
    font-size: 19px;
    margin-top: 30px;
	margin-bottom: 30px;
    line-height: 1.4;
    color: #333333;
    border: 1px solid #000000;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    text-align: center;
}
.method_tx {
    margin-top: 10px;
	font-size: 18px;
	margin-bottom: 0px;
	line-height: 2;
	color: #333333;
	border-bottom: 1px solid #93B54F;
}
.method_tx2 {
    font-size: 15px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.6;
    color: #333333;
    padding-left: 20px;
}
.method_tx3 {
    font-size: 15px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.6;
    color: #333333;
    text-align: center;
}
.method_tx4 {
    font-size: 15px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.6;
    color: #333333;
    text-align: center;
}
/*ロケーション*/
.loca_img{
    margin-top:10%;
    margin-bottom:1%;
    
}
.z_index_loca{
    position:relative;
    z-index:102;
}
@media (max-width: 991px) {
    .z_index_loca{
    z-index:0;
}
}
/*物件概要*/
.outline_ttl{
 	font-family: "Noto Sans JP", sans-serif;
	font-weight:400;
	font-size:18px;
	margin-top:5%;
	margin-bottom:5%;
    color:#4d4d4d;
   
}
.outline_box {
  padding-top: 3%;
    width:auto;
}
.outline-table > tbody > tr > th,
.outline-table > tbody > tr > td {
  vertical-align: middle;
  padding-top: 15px;
  padding-bottom: 15px;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4d4d4d;
    
}

.outline-table th {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4d4d4d;
    
	color: #4d4d4d;
	text-align: center;
	width: 32%;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 300;
	background-color: #fff;
}
.outline-table td {
  color: #5d5d5d;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  /*font-size: 14px;*/
  letter-spacing: 1px;
  padding-left:5%;
    padding-right:5%;
}
@media (max-width: 470px) {
.outline-table th {
	font-size:14px;
    width: 26%;
}
.outline-table td {
  font-size:14px;
}
}
.outline-table > thead > tr > th {
  border: none;
}


.matterport_back img {
    max-width: 100%;
    height: auto;
}
/*アンダーライン*/

.under_read{
    background-color: #91B34F;
    color: #FFFFFF;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 6px;
    padding-bottom: 8px;
    
    
}
@media (max-width: 575.98px) {
.under_read{
    font-size: 13px;
}
}
/* footer_area
----------------------------------*/
.footer_area{
    background-color: #FFFFFF;
    padding-top: 3%;
    padding-right: 3%;
    padding-bottom: 3%;
    padding-left: 3%;
    text-align: center;
}
.foot_tel {
	font-size: 30px;
	color: #390;
	font-weight: bold;
}
.foot_tel a{
	color: #390;
}
.foot_tel a:visited{
	color: #390;
}
.foot_add {
	font-size: 14px; 
    margin-top: 5px;
}
.foot_tx {
	font-size: 12px; 
    margin-top: 5px;
}

/* 共通
------------------------------------------------------------*/
.lp_line{
    border-bottom: 1px solid #4D4D4D;
    margin-top:5%;
    margin-bottom:5%;
}
.swiper-wrapper {
    transition-timing-function: linear;
}
.swiper-slide {
    height: auto;
}
.swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.responsive-video{
 width: 100%;
    height: 100%;
    object-fit: cover;
}
.lp_caution{
    font-size:14px;
    margin-top:10px;
    color:#4D4D4D;
}