@charset "utf-8";

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

　目次

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

　01. 基本
　02. インデントモジュール
　03. メイン画像モジュール
　04. 見出しモジュール
　05. リードモジュール
　06. セクション
　07. カラム
　08. 表組みモジュール
　09. リストモジュール
　10. 画像関連
　11. お問い合わせ
　12. ローカルナビ
　13. ページナビ
　14. 地図
　15. 機能一覧
　16. フォトギャラリー
　99. 機能

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


/* ==

　01. 基本

=============================================================================== */
body {
    font-family:'Noto Sans JP', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}

div#hdNav li.line2 a{ padding:8px 0; }
div#hdNav li.line2 a:hover, div#hdNav li.line2 a:active{ background:url(/business/logistics/images/rn01/nav_bg_over02.png) left 8px repeat-x; }
div#hdNav li.btn_inq{
	padding-left:15px;
	background:none;
}
div#hdNav li.btn_inq a{ padding:6px 0; opacity: 1.0; }
div#hdNav li.btn_inq a:hover{
	opacity: 0.7;
}
/*
#headerBtn img{display:none;}
#headerBtn #fontSizeChg img{
	display:block;
}
 */

p {
	font-size: 134%;
}
* {
	color: #333;
}
.recoFooter p {
	font-size: inherit;
}
.container {
	width: auto;
}
#main,
.mtContact,
.mtLocal,
.mtTop {
	line-height: 1.6;
	color: #333;
	font-family:'Noto Sans JP', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}

.pagetop{ font-size:12px; line-height:1.0; }


.fsXS{ font-size:90%; }
.txt_note{ margin-left:1em; text-indent:-1em; font-size:117%; }
.bold{font-weight:bold;}

/* ==

　02. インデントモジュール

=============================================================================== */
#main{
    width: 100%;
    padding: 0;
}
.mtIndent01 {
	width: 950px;
	margin: 0 auto;
}
.mtIndent02 {
	width: 950px;
	margin: 0 auto;
}
.container{
	min-width: 1240px;
}

/* ==

　03. メイン画像モジュール

=============================================================================== */
.mtVisual01-mb {
	margin: 0 0 65px;
}
.mtVisual01-liquid img {
	width: 100%;
	height: auto;
}
.mtVisual01_in {
	padding: 10px 0;
}
.mtVisual01_item {
	padding: 0 5px;
}
/*----210625追加----*/
.mtVisual01{
	position: relative;
}
.mtVisual01 .ico_in{
	position: absolute;
	top:30px;
	min-width:950px;
	left:50%;
	margin-left:-475px;
	text-align:right;
}
.mtVisual01 .ico_in span,
.mtVisual01 .ico_in a{
	margin-right:10px;
	padding:10px 45px 12px;
	font-size:22px;
	background:#f36d00;
	color:#fff;
	line-height:1;
	border:1px solid #fff;
	max-width:188px;
	display:inline-block;
	box-sizing: border-box;	
}
.mtVisual01 .ico_in a.ico_vr{
	position: relative;
	padding:10px 30px 12px 45px;
	text-decoration: none;
	background:#229790 url(/business/multitenant/common/images/ico_vr.png) no-repeat 5px 5px;
	background-size: 34px 34px;
	box-sizing: border-box;
}
.mtVisual01 .ico_in .ico_vr:before,
.mtVisual01 .ico_in .ico_vr:after{
 content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin: -5px auto 0;
}
.mtVisual01 .ico_in .ico_vr:after{
  right: 15px;
}

.mtVisual01 .ico_in2 span{
	background:#6da306;
}



