@charset "utf-8";

/* splash
--------------------------------------- */
#splash .inner{position:relative;}
#splash p{
  position:absolute;
  top:300px;
  left:40px;
  font-size:28px;
  font-weight:bold;
  color:#fff;
  line-height:1.5;
}
@media screen and (max-width:640px){
  #splash .inner{width:100%;}
  #splash p{
    width:560px;
    top:120px;
    font-size:24px;
    line-height:1.3;
  }
}

/* リンク
--------------------------------------- */
#distribution #link-enterprise.link-area{background-color:#fff;}
#distribution #link-enterprise.structure-link1 .inner{
  width:235px;
}
#distribution #link-enterprise.structure-link2 .inner{
  width:745px;
}
@media screen and (max-width:640px){
  #distribution #link-enterprise.structure-link2 .inner{
    width:490px;
  }
}

/* 共通
--------------------------------------- */
#distribution h2{
  margin-bottom:20px;
  padding-top:50px;
  font-size:24px;
  font-weight:bold;
  text-align:center;
}
#distribution .down-arrow{
  width:72px;
  margin:0 auto 28px;
}
@media screen and (max-width:640px){
  #distribution h2{
    font-size:36px;
  }
}

/* 生産物流/販売物流
--------------------------------------- */
#distribution .box-detail{
  position:relative;
  width:1000px;
  height:580px;
}
#distribution #structure .box-detail{
  background:url(../images/distribution/bg1.jpg) 0 0 no-repeat;
}
#distribution #sell .box-detail{
  background:url(../images/distribution/bg2.jpg) 0 0 no-repeat;
}
#distribution .box-detail h3{
  position:absolute;
  top:40px;
  left:40px;
}
#distribution .box-detail h4{
  position:absolute;
  top:40px;
  left:280px;
  font-size:24px;
  font-weight:bold;
  line-height:1.5;
}
#distribution .box-detail p{
  position:absolute;
  width:680px;
  top:120px;
  left:280px;
  line-height:1.8;
}

@media screen and (max-width:640px){
  #distribution #structure .inner,
  #distribution #sell .inner{width:100%;}
  #distribution .box-detail{
    width:640px;
    height:initial;
    height:auto;
    min-height:371px;
  }
  #distribution #structure .box-detail{
    background-image:url(../images/distribution/sp-bg1.jpg);
  }
  #distribution #sell .box-detail{
    background-image:url(../images/distribution/sp-bg2.jpg);
  }
  #distribution .box-detail h4{
    left:260px;
  }
  #distribution .box-detail p{
    position:static;
    width:560px;
    margin:0 auto 30px;
    padding-top:400px;
    line-height:2.0;
  }
}

/* 品質管理
--------------------------------------- */
#distribution #quality{
  margin-bottom:120px;
}
#distribution #quality .box-detail2{
  width:920px;
  margin-bottom:5px;
  padding:30px 40px;
  background-color:#bfcc31;
}
#distribution #quality .box-detail2 h3{
  margin-bottom:16px;
  font-size:24px;
  font-weight:bold;
  line-height:1.5;
}
#distribution #quality .box-detail2 p{
  line-height:1.8;
}

@media screen and (max-width:640px){
  #distribution #quality .inner{width:100%;}
  #distribution #quality .box-detail2{
    width:580px;
    margin-bottom:40px;
    padding:40px 30px;
  }
  #distribution #quality .box-detail2 h3{
    font-size:36px;
    line-height:1.3;
  }
  #distribution #quality .box-photo{
    width:560px;
    margin:auto;
  }
  #distribution #quality .box-photo p{
    margin-top:30px;
    line-height:1.8;
  }
}