@charset "UTF-8";

/*---------------------------------
	TRACTOR TOP CSS
---------------------------------*/
#trmainimage{display: flex;position:relative;max-width:950px;width: 100%;margin:0 0 25px;padding:0;background:url(../tractor/mainimgback.jpg) top left repeat-x}


#trmainimage	.ttle	{display: none}
#trmainimage .text	{width: calc(100% - 560px);}

#trmainimage .text	span{display: block;padding: 120px 38px;color:#fff;font-size:11px;letter-spacing:0;font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,sans-serif}


#trmainimage .trphoto	img{width: 560px;height: 300px;object-fit: cover;}

/*リンクスペースwrap*/
.linspacearea{overflow:hidden;zoom:100%}

/*リンクスペース左*/
#tlinkspace{float:left;position:relative;width:513px;height:175px;margin:5px 27px 5px 5px;}

/*リンクスペース中*/
.tlinkspace02{float:left;position:relative;width:200px;height:180px;}
/*リンクスペース右*/
.tlinkspace03{float:left;position:relative;width:170px;height:180px;}

.tlinkspace02,.tlinkspace03		{display:block;margin:19px 0 0 0}
	
#tlinkspace .t02{position:absolute;top:30px;left:35px;font-size:20px}
#tlinkspace		#wbuton,#tlinkspace		#ebuton,#tlinkspace #nbuton,#tlinkspace #kbuton{position:absolute;left:300px}	
#tlinkspace #ebuton a,#tlinkspace #nbuton a,#tlinkspace #wbuton a,#tlinkspace #kbuton a{width:180px;padding:7px 0;font-size:1pc;text-align:center}

.linkbtn	a	{font-weight: normal;}
	
#tlinkspace #wbuton{top:20px;}
#tlinkspace #ebuton{top:70px}
#tlinkspace #kbuton{top:120px}

#Wayof a{background:-webkit-linear-gradient(180deg,#98d544,#c8e07c);background:linear-gradient(180deg,#98d544,#c8e07c);border-radius:10px;}

.blend-gradient {
background: -webkit-linear-gradient(180deg, rgb(152, 213, 68), rgb(200, 224, 124));
background: linear-gradient(180deg, rgb(152, 213, 68), rgb(200, 224, 124));
}

#Recon	a{
background: -webkit-linear-gradient(180deg, rgb(174, 105, 168), rgb(241, 198, 234));
background: linear-gradient(180deg, rgb(174, 105, 168), rgb(243, 177, 231));
border-radius: 10px;
}

#Recon a,#Wayof a,.tlinkspace03 .linkbtn2 a{display:block;width:150px;height:38px;font-size:18px;line-height:36px;margin-bottom:20px;text-decoration:none;text-align: center}


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

#trmainimage{display: block;background:url(../tractor/tractor_main_bg.png) top left repeat-x}
#trmainimage	.ttle	{display: block;margin: 0 5%;padding: 30px 0 0 0;}
#trmainimage .text	{width: 90%;margin: 0 5.5%;}
#trmainimage .text	span{padding: 0 0 20px 0;}
#trmainimage .trphoto	{display: block;padding: 0 0 20px 0;text-align: center;}
#trmainimage .trphoto	img{max-width: 560px;width: 90%;height: auto;margin: 0 auto;}

#tlinkspace{float:none; width: 97%;margin-bottom: 20px;}
.tlinkspace02,.tlinkspace03{width:48%;}

#tlinkspace .t02{position:absolute;top:30px;left:4%;font-size:20px}
#tlinkspace		#wbuton,#tlinkspace		#ebuton,#tlinkspace #nbuton,#tlinkspace #kbuton{position:absolute;left:50%}	
}

.tlinkspace03	.linkbtn2	a.howto{
	font-size: 13px;
	}

@media only screen and (max-width: 480px) {
#tlinkspace{width:auto;height:320px;margin-bottom: 40px;}
#tlinkspace .t02{position:absolute;top:20px;left:4%;font-size:20px}

#tlinkspace		#wbuton,#tlinkspace		#ebuton,#tlinkspace #nbuton,#tlinkspace #kbuton{position:absolute;left: 4%;width: 92%;margin: 0;}
#tlinkspace #ebuton a,#tlinkspace #nbuton a,#tlinkspace #wbuton a,#tlinkspace #kbuton a{width:100%;padding:16px 0;text-align: center}


#tlinkspace #wbuton{top:73px}
#tlinkspace #ebuton{top:155px}
#tlinkspace #kbuton{top:236px}

.tlinkspace02,
.tlinkspace03{float:none;width:100%;margin: 0;padding: 0;height: auto;}

#Recon a,#Wayof a,.tlinkspace03 .linkbtn2 a{display:block;width:auto;height:40px;margin: 0 4%;line-height:40px;margin-bottom:30px;}

}


