/* sub_visual */
.sub_visual{overflow: visible;padding-bottom: 41px;border-radius: 20px;background-color: #475910}
.sv_deco01{top: 0;left: 0}
.sv_deco02{bottom: 0;right: 0}
.sv_head{margin-bottom: 26px;padding-top: 81px;color: #fff}
.sv_ttl01{margin-bottom: 10px;font-size: 30px}
.sv_ttl02{line-height: 1.25}
.sv_inner{margin: 0 auto;max-width: 1080px}
.sv_tabs{width: 340px}
.sv_tab{margin-bottom: 10px}
.sv_tab:nth-child(odd){margin-right: 20px}
.sv_tab.on .sv_tab_txt{border: none;background-color: #8b6729}
.sv_tab.on .sv_tab_pick{opacity: 1;transition: opacity 0.3s}
.sv_tab_pick{opacity: 0;margin-bottom: 5px;text-align: center}
.sv_tab_txt{width: 160px;border-radius: 25px;border: 1px solid #777;font-size: 18px;font-weight: 500;height: 50px;line-height: 50px;letter-spacing: -0.03em;color: #fff;box-sizing: border-box;text-align: center}
.sv_sl_wrap{top: 360px;margin-left: -7.6388%;width: 47.2222%;padding-top: 43.1944%;background-color: #f2e6d8;border-radius: 50%;box-shadow: 10px 20px 40px rgba(0,0,0,0.7)}
.sv_slide{top: 0;left: 0;width: 100%;height: 100%}
.sv_slide .swiper-container{background: url('../img/page/brand/sv_slide_back.png') no-repeat center / cover;}
.sv_slide .swiper-slide{width: 100%;height: 100%}
.sv_sl01{background-image: url('../img/page/brand/sv_sl01.jpg')}
.sv_sl02{background-image: url('../img/page/brand/sv_sl02.jpg')}
.sv_sl03{background-image: url('../img/page/brand/sv_sl03.jpg')}
.sv_sl04{background-image: url('../img/page/brand/sv_sl04.jpg')}

/* enjoy */
.enjoy{height: 552px}
.enjoy .inner{padding-top: 70px;padding-left: 20px}
.enjoy_ttl{margin-bottom: 40px;line-height: 1;color: #4c310f}
.enjoy_sub{margin-bottom: 20px;font-size: 26px;line-height: 1.5769;color: #444}
.enjoy_sub em{font-weight: 700}
.enjoy_txt{color: #444}
.enjoy_txt:last-child{margin-top: 20px}
.enjoy_txt em{font-weight: 700}

/* real */
.real_boxs{border-radius: 20px;overflow: hidden}
.real_box{padding-left: 20px;width: 50%;height: 568px;box-sizing: border-box}
.real_box01{background: url('../img/page/brand/real_bg.jpg') no-repeat 0 50% / cover}
.real_box02{background-color: #fff}
.real_ttl{padding-top: 115px;color: #4c310f}
.real_twrap{padding-top: 113px;color: #444}
.real_ttl, .real_twrap{margin-left: auto;margin-right: 0;max-width: 600px}
.real_sub{margin-bottom: 28px;font-size: 26px;font-weight: 700;line-height: 1.5769}
.real_txt:last-child{margin-top: 20px}
.real_txt em{font-weight: 700}
.real_deco{bottom: 0;right: 0}

/* colabo */
.colabo_head{margin-bottom: 65px;padding-top: 70px}
.colabo_deco{margin-bottom: 20px}
.colabo_ttl{line-height: 1;color: #4c310f}
.colabo_slide .swiper-slide{opacity: 0.5;width: 831px}
.colabo_slide .swiper-slide .colabo_sl{transform: scale(0.87)}
.colabo_slide .swiper-slide-active{opacity: 1}
.colabo_slide .swiper-slide-active .colabo_sl{transform: scale(1)}
.colabo_sl{width: 831px;height: 440px;border-radius: 20px;transition: all 0.8s}
.colabo_sl01{background-image: url('../img/page/brand/colabo_sl01.jpg')}
.colabo_sl02{background-image: url('../img/page/brand/colabo_sl02.jpg')}
.colabo_sl03{background-image: url('../img/page/brand/colabo_sl03.jpg')}
.colabo_txt{margin-top: 34px;color: #222;text-align: center}
.colabo_txt em{font-weight: 700}
.colabo_btns{top: 202px;left: 0;right: 0;margin: 0 auto;max-width: 1040px;width: 100%}
.colabo_btn{width: 21px;height: 38px;font-size: 0}
.colabo_prev{background-image: url('../img/page/brand/colabo_prev.png')}
.colabo_next{background-image: url('../img/page/brand/colabo_next.png')}

/* logo */
.logo{padding: 110px 0 120px}
.logo_ttl{margin-bottom: 70px;color: #4c310f}
.logo_cont{display: table;margin-bottom: 70px;width: 100%;height: 410px;border: 1px solid rgba(76,49,15,0.3);background: url('../img/page/brand/logo_pattern.png') repeat 0 0}
.logo_img{display: table-cell;vertical-align: middle}
.logo_list{width: 50%}
.logo_list > *{vertical-align: middle}
.logo_box{margin-right: 5.5555%;width: 40%;height: 150px;border-radius: 20px}
.logo_box01{background-color: #475910}
.logo_box02{background-color: #d1ae00}
.logo_twrap{letter-spacing: 0;color: #222}
.logo_name{position: relative;display: inline-block;padding-bottom: 18px;font-size: 22px;font-weight: 700}
.logo_name::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color: #222}
.logo_color, .logo_rgb{font-size: 20px}
.logo_color{margin-bottom: 12px;padding-top: 23px}
.logo_rgb{opacity: 0.8}