@charset "utf-8";#intro{position:relative;text-align:center}#intro:before{padding-top:100vh;padding-top:100svh;content:"";display:block;pointer-events:none}#intro #slider>li{background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;top:0;right:0;width:100%;z-index:1}#intro_caption{position:absolute}@media screen and (max-width:767px){#intro{text-align:center}#intro_caption{height:-webkit-calc(100vh - 56px - 56px);height:calc(100vh - 56px - 56px);height:-webkit-calc(100svh - 56px - 56px);height:calc(100svh - 56px - 56px)}#intro.portrait #intro_caption img[src$="logo.webp"]{top:2%;height:22%}#intro.portrait #intro_caption img[src$="portrait.svg"]{top:24%;height:70%}#intro.portrait #intro_caption img[src$="landscape.svg"]{display:none}#intro.landscape #intro_caption img[src$="portrait.svg"]{display:none}#intro.landscape #intro_caption img[src$="logo.webp"]{top:4%;height:48%}#intro.landscape #intro_caption img[src$="landscape.svg"]{top:52%;height:40%}}@media screen and (min-width:768px){#intro{}#intro_caption img[src$="landscape.svg"]{display:none}}@media screen and (min-width:768px) and (max-width:1023px){#intro_caption{height:-webkit-calc(100vh - 56px - 60px);height:calc(100vh - 56px - 60px);height:-webkit-calc(100svh - 56px - 60px);height:calc(100svh - 56px - 60px)}}@media screen and (min-width:768px) and (max-width:1279px){#intro_caption img[src$="logo.webp"]{top:2%;height:26%}#intro_caption img[src$="portrait.svg"]{top:30%;height:66%}}@media screen and (max-width:1023px){#intro_caption{top:56px}}@media screen and (min-width:1024px) and (max-width:1279px){#intro_caption{height:-webkit-calc(100vh - 72px - 80px);height:calc(100vh - 72px - 80px);height:-webkit-calc(100svh - 72px - 80px);height:calc(100svh - 72px - 80px);top:72px}}@media screen and (max-width:1279px){#intro_caption{left:0%;width:100%;z-index:10}#intro_caption img[src$="logo.webp"],#intro_caption img[src$="portrait.svg"],#intro_caption img[src$="landscape.svg"]{position:absolute;left:50%;-ms-transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);transform:translate(-50%,0%);z-index:10}}@media screen and (min-width:1280px){#intro_caption{background-color:#FFF;top:0;left:0;height:100%;z-index:2000}#intro_caption img[src$="logo.webp"]{position:absolute;max-width:none}}@media screen and (min-width:1280px) and (max-width:1439px){#intro{min-height:640px}#intro #slider>li{width:-webkit-calc(100% - 220px);width:calc(100% - 220px)}#intro_caption{padding-top:200px;width:220px}#intro_caption img[src$="logo.webp"]{top:10px;left:10px;width:344px}}@media screen and (min-width:1440px) and (max-width:1599px){#intro{min-height:680px}#intro #slider>li{width:-webkit-calc(100% - 250px);width:calc(100% - 250px)}#intro_caption{padding-top:240px;width:250px}#intro_caption img[src$="logo.webp"]{top:15px;left:11px;width:387px}#intro_caption img[src$="portrait.svg"]{width:126px}}@media screen and (min-width:1600px) and (max-width:1920px){#intro{min-height:720px}#intro #slider>li{width:-webkit-calc(100% - 270px);width:calc(100% - 270px)}#intro_caption{padding-top:280px;width:270px}#intro_caption img[src$="logo.webp"]{top:20px;left:8px;width:430px}#intro_caption img[src$="portrait.svg"]{width:132px}}@media screen and (min-width:1921px) and (max-width:2559px){#intro{min-height:820px}#intro #slider>li{width:-webkit-calc(100% - 320px);width:calc(100% - 320px)}#intro_caption{padding-top:300px;width:320px}#intro_caption img[src$="logo.webp"]{top:25px;left:10px;width:516px}#intro_caption img[src$="portrait.svg"]{width:150px}}@media screen and (min-width:2560px){#intro_caption img[src$="logo.webp"]{top:0;left:7.125%;width:150%;margin-top:5%}#intro_caption img[src$="portrait.svg"]{width:75%}}@media screen and (min-width:2560px) and (max-width:3839px){#intro{min-height:1200px}#intro #slider>li{width:85%}#intro_caption{padding-top:15%;width:15%}}@media screen and (min-width:3840px){#intro{min-height:1600px}#intro #slider>li{width:87.5%}#intro_caption{padding-top:12.5%;width:12.5%}}#about{background-position:center center;background-repeat:no-repeat;background-size:cover}#about_box>strong{display:block}#about_bar{letter-spacing:0}@media screen and (max-width:319px){#about_bar{display:none}}@media screen and (min-width:320px) and (max-width:359px){#about_box>strong{font-size:112.5%}}@media screen and (min-width:360px) and (max-width:479px){#about_box>strong{font-size:125%}}@media screen and (min-width:480px) and (max-width:639px){#about_box>strong{font-size:137.5%}#about_box p{font-size:112.5%}}@media screen and (min-width:640px) and (max-width:767px){#about_box>strong{font-size:150%}#about_box p{font-size:125%}}@media screen and (max-width:767px){#about{padding-bottom:6.25%}#about.lazyloaded{background-image:url(https://heihachi-dining.com/images/user/common/back_014.webp)}#about h2{margin-bottom:6.25%}#about.lazyloaded h2{background-image:url(https://heihachi-dining.com/images/user/about/back_022.webp)}#about.lazyloaded h2:after{background-image:url(https://heihachi-dining.com/images/user/about/img_012.webp)}#about_box{padding:0 3.125%}}@media screen and (min-width:768px){#about{padding-bottom:50px}#about h2{margin-bottom:2em}}@media screen and (min-width:768px) and (max-width:1023px){#about.lazyloaded{background-image:url(https://heihachi-dining.com/images/user/common/back_013.webp)}#about_box{padding:0 2em}#about.lazyloaded h2{background-image:url(https://heihachi-dining.com/images/user/about/back_021.webp)}#about.lazyloaded h2:after{background-image:url(https://heihachi-dining.com/images/user/about/img_011.webp)}#about_box>strong{font-size:175%}}@media screen and (min-width:1024px) and (max-width:1279px){#about.lazyloaded{background-image:url(https://heihachi-dining.com/images/user/common/back_012.webp)}#about_box{padding:0 3em}#about.lazyloaded h2{background-image:url(https://heihachi-dining.com/images/user/about/back_020.webp)}#about.lazyloaded h2:after{background-image:url(https://heihachi-dining.com/images/user/about/img_010.webp)}#about_box>strong{font-size:200%}}@media screen and (max-width:1279px){#about{text-align:left}#about h2{background-position:left top;background-repeat:no-repeat;background-size:40% auto;padding:5% 0 20% 40%;position:relative;text-align:center}#about h2:after{background-position:left bottom;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:100%;margin-bottom:-5%;margin-right:-12.5%;pointer-events:none;position:absolute;right:0;bottom:0;width:67.5%;z-index:1}#about h2 img{position:relative;width:90%;z-index:2}#about_box>strong{padding-left:3em;text-indent:-2em}#about_bar{margin-left:.16275em}#about_box p{margin-top:1em}}@media screen and (min-width:1280px){#about{text-align:center}#about h2{padding-left:50%;text-align:left}#about h2 img{margin-top:-8.5%;position:relative;width:57.5%;z-index:30}#about_box{display:inline-block;letter-spacing:.125em;margin-left:15%;padding:3.5% 0 6%;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-align:left}#about_box>strong{font-size:175%;height:14em;margin-left:1em;padding-top:1em;text-indent:-1em}#about_bar{margin-top:.16275em}#about_box p{font-size:112.5%;line-height:3;height:26em}}@media screen and (min-width:1280px) and (max-width:1365px){#about.lazyloaded{background-image:url(https://heihachi-dining.com/images/user/about/back_014.webp)}}@media screen and (min-width:1366px) and (max-width:1599px){#about.lazyloaded{background-image:url(https://heihachi-dining.com/images/user/about/back_013.webp)}}@media screen and (min-width:1600px) and (max-width:1920px){#about.lazyloaded{background-image:url(https://heihachi-dining.com/images/user/about/back_012.webp)}}@media screen and (min-width:1921px) and (max-width:2559px){#about.lazyloaded{background-image:url(https://heihachi-dining.com/images/user/about/back_011.webp)}}@media screen and (min-width:2560px){#about.lazyloaded{background-image:url(https://heihachi-dining.com/images/user/about/back_010.webp)}}