@charset "utf-8";


/*---------------------------------------------
	body
  ---------------------------------------------*/
  html{ scroll-behavior: smooth;}
body {
	/*もとのフォント
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	*font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	*/
	font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
	background-color: #fff;
	color: #000;
	font-size: 16px;
	line-height: 1.8;
	text-align: left;
	-webkit-text-size-adjust: 100%;
}

.color_brown{color: #925127;}

/*---------------------------------------------
	Anchor
  ---------------------------------------------*/

a {	outline: none;}
a:link {text-decoration: none;color: #893203;}
a:visited {text-decoration: none;color: #893203;}
a:hover {	text-decoration: underline;	color: #E95205;}
a:active {	text-decoration: none;	color: #893203;}

/*---------------------------------------------
 ** メイン画像
---------------------------------------------*/
#distribution .main_img {background: url(../img/main_img/distribution.jpg) center 0 no-repeat;}
#logistics .main_img {background: url(../img/main_img/logistics.jpg) center 0 no-repeat;}
#warehouse .main_img {background: url(../img/main_img/warehouse.jpg) center 0 no-repeat;}
#about .main_img {background: url(../img/main_img/about.jpg) center 0 no-repeat;}
#recruit .main_img {background: url(../img/main_img/recruit.jpg) center 0 no-repeat;}
#contact .main_img {background: url(../img/main_img/contact.jpg) center 0 no-repeat;}
#news .main_img {background: url(../img/main_img/contact.jpg) center 0 no-repeat;}

/*---------------------------------------------
 ** common div
---------------------------------------------*/
#content	{ width:100%; clear:both;}

/*---------------------------------------------
 ** width
---------------------------------------------*/
.w_200{width:200px;}
.w_250{width:250px;}
.w_270{width:270px;}
.w_280{width:280px;}
.w_300{width:300px;}
.w_400{width:400px;}
.w_420{width:420px;}
.w_440{width:440px;}
.w_880{width:880px !important;}
.w_1040{width:980px;}

/*---------------------------------------------
 **  color
---------------------------------------------*/
.cf{color: #FFF;}
.bl{color: #2B57B8;}
.gr{color: #18ABAD;}
/*---------------------------------------------
	p
---------------------------------------------*/
p {margin-bottom: 1em; }

/*---------------------------------------------
 ** margin
---------------------------------------------*/
.m0a{margin: 0 auto;}

.mt20{margin-top:20px !important;}

.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}

.mlr5{ margin-left: 5%; margin-right: 5%;}


/* インナーカラムのマージン　オフ */
.inner_clounm{margin-bottom:0!important;}

/*---------------------------------------------
 ** float
---------------------------------------------*/
.float_L{ float:left;}
.float_R{ float:right;}

.img_R{ float:right; margin:0 0 0 30px;}
.img_L{ float: left; margin:0 30px 0 0 ;}
.img_C{ float: left; margin:0  0 20px 0 ;}

/*---------------------------------------------
 ** float解除
---------------------------------------------*/
.over_zoom{_zoom: 1;	overflow: hidden;}
.clear	{ width:100%; height:3px; font-size:2px; clear:both;}

/*---------------------------------------------
 ** ON OFF hover
---------------------------------------------*/
.hover {-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.hover:hover{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }

/*---------------------------------------------
 **  画像角丸
---------------------------------------------*/
/* img{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} */

/*---------------------------------------------
 **  ページトップ
---------------------------------------------*/
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
    z-index: 999;
}

#pageTop a {
  display: block;

  padding: 11px 3px 0px 3px;
  border-radius: 30px;
  width: 44px;
  height: 38px;
  background-color: #E95405;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
/*---------------------------------------------
 **   text-align
---------------------------------------------*/
.tac{ text-align: center !important;}

/*---------------------------------------------
 **  position
---------------------------------------------*/
.por{position: relative;}
/*---------------------------------------------
 ** ボタン
---------------------------------------------*/

/* ボタンアニメーション　設定　ぷにょん */
@keyframes gelatine {
from,to {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
from,to {
-webkit-transform: scale(1, 1);transform: scale(1, 1);}
25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
}
@-webkit-keyframes gelatine {
from,to {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
from,to {
-webkit-transform: scale(1, 1);transform: scale(1, 1);}
25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
}








/*---------------------------------------------
 ** パンくずリスト
---------------------------------------------*/
nav#breadcrumbs ol{padding: 20px 0 0 0;}

nav#breadcrumbs ol li {  display: inline;  list-style-type: none;  font-size:80%; }
nav#breadcrumbs ol li a{color:#1F1F2C;}
nav#breadcrumbs ol li:before {  content: " > ";}
nav#breadcrumbs ol li:first-child:before {  content:"";}



/** 採用ページスタイル（ワードプレス） **/

#rec_table table{
  text-align: left;
  border:solid 1px #e5e5e5;
  margin: 40px auto 10px;
  width: 100%;
}
#rec_table table th{
  width: 20%;
	font-weight: bold;
	border-right:solid 1px #e5e5e5;
	border-bottom:solid 1px #e5e5e5;
	border-top: solid 1px #e5e5e5;
	background-color:#fafafa;
	padding: 15px 0;
	text-align: center;
}
#rec_table table td{
  width:74%;
  border-bottom:solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	padding: 15px 3%;
	background: #FFF;
}



/*=================================================================================================================================*/
/** 個別指定 for スマートフォン
/*=================================================================================================================================*/
@media screen and (max-width: 320px) {
}

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

body{color:#444;}

.img_box{ margin-bottom:20px;}
/* fook */
.only_tab, .only_pc	{display:none;}
.only_sp		{display:inline;}
.only_sp_none {display:none!important; }
.sp_br{display: inline;}

/*画像*/
img{max-width:100%; height:auto;}

/*---------------------------------------------
 ** box ブロック SP
---------------------------------------------*/
/* コンテンツ全体 */
#content{ width:100%;}
#main			{margin-bottom: 0px;padding: 20px  0 0 0px;}




/* フッター　左右 */
#ftrL,#ftrR{ margin-bottom:30px; padding: 0 5%;}


/* コピーライト */
#copyright{font-size:10px;padding: 15px 15px 16px 15px;text-align:center;background: #00AEC1;color: #FFF;}
}

/*=================================================================================================================================*/
/** 個別指定 for タブレット
/*=================================================================================================================================*/
 @media screen and (min-width: 741px) and (max-width: 979px) {

 /* fook */
.only_sp, .only_pc	{display:none;}
.only_tab		{display:inline;}
.only_tab_none {display:none!important; }
.sp_br{display: none;}

/*---------------------------------------------
 ** box ブロック TAB
---------------------------------------------*/
/* コンテンツ全体 */
#content{ width:100%;}
#main{margin-bottom:50px;padding: 20px  0 0 0px;}


/* フッター　左右 */
#ftrL,#ftrR{margin-bottom:30px;padding: 0 2%;width: 46%;float: left;}


/* コピーライト */
#copyright{font-size:10px;padding: 15px 15px 16px 15px;text-align:center;background: #00AEC1;color: #FFF;}
}


/*=================================================================================================================================*/
/**  個別指定 for PC	*/
/*=================================================================================================================================*/
@media screen and (min-width: 980px) {

/* fook */
.only_tab, .only_sp	{display:none;}
.only_pc		{display:inline;}
.only_pc_none {display:none!important; }
.sp_br{display: none;}


/*---------------------------------------------
 **  box ブロック PC
---------------------------------------------*/
/* コンテンツ全体 */
#content{ width:100%;}
#main{width: 100%;margin: 0 auto;padding: 75px 0 0px;}

/*---------------------------------------------
 **  PC専用 width
---------------------------------------------*/
.w260{width: 260px !important;}
.w450{width: 450px !important;}
.w515{width: 515px !important;}
.w690{width: 690px !important;}
.w850{width: 850px !important;}
.w1100{width:1100px !important;}


/*---------------------------------------------
 ** margin
---------------------------------------------*/
.mrl50{margin-right: 50px; margin-left: 50px;}

.company_block p{
	text-align:left!important;
}
.company_block p.txtR{
	text-align:right!important;
}
}


/* Pマーク */
.pmark {  padding: 15px; display: inline-block; margin-left: 15px;}
.pmark img{ width: 85px !important;}
.pmarkwrap{ width: 100% !important; background: #fff; margin: 50px 0 20px 0 !important; text-align: center;}
.pmarkwrap a{ color: #444 !important;}