@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. top
　03. case

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

/* 基本モジュール
------------------------------------------------------------------------------- */

.container div:after{ content:''; display:block; clear:both; }
.container p, 
.container dt, 
.container dd, 
.container th, 
.container td, 
.container ul, 
.container ol {
    font-size: 140%;
}
.container .cvBlock p{
	font-size:116%;
}

.floatR {float: right; clear: none; margin-left:20px;}
.floatL {float: left; clear: none; margin-right:20px;}
.btn_list{
	text-align:center;
	margin-top:20px;
}
.btn_list a{
	position:relative;
	width:100%;
	max-width:400px;
	margin:0 auto;
	padding:10px 10px 10px 25px;
	color:#fff;
	border-radius: 5px;
	background:#939598;
	font-size:14px;
	font-weight:normal;
	text-decoration: none;
	transition:0.2s;
}
.btn_list a:hover{
	background:#c33;
}
.btn_list a:before{
	position:absolute;
	content:"";
	top:17px;
	left: 5px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* case帯
------------------------------------------------------------------------------- */
.case_area{
	min-width:1240px;
	width:100%;
	background:#c33;
	color:#fff;
	text-align:center;
}
.case_area_in{
	width:950px;
	margin: 0 auto;
	padding: 7px 47px 7px 7px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	position: relative;
	text-align:right;
	box-sizing: border-box;
}
.case_area_in span{
    width: 20px;
    margin: 0;
    padding: 7px;
    background-color: #939598;
    color: #fff;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

/* mainVisual
------------------------------------------------------------------------------- */
.mainVisual{
	min-width:1240px;
	height:200px;
	margin-bottom:50px;
	line-height:200px;
	text-align:center;
	background:#efefef;
}
.mainVisual h1{
	font-size:36px;
	color:#fff;
}

#case .mainVisual{
	min-width:1240px;
	height:auto;
	padding:0 10px;
	line-height:1.6;
	box-sizing: border-box;
}
#case .mainVisual .mainVisual_in{
	width:950px;
	padding:30px 0;
	margin:0 auto;
	text-align:left;
	box-sizing: border-box;	
	background-position: right bottom;
	background-repeat: no-repeat;
}
#case .mainVisual .mainVisual_in p{
	font-size:18px;
	font-weight: bold;
}
#case .mainVisual .mainVisual_in h1{
	color:#333;
}
#case .mainVisual .mainVisual_in h1 span{
	font-size:20px;
}
#case .mainVisual_in_case7{ background-image:url(/business/logistics/casestudy/images/rn01/bg_title07.jpg); }
#case .mainVisual_in_case6{ background-image:url(/business/logistics/casestudy/images/rn01/bg_title06.jpg); }
#case .mainVisual_in_case5{ background-image:url(/business/logistics/casestudy/images/rn01/bg_title05.jpg); }
#case .mainVisual_in_case4{ background-image:url(/business/logistics/casestudy/images/rn01/bg_title04.jpg); }
#case .mainVisual_in_case3{ background-image:url(/business/logistics/casestudy/images/rn01/bg_title03.jpg); }
#case .mainVisual_in_case2{ background-image:url(/business/logistics/casestudy/images/rn01/bg_title02.jpg); }
#case .mainVisual_in_case1{ background-image:url(/business/logistics/casestudy/images/rn01/bg_title01.jpg); }


.section{
	width:950px;
	margin:0 auto 50px;
}

p.lead{
	margin:0 0 50px;
	text-align:center;
	font-size: 24px;
	font-weight:bold;
}

p.lead_case{
	height: auto;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: none;
	border-bottom: 1px dotted #ccc;
	font-size: 24px;
	line-height: 1.2;
	color: #c33;
	font-weight: bold;
}





/* ==

　02. top

=============================================================================== */
#caseBox{
	display:flex;
	flex-wrap: wrap;
	align-items:stretch;
	justify-content:space-between;
	width:950px;
	margin:0 auto;
}
#caseBox .caseBox_col{
	width:49%;
	margin-bottom:2%;
	background:#f4f4f4;	
	position:relative;
}
#caseBox .caseBox_col .hd{
	padding:4px 37px 4px 7px;
	background-color:#c33;
	line-height:1.2;
	color:#fff;
	font-weight:bold;
	text-align:right;
	position:relative;
}
#caseBox .caseBox_col .hd span{
	padding:4px 7px;
	background-color:#939598;
	color:#fff;
	font-weight:bold;
	text-align:center;
	position:absolute;
	top:0;
	right:0;
}
#caseBox .caseBox_col .caseBox_col_in{
	padding:20px 20px 70px;
}
#caseBox .caseBox_col .city{
	padding:10px 0 0 25px;
	background:url(../../../images/rn01/img_check.png) left 15px no-repeat;
	color:#333;
	font-weight:bold;
}
#caseBox .caseBox_col p span.new{ color:#ff0000; }

