header #key {
  background: url(../img/food/key.jpg) no-repeat center center;
  background-size: cover;
}

header #key .key_txt {
  position: absolute;
  top: 292px;
  left: 0;
  right: 0;
  text-align: center;
}

#sec1 {
  background: url(../img/food/sec1_bg.jpg) no-repeat top center;
  background-size: cover;
  position: relative;
  padding: 129px 0 174px;
}

#sec1:before {
  content: url(../img/food/sec1_bg2.png);
  position: absolute;
  top: 0;
  right: 0;
}

#sec1 .box {
  width: 500px;
  margin-left: 500px;
}

#sec1 .box .txt {
  padding-top: 45px;
  color: #fff;
}

#sec2 {
  position: relative;
  padding-bottom: 205px;
}

#sec2:before {
  content: url(../img/food/sec2_bg.png);
  position: absolute;
  top: 0;
  left: 0;
}

#sec2 .note {
  text-align: center;
  padding: 85px 0 66px;
}

#sec2 h2 {
  position: absolute;
  top: 67px;
  left: 111px;
}

#sec2 .txt {
  float: left;
  height: 515px;
  padding: 0px 0 0 20px;
}

#sec2 .box {
  width: 566px;
}

#sec2 .box dl {
  padding-top: 12px;
}

#sec2 .box dl dt {
  float: left;
  font-size: 25px;
}

#sec2 .box dl dd {
  float: left;
  font-size: 20px;
  padding-left: 35px;
}

#sec3 {
  background: url(../img/shared/bg2.jpg) repeat top center;
  position: relative;
}

#sec3:before {
  content: '';
  background: url(../img/shared/bg2.jpg) repeat top center;
  -moz-transform: skewY(-7deg);
  -webkit-transform: skewY(-7deg);
  -o-transform: skewY(-7deg);
  -ms-transform: skewY(-7deg);
  transform: skewY(-7deg);
  position: absolute;
  top: -131px;
  left: 0;
  right: 0;
  height: 300px;
}

#sec3 .info1 {
  position: relative;
}

#sec3 .info1 .ttl {
  position: absolute;
  top: 54px;
  right: 130px;
}

#sec3 .info1 .box .inner {
  width: 478px;
  padding-top: 172px;
}

#sec3 .info1 .box .inner dl {
  width: 360px;
}

#sec3 .info1 .box .inner dl dt {
  font-size: 30px;
  float: left;
  letter-spacing: 5px;
}

#sec3 .info1 .box .inner dl dd {
  font-size: 20px;
  float: right;
}

#sec3 .info1 .box .inner .txt {
  padding: 17px 0 0 10px;
  width: 467px;
}

#sec3 .info1 .go_slide .bx-wrapper .bx-pager, #sec3 .info1 .go_slide .bx-wrapper .bx-controls-auto {
  margin-left: -53px;
  bottom: -20px;
}

#sec3 .line {
  text-align: center;
  padding: 119px 0 89px;
}

#sec3 .line2 {
  text-align: center;
  padding: 120px 0 96px;
}

#sec3 .info2 {
  position: relative;
}

#sec3 .info2 .ttl {
  position: absolute;
  top: 41px;
  left: 111px;
}

#sec3 .info2 .box .inner {
  width: 500px;
  padding-top: 172px;
}

#sec3 .info2 .box .inner dl {
  width: 467px;
}

#sec3 .info2 .box .inner dl dt {
  font-size: 30px;
  float: left;
}

#sec3 .info2 .box .inner dl dd {
  font-size: 20px;
  float: right;
}

#sec3 .info2 .box .inner .txt {
  padding-top: 23px;
  width: 467px;
}

#sec3 .info2 .go_slide .bx-wrapper .bx-pager, #sec3 .info2 .go_slide .bx-wrapper .bx-controls-auto {
  margin-left: 43px;
}

#sec3 .info3 {
  position: relative;
  padding-bottom: 139px;
}

#sec3 .info3 .ttl {
  position: absolute;
  top: 42px;
  right: 100px;
}

#sec3 .info3 .box .inner {
  width: 478px;
  padding-top: 175px;
}

#sec3 .info3 .box .inner dl {
  width: 360px;
}

#sec3 .info3 .box .inner dl dt {
  font-size: 30px;
  float: left;
}

#sec3 .info3 .box .inner dl dd {
  font-size: 20px;
  float: right;
}

#sec3 .info3 .box .inner .txt {
  padding-top: 17px;
  width: 467px;
  padding-left: 9px;
}

#sec3 .info3 .go_slide .bx-wrapper .bx-pager, #sec3 .info3 .go_slide .bx-wrapper .bx-controls-auto {
  margin-left: -44px;
  bottom: -24px;
}

#sec3 .info4 {
  padding-bottom: 40px;
}

#sec3 .info4 .ttl {
  text-align: center;
  padding-bottom: 59px;
}

#sec3 .info4 .boxinfo {
  width: 1230px;
  margin-left: -114px;
}

#sec3 .info4 .boxinfo .box {
  width: 575px;
  min-height: 836px;
}

#sec3 .info4 .boxinfo .box .inner1 {
  position: relative;
  height: 410px;
}

#sec3 .info4 .boxinfo .box .inner1 dl {
  position: absolute;
  top: 54px;
  right: 134px;
}

#sec3 .info4 .boxinfo .box .inner1 dl dt {
  font-size: 30px;
  letter-spacing: 8px;
}
#sec3 .info4 .boxinfo .box .inner1 dl dt span {
  font-size: 20px;
  letter-spacing: 8px;
}

