/*
　　　　Theme Name: 株式会社イシカワ 物流職採用
*/

@charset "utf-8";

@media screen and (min-width:751px), print {

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

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

img {
  height: auto;
}

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

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

a:hover{
  opacity: .5;
}

.inner1200{
  width: 1200px;
  margin: 0 auto;
}

.imgleft {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.imgright{
  display: -webkit-flex;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
}

.imgleft > div{
  margin-left: 40px;
}

.imgright > div{
  margin-right: 40px;
}

.imgleft p,
.imgright p{
  margin-bottom: 20px;
}

.imgleft p:last-child,
.imgright p:last-child{
  margin-bottom: 0;
}

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

/*.parallax.bg-01 {
  background-image: url(../images/lp/butsuryu/parallax01_sp.png);
}
.parallax.bg-02 {
  background-image: url(../images/lp/butsuryu/parallax02_sp.png);
}
.parallax.bg-03 {
  background-image: url(../images/lp/butsuryu/parallax03_sp.png);
}
.parallax.bg-04 {
  background-image: url(../images/lp/butsuryu/parallax04_sp.png);
}
.parallax.bg-05 {
  background-image: url(../images/lp/butsuryu/parallax05_sp.png);
  }*/

/*-------------------------------------------
header
-------------------------------------------*/
/*-butsuryu-----------------------------*/
.h_butsuryu .catch{
  position: relative;
  z-index: 1;
  text-align: center;
}

.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;
  font-size: 1.2em;
  color: #000;
}

.h_butsuryu nav ul{
  display: flex;
  align-items: center;
}

.h_butsuryu nav a{
  color: #1D9CE0;
  font-weight: bold;
  margin-left: 20px;
}

.h_butsuryu .entry_btn{
  color: #fff;
  background: #1D9CE0;
  padding: 27px 20px;
  line-height: 70px;
}

/*-logistics-----------------------------*/
.h_logistics .catch{
  position: relative;
  z-index: 1;
  text-align: center;
}

.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;
  font-size: 1.2em;
}

.h_logistics nav ul{
  display: flex;
  align-items: center;
}

.h_logistics nav a{
  color: #B70606;
  font-weight: bold;
  margin-left: 20px;
}

.h_logistics .entry_btn{
  color: #fff;
  background: #B70606;
  padding: 27px 20px;
  line-height: 70px;
}

/*-------------------------------------------
butsuryu
-------------------------------------------*/
.butsuryu h2{
  font-size: 2em;
  text-align: center;
  font-weight: bold;
  margin: 20px auto 40px;
}

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

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

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

.butsuryu .lead p{
  text-align: center;
  letter-spacing: 5px;
  font-size: 1.2em;
}

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

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

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

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

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

.butsuryu .logistic .left{
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: rgba(255,255,255,.8);
  padding: 60px 40px;
}

.butsuryu .logistic .right{
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: rgba(255,255,255,.8);
  padding: 80px 40px;
}

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

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

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


/*-content_flow-------------------------*/
.butsuryu .content_flow{
  padding: 80px 0 0;
}

.butsuryu .flow .skew{
  transform: skew(0deg, 5deg);
  background: #fff;
  margin-top: -162px;
  padding-top: 80px;
}

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

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

.butsuryu .flow .blc{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  transform: skew(0deg, 5deg);
}

.butsuryu .flow .left{
  width: 20%;
}

.butsuryu .flow .right{
  width: 80%;
}

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

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

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

.butsuryu .modelcase .skew{
  transform: skew(0deg, -5deg);
  background: #fff;
  margin-top: -140px;
  padding-top: 60px;
}

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

