@charset "utf-8";
/*-----------------------------------------------------
common
--------------------------------------------------------*/
	.forPC,
	.forSP{display:none;}
	.forTB{display:inherit;}

/*-----------------------------------------------------
tablet
--------------------------------------------------------*/
img {max-width:100%; height:auto;}
html{font-size:10px;}
body{font-size:1.5rem;}



/*----------------------------------------------------
local --- top
-------------------------------------------------------*/
/* lead
----------------------------------------------------*/
.toppage #lead{
	padding-top:3.5%;
	padding-bottom: 7%;
}
 /* service
----------------------------------------------------*/
.toppage #service{padding: 8.7% 20px 7.89%;}
.toppage #service .inner + .inner{ margin-top: 18%;}
.toppage #service .inner#service02 .txtBox .txtIn h3{font-size: 1.9vw;}

 /* news
----------------------------------------------------*/
.toppage #news{padding:8.77% 0 15.78%;}
 /* team
----------------------------------------------------*/
.toppage #team .bgBox{	padding: 7.89% 0 5.26%;}
 /* message
----------------------------------------------------*/
.toppage #message{padding:17.5% 20px 13%;}
 /* company
----------------------------------------------------*/
.toppage #company{padding:11.4% 20px 16.66%;}
 /* contact
----------------------------------------------------*/
.toppage #contact .bgBox{padding:8.77% 0 10%;}
.second.contact #contact{padding:8.77% 0 10%;}

.second.contact #contact .thanks{padding: 8% 0;}

/*----------------------------------------------------
local 
-------------------------------------------------------*/
 /* service
----------------------------------------------------*/
#container.service{
	padding-top:3.9%;
	padding-bottom: 16%;
}
#serviceLead .wrapBox .txtBox{padding: 6% 0 5% 2.6%;}
#serviceLead .wrapBox .txtBox h2{font-size: 2em;}
#serviceLead .wrapBox .imgBox{left:15px;}

#serviceOutline{
	padding-top:11%;
	padding-bottom:4.3%;
}
#serviceOutline h2{margin-bottom: 7%;}
#serviceOutline .inner{padding: 0 0 8.77%;}
#serviceOutline .inner .txtBox,
#serviceOutline .inner#wholesale{padding-left:5%;}
#serviceOutline .inner .imgBox{padding-right: 30px;}
#serviceOutline .inner .txtBox{padding-right: 15px;}

#container.service #produce .wrapBox .txtBox{padding: 6% 0 5.2% 4.3%;}
#container.service #produce .wrapBox .txtBox h2{font-size: 2.8vw;}
#container.service #produce .wrapBox .imgBox{left: 15px;}

/* pager
--------------*/
.pagination{padding-bottom: 10%;}