#caseBox .caseBox_col h2{
	margin:0 0 5px;
	padding:0;
	border-left:none;
	font-size:140%;
	line-height:1.4;
	color:#0e5fa3;
}
#caseBox .caseBox_col small{ color:#0e5fa3; }
#caseBox .caseBox_col .caseBox_list li{
	margin-bottom:5px;
	padding-left:12px;
	background:url(/business/logistics/images/rn01/li_disc.gif) left 0.6em no-repeat;
	color:#333;
}
#caseBox .caseBox_col .caseBox_btn{
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-150px;
	text-align:center;
}
#caseBox .caseBox_col .caseBox_btn a{
	display:inline-block;
	width:300px;
	box-sizing: border-box;
	margin:0 auto;
	color:#fff;
	text-align:center;
	position:relative;
	padding:10px 10px 10px 20px;
	text-decoration: none;
	border-radius: 5px;
	font-size:14px;
	transition:0.2s;
	background:#939598;
}
#caseBox .caseBox_col .caseBox_btn a:hover{
	background:#c33;
}
#caseBox .caseBox_col .caseBox_btn a:before{
	position:absolute;
	content:"";
	top:16px;
	left: 5px;
	width: 6px;
	height: 6px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}



/* ==

　03. case

=============================================================================== */
.container .mainCnts{
	min-width:1240px;
	margin:0 auto 50px;
}
.container .mainCnts .mainCnts_in{
	width:950px;
	margin:0 auto;
}

.container .mainCnts h2,
.container .mainCnts .lgHeading02{
	height:auto;
	margin-bottom:10px;
	padding:7px 7px 7px 10px;
	background:none;
	background-color:#f4f4f4;
	border-left:5px solid #c33;
	font-size:136%;
	line-height:1.3;
	color:#333;
}

.fsS{ font-size:85%; }
.notes li{ text-indent:-2em; margin-left:2em; font-size:85%; }


/* ２カラム
------------------------------------------------------------------------------- */
.colBlock01 {
	width: 100%;
	margin-bottom: 25px;
}
.colBlock01 .col1 {
	float: left;
	width: 48%;
}
.colBlock01 .col2 {
	float: right;
	width: 48%;
}
.colBlock01 .colImg {
	float: left;
	margin-right:3%;
}
.colBlock01 .colW {
	float: left;
	width: 63%;
}
.colBlock01 .colN {
	float: right;
	width: 32.5%;
}
.mainCnts .colBlock01.opReverse .colW{ float:right; }
.mainCnts .colBlock01.opReverse .colN{ float:left; }

.mainCnts .imgBlock{ margin:0 auto; padding:40px 0; zoom:1; clear:both; }
.mainCnts .imgBlock.column2{ width:840px; }
.mainCnts .imgBlock .col{
	width:360px;
	margin:0 30px 20px;
	float:left;
	display:inline;
}
.mainCnts .imgBlock .col img{ margin-bottom:7px; }
.mainCnts .imgBlock .col .imgCap,
.mainCnts .imgList .imgCap{
	font-size:14px;
	text-align:left;
	display:block;
	line-height:1.4;
}



/* 施設概要
----------------------------------------------------------------------------------- */
.summaryBlock{ padding:0 0 30px; zoom:1; clear:both; }
.summaryBlock .col1{ margin-right:20px; float:left; }
.summaryBlock .col2{ float:left; }
.mainCnts .summaryBlock .defTable{ width:auto; }
.summaryBlock_type2 .col1, .summaryBlock_type2 .col1{ width:540px; }
.summaryBlock_type2 .col2, .summaryBlock_type2 .col2{ width:390px; }

