/* sub_visual */
.sub_visual{position: relative;height: 568px;border-radius: 20px;overflow: hidden}
.sub_visual_bg{top: 0;left: 0;width: 100%;height: 100%;background-image: url('../img/page/menu/sv_bg.jpg')}
.sv_head{top: 50%;left: 0;right: 0;transform: translateY(-50%);color: #fff}
.sv_ttl01{margin-bottom: 20px;font-size: 30px;letter-spacing: -0.03em}


/* local */
.local{padding: 30px 0 70px}
.local_head{margin-bottom: 33px}
.local_ttl{margin-top: 10px;color: #4c310f}
.local_conts{height: 740px;border: 2px solid #e7d8c5;border-radius: 20px}
.local_cont{opacity: 0.5;height: calc((100% - 1px)/2);transition: all 0.2s}
.local_cont .inner{z-index: 2;padding: 65px 20px 0}
.local_cont.on{opacity: 1;background-color: #475910}
.local_cont.on .local_sub,
.local_cont.on .local_desc{color: #fff}
.local_cont.on .local_sub_deco{opacity: 1}
.local_sub{margin-bottom: 28px;font-size: 30px;line-height: 1.4;color: #222}
.local_sub em{font-weight: 700}
.local_sub_deco{opacity: 0;top: -38px}
.local_cont01 .local_sub_deco{left: 120px}
.local_cont02 .local_sub_deco{left: 98px}
.local_desc{color: #444}
.local_inn{position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;width: 100%;max-width: 1240px}
.local_imgs{z-index: 2;top: 50%;right: 20px;width: 51.0483%;padding-top: 51.1290%;background-image: url('../img/page/menu/local_img_bg.jpg');transform: translateY(-50%)}
.local_img{top: 0;left: 0;width: 100%;height: 100%;opacity: 0}
.local_img:nth-child(1){background-image: url('../img/page/menu/local_img01.jpg')}
.local_img:nth-child(2){opacity: 0;background-image: url('../img/page/menu/local_img02.jpg')}

.local_lists{padding-top: 70px}
.local_list > *{width: calc(50% - 30px);box-sizing: border-box}
.local_list .local_li_img{height: 342px;border-radius: 20px}
.local_list01{margin-bottom: 40px}
.local_list01 .local_li_img{background-image: url('../img/page/menu/local_li_img01.jpg')}
.local_list02 .local_li_img{background-image: url('../img/page/menu/local_li_img02.jpg')}
.local_list02 .local_li_twrap{padding-left: 60px;padding-top: 40px}
.local_list02 .local_li_ttl01{line-height: 1.3}
.local_li_twrap{padding-top: 80px}
.local_li_ttl01, .local_li_ttl02{font-family: 'NEXONLv1Gothic';color: #4c310f}
.local_li_ttl01{margin-bottom: 18px;font-size: 36px}
.local_li_ttl02{margin-bottom: 30px;font-size: 40px;font-weight: 700}
.local_li_txt{font-size: 18px;color: #444}
.local_li_txt em{font-weight: 700}

/* main */
.main{height: 865px;background-color: #eadccb}
.main_bg01{top: 0;margin-left: 522px}
.main_bg02{top: 208px;margin-left: -1083px}
.main_brown_bg{bottom: 0;left: 0;width: 100%;height: 317px;background-color: #9b6d33}
.main_head{margin-bottom: 40px;padding-top: 70px}
.main_ttl{margin-bottom: 45px;line-height: 1;color: #4c310f}
.main_tab:first-child{margin-right: 14px}
.main_tab.on a{background-color: #9b6d33;color: #fff}
.main_tab a{display: block;width: 145px;border: 1px solid #9b6d33;border-radius: 20px;font-size: 26px;font-weight: 700;line-height: 62px;color: #9b6d33}

.main_sl_wrap{height: 530px}
.main_slide{display: none;top: 0;left: 0;width: 100%}
.main_slide.on{display: block}
.main_slide .swiper-slide{width: 502px}
.main_slide .swiper-slide-duplicate-next .main_sl,
.main_slide .swiper-slide-duplicate-prev .main_sl,
.main_slide .swiper-slide-next .main_sl,
.main_slide .swiper-slide-prev .main_sl{opacity: 0.7}
.main_slide .swiper-slide-active .main_sl{opacity: 1;transform: scale(1)}
.main_slide .swiper-slide-active .main_sl_name{opacity: 1;font-size: 24px}
.main_sl{opacity: 0.4;transform: scale(0.75);transition: all 0.8s}
.main_sl_name{opacity: 0.7;margin-top: -15px;font-size: 20px;font-weight: 700;color: #fff;text-align: center}
.main_btns{top: 262px;width: 21px;height: 38px;font-size: 0}
.main_prev{margin-left: -327px;background-image: url('../img/page/menu/main_prev.png')}
.main_next{margin-left: 308px;background-image: url('../img/page/menu/main_next.png')}

/* known */
.known{padding-top: 120px}
.known_head{margin-bottom: 120px;height: 568px;border-radius: 20px;color: #fff}
.known_head_bg{top: 0;left: 0;width: 100%;height: 100%;background-image: url('../img/page/menu/known_bg.jpg');}
.known_ttl{margin-bottom: 30px;padding-top: 100px;line-height: 1.25}
.known_ttl em{font-weight: 400}
.known_txt01, .known_txt02{letter-spacing: 0}
.known_txt02{margin: 18px 0;font-size: 22px;font-weight: 700;color: #fff}
.known_cont{height: 852px;border: 2px solid #e7d8c5;border-radius: 20px;overflow: hidden}
.known_cont > *{height: calc((100% - 1px)/2)}
.known_cont_bg, .known_sub, .known_desc{transition: all 0.2s}
.known_cont01{border-bottom: 1px solid #e7d8c5}
.known_cont01 .known_cont_bg{background-image: url('../img/page/menu/known_cont01_bg.jpg')}
.known_cont02 .known_cont_bg{background-image: url('../img/page/menu/known_cont02_bg.jpg')}
.known_cont_bg{opacity: 0;top: 0;left: 0;width: 100%;height: 100%}
.known_img01{top: 48px;margin-left: -629px}
.known_img02{top: 65px;margin-left: -551px}
.known_sub{margin-bottom: 28px;padding-top: 64px;font-family: 'NEXONLv1Gothic';font-size: 30px;line-height: 1.4;color: #4c310f}
.known_sub em{font-weight: 700}
.known_deco{opacity: 0;top: 24px;transition: all 0.2s}
.known_deco01{left: 188px}
.known_deco02{left: 180px}
.known_desc{color: #444}
.known_desc em{font-weight: 700}

 /* side */
.side{height: 717px}
.side_bg01{top: 0;margin-left: 652px}
.side_bg02{bottom: 319px;margin-left: -1093px}
.side_bg{bottom: 0;left: 0;width: 100%;height: 319px;background-color: #4c310f}
.side_ttl{margin-bottom: 70px;padding-top: 118px;line-height: 1;color: #4c310f}
.side_slide .swiper-slide{width: 659px}
.side_slide .swiper-slide-active .side_sl_name{opacity: 1;font-size: 24px}
.side_slide .swiper-slide-active .side_sl{opacity: 1;transform: scale(1)}
.side_sl{opacity: 0.5;transform: scale(0.76);transition: all 0.8s}
.side_sl_name{opacity: 0.7;font-size: 20px;font-weight: 700;color: #fff;text-align: center}
.side_btns{bottom: 236px;width: 21px;height: 38px;font-size: 0}
.side_prev{margin-left: -327px;background-image: url('../img/page/menu/side_prev.png')}
.side_next{margin-left: 308px;background-image: url('../img/page/menu/side_next.png')}