@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; }


.support_headcopy{
	margin:15px 0 15px 0;
	padding:0;
	width:1000px; 
	text-align:center;
	float:left;
	font-size:18px;
	line-height:1.4em;
}



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

.support_set1 .head{
	margin:15px 0 0 0;
	padding:0;
	width:1000px; 
	text-align:left;
	float:left;
	font-size:32px;
	line-height:2em;
       background: url(../support/img/backline.png) repeat-x ;

}

.support_set1 .head img{
	margin:0 15px 0 0;
	padding:0;
	text-align:right;
	float:left;
}


.support_set1 .copy{
	margin:20px 0 0 50px;
	padding:0;
	width:350px; 
	text-align:left;
	float:left;
	font-size:18px;
	line-height:1.4em;
}

.support_set1 .copy2{
	margin:20px 0 0 50px;
	padding:0;
	width:950px; 
	text-align:left;
	float:left;
	font-size:18px;
	line-height:1.4em;
}

.support_set1 .pht{
	margin:0 0 0 0;
	padding:0;
	width:600px; 
	text-align:right;
	float:left;
}

.support_point {
	margin:50px 0 0 0;
	padding:10px 0 10px 0;
	width:1000px; 
	text-align:center;
	float:left;
	background-color: #fff691;
	border-radius: 20px;
}

.support_set2 {
	margin:0 0 0 20px;
	padding:10px 0 10px 0;
	width:960px; 
	text-align:left;
	float:left;
}

.support_set2 .head{
	margin:15px 0 0 0;
	padding:0;
	width:960px; 
	text-align:left;
	float:left;
	font-size:32px;
	line-height:2em;
       background: url(../support/img/backline.png) repeat-x ;

}

.support_set2 .head img{
	margin:0 15px 0 0;
	padding:0;
	text-align:right;
	float:left;
}


.support_set2 .copy{
	margin:20px 0 20px 50px;
	padding:0;
	width:430px; 
	text-align:left;
	float:left;
	font-size:18px;
	line-height:1.4em;
}



.support_set2 .pht{
	margin:0 0 20px 0;
	padding:0;
	width:480px; 
	text-align:right;
	float:left;
}






}



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

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

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

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

.support_headcopy{
	margin:15px 0 15px 0;
	padding:0;
	width:100%; 
	text-align:center;

	font-size:18px;
	line-height:1.4em;
}



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

}

.support_set1 .head{
	margin:30px 0 0 0;
	padding:0;
	width:100%; 
	text-align:left;
	font-size:1.3em;
	line-height:2.5em;
       background: url(../support/img/backline.png) repeat-x bottom;
display: flex;
flex-wrap: wrap;
}

.support_set1 .head img{
	margin:0 5px 0 0;
	padding:0;
	text-align:right;
	width:18%; 
	height:18%;
}


.support_set1 .copy{
	margin:5px 0 0 5%;
	padding:0;
	width:95%; 
	text-align:left;
	line-height:1.4em;
}

.support_set1 .copy2{
	margin:5px 0 0 5%;
	padding:0;
	width:95%; 
	text-align:left;
	line-height:1.4em;
}

.support_set1 .pht{
	margin:10px 0 0 5%;
	padding:0;
	width:95%; 
	text-align:right;

}

.support_point {
	margin:50px 0 0 0;
	padding:10px 0 10px 0;
	width:100%; 
	text-align:center;
	background-color: #fff691;
	border-radius: 20px;
}

.support_set2 {
	margin:0 0 0 20px;
	padding:10px 0 10px 0;
	width:95%px; 
	text-align:left;

}

.support_set2 .head{
	margin:5px 0 0 0;
	padding:0;
	width:95%px; 
	text-align:left;
	font-size:1.3em;
	line-height:2.5em;
       background: url(../support/img/backline.png) repeat-x bottom;
display: flex;
flex-wrap: wrap;
}

.support_set2 .head img{
	margin:0 5px 0 0;
	padding:0;
	text-align:right;
	width:18%; 
	height:18%;

}


.support_set2 .copy{
	margin:20px 0 20px 5%;
	padding:0;
	width:90%; 
	text-align:left;
	line-height:1.4em;
}



.support_set2 .pht{
	margin:0 0 20px 0;
	padding:0;
	width:90%; 
	text-align:right;

}


}