/* @media only screen and (max-width: 767.98px){ */

/* @media print,screen and (min-width: 768px) { */

/*  20250605 Add  Matsuo  物流        */
@media print, screen and (min-width: 768px) {
  .lead-v4 {
    margin: 1em 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: #004ea2;
  }
}

.card__type--nolink .media__frame img {
    display: flex;
    justify-content: center;
}
.card__type--nolink .media__body {
    padding: 0 1em;

}
/*  20250627 Add  Matsuo  物流 ライン工事       */
/*--------マウスオーバー時の画像を下につけて切り換えている場合------------------------------------------------*/
/* #main_img_m {
	width: 1000px;
	height: 806px;
	margin: 20px 100px;
	position: relative;
}
#main_img_m ul,li {
	margin: 0px;
	padding: 0px;
}

#main_img_m li {
	list-style:none;
	display:inline;
}

#main_img_m li a{
	background-image: url(../../../logistics/img/lsystem/logistics_mainimg_w.png);
	background-repeat: no-repeat;
	display: block;
}


#itm_1 a {position: absolute;top:0;left:0; width: 397px; height:316px;background-position:0px 0px;}
#itm_1 a:hover {width: 397px; height:316px;background-position:0px -806px;}
#itm_2 a {position: absolute;top:0;left:397px; width: 604px; height:178px;background-position:-397px 0px;}
#itm_2 a:hover {width: 604px; height:178px;background-position:-397px -806px;}
#itm_3 a {position: absolute;top:178px;left:395px; width: 354px; height:200px;background-position:-395px -178px;}
#itm_3 a:hover {width: 354px; height:200px;background-position:-395px -982px;}
#itm_4 a {
	position: absolute;top:175px;left:748px;width: 252px;height:284px;	background-position:-748px -175px;}
#itm_4 a:hover {width: 252px;height: 284px;background-position:-748px -981px;}
#itm_5 a {position: absolute;top:316px;left:0px;width: 396px;height:235px;	background-position: 0px -316px;}
#itm_5 a:hover {width: 396px;height: 235px;background-position: 0px -1122px;}
#itm_6 a {
	position: absolute;top:377px;left:396px;
	width: 354px;
	height:174px;
	background-position: -396px -377px;
}
#itm_6 a:hover {
	width: 354px;
	height: 174px;
	background-position: -396px -1183px;
}
#itm_7 a {
	position: absolute;top:550px;left:0px;
	width: 251px;
	height:256px;
	background-position: 0px -550px;
}
#itm_7 a:hover {
	width: 251px;
	height: 256px;
	background-position: 0px -1356px;
}
#itm_8 a {
	position: absolute;top:550px;left:249px;
	width: 249px;
	height:256px;
	background-position: -249px -550px;
}
#itm_8 a:hover {
	width: 249px;
	height: 256px;
	background-position: -249px -1356px;
}
#itm_9 a {
	position: absolute;top:550px;left:497px;
	width: 253px;
	height:256px;
	background-position: -497px -550px;
}
#itm_9 a:hover {
	width: 253px;
	height: 256px;
	background-position: -497px -1356px;
}
#itm_10 a {
	position: absolute;top:459px;left:748px;
	width: 252px;
	height:347px;
	background-position: -748px -459px;
}
#itm_10 a:hover {
	width: 252px;
	height: 347px;
	background-position: -748px -1265px;
} */

/*-------同じ画像で透過させる設定-----------------------------------------------------------*/
#main_img_l {
	width: 1000px;
	height: 806px;
	margin: 20px 100px;
	position: relative;
}
#main_img_l ul,li {
	margin: 0px;
	padding: 0px;
}

#main_img_l li {
	list-style:none;
	display:inline;
}

#main_img_l li a{
	background-image: url(../../../logistics/img/lsystem/logistics_mainimg2.png);
	background-repeat: no-repeat;
	display: block;
}

#main_img_l li a:hover{
	background-image: url(../../../logistics/img/lsystem/logistics_mainimg2.png);
	background-repeat: no-repeat;
	display: block;
  opacity: 0.8;
}


