@import url(https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;700&display=swap);
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}@font-face{font-family:"icomoon";src:url("fonts/icomoon.eot?n4g6p7");src:url("fonts/icomoon.eot?n4g6p7#iefix") format("embedded-opentype"),url("fonts/icomoon.ttf?n4g6p7") format("truetype"),url("fonts/icomoon.woff?n4g6p7") format("woff"),url("fonts/icomoon.svg?n4g6p7#icomoon") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-logo:before{content:"";color:#fff}@-webkit-keyframes fade-out{0%{opacity:1}90%{opacity:0}}@-moz-keyframes fade-out{0%{opacity:1}90%{opacity:0}}@-ms-keyframes fade-out{0%{opacity:1}90%{opacity:0}}@-o-keyframes fade-out{0%{opacity:1}90%{opacity:0}}@keyframes fade-out{0%{opacity:1}90%{opacity:0}}*{-webkit-box-sizing:border-box;box-sizing:border-box}#site{width:100%;overflow:hidden;position:relative}html{color:#302d2c;font-family:"Zen Maru Gothic",sans-serif;font-size:62.5%;font-weight:300;line-height:1}body,button,input,select,textarea{font-size:14px;font-family:"Zen Maru Gothic",sans-serif}h1,h2,h3{font-family:"Zen Maru Gothic",sans-serif}h4,h5,h6{font-family:"Zen Maru Gothic",sans-serif}h1{font-size:44px;font-weight:900}h2{font-size:36px;font-weight:600}h3{font-size:24px;font-weight:600}h4{font-size:16px;font-weight:600}h5{font-size:16px;font-weight:300}h6{font-size:14px;font-weight:300}p{line-height:1}a{color:#302d2c;border-color:#302d2c;text-decoration:none}a:hover{text-decoration:none}ul{list-style:none;margin:0;padding:0}img{max-width:100%;height:auto;vertical-align:bottom}.l-section{position:relative;margin:auto;max-width:1200px}@media only screen and (max-width: 598px){.l-section__inner{padding:0 20px}}.l-section__inner-full{height:100%;position:relative}.l-section.small{max-width:900px}.l-section.full{max-width:100%;width:100%}.l-flex{display:flex}#page{width:100%;overflow:hidden;position:relative}.main{background-color:#eae2d7}section.hero{position:relative;height:100vh}.hero__bg{position:absolute;width:100%;height:100%;z-index:10}.hero__bg img{position:absolute}.hero__bg img:nth-of-type(1){width:616px;left:-100px}@media only screen and (max-width: 598px){.hero__bg img:nth-of-type(1){left:-180px;top:0;margin:auto}}.hero__bg img:nth-of-type(2){width:606px;right:-100px}@media only screen and (max-width: 598px){.hero__bg img:nth-of-type(2){right:-180px;bottom:0;margin:auto}}.hero__content{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;z-index:11}.hero__content img:nth-of-type(1){width:400px}@media only screen and (max-width: 598px){.hero__content img:nth-of-type(1){width:250px}}.hero__content img:nth-of-type(2){width:700px}@media only screen and (max-width: 598px){.hero__content img:nth-of-type(2){width:300px}}.hero__content h2{font-size:24px;margin:30px auto 50px}@media only screen and (max-width: 598px){.hero__content h2{font-size:18px;margin-bottom:20px}}.concept{position:relative;background-color:#eae2d7;height:100vh;width:100%;z-index:12}.concept__bg{position:absolute;display:flex;align-items:center;justify-content:center;padding:30px 50px;width:100%;height:100%;z-index:10}@media only screen and (max-width: 598px){.concept__bg img{position:absolute;height:100vh;object-fit:cover}}.concept__content{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%;z-index:11}.concept__content p{text-align:center;color:#fff;text-shadow:0px 3px 6px rgba(0,0,0,.16);font-size:24px;font-weight:bold;line-height:1.8}@media only screen and (max-width: 598px){.concept__content p{font-size:16px;line-height:1.6;padding:0 15px}}.concept__content img{width:610px}.lineup{display:flex;flex-direction:column;justify-content:center;padding:100px 0}@media only screen and (max-width: 598px){.lineup{padding:60px 0}}.lineup h2{font-size:60px;font-weight:bold;text-align:center;margin-top:auto;margin-bottom:70px}@media only screen and (max-width: 598px){.lineup h2{font-size:48px}}.lineup .u-link{width:600px;margin:auto;margin-top:20px;font-size:28px;height:80px;padding:0;border-radius:50px}@media only screen and (max-width: 598px){.lineup .u-link{width:300px;height:60px;font-size:20px}}.lineup__content{display:flex;justify-content:center;align-items:center;gap:90px}@media only screen and (max-width: 598px){.lineup__content{flex-direction:column;gap:50px 0}}.lineup__content-item{display:flex;flex-direction:column;justify-content:center;align-items:center}.lineup__content-item img:nth-of-type(1){width:200px;margin-bottom:30px}.lineup__content-item img:nth-of-type(2){width:440px}.lineup.second{background:#fff}.lineup.second>img{display:block;width:1100px;margin:auto}.lineup.second .lineup__content-item img:nth-of-type(2){width:200px;margin-bottom:30px}.lineup.second .lineup__content-item img:nth-of-type(1){width:440px}.product{background-color:#fff}.product__content{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px;padding:80px 120px;z-index:11}@media only screen and (max-width: 598px){.product__content{flex-direction:column;padding:80px 15px}}.product__content-bg{position:absolute;width:100%;height:100%;z-index:10}.product__content-bg img{position:absolute}.product__content-bg img:nth-of-type(1){top:100px;left:20px;width:600px}.product__content-bg img:nth-of-type(2){bottom:-60px;width:184px}@media only screen and (max-width: 598px){.product__content-bg img:nth-of-type(2){width:150px}}.product__content-text{position:relative;z-index:11;width:570px}@media only screen and (max-width: 598px){.product__content-text{width:100%}}.product__content-text h3{margin:0;font-size:24px;font-weight:bold}@media only screen and (max-width: 598px){.product__content-text h3{font-size:16px}}.product__content-text h2{margin:15px auto;font-size:60px;font-weight:bold;color:#94111c;font-size:42px}.product__content-text p{font-size:24px;line-height:1.5}@media only screen and (max-width: 598px){.product__content-text p{font-size:16px}}.product__content-image{position:relative;z-index:11}.product__content-image img{width:577px}.miso{flex-direction:row-reverse;background-color:#eae2d7;z-index:10}@media only screen and (max-width: 598px){.miso{flex-direction:column}}.miso .product__content-bg img:nth-of-type(1){top:100px;left:inherit;right:20px;width:600px}.miso .product__content-bg img:nth-of-type(2){bottom:-84px;right:20px;width:184px}.miso .product__content-text h2{color:#c09864}.coffee{z-index:9}.coffee .product__content-bg img:nth-of-type(2){bottom:-60px;right:0;left:0;margin:auto;width:184px}.coffee .product__content-text h2{color:#3f2420}.amazake{flex-direction:row-reverse;background-color:#eae2d7;z-index:8}@media only screen and (max-width: 598px){.amazake{flex-direction:column}}.amazake .product__content-bg img:nth-of-type(1){top:100px;left:inherit;right:20px;width:330px}.amazake .product__content-bg img:nth-of-type(2){bottom:inherit;top:0;right:120px;width:184px}@media only screen and (max-width: 598px){.amazake .product__content-bg img:nth-of-type(2){bottom:-40px;top:inherit}}.amazake .product__content-text h2{color:#d86974}.other{position:relative;background-color:#eae2d7;padding:100px 0;background-image:url(./images/other-bg2.png);background-size:cover;background-repeat:no-repeat}.other>img{position:relative;display:block;width:970px;margin:auto;margin-bottom:50px;z-index:11}.other .u-link{position:relative;z-index:11;height:80px;width:600px;font-size:28px;font-weight:bold;margin:auto;margin-top:50px}@media only screen and (max-width: 598px){.other .u-link{width:250px;height:60px;font-size:20px}}.other__bg{position:absolute;height:100%;width:100%;z-index:10}.other__bg img{width:406px;position:absolute;right:100px;bottom:300px}@media only screen and (max-width: 598px){.other__bg img{display:none}}.other__content{position:relative;width:880px;z-index:11;display:flex;flex-wrap:wrap;align-items:center;gap:30px 15px;margin:auto}@media only screen and (max-width: 598px){.other__content{flex-direction:column;width:100%;gap:30px 0;padding:0 15px}}.other__content-item{display:flex;flex-direction:column;align-items:center;text-align:center;width:48%}@media only screen and (max-width: 598px){.other__content-item{width:100%}.other__content-item h3{font-size:16px;margin:10px auto}}.other__content-item img{width:370px}.header{position:fixed;display:flex;justify-content:space-between;align-items:center;width:100%;height:100px;padding:0 120px;z-index:100}@media only screen and (max-width: 598px){.header{height:70px;padding:0 15px}}.header__logo{width:120px}.header__link a{width:250px;height:50px;border-radius:0;font-size:24px;font-weight:bold}@media only screen and (max-width: 598px){.header__link a{width:150px;font-size:16px}}.footer{background-color:#eae2d7;padding:140px 0;display:flex;flex-direction:row;justify-content:center;align-items:center}@media only screen and (max-width: 598px){.footer{flex-direction:column}}.footer__logo{width:294px}@media only screen and (max-width: 598px){.footer__logo{width:260px}}.footer__info{width:480px;margin-left:180px;text-align:center;color:#707070}@media only screen and (max-width: 598px){.footer__info{width:100%;margin:0;padding:0 15px}}.footer__info h3{border-bottom:1px solid;font-size:24px;font-weight:bold;padding:15px 0;margin:15px auto}@media only screen and (max-width: 598px){.footer__info h3{font-size:20px}}.footer__info h2{font-size:28px;font-weight:bold;margin:0;line-height:1.4}@media only screen and (max-width: 598px){.footer__info h2{font-size:24px}}.footer__info p{font-size:20px;margin:10px auto;line-height:1.3}@media only screen and (max-width: 598px){.footer__info p{font-size:18px}}.footer__info div{font-size:32px;font-weight:bold}.footer__info div span{font-size:16px}.u-d__lg{display:block}@media only screen and (max-width: 598px){.u-d__lg{display:none !important}}.u-d__sm{display:none}@media only screen and (max-width: 598px){.u-d__sm{display:block !important}}.u-d__none{display:none !important}.u-link{display:flex;justify-content:center;align-items:center;background-color:#b2936b;color:#fff;font-weight:bold;border-radius:30px;padding:15px;text-align:center}