#sec3 .info4 .boxinfo .box .inner1 dl dd {
  font-size: 20px;
  position: absolute;
  top: 300px;
  left: 0;
  width: 100px;
}

#sec3 .info4 .boxinfo .box .inner1 .txt {
  padding: 56px 0 0 200px;
  height: 354px;
}

#sec3 .info4 .boxinfo .box .inner2 {
  position: relative;
  height: 410px;
}

#sec3 .info4 .boxinfo .box .inner2 dl {
  position: absolute;
  top: 54px;
  right: 194px;
}

#sec3 .info4 .boxinfo .box .inner2 dl dt {
  font-size: 30px;
  line-height: 45px;
  letter-spacing: 8px;
}

#sec3 .info4 .boxinfo .box .inner2 dl dd {
  font-size: 20px;
  position: absolute;
  top: 300px;
  left: 47px;
  width: 100px;
}

#sec3 .info4 .boxinfo .box .inner2 .txt {
  padding: 56px 0 0 80px;
  height: 354px;
}

#sec3 .info4 .boxinfo .box.fr {
  min-height: 836px;
}

#sec3 .info4 .boxinfo .box.fr .bx-wrapper .bx-pager, #sec3 .info4 .boxinfo .box.fr .bx-wrapper .bx-controls-auto {
  text-align: left;
}

#sec4 {
  position: relative;
  padding-bottom: 116px;
}

#sec4:before {
  content: url(../img/food/sec4_bg.png);
  position: absolute;
  top: 0;
  left: 0;
}

#sec4 .note {
  text-align: center;
  padding: 78px 0;
}

#sec4 .info1 {
  padding-bottom: 103px;
}

#sec4 .info1 h2 {
  padding-left: 65px;
}

#sec4 .info1 .box {
  width: 575px;
}

#sec4 .info1 .box dl {
  padding-top: 38px;
}

#sec4 .info1 .box dl dt {
  font-size: 35px;
  float: left;
}

#sec4 .info1 .box dl dd {
  font-size: 20px;
  float: left;
  padding-left: 80px;
	    padding-top: 30px;
}

#sec4 .info1 .box .txt {
  padding-top: 26px;
}

#sec4 .info2 {
  padding-bottom: 148px;
}

#sec4 .info2 .box {
  width: 320px;
  margin-right: 20px;
  float: left;
  text-align: center;
}

#sec4 .info2 .box:last-child {
  margin-right: 0;
}

#sec4 .info2 .box dl {
  padding: 21px 0 15px;
}

#sec4 .info2 .box dl dt {
  font-size: 25px;
  line-height: 40px;
}

#sec4 .info2 .box dl dd {
  font-size: 20px;
  padding-top: 14px;
}

#sec4 .info2 .box .txt {
  padding: 20px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

#sec4 .info3 {
  height: 456px;
}

#sec4 .info3 .photo {
  margin-left: -53px;
}

#sec4 .info3 .box {
  position: relative;
  width: 346px;
}

#sec4 .info3 .box dl {
  position: absolute;
  top: 46px;
  right: 34px;
  letter-spacing: 5px;
}

#sec4 .info3 .box dl dt {
  font-size: 35px;
  line-height: 55px;
}

#sec4 .info3 .box dl dd {
  font-size: 20px;
    position: absolute;
    top: 343px;
top: 293px;
    right: -58px;
width: 140px;
}

#sec4 .info3 .box .txt {
  padding: 29px 0 0 74px;
}

#sec4 .bnr {
  text-align: center;
  padding-top: 46px;
}

#sec5 {
  padding-bottom: 250px;
  position: relative;
  background: url(../img/shared/bg2.jpg) repeat top center;
}

#sec5:before {
  content: '';
  background: url(../img/shared/bg2.jpg) repeat top center;
  -moz-transform: skewY(-6deg);
  -webkit-transform: skewY(-6deg);
  -o-transform: skewY(-6deg);
  -ms-transform: skewY(-6deg);
  transform: skewY(-6deg);
  position: absolute;
  bottom: -106px;
  left: 0;
  right: 0;
  height: 300px;
}

#sec5 .note {
  text-align: center;
  padding-top: 55px;
}

#sec5 h2 {
  margin-left: -193px;
}

#sec5 dl {
  padding-top: 63px;
  width: 442px;
}

#sec5 dl dt {
  font-size: 35px;
  float: left;
}

#sec5 dl dd {
  font-size: 20px;
  float: right;
}

#sec5 .txt {
  padding-top: 40px;
}

#sec5 .photo {
  position: absolute;
  top: 155px;
  right: -147px;
}

#sec5 .photo2 {
  position: absolute;
  top: 616px;
  left: 11px;
}
#sec5 .txt2{
	position: absolute;
	bottom: -290px;
	right: 0;
}
#sec6 {
  padding: 220px 0 150px;
}

#sec6 .boxinfo .note {
  text-align: center;
  padding: 32px 0 25px;
}

#sec6 .boxinfo .info .box {
  width: 470px;
}

#sec6 .boxinfo .info .box .item {
  padding-bottom: 13px;
}

#sec6 .boxinfo .info .box .item h3 {
  font-size: 25px;
  line-height: 55px;
  padding-top: 20px;
  text-align: center;
}

#sec6 .boxinfo .info .box .item dl {
  padding: 3px 0;
  border-bottom: 1px solid #000;
}

#sec6 .boxinfo .info .box .item dl dt {
  float: left;
}

#sec6 .boxinfo .info .box .item dl dd {
  float: right;
  text-align: right;
}