@charset "utf-8";

@media screen and (max-width:750px){

/*-------------------------------------------
all
-------------------------------------------*/
body.b_logistics{
  font-family: source-han-sans-japanese, sans-serif;
  margin: 0 auto;
  color: #fff;
  overflow: hidden;
  background: #000;
  font-size: .9em;
}

body.b_butsuryu{
  font-family: source-han-sans-japanese, sans-serif;
  margin: 0 auto;
  color: #000;
  overflow: hidden;
  font-size: .9em;
}

img{
  height:auto;
}

.b_logistics a{
  color: #fff;
  text-decoration: none;
}

.b_butsuryu a{
  color: #000;
  text-decoration: none;
}

.imgleft > img,
.imgright > img{
  display: block;
  margin:0 auto 20px;
}

/*パララックス*/
.parallax {
  width: 100%;
  min-height: 400px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: -60%;
/*  text-align: center;
*/}

.parallax-slider {
	top: 0;
	left: 0;
}

.rellax-target{
  min-height:400px;
  background:transparent;
}

/*.bg-01_sm {
  margin-bottom: -20%;
}
.bg-02_sm{
  margin-bottom: -10%;
}
.bg-03_sm {
  margin-bottom: -10%;
}
.bg-04_sm {
  margin-bottom: -10%;
}
.bg-05_sm {
  margin-bottom: -20%;
}
*/
/*-------------------------------------------
header
-------------------------------------------*/
/*-butsuryu-----------------------------*/
.h_butsuryu .catch{
  position: relative;
  z-index: 1;
  padding-top: 64px;
}

.h_butsuryu .h_blc{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 999;
  background: rgb(255,255,255,.8);
}

.h_butsuryu .catch h1 a{
  font-weight: bold;
  padding: 5px;
}

.h_butsuryu nav a{
  display: none;
}

.h_butsuryu .entry_btn{
  color: #fff;
  background: #1D9CE0;
  padding: 20px;
  display: block !important;
}

/*-logistics-----------------------------*/
.h_logistics .catch{
  position: relative;
  z-index: 1;
  padding-top: 42px;
}

.h_logistics .h_blc{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 999;
  background: rgba(0,0,0,0.7);
  padding: 10px;
}

.h_logistics .catch h1 a{
  font-weight: bold;
  padding: 5px;
}

.h_logistics nav a{
  display: none;
}

.h_logistics .entry_btn{
  color: #fff;
  background: #B70606;
  padding: 20px;
  display: block !important;
}

/*-------------------------------------------
butsuryu
-------------------------------------------*/
.butsuryu h2{
  font-size: 1.4em;
  font-weight: bold;
  margin: 20px auto;
}

.butsuryu h2 span{
  display: block;
  font-size: .5em;
  font-weight: bold;
  color: #1D9CE0;
}

/*-content_lead-----------------------------*/
.butsuryu .content_lead{
  padding: 20px;
  transform: skew(0deg, -5deg);
  background: #fff;
  margin-bottom: -5%;
}

.butsuryu .lead{
  transform: skew(0deg, 5deg);
}

/*-content_logistics-------------------------*/
.butsuryu .content_logistics{
  padding: 20px 0 0;
}

.butsuryu .logistic .skew{
  transform: skew(0deg, -5deg);
  background: #fff;
  margin-top: 10%;
  padding: 10% 20px 3%;
}

.butsuryu .logistic h2{
  transform: skew(0deg, 5deg);
}

.butsuryu .logistic ul{
  transform: skew(0deg, 5deg);
  background: #fff;
  margin: -20px 0;
  padding: 20px 0;
}

.butsuryu .logistic .blc{
  transform: skew(0deg, -5deg);
}

.butsuryu .logistic .left{
  margin: 20px;
}

.butsuryu .logistic .right{
  margin: 20px;
}

.butsuryu .logistic h3{
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 20px;
}

.butsuryu .logistic .left p,
.butsuryu .logistic .right p{
  margin-bottom: 20px;
}


/*-content_flow-------------------------*/
.butsuryu .flow .skew{
  transform: skew(0deg, 5deg);
  background: #fff;
  padding: 5% 20px;
  margin-bottom: -5%;
  margin-top: 10%;
}

.butsuryu .flow h2{
  transform: skew(0deg, -5deg);
}

.butsuryu .flow .skew_wrap{
  transform: skew(0deg, -5deg);
  background: #fff;
  margin-bottom: -15px;
}

.butsuryu .flow .blc{
  transform: skew(0deg, 5deg);
}

.butsuryu .flow .imgright{
  padding-bottom: 20px;
}

.butsuryu .flow .imgright > div{
  padding: 20px;
}

.butsuryu .flow h3{
  background: linear-gradient(transparent 60%, #1D9CE0 60%);
  display: inline-block;
  font-size: 1.2em;
  line-height: 25px;
  margin-bottom: 20px;
  font-weight: bold;
}

/*-content_modelcase-------------------------*/
.butsuryu .content_modelcase{
  padding: 20px 0 20px;
}

.butsuryu .modelcase .skew{
  transform: skew(0deg, -5deg);
  background: #fff;
  margin-top: 10%;
  padding: 5% 20px 3%;
  position: relative;
}

.butsuryu .modelcase .inner1200{
  background: #fff;
  padding-top: 5%;
  margin-top: -5%;
  position: relative;
}

.butsuryu .modelcase h2{
  transform: skew(0deg, 5deg);
}

.butsuryu .modelcase li{
  background: #fff;
  color: #000;
  padding: 20px;
  margin: 0 20px 20px;
  border: 1px solid #000;
}

.butsuryu .modelcase h3{
  text-align: center;
}

.butsuryu .modelcase h3 span{
  display: block;
  font-size: 1.2em;
  margin: 10px 0;
}

.butsuryu .modelcase dl{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.butsuryu .modelcase dt{
  border: 1px solid #000;
  width: 25%;
  text-align: center;
  padding: 5px;
  margin: 0 20px 10px 0;
  font-size: .9em;
}

.butsuryu .modelcase dd{
  width: 55%;
}

.butsuryu .modelcase li p{
  font-size: .8em;
  margin-bottom: 20px;
}

.butsuryu .modelcase .gray_box{
  background: #F2F2F2;
  padding: 20px;
  font-size: .9em;
}

.butsuryu .modelcase .attention{
  margin: 20px;
  font-size: .8em;
}

.butsuryu .modelcase .w_box{
  transform: skew(0deg, 5deg);
  background: #fff;
  margin-bottom: -40px;
  padding-bottom: 50px;
}

.butsuryu .modelcase .w_box .inner1200{
  font-size: .9em;
  background: #fff;
  color: #000;
  padding: 20px;
  transform: skew(0deg, -5deg);
  margin: 0 20px;
  border: 1px solid #000;
}

.butsuryu .modelcase .w_box p:first-child{
  margin-bottom: 20px;
}

.butsuryu .logistics .left .mini,
.butsuryu .logistics .right .mini{
  font-size:80%;
}

/*-content_senior-------------------------*/
.butsuryu .content_senior{
  padding: 20px 0;
}

.butsuryu .senior .skew{
  transform: skew(0deg, 5deg);
  background: #fff;
  margin-top: 10%;
  padding: 3% 20px 10%;
  margin-bottom: -10%;
}

.butsuryu .senior h2{
  transform: skew(0deg, -5deg);
}

.butsuryu .senior li{
  margin-bottom: 40px;
}

.butsuryu .senior ul{
  transform: skew(0deg, -5deg);
  background: #fff;
  margin-bottom: -30px;
  padding-bottom: 30px;
}

.butsuryu .senior .blc{
  transform: skew(0deg, 5deg);
}

.butsuryu .senior .left{
  text-align: center;
}

.butsuryu .senior .left p{
  text-align: center;
  font-size: 1.2em;
  margin: 10px 0;
}

.butsuryu .senior .center{
  padding: 0 20px;
}

.butsuryu .senior .center strong{
  background: #1D9CE0;
  color: #fff;
  border-radius: 40px;
  font-weight: bold;
  padding: 5px 10px;
  display: inline-block;
}

.butsuryu .senior h3{
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 0;
}

.butsuryu .senior .center p{
  margin-bottom: 20px;
}

/*-content_vision-------------------------*/
.butsuryu .content_vision{
  padding: 40px 0 20px;
  margin-top: 3%;
}

.butsuryu .vision .skew{
  transform: skew(0deg, -5deg);
  background: #fff;
  margin-top: 10%;
  padding: 5% 20px 3%;
}

.butsuryu .vision h2{
  transform: skew(0deg, 5deg);
}

.butsuryu .vision .left{
  background: #fff;
  padding-top: 10%;
  margin-top: -5%;
}

.butsuryu .vision .right{
  padding: 20px;
}

.butsuryu .vision .right p{
  margin-bottom: 20px;
  font-size: .85em;
}

.butsuryu .vision .right strong{
  font-weight: bold;
  text-align: right;
  display: block;
  margin-bottom: 20px;
}

.butsuryu .vision ul{
  padding: 20px;
}

.butsuryu .vision li{
  background: #fff;
  color: #000;
  padding: 20px;
  box-shadow: 10px 10px #DBDADA;
  margin-bottom: 40px;
  border: 1px solid #DBDADA;
}

.butsuryu .vision li h3{
  font-weight: bold;
  font-size: 1.4em;
  text-align: center;
}

.butsuryu .vision li strong{
  font-weight: bold;
  display: block;
  padding: 20px 0;
}

.butsuryu .vision li span{
  font-size: .8em;
  margin-top: 20px;
  display: block;
}

.butsuryu .company{
  padding: 20px 0;
}

.butsuryu .company h2{
  padding: 0 20px;
}

.butsuryu .company .skew{
/*  transform: skew(0deg, 5deg);
  background: #000;
  padding: 0% 20px 5%;
  margin-top: 5%;*/
  transform: skew(0deg, 5deg);
  background: #fff;
  padding: 5% 20px/* 22%*/;
  margin-top: 5%;
  margin-bottom: -15%;
}

.butsuryu .company dl{
  transform: skew(0deg, -5deg);
}

.butsuryu .company dt{
  padding: 10px;
  font-weight: bold;
  background: #000;
  color: #fff;
}

.butsuryu .company dd{
  padding: 10px;
}

.butsuryu .company .map{
  text-align: center;
  transform: skew(0deg, -5deg);
}

.butsuryu .company .map iframe{
  width: 100%;
  height: 300px;
}

.butsuryu .company .youtube{
  text-align: center;
  padding: 20px 0;
  transform: skew(0deg, -5deg);
}

.butsuryu .company .youtube iframe{
  width: 100%;
}

.butsuryu .company .youtube a{
  display: block;
  text-decoration: underline;
  font-size: 120%;
}

/*-content_requirement-------------------------*/
.butsuryu .requirement{
  padding: 40px 0 0;
}

.butsuryu .requirement .skew{
  transform: skew(0deg, 5deg);
  background: #fff;
  margin-top: -5%;
  padding-bottom: 3%;
  margin-bottom: -7%;
}

.butsuryu .requirement h2{
  transform: skew(0deg, -5deg);
  padding: 20px 20px 0;
}

.butsuryu .requirement dl{
  transform: skew(0deg, -5deg);
  margin: 20px;
}

.butsuryu .requirement dt{
  padding: 10px;
  font-weight: bold;
  background: #000;
  color: #fff;
}

.butsuryu .requirement dd{
  padding: 10px;
}

/*-content_entry-------------------------*/
.butsuryu .entry{
  padding: 0 20px;
}

.butsuryu .content_entry dl{
  margin: 0 auto 20px;

}

.butsuryu .content_entry dt{
  padding: 10px;
  font-weight: bold;
}

.butsuryu .content_entry dt span{
  font-size: .7em;
  margin-left: 5px;
  color: #B70606;
}

.butsuryu .content_entry dd{
  padding: 10px;
}

.butsuryu .content_entry input[type="text"],
.butsuryu .content_entry select{
  padding: 10px;
  width: 100%;
}

.butsuryu .content_entry select.width{
  width: auto;
}

.butsuryu .content_entry .btn{
  display: block;
  margin: 0 auto;
  position: relative;
  padding: 10px 20px;
  font-size: 1.0em;
  width: 100%;
  background: #1D9CE0;
  color: #fff;
  text-align: center;
  border: none;
  -webkit-appearance: none;
}

.butsuryu .content_entry p{
  margin: 40px auto;
}

/*-------------------------------------------
logistics
-------------------------------------------*/
.logistics h2{
  font-size: 1.4em;
  font-weight: bold;
  margin: 20px auto;
}

.logistics h2 span{
  display: block;
  font-size: .5em;
  font-weight: bold;
  color: #A30909;
}

/*-content_lead-----------------------------*/
.logistics .content_lead{
  padding: 20px;
  transform: skew(0deg, -5deg);
  background: #000;
  margin-bottom: -5%;
}

.logistics .lead{
  transform: skew(0deg, 5deg);
}

/*-content_logistics-------------------------*/
.logistics .content_logistics{
  padding: 20px 0 0;
}

.logistics .logistic .skew{
  transform: skew(0deg, -5deg);
  background: #000;
  margin-top: 10%;
  padding: 10% 20px 3%;
}

.logistics .logistic h2{
  transform: skew(0deg, 5deg);
}

.logistics .logistic ul{
  transform: skew(0deg, 5deg);
  background: #000;
  margin: -20px 0;
  padding: 10px 0;
}

.logistics .logistic .blc{
  transform: skew(0deg, -5deg);
}

.logistics .logistic .left{
  background: rgba(0,0,0,0.7);
  margin: 20px;
}

.logistics .logistic .right{
  background: rgba(0,0,0,0.7);
  margin: 20px;
}

.logistics .logistic h3{
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 20px;
}

.logistics .logistic .left p,
.logistics .logistic .right p{
  margin-bottom: 20px;
}


/*-content_flow-------------------------*/
.logistics .flow .skew{
  transform: skew(0deg, 5deg);
  background: #000;
  padding: 5% 20px;
  margin-bottom: -5%;
  margin-top: 10%;
}

.logistics .flow h2{
  transform: skew(0deg, -5deg);
}

.logistics .flow .skew_wrap{
  transform: skew(0deg, -5deg);
  background: #000;
  margin-bottom: -15px;
}

.logistics .flow .blc{
  transform: skew(0deg, 5deg);
}

.logistics .flow .imgright{
  padding-bottom: 20px;
}

.logistics .flow .imgright > div{
  padding: 20px;
}

.logistics .flow h3{
  background: linear-gradient(transparent 60%, #A30909 60%);
  display: inline-block;
  font-size: 1.2em;
  line-height: 25px;
  margin-bottom: 20px;
}

/*-content_modelcase-------------------------*/
.logistics .content_modelcase{
  padding: 20px 0 20px;
}

.logistics .modelcase .skew{
  transform: skew(0deg, -5deg);
  background: #000;
  margin-top: 10%;
  padding: 5% 20px 3%;
  position: relative;
}

.logistics .modelcase .inner1200{
  background: #000;
  padding-top: 5%;
  margin-top: -5%;
  position: relative;
}

.logistics .modelcase h2{
  transform: skew(0deg, 5deg);
}

.logistics .modelcase li{
  background: #fff;
  color: #000;
  padding: 20px;
  margin: 0 20px 20px;
}

.logistics .modelcase h3{
  text-align: center;
}

.logistics .modelcase h3 span{
  display: block;
  font-size: 1.2em;
  margin: 10px 0;
}

.logistics .modelcase dl{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.logistics .modelcase dt{
  border: 1px solid #000;
  width: 25%;
  text-align: center;
  padding: 5px;
  margin: 0 20px 10px 0;
  font-size: .9em;
}

.logistics .modelcase dd{
  width: 55%;
}

.logistics .modelcase li p{
  font-size: .8em;
  margin-bottom: 20px;
}

.logistics .modelcase .gray_box{
  background: #F2F2F2;
  padding: 20px;
  font-size: .9em;
}

.logistics .modelcase .attention{
  margin: 20px;
  font-size: .8em;
}

.logistics .modelcase .w_box{
  transform: skew(0deg, 5deg);
  background: #000;
  margin-bottom: -40px;
  padding-bottom: 50px;
}

.logistics .modelcase .w_box .inner1200{
  font-size: .9em;
  background: #fff;
  color: #000;
  padding: 20px;
  transform: skew(0deg, -5deg);
  margin: 0 20px;
}

.logistics .modelcase .w_box p:first-child{
  margin-bottom: 20px;
}

/*-content_senior-------------------------*/
.logistics .content_senior{
  padding: 20px 0;
}

.logistics .senior .skew{
  transform: skew(0deg, 5deg);
  background: #000;
  margin-top: 10%;
  padding: 3% 20px;
}

.logistics .senior h2{
  transform: skew(0deg, -5deg);
}

.logistics .senior li{
  margin-bottom: 40px;
}

.logistics .senior ul{
  transform: skew(0deg, -5deg);
  background: #000;
  margin-bottom: -30px;
  padding-bottom: 30px;
}

.logistics .senior .blc{
  transform: skew(0deg, 5deg);
}

.logistics .senior .left{
  text-align: center;
}

.logistics .senior .left p{
  text-align: center;
  font-size: 1.2em;
  margin: 10px 0;
}

.logistics .senior .center{
  padding: 0 20px;
}

.logistics .senior .center strong{
  background: #A30909;
  color: #fff;
  border-radius: 40px;
  font-weight: bold;
  padding: 5px 10px;
  display: inline-block;
}

.logistics .senior h3{
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 0;
}

.logistics .senior .center p{
  margin-bottom: 20px;
}

/*-content_vision-------------------------*/
.logistics .content_vision{
  padding: 40px 0 20px;
  margin-top: 3%;
}

.logistics .vision .skew{
  transform: skew(0deg, -5deg);
  background: #000;
  margin-top: 10%;
  padding: 5% 20px 3%;
}

.logistics .vision h2{
  transform: skew(0deg, 5deg);
}

.logistics .vision .left{
  background: #000;
  padding-top: 10%;
  margin-top: -5%;
}

.logistics .vision .right{
  background: rgba(0,0,0,0.7);
  padding: 20px;
}

.logistics .vision .right p{
  margin-bottom: 20px;
  font-size: .85em;
}

.logistics .vision .right strong{
  font-weight: bold;
  text-align: right;
  display: block;
  margin-bottom: 20px;
}

.logistics .vision ul{
  padding: 20px;
}

.logistics .vision li{
  background: #fff;
  color: #000;
  padding: 20px;
  box-shadow: 10px 10px #DBDADA;
  margin-bottom: 40px;
}

.logistics .vision li h3{
  font-weight: bold;
  font-size: 1.4em;
  text-align: center;
}

.logistics .vision li strong{
  font-weight: bold;
  display: block;
  padding: 20px 0;
}

.logistics .vision li span{
  font-size: .8em;
  margin-top: 20px;
  display: block;
}

.logistics .company{
  padding: 20px 0;
}

.logistics .company h2{
  padding: 0 20px;
}

.logistics .company .skew{
/*  transform: skew(0deg, 5deg);
  background: #000;
  padding: 0% 20px 5%;
  margin-top: 5%;*/
  transform: skew(0deg, 5deg);
  background: #000;
  padding: 5% 20px/* 22%*/;
  margin-top: 5%;
  margin-bottom: -15%;
}

.logistics .company dl{
  transform: skew(0deg, -5deg);
}

.logistics .company dt{
  padding: 10px;
  font-weight: bold;
  background: #fff;
  color: #000;
}

.logistics .company dd{
  padding: 10px;
}

.logistics .company .map{
  text-align: center;
  transform: skew(0deg, -5deg);
}

.logistics .company .map iframe{
  width: 100%;
  height: 300px;
}

.logistics .company .youtube{
  text-align: center;
  padding: 20px 0;
  transform: skew(0deg, -5deg);
}

.logistics .company .youtube iframe{
  width: 100%;
}

.logistics .company .youtube a{
  display: block;
  text-decoration: underline;
  font-size: 120%;
}

/*-content_requirement-------------------------*/
.logistics .requirement{
  padding: 40px 0 0;
}

.logistics .requirement .skew{
  transform: skew(0deg, 5deg);
  background: #000;
  margin-top: -5%;
  padding-bottom: 3%;
  margin-bottom: -7%;
}

.logistics .requirement h2{
  transform: skew(0deg, -5deg);
  padding: 20px 20px 0;
}

.logistics .requirement dl{
  transform: skew(0deg, -5deg);
  margin: 20px;
}

.logistics .requirement dt{
  padding: 10px;
  font-weight: bold;
  background: #fff;
  color: #000;
}

.logistics .requirement dd{
  padding: 10px;
}

/*-content_entry-------------------------*/
.logistics .entry{
  padding: 0 20px;
}

.logistics .content_entry dl{
  margin: 0 auto 20px;

}

.logistics .content_entry dt{
  padding: 10px;
  font-weight: bold;
}

.logistics .content_entry dt span{
  font-size: .7em;
  margin-left: 5px;
  color: #B70606;
}

.logistics .content_entry dd{
  padding: 10px;
}

.logistics .content_entry input[type="text"],
.logistics .content_entry select{
  padding: 10px;
  width: 100%;
}

.logistics .content_entry select.width{
  width: auto;
}

.logistics .content_entry .btn{
  display: block;
  margin: 0 auto;
  position: relative;
  padding: 10px 20px;
  font-size: 1.0em;
  width: 100%;
  background: #B70606;
  color: #fff;
  text-align: center;
  border: none;
  -webkit-appearance: none;
}

.logistics .content_entry p{
  margin: 40px auto;
}

/*-------------------------------------------
footer
-------------------------------------------*/
footer small{
  display: block;
  text-align: center;
  font-size: .6rem;
  padding: 10px;
  margin-top: 40px;
}

/*-------------------------------------------
other
-------------------------------------------*/
.pconly{
  display: none;
}

}