/* contents */ #contents.distribution .section_top .back_container{background-image:url(../images/business/top_bg_dis.jpg); background-position: 50% 0%;} #contents.distribution .section{padding: 130px 0;} #contents.distribution .section .inner{max-width: 1080px;margin: 0 auto;} #contents.distribution .section .inner h3{font-size: 32px;line-height: 36px;text-align: center;} #contents.distribution .section .inner p{font-size: 20px;line-height: 34px;color: #666666;text-align: center;padding-top: 15px;} #contents.distribution .section.system{} #contents.distribution .section.system:before{content: '';position: absolute;left:0;bottom:0;right:0;height: 540px;background:#f6f6f6} #contents.distribution .section.system .inner{position: relative;overflow: hidden} #contents.distribution .section.system .inner .truck_img{padding: 70px 0 50px} #contents.distribution .section.system .inner dl{position: relative;float: left;width: 25%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding: 0 20px;} #contents.distribution .section.system .inner dl:before{content: '';position: absolute;top:3px;left:0; width: 1px;height: 150px;background: #e8e8e8;} #contents.distribution .section.system .inner dl.first{padding: 0 20px;} #contents.distribution .section.system .inner dl.first:before{content: none;} #contents.distribution .section.system .inner dl dt{text-align: center;font-size: 24px;line-height: 30px;color: #62b134;padding-bottom: 15px;} #contents.distribution .section.system .inner dl dd{position: relative;text-align: left;font-size: 16px;line-height: 26px;color: #666; padding: 6px 0 6px 14px;} /*#contents.distribution .section.system .inner dl dd:before{content: '';position: absolute;left:0;top:15px; width: 3px;height: 3px;background: #666;border-radius: 100%;}*/ #contents.distribution .section.consulting{background:#eef5f1;background:url(../images/business/channel_bg.jpg) no-repeat center top;background-size: cover;} #contents.distribution .section.consulting .inner ul{position: relative;text-align: center;font-size: 0;letter-spacing: 0;word-spacing: 0;padding-top: 75px;} #contents.distribution .section.consulting .inner ul li{background:#fff;position: relative;display: inline-block;vertical-align:top;margin-left: 30px;width:calc((100% - 30px) / 2);box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;margin-bottom: 60px;} #contents.distribution .section.consulting .inner ul li.first{margin-left: 0;z-index: 2} #contents.distribution .section.consulting .inner ul li.second{z-index: 1} #contents.distribution .section.consulting .inner ul li.third{margin-left: 0;z-index: 1} #contents.distribution .section.consulting .inner ul li.four{margin-left:30px;z-index: 1} #contents.distribution .section.consulting .inner ul li:after{content: '';position: absolute;left:-1px;right:-1px;bottom:-1px;height: 5px; background: url(../images/business/list_bg_pattern.png) no-repeat center top;} #contents.distribution .section.consulting .inner ul li .num{position: absolute;z-index: 1;left:50%;top:0;margin: -20px 0 0 -20px; width: 40px;height: 40px;background: url(../images/business/num_bg.png) no-repeat center top;color: #fff;line-height: 40px;font-size: 16px;} #contents.distribution .section.consulting .inner ul li .num:before{content: '';} #contents.distribution .section.consulting .inner ul li .img{position: relative} #contents.distribution .section.consulting .inner ul li .text{padding: 35px 24px;box-shadow: 0px 4px 18px 0 rgba(60,74,66,0.1);} #contents.distribution .section.consulting .inner ul li .text .desc{font-size: 18px;line-height: 30px;} #contents.distribution .section.consulting .inner ul li .text .desc span{display: block;color: #666;font-size: 14px;border-top:1px solid #e3e3e3;white-space: nowrap;padding-top: 15px;margin-top: 15px;} #contents.distribution .section.consulting .inner ul li .text .tit{font-size: 24px;line-height: 30px;color: #62b134;padding: 0 0 10px;} #contents.distribution .section.channel{background:#eef5f1;background:url(../images/business/channel_bg.jpg) no-repeat center top;} #contents.distribution .section.channel .inner ul{overflow: hidden;padding-top: 60px;} #contents.distribution .section.channel .inner ul li{float: left;font-size: 18px;line-height: 20px;text-align: center;margin-left:25px;} #contents.distribution .section.channel .inner ul li:first-child{margin-left: 0;} #contents.distribution .section.channel .inner ul li span{display: block;} #contents.distribution .section.channel .inner ul li .tit{font-size: 24px;line-height: 30px;padding: 25px 0 15px} #contents.distribution .section.channel .inner ul li .desc{font-size: 16px;line-height: 24px;color: #666;} #contents.distribution .section.menu_develop{padding: 130px 0 0;} #contents.distribution .section.menu_develop:before{content: '';position: absolute;left:0;bottom:0;right:0;height: 420px;background:#f6f6f6} #contents.distribution .section.menu_develop .inner{position: relative} #contents.distribution .section.menu_develop .inner .develop_box{overflow: hidden;padding: 100px 0} #contents.distribution .section.menu_develop .inner .develop_box .left{float: left} #contents.distribution .section.menu_develop .inner .develop_box .left .tit{font-size: 24px;line-height: 38px;color: #62b134;} #contents.distribution .section.menu_develop .inner .develop_box.first .left .tit{padding-top: 45px;} #contents.distribution .section.menu_develop .inner .develop_box .left .desc{font-size: 18px;line-height: 30px;padding-top: 15px;} #contents.distribution .section.menu_develop .inner .develop_box .left .desc small{font-size: 12px;} #contents.distribution .section.menu_develop .inner .develop_box .right{float: right;width: 750px;} #contents.distribution .section.menu_develop .inner .develop_box .process_list{position: relative;height: 275px;} #contents.distribution .section.menu_develop .inner .develop_box .process_list .img span{display: block;position: absolute;left:0;top:0;opacity: 0;visibility: hidden} #contents.distribution .section.menu_develop .inner .develop_box .process_list .img span.active{opacity:1;visibility: visible} #contents.distribution .section.menu_develop .inner .develop_box .process_list .title{padding-left: 450px;font-size: 14px;line-height: 30px;color: #62b134;letter-spacing: -0.4px;} #contents.distribution .section.menu_develop .inner .develop_box .process_list ul{padding-left: 450px;} #contents.distribution .section.menu_develop .inner .develop_box .process_list ul li{position: relative;overflow: hidden;padding-top: 25px;line-height: 30px;} #contents.distribution .section.menu_develop .inner .develop_box .process_list ul li:before{content: '';position: absolute;left:14px;top:8px;width: 2px;height: 2px;background: #78b693;} #contents.distribution .section.menu_develop .inner .develop_box .process_list ul li:after{content: '';position: absolute;left:14px;top:15px;width: 2px;height: 2px;background: #78b693;} #contents.distribution .section.menu_develop .inner .develop_box .process_list ul li:first-child:before{content: none;} #contents.distribution .section.menu_develop .inner .develop_box .process_list ul li:first-child:after{content: none;} #contents.distribution .section.menu_develop .inner .develop_box .process_list ul li a{float: left;margin-right: 25px; display: block;font-size: 13px;line-height: 30px;text-align: center; width: 30px;height: 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 100%;border:1px solid #e0e0e0;color: #999999;} #contents.distribution .section.menu_develop .inner .develop_box .process_list ul li.active a{background: url(../images/business/num_bg_s_pattern.png) repeat-x;border:0;color: #fff;} #contents.distribution .section.menu_develop .inner .develop_box .step_list ul{overflow: hidden} #contents.distribution .section.menu_develop .inner .develop_box .step_list ul li{position: relative;width: 210px;height: 70px;line-height: 70px;font-size: 16px;float: left;margin-right: 40px;margin-bottom:20px;text-align: center;} #contents.distribution .section.menu_develop .inner .develop_box .step_list ul li:after{content: '';position: absolute; right: -25px;top: 0;bottom:0;width:10px;background:url(../images/business/ico_arw.png) no-repeat center;} #contents.distribution .section.menu_develop .inner .develop_box .step_list ul li.step6:after{content: none;} #contents.distribution .section.menu_develop .inner .develop_box .step_list ul li.step1{background: #e6f0f1;} #contents.distribution .section.menu_develop .inner .develop_box .step_list ul li.step2{background: #ddeef0;} #contents.distribution .section.menu_develop .inner .develop_box .step_list ul li.step3{background: #e6f3e4;} #contents.distribution .section.menu_develop .inner .develop_box .step_list ul li.step4{background: #dee8f1;} #contents.distribution .section.menu_develop .inner .develop_box .step_list ul li.step5{background: #e6f3e4;} #contents.distribution .section.menu_develop .inner .develop_box .step_list ul li.step6{background: #dcefe9;} #contents.distribution .section.menu_develop .inner .develop_box .step_list span{display: block;font-size: 14px;line-height: 20px;color: #797979;padding-top: 13px;} #contents.distribution .section.operation .inner .operation_box{overflow: hidden;text-align: center;padding-top: 50px;} #contents.distribution .section.operation .inner .operation_box .box{float: left} #contents.distribution .section.operation .inner .operation_box .box .desc{font-size: 18px;line-height: 30px;padding-bottom: 50px;color: #666666;} #contents.distribution .section.operation .inner .operation_box .box .tit{font-size: 24px;line-height: 38px;color: #62b134;padding: 40px 0 10px;} #contents.foodservice .section_top .back_container{background-image:url(../images/business/top_bg_food.jpg); background-position: 50% 0%;} #contents.foodservice .section{padding: 130px 0;} #contents.foodservice .section .inner{overflow: hidden;max-width: 1080px;margin: 0 auto;} #contents.foodservice .section .inner h3{font-size: 32px;line-height: 36px;text-align: center;} #contents.foodservice .section .inner p{font-size: 20px;line-height: 34px;color: #666666;text-align: center;padding-top: 15px;} #contents.foodservice .section.support{} #contents.foodservice .section.support:before{content: '';position: absolute;left:0;bottom:0;right:0;height: 650px;background:#f6f6f6} #contents.foodservice .section.support .inner{position: relative} #contents.foodservice .section.support .inner .support_box{overflow: hidden;text-align: center;padding-top: 75px;border-bottom: 1px solid #e3e3e3;} #contents.foodservice .section.support .inner .support_box .box{float: left} #contents.foodservice .section.support .inner .support_box .box .desc{font-size: 18px;line-height: 30px;padding-bottom: 55px;} #contents.foodservice .section.support .inner .support_box .box .tit{font-size: 24px;line-height: 30px;color: #62b134;padding: 30px 0 10px;} #contents.foodservice .section.support .inner ul{overflow: hidden;padding-top: 60px;} #contents.foodservice .section.support .inner ul li{float: left;font-size: 18px;line-height: 20px;text-align: center;margin: 0 43px;} #contents.foodservice .section.support .inner ul li span{display: block;padding-bottom: 10px;} #contents.foodservice .section.operation{} #contents.foodservice .section.service{background: #f6f6f6;} #contents.foodservice .section.service .inner{max-width: 1170px;text-align: center} #contents.foodservice .section.service .inner .service_box{padding-top: 75px;} #contents.foodservice .section.service .inner .service_box .box{position: relative; float: left;width: 390px;} #contents.foodservice .section.service .inner .service_box .box:before{content: '';position: absolute;} #contents.foodservice .section.service .inner .service_box .box .slide{position: relative; width: 200px;height: 290px; margin: 0 auto; overflow: hidden;} #contents.foodservice .section.service .inner .service_box .box .slide ul{overflow: hidden} #contents.foodservice .section.service .inner .service_box .box .slide ul li{position: absolute;top:0;left:0;} #contents.foodservice .section.service .inner .service_box .box .slide ul li.on{z-index: 1} #contents.foodservice .section.service .inner .service_box .box .carousel{padding: 20px 0 30px;} #contents.foodservice .section.service .inner .service_box .box .carousel ul{font-size: 0;letter-spacing: 0;word-spacing: 0;} #contents.foodservice .section.service .inner .service_box .box .carousel ul li{display: inline-block;vertical-align: top;margin: 0 5px;} #contents.foodservice .section.service .inner .service_box .box .carousel ul li a{display: block;width: 7px;height: 7px;border-radius: 100%;background: #b5b5b5;} #contents.foodservice .section.service .inner .service_box .box .carousel ul li.on a{background: #62b134;} #contents.foodservice .section.service .inner .service_box .box .desc{font-size: 18px;line-height: 30px;color: #666666;} #contents.foodservice .section.service .inner .service_box .box .tit{font-size: 22px;line-height: 30px;padding: 0px 0 10px;} #contents.global .section_top .back_container{background-image:url(../images/business/top_bg_global.jpg); background-position: 50% 0%;} #contents.global .section{padding: 130px 0;} #contents.global .section .inner{overflow: hidden;max-width: 1254px;margin: 0 auto;} #contents.global .section .inner h3{font-size: 32px;line-height: 36px;text-align: center;} #contents.global .section .inner p{font-size: 20px;line-height: 34px;color: #666666;text-align: center;padding-top: 15px;} #contents.global .section.distribution .inner .global_distribution_map{padding-top: 35px;} #contents.global .section.distribution .inner ul{padding: 60px 20px;overflow: hidden;margin: -250px auto 0;max-width: 1080px;} #contents.global .section.distribution .inner ul li{box-shadow: 0px 4px 18px 0 rgba(60,74,66,0.1);background:#fff;position: relative; float: left;margin-left: 30px;width:calc((100% - 60px) / 3);height: 340px; padding: 40px 25px; border:1px solid #e5e5e5; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box} #contents.global .section.distribution .inner ul li:first-child{margin-left: 0;} #contents.global .section.distribution .inner ul li:after{content: '';position: absolute;left:-1px;right:-1px;bottom:-1px;height: 5px; background: url(../images/business/list_bg_pattern.png) no-repeat center top;} #contents.global .section.distribution .inner ul li .text .desc{font-size: 16px;line-height: 30px;color: #666666;} #contents.global .section.distribution .inner ul li .text .tit{font-size: 24px;line-height: 30px;color: #62b134;padding: 0 0 25px;} #contents.global .section.distribution .inner .btn_product{clear: both} #contents.global .section.distribution .inner .btn_product a{position: relative; display: block;width: 380px;height:70px;background:rgba(79,159,114,0.1);line-height: 71px;color: #62b134;text-align: center;margin: 0 auto;font-size: 22px; } #contents.global .section.distribution .inner .btn_product a:after { content: ''; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #contents.global .section.distribution .inner .btn_product a:hover:after{padding-right: 35px;} #contents.global .section.distribution .inner .btn_product a span{ position: absolute;display: block;top: 33px;right: -19px;width: 38px;height: 7px;border-radius: 14px;background: rgba(79,159,114,0.3); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} #contents.global .section.distribution .inner .btn_product a span:before{content: '';background: #62b134;position: absolute;top:0;left:0;width: 7px;height: 7px;border-radius: 14px;} #contents.global .section.distribution .inner .btn_product a span:after{content: '';background: #62b134;position: absolute;top:0;right:0;width: 7px;height: 7px;border-radius: 14px;} #contents.global .section.distribution .inner .btn_product a:hover span{width: 80px;right: -40px;} #contents.global .section.foodservice{position: relative;} #contents.global .section.foodservice:before{content: '';position: absolute;left:0;top:0;right:0;height: 450px;background:#f6f6f6} #contents.global .section.foodservice .inner{position: relative} #contents.global .section.foodservice .inner ul{overflow: hidden;padding-top: 70px; max-width: 1080px; margin: 0 auto;} #contents.global .section.foodservice .inner ul li{float: left;width: 50%;height:480px} #contents.global .section.foodservice .inner ul li .text{} #contents.global .section.foodservice .inner ul li .text .desc{font-size: 16px;line-height: 30px;color: #666666;} #contents.global .section.foodservice .inner ul li .text .tit{font-size: 24px;line-height: 30px;color: #62b134;padding: 30px 0 15px;} @media all and (max-width:1024px){ #contents.distribution .section{padding: 100px 0} #contents.distribution .section .inner{max-width: 100%;width: calc(100% - 40px)} #contents.distribution .section.operation .inner .operation_box .box{width: 50%} #contents.global .section{padding: 100px 0} #contents.global .section .inner{max-width: 100%;width: calc(100% - 40px)} } @media all and (max-width:812px){ #contents.distribution .section.system .inner .truck_img{padding: 30px 0 50px;} #contents.distribution .section.system .inner dl dt{font-size: 18px;} #contents.distribution .section.system .inner dl dd{font-size: 14px;padding: 6px 0 6px 0;} #contents.distribution .section.operation .inner .operation_box .box .tit{font-size: 18px;padding: 20px 0 5px;} #contents.distribution .section.operation .inner .operation_box .box .desc{font-size: 14px} #contents.distribution .section.consulting .inner ul li .text{padding: 20px 0;} #contents.distribution .section.consulting .inner ul li .text .tit{font-size: 18px;} #contents.distribution .section.consulting .inner ul li .text .desc{font-size: 14px;} #contents.global .section.distribution .inner ul li{padding: 20px 20px;} #contents.global .section.distribution .inner ul li .text .tit{font-size: 18px;padding: 0 0 20px;} #contents.global .section.distribution .inner ul li .text .desc{font-size: 14px;line-height: 24px;} #contents.global .section.foodservice{padding: 100px 0 0} #contents.global .section.foodservice .inner ul li{height: 430px;} #contents.global .section.foodservice .inner ul li .text .tit{font-size: 18px;padding: 20px 0 15px;} #contents.global .section.foodservice .inner ul li .text .desc{font-size: 14px;padding: 0 20px 0 0;} } @media all and (max-width:812px){ #contents.distribution .section .inner h3{font-size: 24px} #contents.distribution .section .inner p{font-size:16px} #contents.distribution .section.system .inner dl{width:calc((100% - 1px) / 2);height: 135px;border-bottom: 1px solid #e8e8e8} #contents.distribution .section.system .inner dl.third:before{display: none} #contents.distribution .section.system .inner dl.third,#contents.distribution .section.system .inner dl.four{border-bottom:0} #contents.distribution .section.system .inner dl dt{padding-top: 10px;padding-bottom: 10px;} #contents.distribution .section.system .inner dl dd{padding: 6px 0 10px 0;box-sizing: border-box;display: inline;} #contents.distribution .section.operation .inner .operation_box .box{width: 100%} #contents.distribution .section.operation .inner .operation_box .box .tit{padding: 10px 0 0;} #contents.distribution .section.operation .inner .operation_box .box .desc{padding-bottom: 30px;} #contents.distribution .section.consulting .inner ul li,#contents.distribution .section.consulting .inner ul li.four{width: 100%;margin-left: 0px;} #contents.global .section{padding:50px 0} #contents.global .section .inner h3{font-size: 24px} #contents.global .section .inner p{font-size:16px} #contents.global .section.distribution .inner ul li{width: 100%;height: auto;margin: 0 0 30px 0} #contents.global .section.foodservice .inner ul li{width: 100%;height: auto;margin-bottom: 30px} #contents.global .section.foodservice .inner ul li .text .tit{padding: 10px 0 0px;} }