/* CSS Document */
.mainimage{background:url("../img/soy_sauce/key_img.jpg") no-repeat center/cover;height:720px!important}
.mainimage .box{padding-top:70px!important}
.mainimage .scroll{bottom:183px!important}
#sec1 .deco1{text-align:center;padding-top:101px;padding-bottom:63px}
#sec1 .deco2{position:absolute;top:35px;left:-17px;z-index:2}
#sec1 h2{text-align:center;position:relative;z-index:1}
#sec1 .txt-red{color:#b7522f}
#sec1 .txt{width:728px;margin:0 auto;padding-top:62px}
#sec1 .img1{position:absolute;top:213px;left:-300px}
#sec1 .img2{position:absolute;top:338px;right:-300px}
#sec2{position:relative;padding-bottom:137px}
#sec2:before{content:"";position:absolute;bottom:-162px;right:0;background:url("../img/soy_sauce/s2_bg.png") no-repeat center/cover;width:941px;height:769px}
#sec2 .deco{text-align:right;margin-right:-143px;padding-top:14px}
#sec2 .tit{text-align:center;margin-top:-73px}
#sec2 dl{padding-top:101px}
#sec2 dl dd{padding-top:64px;width:485px;padding-left:49px}
#sec3{position:relative}
#sec3:before{content:"";position:absolute;top:162px;right:0;background:url("../img/soy_sauce/s2_bg2.png") no-repeat center/cover;width:1120px;height:934px}
#sec3 .slider-for{margin-left:-400px}
#sec3 .slider-nav .slick-list{transform:none}
#sec3 .slider-nav .slick-track{padding-left:38px;padding-top:25px;transform:none!important}
#sec3 .slider-nav .slick-slide{width:274px!important;height:170px;margin:0 8px;position:relative;cursor:pointer}
#sec3 .slider-nav .slick-slide.slick-current:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #b7522f;z-index:1}
#sec3 .content h2{text-align:center;padding-top:106px;padding-bottom:68px}
#sec3 .content .txt{width:757px;margin:0 auto;padding-bottom:55px}
#sec3 .content .box{margin:0 -100px;border:30px solid #ede9e7}
#sec3 .content .box .inner{background:#fff;padding-top:110px;padding-bottom:10px}
#sec3 .content .box .inner h3{text-align:center;padding-bottom:72px}
#sec3 .content .box .inner dl{display:table;width:679px;margin:0 auto;letter-spacing:0.01em;font-weight:100;line-height:36px}
#sec3 .content .box .inner dl dt,#sec3 .content .box .inner dl dd{display:table-cell}
#sec3 .content .box .inner dl dt{width:137px;position:relative}
#sec3 .content .box .inner dl dt:before{content:"";position:absolute;top:0;bottom:0;right:0;border-right:1px solid #bd6141}
#sec3 .content .box .inner dl dd{padding-left:48px}
#sec4{padding-bottom:192px}
#sec4 h2{text-align:center;padding-top:88px;position:relative;z-index:1}
#sec4 .slider-for2{margin:-20px -300px 0;height:581px}
#sec4 .slider-for2 .p1{background:url("../img/soy_sauce/s4_js1.jpg") no-repeat center/cover}
#sec4 .slider-for2 .p2{background:url("../img/soy_sauce/s4_js2.jpg") no-repeat center/cover}
#sec4 .slider-for2 .p2 .box{margin-left:auto}
#sec4 .slider-for2 .p3{background:url("../img/soy_sauce/s4_js3.jpg") no-repeat center/cover}
#sec4 .slider-for2 .p3 .box dl dt{width:130px}
#sec4 .slider-for2 .p4{background:url("../img/soy_sauce/s4_js4.jpg") no-repeat center/cover}
#sec4 .slider-for2 .p4 .box{margin-left:auto}
#sec4 .slider-for2 .p5{background:url("../img/soy_sauce/s4_js5.jpg") no-repeat center/cover}
#sec4 .slider-for2 .p6{background:url("../img/soy_sauce/s4_js6.jpg") no-repeat center/cover}
#sec4 .slider-for2 .p6 .box{margin-left:auto}
#sec4 .slider-for2 .box{width:523px;background:rgba(0,0,0,0.46);position:relative;color:#fff}
#sec4 .slider-for2 .box:before{content:"";position:absolute;top:16px;bottom:16px;left:16px;right:16px;border:1px solid #fff}
#sec4 .slider-for2 .box .numb{text-align:right;width:18px;margin-left:auto;padding-top:60px;padding-right:48px}
#sec4 .slider-for2 .box dl{padding-bottom:73px}
#sec4 .slider-for2 .box dl dt{text-align:center;width:55px;margin:0 auto;padding-top:25px}
#sec4 .slider-for2 .box dl dd{width:396px;margin:0 auto;padding-top:95px;line-height:37px}
#sec4 .slider-nav2{padding-top:54px;position:relative}
#sec4 .slider-nav2:before{content:"";position:absolute;top:119px;left:60px;right:60px;height:1px;background:#b7522f}
#sec4 .slider-nav2 .slick-track{transform:none!important}
#sec4 .slider-nav2 .slick-slide{width:128px!important;height:128px;margin:0 13px;position:relative;cursor:pointer}
#sec4 .slider-nav2 .slick-slide:first-child{margin-left:0}
#sec4 .slider-nav2 .slick-slide:last-child{margin-right:0}
#sec4 .slider-nav2 .slick-slide.slick-current:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #b7522f;z-index:1}
@media only screen and (max-width:1550px){#sec4 .slider-for2{margin:-20px -210px 0}}
@media only screen and (max-width:1440px){#sec4 .slider-for2{margin:-20px -150px 0}}
@media only screen and (max-width:1300px){#sec4 .slider-for2{margin:-20px -100px 0}}
@media only screen and (max-width:1200px){#sec4 .slider-for2{margin:-20px 0 0}}