@charset "UTF-8";
/***********************************************
TGC CSS information
File Name : base.css
Style Info : ライン不動産／ラインビジョン用指定
Last modified : :2019
***********************************************/



*{
	margin:0;
	padding:0px;
	}

@media print, screen and (min-width: 770px){
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }






.buildingowner_set1 {
	margin:20px 0 0 0;
	padding:0;
	width:1000px; 
	text-align:left;
	float:left;
}

.buildingowner_set1 .copy{
	margin:20px 0 0 0;
	padding:0;
	width:550px; 
	height:522px;
	text-align:left;
	float:right;
	line-height:1.4em;
       background: url(../buildingowner/img/pht02.jpg) no-repeat right bottom; 
}



.buildingowner_set1 .pht{
	margin:0 30px 0 0;
	padding:0;
	width:420px; 
	text-align:left;
	float:left;
}




.buildingowner_set2 {
	margin:30px 0 0 0;
	padding:0;
	width:1000px; 
	text-align:left;
	float:left;
	line-height:1.6em;
}


.buildingowner_set2 .left{
	margin:0;
	padding:0;
	width:500px; 
	text-align:left;
	float:left;
}

.buildingowner_set2 .right{
	margin:0 0 0 30px;
	padding:0;
	width:470px; 
	text-align:left;
	float:left;
}

.buildingowner_set2 .right img{
	margin:180px 0 10px 0;
	padding:0;
	text-align:left;
	float:left;
}