.mtVisual01 .ico_contract{
	position: absolute;
	top:20px;
	left:20px;
	width:15vw;
	min-width:200px;
}
/* ==

　04. 見出しモジュール

=============================================================================== */
.mtHeading01  {
	background: url(../images/bg01.gif) left top repeat;
}
.mtHeading01_in {
	display: block;
	width: 950px;
	margin: 0 auto;
}
.mtHeading02Wrap {
	position: relative;
}
.container .mtHeading02 {
	min-height: 31px;
	height: auto !important;
	height: 31px;
	line-height: 1.3;
	margin: 0 0 20px;
	padding: 5px 0 0;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 184%;
	font-weight: bold;
}
.container .mtHeading02-v1 {
	padding-left: 21px;
	background-image: url(../images/ico01.png);
}
.container .mtHeading02-v2 {
	padding-left: 21px;
	background-image: url(../images/ico02.png);
	color: #fff;
}
.mtHeading02_txt {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 117%;
}
.mtHeading03  {
	background: url(../images/bg01.gif) left top repeat;
}
.mtHeading03_in {
	display: table;
	width: 950px;
	margin: 0 auto;
	padding: 0;
	font-size: 100%;
}
.mtHeading03_img {
	display: table-cell;
	width: 96px;
	padding: 1px 0;
}
.mtHeading03_tit {
	display: table-cell;
	line-height: 1.1;
	margin: 0;
	padding: 5px 0 0;
	vertical-align: middle;
	color: #fff;
	font-size: 200%;
	font-weight: bold;
	text-shadow: 0px 2px 2px #000000;
}

/* ==

　05. リードモジュール

=============================================================================== */
.mtLead01 {
	margin: 0 0 30px;
}
.mtLead01_catch {
	line-height: 1.5;
	font-size: 184%;
	font-weight: bold;
}
.mtLead01_txt {
	margin: 5px 0 0;
}
.mtLead02 {
	margin: 0 0 20px;
}
.mtLead02_catch {
	font-size: 184%;
	font-weight: bold;
}
.mtLead02_txt {
	margin: 1px 0 0;
	font-size: 117%;
}
.mtLead02-cc p {
	color: #fff;
}
.mtLead02_catch sup {
	color: #fff;
}

.mtLead02_note {
	margin: 7px 0 0 1em;
	font-size: 100%;
	text-indent:-1em;
}


#place .mtLead02_txt { color:#000; }


/* ==

　06. セクション

=============================================================================== */
.mtSection-location {
	padding: 40px 0;
	background-color: #eee;
}
.mtSection-access {
	padding: 40px 0;
	background-color: #6a7070;
}
.mtSection-access-type2{
	border-bottom:30px solid #efefef;
}
.mtSection-place {
	padding: 40px 0;
	background-color: #a4b7c3;
}
.mtSection-floor {
	padding: 40px 0;
	background: url(../images/bg11.gif) left top repeat;
}
.mtSection-outline {
	padding: 40px 0;
}

/* 動画
-------------------------------------------------------------------------------- */
.movie{
	margin-top:50px;
  padding:20px 10px;
  background:#eee;
  text-align:center;
  box-sizing: border-box;
}
.movie iframe{
	border-top:1px solid #000;
}

/* ==

　07. カラム

=============================================================================== */
/* カラム1
------------------------------------------------------------------------------- */
.mtCol01 {
	overflow: hidden;
}
.mtCol01_in {
	width:975px;
	margin: -20px -25px 0 0;
}
.mtCol01_col {
	float: left;
	width: 300px;
	margin: 20px 25px 0 0;
}
.mtCol01_in:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html .mtCol01,
*:first-child+html .mtCol01_in { zoom: 1; } /* ie7 */


/* カラム2
------------------------------------------------------------------------------- */
.mtCol02 {
	overflow: hidden;
}
.mtCol02_in {
	width:980px;
	margin: -20px -30px 0 0;
}
.mtCol02_col {
	float: left;
	width: 460px;
	margin: 20px 30px 0 0;
}
.mtCol02_in:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html .mtCol02,
*:first-child+html .mtCol02_in { zoom: 1; } /* ie7 */


/* カラム3
------------------------------------------------------------------------------- */
.mtCol03_colN {
	float: left;
	width: 430px;
}
.mtCol03_colW {
	float: right;
	width: 500px;
}
.mtCol03:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html .mtCol03 { zoom: 1; } /* ie7 */


/* ==

　08. 表組みモジュール

=============================================================================== */
.mtData01 {
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #999;
}

.mtData01_wrap.column3 .mtData01 {
	width:73%;
}


