/*/--------------------------------------------------------------------------/*/
/* ===== ナビ==== */
/*/--------------------------------------------------------------------------/*/

#header {
  background: #fff;
}

#header div div {
  box-shadow: none;
}

#header .logo a{
background-position: bottom;
-ms-interpolation-mode: nearest-neighbor;
image-rendering: pixelated;
}


/*/--------------------------------------------------------------------------/*/
/* ===== タイトル==== */
/*/--------------------------------------------------------------------------/*/

.title-wrap {
  width: 100%;
  background: #eee;
  margin-top: 110px;
}

.title {
    max-width: 1280px;
    height: 330px;
    margin: auto;
    background-image: url("/_images/picking/title-bg.webp");
    position: relative;
}

.title-inner {
  position: absolute;
  top: 89px;
  left: 89px;
}

.title h2 {
  font-size: 55px;
  line-height: 89px;
  color: #fff;
}

.title p {
  font-size: 21px;
  line-height: 34px;
  color: #fff;
}

@media all and (max-width: 940px){

  .title-wrap {
    margin-top: 66px;
  }

  .title-inner {
    left: 34px;
  }

  .title h2 {
    font-size: 34px;
    line-height: 55px;
  }

  .title p {
    font-size: 16px;
    line-height: 26px;
  }

}

/*/--------------------------------------------------------------------------/*/
/* ===== delivery-content1==== */
/*/--------------------------------------------------------------------------/*/

.picking-content1 h3 {
  font-size: 34px;
  color: #1042a9;
  line-height: 55px;
  text-align: center;
  margin-top: 34px;
  margin-bottom: 34px;
}

.picking-content1 h3:before{
	content: "";
	width: 52px;
	height: 64px;
	background-image: url("/_images/common/section-h2-before.png");
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
  margin-bottom: -21px;
  margin-right: 21px;
}

.picking-content1 h3:after{
	content: "";
	width: 52px;
	height: 64px;
	background-image: url("/_images/common/section-h2-after.png");
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
  margin-bottom: -21px;
  margin-left: 13px;
}

.picking-content1 p {
  font-size: 21px;
  line-height: 55px;
  max-width: 1040px;
  margin: auto;
}

.picking-content2 + .picking-content1{
margin-top: 60px;
}

.picking-content2 + .picking-content1 p{
text-align: center;
}

.picking-content2 + .picking-content1 img{
max-width: 200px;
margin-top: 15px;
}

@media all and (max-width: 940px){

  .picking-content1 {
      width: 90%;
      margin: auto;
  }

  .picking-content1 h3 {
    font-size: 21px;
  }

  .picking-content1 p {
      font-size: 16px;
      line-height: 26px;
  }

}

/*
JONA
*/

div > h4{
  font-size: 21px;
  line-height: 1;
  border-bottom: 6px solid #cbe4b5;
}

div > h4:after{
	content: "";
	width: 34px;
	height: 34px;
	background-image: url("/_images/common/company-h3-bg.png");
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	float: right;
}

#jona{
  padding-top: 129px;
}

.picking-jona{
  max-width: 1120px;
  margin: auto;
}

.picking-jona > div{
border: 2px solid #cbe4b5;
padding: 38px;
}

.picking-jona h4{
margin-bottom: 39px;
}

.picking-jona h4 br{
display: none;
}

.picking-jona p{
margin-bottom: 29px;
text-align: center;
font-weight: bold;
}

.picking-jona p:nth-of-type(2){
margin-bottom: 49px;
}

.picking-jona p:last-of-type{
margin-bottom: 0;
}

.picking-jona img{
max-width: 200px;
margin-top: 15px;
}

.picking-jona h5{
border-top: 1px solid #cbe4b5;
padding-top: 3%;
margin-bottom: 3%;
line-height: 1;
font-size: 18px;
text-align: center;
}


.picking-jona dl{
display: flex;
justify-content: space-between;
margin-bottom: 3%;
}

.picking-jona dl div{
box-sizing: border-box;
background-color: #fff6e0;
width: 31%;
padding: 1em;
}

.picking-jona dt{
margin-bottom: 0.4em;
font-weight: bold;
text-align: center;
}

.picking-jona dd{
text-align: justify;
}

@media all and (max-width: 500px){

.picking-jona{
padding: 0 20px;
margin-bottom: 40px;
}

.picking-jona > div{
padding: 20px;
}

.picking-jona h4 br{
display: block;
}

.picking-jona h5{
padding-top: 5%;
}

.picking-jona dl{
display: block;
}

.picking-jona dl > div{
width: 100%;
margin-bottom: 3%;
}


}

/*/--------------------------------------------------------------------------/*/
/* ===== delivery-content2==== */
/*/--------------------------------------------------------------------------/*/

.picking-content2 {
  max-width: 1040px;
  margin: auto;
  margin-top: 89px;
}

.picking-content2 h4 {
  font-size: 21px;
  line-height: 1;
  border-bottom: 6px solid #cbe4b5;
}

.picking-content2 h4:after{
	content: "";
	width: 34px;
	height: 34px;
	background-image: url("/_images/common/company-h3-bg.png");
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	float: right;
}

.kodawari-wrap {
  width: 70%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}

.kodawari {
  width: 45%;
}

.kodawari p {
  margin-top: 13px;
}

.yarigai {
  width: 45%;
  margin-left: 10%;
}

.yarigai p {
  margin-top: 13px;
}

.kodawari img , .yarigai img {
  width: 100%;
}

@media all and (max-width: 940px){


}

@media all and (max-width: 480px){


  .kodawari-wrap {
  width: 90%;
  }

  .kodawari {
    width: 100%;
  }

  .yarigai {
    width: 100%;
    margin-left: 0%;
    margin-top: 34px;
  }

}

/*/--------------------------------------------------------------------------/*/
/* ===== delivery-content2==== */
/*/--------------------------------------------------------------------------/*/

.picking-content3 {
  max-width: 1040px;
  margin: auto;
  margin-top: 89px;
}

.picking-content3 h4 {
  font-size: 21px;
  line-height: 1;
  border-bottom: 6px solid #cbe4b5;
}

.picking-content3 h4:after{
	content: "";
	width: 34px;
	height: 34px;
	background-image: url("/_images/common/company-h3-bg.png");
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	float: right;
}

.nagare-wrap {
  display: flex;
  flex-wrap: wrap;
}

.nagare {
  width: 30%;
  margin-left: 5%;
  background: #e5ede5;
  margin-top: 34px;
}

.nagare-inner {
  padding: 34px;
}

.nagare h5 {
  margin-bottom: 21px;
}
.nagare:nth-of-type(3n-2) {
  margin-left: 0;
}

@media all and (max-width: 940px){

  .picking-content3 {
    width: 90%;
  }
}

@media all and (max-width: 480px){

  .nagare-wrap {
    width: 100%;
  }

  .nagare {
    width: 100%;
    margin-left: 0%;
  }

}