@charset "utf-8";

img{width: 100%; height: auto;}
.tac{text-align: center;}

/*-----------------------------------------------------	*/
/*  個別指定 for tab	*/
/*-----------------------------------------------------	*/
 @media screen and (min-width: 741px) and (max-width: 979px) {

#main { margin-bottom: 0 !important;}
#top #main{padding: 0px 0 0px;}

.pc_only{ display: none;}

/*---------------------------------------------
 **  カラム
---------------------------------------------*/
.bg_01{background: url(../img/common/bg_01.jpg) -50px -50px no-repeat;padding: 60px 0 30px;}
.bg_light_blue{background: #F3F5FA;padding: 45px 0 45px;}
.bg_white{background: #FFF;padding: 45px 0 45px;}

/*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/
#header{width: 100%;margin: 0; }

/* ヘッダー上 */
.header_wrapper{width: 1200px;margin: 0 auto;}
.header_top_inner{width: 1200px; margin: 0 auto ;}

/* ロゴ */
#logo {}
#logo a{
	display:block;
	width: 150px;
	height: 135px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background: url(../img/common/logo.png) no-repeat;
	background-size: 100%;
	padding:0;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 9;
}


/*---------------------------------------------
 **  メインイメージ　TOP
---------------------------------------------*/
#top #header{width: 100%;position:relative;z-index:1;}
#top .main_img_h{width: 90%;height: 81px;position: absolute;top: 0;right:0;left:0;margin: 215px auto 0;background:url(../img/main_img/main_h.png) 0 no-repeat;background-size: 100%;text-indent: -999em;}


/*---------------------------------------------
 ** メインイメージ（中ページ）
---------------------------------------------*/
.main_img		{width: 100%;background: url(../img/main_img/main_01.png) center 62px no-repeat;float: left;}
#top .main_img	{height: 419px;}
.main_img		{height: 320px;}

/* 見出し（中ページ） */
.main_img_h{margin: 180px 0 0 0;font-size: 40px;letter-spacing:10pt;font-weight:bold;line-height: 105%;font-style:italic;color:rgb(255,255,255);text-align:center;text-shadow:2px 2px 0px rgba(0,0,0,0.35);}
.main_img_h span{display:block;font-size: 16px;letter-spacing:4px;font-style: normal;}

/*---------------------------------------------
 **  メイン下の３カラム
---------------------------------------------*/
.top_main_3_wrapper{ width: 100%; height: 300px; float: left; border-top: 10px solid #E95405; border-bottom: 10px solid #E95405;}
.top_main_3_wrapper dl{width: calc((33.3% - 40px));height: calc((100% - 40px));float:left;position:relative;padding:20px;}
.top_main_3_wrapper a:nth-of-type(1) dl{ background: url( ../img/top/top_bg_01.jpg) center center no-repeat; background-size:cover;}
.top_main_3_wrapper a:nth-of-type(2) dl{ background: url( ../img/top/top_bg_02.jpg) center center no-repeat; background-size:cover;}
.top_main_3_wrapper a:nth-of-type(3) dl{ background: url( ../img/top/top_bg_03.jpg) center center no-repeat; background-size:cover;}
.top_main_3_wrapper dl:before{width:calc((100% - 40px)); height: calc((100% - 40px)); position: absolute; top: 0px; left: 0px; background-color:rgba(49,49,64,0.8); content: ''; margin:20px; }

.top_main_3_wrapper dl dt{margin: 45px 0 18px 0;position:relative;color:#FFF;}
.top_main_3_wrapper dl dd{position:relative;color:#FFF;padding: 0px 20px 0px;}

.top_main_3_wrapper dl:after{width:22px;height:19px;position: absolute;bottom: 30px;right: 30px;content: '';width: 0;height: 0;border-style: solid;border-width: 0 0 19px 19px;border-color: transparent transparent #ffffff transparent;}



/*---------------------------------------------
 ** フッター記述
---------------------------------------------*/
#footer{position: relative;margin: 0;padding: 0 0 0 0;overflow: hidden;background: #20202F;}

/* フッターインナー */
.footer_inner{width: 100%;margin: 0px auto 0;position:relative;overflow: hidden;}

/* フッターロゴ */

#footer #logo {width: 100%;float:left;background:#E95405;}
#footer #logo a{
	display:block;
	width: 80px;
	height: 80px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background: url(../img/common/logo.png) no-repeat;
	background-size: 100%;
	padding:0;
	position: relative;
	margin: 0px auto;
}
/* コピーライト */

#copyright		{font-size: 0.8em;width:100%;text-align:center;padding: 15px 0 12px 0;color: #1F1F2E;float: left;letter-spacing: 5px;background: #F6F6F6;margin: 0px 0 0 0;}

/* pagetop */
#pagetop{display:none;}
#pagetop a img{width: 173px;position:absolute;right: calc((100% - 173px)/2);top: 98px;}

/* footer　右側 */
.footer_R{width: 100%;float: left;}

/* フッター３カラム */
.top_footer_3_wrapper{width: 100%;/* height: 300px; */float: left;border:none;}
.top_footer_3_wrapper dl {width: calc((33% - 0px));float:left;position:relative;padding:0;}
.top_footer_3_wrapper dl dt{height: 69px;padding: 35px 0 0 0;}
.top_footer_3_wrapper a:nth-of-type(1) dl dt{ background: url( ../img/top/top_bg_01.jpg) center center no-repeat; background-size:cover;}
.top_footer_3_wrapper a:nth-of-type(2) dl dt{ background: url( ../img/top/top_bg_02.jpg) center center no-repeat; background-size:cover;}
.top_footer_3_wrapper a:nth-of-type(3) dl dt{ background: url( ../img/top/top_bg_03.jpg) center center no-repeat; background-size:cover;}
.top_footer_3_wrapper dl dt:before{width:calc((100% - 40px));height: 85px;position: absolute;top: 0px;left: 0px;background-color:rgba(49,49,64,0.8);content: '';margin: 20px;z-index: 0;}
.top_footer_3_wrapper dl dd{margin: 20px 6% 30px;float:left;color:#F1F1F1;}
.top_footer_3_wrapper dl:after{width:22px;height:19px;position: absolute;bottom: 10px;right: 5%;content: '';width: 0;height: 0;border-style: solid;border-width: 0 0 19px 19px;border-color: transparent transparent #ffffff transparent;}

/* フッターボトム */
.footer_bottom{width: 100%;float: left;margin-left: 0;border-top: 1px dashed #FFF;padding: 27px 0 0px 0;position: relative;}
.footer_bottom dl{width: 42%;}
.footer_bottom dl dt{background-color:rgb(233,84,5);width: 100%;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;text-align: center;color: #FFF;font-weight: bold;padding: 5px 0 3px 0;float: left;}
.footer_bottom dl dd{width: 100%;float: left;color: #FFF;margin: 16px 0 20px 0px;font-size: 16px;text-align: center;}
.footer_bottom dl:nth-of-type(1) {font-size: 20px;float:left;margin: 0 5% 25px 5%;}
.footer_bottom dl:nth-of-type(2) {font-size: 20px;float:left;margin: 0 5% 25px 0%;}




/*---------------------------------------------
 **  TOPページ コンテンツ
---------------------------------------------*/
.top_ul_01{ width: 100%; height: 100%; margin-bottom: 20px; _zoom: 1; overflow: hidden;}
.top_ul_01 li{width: 100%;float: left;font-size: 20px;}
.top_ul_01 li:before{content:"●"; font-size:16px;z-index: 1;margin: 0px 8px 0 0;padding: 0px 0 0px 0; color: #E95405;}

.top_ul_02{ }
.top_ul_02 li{width: 33%;margin-right: 0px;float: left;}

/* 関西エリアの大型倉庫 */
.top_souko_list{/* position: absolute; *//* top: 0; *//* right: 0; */width: 90%;margin: 0 5% 20px;text-align: center;}
.top_souko_list li{background: #0085B2;padding: 8px 20px;display: inline-block;margin-left: 5px;font-size: 16px;font-weight: bold;color: #FFF;display: inline-block;}

.top_souko_dl dl dd{background: #20202F;color: #FFF;font-size: 16px;text-align: center;font-weight: bold;padding: 8px 8px 8px;position: relative;}
.top_souko_dl dl dd:before{width: 43px;height: 20px;position: absolute;bottom: 44px;left: 0px;right:0;margin:0 auto;content: '';width: 0;height: 0;border-style: solid;border-width: 0 21.5px 20px 21.5px;border-color: transparent transparent #20202f transparent;}

 .souko_new:after{width: 51px;height: 48px;position: absolute;top: 0px;right: 0px;background: url( ../img/top/news.png) no-repeat;content: '';background-size: 100%;}
 .reizou:after{width: 91px;height: 100px;position: absolute;top: -10px;right: -10px;background: url( ../img/logistics/reizou.png) no-repeat;background-size: 100%;content: '';}

 /* お知らせ */
.news dl dt{width: 33px;height: 127px;float:left;background: url( ../img/title/title.png) 0 0 no-repeat;text-indent: -999em;float:left;margin: 0 20px 0 0;}
.news dl dd{line-height: 1.6;}

.news.clounm_3 .box_half{width: 100% !important; margin-bottom:15px;}


 /*---------------------------------------------
 **  倉庫管理
---------------------------------------------*/
.list_blue {width:100%;margin: 0 0 30px; _zoom: 1; overflow: hidden;}
.list_blue li{
	font-weight:bold;
	background-color:#6A84B9;
	width: 100%;
	padding:1px 0px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin-bottom: 15px;
	float: left;
	text-align:center;
	font-size: 20px;
	color:#FFF;
}
.list_blue li:nth-of-type(3){margin: 0;}

/* アマコウで出来ること */
.dl_box{width: calc((33.33% - 26px));vertical-align: top;margin-bottom:25px;float: none;display: inline-block;border: 3px solid #E95405;}
.dl_box:nth-of-type(3n){margin-right: 0; }

.dl_box_wrapper {display:flex;flex-wrap:wrap;justify-content: space-between;}
.dl_box {width: 31.1%;}
.dl_box dt{ background:#E95405; text-align:center; padding:10px 0; font-size:26px; color:#FFF; }
.dl_box dd{padding:20px;}
.dl_box dd img{ margin:0 0 15px; }




dl.unyoujirei {margin-bottom: 40px;_zoom: 1;overflow: hidden;}
dl.unyoujirei:last-child{margin-bottom:0;}
dl.unyoujirei dt p:nth-of-type(1){text-align:center;font-size:20px;font-weight:bold;margin: 0 0 10px;}
dl.unyoujirei dd{float: left;}
.naiyou{background: #6A84B9;font-size: 20px;text-align: center;padding: 10px 16px;margin: 0 0 55px;color: #fff;}
.teian{border: 2px solid #E95405;font-size: 20px;text-align: center;padding: 10px 15px;color: #E95305;position: relative;background: #FFF;}
.teian:after{width: calc((103px)/2);height: calc((129px)/2);position: absolute;top: -50px;left: 0px;right: 0;background: url( ../img/distribution/icon_01_sp.png) no-repeat;background-size: 100%;content: '';margin: 0 auto;}
/* その他さまざまなご要望にお応えいたします！ */
.goyoubou { text-align:center;}
.goyoubou img{margin-bottom: 0px;}
.goyoubou h3{ text-align:center;}
.goyoubou p{ text-align:left;}

/* お問い合わせ */
.inner_contact{text-align:center;}
.inner_contact p{border-bottom: 1px dashed #BBBBBB;text-align: center;font-size: 16px;padding-bottom: 10px;margin-bottom: 30px;}
.inner_contact_tel{width: calc((924px)/3);height: calc((165px)/3);background:  url( ../img/common/inner_tel.png) 0 0 no-repeat;background-size: 100%;margin-right: 45px;text-indent: -999em;display: inline-block;}
.inner_contact_con{width: calc((700px)/3);height: calc((170px)/3); background:  url( ../img/common/inner_contact.png) 0 0 no-repeat;background-size: 100%;  text-indent: -999em; display:inline-block; }




/*---------------------------------------------
 **  倉庫管理
---------------------------------------------*/
.logistics_list{  text-align: center;}
.logistics_list li {background: #6A84B9;display: inline-block;color: #fff;padding: 3px 15px;margin: 15px 0 0px;width: 80%;}

.logistics_img_01 {width: 370px;height: auto;}

/*---------------------------------------------
 **  流通加工
---------------------------------------------*/
.warehouse_track_dl { width:calc((25% - 25px)); float:left; margin:0 30px 0 0; }
.warehouse_track_dl:nth-of-type(4){ margin:0;}
.warehouse_track_dl dt img{display:block;margin: 0 0 15px;}
.warehouse_track_dl dt {font-size:26px;font-weight:bold;padding:0 0 5px;color:#E95205;text-align: center;}
.warehouse_track_dl dt span {background:#9CADD0;font-size: 14px;color:#FFF;display:inline-block;padding: 0px 10px;float: right;margin: 5px 0 8px 0;width: calc((100% - 20px));text-align: center;}

.warehouse_ul { width:33%; float:left; margin: 0 0 20px; }
.warehouse_ul li{ font-size:18px; position:relative; padding:3px 0 0 20px; }
.warehouse_ul li:before{position: absolute; top: 2px; left: 0px; content: '●'; font-size:15px; color:#E95205; }

/* テーブル */
.about_table  {
	text-align: left;
	border:solid 1px #e5e5e5;
	margin: 0 auto;
	width: 100%;
}

.about_table th {
	width: 130px;
	font-weight: bold;
	border-right:solid 1px #e5e5e5;
	border-bottom:solid 1px #e5e5e5;
	border-top: solid 1px #e5e5e5;
	background-color:#fafafa;
	padding: 15px 25px;
	text-align: center;
}
.about_table td {
	border-bottom:solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	padding: 15px 40px 15px 40px;
	background: #FFF;
}

.about_table dl { display:table; }
.about_table dl dt { display:table-cell; width:130px;  }

.about_table ul li{display:inline-block;margin:0 1.5em 10px 0;position: relative;padding: 2px 0 0 15px;}
.about_table ul li:before{position: absolute;top: 7px;left: 0px;content: '●';font-size: 8px;color: #E95405;}

/* googleMAP */
.googlemap {width:100%;height: 350px;}

.map_p{text-align: center;padding: 25px 0 0;font-size: 20px;font-weight: bold;}


.recruit   {border-width:0;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;border-style:solid;padding: 20px 30px 20px 30px;margin:0 auto;overflow:hidden; text-align: left;}
.recruit p { counter-reset: number; text-align:center; font-size:100%;}
.bt_rec{text-align: center;}
.bt_rec a{margin:30px auto;}

/* お問い合わせ */
.contact_tel img{ width:500px; height:auto; margin:30px auto 0; }

form#mail_form{ width: 100% !important;}




/* 倉庫保管 */
.souko_d_h3 {background: #1F1F2C;display: block;padding: 12px 0;margin: 0 auto 15px;color: #FFF;width: 160px;text-align: center;}
.souko_dl_type_01 dl { margin:0 0 25px; }
.souko_dl_type_01 dl dt { margin:0 0 15px; font-size:20px;  }
.souko_dl_type_01 dl dt span { background:#6A84B9; padding:10px 15px; color:#FFF; margin:0 15px 0 0;  }
.souko_dl_type_01 dl dd { padding:0 0 0 30px;  }

.souko_dl_type_02 dl {width:100%;float:left;border-top:1px solid #20202F;display: table;}
.souko_dl_type_02 dl:last-of-type { border-bottom:1px solid #20202F;}
.souko_dl_type_02 dl dt{width:130px;color:#FFF;padding:10px 15px;background:#6A84B9;font-weight:bold;text-align:center;display: table-cell;vertical-align: top;}
.souko_dl_type_02 dl:nth-of-type(1) {font-size:20px;}
.souko_dl_type_02 dl:nth-of-type(1) dt{ background:#E95405; }


.souko_dl_type_02 dl dd{ padding:10px 15px;  float:left;}

.souko_dl_type_03 dl { }
.souko_dl_type_03 dl dt{ background:#009F64; padding:10px 15px; float:left; color:#FFF; margin:0 15px 0 0;  }
.souko_dl_type_03 dl dd{float:left;}
.souko_dl_type_03 dl table{border:1px solid #CCC;width: 100%;text-align:center;}
.souko_dl_type_03 dl table th{ border:1px solid #CCC;    }
.souko_dl_type_03 dl table td{ border:1px solid #CCC;   }

.souko_tsuyomi {  }
.souko_tsuyomi li {font-weight: bold;font-size: 16px;margin-bottom: 10px;position:relative;padding: 0 0 0 30px;}
.souko_tsuyomi li:after{position: absolute; top: 0px; left: 0px;  content: '■'; color: #E95405; }

.souko_voice {  display: flex; flex-wrap: wrap; }
.souko_voice dl {width: calc((50% - 95px));background:#EEEEEF;padding: 33px 40px 65px;position:relative;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.souko_voice dl:nth-of-type(1n) { margin:0 15px 50px 0;  }
.souko_voice dl:nth-of-type(2n) { margin:0 0px 50px 15px;  }
.souko_voice dl:after{width: 80px; height: 103px; position: absolute;   bottom: -30px;  right: 30px; content: ''; }

.souko_voice dl:nth-of-type(1):after{ background: url( ../img/logistics/voic_a.png) no-repeat; }
.souko_voice dl:nth-of-type(2):after{ background: url( ../img/logistics/voic_b.png) no-repeat; }
.souko_voice dl:nth-of-type(3):after{ background: url( ../img/logistics/voic_c.png) no-repeat; }
.souko_voice dl:nth-of-type(4):after{ background: url( ../img/logistics/voic_d.png) no-repeat; }

.souko_voice dl dt {font-size:22px;color:#E95205;font-weight:bold;position: absolute;top: -18px;}


.souko_voice dl dt {font-size:22px;color:#E95205;font-weight:bold;position: absolute;top: -18px;}

.warehouse_track_dl_2{ border: 2px solid #E95205; display: table; width: 100%;}
.warehouse_track_dl_2 dt {font-size: 26px;background: #E95205;text-align: center;vertical-align: middle;color: #FFF;}
.warehouse_track_dl_2 dd	{padding: 20px 20px 20px;_zoom: 1;overflow: hidden;}
.warehouse_track_dl_2 dd ul {}
.warehouse_track_dl_2 dd ul li {width: calc((50% - 26px));float:left;position:relative;padding: 0 0 0 26px;margin:0 0 6px;}
.warehouse_track_dl_2 dd ul li:after{ position: absolute; top: 0px; left: 0px; color:#E95205; content: '■';  }


.about_g span{ font-size:30px; font-weight:bold; margin:0 0 10px 0; }

/* 個人情報保護方針 20190712追加 */
.privacy li{
	list-style-type: decimal;
	padding-left:0.8em;
	margin-left:1em;
	margin-bottom:0.8em;
}
.privacy dl{
	margin:0 0 20px;
}
.privacy dl dd{
	margin-left:1.5em;
}

.privacy2{
	text-align: center;
}
.privacy2 dl{
	background:#eee;
	display: inline-block;
	padding:30px 50px;
	margin:0 auto;
}
.privacy2 dt{
	font-weight: bold;
	font-size:140%;
	background:#444;
	color:#fff;
	margin-bottom:20px;
	padding:5px 20px;
}
.privacy2 dd{
	font-size:120%;
	text-align: left;
}
.privacy_link{
	color:#fff;
  display: block;
  text-align:right;
  margin-right:20px;
}
.privacy_link a{
	color:#fff;
}
.privacy_link a:hover, .privacy_link a:active{
	color:rgb(233,84,5);
}


/* 採用情報カスタムフィールド追加 */
.rec_tbl_head{
	width:100%;
	display: flex;
}
.rec_tbl_head dt{
	width:35%;
	padding:1% 3%;
	text-align: center;
	font-weight: bold;
	color:#fff;
	background:#E95205;
	border-right:3px solid #fff;
}
.rec_tbl_head dd{
	width:58%;
	padding:1% 3% 0;
	text-align: center;
	color:#fff;
	font-weight:bold;
	background:#E95205;
}
.rec_list{
	width:100%;
}
.rec_list dl{
	display: flex;
}

.rec_list dl:nth-child(2n-1){
	background:#eee;
}
.rec_list dl dt{
	width:35%;
	padding:1% 3%;
	text-align: left;
	font-weight: bold;
}
.rec_list dl dd{
	width:58%;
	padding:1% 3%;
	text-align: left;
}
.rec_list dl dd a{
	display:inline-block;
	padding:2px 4% 0 3%;
	position: relative;
	margin-right:3%;
	border:1px solid #E95205;
	background:#fff;
	font-size:90%;
	color:#E95205;
  margin-bottom:1%;
}
.rec_list dl dd a:hover,
.rec_list dl dd a:active{
	background:#E95205!important;
	color:#fff!important;
	text-decoration: none;
}
.rec_list dl dd a::after{
	content:'\025b6';
	display:block;
	position:absolute;
	top:5px;
	right:5px;
	font-size:60%;
}

}