@import url("global.css");#bodyarea section .title+p{font-weight:bold;text-align:center}#bodyarea section .lead{margin-top:100px;text-align:center;background:url("../img/cook_bg.jpg") no-repeat center center;background-size:cover;font-size:25px;font-weight:bold;color:#FFF;line-height:1.6;padding:40px 20px;-webkit-border-radius:100px;border-radius:100px}#offer ul li{padding:75px 0;position:relative}#offer ul li::before{content:"";position:absolute;z-index:-3;top:0;bottom:0;left:0;right:0;background-color:#FEEFD9}#offer ul li::after{content:"";position:absolute;z-index:-2;background-color:#FFF;top:75px;bottom:75px;right:0;width:calc( 50% + 60px );-webkit-border-bottom-left-radius:30px;border-bottom-left-radius:30px;-webkit-border-top-left-radius:30px;border-top-left-radius:30px}#offer ul li .wrapper{display:flex;justify-content:space-between;align-items:stretch}#offer ul li .wrapper>figure{flex-shrink:0;width:600px;margin:0 50px 0 0;-webkit-border-radius:30px;border-radius:30px;overflow:hidden}#offer ul li .wrapper .txtbox{padding:30px 0 30px 50px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:flex;align-items:center}#offer ul li .wrapper .txtbox .inner h3{display:inline-block;font-weight:bold;font-size:20px;line-height:1;position:relative;margin-bottom:20px}#offer ul li .wrapper .txtbox .inner h3::after{content:"";position:absolute;z-index:-1;bottom:-3px;left:0;right:0;height:6px;-webkit-border-radius:10px;border-radius:10px;background-color:#F49700}#offer ul li .wrapper .txtbox .inner>p{margin-top:15px}#offer ul li .wrapper .txtbox .inner>figure{position:absolute;-webkit-border-radius:10px;border-radius:10px;overflow:hidden;width:300px;bottom:-75px;left:-20px;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}#offer ul li:nth-child(odd)::after{left:0;right:auto;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-bottom-right-radius:30px;border-bottom-right-radius:30px;-webkit-border-top-right-radius:30px;border-top-right-radius:30px}#offer ul li:nth-child(odd) .wrapper>figure{order:2;margin:0 0 0 50px}#offer ul li:nth-child(odd) .wrapper .txtbox{order:1;padding:30px 50px 30px 0}#offer ul li:nth-child(odd) .wrapper .txtbox .inner>figure{left:auto;right:-20px;-webkit-transform:rotate(3deg);transform:rotate(3deg)}#offer ul li:first-child::before{top:50%}#offer ul li:last-child::before{bottom:50%}#businessnavi{margin-top:150px}#businessnavi ul{text-align:center;letter-spacing:-.4em}#businessnavi ul li{letter-spacing:normal;display:inline-block;width:33.33%;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}#businessnavi ul li a{display:block;text-align:center;font-size:25px;font-weight:bold;color:#FFF;line-height:120px;-webkit-border-radius:100px;border-radius:100px;overflow:hidden;position:relative}#businessnavi ul li a::after{content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background:url("../img/bg_or.jpg") repeat left top;background-size:cover;transition:all .5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;-webkit-transition:all .5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;backface-visibility:hidden;-webkit-backface-visibility:hidden}#businessnavi ul li a:hover{color:#F49700}#businessnavi ul li a:hover::after{opacity:.3}.factory #businessnavi ul li.navi_factory a,.contract #businessnavi ul li.navi_contract a,.meal #businessnavi ul li.navi_meal a{color:#F49700}.factory #businessnavi ul li.navi_factory a::after,.contract #businessnavi ul li.navi_contract a::after,.meal #businessnavi ul li.navi_meal a::after{opacity:.3}.factory #businessnavi ul li.navi_factory a:hover,.contract #businessnavi ul li.navi_contract a:hover,.meal #businessnavi ul li.navi_meal a:hover{cursor:default}@media only screen and (max-width: 1439px){#offer ul li::after{width:calc( 50% - 30px )}#offer ul li .wrapper>figure{width:50%;margin:0 30px 0 0}#offer ul li .wrapper .txtbox{padding:25px 0 25px 30px}#offer ul li .wrapper .txtbox .inner>figure{width:240px;left:-10px}#offer ul li:nth-child(odd) .wrapper>figure{margin:0 0 0 30px}#offer ul li:nth-child(odd) .wrapper .txtbox{padding:25px 30px 25px 0}#offer ul li:nth-child(odd) .wrapper .txtbox .inner>figure{right:-10px}#businessnavi{margin-top:130px}}@media only screen and (max-width: 1279px){#offer ul li{padding:60px 0}#offer ul li::after{top:60px;bottom:60px;width:calc( 60% - 30px )}#offer ul li .wrapper>figure{width:40%}#offer ul li .wrapper .txtbox .inner h3{line-height:1.3;margin-bottom:10px}#offer ul li .wrapper .txtbox .inner h3::after{bottom:-1px}#offer ul li .wrapper .txtbox .inner>figure{width:200px;left:-5px}#offer ul li:nth-child(odd) .wrapper .txtbox .inner>figure{right:-5px}#businessnavi ul li{padding:0 10px}#businessnavi ul li a{font-size:23px}}@media only screen and (max-width: 959px){#bodyarea section .lead{margin-top:60px;font-size:24px;padding:35px 20px}#offer ul li::after{width:calc( 70% - 20px );-webkit-border-bottom-left-radius:20px;border-bottom-left-radius:20px;-webkit-border-top-left-radius:20px;border-top-left-radius:20px}#offer ul li .wrapper>figure{width:30%;margin:0 20px 0 0;-webkit-border-radius:20px;border-radius:20px}#offer ul li .wrapper .txtbox{padding:25px 0 25px 25px}#offer ul li .wrapper .txtbox .inner h3{font-size:18px;letter-spacing:1px}#offer ul li .wrapper .txtbox .inner>figure{width:160px;bottom:-90px}#offer ul li:nth-child(odd)::after{-webkit-border-bottom-right-radius:20px;border-bottom-right-radius:20px;-webkit-border-top-right-radius:20px;border-top-right-radius:20px}#offer ul li:nth-child(odd) .wrapper>figure{margin:0 0 0 20px}#offer ul li:nth-child(odd) .wrapper .txtbox{padding:25px 25px 25px 0}#businessnavi{margin-top:70px}#businessnavi ul li{width:50%;padding:20px 10px 0}#businessnavi ul li a{font-size:21px;line-height:90px}}@media only screen and (max-width: 644px){#bodyarea section .title+p{letter-spacing:1px}#bodyarea section .lead{margin:40px 0 50px;font-size:16px;line-height:1.3;padding:25px 10px;letter-spacing:1px}#offer ul li{padding:20px 0}#offer ul li::after{display:none}#offer ul li .wrapper{display:block}#offer ul li .wrapper>figure{width:100%;margin:0 0 10px;-webkit-border-radius:10px;border-radius:10px}#offer ul li .wrapper .txtbox{padding:20px 15px;display:block;overflow:hidden}#offer ul li .wrapper .txtbox::before{content:"";position:absolute;z-index:-2;left:0;top:0;right:0;bottom:0;background-color:#FFF;-webkit-border-radius:10px;border-radius:10px}#offer ul li .wrapper .txtbox .inner h3{font-size:18px;margin-bottom:15px}#offer ul li .wrapper .txtbox .inner h3::after{height:4px}#offer ul li .wrapper .txtbox .inner>p{margin-top:0}#offer ul li .wrapper .txtbox .inner>p+p{margin-top:10px}#offer ul li .wrapper .txtbox .inner>figure{position:static;float:right;margin:0 0 5px 10px;-webkit-border-radius:6px;border-radius:6px;width:120px}#offer ul li:nth-child(odd) .wrapper>figure{margin:0 0 10px}#offer ul li:nth-child(odd) .wrapper .txtbox{padding:20px 10px}#offer ul li:nth-child(odd) .wrapper .txtbox .inner>figure{-webkit-transform:rotate(3deg);transform:rotate(3deg)}#offer ul li:first-child::before{top:0}#offer ul li:last-child::before{bottom:0}#businessnavi{margin-top:35px}#businessnavi ul li{display:block;width:auto;padding:0 0 10px}#businessnavi ul li a{font-size:18px;line-height:50px}}
