#page_about{background-color:var(--sub-color);font-weight:700;line-height:1.7;letter-spacing:normal}@media (min-width: 768px){#page_about{font-size:1.6rem}}#page_about h1,#page_about h2{margin:0;font-weight:700}#page_about p{margin-top:0}#page_about .btn{border:2px solid var(--main-color);display:block;padding:.5em;font-size:1.6rem;font-weight:600;text-align:center;border-radius:9px}@media (min-width: 576px){#page_about .btn{display:inline-block;padding-left:1em;padding-right:1em}}#page_about .btn:hover{transform:scale(1.1);opacity:1}#page_about section{padding:4em 0}@media (min-width: 768px){#page_about section{padding:6em 0}}#page_about section .inner{padding:0 20px}@media (min-width: 768px){#page_about section .inner{padding:0 60px}}@media (min-width: 1200px){#page_about section .inner{padding:unset;max-width:1276px;margin-left:auto;margin-right:auto}}#page_about section h2{line-height:1;font-size:3rem;text-align:center;margin-bottom:.75em}@media (min-width: 768px){#page_about section h2{font-size:4rem}}@media (min-width: 992px){#page_about section h2{font-size:5rem}}#page_about section h2 em{font-style:normal;display:block;margin-bottom:.5em;font-size:1.4rem}@media (min-width: 768px){#page_about section h2 em{font-size:1.5rem}}#page_about section h2 span{display:block}#page_about .main_vi{padding:0}@media (min-width: 576px){#page_about .main_vi{height:100vh;display:flex;flex-direction:column}}@media (min-width: 768px){#page_about .main_vi{height:50vh}}@media (min-width: 992px){#page_about .main_vi{height:100vh}}@media (min-width: 1200px){#page_about .main_vi{height:auto}}#page_about .main_vi .about_title{position:relative;line-height:0;background-color:#000}@media (min-width: 576px){#page_about .main_vi .about_title{height:100%}}#page_about .main_vi .about_title h1{position:absolute;color:#fff;font-weight:700;font-size:4rem;white-space:nowrap;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:1;margin:0;z-index:1}@media (min-width: 768px){#page_about .main_vi .about_title h1{font-size:6.4rem}}@media (min-width: 992px){#page_about .main_vi .about_title h1{font-size:8.4rem}}@media (min-width: 1200px){#page_about .main_vi .about_title h1{font-size:9.8rem}}#page_about .main_vi .about_title h1 em{font-style:normal;font-weight:700;display:block;font-size:1.5rem;margin-bottom:.5em}@media (min-width: 768px){#page_about .main_vi .about_title h1 em{font-size:1.7rem}}@media (min-width: 992px){#page_about .main_vi .about_title h1 em{font-size:1.8rem}}@media (min-width: 1200px){#page_about .main_vi .about_title h1 em{font-size:1.9rem}}#page_about .main_vi .about_title h1 span{display:block}#page_about .main_vi .about_title .main_img{display:inline-block;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;aspect-ratio:1/1;opacity:.85;border:0;margin-bottom:0}@media (min-width: 576px){#page_about .main_vi .about_title .main_img{height:100%;aspect-ratio:unset}}#page_about .main_vi ul{display:flex;line-height:1;gap:5px;flex-wrap:wrap;padding:1em;justify-content:center}@media (min-width: 768px){#page_about .main_vi ul{gap:7px;padding:1.75em 1em}}@media (min-width: 992px){#page_about .main_vi ul{gap:15px}}#page_about .main_vi ul a{display:block;padding:.7em 1.4em;border:2px solid var(--main-color);border-radius:50px;white-space:nowrap;color:var(--main-color);font-weight:600}#page_about #our-story{background-position:center center;background-repeat:no-repeat;background-size:cover;color:#fff}@media (min-width: 992px){#page_about #our-story .inner{display:flex;flex-direction:row-reverse;gap:50px;align-items:center}}#page_about #our-story .inner h2{color:#fff}@media (min-width: 992px){#page_about #our-story .inner h2{text-align:left}}#page_about #our-story .img{margin-top:2em}@media (min-width: 768px){#page_about #our-story .img{width:70%;margin-left:auto;margin-right:auto}}@media (min-width: 992px){#page_about #our-story .img{width:50%;max-width:640px;margin-left:unset;margin-right:unset;margin-top:0;flex-shrink:0}#page_about #our-story .text{width:50%}}#page_about #our-brewery{color:var(--main-color)}@media (min-width: 992px){#page_about #our-brewery .inner{display:flex;flex-direction:row;gap:50px;align-items:center}}@media (min-width: 992px){#page_about #our-brewery .inner h2{text-align:left}}#page_about #our-brewery .img{margin-top:2em}@media (min-width: 768px){#page_about #our-brewery .img{width:70%;margin-left:auto;margin-right:auto}}@media (min-width: 992px){#page_about #our-brewery .img{width:50%;max-width:640px;margin-left:unset;margin-right:unset;margin-top:0;flex-shrink:0}#page_about #our-brewery .text{width:50%}}#page_about #our-process{background-color:var(--main-color);color:#fff}#page_about #our-process .inner{position:relative}#page_about #our-process .bubble{position:absolute;transform:scale(.5);transform-origin:bottom center;top:-90px;left:0}@media (min-width: 768px){#page_about #our-process .bubble{transform:scale(.75);top:0;left:50px}}@media (min-width: 992px){#page_about #our-process .bubble{transform:unset}}#page_about #our-process h2{color:#fff}#page_about #our-process h2+p{margin-bottom:0;text-align:center}@media (min-width: 768px){#page_about #our-process h2+p{margin-bottom:1em}}#page_about #our-process ol{display:flex;flex-wrap:wrap;justify-content:center}@media (min-width: 768px){#page_about #our-process ol{flex-wrap:nowrap}}#page_about #our-process ol li{display:flex;flex-direction:column;width:30%;text-align:center;justify-content:flex-end}#page_about #our-process ol li>*{line-height:1}#page_about #our-process ol li img{transform:scale(.75);transform-origin:bottom center}#page_about #our-process ol li .num{font-size:2rem;margin:.5em 0 .2em}@media (min-width: 992px){#page_about #our-process ol li .num{font-size:3rem;margin-top:.7em}}@media (min-width: 1200px){#page_about #our-process ol li .num{font-size:3rem}}@media (min-width: 992px){#page_about #our-process ol li .text{font-size:1.8rem}}@media (min-width: 1200px){#page_about #our-process ol li .text{font-size:2rem}}#page_about #our-process .outer{position:relative;margin-top:3em}@media (min-width: 768px){#page_about #our-process .outer{margin-top:5em}}@media (min-width: 992px){#page_about #our-process .outer{margin-top:7em;max-width:1040px;margin-left:auto;margin-right:auto}}#page_about #our-process .tag{position:absolute;top:-40px;right:10px;width:50px}@media (min-width: 768px){#page_about #our-process .tag{right:40px;top:-35px}}@media (min-width: 992px){#page_about #our-process .tag{width:auto;top:-45px;right:60px}}#page_about #our-process .inner_contents{background-color:var(--sub-color);color:var(--main-color);padding:2em;border-radius:15px}@media (min-width: 992px){#page_about #our-process .inner_contents{padding:3em}}#page_about #our-process .inner_contents h2{color:var(--main-color)}#page_about #our-process .inner_contents .inner_wrapper{display:flex;flex-direction:column;gap:20px}@media (min-width: 576px){#page_about #our-process .inner_contents .inner_wrapper{flex-direction:row;gap:0}}@media (min-width: 992px){#page_about #our-process .inner_contents .inner_wrapper{width:90%;margin:0 auto;max-width:780px}}@media (min-width: 576px){#page_about #our-process .inner_contents .inner_wrapper .inner_container{flex:1}#page_about #our-process .inner_contents .inner_wrapper .inner_container:first-child{border-right:1px solid var(--main-color);padding-right:2em}#page_about #our-process .inner_contents .inner_wrapper .inner_container:last-child{padding-left:2em}}@media (min-width: 768px){#page_about #our-process .inner_contents .inner_wrapper .inner_container:first-child{padding-right:3em}#page_about #our-process .inner_contents .inner_wrapper .inner_container:last-child{padding-left:3em}}#page_about #our-process .inner_contents .inner_wrapper .img_info{display:flex;align-items:center;gap:20px;margin-bottom:1em}#page_about #our-process .inner_contents .inner_wrapper .img_info>*{flex:1}#page_about #our-process .inner_contents .inner_wrapper .img_info p{margin-bottom:0;font-size:1.8rem}@media (min-width: 992px){#page_about #our-process .inner_contents .inner_wrapper .img_info p{font-size:2rem}}#page_about #our-process .inner_contents .inner_wrapper .img_info p span{display:block;font-size:1.2rem}#page_about #our-process .inner_contents .inner_wrapper p{margin-bottom:0}#page_about #our-team{background-color:#ef7243;color:#fff;position:relative}#page_about #our-team h2{color:#fff}#page_about #our-team .bubble3{position:absolute;transform:scale(.5);transform-origin:bottom center;top:-100px;right:-16px}@media (min-width: 768px){#page_about #our-team .bubble3{transform:scale(.75);top:-70px;right:65px}}@media (min-width: 992px){#page_about #our-team .bubble3{transform:unset;top:-50px}}#page_about #our-team .bubble2{display:none}@media (min-width: 768px){#page_about #our-team .bubble2{position:absolute;display:block;transform:scale(.75);bottom:10px;left:-100px}}@media (min-width: 992px){#page_about #our-team .bubble2{transform:unset;left:-140px}}#page_about #our-team .staff-slider{margin-top:3em;margin-bottom:3em}@media (min-width: 992px){#page_about #our-team .staff-slider{margin-top:4em;margin-bottom:4em}}@media (min-width: 1200px){#page_about #our-team .staff-slider{margin-top:5em;margin-bottom:5em}}#page_about #our-team .inner{position:relative;max-width:900px;margin-left:auto;margin-right:auto}#page_about #our-team .inner .bnr_wrapper{position:relative}@media (min-width: 576px){#page_about #our-team .inner .bnr_wrapper{width:80%;margin-left:auto;margin-right:auto}}@media (min-width: 992px){#page_about #our-team .inner .bnr_wrapper{max-width:700px;width:auto}}#page_about #our-team .inner .bnr_wrapper .btn.bnr{display:flex;border:2px solid #fff;border-radius:15px;justify-content:center;padding:15px;gap:15px;align-items:center;color:#fff}@media (min-width: 768px){#page_about #our-team .inner .bnr_wrapper .btn.bnr{border-radius:20px;margin-top:2em}}#page_about #our-team .inner .bnr_wrapper .btn.bnr span{line-height:1}#page_about #our-team .inner .bnr_wrapper .btn.bnr span:first-child{width:50px}#page_about #our-team .inner .bnr_wrapper .btn.bnr span:last-child{font-size:1.7rem;font-weight:700}@media (min-width: 768px){#page_about #our-team .inner .bnr_wrapper .btn.bnr span:last-child{font-size:3rem}}#page_about #our-team .inner .bnr_wrapper .btn.bnr span:last-child em{font-style:normal;font-size:1.1rem;display:block;margin-bottom:.5em}@media (min-width: 768px){#page_about #our-team .inner .bnr_wrapper .btn.bnr span:last-child em{font-size:1.5rem}}#page_about #our-team .inner .recruit_wrapper{margin-top:5em;position:relative}@media (min-width: 992px){#page_about #our-team .inner .recruit_wrapper{max-width:1040px;margin-left:auto;margin-right:auto}}#page_about #our-team .inner .recruit_wrapper .recruit_bnr{margin-left:-20px;margin-right:-20px;text-align:center;background-color:var(--sub-color);color:var(--main-color);padding:2em 3.5em 2.5em}@media (min-width: 576px){#page_about #our-team .inner .recruit_wrapper .recruit_bnr{margin-left:unset;margin-right:unset;border-radius:15px}}#page_about #our-team .inner .recruit_wrapper .recruit_bnr h3{font-size:2rem;margin-top:0;margin-bottom:1.2em;color:var(--main-color);font-weight:700}@media (min-width: 992px){#page_about #our-team .inner .recruit_wrapper .recruit_bnr h3{font-size:2.6rem}}#page_about #our-team .inner .recruit_wrapper .recruit_bnr .btn{padding-left:4em;padding-right:4em}@media (min-width: 992px){#page_about #our-team .inner .recruit_wrapper .recruit_bnr .btn{padding-left:6em;padding-right:6em;font-size:1.7rem}}#page_about #our-team .inner .recruit_wrapper .tag{position:absolute;top:-40px;right:10px;width:50px}@media (min-width: 768px){#page_about #our-team .inner .recruit_wrapper .tag{right:40px;top:-35px}}@media (min-width: 992px){#page_about #our-team .inner .recruit_wrapper .tag{width:auto;top:-45px;right:60px}}#page_about #company-imformation{color:var(--main-color)}@media (min-width: 1200px){#page_about #company-imformation .inner{max-width:900px}}#page_about #company-imformation .info_wrapper{margin-top:3em;display:flex;flex-direction:column-reverse}@media (min-width: 576px){#page_about #company-imformation .info_wrapper{flex-direction:row;gap:20px;align-items:center}}#page_about #company-imformation .info_wrapper .info{display:grid;grid-template-columns:auto 1fr;grid-template-rows:repeat(6,auto);-moz-column-gap:10px;column-gap:10px;row-gap:5px}@media (min-width: 576px){#page_about #company-imformation .info_wrapper .info{flex:1}}@media (min-width: 768px){#page_about #company-imformation .info_wrapper .info{flex:unset}}@media (min-width: 992px){#page_about #company-imformation .info_wrapper .info{flex:1;font-size:1.7rem;-moz-column-gap:25px;column-gap:25px;row-gap:10px}}#page_about #company-imformation .info_wrapper .img{margin-bottom:2em;margin-left:-20px;margin-right:-20px}@media (min-width: 576px){#page_about #company-imformation .info_wrapper .img{margin-left:unset;margin-right:unset;flex:1;margin-bottom:0}}#page_about #company-imformation .access_wrapper h3{font-size:1.8rem;margin-top:3em;font-weight:700}@media (min-width: 992px){#page_about #company-imformation .access_wrapper h3{font-size:2.6rem}}#page_about #company-imformation .access_wrapper .map_wrapper{margin-left:-20px;margin-right:-20px}@media (min-width: 768px){#page_about #company-imformation .access_wrapper .map_wrapper{margin-left:unset;margin-right:unset}}#page_about #company-imformation .access_wrapper .map_wrapper .gmap{position:relative;width:100%;padding-top:100%;height:0}@media (min-width: 576px){#page_about #company-imformation .access_wrapper .map_wrapper .gmap{padding-top:56.25%}}#page_about #company-imformation .access_wrapper .map_wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/1/assets/customize_about.css.map */