.beer-page{font-family:Arial Black}.beer-page-contents{width:100vw;height:100vh;overflow:hidden;position:relative}.beer-page-contents-photo{width:100vw;height:100vh;object-fit:cover;position:absolute;top:0;left:0;z-index:5}.beer-page-layer1,.beer-page-layer2{width:100vw;height:100vh;position:absolute;top:0;left:0;background-color:#000;z-index:8}.beer-page-top-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.beer-page-top-logo img{width:300px}.beer-page-concept{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:80vw}.beer-concept-icon{display:flex;align-items:center;justify-content:center;flex:1}.beer-concept-icon img{width:60%}.beer-concept-text{flex:1;display:flex;align-items:center;justify-content:center;color:#fff;font-family:\30d2\30e9\30ae\30ce\89d2\30b4  Stdn W8,sans-serif}.beer-concept-text h2{line-height:60px;font-size:30px}.cb-about-left{position:absolute;top:0;left:0;z-index:10;display:flex;height:80vh;padding:10vh;flex-direction:column;color:#e6e6e6}.cb-about-lrft-top h2{font-family:Arial Black,\30d2\30e9\30ae\30ce\89d2\30b4  Stdn W8,sans-serif;font-size:4vw}.cb-about-left p{font-weight:700;font-size:1.5vw;line-height:3vw;font-family:\30d2\30e9\30ae\30ce\89d2\30b4  Stdn W8,sans-serif}.for-mobile-text{display:none}.beer-works{width:100vw;height:50vh;background-color:#000}.cb-about-right{position:absolute;top:0;right:-80vh;z-index:10;width:100vh;color:#e6e6e6;transform:rotate(90deg);transform-origin:top left}.cb-about-right h2{font-family:Arial Black,\30d2\30e9\30ae\30ce\89d2\30b4  Stdn W8,sans-serif;text-align:center;font-size:4vw;position:relative}.cb-about-right h2:after{content:"";position:absolute;transform:translate(-50%);left:50%;bottom:0;height:3px;margin-left:3vw;background:#e6e6e6;width:53%;height:.5px}@media (max-width: 768px){.beer-page-top-logo img{width:180px}.beer-page-concept{flex-direction:column}.beer-concept-text h2{line-height:40px;font-size:16px;text-align:center}.cb-about-left{padding:10vh 5vw}.cb-about-lrft-top h2{font-size:8vw}.cb-about-left p{font-size:2.5vw;line-height:5.5vw}.for-mobile-text{display:block}.cb-about-right{top:0;right:-100vh;z-index:10;width:100vh;color:#e6e6e6;transform:rotate(90deg);transform-origin:top left}.cb-about-right h2{margin-right:18vh;text-align:end;font-size:10vw}.cb-about-right h2:after{content:"";position:absolute;transform:translate(0);left:50%;bottom:0;height:3px;margin-left:3vw;background:#e6e6e6;width:50%;height:.5px}}