@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;700&family=Oswald:wght@300;400;700&family=Playfair+Display:wght@400;700&display=swap");.secMv{width:100%;height:100vh;position:relative;overflow:hidden}.secMv .secMvImg{display:block;justify-content:space-between;height:100%;width:100%;position:relative}@media screen and (min-width: 1025px){.secMv .secMvImg{display:inline-flex}}.secMv .secMvImg>div{width:100%;height:50%}@media screen and (min-width: 1025px){.secMv .secMvImg>div{width:50%;height:100%}}.secMv .secMvImg>div .slidesWrap{width:100% !important;height:100% !important}.secMv .secMvImg>div .slidesWrap .slides{width:100% !important;height:100% !important}.secMv .secMvImg>div .slidesWrap .slides .slide{width:100% !important;height:100% !important}.secMv .secMvImg>div .slidesWrap .slides .slide img{width:100%;height:100%;object-fit:cover;font-family:'object-fit: cover;';transition:all 25s}.secMv .secMvWrap{position:absolute;top:0;left:0;z-index:2;padding:70px 20px 20px;text-align:center;width:100%;height:100%}@media screen and (min-width: 1025px){.secMv .secMvWrap{padding-top:0;padding:20px}}.secMv .secMvWrap .secMvInner{border:1px solid #fff;width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.secMv .secMvWrap .secMvInner .secMvCircle{position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%, -50%);transition:all 1s}.secMv .secMvWrap .secMvInner .secMvCircle.active{opacity:1}.secMv .secMvWrap .secMvInner .secMvCircle .circles{height:50vmin;width:50vmin;position:absolute;margin:0 auto;top:50%;left:50%;transform:translate3D(-50%, -50%, 0)}@media screen and (min-width: 769px){.secMv .secMvWrap .secMvInner .secMvCircle .circles{height:28vmin;width:28vmin}}.secMv .secMvWrap .secMvInner .secMvCircle .circles img{width:100%}.secMv .secMvWrap .secMvInner .secMvCircle .circles .circle{box-sizing:border-box;position:absolute;width:100%;height:100%;border-radius:115% 140% 145% 110%/125% 140% 110% 125%;mix-blend-mode:screen;border:1px solid #fff}.secMv .secMvWrap .secMvInner .secMvCircle .circles .circle:nth-child(1){transform-origin:50% 50%;animation:spin1 15s linear infinite}.secMv .secMvWrap .secMvInner .secMvCircle .circles .circle:nth-child(2){border:1px solid #ffd684;transform-origin:50% 50%;animation:spin2 15s linear infinite}.secMv .secMvWrap .secMvInner .secMvCircle .circles .circle:nth-child(3){transform-origin:50% 50%;animation:spin3 15s linear infinite;opacity:.3}@keyframes spin1{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin2{0%{transform:rotate(72deg)}100%{transform:rotate(-288deg)}}@keyframes spin3{0%{transform:rotate(-144deg)}100%{transform:rotate(216deg)}}.secMv .secMvWrap .secMvInner h2{-ms-writing-mode:tb-rl;writing-mode:vertical-rl;transform:translateX(120%)}@media screen and (min-width: 481px){.secMv .secMvWrap .secMvInner h2{transform:translateX(150%)}}@media screen and (min-width: 1025px){.secMv .secMvWrap .secMvInner h2{transform:translateX(200%)}}.secMv .secMvWrap .secMvInner h2 span{letter-spacing:.2em;position:relative;background:#fff;color:#000;display:inline-block;font-size:1.8rem;padding:8px 0 4px;margin:0 10px;line-height:1.25;transform-origin:bottom center;transform:scale(1, 0);transition:all .5s}@media screen and (min-width: 769px){.secMv .secMvWrap .secMvInner h2 span{margin:0 20px;font-size:2rem}}@media screen and (min-width: 1025px){.secMv .secMvWrap .secMvInner h2 span{font-size:2.8rem}}.secMv .secMvWrap .secMvInner h2 span:nth-of-type(1){transform:scale(1, 0);margin-top:-120px}@media screen and (min-width: 769px){.secMv .secMvWrap .secMvInner h2 span:nth-of-type(1){margin-top:-50px}}.secMv .secMvWrap .secMvInner h2 span:nth-of-type(1):after{bottom:0;left:0;position:absolute;content:"";display:block;height:100%;width:100%;background:#000;transition:transform .5s .3s;transform:scale(1, 1)}.secMv .secMvWrap .secMvInner h2 span:nth-of-type(2){transform:scale(1, 0);margin-top:100px}@media screen and (min-width: 769px){.secMv .secMvWrap .secMvInner h2 span:nth-of-type(2){margin-top:180px}}.secMv .secMvWrap .secMvInner h2 span:nth-of-type(2):after{bottom:0;left:0;position:absolute;content:"";display:block;height:100%;width:100%;background:#000;transition:transform .5s .5s;transform:scale(1, 1)}.secMv .secMvWrap .secMvInner h2.active span{transform-origin:top center}.secMv .secMvWrap .secMvInner h2.active span:nth-of-type(1){transform:scale(1, 1)}.secMv .secMvWrap .secMvInner h2.active span:nth-of-type(1):after{transform-origin:top left;transform:scale(1, 0)}.secMv .secMvWrap .secMvInner h2.active span:nth-of-type(2){transform:scale(1, 1)}.secMv .secMvWrap .secMvInner h2.active span:nth-of-type(2):after{transform-origin:top left;transform:scale(1, 0)}.top-scroll-type-wrap{z-index:100;position:absolute;overflow:hidden;width:100%;height:100px;transform:translateY(-90px)}@media screen and (min-width: 769px){.top-scroll-type-wrap{height:250px;transform:translateY(-240px)}}.top-scroll-type-first{display:block;position:absolute;top:0;left:0;z-index:1;height:100px;color:#fff;font-size:10rem;font-family:"Oswald",sans-serif;font-weight:bold;line-height:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation:bg-animation-first 100s 0s linear infinite normal;animation:bg-animation-first 100s 0s linear infinite normal;opacity:0.55}@media screen and (min-width: 769px){.top-scroll-type-first{height:250px;font-size:24rem}}.top-scroll-type-second{display:block;position:absolute;top:0;left:0;z-index:1;height:100px;color:#fff;font-size:10rem;font-family:"Oswald",sans-serif;font-weight:bold;line-height:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation:bg-animation-second 100s -50s linear infinite normal;animation:bg-animation-second 100s -50s linear infinite normal;opacity:0.55}@media screen and (min-width: 769px){.top-scroll-type-second{height:250px;font-size:24rem}}@-webkit-keyframes bg-animation-first{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes bg-animation-first{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes bg-animation-second{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes bg-animation-second{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.scrollBar{display:none}@media screen and (min-width: 769px){.scrollBar{display:block}}@media screen and (min-width: 769px){.scrollBar .bar{position:fixed;top:50%;right:25px;transform:translateY(-50px);display:block;height:80px;width:1px;margin-top:-60px;overflow:hidden}.scrollBar .bar:before{border-left:1px solid rgba(41,41,41,0.2);z-index:1;display:block;position:absolute;left:0;top:0;content:"";height:100%;-webkit-transition:0.3s ease all;transition:0.3s ease all}.scrollBar .bar:after{border-left:1px solid #000;z-index:2;-webkit-animation:scrollBar 1.5s infinite linear;animation:scrollBar 1.5s infinite linear;transform-origin:center top !important;display:block;position:absolute;left:0;top:0;content:"";height:100%;-webkit-transition:0.3s ease all;transition:0.3s ease all}}.scrollBar .scrollTxt{line-height:1;font-size:1.3rem;position:fixed;top:50%;right:0;transform:rotate(90deg)}@-webkit-keyframes scrollBar{0%{top:-100%}80%{top:100%}100%{top:100%}}@keyframes scrollBar{0%{top:-100%}80%{top:100%}100%{top:100%}}.secAbout .secInner h3{position:relative;z-index:100;text-align:center;margin-bottom:30px}@media screen and (min-width: 769px){.secAbout .secInner h3{margin-bottom:30px}}@media screen and (min-width: 1281px){.secAbout .secInner h3{margin-bottom:0}}.secAbout .secInner h3 img{width:80%}.secAbout .secInner .secAboutBox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.secAbout .secInner .secAboutBox>div{width:100%}@media screen and (min-width: 769px){.secAbout .secInner .secAboutBox>div{width:48%}}@media screen and (min-width: 1281px){.secAbout .secInner .secAboutBox>div{margin-top:-100px}}.secAbout .secInner .secAboutBox .secAboutBoxTxt h4{margin-bottom:30px;font-size:2rem}@media screen and (min-width: 481px){.secAbout .secInner .secAboutBox .secAboutBoxTxt h4{font-size:2.2rem}}@media screen and (min-width: 1025px){.secAbout .secInner .secAboutBox .secAboutBoxTxt h4{font-size:2.8rem}}.secAbout .secInner .secAboutBox .secAboutBoxTxt p{margin-bottom:15px}.secAbout .secInner .secAboutBox .secAboutBoxTxt br{display:none}@media screen and (min-width: 769px){.secAbout .secInner .secAboutBox .secAboutBoxTxt br{display:block}}.secAbout .secInner .secAboutBox .secAboutBoxImg img{width:100%}.secDetail .secDetailBox{width:100%;background:linear-gradient(90deg, #fff 0%, #fff 70%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%)}@media screen and (min-width: 769px){.secDetail .secDetailBox{margin-top:250px}}.secDetail .secDetailBox .secDetailBoxImg{text-align:right;margin-bottom:40px}@media screen and (min-width: 769px){.secDetail .secDetailBox .secDetailBoxImg{transform:translateY(-200px);margin-bottom:0}}.secDetail .secDetailBox .secDetailBoxImg img{width:100%;max-width:1440px}.secDetail .secDetailBox .secDetailBoxInner{width:100%;max-width:1480px;margin:0 auto;padding:0 20px;margin-bottom:60px}@media screen and (min-width: 769px){.secDetail .secDetailBox .secDetailBoxInner{margin-bottom:0}}@media screen and (min-width: 769px){.secDetail .secDetailBox .secDetailBoxInner .secDetailBoxInnerCont{transform:translateY(-100px)}}.secDetail .secDetailBox .secDetailBoxInner .secDetailBoxInnerCont p{font-size:2.4rem;margin-bottom:25px}.secDetail .secDetailBox.detail02{background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, #fff 30%, #fff 100%)}@media screen and (min-width: 769px){.secDetail .secDetailBox.detail02{margin-top:280px}}.secDetail .secDetailBox.detail02 .secDetailBoxImg{text-align:left}@media screen and (min-width: 769px){.secDetail .secDetailBox.detail02 .secDetailBoxImg{transform:translateY(-200px)}}.secFlavor{background:#fff;padding-top:0;margin-bottom:0}@media screen and (min-width: 769px){.secFlavor{padding-top:80px}}@media screen and (min-width: 769px){.secFlavor .secTtl{margin-bottom:80px}}.secFlavor .secTtl h2{color:#f7f7f7}.secFlavor .secInner .secFlavorList{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:80px}.secFlavor .secInner .secFlavorList li{width:100%;margin-bottom:25px}@media screen and (min-width: 481px){.secFlavor .secInner .secFlavorList li{width:48%;margin-bottom:50px}}@media screen and (min-width: 1025px){.secFlavor .secInner .secFlavorList li{width:31%}}.secFlavor .secInner .secFlavorList li a{position:relative;padding-bottom:50px;height:100%;display:block;border:1px solid #000}.secFlavor .secInner .secFlavorList li a .secFlavorListImg img{width:100%;transition:all .3s}.secFlavor .secInner .secFlavorList li a .secFlavorListBox{padding:15px}.secFlavor .secInner .secFlavorList li a .secFlavorListBox h3{text-align:center;font-size:1.8rem;margin-bottom:5px}.secFlavor .secInner .secFlavorList li a .secFlavorListBox .secFlavorListBoxPrice{text-align:center;margin-bottom:10px}.secFlavor .secInner .secFlavorList li a .secFlavorListBox .secFlavorListBoxTxt{padding:10px 0 0;border-top:1px solid #E2E2E2}.secFlavor .secInner .secFlavorList li a .secFlavorListLink{width:100%;background:#000;text-align:center;color:#fff;padding:10px;position:absolute;bottom:0}.secFlavor .secInner .secFlavorList li a:hover{border:1px solid #1E9600}.secFlavor .secInner .secFlavorList li a:hover .secFlavorListImg img{opacity:0}.secFlavor .secInner .secFlavorList li a:hover .secFlavorListLink{background:#1E9600}.secFlavor .secInner .secFlavorList li.ninjin a .secFlavorListImg{background:url(/files/img/common/img_secFlavor_ninjin_02.jpg) center center;background-size:cover}.secFlavor .secInner .secFlavorList li.kabocha a .secFlavorListImg{background:url(/files/img/common/img_secFlavor_kabocha_02.jpg) center center;background-size:cover}.secFlavor .secInner .secFlavorList li.kuri a .secFlavorListImg{background:url(/files/img/common/img_secFlavor_kuri_02.jpg) center center;background-size:cover}.secFlavor .secInner .secFlavorList li.macha a .secFlavorListImg{background:url(/files/img/common/img_secFlavor_macha_02.jpg) center center;background-size:cover}.secFlavor .secInner .secFlavorList li.kuromame a .secFlavorListImg{background:url(/files/img/common/img_secFlavor_kuromame_02.jpg) center center;background-size:cover}.secFlavor .secInner .secFlavorList li.plane a .secFlavorListImg{background:url(/files/img/common/img_secFlavor_plane_02.jpg) center center;background-size:cover}.secFlavor .secInner .secFlavorList li.plane a .secFlavorListImg img{opacity:0}.secCompany{background:#001803;color:#fff;margin-bottom:0;padding-top:40px}@media screen and (min-width: 769px){.secCompany{padding-top:80px}}.secCompany .secTtl h2{color:#002905}.secCompany .secInner{text-align:center}.secCompany .secInner h3{margin-bottom:50px}.secCompany .secInner h3 img{width:80%;max-width:120px}@media screen and (min-width: 769px){.secCompany .secInner h3 img{max-width:265px}}.secCompany .secInner p{margin-bottom:20px}@media screen and (min-width: 769px){.secCompany .secInner p{margin-bottom:30px}}.secCompany .secInner p:last-child{margin-bottom:50px}@media screen and (min-width: 769px){.secCompany .secInner p:last-child{margin-bottom:80px}}.secCompany .secInner .secCompanyBox{width:100%;max-width:1080px;margin:0 auto;display:flex;justify-content:space-between}.secCompany .secInner .secCompanyBox p{width:48%}.secCompany .secInner .secCompanyBox p img{width:100%}.secCompany .secCompanyLink a{display:block;margin:0 auto;width:80%;max-width:400px;height:50px;line-height:50px;text-align:center;position:relative;border:1px solid #fff;color:#fff}.secCompany .secCompanyLink a img{position:absolute;top:50%;right:15px;transform:translateY(-50%)}.cvArea{transition:all .3s;transform:translateY(100px);width:100%;height:60px;background:#fff;position:fixed;bottom:0;left:0;z-index:150}@media screen and (min-width: 1025px){.cvArea{height:80px}}.cvArea a{height:100%;display:block}.cvArea a .cvAreaInner{height:100%;display:flex;justify-content:space-between;align-items:center}.cvArea a .cvAreaInner .cvAreaLogo{padding-left:15px;display:none}@media screen and (min-width: 1025px){.cvArea a .cvAreaInner .cvAreaLogo{display:block}}.cvArea a .cvAreaInner .cvAreaLogo img{width:130px}.cvArea a .cvAreaInner .cvAreaBtn{height:60px;display:flex;justify-content:flex-end;align-items:center;width:100%}@media screen and (min-width: 1025px){.cvArea a .cvAreaInner .cvAreaBtn{height:80px;width:inherit}}.cvArea a .cvAreaInner .cvAreaBtn .cvAreaBtnLogo{color:#7C7C7C;height:100%;display:flex;justify-content:center;align-items:center;padding:0 15px}.cvArea a .cvAreaInner .cvAreaBtn .cvAreaBtnLogo img{height:24px}.cvArea a .cvAreaInner .cvAreaBtn .cvAreaBtnBg{height:100%;background:#000;color:#fff;padding:15px 15px;display:flex;justify-content:center;align-items:center;transition:all .3s}@media screen and (min-width: 1025px){.cvArea a .cvAreaInner .cvAreaBtn .cvAreaBtnBg{padding:15px 50px}}.cvArea a .cvAreaInner .cvAreaBtn .cvAreaBtnBg span{font-size:1.6rem;margin:0 5px}@media screen and (min-width: 1025px){.cvArea a .cvAreaInner .cvAreaBtn .cvAreaBtnBg span{font-size:2rem}}.cvArea a:hover .cvAreaInner .cvAreaBtn .cvAreaBtnBg{background:#1E9600}.cvArea.active{transform:translateY(0)}
