@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. 基本
　01. 

******************************************************************************* */
/* ==

　00. 基本

=============================================================================== */
/* 基本モジュール
------------------------------------------------------------------------------- */
.container div:after{ content:''; display:block; clear:both; }

.mainVisual{
	min-width:1200px;
	height:200px;
	margin-bottom:100px;
	line-height:200px;
	text-align:center;
}
.mainVisual h1{
	font-size:36px;
	color:#fff;
}

p.lead{
	margin:0 0 100px;
	text-align:center;
	font-size:130%;
}




/* ==

　01. 

=============================================================================== */

.bg{
	min-width:1200px;
	margin:0;
	padding:0;
	background:#ebeced url(../../../images/rn03/thinking/bgImg01.jpg) right bottom no-repeat;
	overflow:hidden;
	zoom:1;
	clear:both;
}
.bg div h2{ margin-bottom:60px; font-size:32px; text-align:center; }

.demandBlock{
	width:45%;
	padding:100px 0 100px 2%;
	background-color:#252526;
	color:#fff;
	position:relative;
	float:left;
}
.demandBlock:after{
	content:"";
	width:120px;
	height:99.999%;
	background-color:#252526;
	transform:skewX(-6.5deg) scale(1.0);
	position:absolute;
	top:0;
	right:-60px;
	z-index:5;
}

.supplyBlock{
	width:53%;
	padding:100px 0;
	float:left;
}
.demandBlock .colBlock,
.supplyBlock .colBlock{
	width:472px;
	margin:0 auto;
	position:relative;
	z-index:10;
}
.demandBlock .col,
.supplyBlock .col{
	width:220px;
	margin:0 8px 40px;
	float:left;
}

.demandBlock .col p,
.supplyBlock .col p{ font-size:130%; }
.demandBlock .col p.numTxt,
.supplyBlock .col p.numTxt{
	padding:2px 10px;
	font-size:200%;
	line-height:1.3;
	color:#fff;
	text-align:center;
}
.demandBlock .col .img,
.supplyBlock .col .img{ padding:37px 0 24px; text-align:center; }


.demandBlock .col.demand01 p.numTxt{ background-color:#df4c9c; }
.demandBlock .col.demand02 p.numTxt{ background-color:#ef982f; }
.demandBlock .col.demand03 p.numTxt{ background-color:#ffc43c; }
.demandBlock .col.demand04 p.numTxt{ background-color:#73c8a9; }

.supplyBlock .col.supply01 p.numTxt{ background-color:#d0dd47; }
.supplyBlock .col.supply02 p.numTxt{ background-color:#4894d2; }
.supplyBlock .col.supply03 p.numTxt{ background-color:#a479be; }
.supplyBlock .col.supply04 p.numTxt{ background-color:#e54b53; }



.msg{
	min-width:1200px;
	margin:0 0 100px;
	padding:80px 0;
	background-color:#26466c;
	color:#fff;
	text-align:center;
	zoom:1;
	clear:both;
}
.msg p{ font-size:40px; }
.msg p span{
	border-bottom:8px solid #fff;
	display:inline-block;
}




.colBlock02{
	width:1120px;
	margin:0 auto 100px;
	zoom:1;
	clear:both:
}
.colBlock02 .col{
	width:544px;
	margin:0 0 0 32px;
	float:left;
}
.colBlock02 .col:first-child{ margin-left:0; }
.colBlock02 .col div.img{ padding:0; }
.colBlock02 .col div{
	padding:40px 30px;
	background-color:#252526;
	color:#fff;
}
.colBlock02 .col h3{
	margin:0 0 25px;
	font-size:200%;
	font-weight:200;
}
.colBlock02 .col p{ margin-bottom:40px; font-size:130%; }

.colBlock02 .col ul{ font-size:140%; }
.colBlock02 .col li{
	margin-bottom:10px;
}
.colBlock02 .col li a{
	padding-right:20px;
	background:url(/business/logistics/common/images/rn03/ico_arrow01.png) right center no-repeat;
	color:#fff;
	text-decoration:none;
}