.buildingowner_set2 .headtitle {
	margin:70px 0 0 0;
	padding:0 0 10px 10px;
	width:460px;
	text-align:left;
	float:left;
	font-size:22px;
	color:#094c06;
	background: linear-gradient(#ffffff 0%, #ffffff 80%, #84aa82 100%);
	border-bottom: solid 1px #244e23;
	border-left: solid 2px #244e23;
	}

.buildingowner_set2 .copy1{
	margin:0 0 5px 0;
	padding:20px 10px 0 10px;
	width:450px; 
	height:250px;
	text-align:left;
	float:left;
       background: url(../buildingowner/img/pht03-1.jpg) no-repeat center bottom;
}

.buildingowner_set2 .copy2{
	margin:0 0 5px 0;
	padding:20px 10px 0 10px;
	width:450px; 
	height:250px;
	text-align:left;
	float:left;
       background: url(../buildingowner/img/pht03-4.jpg) no-repeat center bottom;
}
.buildingowner_set2 .copy3{
	margin:0 0 5px 0;
	padding:20px 10px 0 10px;
	width:450px; 
	height:250px;
	text-align:left;
	float:left;
       background: url(../buildingowner/img/pht03-2.jpg) no-repeat center bottom;
}

.buildingowner_set2 .copy4{
	margin:0 0 5px 0;
	padding:20px 10px 0 10px;
	width:450px; 
	height:250px;
	text-align:left;
	float:left;
       background: url(../buildingowner/img/pht03-3.jpg) no-repeat center bottom;
}

.buildingowner_set2 .copy5{
	margin:0 0 5px 0;
	padding:20px 10px 0 10px;
	width:450px; 
	height:250px;
	text-align:left;
	float:left;
       background: url(../buildingowner/img/pht03-5.jpg) no-repeat center bottom;
}




.buildingowner_set2 .tel{
	margin:0;
	padding:5px;
	width:460px;
	height:80px;
	text-align:center;
	float:left;
	font-size:16px;
	line-height:2em;
	border: solid 2px #115919;
	border-radius:10px;
	background: linear-gradient(#84aa82 0%, #115919 100%);
	color:#ffffff;
}


.buildingowner_set2 .mail{
	margin:0 0 0 ;
	padding:10px 5px 0 5px;
	width:460px;
	height:80px;
	text-align:center;
	float:left;
	font-size:2em;
	line-height:2em;
	border: solid 2px #152e67;
	border-radius:10px;
	background: linear-gradient(#5b7fd2 0%, #152e67 100%);
	color:#ffffff;
}





}



@media only screen and (max-width: 770px) {

/* スマホで見たときは"sp"のclassがついた画像が表示される */

.sp { display: block !important; }
.pc { display: none !important; }

img {
  max-width: 100%;
  height: atuo;
}

.buildingowner_set1 {
	margin:20px 0 0 0;
	padding:0;
	width:100%; 
	text-align:left;

}

.buildingowner_set1 .copy{
	margin:20px 0 0 0;
	padding:2%;
	width:96%; 
	text-align:left;
	float:right;
	line-height:1.4em;
       background: url(../buildingowner/img/pht02.jpg) no-repeat right bottom; 
	background-size:100%;
}



.buildingowner_set1 .pht{
	margin:0 30px 0 0;
	padding:0;
	width:100%; 
	text-align:left;

}




.buildingowner_set2 {
	margin:30px 0 0 0;
	padding:0;
	width:100%; 
	text-align:left;

	line-height:1.6em;
}


.buildingowner_set2 .left{
	margin:0;
	padding:0;
	width:100%; 
	text-align:left;

}

.buildingowner_set2 .right{
	margin:0;
	padding:0;
	width:100%; 
	text-align:left;

}

.buildingowner_set2 .right img{
	margin:50px 0 10px 5%;
	padding:0;
	text-align:left;
	width:90%; 
}


.buildingowner_set2 .headtitle {
	margin:30px 0 0 0;
	padding:0 3% 2% 3%;
	width:93%;
	text-align:left;
	font-size:1.2em;
	color:#094c06;
	background: linear-gradient(#ffffff 0%, #ffffff 80%, #84aa82 100%);
	border-bottom: solid 1px #244e23;
	border-left: solid 2px #244e23;
	}

.buildingowner_set2 .copy1{
	margin:0;
	padding:5%;
	width:90%; 
	text-align:left;
       background: url(../buildingowner/img/pht03-1.jpg) no-repeat center bottom;
	background-size:100%;
}

.buildingowner_set2 .copy2{
	margin:0;
	padding:5%;
	width:90%; 
	text-align:left;

       background: url(../buildingowner/img/pht03-4.jpg) no-repeat center bottom;
	background-size:100%;
}
.buildingowner_set2 .copy3{
	margin:0;
	padding:5%;
	width:90%; 
	text-align:left;

       background: url(../buildingowner/img/pht03-2.jpg) no-repeat center bottom;
	background-size:100%;
}

.buildingowner_set2 .copy4{
	margin:0;
	padding:5%;
	width:90%; 
	text-align:left;

       background: url(../buildingowner/img/pht03-3.jpg) no-repeat center bottom;
	background-size:100%;
}

.buildingowner_set2 .copy5{
	margin:0;
	padding:5%;
	width:90%; 
	text-align:left;

       background: url(../buildingowner/img/pht03-5.jpg) no-repeat center bottom;
	background-size:100%;
}




.buildingowner_set2 .tel{
	margin:0 0 0 3%;
	padding:5px;
	width:90%;
	text-align:center;
	font-size:0.8em;
	line-height:1.1em;
	border: solid 2px #115919;
	border-radius:10px;
	background: linear-gradient(#84aa82 0%, #115919 100%);
	color:#ffffff;
}

.buildingowner_set2 .tel a {
	color:#fef163;
	text-decoration: none;
	}

#bukken_syousai_set4 .tel a:hover {
	color:#fef163;
	}


.buildingowner_set2 .mail{
	margin:20px 0 0 3%;
	padding:5px;
	width:90%;
	text-align:center;
	font-size:1.2em;
	line-height:2em;
	border: solid 2px #152e67;
	border-radius:10px;
	background: linear-gradient(#5b7fd2 0%, #152e67 100%);
	color:#ffffff;
}



}