/* 表組（デフォルト） */
.mainCnts .defTable{
	width:900px;
	margin:0 auto 30px;
	padding:5px;
	background-color:#dbdbdb;
	clear:both;
}
.mainCnts .defTable table{
	width:100%;
	background-color:#ccc;
}
.mainCnts .defTable th{
	padding:5px 10px;
	background-color:#f9feef;
	color:#2987ad;
	text-align:left;
	vertical-align:top;
}
.mainCnts .defTable td{
	padding:5px 10px 0;
	background-color:#fff;
	color:#333;
	vertical-align:top;
}

/* 代表
----------------------------------------------------------------------------------- */

.msg{
	width:950px;
	margin:0 0 20px;
	padding:20px 0 0;
	background:url(../../images/line_dotted01.gif) left top repeat-x;
	clear:both;
	box-sizing: border-box;
}
.msg .img{ width:150px; float:left; text-align:right;}
.msg .txt{ width:760px; float:left; }
.msg .txt .lead{
	font-size:180%;
	text-align:left;
	margin-bottom:0;
}


.msg_case3 .msg p.img{ width:195px; padding-left:20px; float:left; }
.msg_case3 .msg div.txt{ width:695px; float:left; }
.msg_case4 .msg p.img{ width:240px; text-align:left; float:left; }
.msg_case4 .msg div.txt{ width:635px; float:right; }
.msg_case5 .msg .img{ width:275px; padding-bottom:20px; }
.msg_case5 .msg .txt{ width:675px; }

/* 画像一覧
----------------------------------------------------------------------------------- */
.mainCnts div.imgList{
	width:950px;
	margin:0;
	padding:0;
	clear:both;
}
.mainCnts div.imgList p{
	width:180px;
	margin-right:76px;
	font-size:100%;
	line-height:1.6;
	float:left;
	text-align:center;
}
.mainCnts div.imgList.column3 p{
	width:250px;
	margin-right:99px;
	font-size:85%;
	line-height:1.3;
	float:left;
}
.mainCnts div.imgList p.lastChild{ margin-right:0; float:right; }
.mainCnts div.imgList.column3 p.lastChild{ width:249px; margin-right:0; float:right; }
.mainCnts div.imgList p img{ margin-bottom:5px; }

.mainCnts div img.imgR{
	float:right;
	margin:0 0 3px 20px;
}


#case03.column2 p{ width:361px; margin:0 0 0 60px; display:inline; }
#case03.column2 p.lastChild{ float:left; }

.mainCnts .imgBlock{ margin:0 auto; padding:40px 0; zoom:1; clear:both; }
.mainCnts .imgBlock.column2{ width:840px; }
.mainCnts .imgBlock .col{
	width:360px;
	margin:0 30px 20px;
	float:left;
	display:inline;
}
.mainCnts .imgBlock .col img{ margin-bottom:7px; }
.mainCnts .imgBlock .col span{ font-size:87%; }


/* ケーススタディ一覧
----------------------------------------------------------------------------------- */

.mainCnts .caseIndex_bottom{
	margin-top:40px;
	padding:10px;
	background-color:#f4f4f4;
	border-top:1px solid #fff;
	font-size:85%;
	line-height:1.3;
	zoom:1;
	clear:both;
}
.mainCnts .caseIndex_bottom div{
	width:100%;
	margin:0 auto;
	padding:5px;
	background-color:#dbdbdb;
	zoom:1;
	clear:both;
	box-sizing: border-box;
}
.mainCnts .caseIndex_bottom div ul{
	padding-bottom:10px;
	background-color:#fff;
	border:1px solid #ccc;
	overflow: hidden;
}
.mainCnts .caseIndex_bottom li{
	width:31%;
	margin:0;
	padding:10px 10px 0;
	float:left;
}
.mainCnts .caseIndex_bottom li img{ margin-right:10px; float:left; }

.mainCnts .caseIndex_bottom li a{ display:block; }
.mainCnts .caseIndex_bottom li a span{
	width:185px;
	padding-left:10px;
	background:url(/common/images/renew2009/arrow.gif) left 4px no-repeat;
	color:#404f6f;
	cursor:pointer;
	display:block;
	float:left;
}
.mainCnts .caseIndex_bottom li a span small{ color:#404f6f; }
.mainCnts .caseIndex_bottom li a strong{ color:#404f6f; }
.mainCnts .caseIndex_bottom li a:link span, .mainCnts .caseIndex li a:visited span{ text-decoration:underline; }
.mainCnts .caseIndex_bottom li a:hover span, .mainCnts .caseIndex li a:active span{ text-decoration:none; }







.clearfix {
    min-height: 1%;
    clear: both;
}