@charset "utf-8";
/* CSS Document */

/*---------------*/
/* 共通部分 */
/*---------------*/

a {text-decoration: none;}

.dis_none {display: none;}

.f_left {float: left;}

.f_right {float: right;}

.al_center {text-align: center;}

.ml20 {margin-left: 20px;}

.ml30 {margin-left: 30px;}

.ml40 {margin-left: 40px;}

.mb10 {margin-bottom: 10px;}

.mb15 {margin-bottom: 15px;}

.mb20 {margin-bottom: 20px;}

.mb35 {margin-bottom: 35px;}

.mb50 {margin-bottom: 50px;}


.no_text{
	overflow: hidden;
	text-indent: 110%;
	white-space: nowrap;
}

h1 a{
	display: block;
	/* background: url(../images/header_img_logo.gif) top left no-repeat; */
	background-size: contain;
}

.english h1 a{
	display: block;
	/* background: url(../images/header_img_logo_en.gif) top left no-repeat; */
	background-size: contain;
}


.color_01all {color: #e60012;} /*全事業領域*/

.color_02hokan {color: #0D6BA9;} /*保管事業*/

.color_03haisou {color: #41A44A;} /*輸配送事業*/

.color_04tc {color: #E73D36;} /*TC事業*/

.color_05pl {color: #FD6623;} /*3PL事業*/

.color_06engineer {color: #3B499F;} /*エンジニアリング事業*/

.color_07kaigai {color: #982E93;} /*海外事業*/

.color_08jouhou {color: #0B9782;} /*情報システム*/


/*---------------*/
/* body */
/*---------------*/

body {
	background: #e8eced;
	color: #727272;
}

/*---------------*/
/* グローバルナビゲーション */
/*---------------*/

.gnav_mega_area{
	display: none;
}


/*------------------------------*/
/* pc */
/*------------------------------*/

@media screen and (min-width:769px){

main{
	overflow: hidden;
	min-width: 1022px;
}

.main_inner{
	width: 1022px;
	margin: 0 auto;
}

.hover:hover {
	opacity: 0.7;
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
}


/*---------------*/
/* header */
/*---------------*/

header {
	width: 100%;
	background: #fff;
	position: relative;
}

/*一番上のborder*/
/* header:before {
	content: "";
	display: block;
	width: 100%;
	height: 5px;
	background: #018ce1;
} */

/*一番上のborder*/
/* header:after {
	content: "";
	display: block;
	width: 29%;
	height: 5px;
	background: #0072b7;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
} */



h1 {
	height: 100%;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

h1 a{
	width: 235px;
	height: 27px;
	position: relative;
	top: 50%;
	margin-top: -17px;
}




/*----- グローバルナビゲーション -----*/

.toggle {
	display: none;
}








/*---------------*/
/* mainvisual */
/*---------------*/

.main_visual_area{
	position: relative;
	line-height: 0;
}

.main_visual_area .main_ttl img,
.main_visual_area .main_ttl_sub img{
	height: 100%;
	width: auto;
	display: block;
}

.main_visual_area .main_ttl{
    margin-bottom: 3%;
    bottom: 50%;
    left: 5%;
    margin-top: -165px;
    height: 147px;
    position: absolute;
}

.main_visual_area .main_ttl_sub{
    top: 50%;
    left: 5%;
    margin-top: 0px;
    height: 68px;
    position: absolute;
}


.main_visual{
	width: 100%;
	min-width: 1022px;
}

.main_visual img{
	width: 100%;
}

/*---------------*/
/* コンテンツエリア */
/*---------------*/

.main_inner{
	position: relative;
}


/*---------------*/
/* sidenav */
/*---------------*/

.snav{
	float: left;
	background-color: #F8F8F8;
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	margin-left: 0;
	height: 100%;
}

.snav > ul{
	width: 235px;
	/*border-top: 1px solid #cacaca;*/
	background-color: #f8f8f8;/*追記*/
}


/* 第1階層,第2階層共通 */
.snav ul li a,
.snav ul li span{
	display: block;
	font-size: 13px;
	padding: 20px 20px 20px 35px;
	color: #727272;
	background-color: #dddddd;
	border-bottom: 1px solid #cacaca;
	cursor: pointer;
}

/* 第2階層 */
.snav ul li ul li a,
.snav ul li ul li span{
	padding: 20px 20px 20px 53px;
	background-color: #ffffff;
}

.snav ul li a:before{
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	/*margin-right: 5px;*/
	background: url(../images/sidenav_arrow_off.png) top left no-repeat;
    position: absolute;
    margin-left: -18px;
}

.snav ul li > a:hover,
.snav ul li.current > a{
	color: #FFFFFF;
	background: #018ce1;
}

.snav ul li > a:hover:before,
.snav ul li.current > a:before{
	background: url(../images/sidenav_arrow_on.png) top left no-repeat;
}

/*開閉可能*/
.snav ul li.has_child > a:before{
	background: url(../images/sidenav_arrow_down.png) top left no-repeat;
}
.snav ul li.has_child > a:hover:before{
	background-position: bottom;
}

.snav ul li.has_child.open > a:before{
	background: url(../images/sidenav_arrow_up.png) top left no-repeat;
}
.snav ul li.has_child.open > a:hover:before{
	background-position: bottom;
}

.snav_sub{
	display: none;
	position: relative;
	overflow: hidden;
}

/*----- カラー -----*/

.snav .nav02_01:hover a,
.snav .nav02_01.current a{
	background-color: #E60012;
}

.snav .nav02_02:hover a,
.snav .nav02_02.current a{
	background-color: #0D6BA9;
}

.snav .nav02_03:hover a,
.snav .nav02_03.current a{
	background-color: #E73D36;
}

.snav .nav02_04:hover a,
.snav .nav02_04.current a{
	background-color: #41A44A;
}

.snav .nav02_05:hover a,
.snav .nav02_05.current a{
	background-color: #FD6623;
}

.snav .nav02_06:hover a,
.snav .nav02_06.current a{
	background-color: #3B499F;
}

.snav .nav02_07:hover a,
.snav .nav02_07.current a{
	background-color: #982E93;
}

.snav .nav02_08:hover a,
.snav .nav02_08.current a{
	background-color: #0B9782;
}

.snav .nav03_01:hover a,
.snav .nav03_01.current a{
	background-color: #018CE1;
}

.snav .nav03_02:hover a,
.snav .nav03_02.current a{
	background-color: #018CE1;
}

.snav .nav03_03:hover a,
.snav .nav03_03.current a{
	background-color: #018CE1;
}

.snav .nav03_04:hover a,
.snav .nav03_04.current a{
	background-color: #018CE1;
}

.snav .nav03_05:hover a,
.snav .nav03_05.current a{
	background-color: #018CE1;
}

.snav .nav03_06:hover a,
.snav .nav03_06.current a{
	background-color: #018CE1;
}

.snav .nav03_07:hover a,
.snav .nav03_07.current a{
	background-color: #018CE1;
}

.snav .nav03_08:hover a,
.snav .nav03_08.current a{
	background-color: #018CE1;
}

/*---------------*/
/* コンテンツエリア */
/*---------------*/

.content{
	float: right;
	width: 737px;
	padding: 20px 0 100px 50px;
}

.content h3{
	display: block;
	border-radius: 7px;
	padding: 20px 20px;
	font-size: 	24px;
	color: #ffffff;
	font-weight: normal;
	margin-bottom: 30px;
	margin-top:50px;
}

.content .dashedline h4{
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 5px;
}

/*---------------*/
/* パンくずリスト */
/*---------------*/

.breadcrumb{
	margin-bottom: 25px;
}

.breadcrumb ul li{
	display: inline-block;
}

.breadcrumb ul li a{
	color: #727272;
	text-decoration: none;
}

.breadcrumb ul li a:hover{
	text-decoration: underline;
}

.breadcrumb ul li:after{
	content: " > ";
}

.breadcrumb ul li:last-child:after{
	content: none;
}


/*---------------*/
/* リード文 */
/*---------------*/

.lead{
	background: url(../images/lead_bg_pc.png) top left no-repeat;
	width: 740px;
	height: 304px;
	margin-left: -3px;
	position: relative;
	margin-bottom: -20px;
}

.english .lead{
	background-image: url(../images/lead_bg_en_pc.png);
}

.lead img{
	display: block;
	position: absolute;
	top: 4px;
	left: 3px;
}


/*---------------*/
/* メインコンテンツエリア */
/*---------------*/

.content_inner > p{
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 20px;
}

.content_inner > div{
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 20px;
}

.content_inner .left{
	float: left;
	margin-right: 15px;
}

.content_inner .right{
	float: right;
	margin-left: 15px;
}

.content_inner hr{
	display: block;
	height: 9px;
	margin-bottom: 20px;
	border: none;
}

.content_inner .dashedline{
	border: 2px dashed ;
	border-radius: 8px;
	padding: 25px;
}


/*---------------*/
/* toppage btn */
/*---------------*/

.toppage {
	width: 30px;
	height: 30px;
	border-radius: 20px;
	background: #018ce1;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: fixed;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
}

.toppage:before {
	border: solid transparent;
	content: " ";
	height: 0px;
	width: 0;
	position: absolute;
	pointer-events: none;
	left: 26px;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 9px;
	margin-left: -20px;
}

/*---------------*/
/* footer */
/*---------------*/


/* PC */


/*------------------------------*/
/* sp */
/*------------------------------*/

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

	body {
		background: #fff;
		margin-top: 50px;
	}

	/* header*/

	

	main {
		position: relative;
	}


	/*----- サイドナビ（非表示） -----*/

	.snav{
		display: none;
	}


	/*----- メインビジュアル -----*/

	.main_visual_area{
		position: relative;
		margin-bottom: 5%;
		height: auto;
	}

	.main_visual_area .main_ttl img,
	.main_visual_area .main_ttl_sub img{
		height: 100% !important;
		width: auto !important;
		display: block;
	}

	.main_visual_area .main_ttl{
		position: absolute;
		bottom: 50%;
		left: 5%;
		margin-bottom: 3%;
		/*height: 20% !important;*/
		display: block;
	}

	.main_visual_area .main_ttl_sub{
		position: absolute;
		top: 50%!important;
		left: 5%;
		margin-top: -1%;
		height: 15%;
	}

	.main_visual{
		width: 100%;
	}

	.main_visual img{
		width: 100%;
	}


	/*----- パンくずリスト（非表示） -----*/

	.breadcrumb{
		display: none;
	}


	/*----- リード文 -----*/

	.lead{
		width: 100%;
	}

	.lead img{
		display: block;
		width: 100%;
		margin: 0 0 5% 0;
		/*margin: 0 5% 5%;*/
	}


	/*----- コンテンツエリア -----*/

	.content{
		float: right;
		width: 90%;
		padding: 0 5% 5%;
	}

	.content h3{
		display: block;
	border-radius: 5px;
		padding: 10px 10px;
		font-size: 14px;
		color: #ffffff;
		font-weight: normal;
		margin-bottom: 5%;
		line-height: 1.2;
	}

	.content .dashedline h4{
		font-size: 13px;
		font-weight: normal;
		margin-bottom: 15px;
	}

	/*----- メインコンテンツエリア -----*/

	.content_inner > p{
		font-size: 12px;
		line-height: 1.5;
		margin-bottom: 5%;
	}

	.content_inner > div{
		font-size: 12px;
		line-height: 1.5;
		margin-bottom: 5%;
	}

	.content_inner hr{
		display: block;
		height: 5px;
		margin-bottom: 5%;
		border: none;
	}

	.content_inner .dashedline{
		border: 2px dashed ;
	border-radius: 8px;
		padding: 16px 10px;
	}

	.content_inner img{
		width: 100%;
	}

	.content_inner .no_br_sp br{
		display: none;
	}


	/*-----toppage-----*/
	.toppage {
		width: 30px;
		height: 30px;
		border-radius: 20px;
		background: #018ce1;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position: relative;
		bottom: -20px!important;
		left: 88%;
		cursor: pointer;
	}

	.toppage:before {
		border: solid transparent;
		content: " ";
		height: 0px;
		width: 0;
		position: absolute;
		pointer-events: none;
		left: 26px;
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #fff;
		border-width: 9px;
		margin-left: -20px;
	}

	/*-----footer-----*/

}



/* 19.05.13 */
.clearfix:after { content:url(../images/dummy.gif); display:block; clear:both; height:0; }
.clearfix { display:inline-block; }
/* Mac IE Exclusion \*/
.clearfix { display:block; }
/* */