@charset "utf-8";

@import url("/business/logistics/common/css/rn03/fonts.css");

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

　目次

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

　00. ベース
　99. モジュール
　99. コンバージョンエリア
　99. 汎用スタイル

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

　00. ベース

=============================================================================== */
body{
	font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}
#header, #subHeader, #topicPath, #fixFooter, #subFooter, #footer{ min-width:1240px; }
#subHeader.op_type03 .fixArea{
	background:#fff;
	border-bottom:1px solid #E6E6E6;
}

#subHeader.op_type03 #subHeaderNav{
	width:1240px;
	height:54px;
	margin:0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}
#subHeader.op_type03 #subHeaderNav nav{
	position: relative;
}
#subHeader.op_type03 p.logo{
	padding:4px 0;
	display:inline-block;
}
#subHeader.op_type03 #subHeaderNav ul{
	position: absolute;
	top:5px;
	right:0;
}
#subHeader.op_type03 ul li{
	height:auto;
	line-height: 1;
	margin-bottom:0;
}
#subHeader.op_type03 ul li a{
	position: relative;
	font-size:16px;
	padding:12px 28px;
	text-decoration: none;
	color:#1E1E1E;
}
#subHeader.op_type03 ul li a:before{
	position: absolute;
	content: " ";
	top:6px;
	right:0;
	width:1px;
	height:30px;
	background:#E6E6E6;
}
#subHeader.op_type03 ul li:nth-child(6) a:before{
	position: static;
}
#subHeader.op_type03 ul li.news a{
	position: relative;
	background: #000;
	color:#fff;
	border-radius: 5px;
	font-size:14px;
	font-weight:bold;
	width:200px;
	padding:15px 35px 15px 20px;
	box-sizing: border-box;
}
#subHeader.op_type03 ul li.news a::before{
	position: absolute;
	content: " ";
	top:calc(50% - 6px);
	right:18px;
  width: 16px;
  height: 12px;
	background: url("/business/logistics/common/images/rn03/btn_arrow01.svg") no-repeat;
	background-size: contain;
} 
#subFooter ul{ font-size:100%; }
#topicPath .baseIn{
	min-width:1240px;
	margin:20px auto;
}
#topicPath .baseIn ul{
	padding: 0 10px;
}
.rMenu{
	display:none;
}
.r3SubFooter{
	min-width:1240px;
	box-sizing: border-box;
}
.r3SubFooter .r3Category_item{
	width:100%;
}
.r3SubFooter_list a,
.r3SubFooter_link a,
.r3SubFooter_list a:link,
.r3SubFooter_link a:link,
.r3SubFooter_list a:visited,
.r3SubFooter_link a:visited
{
	color:#fff;
	font-size:100%;
	text-decoration: none;
}

.r3SubFooter_item .r3SubFooter_tit:first-child{
	margin-top:-20px;
}


.r3SubFooter_link a:hover{
	text-decoration:underline;
}
.r3SubFooter_link_last{
	margin-top:20px;
}

/* 見出し
------------------------------------------------------------------------------- */
.heading01_tit{
	padding-top:50px;
	line-height:1;
	width:100%;
	text-align:center;
}
.heading01_tit span{
	position: relative;
	display:inline-block;
	font-family: Inter, 'Noto Sans JP', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
	font-size:44px;
}
.heading01_tit span:before{
	position: absolute;
	content: " ";
	top:-2px;
	left:-8px;
	display: block;
	width:7px;
	height:7px;
	background:#9CC811;
}
.heading01_subtit{
	font-size:16px;
	margin-bottom:20px;
	text-align:center;	
}

/* 220419調整用
------------------------------------------------------------------------------- */
.r3Header, .r3Footer {
	min-width: 1240px;
	box-sizing: border-box;	
}


/* ==

　99. モジュール

=============================================================================== */
/* フェード
------------------------------------------------------------------------------- */
.fnFade {
	transition: opacity 0.3s !important;
/*	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;*/
}
.fnFade:hover {
	opacity: 0.7;
}