#itm_1 a {position: absolute;top:0;left:0; width: 397px; height:316px;background-position:0px 0px;}
#itm_1 a:hover {width: 397px; height:316px;background-position:0px -0px;}
#itm_2 a {position: absolute;top:0;left:397px; width: 604px; height:178px;background-position:-397px 0px;}
#itm_2 a:hover {width: 604px; height:178px;background-position:-397px -0px;}
#itm_3 a {position: absolute;top:178px;left:395px; width: 354px; height:200px;background-position:-395px -178px;}
#itm_3 a:hover {width: 354px; height:200px;background-position:-395px -178px;}
#itm_4 a {
	position: absolute;top:175px;left:748px;width: 252px;height:284px;	background-position:-748px -175px;}
#itm_4 a:hover {width: 252px;height: 284px;background-position:-748px -175px;}
#itm_5 a {position: absolute;top:316px;left:0px;width: 396px;height:235px;	background-position: 0px -316px;}
#itm_5 a:hover {width: 396px;height: 235px;background-position: 0px -316px;}
#itm_6 a {
	position: absolute;top:377px;left:396px;
	width: 354px;
	height:174px;
	background-position: -396px -377px;
}
#itm_6 a:hover {
	width: 354px;
	height: 174px;
	background-position: -396px -377px;
}
#itm_7 a {
	position: absolute;top:550px;left:0px;
	width: 251px;
	height:256px;
	background-position: 0px -550px;
}
#itm_7 a:hover {
	width: 251px;
	height: 256px;
	background-position: 0px -550px;
}
#itm_8 a {
	position: absolute;top:550px;left:249px;
	width: 249px;
	height:256px;
	background-position: -249px -550px;
}
#itm_8 a:hover {
	width: 249px;
	height: 256px;
	background-position: -249px -550px;
}
#itm_9 a {
	position: absolute;top:550px;left:497px;
	width: 253px;
	height:256px;
	background-position: -497px -550px;
}
#itm_9 a:hover {
	width: 253px;
	height: 256px;
	background-position: -497px -550px;
}
#itm_10 a {
	position: absolute;top:459px;left:748px;
	width: 252px;
	height:347px;
	background-position: -748px -459px;
}
#itm_10 a:hover {
	width: 252px;
	height: 347px;
	background-position: -748px -459px;
}

/*----- スマホ時に横スクロールバーを表示する  -------------------------------------------------------------*/

  .table[data-table-sp="scroll"] .table__body {
        padding-bottom: 20px;
        overflow-x: auto;
    }

    .table[data-table-sp="scroll"] .table__body::-webkit-scrollbar {
        height: 9px;
    }

    .table[data-table-sp="scroll"] .table__body::-webkit-scrollbar-track {
        border-radius: 9px;
        background-color: #dfdfdf;
    }

    .table[data-table-sp="scroll"] .table__body::-webkit-scrollbar-thumb {
        border-radius: 9px;
        background-color: #666;
    }

    .table[data-table-sp="scroll"] .table__matrix {
        width: 812px !important;
    }

/*------------------------------------------------------------------*/
/*  20250630 Add  Matsuo  メンテナンス部門       */
.card__type--nolink .media {
  width:100%;
  margin-top:0 !important;
}

.card__type--nolink .media__body  .column__item {
  display: flex;
  justify-content: center;
}

.card__type--nolink .media__head {
    display: flex;
    flex-direction: column;
    height:auto;
}
@media print,screen and (min-width: 768px) {
.card__type--nolink .button-wrap--centering {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    /* margin: 3em 0 */
    margin-top:auto !important;
}

.button-wrap--centering .button{
      margin: 1em 0 0
}
}

/*------------------------------------------------------------------*/
/*  20250722 Add  Matsuo  物流部門　構内運搬車  モーダル表示     */
.modal {
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,0.8);
  display: flex; justify-content: center; align-items: center;
}
.modal__content {
  background: #fff;
  padding: 10px;
  text-align: center;
  max-width: 90%;
}
.modal__caption {
  margin-top: 8px;
  font-size: 14px;
  color: #333;
}

/*------------------------------------------------------------------*/
/*  20250821 Add  Matsuo  技術部門　     */



/* ------------------------------------------------------------ */