.mtData01 th,
.mtData01 td {
	border-right: 1px solid #999;
	background-color: #fff;
	font-size: 117%;
	text-align: center;
}
.mtData01 th {
	padding: 8px 5px 6px;
	border-bottom: 1px solid #999;
	background-color: #ddd;
	font-weight: normal;
	text-align: center;
}
.mtData01 th em{ font-style:normal; font-weight:bold; }
.mtData01 td {
	padding: 8px 5px 6px;
	border-bottom: 1px dotted #999;
}
.mtData01_odd td {
	width:27%;
	background-color: #eee;
}
.mtData01_wrap.column3 .mtData01_odd td{ width:37%; }
.mtData01_wrap.column5 .mtData01_odd td{ width:22%; }

.mtData01 .mtData01_sub,
.mtData01_wrap.column3 .mtData01 .mtData01_sub {
	width:auto;
	background-color: #ddd;
}
.mtData01_wrap.column5 .mtData01_odd td.mtData01_sub{ width:auto; }

.mtData01 .mtData01_sub02 {
	width:auto;
	background-color: #ddd;
}
.mtData01_wrap.column3 .mtData01_odd .mtData01_sub02{ width:auto; }


.mtInfo01 {
	width: 950px;
	font-size: 117%;
}
.mtInfo01 dt {
	width: 120px;
	margin: 12px 0 0;
}
.mtInfo01 dt:first-child {
	margin-top: 0;
}
.mtInfo01 dd {
	width: 825px;
	margin: -1.55em 0 0;
	padding: 0 0 13px 125px;
	border-bottom: 1px dotted #a09b92;
}
.mtInfo01_link {
	padding: 0 0 0 10px;
	background: url(/common/images/rn02/ico_arw17.png) left 0.5em no-repeat;
}
.mtInfo02-v1 {
	font-size: 100%;
	background: url(../images/bg02.gif) left bottom repeat-y;
}
.mtInfo02-v2 {
	font-size: 100%;
	background: url(../images/bg05.gif) left bottom repeat-y;
}
.mtInfo02-v3 {
	font-size: 117%;
	background: url(../images/bg07.gif) left bottom repeat-y;
}
.mtInfo02 dt{
	text-align: center;
	white-space: nowrap;
}
.mtInfo02-v1 dt {
	width: 64px;
	padding: 5px 3px 3px;
	border-top: 3px solid #fff;
}
.mtInfo02-v2 dt {
	width: 64px;
	padding: 5px 3px 3px;
	border-top: 3px solid #f0f0f0;
}
.mtInfo02-v3 dt {
	width: 114px;
	padding: 4px 3px 8px;
	border-top: 8px solid #fff;
}
.mtInfo02 dd {
	border-bottom: 1px dotted #a09b92;
}
.mtInfo02-v1 dd {
	margin: -1.85em 0 0;
	padding: 0 0 5px 80px;
	background: url(../images/bg04.gif) left bottom repeat-x;
}
.mtInfo02-v2 dd {
	margin: -1.85em 0 0;
	padding: 0 0 5px 80px;
	background: url(../images/bg06.gif) left bottom repeat-x;
}
.mtInfo02-v3 dd {
	margin: -2.15em 0 0;
	padding: 0 0 12px 130px;
	background: url(../images/bg08.gif) left bottom repeat-x;
}
.mtCaption01 {
	margin: 35px 0 5px;
}

.mtInfo02_txt{ padding-top:10px; font-size: 117%; }



/* ==

　09. リストモジュール

=============================================================================== */
.mtList01 {
	font-size: 134%;
}
.mtList01 li {
	margin: 8px 0 0;
	padding: 0 0 0 12px;
	background: url(../images/ico03.png) left 0.75em no-repeat;
}
.mtList01 li:first-child {
	margin-top: 0;
}
.mtList01-cc li {
	color: #fff;
}
.mtList01_em {
	font-size: 125%;
}
.mtList01-cc .mtList01_em {
	color: #fff;
}


