@charset "UTF-8";
/* #mainImg 下層ページ
================================================ */
/*  #delivery
================================================ */
/* mainimg */
body:before { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #262626 url(../img/logistics/mainimg01_sp.png) no-repeat; background-size: 100% auto; content: ''; }

@media screen and (min-width: 600px) { body:before { z-index: -1; background-image: url(../img/logistics/mainimg01_pc.png); background-size: 1920px; background-position: top center; min-width: 1520px; } }

/* mask sp */
@media screen and (max-width: 599px) { #bg, #gFooter { position: relative; z-index: 2; }
  #contents { position: relative; z-index: 0; }
  #contents:before { position: absolute; content: ''; top: -109px; left: 0; width: 100%; height: 100%; background: url(../img/common/bg_contents01_sp.png) no-repeat top right; background-size: 100% auto; z-index: 0; }
  #contents:after { position: absolute; content: ''; top: 400px; left: 0; width: 100%; height: 100%; background: #262626; background-size: contain; z-index: 0; } }

/* mask pc */
@media screen and (min-width: 600px) { #bg { position: relative; background: #262626; }
  #bg:before { content: ""; position: absolute; top: -253px; height: 675px; width: 1920px; display: block; left: 50%; padding: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: url(../img/common/bg_contents01_pc.png) no-repeat top center; background-size: cover; z-index: 0; } }

/*  #lead
================================================ */
#lead { color: #fff; }

#lead .inner { position: relative; z-index: 1; padding-bottom: 40px; }

#lead .txtWrap { margin-top: 10px; }

#lead .txtWrap .tit { font-size: 1.8rem; font-weight: 700; line-height: 1.44; }

#lead .txtWrap .txt { margin-top: 15px; }

@media screen and (min-width: 600px) { #lead .inner { padding-bottom: 100px; }
  #lead .secLead { overflow: hidden; }
  #lead .img { float: left; width: 550px; padding: 0 30px 35px 0; }
  #lead .txtWrap { margin-top: 0; }
  #lead .txtWrap .tit { font-size: 2rem; }
  #lead .txtWrap .txt { margin-top: 25px; } }

/*  #case
================================================ */
#case .caseIn { position: relative; z-index: 1; background: rgba(0, 0, 0, 0.3); }

#case .inner { padding-top: 40px; padding-bottom: 50px; }

#case .secCase { margin-top: 25px; padding: 40px 15px 35px; position: relative; background: #fff; color: #262626; }

#case .secCase + .secCase { margin-top: 20px; }

#case .secCase .tag { position: absolute; top: 0; left: 0; background: #262626; color: #fff; padding: 6px 10px; font-size: 1.5rem; line-height: 1.2; }

#case .name .nameIn:before, #case .name .nameIn:after { background: #262626; }

#case .tit { margin-top: 15px; }

#case .txt { margin-top: 10px; }

#case .bnr { margin-top: 45px; }

#case .bnr a { display: block; }

#case .bnr a .txtWrap { position: relative; padding: 15px 10px; background: #9ecb3a; color: #fff; text-align: center; }

#case .bnr a .txtWrap:before { content: ''; position: absolute; right: 5px; bottom: 5px; width: 10px; height: 10px; background: url(../img/common/ico_window02.png) no-repeat center/contain; }

#case .bnr a .bnrTit { position: relative; padding-bottom: 10px; font-size: 1.6rem; font-weight: 700; }

#case .bnr a .bnrTit:before { content: ''; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 25px; height: 1px; background: #fff; }

#case .bnr a .bnrTxt { padding-top: 5px; font-size: 1.4rem; }

@media screen and (min-width: 600px) { #case .inner { padding-top: 90px; padding-bottom: 120px; }
  #case .secCase { margin-top: 50px; padding: 40px 45px 50px; }
  #case .secCase + .secCase { margin-top: 40px; }
  #case .secCase .tag { padding: 7px 18px; font-size: 1.8rem; }
  #case .tit { margin-top: 35px; }
  #case .txt { margin-top: 20px; }
  #case .bnr a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  #case .bnr a .img { width: 550px; }
  #case .bnr a .txtWrap { width: 550px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #case .bnr a .txtWrap:before { right: 10px; bottom: 10px; width: 15px; height: 15px; }
  #case .bnr a .bnrTit { width: 100%; font-size: 2.4rem; }
  #case .bnr a .bnrTit:before { width: 30px; }
  #case .bnr a .bnrTxt { padding-top: 10px; font-size: 1.6rem; } }