@font-face{font-family:"myfont";src:url(../font/myfont01.woff2) format("woff2")}ul,ol{list-style:none;padding:0;margin:0}a{color:inherit;text-decoration:none}a:hover{color:inherit;text-decoration:none}p{margin:0}body{line-height:2;word-break:auto-phrase}img{max-width:100%}li{list-style:none}.opacity_hover a{transition:.4s}.opacity_hover a:hover{opacity:.6}.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1100px}:root{--main:#debb3b}.main_fc{color:var(--main)}.black_bg{background-color:#000}.gray_bg{background-color:#f5f5f5}.gra_bg{background-image:url(http://spentgrain.co.jp/wp-content/themes/spentgrain/common/img/gra_bg.jpg.pagespeed.ce.DMrj6MyvLG.jpg);background-size:cover;background-position:top}.gra_bg2{background-image:url(http://spentgrain.co.jp/wp-content/themes/spentgrain/common/img/xgra_bg2.jpg.pagespeed.ic.trWaaiC-IL.jpg);background-size:100%;background-position:top;background-repeat:no-repeat}.gra_bg3{background-image:url(http://spentgrain.co.jp/wp-content/themes/spentgrain/common/img/xgra_bg3.jpg.pagespeed.ic.mT09MuyYc1.jpg);background-size:100%;background-position:top;background-repeat:no-repeat}.fontS{font-size:14px}.fontDefault{font-size:18px}.fontM{font-size:18px}.fontML{font-size:20px}.fontL{font-size:22px}.fontLL{font-size:24px}.font3L{font-size:28px}@media (max-width:991px){.fontM{font-size:16px}.fontML{font-size:18px}.fontL{font-size:20px}.fontLL{font-size:20px}.font3L{font-size:22px}}.myfont01{font-family:"myfont"}.myfont02{font-family:"Cormorant",serif}.min{font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif}.h2_wrap{margin-bottom:50px}.h2_wrap .sub_txt{font-family:"myfont";font-size:90px;line-height:1;margin-bottom:10px}.h2_wrap .sub_txt::first-letter{color:var(--main);font-size:140px;letter-spacing:-7px;text-transform:capitalize}.h2_wrap .h2_ttl{font-size:24px;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;letter-spacing:2px;font-weight:bold}.h2_wrap.wh .sub_txt,.h2_wrap.wh .h2_ttl{color:#fff}.lower_h2{font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;font-size:2.7vw;font-weight:bold;letter-spacing:2px;line-height:1.5}.h3_wrap{text-align:center;margin-bottom:20px}.h3_wrap .en_ttl{color:var(--main);font-family:"myfont";font-size:7.2vw;line-height:1}.h3_wrap .en_ttl::first-letter{text-transform:capitalize}.h3_wrap .ja_ttl{font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;font-weight:bold;font-size:38px;letter-spacing:2px;line-height:1.5;transform:translateY(-40px)}@media (max-width:991px){.h2_wrap{margin-bottom:30px}.h2_wrap .sub_txt{font-size:50px}.h2_wrap .sub_txt::first-letter{font-size:70px}.h2_wrap .h2_ttl{font-size:18px}.lower_h2{font-size:25px}.h3_wrap .en_ttl{font-size:10.1vw}.h3_wrap .ja_ttl{font-size:22px;transform:translateY(-15px)}}.link_btn a{display:table;position:relative;padding-bottom:25px;letter-spacing:2px;padding-right:40px;font-weight:bold}.link_btn a::before,.link_btn a::after{position:absolute;content:""}.link_btn a::before{background-image:url(http://spentgrain.co.jp/wp-content/themes/spentgrain/common/img/link_arr2.svg);background-size:contain;background-repeat:no-repeat;width:30px;height:5px;right:0;top:12px}.link_btn.wh_arr a::before{background-image:url(http://spentgrain.co.jp/wp-content/themes/spentgrain/common/img/link_arr.svg)}.link_btn a::after{background-color:var(--main);width:40px;height:4px;left:0;bottom:0;transition:.4s}.link_btn a:hover:after{width:calc(100% - 40px)}.link_box a{display:block;letter-spacing:2px;font-weight:bold;background-color:#debb3b;font-size:18px;width:360px;max-width:80%;padding:20px;text-align:center}.link_anchor{display:block;padding-top:70px;margin-top:-70px}.con_space{padding-top:100px;padding-bottom:100px}.con_space_top{padding-top:100px}.con_space_btm{padding-bottom:100px}.con_space_narrow{padding-top:80px;padding-bottom:80px}.con_space_narrow_top{padding-top:80px}.con_space_narrow_btm{padding-bottom:80px}.con_space_wide{padding-top:150px;padding-bottom:150px}.con_space_wide_top{padding-top:150px}.con_space_wide_btm{padding-bottom:150px}@media (max-width:991px){.con_space{padding-top:50px;padding-bottom:50px}.con_space_top{padding-top:50px}.con_space_btm{padding-bottom:50px}.con_space_narrow{padding-top:30px;padding-bottom:30px}.con_space_narrow_top{padding-top:30px}.con_space_narrow_btm{padding-bottom:30px}.con_space_wide{padding-top:80px;padding-bottom:80px}.con_space_wide_top{padding-top:80px}.con_space_wide_btm{padding-bottom:80px}}.fadein{transform:translateY(30px);opacity:0;visibility:hidden;transition:transform 1s , opacity 1s , visibility 1s}.is-fadein{transform:translateX(0);opacity:1;visibility:visible}.header_wrap{position:fixed;top:0;left:0;background-color:#000;width:100%;color:#fff;z-index:9999}.header_wrap .nav_wrap{display:flex;justify-content:space-between;align-items:center}.header_wrap .logo_area{padding-inline:40px}.header_wrap .link_area{display:flex;align-items:center;justify-content:space-between;gap:30px}.header_wrap .menu_link_block{display:flex;align-items:center;gap:30px;font-size:18px}.header_wrap .cta_link_block{display:flex}.header_wrap .cta_link_block a{display:flex;width:140px;height:110px}.header_wrap .cta_link_block a:first-child{background-color:#5b6571}.header_wrap .cta_link_block a:nth-child(2) {background-color:#debb3b}.header_wrap .cta_link_block a:last-child{background-color:#b70808}@media (min-width:992px){.header__hamburger{display:none}}@media (max-width:991px){.header_wrap .logo_area{padding:15px;width:160px}.header_wrap .cta_link_block{gap:10px;flex-wrap:wrap;justify-content:center;margin-top:20px}.header_wrap .cta_link_block a{display:flex;justify-content:center;align-items:center;width:80%;max-width:180px;height:48px}.header_wrap .cta_link_block a img{height:24px}.header_wrap .link_area{display:block;position:fixed;height:70vh;width:100%;background-color:#000;top:47px;z-index:9999;padding:50px 15px;pointer-events:none;visibility:hidden;opacity:0;transition:.4s}.header_wrap .link_area.active{pointer-events:all;visibility:inherit;opacity:1}.header_wrap .menu_link_block{display:block;text-align:center;font-size:16px}.header__hamburger{position:relative;width:40px;height:40px;cursor:pointer;margin-right:15px}.header__hamburger span{display:inline-block;transition:all .4s;position:absolute;left:0;height:2px;background-color:#fff}.header__hamburger span:nth-of-type(1) {top:14px;width:85%}.header__hamburger span:nth-of-type(2) {top:22px;width:85%}.header__hamburger.active span:nth-of-type(1) {top:10px;left:2px;transform:translateY(6px) rotate(-45deg);width:70%}.header__hamburger.active span:nth-of-type(2) {top:22px;left:2px;transform:translateY(-6px) rotate(45deg);width:70%}}.f_cta_area{background-image:url(/wp-content/uploads/2024/09/xcta_bg.webp.pagespeed.ic.GI0nhIp6ed.webp);background-size:cover;padding:100px 0;background-attachment:fixed;background-position:center;background-repeat:no-repeat}_::-webkit-full-page-media,_:future,:root .f_cta_area{background-attachment:inherit}.f_cta_area .f_cta_ttl{font-size:2.8vw;font-weight:bold;text-align:center;line-height:1.4;margin-bottom:30px;letter-spacing:9px;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif}.f_cta_area .btn_con{background-image:url(http://spentgrain.co.jp/wp-content/themes/spentgrain/common/img/xcon_cta_bg2.jpg.pagespeed.ic.GcCdfVrGZN.jpg);background-size:cover;background-position:center;text-align:center;padding:18px 18px 24px}.f_cta_area .btn_con p{color:#fff;font-size:18px}.f_cta_area .c_estimate_link{color:#fff;background-color:#000;width:450px;padding:15px 40px;font-size:20px;position:relative;margin-inline:auto;display:block;text-align:center;max-width:90%}.f_cta_area .c_estimate_link::after{position:absolute}@media (max-width:991px){.f_cta_area{padding:50px 0}.f_cta_area .f_cta_ttl{font-size:5.5vw;letter-spacing:4px;margin-bottom:15px}.f_cta_area .fontL{font-size:14px}.f_cta_area .btn_con p{font-size:14px}.f_cta_area .c_estimate_link{padding:10px 40px;font-size:14px}}.footer_wrap{background-image:url(/wp-content/uploads/2024/09/xf_bg.webp.pagespeed.ic.dQ-uH00UzV.webp);background-size:cover;padding:100px 0 40px;position:relative}.footer_wrap .f_txt_slider{position:absolute;z-index:1;width:100%;top:20%;left:0}.footer_wrap .container{position:relative;z-index:9}.footer_wrap .f_catch{font-size:50px;font-weight:bold;color:#fff;text-align:center;letter-spacing:5px;margin-bottom:100px}.footer_wrap .f_catch span{color:var(--main)}.footer_wrap .f_menu{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.footer_wrap .f_menu a{color:#fff}.footer_wrap .cta_btn_list{display:flex;justify-content:center;gap:15px}.footer_wrap .copy{color:#fff;font-size:10px}@media (min-width:992px){.float_cta_wrap{display:none}}@media (max-width:991px){.footer_wrap{padding:50px 0 70px}.footer_wrap .f_catch{font-size:6.2vw;line-height:1.3;margin-bottom:30px;letter-spacing:3px}.footer_wrap .f_txt_slider{top:13%}.footer_wrap .f_menu{display:flex;gap:2px 15px;justify-content:center;flex-wrap:wrap}.float_cta_wrap{position:fixed;bottom:0;left:0;width:100%;z-index:999}.float_cta_wrap ul{display:flex}.float_cta_wrap ul li{flex:1}.float_cta_wrap ul li img{width:100%}}.lower_main_wrap{background-color:#000;padding:20px 0 50px}.lower_main_wrap .h1_wrap{color:#fff}.lower_main_wrap .sub_txt{font-family:"myfont";font-size:60px;line-height:1;margin-bottom:10px}.lower_main_wrap .sub_txt::first-letter{color:var(--main);font-size:87px;letter-spacing:-3px;text-transform:capitalize}.lower_main_wrap .h1_ttl{font-size:24px;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;letter-spacing:2px;font-weight:bold}@media (max-width:991px){.lower_main_wrap .sub_txt{font-size:40px}.lower_main_wrap .sub_txt::first-letter{font-size:67px}.lower_main_wrap .h1_ttl{font-size:18px}}.lower_mv_area{position:relative}.lower_mv_area .main_figure{position:absolute;width:45vw;top:0;right:0;margin-right:calc(50% - 50vw);z-index:1}.lower_mv_area .row{position:relative;z-index:9}@media (max-width:991px){.lower_mv_area .main_figure{position:relative;width:100%;top:inherit;right:inherit;margin-top:30px}}.breadcrumb__list{display:flex;flex-wrap:wrap;gap:5px 10px;font-size:14px;margin-top:20px}.breadcrumb__list li{position:relative}.breadcrumb__list li::after{content:"/";display:inline-block;padding-left:10px}.breadcrumb__list li:last-child:after{display:none}.con_cta_area{background-image:url(http://spentgrain.co.jp/wp-content/themes/spentgrain/common/img/xcon_cta_bg1.jpg.pagespeed.ic.wKbAhvSJzQ.jpg);background-size:cover;background-position:center;padding:100px 0}.con_cta_area .btn_con{background-image:url(http://spentgrain.co.jp/wp-content/themes/spentgrain/common/img/xcon_cta_bg2.jpg.pagespeed.ic.GcCdfVrGZN.jpg);background-size:cover;background-position:center;text-align:center;padding:18px 18px 24px}.con_cta_area .btn_con p{color:#fff;font-size:18px}@media (max-width:991px){.con_cta_area{padding:60px 0;font-weight:bold}.con_cta_area .btn_con p{font-size:14px}}.category_link_list{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.category_link_list a{display:block;border-radius:30px;text-align:center;padding:7px 15px;line-height:1;background-color:#cdcdcd;color:#fff;width:100%;min-width:140px}.category_link_list a.current{background-color:#000}@media (max-width:991px){.category_link_list{gap:10px}.category_link_list a{min-width:inherit;font-size:14px}}.article_wrap h1{font-weight:bold;font-size:32px;letter-spacing:2px;margin-bottom:40px}.article_wrap h2{background:linear-gradient(to right,#000,#7f773a);color:#fff;font-size:28px;padding:25px;font-weight:bold;margin-top:60px;margin-bottom:50px}.article_wrap h3{border-left:3px solid #debb3b;font-size:24px;padding:8px 30px;font-weight:bold;margin-top:60px;margin-bottom:50px}.article_wrap h4{background-color:#debb3b;color:#fff;font-weight:bold;padding:15px 30px;font-size:20px;margin-top:60px;margin-bottom:50px}.article_wrap h5{color:#debb3b;font-weight:bold;font-size:20px;margin-top:60px;margin-bottom:50px}.article_wrap h6{font-weight:bold;font-size:18px;margin-top:60px;margin-bottom:50px}.article_wrap .cat_area{margin-bottom:50px}.article_wrap .thumbnail{margin-bottom:40px}.article_wrap .thumbnail img{width:100%}.article_wrap ul:not(.cat_area),
.article_wrap ol {background-color:#f5f5f5;margin-top:50px;margin-bottom:50px}.article_wrap ul:not(.cat_area) {padding:30px 40px}.article_wrap ul:not(.cat_area) li {position:relative;padding-left:20px;font-size:18px}.article_wrap ul:not(.cat_area) li::before {content:"";position:absolute;background-color:#debb3b;width:8px;height:8px;border-radius:20px;top:50%;left:0;transform:translateY(-50%)}.article_wrap ol{padding:30px 40px 30px 60px}.article_wrap ol li{list-style-type:decimal;font-size:18px}.article_wrap ol li::marker{color:#debb3b}.article_wrap p{letter-spacing:1px}.article_wrap table{width:100%}.article_wrap table th,.article_wrap table td{border:1px solid #cdcdcd;padding:20px}.article_wrap table th{font-weight:bold;text-align:center;background-color:#fcf8eb}.article_wrap table td{background-color:#fff}@media (max-width:991px){.article_wrap h1{font-size:26px;margin-bottom:30px}.article_wrap .cat_area{margin-bottom:30px}.article_wrap .thumbnail{margin-bottom:30px}.article_wrap h2{font-size:22px;padding:20px;margin-top:40px;margin-bottom:30px}.article_wrap h3{font-size:20px;padding:8px 20px;margin-top:40px;margin-bottom:30px}.article_wrap h4{padding:8px 20px;font-size:18px;margin-top:40px;margin-bottom:30px}.article_wrap h5{font-size:18px;margin-top:40px;margin-bottom:30px}.article_wrap h6{font-size:16px;margin-top:40px;margin-bottom:30px}.article_wrap ul:not(.cat_area),
 .article_wrap ol {background-color:#f5f5f5;padding:15px 20px;margin-top:40px;margin-bottom:30px}.article_wrap ul:not(.cat_area) {padding:15px 20px}.article_wrap ol{padding:15px 20px 15px 40px}.article_wrap ul:not(.cat_area) li,
 .article_wrap ol li {font-size:16px}.article_wrap p{font-size:14px}}.card_link{display:block}.card_link .img_area{width:100%;height:210px;overflow:hidden;margin-bottom:15px}.card_link .img_area img{object-fit:cover;object-position:center;width:100%;height:100%;transition:.4s}.card_link:hover .img_area img{transform:scale(1.1)}.card_link .ttl_txt{font-weight:bold;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cat_area{display:flex;gap:20px;margin-top:20px}.cat_txt{display:inline-block;padding:0 10px;background-color:var(--main);color:#fff}.date_txt{color:#717171}.columm_slide .card_link,.interview_slide .card_link,.case_slide .card_link{margin-inline:15px}@media (max-width:991px){.columm_slide .card_link,.interview_slide .card_link,.case_slide .card_link{margin-inline:8px}}.pagination_wrap{margin-bottom:100px}.pagination_wrap .page-numbers{display:flex;gap:10px;justify-content:center}.pagination_wrap .page-numbers li>*{width:63px;height:63px;display:flex;justify-content:center;align-items:center;line-height:1;position:relative;z-index:9}.pagination_wrap .page-numbers li>*.current{color:#fff}.pagination_wrap .page-numbers li>*.current:before{content:"";background-color:#000;border-radius:60px;width:63px;height:63px;position:absolute;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-2}.pagination_wrap .page-numbers li .prev img{transform:scaleX(-1)}@media (max-width:991px){.pagination_wrap .page-numbers li>*{width:40px;height:40px}.pagination_wrap .page-numbers li>*.current:before{width:40px;height:40px}}#form_wrap .form_area .rec{display:inline-block;background-color:#b70808;color:#fff;padding:6px 11px;line-height:1;font-size:14px;font-weight:lighter;margin-left:5px}#form_wrap .form_area .non_rec{display:inline-block;background-color:#000;color:#fff;padding:6px 11px;line-height:1;font-size:14px;font-weight:lighter;margin-left:5px}#form_wrap .form_area .input_type,#form_wrap .form_area .check_type{margin-bottom:50px}#form_wrap .form_area .input_type input,#form_wrap .form_area .input_type textarea{background-color:#f5f5f5;width:100%;padding:5px 15px;border:none;border-radius:3px}#form_wrap .form_area .submit_button{background-color:#debb3b;padding:20px;text-align:center;display:block;width:360px;max-width:80%;margin-inline:auto;border:none;font-size:18px;cursor:pointer;font-weight:bold}#form_wrap .policy_txt_area{height:300px;border:1px solid #cdcdcd;padding:20px;overflow:scroll;margin-bottom:40px}#form_wrap .catalog_point_list{border:1px solid var(--main);padding:20px}#form_wrap .catalog_point_list li{display:flex}#form_wrap .catalog_point_list li::before{content:"";display:inline-block;background-color:var(--main);width:10px;height:10px;border-radius:20px;margin-right:10px;margin-top:11px}#form_wrap .catalog_point_list li p{flex:1}@media (max-width:991px){#form_wrap .form_area .input_type,#form_wrap .form_area .check_type{margin-bottom:30px}#form_wrap .form_area .submit_button{width:100%;max-width:100%}}.news_wrap .news_list li{display:block;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #cdcdcd}.news_wrap .news_list li .date_txt{color:var(--main);font-weight:bold}.service_list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service_txt_list li{position:relative}.service_txt_list li a{display:flex;align-items:center;background:#000;margin:auto;width:100%;padding:15px 30px;height:115px;transition:.4s}.service_txt_list li a:hover{background:var(--main)}.service_txt_list li a p{font-size:23px;letter-spacing:.03rem;line-height:1.2;color:#fff;font-weight:bold;transition:.4s}.service_txt_list li a:hover p{color:#000}.service_txt_list li a span{color:var(--main);font-size:18px;transition:.4s;font-weight:normal}.service_txt_list li a:hover span{color:#fff}.service_txt_list li::before{border:13px solid transparent;border-bottom-color:var(--main);content:"";position:absolute;bottom:-5%;right:-2%;margin-left:-70px;transform:rotate(135deg);transition:.4s}.service_txt_list li:hover:before{border-bottom-color:#000}@media (max-width:991px){.service_list{grid-template-columns:repeat(1,1fr);gap:10px}}#form_wrap .btn_wrap{display:flex;gap:30px;justify-content:space-between}#form_wrap .btn_wrap .c_estimate_link{color:#fff;background-color:#000;padding:10px 40px;font-size:18px;position:relative;margin-inline:auto;display:block;text-align:center}@media (max-width:991px){#form_wrap .btn_wrap{display:flex;flex-direction:column;gap:10px}#form_wrap .btn_wrap .c_estimate_link{padding:10px 20px;font-size:16px}}.lead_txt_wrap .title{margin-top:40px;font-size:28px;font-family:"Yu Mincho","游明朝","Hiragino Mincho Pro",serif}.introduce-box{margin-top:60px;margin-bottom:60px;padding:25px 0}.add-box{margin:auto}.add-box .interview-h2,.add-box .case-h2{margin-bottom:35px;background:inherit;color:#000;text-align:center;margin-top:0!important;padding:0;display:flex;align-items:center;justify-content:center}.interview-h2:before,.interview-h2:after{border-top:1px solid;content:"";flex-grow:1}.interview-h2:before{margin-right:1em;border-color:#aaa}.interview-h2:after{margin-left:1em;border-color:#aaa}.introduce-box .flex-box{display:flex;justify-content:space-between}.introduce-box .logo{width:30%}.introduce-box .logo img{box-sizing:border-box;padding-left:20px;padding-right:20px;width:300px;height:200px;object-fit:contain}.introduce-box .txt{width:35%}.introduce-box .txt h3{border-left:inherit;padding:inherit;margin-top:inherit;font-size:22px;margin-bottom:15px}.introduce-box .img{width:30%}.introduce-box .img img{padding-left:10px;padding-right:10px;width:300px;height:200px;object-fit:cover}.introduce-box .bottom{margin-top:35px;text-align:center;background:#f4f4f4;padding:20px 20px 30px 20px}.introduce-box .bottom .btn{display:inline-block;margin-top:15px}.introduce-box .bottom .btn a{background:linear-gradient(to right,#000,#7f773a);padding:15px 40px;color:#fff;font-weight:bold}@media (max-width:767px){.introduce-box .flex-box{display:block}.introduce-box .logo{width:100%;text-align:center}.introduce-box .txt{width:100%;text-align:center;margin:20px auto}.introduce-box .img{width:100%;text-align:center}}.kanren-box{display:flex;justify-content:space-between;margin-bottom:80px}.kanren-box .kanren-item{width:30%}.kanren-box .kanren-item img{margin-bottom:10px;width:270px;height:180px;object-fit:cover}@media (max-width:767px){.kanren-box{display:block}.kanren-box .kanren-item{width:100%;text-align:center;margin-bottom:20px}.kanren-box .kanren-item img{width:320px;height:210px}.kanren-box .kanren-item .kanren-item-txt{margin-bottom:20px;text-align:center}}.case-h2:before,.case-h2:after{border-top:1px solid;content:"";flex-grow:1}.case-h2:before{margin-right:1em;border-color:#aaa}.case-h2:after{margin-left:1em;border-color:#aaa}.add-box .brewery{display:flex}.add-box .brewery-right{width:50%;margin-left:40px}.add-box .brewery-left{width:50%}.add-box .brewery-detail{display:flex}.add-box .brewery-detail .brewery-h2{background:none;color:#000;font-size:inherit;margin:0;padding:0;line-height:inherit;width:30%}.add-box .brewery-detail .detail-txt{text-align:left;margin-left:10px;width:70%}@media (max-width:767px){.add-box .brewery{display:block}.add-box .brewery-left{width:100%}.add-box .brewery-right{width:100%;margin:20px auto;padding:0 20px}.add-box .brewery-detail{display:block}.add-box .brewery-detail .brewery-h2{width:100%}.add-box .brewery-detail .detail-txt{margin-left:inherit;width:100%}}.add-box .slider-container{position:relative;width:90%;max-width:600px;margin:auto;overflow:hidden}.add-box .slider{display:flex;flex-direction:row;transition:transform .5s ease-in-out}.add-box .slide{width:100%;text-align:center;flex-shrink:0}.add-box .slide img{transition:transform .3s ease;width:385px;height:257px}.add-box .slide.active img{transform:scale(1.2);width:385px;height:257px}.add-box button{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.5);color:#fff;border:none;padding:10px;cursor:pointer}.add-box .prev{left:0}.add-box .next{right:0}.add-box button:hover{background-color:rgba(0,0,0,.8)}.add-box .slider_bottom{display:flex;justify-content:center}.add-box .slider_bottom .small_img{padding:5px}.add-box .slider_bottom .small_img img{width:120px;height:120px;object-fit:cover}.case-article_list_wrap{padding-top:0}.case-article_list_wrap h2{margin-top:40px;color:#000;background:none;padding:0}.case-article_list_wrap .container{margin-bottom:30px}.service_txt_list .li{position:relative}.service_txt_list .li a{display:flex;align-items:center;background:#000;margin:auto;width:100%;padding:15px 30px;height:115px;transition:.4s}.service_txt_list .li a:hover{background:var(--main)}.service_txt_list .li a .p{font-size:23px;letter-spacing:.03rem;line-height:1.2;color:#fff;font-weight:bold;transition:.4s;margin-bottom:0}.service_txt_list .li a:hover .p{color:#000}.service_txt_list .li a span{color:var(--main);font-size:18px;transition:.4s;font-weight:normal}.service_txt_list .li a:hover span{color:#fff}.service_txt_list .li::before{border:13px solid transparent;border-bottom-color:var(--main);content:"";position:absolute;bottom:-5%;right:-2%;margin-left:-70px;transform:rotate(135deg);transition:.4s}.service_txt_list .li:hover:before{border-bottom-color:#000}.service_txt_list .service_list_detail{margin-top:5px;line-height:1.8}.clickable .clickable_wrap{position:relative}.clickable .clickable_wrap a{position:absolute;display:block;width:39%;left:10%;height:14%;top:80%;z-index:2;border-radius: calc(infinity* 1px);aspect-ratio: 303 / 60}.clickable .clickable_wrap a.catalog{left:51%}.con_space.news_article_wrap{padding-bottom:100px}@media (max-width:991px){.con_space.news_article_wrap{padding-bottom:50px}}