/* ==

　10. 画像関連

=============================================================================== */
.mtImg01 {
	text-align: center;
}
.mtImg01 img,
img.mtImg01 {
	border: 5px solid #ccc;
}
.mtImg02 {
	text-align: center;
}
.mtImg02 img,
img.mtImg02 {
	border: 5px solid #fff;
}


.mtBanner{ margin:-10px 0 40px; text-align:center; }
.mtBanner02{ margin:40px 0; text-align:center; }



/* ==

　11. お問い合わせ

=============================================================================== */
.mtContact {
	position: relative;
	margin: 0 0 20px;
	padding: 62px 0 32px;
	background-color: #60605a;
	text-align: center;
}
.mtContact:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 100px;
	height: 30px;
	margin: 0 0 0 -50px;
	background: url(../images/bg03.png) left top no-repeat;
}
.mtContact_btn {
	display: block;
	margin: 26px 0 0;
}
.mtContact_txt {
	margin: 31px 0 0;
}
.mtContact_txt span{ display:none; }
.mtContact_txt2 {
	margin: 31px auto 0;
	background:#333;
	color:#fff;
	padding:10px;
	text-align:center;
	width:auto;
	box-sizing: border-box;
	max-width:800px;
}


/* ==

　12. ローカルナビ

=============================================================================== */
.mtLocal {
	margin: 50px 0 25px;
	padding: 16px 10px 15px;
	border: 5px solid #ddd;
}
.mtLocal_tit {
	margin: 0 0 4px;
	padding: 0 0 0 15px;
	background: url(../images/ico06.png) left 0.55em no-repeat;
	font-weight: bold;
}
.mtLocal_in {
	font-size: 117%;
}
.mtLocal_in li {
	float: left;
	width: 33.3%;
	margin: 10px 0 0;
}
.mtLocal_in:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html .mtLocal_in { zoom: 1; } /* ie7 */
.mtLocal_in img {
	float: left;
	margin: 0 10px 0 0;
}
.mtLocal_in span {
	display: block;
	padding: 0 0 0 10px;
	background: url(/common/images/rn02/ico_arw17.png) left 0.5em no-repeat;
	color: #3f4e6e;	
	overflow: hidden;
}
.mtTop {
	margin: 0 0 30px;
	font-size: 134%;
	text-align: center;
}
.mtTop a {
	padding: 0 0 0 36px;
	background: url(../images/ico05.png) left center no-repeat;	
}


/* ==

　13. ページナビ

=============================================================================== */
.mtPageNav {
	margin: 0 0 30px;
	background: url(../images/bg09.gif) left top repeat;
}
.mtPageNav-fix {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #262626;
	z-index: 100;
}
#fn_mtnav_fix {
	display: none !important;
}
#fn_mtnav_fix.mtPageNav-fix {
	display: block !important;
}
.mtPageNav_in {
	width: 950px;
	margin: 0 auto;
	padding: 9px 0;
}
.mtPageNav_list1 li {
	float: left;
	width: 150px;
	margin: 0 0 0 10px;
}
.mtPageNav_list1 li:first-child {
	margin-left: 0;
}
.mtPageNav div:after,
.mtPageNav ul:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html .mtPageNav div,
*:first-child+html .mtPageNav ul { zoom: 1; } /* ie7 */
.mtPageNav_txt {
	float: left;
	width: 190px;
}
.mtPageNav_list2 {
	float: right;
	width: 757px;
}
.mtPageNav_list2 li {
	float: left;
	margin: 0 0 0 5px;
}
.mtPageNav_list2 li:first-child {
	margin-left: 0;
}

