.top .sec{padding:0 94px}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .sec{padding:0 60px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .sec{padding:0 15px}}.top .sec--white{color:#fff}.top .sec--white .sec__num::before{background:#fff}.top .sec__num{font-family:"Geometos";font-size:15px;padding-left:84px;letter-spacing:0.07em;line-height:26px;position:relative}.top .sec__num::before{content:'';position:absolute;background:#1C1918;width:72px;height:1px;top:calc(50% - 2px);left:0;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%)}.top .sec__tit{font-family:"Geometos";font-size:50px;padding:42px 0 10px;letter-spacing:0.11em;line-height:34px}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.top .sec__tit{padding:38px 0 14px}}@media only screen and (min-width: 1025px) and (max-width: 1180px){.top .sec__tit{font-size:44px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .sec__tit{font-size:42px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .sec__tit{font-size:30px;padding:24px 0 0}}.top .sec__sub{font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;font-size:14px;font-weight:bold;letter-spacing:0.3em;line-height:24px}.top .sec__txt{font-size:13px;padding:28px 0 0;letter-spacing:0.16em;line-height:24px}.top .sec__btn{display:inline-block;width:100%;max-width:242px;font-family:"Geometos";font-size:12px;text-align:left;padding:14px 34px;letter-spacing:0.04em;line-height:22px;position:relative}.top .sec__btn--yellow{background:#feda26}.top .sec__btn--yellow::before{background:url(../../img/common/icon/ico_next-thin-black.svg) center/contain no-repeat}.top .sec__btn--black{background:#1C1918;color:#fff}.top .sec__btn--black::before{background:url(../../img/common/icon/ico_next-thin-white.svg) center/contain no-repeat}.top .sec__btn--white{background:#fff}.top .sec__btn--white::before{background:url(../../img/common/icon/ico_next-thin-black.svg) center/contain no-repeat}.top .sec__btn::before{content:'';position:absolute;width:50px;height:4px;top:50%;right:34px;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%)}.top .sec__btn span{display:inline-block;padding-top:4px}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.top .sec__btn span{padding-top:2px}}.top .top-visual{position:relative}.top .top-visual__list__item img{width:100%}.top .top-visual .slick-slider .slick-dots{position:absolute;bottom:50px;right:44px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .top-visual .slick-slider .slick-dots{bottom:70px;right:50%;-webkit-transform:translate(50%, 0);-moz-transform:translate(50%, 0);-ms-transform:translate(50%, 0);-o-transform:translate(50%, 0);transform:translate(50%, 0)}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .top-visual .slick-slider .slick-dots li{display:inline-block;padding:0 8px}}.top .top-visual .slick-slider .slick-dots li.slick-active button{background:#fff}.top .top-visual .slick-slider .slick-dots li button{background:none;border:1px solid #fff;border-radius:50%;display:block;width:5px;height:5px;font-size:0;padding:0;margin-top:40px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .top-visual .slick-slider .slick-dots li button{width:4px;height:4px;margin-top:0}}.top .top-visual__content{position:absolute;width:100%;top:50%;left:0;text-align:center;padding-top:34px;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%)}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .top-visual__content{padding:0 15px 6px}}.top .top-visual__content .img{width:100%;max-width:558px;margin:0 auto}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .top-visual__content .img{max-width:318px}}.top .top-visual__content .txt{color:#fff;font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;font-size:22px;font-weight:bold;padding-top:34px;letter-spacing:0.45em;line-height:32px}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .top-visual__content .txt{font-size:18px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .top-visual__content .txt{font-size:18px;padding-top:25px;letter-spacing:0.42em;line-height:30px}}.top .top-visual__btn{background:none;border:none;display:block;position:absolute;width:25px;height:25px;bottom:38px;left:50%;font-size:0;padding:0;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0)}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .top-visual__btn{bottom:30px}}.top .top-visual__btn::before{content:'';position:absolute;width:12px;height:12px;top:50%;left:50%;border-right:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:translate(-50%, -50%) rotate(45deg);-moz-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);-o-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.top .brand{padding-top:114px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .brand{padding-top:74px}}.top .brand__bnr{font-size:0;padding-top:130px;margin-top:-55px;position:relative}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .brand__bnr{padding-top:82px;margin-top:-42px}}.top .brand__bnr::before{content:'';position:absolute;background:#fefaec;width:100%;height:calc(100% - 125px);top:0;left:0;z-index:-1}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .brand__bnr::before{height:calc(100% - 48px)}}.top .brand__bnr .txt{display:inline-block;vertical-align:top;width:96px;position:relative}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .brand__bnr .txt{width:30px}}.top .brand__bnr .txt p{font-family:"Geometos";font-size:11px;letter-spacing:0.25em;line-height:22px;position:absolute;width:100%;top:24px;left:50%;-webkit-transform:translate(-50%, 0) rotate(-90deg);-moz-transform:translate(-50%, 0) rotate(-90deg);-ms-transform:translate(-50%, 0) rotate(-90deg);-o-transform:translate(-50%, 0) rotate(-90deg);transform:translate(-50%, 0) rotate(-90deg)}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .brand__bnr .txt p{width:84px;top:30px}}.top .brand__bnr .img{background:url(../../img/top/img_brand.jpg) center/cover no-repeat;display:inline-block;vertical-align:top;width:calc(100% - 96px);height:315px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .brand__bnr .img{width:calc(100% - 30px);height:154px}}.top .brand__content{font-size:0;padding:84px 80px 122px 96px;position:relative}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .brand__content{padding:30px 0 68px 30px}}.top .brand__content::before{content:'';position:absolute;background:#1C1918;width:100%;height:calc(100% + 125px);top:-125px;left:0;z-index:-1}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .brand__content::before{height:calc(100% + 48px);top:-48px}}.top .brand__content .txt{color:#fff;display:inline-block;vertical-align:bottom;width:55%;padding-right:18px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .brand__content .txt{width:100%;padding-right:15px}}.top .brand__content .txt strong{border-bottom:1px solid #fff;display:inline-block;font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;font-size:24px;font-weight:bold;padding-bottom:10px;margin-bottom:32px;letter-spacing:0.18em;line-height:42px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .brand__content .txt strong{font-size:20px;margin-bottom:16px;padding-bottom:20px;letter-spacing:0.1em;line-height:32px}}.top .brand__content .txt span{display:block;font-size:13px;text-align:justify;letter-spacing:0.16em;line-height:24px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .brand__content .txt span{line-height:25px}}.top .brand__content .btn{display:inline-block;vertical-align:bottom;width:45%;text-align:right}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .brand__content .btn{width:100%;text-align:left;margin-top:46px}}.top .about{background:url(../../img/top/bg_about.jpg) center/cover no-repeat;height:736px;position:relative}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .about{background:url(../../img/top/bg_about-sp.jpg) center/cover no-repeat}}.top .about .sec{position:absolute;top:85px;left:94px;padding:0}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .about .sec{top:50px;left:30px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .about .sec{top:46px;left:14px}}.top .about .sec__txt{padding:45px 8px 0}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .about .sec__txt{max-width:360px;padding:32px 6px 0 2px;line-height:25px}}.top .about .sec__btn{position:absolute;bottom:74px;right:84px}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .about .sec__btn{bottom:30px;right:30px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .about .sec__btn{bottom:65px;right:50%;-webkit-transform:translate(50%, 0);-moz-transform:translate(50%, 0);-ms-transform:translate(50%, 0);-o-transform:translate(50%, 0);transform:translate(50%, 0)}}.top .about__list{position:absolute;width:100%;height:100%}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .about__list{padding:338px 0 0}.top .about__list.slick-slider .slick-arrow{background:none;border:none;color:#fff;width:94px;font-family:"Geometos";font-size:11px;text-align:center;padding:0 0 0;letter-spacing:0.16em;line-height:20px;position:absolute;bottom:190px;z-index:2}.top .about__list.slick-slider .slick-prev{background:url(../../img/common/icon/ico_prev-large-white.svg) center bottom/100% 8px no-repeat;left:12px}.top .about__list.slick-slider .slick-next{background:url(../../img/common/icon/ico_next-large-white.svg) center bottom/100% 8px no-repeat;right:12px}.top .about__list.slick-slider .slick-dots{position:absolute;top:55px;right:25px}.top .about__list.slick-slider .slick-dots li{display:inline-block;vertical-align:top;padding:0 4px}.top .about__list.slick-slider .slick-dots li.slick-active button{background:#fff}.top .about__list.slick-slider .slick-dots li button{background:#f0f0f0;border:0;border-radius:50%;display:block;width:4px;height:4px;font-size:0;padding:0}}@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait){.top .about__list__item{position:absolute}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .about__list__item{text-align:center}}.top .about__list__item .box{display:block;position:relative}@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait){.top .about__list__item .box{opacity:1;height:121px}.top .about__list__item .box--01{width:168px}.top .about__list__item .box--02{width:158px}.top .about__list__item .box--03{width:150px}.top .about__list__item .box--04{width:400px}.top .about__list__item .box:hover .left .img{-webkit-transform:scale(1.78);-moz-transform:scale(1.78);-ms-transform:scale(1.78);-o-transform:scale(1.78);transform:scale(1.78)}.top .about__list__item .box:hover .left .img .img--in{width:68px;height:68px}.top .about__list__item .box:hover .left .img .img--in--01{background:url(../../img/top/img_nutrient-after.png) center/contain no-repeat}.top .about__list__item .box:hover .left .img .img--in--02{background:url(../../img/top/img_history-after.png) center/contain no-repeat}.top .about__list__item .box:hover .left .img .img--in--03{background:url(../../img/top/img_breed-after.png) center/contain no-repeat}.top .about__list__item .box:hover .left .img .img--in--04{background:url(../../img/top/img_choose-after.png) center/contain no-repeat}.top .about__list__item .box:hover .right{right:-30px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .about__list__item .box{display:inline-block}}.top .about__list__item .box .left{display:inline-block;vertical-align:top;width:72px;height:100%}@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait){.top .about__list__item .box .left{position:absolute;top:0;left:0}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .about__list__item .box .left{display:inline-block;position:relative;width:122px;height:172px}}.top .about__list__item .box .left .img{width:72px;height:72px;position:absolute;left:0;z-index:5;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .about__list__item .box .left .img{width:122px;height:122px}}.top .about__list__item .box .left .img--top{top:0}.top .about__list__item .box .left .img--bottom{bottom:0}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .about__list__item .box .left .img--bottom{top:0;bottom:auto}}.top .about__list__item .box .left .img--in{position:absolute;width:49px;height:49px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .about__list__item .box .left .img--in{width:84px;height:84px}}.top .about__list__item .box .left .img--in--01{background:url(../../img/common/icon/ico_nutrient.svg) center/contain no-repeat}.top .about__list__item .box .left .img--in--02{background:url(../../img/common/icon/ico_history.svg) center/contain no-repeat}.top .about__list__item .box .left .img--in--03{background:url(../../img/common/icon/ico_breed.svg) center/contain no-repeat}.top .about__list__item .box .left .img--in--04{background:url(../../img/common/icon/ico_choose.svg) center/contain no-repeat}.top .about__list__item .box .left .img--in img{width:100%}.top .about__list__item .box .left .img--out{position:absolute;width:100%;height:100%;-webkit-animation:rotating 3s linear infinite;-moz-animation:rotating 3s linear infinite;-ms-animation:rotating 3s linear infinite;-o-animation:rotating 3s linear infinite;animation:rotating 3s linear infinite}.top .about__list__item .box .left .line{border-left:2px dotted #fff;position:absolute;width:1px;height:81px;left:50%;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:3}.top .about__list__item .box .left .line--top{top:4px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .about__list__item .box .left .line--top{top:auto;bottom:4px}}.top .about__list__item .box .left .line--bottom{bottom:4px}.top .about__list__item .box .left .circle{background:#fff;border-radius:50%;position:absolute;width:8px;height:8px;left:50%;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:4}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .about__list__item .box .left .circle{width:13px;height:13px}}.top .about__list__item .box .left .circle--top{top:0}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .about__list__item .box .left .circle--top{bottom:4px;top:auto}}.top .about__list__item .box .left .circle--bottom{bottom:0}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .about__list__item .box .left .circle--bottom{bottom:4px}}.top .about__list__item .box .right{color:#fff;display:inline-block;vertical-align:top;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait){.top .about__list__item .box .right{position:absolute;right:0}.top .about__list__item .box .right--top{top:4px}.top .about__list__item .box .right--bottom{bottom:4px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .about__list__item .box .right{display:block;text-align:center}}.top .about__list__item .box .right .tit{font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;font-size:24px;font-weight:bold;letter-spacing:0.13em;line-height:40px}.top .about__list__item .box .right .txt{font-family:"Geometos";font-size:12px;letter-spacing:0.12em;line-height:20px}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.top .about__list__item .box .right .txt{margin-top:-4px}}@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait){.top .about__list__item--01{top:39.5%;right:38%}}@media only screen and (min-width: 1025px) and (max-width: 1180px){.top .about__list__item--01{right:32%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .about__list__item--01{top:43.5%;right:32%}}@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait){.top .about__list__item--02{top:15.5%;right:8.5%}}@media only screen and (min-width: 1025px) and (max-width: 1180px){.top .about__list__item--02{right:3.5%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .about__list__item--02{right:4.5%}}@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait){.top .about__list__item--03{top:49.5%;right:18%}}@media only screen and (min-width: 1025px) and (max-width: 1180px){.top .about__list__item--03{right:12%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .about__list__item--03{top:56.5%;right:8%}}@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait){.top .about__list__item--04{top:63.5%;left:16%}}@media only screen and (min-width: 1025px) and (max-width: 1180px){.top .about__list__item--04{left:6%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .about__list__item--04{top:72.5%;left:4%}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .about__list__item--04 .box .right .tit{font-size:18px;padding:6px 0 4px;line-height:26px}}@media only screen and (max-width: 374px){.top .about__list__item--04 .box .right .tit{font-size:14px;padding:6px 0 4px;line-height:26px}}.top .products{margin-top:130px;position:relative}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .products{margin-top:82px}}.top .products::before{content:'';position:absolute;background:#fef9e9;width:100%;height:calc(100% - 78px);top:78px;left:0;z-index:-1}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .products::before{height:calc(100% - 74px);top:74px}}.top .products__list{width:100%;max-width:1130px;font-size:0;padding:90px 0 120px;margin:0 auto}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .products__list{padding:30px 10px 20px}}.top .products__list__item{display:inline-block;vertical-align:top;width:20%;padding:0 6px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .products__list__item{width:50%;padding:0 5px 30px}}.top .products__list__item a{display:block}@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait){.top .products__list__item a:hover{opacity:1}.top .products__list__item a:hover .img::before{background:#feda26}.top .products__list__item a:hover .img::after{background:url(../../img/common/icon/ico_next-small-black.svg) center/contain no-repeat}}.top .products__list__item a .img{background:#fff;text-align:center;padding:32px 32px;position:relative}.top .products__list__item a .img::before{content:'';position:absolute;background:#1C1918;width:32px;height:32px;bottom:0;right:0;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .products__list__item a .img::before{width:25px;height:25px}}.top .products__list__item a .img::after{content:'';position:absolute;background:url(../../img/common/icon/ico_next-small-white.svg) center/contain no-repeat;width:12px;height:3px;bottom:15px;right:10px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .products__list__item a .img::after{width:10px;height:2px;bottom:12px;right:8px}}.top .products__list__item a .img img{max-height:100%}.top .products__list__item a .tit{font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;font-size:14px;font-weight:bold;padding:8px 6px 0;letter-spacing:0.2em;line-height:24px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .products__list__item a .tit{font-size:12px;padding:5px 6px 0;letter-spacing:0.12em;line-height:20px}}.top .recipe{font-size:0;margin-top:146px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .recipe{margin-top:130px}}.top .recipe__left{display:inline-block;vertical-align:top;width:82px;position:relative}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .recipe__left{width:35px}}.top .recipe__left p{font-family:"Geometos";font-size:11px;letter-spacing:0.16em;line-height:20px;position:absolute;width:112px;height:100%;top:56px;right:-5px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .recipe__left p{right:-32px}}.top .recipe__right{background:#ffdd5e;display:inline-block;vertical-align:top;width:calc(100% - 82px);padding:114px 0 76px 84px}.top .recipe__right:before,.top .recipe__right:after{content:" ";display:table}.top .recipe__right:after{clear:both}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .recipe__right{padding:114px 0 76px 40px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .recipe__right{width:calc(100% - 35px);padding:0 0 74px 38px}.top .recipe__right ::-webkit-scrollbar{width:0px;background:transparent}}.top .recipe__content{float:left;width:32%;padding-top:20px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .recipe__content{float:none;width:100%;padding-top:0;margin-top:-64px}}.top .recipe__content .sec{padding:0}.top .recipe__list{float:right;width:68%;padding-left:18px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .recipe__list{float:none;width:100%;padding-top:40px;padding-left:0}}.top .recipe__list .list{padding-bottom:38px;white-space:nowrap}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .recipe__list .list{padding-bottom:22px}}.top .recipe__list .list .simplebar-horizontal{background:#ffdd5e;height:8px}.top .recipe__list .list .simplebar-horizontal::before{content:'';position:absolute;background:#fff;width:100%;height:2px;bottom:0;left:0;z-index:10}.top .recipe__list .list .simplebar-horizontal .simplebar-scrollbar{height:8px;top:auto;bottom:0}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .recipe__list .list .simplebar-horizontal .simplebar-scrollbar{height:5px}}.top .recipe__list .list .simplebar-horizontal .simplebar-scrollbar::before{background:#fff;border-radius:0;left:0;right:0;opacity:1}.top .recipe__list .list .swiper-scrollbar{background:#ffdd5e;width:100%;height:8px;left:0}.top .recipe__list .list .swiper-scrollbar::before{content:'';position:absolute;background:#fff;width:100%;height:2px;bottom:0;left:0;z-index:10}.top .recipe__list .list .swiper-scrollbar-drag{background:#fff;border-radius:0;height:8px;top:auto;bottom:0}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .recipe__list .list .swiper-scrollbar-drag{height:5px;bottom:-2px}}.top .recipe__list .list__item{display:inline-block;vertical-align:top;width:400px;white-space:normal}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .recipe__list .list__item{width:238px}}.top .recipe__list .list__item:not(:last-child){width:405px;padding-right:5px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .recipe__list .list__item:not(:last-child){width:243px}}.top .recipe__list .list__item a{display:block}.top .recipe__list .list__item a .img{background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:400px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .recipe__list .list__item a .img{height:238px}}.top .recipe .sec__btn{margin-top:85px}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .recipe .sec__btn{max-width:32%;padding:14px 20px}.top .recipe .sec__btn::before{right:20px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .recipe .sec__btn{margin-top:50px}}.top .present{width:100%;max-width:1130px;font-size:0;margin:130px auto 0;padding:0 15px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .present{margin:58px auto 0}}.top .present__container{background:url(../../img/top/bg_present.png) center/cover no-repeat;padding:32px 48px 35px}.top .present__container:before,.top .present__container:after{content:" ";display:table}.top .present__container:after{clear:both}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .present__container{padding:32px 20px 35px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .present__container{background:url(../../img/top/bg_present-sp.png) center/cover no-repeat;font-size:0;padding:22px 15px 35px}}.top .present__img{float:left;width:22%;padding-right:6px}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .present__img{width:20%}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .present__img{display:inline-block;vertical-align:top;float:none;width:26%;padding-right:0}}.top .present__img img{width:100%}.top .present__tit{float:right;width:78%;padding:36px 0 14px 20px;position:relative}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .present__tit{width:80%}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .present__tit{display:inline-block;vertical-align:top;float:none;width:74%;padding:22px 0 20px}}.top .present__tit::before{content:'';position:absolute;background:url(../../img/common/icon/ico_stripes-long.svg) center/cover no-repeat;width:100%;max-width:760px;height:13px;bottom:0;left:8px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .present__tit::before{width:93%;left:10px}}.top .present__tit .sub{background:url(../../img/common/icon/ico_cloud-white.svg) center/contain no-repeat;display:inline-block;vertical-align:middle;width:120px;font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;font-size:24px;font-weight:500;padding:15px 18px;letter-spacing:0.04em;line-height:42px}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .present__tit .sub{width:90px;font-size:20px;padding:15px 10px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .present__tit .sub{width:65px;font-size:13px;padding:0 10px}}.top .present__tit .tit{display:inline-block;vertical-align:middle;width:calc(100% - 120px);font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;font-size:52px;font-weight:900;padding-left:12px;letter-spacing:0.18em;line-height:90px}@media only screen and (min-width: 1025px) and (max-width: 1180px){.top .present__tit .tit{font-size:44px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .present__tit .tit{width:calc(100% - 90px);font-size:36px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .present__tit .tit{font-size:25px;width:calc(100% - 65px);padding-left:6px;line-height:32px}}@media only screen and (max-width: 374px){.top .present__tit .tit{font-size:18px}}.top .present__content{float:right;width:78%;padding:26px 0 0 34px}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .present__content{padding:26px 0 0 0}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .present__content{float:none;width:100%;padding:6px 0 0 6px}}.top .present__content .txt{display:inline-block;vertical-align:bottom;width:60%}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .present__content .txt{width:66%}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .present__content .txt{width:100%;text-align:center}}.top .present__content .txt img{width:100%;max-width:125px;vertical-align:top;margin-top:6px;margin-right:10px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .present__content .txt img{max-width:105px}}.top .present__content .txt p{display:inline;font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;font-size:22px;font-weight:bold;letter-spacing:0.19em;line-height:36px}@media only screen and (min-width: 1025px) and (max-width: 1180px){.top .present__content .txt p{font-size:18px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .present__content .txt p{font-size:16px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .present__content .txt p{font-size:18px;line-height:32px}}@media only screen and (max-width: 374px){.top .present__content .txt p{font-size:12px}}.top .present__content .txt p span{font-size:15px;letter-spacing:0.2em}@media only screen and (min-width: 1025px) and (max-width: 1180px){.top .present__content .txt p span{font-size:13px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .present__content .txt p span{font-size:12px}}@media only screen and (max-width: 374px){.top .present__content .txt p span{font-size:10px}}.top .present__content .btn{display:inline-block;vertical-align:bottom;width:40%;text-align:right;padding-bottom:12px;padding-right:20px}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .present__content .btn{width:34%;padding-left:5px;padding-right:0}.top .present__content .btn .sec__btn{padding:14px 15px}.top .present__content .btn .sec__btn::before{right:15px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .present__content .btn{width:100%;text-align:center;padding:18px 0 5px}}.top .company{margin:130px 0 122px;font-size:0}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .company{margin:58px 0 68px}}.top .company__content{background:#003e20;display:inline-block;vertical-align:middle;width:calc(100% - 208px);padding:74px 0 92px}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .company__content{width:calc(100% - 100px)}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .company__content{width:calc(100% - 34px);padding:55px 0 34px}}.top .company__content .sec--white{display:inline-block;vertical-align:middle;width:48%;padding-left:80px}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .company__content .sec--white{padding-left:30px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .company__content .sec--white{width:100%;padding-left:44px}}.top .company__content .txt{color:#fff;display:inline-block;vertical-align:middle;width:52%;font-size:13px;padding-top:30px;letter-spacing:0.17em;line-height:24px}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .company__content .txt{font-size:11px;padding-right:120px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .company__content .txt{width:100%;padding:36px 44px 0;line-height:26px}}.top .company__btn{display:inline-block;vertical-align:middle;width:302px;padding-right:15px;margin-left:-94px}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .company__btn{width:194px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .company__btn{background:#003e20;width:calc(100% - 34px);padding:0 20px 65px 44px;margin-left:0}}.top .company .sec__btn{max-width:222px}@media only screen and (min-width: 768px) and (max-width: 1024px){.top .company .sec__btn{padding:14px 15px}.top .company .sec__btn::before{right:15px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.top .company .sec__btn{max-width:242px}}@-webkit-keyframes rotating{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.top .news{background-color: #FFF9E8;display: flex;gap:80px;padding:80px 100px;}.top .news__left{width:265px;flex-shrink:0;}.top .news__tit{font-family:josefin sans,sans-serif;font-size:80px;font-weight:bold;letter-spacing:-0.04em;margin-bottom:20px;line-height:1;}.top .news__btn a{font-family: zen kaku gothic new;font-size:20px;line-height:1.4;letter-spacing:0.05em;}.top .news__btn a{display:flex;align-items:center;gap:24px;}.top .news__btn a::after{content:"";display:block;width:24px;height:24px;background:url(../../img/common/icon/common_button_arrow_black.svg);}.top .news__right .list{display:flex;flex-direction:column;gap:12px;}.top .news__right .list__item a{display:flex;gap:20px;}.top .news__right .list__item .txt{font-family:josefin sans,sans-serif;font-size:17px;font-weight:300;line-height:1.3176;letter-spacing:0.12em;flex-shrink:0;}.top .news__right .list__item .tit{font-family:zen kaku gothic new,sans-serif;line-height:1.4;letter-spacing:0.05em;}@media(max-width: 767px) and (orientation: portrait){.top .news{padding:55px 44px;flex-direction:column;gap:48px;}.top .news__tit{font-size:54px;}.top .news__btn a{font-size:16px;gap:16px;}.top .news__btn a::after{width:16px;height:16px;background-size:contain;}.top .news__right .list{gap:20px;}.top .news__right .list__item a{flex-direction:column;gap:8px;}}

/*# sourceMappingURL=maps/top.min.css.map */