.butsuryu .modelcase ul{
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.butsuryu .senior .skew{
  transform: skew(0deg, 5deg);
  background: #fff;
  margin-top: -140px;
  padding-top: 60px;
}

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

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

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

.butsuryu .senior .blc{
  display: flex;
  justify-content: space-between;
  transform: skew(0deg, 5deg);
}

.butsuryu .senior .left,
.butsuryu .senior .right{
  width: 25%;
}

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

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

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

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

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

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

.butsuryu .vision .skew{
  transform: skew(0deg, -5deg);
  background: #fff;
  margin-top: -140px;
  padding-top: 60px;
}

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

.butsuryu .vision .blc{
  position: relative;
}

.butsuryu .vision .right{
  position: absolute;
  top: 60px;
  right: 20px;
  width: 650px;
  background: rgba(255,255,255,.8);
  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{
  display: flex;
  justify-content: space-between;
  padding: 60px;
}

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

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

.butsuryu .vision li strong{
  font-weight: bold;
  display: block;
  padding: 20px 40px;
  font-size: 1.05em;
}

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

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

.butsuryu .company .skew{
  transform: skew(0deg, 5deg);
  background: #fff;
  margin-bottom: -140px;
  padding-bottom: 80px;
}

.butsuryu .company dl{
  transform: skew(0deg, -5deg);
  width: 800px;
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #000;
}

.butsuryu .company dt{
  width: 20%;
  border-right: 1px solid #000;
  padding: 10px;
  font-weight: bold;
}

.butsuryu .company dd{
  width: 80%;
  padding: 10px;
}

.butsuryu .company dt,
.butsuryu .company dd{
  border-bottom: 1px solid #000;
}

.butsuryu .company dt:last-of-type,
.butsuryu .company dd:last-of-type{
  border-bottom: none;
}

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

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

.butsuryu .company .youtube h3{
  margin-bottom:20px;
}

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

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

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

.butsuryu .requirement .skew{
  transform: skew(0deg, 5deg);
  background: #fff;
  margin-top: -120px;
  padding-top: 60px;
}

.butsuryu .requirement dl{
  transform: skew(0deg, -5deg);
  width: 800px;
  margin: 40px auto 60px;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #000;
}

.butsuryu .requirement dt{
  width: 20%;
  border-right: 1px solid #000;
  padding: 10px;
  font-weight: bold;
}

.butsuryu .requirement dd{
  width: 80%;
  padding: 10px;
}

.butsuryu .requirement dt,
.butsuryu .requirement dd{
  border-bottom: 1px solid #000;
}

.butsuryu .requirement dt:last-of-type,
.butsuryu .requirement dd:last-of-type{
  border-bottom: none;
}


/*-content_entry-------------------------*/
.butsuryu .content_entry dl{
  width: 800px;
  margin: 40px auto 60px;
  display: flex;
  flex-wrap: wrap;
}

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

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

.butsuryu .content_entry dd{
  width: 70%;
  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: 50%;
  background: #1D9CE0;
  color: #fff;
  text-align: center;
  border: none;
  transition: .7s;
  -webkit-appearance: none;
}

.butsuryu .content_entry .btn:hover{
  cursor: pointer;
  opacity: .5;
  transition: .7s;
}

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

/*-------------------------------------------
logistics
-------------------------------------------*/
.logistics h2{
  font-size: 2em;
  text-align: center;
  font-weight: bold;
  margin: 20px auto 40px;
}

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

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

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

.logistics .lead p{
  text-align: center;
  letter-spacing: 5px;
  font-size: 1.2em;
}

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

.logistics .logistic .skew{
  transform: skew(0deg, -5deg);
  background: #000;
  margin-top: -162px;
  padding-top: 80px;
}

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

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

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

.logistics .logistic .left{
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  padding: 60px 40px;
}

.logistics .logistic .left_wrap,
.logistics .logistic .right_wrap{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 80%;
  height: 200px;
}

.logistics .logistic .right{
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  padding: 60px 40px;
}

.logistics .logistic h3{
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

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


/*-content_flow-------------------------*/
.logistics .content_flow{
  padding: 80px 0 0;
}

.logistics .flow .skew{
  transform: skew(0deg, 5deg);
  background: #000;
  margin-top: -162px;
  padding-top: 80px;
}

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

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

.logistics .flow .blc{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  transform: skew(0deg, 5deg);
}

.logistics .flow .left{
  width: 20%;
}

.logistics .flow .right{
  width: 80%;
}

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

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

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

.logistics .modelcase .skew{
  transform: skew(0deg, -5deg);
  background: #000;
  margin-top: -140px;
  padding-top: 60px;
}

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

.logistics .modelcase ul{
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.logistics .senior .skew{
  transform: skew(0deg, 5deg);
  background: #000;
  margin-top: -140px;
  padding-top: 60px;
}

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

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

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

.logistics .senior .blc{
  display: flex;
  justify-content: space-between;
  transform: skew(0deg, 5deg);
}

.logistics .senior .left,
.logistics .senior .right{
  width: 25%;
}

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

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

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

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

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

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

.logistics .vision .skew{
  transform: skew(0deg, -5deg);
  background: #000;
  margin-top: -140px;
  padding-top: 60px;
}

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

.logistics .vision .blc{
  position: relative;
}

.logistics .vision .right{
  position: absolute;
  top: 5%;
  right: 50px;
  width: 570px;
  background: rgba(0,0,0,0.7);
  padding: 20px 40px;
}

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

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

.logistics .vision ul{
  display: flex;
  justify-content: space-between;
  padding: 60px;
}

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

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

.logistics .vision li strong{
  font-weight: bold;
  display: block;
  padding: 20px 40px;
  font-size: 1.05em;
}

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

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

.logistics .company .skew{
  transform: skew(0deg, 5deg);
  background: #000;
  margin-bottom: -140px;
  padding-bottom: 80px;
}

.logistics .company dl{
  transform: skew(0deg, -5deg);
  width: 800px;
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #fff;
}

.logistics .company dt{
  width: 20%;
  border-right: 1px solid #fff;
  padding: 10px;
  font-weight: bold;
}

.logistics .company dd{
  width: 80%;
  padding: 10px;
}

.logistics .company dt,
.logistics .company dd{
  border-bottom: 1px solid #fff;
}

.logistics .company dt:last-of-type,
.logistics .company dd:last-of-type{
  border-bottom: none;
}

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

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

.logistics .company .youtube h3{
  margin-bottom:20px;
}

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

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

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

.logistics .requirement .skew{
  transform: skew(0deg, 5deg);
  background: #000;
  margin-top: -120px;
  padding-top: 60px;
}

.logistics .requirement dl{
  transform: skew(0deg, -5deg);
  width: 800px;
  margin: 40px auto 60px;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #fff;
}

.logistics .requirement dt{
  width: 20%;
  border-right: 1px solid #fff;
  padding: 10px;
  font-weight: bold;
}

.logistics .requirement dd{
  width: 80%;
  padding: 10px;
}

.logistics .requirement dt,
.logistics .requirement dd{
  border-bottom: 1px solid #fff;
}

.logistics .requirement dt:last-of-type,
.logistics .requirement dd:last-of-type{
  border-bottom: none;
}

/*-content_entry-------------------------*/
.logistics .content_entry dl{
  width: 800px;
  margin: 40px auto 60px;
  display: flex;
  flex-wrap: wrap;
}

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

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

.logistics .content_entry dd{
  width: 70%;
  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: 50%;
  background: #B70606;
  color: #fff;
  text-align: center;
  border: none;
  transition: .7s;
  -webkit-appearance: none;
}

.logistics .content_entry .btn:hover{
  cursor: pointer;
  opacity: .5;
  transition: .7s;
}

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


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

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

}