/* ==

　13. ページナビ 2

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

.mtPageNav2_in {
	width: 950px;
	margin: 0 auto;
	padding: 9px 0;
	height: 100%;
}
.mtPageNav2_list1,
.mtPageNav2_list2 {
	display:flex;
	justify-content:space-between;
  align-items: center;
}
.mtPageNav2_list1 li,
.mtPageNav2_list2 li{
	display:table;
	width: 24%; /* 4 */
	height:40px;
}
.mtPageNav2_list1_co3 li,
.mtPageNav2_list2_co3 li{
	display:table;
	width: 32%; /* 3 */
	height:40px;
}
.mtPageNav2_list1_co4 li,
.mtPageNav2_list2_co4 li{
	display:table;
	width: 19%; /* 5 */
	height:40px;
}
.mtPageNav2_list1 li a,
.mtPageNav2_list2 li a{
	position: relative;
	display:table-cell;
	text-align:center;
	background:#313131;
	border:2px solid #9c9c9c;
	height:36px;
	padding:0 10px;
	color:#fff;
	font-size:12px;
	text-decoration: none;
	line-height:1.2;
	vertical-align: middle;
	border-radius: 2px;
}
.mtPageNav2_list1 li a:after,
.mtPageNav2_list2 li a:after{
  position: absolute;
  top:14px;
  left: 8px;
	display:inline-block;
	content: '';
  width: 4px;
  height: 4px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);

}
.mtPageNav2_list1 li:last-child a,
.mtPageNav2_list2 li:last-child a{
	background:#fa0046;
	border:0;
}
.mtPageNav2_list1 li:last-child a:after,
.mtPageNav2_list2 li:last-child a:after{
  content: '';
  width:13px;
  height: 10px;
  border: 0px;
  left: 5px;	
  transform: rotate(0deg);
  background:url("/business/multitenant/common/images/ico08.png");
}
.mtPageNav2_list1 li a:hover,
.mtPageNav2_list2 li a:hover{
	opacity: 0.7;
}




/* ==

　14. 地図

=============================================================================== */
.mtMap {
	height: 300px;
	margin: 0 0 20px;
	border: 5px solid #ccc;
}


/* ==

　15. 機能一覧

=============================================================================== */
#function{ margin-bottom:50px; zoom:1; clear:both; }
#function .mtHeading02Wrap ul{
	position:absolute;
	top:10px;
	right:0;
}
#function .mtHeading02Wrap ul li{
	width:100px;
	margin-left:10px;
	font-weight:bold;
	float:left;
}
#function .mtHeading02Wrap ul li span{
	padding:3px 10px;
	background-color:#898989;
	color:#fff;
	border-radius:10px;
	text-align:center;
	display:block;
}
#function .mtHeading02Wrap ul li.none span{
	padding:1px 8px;
	background-color:#fff;
	border:2px solid #ccc;
	color:#bcbcbc;
}

.mtFunction dt{
	font-size:130%;
	color:#333;
	font-weight:bold;
	zoom:1;
	clear:both;
}
.mtFunction dt:after{ content:''; display:block; clear:both; }
.mtFunction dt img{ margin-right:7px; float:left; }
.mtFunction dt span{ padding-top:0.25em; display:block; float:left; }

.mtFunction dd{
	margin:-2.75em 0 10px;
	padding:0 0 10px;
	padding-left:200px;
	border-bottom:1px dotted #999;
	zoom:1;
}
.mtFunction dd li{
	width:140px;
	margin-right:10px;
	font-weight:bold;
	float:left;
}
.mtFunction dd li span{
	padding:5px 0;
	background-color:#898989;
	color:#fff;
	border-radius:10px;
	text-align:center;
	display:block;
}
.mtFunction dd li.none span{
	padding:3px 8px;
	background-color:#fff;
	border:2px solid #ccc;
	color:#bcbcbc;
}

/* ==

　16. フォトギャラリー

=============================================================================== */
.mtSection-photo {
	padding: 40px 0;
	background-color: #eee;
}
.swiper-container {
  min-width:320px;
	overflow:hidden !important;
  margin-bottom:20 !important;
}
.swiper-slide{
	text-align:center;
}
.swiper-slide p{
  position:absolute;
  bottom:-50px;
  padding:0 5px;
  max-width:800px;
  font-size:14px;
  line-height:1.4;
  margin-bottom:0 !important;
  box-sizing: border-box;
  
}
.swiper-slide p span{
  display:block;
  height:2.5em;
  vertical-align:middle;
}


/* ==

　99. 機能

=============================================================================== */
.d_hover a.fnFade img { -ms-filter: "alpha(opacity=100)"; }
.d_hover a.fnFade:hover img {
  opacity:0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}