/* ==

　99. コンバージョンエリア

=============================================================================== */
/* 
------------------------------------------------------------------------------- */
.cvBlock {
	min-width:1240px;
	margin:0 0 20px;
	padding: 0 0 50px;
	text-align:center;
	background-image: linear-gradient(90deg, rgba(35, 52, 74, 1), rgba(28, 78, 142, 1));
	color:#fff;
}
.cvBlock .inner{
	padding:0 10px;
}
.idContact01_txt{
	margin:30px 0 20px;
	font-size:150%;
}
.idContact01_btn{
	text-align: center;
}
.idContact01_btn a{
	position: relative;
	display:inline-block;
	padding:15px 45px 15px 25px;
	font-size:125%;
	font-weight:bold;
	background:#000;
	color:#fff;
	text-decoration: none;
	border-radius: 5px;
} 
.idContact01_btn a::before{
	position: absolute;
	content: " ";
	top:calc(50% - 6px);
	right:20px;
  width: 16px;
  height: 12px;
	background: url("/business/logistics/common/images/rn03/btn_arrow01.svg") no-repeat;
	background-size: contain;
} 
.idContact01_update{
	font-size:14px !important;
	font-weight:normal;
	color:#efefef;
	padding:10px 10px 0;
}






/* ==

　99. 汎用スタイル

=============================================================================== */
/* 回り込み解除
------------------------------------------------------------------------------- */
.clearfix:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html .clearfix { zoom: 1; } /* ie7 */
/* 余白調整
------------------------------------------------------------------------------- */
.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mr00 { margin-right: 0 !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb100 { margin-bottom: 100px !important; }
.ml00 { margin-left: 0 !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.pt00 { padding-top: 0 !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pr00 { padding-right: 0 !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pb00 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pl00 { padding-left: 0 !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
/* 幅調整
------------------------------------------------------------------------------- */
.w00 { width: 0 !important; }
.w05p { width: 5% !important; }
.w10p { width: 10% !important; }
.w15p { width: 15% !important; }
.w20p { width: 20% !important; }
.w25p { width: 25% !important; }
.w30p { width: 30% !important; }
.w35p { width: 35% !important; }
.w40p { width: 40% !important; }
.w45p { width: 45% !important; }
.w50p { width: 50% !important; }
.w55p { width: 55% !important; }
.w60p { width: 60% !important; }
.w65p { width: 65% !important; }
.w70p { width: 70% !important; }
.w75p { width: 75% !important; }
.w80p { width: 80% !important; }
.w85p { width: 85% !important; }
.w90p { width: 90% !important; }
.w95p { width: 95% !important; }
.w100p { width: 100% !important; }
/* 位置調整
------------------------------------------------------------------------------- */
.aCenter { text-align: center !important; }
.aRight { text-align: right !important; }
.aLeft { text-align: left !important; }
.vTop { vertical-align: top !important; }
.vMiddle { vertical-align: middle !important; }
.vBottom { vertical-align: bottom !important; }
.aCenter th,
.aCenter td { text-align: center !important; }
.aRight th,
.aRight td { text-align: right !important; }
.vTop th,
.vTop td { vertical-align: top !important; }
.vMiddle th,
.vMiddle td { vertical-align: middle !important; }





/* ==

　99. 固定ヘッダー

=============================================================================== */
#fix-header {
	position:fixed;
	z-index:9999;
	width:100%;
	top:-140px;
	left:0;
	border-bottom:1px solid #E6E6E6;
}
* html #fix-header { /* IE6 */
	display: none;
}
.fix-head {
	background-color: rgba(255,255,255,0.9);
	height:54px;
	width:100%;
}
.fix-head.common { height:54px; }

#fix-header .content-wrapper{
	width:1220px;
	margin:0 auto;
	position:relative;
	box-sizing: border-box;
}
#fix-header .content-wrapper .logo{
	display:inline-block;
	margin-top:3px;
}
.fix-head .stickylinks ul{
	position: absolute;
	top: 21px;
	right: 0;
}
.fix-head .stickylinks ul li{
	height:auto;
	line-height: 1;
	margin-bottom:0;
	float:left;
}
.fix-head .stickylinks ul li a{
	position: relative;
	font-size:16px;
	padding:12px 28px;
	text-decoration: none;
	color:#1E1E1E;
}
.fix-head .stickylinks ul li a:before{
	position: absolute;
	content: " ";
	top:6px;
	right:0;
	width:1px;
	height:30px;
	background:#E6E6E6;
}
.fix-head .stickylinks ul li:nth-child(6) a:before{
	position: static;
}

.fix-head .stickylinks ul li.news a{
	position: relative;
	background: #000;
	color:#fff;
	border-radius: 5px;
	font-size:14px;
	font-weight:bold;
	width:200px;
	padding:14px 40px 14px 20px;
	box-sizing: border-box;
}
.fix-head .stickylinks li.news a::before{
	position: absolute;
	content: " ";
	top:calc(50% - 6px);
	right:18px;
  width: 16px;
  height: 12px;
	background: url("/business/logistics/common/images/rn03/btn_arrow01.svg") no-repeat;
	background-size: contain;
}