/*============================================================= logistics =============================================================*/
/* mainImg
------------------------------------- */
#mainImg { background-image: url(../img/logistics/img_main01_sp.png); }

@media screen and (min-width: 600px) { #mainImg { background-image: url(../img/logistics/img_main01_pc.png); } }

/* intro
------------------------------------- */
#intro .set .txtBox .txtArea .txt + .txt { margin-top: 21px; }

@media all and (min-width: 600px) { #intro { margin-bottom: 50px; }
  #intro .set .txtBox { padding: 100px 115px 100px 100px; }
  #intro .set .txtBox .tit { margin-bottom: 5px; }
  #intro .set .txtBox .txtArea .txt + .txt { margin-top: 31px; } }

/* item
------------------------------------- */
#item .articles .articleSet.is_special .articleTit { background: #1847a7; color: #fff; }

#item .articles .articleSet + .articleSet { margin-top: 10px; }

#item .articles .articleTit { padding: 8px 0; margin-bottom: 10px; background: #b5d5ee; text-align: center; font-size: 1.8rem; font-weight: bold; line-height: 1.3; }

#item .articles .list { overflow: hidden; }

#item .articles .list .item { float: left; width: 50%; padding-bottom: 10px; padding-right: 8px; box-sizing: border-box; }

#item .articles .list .item:nth-child(even) { padding-right: 0; padding-left: 8px; }

#item .articles .list .item .txt { margin-top: 5px; text-align: center; font-size: 1.6rem; font-weight: bold; }

#item .pcb { margin-top: 15px; }

#item .pcb .col .img { margin-bottom: 6px; }

#item .pcb .col .detail .mainTxt { line-height: 1.6875; font-size: 1.6rem; font-weight: bold; color: #1847a7; }

#item .pcb .col .detail .subTxt { line-height: 1.92857; font-size: 1.4rem; }

#item .pcb .col .detail .subTxt + .mainTxt { margin-top: 10px; }

#item .heads { margin-top: 25px; padding: 20px 18px; border: 2px solid #1847a7; }

#item .heads .img { display: block; height: 50px; margin: 0 auto; text-align: center; }

#item .heads .img img { height: 100%; width: auto; }

#item .heads .txtArea { margin-top: 12px; }

#item .heads .txtArea .bold { font-weight: bold; font-size: 1.8rem; line-height: 1.33333; }

#item .heads .txtArea .txt { margin-top: 7px; line-height: 1.92857; }

@media all and (min-width: 600px) { #item .tit { margin-bottom: 30px; }
  #item .articles { overflow: hidden; }
  #item .articles .articleSet.is_common { float: left; width: 768px; }
  #item .articles .articleSet.is_special { float: right; width: 382px; margin-top: 0; }
  #item .articles .articleSet.is_special .list { padding-left: 5px; }
  #item .articles .articleSet.is_special .list .item { margin-right: 35px; margin-bottom: calc(40px - 1.7em); }
  #item .articles .articleSet.is_special .list .item:nth-child(2n) { margin-right: 0; }
  #item .articles .articleTit { padding: 16px 0; margin-bottom: 30px; font-size: 2.2rem; }
  #item .articles .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #item .articles .list .item { width: 170px; margin: 0 29px 44px 0; padding: 0; }
  #item .articles .list .item:nth-child(even) { padding: 0; }
  #item .articles .list .item:nth-child(4n) { margin-right: 0; }
  #item .articles .list .item .txt { margin-top: 10px; }
  #item .pcb { margin-top: 0; }
  #item .pcb .col { margin-top: 20px; overflow: hidden; }
  #item .pcb .col .img { float: left; width: 630px; }
  #item .pcb .col .detail { float: right; width: 522px; }
  #item .pcb .col .detail .mainTxt { line-height: 2.66667; font-size: 1.8rem; }
  #item .pcb .col .detail .subTxt { line-height: 2; font-size: 1.5rem; }
  #item .heads { margin-top: 54px; padding: 30px; padding-bottom: 33px; }
  #item .heads .img { float: left; height: 103px; padding-right: 30px; }
  #item .heads .txtArea { margin-top: 0; }
  #item .heads .txtArea .bold { font-size: 2.2rem; }
  #item .heads .txtArea .txt { margin-top: 11px; line-height: 2; } }

/* flow
------------------------------------- */
#flow { margin-top: 35px; }

@media all and (min-width: 600px) { #flow { margin-top: 80px; } }

/* area
------------------------------------- */
#area { margin-top: 30px; }

#area .read { line-height: 1.92857; }

#area .areaList { margin-top: 25px; }

#area .areaList .areaItem + .areaItem { margin-top: 25px; }

#area .areaList .areaItem .tit { margin-bottom: 3px; }

#area .areaList .areaItem .localList li { display: inline-block; padding: 0 1em 1em 0px; }

#area .areaList .areaItem .localList li span { color: #1847a7; text-decoration: underline; }

@media all and (min-width: 600px) { #area { margin-top: 53px; }
  #area .map { position: relative; margin-top: 22px; }
  #area .map .svg { position: relative; right: 63px; width: 594px; top: 4px; text-align: center; margin: 0 auto; }
  #area .map .svg .maplink { cursor: pointer; }
  #area .map .svg .maplink:hover .st2, #area .map .svg .maplink.is_active .st2 { fill: #19449a; }
  #area .map .mapLink .region { position: absolute; padding: 7px; background: #edf1f8; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #area .map .mapLink .region li { width: 90px; padding: 3px; box-sizing: content-box; }
  #area .map .mapLink .region li > span { display: block; height: 45px; line-height: 45px; font-size: 1.5rem; text-align: center; color: #727171; border: 1px solid transparent; box-sizing: border-box; }
  #area .map .mapLink .region li > span.disabled { background: #e4e4e4; }
  #area .map .mapLink .region li > span.link { background: #fff; cursor: pointer; color: #0f85d3; border-color: #0f85d3; -webkit-transition: all 0.3s; transition: all 0.3s; }
  #area .map .mapLink .region li > span.link:hover, #area .map .mapLink .region li > span.link.is_active { background: #1847a7; color: #fff; border-color: #1847a7; }
  #area .map .mapLink .region.hokkaido { top: 0; right: 190px; }
  #area .map .mapLink .region.hokuriku { top: 85px; right: 0; width: 302px; }
  #area .map .mapLink .region.kanto { top: 220px; right: 0; width: 302px; }
  #area .map .mapLink .region.tyubu { top: 410px; right: 95px; width: 206px; }
  #area .map .mapLink .region.kansai { bottom: -45px; right: 323px; width: 302px; }
  #area .map .mapLink .region.hokushinetu { top: 0; left: 227px; width: 206px; }
  #area .map .mapLink .region.tyugoku { top: 0; left: 0; width: 206px; }
  #area .map .mapLink .region.shikoku { top: 185px; left: 0; width: 206px; }
  #area .map .mapLink .region.kyusyu { top: 320px; left: 0; width: 206px; } }

/* #truck
------------------------------------- */
#truck { margin-top: 22px; }

#truck .read { line-height: 1.92857; }

#truck .list { margin-top: 15px; overflow: hidden; }

#truck .list .item { float: left; width: 50%; box-sizing: border-box; padding-bottom: 18px; padding-right: 8px; }

#truck .list .item:nth-child(even) { padding-right: 0; padding-left: 8px; }

#truck .list .item .link { position: relative; display: block; }

#truck .list .item .link .img { position: relative; }

#truck .list .item .link .img:before { content: ""; position: absolute; right: 0; bottom: 0; width: 15px; height: 15px; background: url(../img/logistics/ico_arw01.png) no-repeat center #0f85d3; background-size: 7px auto; }

#truck .list .item .txt { margin-top: 10px; text-align: center; line-height: 1.07143; }

@media all and (min-width: 600px) { #truck { margin-top: 123px; }
  #truck .list { margin-top: 20px; }
  #truck .list .item { width: 372px; padding: 0; margin: 0 40px 40px 0; }
  #truck .list .item:nth-child(even) { padding: 0; }
  #truck .list .item:nth-child(3n) { margin-right: 0; }
  #truck .list .item .link { cursor: pointer; -webkit-transition: all .2s linear; transition: all .2s linear; }
  #truck .list .item .link:hover { opacity: .7; }
  #truck .list .item .link .img:before { width: 30px; height: 30px; background-size: 13px auto; }
  #truck .list .item .txt { margin-top: 25px; } }

/* bnr
------------------------------------- */
.bnr { margin: 30px -15px 0; padding: 40px 15px; background: #f1f4fa; }

.bnr .bnrBox { margin-top: 15px; }

.bnr .bnrBox:first-of-type { margin-top: 0; }

@media all and (min-width: 600px) { .bnr { margin-top: 60px; padding: 102px 0; }
  .bnr .bnrBox { width: 50%; box-sizing: border-box; float: left; margin-top: 0; }
  .bnr .bnrBox:nth-of-type(2n+1) { padding: 0 10px 0 0; }
  .bnr .bnrBox:nth-of-type(2n) { padding: 0 0 0 10px; } }

#overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 10000; }

#overlay.js-open { display: block; }

.modal { display: none; }

.modal .modalClose { position: fixed; right: 0; top: 0; width: 30px; height: 30px; background: url(../img/logistics/ico_close01.png) no-repeat center #000; background-size: 16px auto; z-index: 100002; }

.modal .modalContent { position: fixed; left: 50%; top: 25px; padding: 20px; max-height: 100%; width: 80%; background: #fff; overflow-y: auto; z-index: 100003; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.modal .modalContent .modalTit { font-size: 1.8rem; font-weight: bold; }

.modal .modalContent .detail + .detail { margin-top: 10px; }

.modal .modalContent .detail .name { line-height: 1.6875; color: #1847a7; font-size: 1.6rem; font-weight: bold; }

.modal .modalContent .detail .txt { line-height: 1.92857; }

.modal .modalContent .detail .btn { margin-top: 15px; }

.modal .modalContent .detail .mod_tit02 { font-size: 1.6rem; }

.modal .modalContent .img { margin-top: 15px; }

.modal .modalContent hr { border-top: 1px solid #e4e4e4; margin: 25px 0 15px; }

@media all and (min-width: 600px) { .modal[data-id^="modal-truck"] .modalContent { max-width: 980px; padding: 50px; }
  .modal .modalClose { position: absolute; cursor: pointer; }
  .modal .modalClose:hover { opacity: .7; }
  .modal .modalContent { padding: 40px; top: 50%; max-width: 500px; margin: 0 auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .modal .modalContent.is_column02 { max-width: 980px; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .modal .modalContent.is_column02 hr { display: none; }
  .modal .modalContent.is_column02 .contentSet { width: 50%; padding-right: 40px; }
  .modal .modalContent.is_column02 .contentSet.is_right { padding-right: 0; padding-left: 40px; border-left: 1px solid #e4e4e4; }
  .modal .modalContent .modalTit { font-size: 2.2rem; }
  .modal .modalContent .detail + .detail { margin-top: 30px; }
  .modal .modalContent .detail .name { font-size: 1.8rem; line-height: 1.66667; }
  .modal .modalContent .detail .txt { line-height: 2; } }

html.js-open { height: 100%; overflow: hidden; }

html.js-open .body { height: 100%; overflow: hidden; }