@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');
* { min-height:0; min-width:0; box-sizing: border-box; }
*:focus	{ outline: none; }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}
body	{ color: #231815; background-color: #f4f4f4; font-family: "游明朝体", YuMincho, 'Yu Mincho', 'Noto Serif JP', serif; font-weight: 400; font-feature-settings: "palt"; height:100%; overflow-x: hidden;}
img, svg	{ display: block; height: auto; width: 100%; max-width: 100%; image-rendering: -webkit-optimize-contrast; vertical-align: bottom; line-height: 0; }
a:hover img.hov	{ opacity: .6; -webkit-opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; transition: all .5s; }
a, a:link, a:visited, a:active	{ color: #00f; text-decoration: none; transition: all .3s; }
a:hover	{ color: #231815; font-style: normal; text-decoration: none; }

/* ------------ LOADING ------------- */
.loading	{ position: fixed; display: -webkit-flex; display: flex; justify-content: center;  align-items: center; z-index: 99999; background-color: #f4f4f4; top: 0; left: 0; right: 0; bottom: 0; }
.loading-block	{ width: 60px; display: flex; justify-content: space-between; }
.circle	{ width: 10px; height: 10px; background-color: #dfdfdf; border-radius: 50%; animation: loading 1s infinite; }
.circle:nth-child(2)	{ animation-delay: 0.1s; }
.circle:nth-child(3)	{ animation-delay: 0.2s; }
.circle:nth-child(4)	{ animation-delay: 0.3s; }
@keyframes loading {
	0%	{ transform: scale(0.1); }
	100%	{ transform: scale(1); }
}
.fadein	{ opacity: 0; transition-duration: 1.5s; transform: translate(0, 20px); }
.fadein.inview	{ opacity: 1; transform: translate(0, 0); }

/* ------------ INDEX ------------- */
.index_main	{ width: 100%; height: 100vh; position: relative; display: -webkit-flex; display: flex; }
.index_main h1	{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 20.8%; z-index: 10; padding: 0 0 40px; pointer-events: none; }
.main_pt1,
.main_pt2	{ width: 50%; height: 100%; position: relative; }
.main_pt1 a,
.main_pt2 a	{ display: block; width: 100%; height: 100%; position: relative; transition: all .5s; }
.main_pt1.yet a,
.main_pt2.yet a	{ pointer-events: none; }
.main_pt1 a::before,
.main_pt2 a::before	{ content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 100%; width: 0; height: 100%; background-color: rgba(0,0,255,0); z-index: 2; transition: all .5s; }
.main_pt1.yet a::before,
.main_pt2.yet a::before	{ right: 0; width: 100%; background-color: rgba(35,24,21,.9); }
.main_pt1 a h2	{ display: block; position: absolute; top: 50%; left: 52%; transform: translate(-50%,-50%); width: 20%; z-index: 10; pointer-events: none; }
.main_pt2 a h2	{ display: block; position: absolute; top: 50%; left: 48%; transform: translate(-50%,-50%); width: 20%; z-index: 10; pointer-events: none; }
.main_pt1 a h3,
.main_pt2 a h3,
.main_pt1 a h4,
.main_pt2 a h4	{ display: none; }
.main_pt1 ul,
.main_pt2 ul	{ width: 100%; height: 100%; list-style-type: none; }
.main_pt1 ul li, 
.main_pt2 ul li	{ display: -webkit-flex!important; display: flex!important; flex-direction: column; align-items: center; justify-content: center; }
.main_pt1 ul li span,
.main_pt2 ul li span	{ width: 100%; height: 100%; }
.index_sub_pt1	{ position: absolute; left: 0; top: 0; bottom: 0; width: 80px; height: 100%; }
.index_sub_pt2	{ position: absolute; right: 0; top: 0; bottom: 0; width: 80px; height: 100%; }
.index_sub_inner	{ position: relative; width: 100%; height: 100%; }
@media screen and (orientation: portrait) {
	.index_main	{ flex-wrap: wrap; }
	.index_main h1	{ width: 55.7%; max-width: 400px; padding: 0; }
	.main_pt1,
	.main_pt2	{ width: 100%; height: 50%; }
	.main_pt1 a h2, 
	.main_pt2 a h2	{ display: none; }
	.main_pt1 a h3,
	.main_pt2 a h3	{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 116px; z-index: 10; pointer-events: none; }
	.main_pt1 a h4	{ display: block; position: absolute; top: 15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 300px; z-index: 10; pointer-events: none; }
	.main_pt2 a h4	{ display: block; position: absolute; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 300px; z-index: 10; pointer-events: none; }
	.main_pt1 .slide_pc01 li	{ padding: 45px 20px 15px; }
	.main_pt2 .slide_pc02 li	{ padding: 15px 20px 45px; }
	.index_sub_pt1, 
	.index_sub_pt2	{ display: none; }
}
@media screen and (orientation: landscape) {
	.main_pt1 a:hover::before,
	.main_pt2 a:hover::before	{ right: 0; width: 100%; background-color: rgba(0,0,255,.6); }
}

/* ------------ MAIN ------------- */
.main	{ width: 100%; height: 100vh; position: relative; }
.main h1	{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 37.8%; }
.main h1 .pcttle	{ display: block; }
.main h1 .spttle	{ display: none; }
.spcopy,
.sparrow	{ display: none; }
.main_sp	{ display: none; }
.main_pc	{ width: 100%; height: 100%; display: -webkit-flex; display: flex; position: relative; }
.main_pc ul	{ width: 50%; list-style-type: none; }
.main_sp ul li, 
.main_pc ul li	{ display: -webkit-flex!important; display: flex!important; flex-direction: column; align-items: center; justify-content: center; }
.slick-list, 
.slick-track, 
.main_pc ul li span,
.main_sp ul li span	{ width: 100%; height: 100%; }
.slide_pc01 li	{ padding: 30px 50px 30px 80px; }
.slide_pc02 li	{ padding: 30px 80px 30px 50px; }
.slide_fv01	{ background: url(../images/fvbgpc01.jpg) center center / cover no-repeat; }
.slide_fv02	{ background: url(../images/fvbgpc02.jpg) center center / cover no-repeat; }
.slide_fv03	{ background: url(../images/fvbgpc03.jpg) center center / cover no-repeat; }
.slide_fv04	{ background: url(../images/fvbgpc04.jpg) center center / cover no-repeat; }
.slide_fv05	{ background: url(../images/fvimg05bg.jpg) center center / cover no-repeat; }
.slide_fv06	{ background: url(../images/fvimg06bg.jpg) center center / cover no-repeat; }
.slide_fv07	{ background: url(../images/fvimg07bg.jpg) center center / cover no-repeat; }
.slide_fv08	{ background: url(../images/fvimg08bg.jpg) center center / cover no-repeat; }
.slide_fv00	{ background-color: #c8c8c8; }
.slide_fv01 span	{ background: url(../images/fvimg01.jpg) top center / cover no-repeat; }
.slide_fv02 span	{ background: url(../images/fvimg02.jpg) top center / cover no-repeat; }
.slide_fv03 span	{ background: url(../images/fvimg03.jpg) top center / cover no-repeat; }
.slide_fv04 span	{ background: url(../images/fvimg04.jpg) top center / cover no-repeat; }
.slide_fv05 span	{ background: url(../images/fvimg05.jpg) top center / cover no-repeat; }
.slide_fv06 span	{ background: url(../images/fvimg06.jpg) top center / cover no-repeat; }
.slide_fv07 span	{ background: url(../images/fvimg07.jpg) top center / cover no-repeat; }
.slide_fv08 span	{ background: url(../images/fvimg08.jpg) top center / cover no-repeat; }
.slide_fv00 span	{ background: url(../images/fvimgp2_00.jpg) center center / cover no-repeat; }
@media screen and (orientation: portrait) {
	.main h1	{ width: 55.7%; }
	.main h1 .pcttle	{ display: none; }
	.main h1 .spttle	{ display: block; }
	.spcopy	{ display: block; width: 100%; max-width: 280px; position: absolute; left: 20px; bottom:15px; }
	.sparrow	{ display: block; width: 14px; position: absolute; right: 20px; bottom:15px; color:#00f; }
	.sparrow a	{ display: block; }
	.main_pc	{ display: none; }
	.main_sp	{ width: 100%; height: 100%; display: -webkit-flex; display: flex; position: relative; }
	.main_sp ul	{ width: 100%; list-style-type: none; }
	.main_sp .slide_pc01 li	{ padding: 45px 20px; }
	.index_main .slide_fv01 span	{ background: url(../images/fvimg01sp.jpg) top center / cover no-repeat; }
	.index_main .slide_fv02 span	{ background: url(../images/fvimg02sp.jpg) top center / cover no-repeat; }
	.index_main .slide_fv03 span	{ background: url(../images/fvimg03sp.jpg) top center / cover no-repeat; }
	.index_main .slide_fv04 span	{ background: url(../images/fvimg04sp.jpg) top center / cover no-repeat; }
}

/* ------------ FIX RIGHT ------------- */
.fix_right	{ position: fixed; right: 0; top: 0; bottom: 0; width: 80px; height: 100vh; z-index: 10; }
.fix_right_inner	{ position: relative; width: 100%; height: 100%; }
.fix_01	{ transform: rotate3d(0, 0, 1, 90deg); -webkit-transform: rotate3d(0, 0, 1, 90deg); position: absolute; top: 85px; right: -20px; width: 127px; height: 20px; }
.fix_pt	{ list-style-type: none; display: -webkit-flex; display: flex; justify-content: space-between; width: 134px; height: 23px; position: absolute; top: 50%; left: 45%; -webkit-transform: translate(-50%,-50%) rotateZ(90deg); transform: translate(-50%,-50%) rotateZ(90deg); }
.fix_pt li	{ width: 52px; height: 23px; }
.fix_pt li:first-child	{ width: 56px; }
.fix_pt li p,
.fix_pt li a	{ width: 100%; height: 100%; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: center; border-bottom: 1px solid rgba(0,0,0,0); transition: all .3s; }
.fix_pt li a	{ border-bottom: 1px solid #00f; }
.fix_pt li.current a	{ border-bottom: 1px solid rgba(0,0,0,0); }
.fix_pt li a:hover	{ border-bottom: 1px solid #231815; }
.fix_pt li p	{ color:#00f; opacity: .3;}
.fix_pt li:first-child a	{ padding: 0 2px; }
.fix_arrow	{ width: 14px; position: absolute; bottom: 30px; left: 36px; pointer-events: none; transition: all .2s; }
.fix_arrow a	{ display: block; }
.fix_arrow.active	{ pointer-events: auto; transform: scale(1, -1); }
@media screen and (orientation: portrait) {
	.fix_right	{ position: fixed; right: 0; top: 0; bottom: 0; left: 0; width: 100%; height: 45px; }
	.fix_01	{ transform: rotate3d(0, 0, 1, 0deg); -webkit-transform: rotate3d(0, 0, 1, 0deg); position: absolute; top: 15px; right: auto; left: 20px; width: 95px; height: 13px; }
	.fix_pt	{ width: 90px; height: 18px; top: 50%; -webkit-transform: translateY(-50%) rotateZ(0deg); transform: translateY(-50%) rotateZ(0deg); left: auto; right: 20px; }
	.fix_pt li	{ width: 39px; height: 17.5px; }
	.fix_pt li a	{ display: block; }
	.fix_pt li:first-child	{ width: 41px; }
	.fix_pt li:first-child a	{ padding: 0 1px; }
	.fix_arrow	{ display: none; }
}
/* ------------ FIX LEFT ------------- */
.fix_left	{ position: fixed; left: 0; top: 0; bottom: 0; width: 80px; height: 100vh; z-index: 10; }
.fix_left_inner	{ position: relative; width: 100%; height: 100%; }
.fix_cptp	{ width: 18px; position: absolute; top: 30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color:#00f; z-index: 4; }
.fix_cpbm	{ width: 8px; position: absolute; bottom: 30px; left: 34px; color:#00f; z-index: 4; }
.yet .fix_cptp	{ color:#443b38; }
a:hover .fix_cptp, 
a:hover .fix_cpbm	{ color:#fff; }
@media screen and (orientation: portrait) {
	.fix_left	{ display: none; }
}

/* ------------ COPY ------------- */
.tpcp_wrapper	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 200px 80px; }
.tpcp	{ position: relative; font-size: 16px; font-size: clamp(14px, 20px, 1.2vw); line-height: 2; font-weight: 700; letter-spacing:.04rem; }
.tpcp::before	{ content:""; width: 16px; height: 16px; background: url(../images/apo.svg) center center / contain no-repeat; position: absolute; top: 4px; left: -46px; }
.tpcp::after	{ content:""; width: 16px; height: 16px; background: url(../images/apo.svg) center center / contain no-repeat; position: absolute; bottom: 8px; right: -46px; transform: rotateZ(180deg); }
@media (max-width: 991.999px) { 
	.tpcp_wrapper	{ padding: 150px 40px; }
	.tpcp	{ font-size: 14px; line-height: 26px; padding: 0 35px; text-align:justify; }
	.tpcp br	{ display: none; }
	.tpcp::before	{ width: 13px; height: 13px; top: 4px; left: 0; }
	.tpcp::after	{ width: 13px; height: 13px; bottom: 8px; right: 0; }
}

/* ------------ ITEM SET ------------- */
.itemSet	{ width: 100%; position: relative; display: -webkit-flex; display: flex; flex-wrap: wrap; padding: 0 80px; margin-bottom: 200px; }
.itemimg_wrapper	{ width: 50%; display: -webkit-flex; display: flex; flex-direction: column; position: relative; }
.itemimg_inner	{ position: relative; }
.itemimg_inner .sptext	{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,255,0); transition: all .5s; }
.itemimg_inner .sptext.active	{ background-color: rgba(0,0,255,.5); }
.itemimg_inner .sptext > b	{ position: absolute; top: 18px; right: 18px; display: inline-block; width: 26px; height: 26px; background: url(../images/i.svg) center center / contain no-repeat; transition: all .1s; }
.itemimg_inner .sptext.active > b	{ width: 20px; height: 20px; background: url(../images/cloth.svg) center center / contain no-repeat; }
.itemimg_inner .sptext > p	{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% - 70px); color:#fff; font-size: 13px; line-height: 26px; font-weight: 700; text-align:justify; letter-spacing:.08rem; transition: all .5s; opacity: 0; }
.itemimg_inner .sptext.active > p	{ opacity: 1; }
.itemimg_inner .sptext > span	{ position: absolute; left: 35px; right: 35px; bottom: 35px; width: calc(100% - 70px); color:#fff; font-size: 10px; line-height: 18px; font-weight: 700; letter-spacing:.04rem; transition: all .5s; opacity: 0; }
.itemimg_inner .sptext.active > span	{ opacity: 1; }
@media (min-width: 992px) { 
	.itemimg_inner .sptext	{ display: none; }
}
.pctxpoint	{ position: absolute; top: 50%; width: 100%; }
.itemtxt	{ position: sticky; top: 0; left: 50%; width: 50%; height: 100vh; }
.itemtxt_inner	{ position: relative; width: 100%; height: 100%; display: -webkit-flex; display: flex; flex-direction: column; padding: 60px 0 0 60px; }
.itemimg_wrapper .itemtxt_inner	{ display: none; }
.item_ttle	{ width: 64.28%; line-height: 0; margin-bottom: 35px; }
.item_info	{ width: 100%; display: -webkit-flex; display: flex; flex-wrap: wrap;  margin-bottom: 30px; }
.item_info dt	{ width: 3.5em; font-size: 11px; font-size: clamp(11px, 16px, .8vw); line-height: 1.69; font-weight: 700; }
.item_info dd	{ width: calc(100% - 4em); font-size: 11px; font-size: clamp(10px, 15px, .8vw); line-height: 1.69; font-weight: 700; }
.item_info dd span	{ font-size: 10px; font-size: clamp(9px, 13px, .7vw); }
.itsetpt2 .item_info dt	{ width: 24%; }
.itsetpt2 .item_info dd	{ width: 76%; }
.item_button_Links2 .item_info dt	{ width: 22%; }
.item_button_Links2 .item_info dd	{ width: 78%; }
.item_txt	{ width: 100%; list-style-type: none; position: relative; flex-grow:1; }
.item_txt li	{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #f4f4f4; opacity: 0; transition: all .5s; }
.item_txt li.active	{ opacity: 1; }
.item_txt li .itmtx_inner	{ position: relative; width: 100%; height: 100%; font-size: 13px; font-size: clamp(13px, 20px, 1.05vw); line-height: 1.69; letter-spacing:.02rem; }
.item_txt li .itmtx_inner span	{ display: block; width: 100%; position: absolute; left: 0; top: 6em; font-size: 10px; font-size: clamp(10px, 14px, .85vw); line-height: 1.69; letter-spacing:.04rem; margin-top: 2em; }
.item_txt li.sttxt02-01 .itmtx_inner span, 
.item_txt li.sttxt02-02 .itmtx_inner span	{ top: 9em; }
.item_txt li.sttxt04-01 .itmtx_inner span, 
.item_txt li.sttxt04-02 .itmtx_inner span	{ top: 9em; }
.item_button	{ position: absolute; bottom: 60px; left: 60px; width: 31%; min-width: 180px; }
.item_button a	{ width: 100%; height: 100%; min-height: 60px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; text-decoration: none; background-color: #0000ff; }
.item_button a span	{ position: relative; font-size: 14px; font-size: clamp(14px, 18px, 1.1vw); line-height: 1; font-weight: 700; letter-spacing:.02rem; color:#fff; z-index: 3; padding: 10% 0; }
.item_button a:before	{ content: ''; position: absolute; top: 0; left: 0; z-index: 2; background:#231815; width: 100%; height: 100%; transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s; transform: scale(0, 1); transform-origin: right top; }
.item_button a:hover:before	{ transform-origin:left top; transform:scale(1, 1); }
.button_under	{ display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin-bottom: 200px; }
.item_buttonUn	{ min-width: 360px; width: 25.7%; }
.item_buttonUn a	{ width: 100%; height: 100%; min-height: 80px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; text-decoration: none; background-color: #0000ff; }
.item_buttonUn a span	{ position: relative; font-size: 20px; font-size: clamp(20px, 26px, 1.5vw); line-height: 1; font-weight: 700; letter-spacing:.02rem; color:#fff; z-index: 3; }
.item_buttonUn a:before	{ content: ''; position: absolute; top: 0; left: 0; z-index: 2; background:#231815; width: 100%; height: 100%; transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s; transform: scale(0, 1); transform-origin: right top; }
.item_buttonUn a:hover:before	{ transform-origin:left top; transform:scale(1, 1); }
.opttxt	{ font-size: 10px; font-size: clamp(10px, 12px, .8vw); line-height: 1; letter-spacing:.04rem; position: absolute; bottom: 60px; right: 0; text-align: right; }

.item_button_Links	{ position: absolute; bottom: 60px; left: 60px; width: 100%; display: -webkit-flex; display: flex;  }
.ibmitems	{ width: 25%; min-width: 160px; display: -webkit-flex; display: flex; flex-direction: column; margin-right: 20px; }
.ibmitems > b	{ width: 100%; line-height: 0; padding: 0 0 15px; border-bottom: 1px solid #000; }
.ibmitems > strong	{ width: 100%; padding: 24px 0 18px; line-height: 0; }
.ibmitems > a	{ width: 100%; height: 50px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; text-decoration: none; background-color: #0000ff; }
.ibmitems > a span	{ position: relative; font-size: 12px; font-size: clamp(12px, 14px, 1vw); line-height: 1; font-weight: 700; letter-spacing:.02rem; color:#fff; z-index: 3; padding: 10% 0; }
.ibmitems > a:before	{ content: ''; position: absolute; top: 0; left: 0; z-index: 2; background:#231815; width: 100%; height: 100%; transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s; transform: scale(0, 1); transform-origin: right top; }
.ibmitems > a:hover:before	{ transform-origin:left top; transform:scale(1, 1); }
@media screen and (orientation: portrait) {
	.item_ttle	{ width: 100%; }
}
@media (max-width: 991.999px) { 
	.itemSet	{ padding: 0 30px 80px; margin-bottom: 0; }
	.itemimg_wrapper	{ width: 100%; order: 2; }
	.itemtxt	{ position: relative; width: 100%; height: auto; top: auto; left: auto; order: 1; }
	.itemtxt_inner	{ height: auto; padding: 75px 0 40px; border-top: 1px solid #000; }
	.itemimg_wrapper .itemtxt_inner	{ display: -webkit-flex; display: flex; padding: 40px 0 0; border-top: 0; }
	.item_ttle	{ margin-bottom: 27px; }
	.item_button_Links2 .item_info,
	.itsetpt2 .item_info	{ margin-bottom: 18px; }
	.itsetpt2 .itemimg_wrapper	{ order: 1; }
	.itsetpt2 .itemtxt	{ order: 2; }
	.itsetpt2 .itemtxt_inner	{ border-top: 0; padding: 40px 0 0; }
	.itsetpt2 .itemimg_wrapper .itemtxt_inner	{ padding: 75px 0 0; border-top: 1px solid #000; }
	.itsetpt2 .item_ttle	{ display: none; }
	.item_txt	{ display: none; }
	.item_button	{ position: relative; bottom: auto; left: auto; }
	.button_under	{ padding: 75px 0 0; margin: 0 30px 75px; border-top: 1px solid #000; }
	.item_buttonUn	{ width: 100%; min-width: 100%; }
	.item_buttonUn a span	{ font-size: 19px; }
	.opttxt	{ bottom: 40px; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-feature-settings: initial; }
	.itemimg_wrapper .opttxt	{ bottom: 0; }
	.item_ttle2	{ width: 73%; line-height: 0; margin-bottom: 27px; }
	.itsetpt2 .item_ttle2	{ width: 97%; margin-bottom: 40px; }
	.item_button_Links	{ position: relative; bottom: auto; left: auto; justify-content: space-between; }
	.ibmitems	{ width: 46%; min-width: 100px; margin-right: 0; }
	.ibmitems > b	{ padding: 0 0 12px; }
	.ibmitems > strong	{ padding: 18px 0 15px; }
	.item_info dt	{ font-size: 11px; }
	.item_info dd	{ font-size: 10px; }
	.item_info dd span	{ font-size: 9px; }
	.item_txt li .itmtx_inner	{ font-size: 13px; }
	.item_txt li .itmtx_inner span	{ font-size: 10px; }
	.item_button a span	{ font-size: 14px; }
	.opttxt	{ font-size: 10px; }
	.ibmitems > a span	{ font-size: 12px; }
}

.scnm_wrapper	{ margin-bottom: 300px; }
.scnm_wrapper.btm2	{ margin-bottom: 150px; }
.scnm	{ list-style-type: none; display: -webkit-flex; display: flex; }
.scnm li	{ flex: 1; }
.scnm0101	{ background: url(../images/scnm01.jpg) center center / cover no-repeat; }
.scnm0102	{ background: url(../images/fvbgpc02.jpg) center center / cover no-repeat; }
.scnm0103	{ background: url(../images/scnm02.jpg) center center / cover no-repeat; }
.scnm0104	{ background: url(../images/fvbgpc01.jpg) center center / cover no-repeat; }
.scnm0201	{ background: url(../images/scnm03.jpg) center center / cover no-repeat; }
.scnm0202	{ background: url(../images/fvbgpc03.jpg) center center / cover no-repeat; }
.scnm0203	{ background: url(../images/scnm04.jpg) center center / cover no-repeat; }
.scnm0204	{ background: url(../images/fvbgpc04.jpg) center center / cover no-repeat; }
.spimg	{ display: none; }
@media (max-width: 991.999px) { 
	.scnm_wrapper	{ margin-bottom: 75px; }
	.scnm_wrapper.btm2	{ margin-bottom: 75px; }
	.scnm0102, 
	.scnm0104, 
	.scnm0202, 
	.scnm0204, 
	.pcimg	{ display: none; }
	.spimg	{ display: inline-block; }
}


.longwrapper	{ padding: 0 80px; margin: 0 0 34px; }
.lgwr_top	{ border-top: 1px solid #000; padding: 200px 0 0; }
.unborder	{ margin: 0 0 234px; }
.unborder .lgwr_top	{ border-top: 0; margin: 0 0 34px; }
.lgwr_top ul	{ display: -webkit-flex; display: flex; align-items: flex-end; justify-content: space-between; list-style-type: none; margin: 0 0 20px; }
.lgwr_top ul li:first-child	{ width: 22.58%; }
.lgwr_top ul li:last-child	{ width: 28.22%; padding: 0 0 10px; }
.lgwr_info	{ display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-start; }
.lgwr_info > p	{ width: 17.7%; padding: 40px 0 0; }
.inftxt	{ font-size: 13px; font-size: clamp(13px, 20px, 1.05vw); line-height: 1.69; letter-spacing:.02rem; }
.item_button_Links2	{ width: 82.3%; display: -webkit-flex; display: flex; justify-content: flex-end; position: relative; }
.item_button_Links2 .ibmitems	{ width: 13.7%; min-width: 160px; margin-left: 20px; margin-right: 0; padding: 40px 0 0; position: relative; }
.item_button_Links2 .ibmitems p	{ display: block; width: 100%; text-align: left; position: absolute; left: 0; bottom: -35px; white-space: nowrap; font-size: 10px; font-size: clamp(10px, 14px, 1.2vw); line-height: 1; }
@media (min-width: 992px) { 
	.lgwr_top .lgsp	{ display: none; }
	.lgwr_top > p	{ display: none; }
	.lgwr_img .lgsp	{ display: none; }
	.sub01sp	{ display: none; }
	.sub02sp	{ display: none; }
}
@media (max-width: 1300px) { 
	.unborder .lgwr_info	{ flex-wrap: wrap; }
	.unborder .lgwr_info > p	{ width: 100%; }
	.unborder .item_button_Links2	{ width: 100%; justify-content: flex-start; flex-wrap: wrap; }
	.unborder .item_button_Links2 .ibmitems	{ margin-left: 0; margin-right: 20px; }
}
@media (max-width: 1070px) { 
	.lgwr_info	{ flex-wrap: wrap; }
	.lgwr_info > p	{ width: 100%; }
	.item_button_Links2	{ width: 100%; justify-content: flex-start; flex-wrap: wrap; }
	.item_button_Links2 .ibmitems	{ margin-left: 0; margin-right: 20px; }
}
@media (max-width: 991.999px) { 
	.longwrapper	{ padding: 0 30px; }
	.lgwr_top	{ padding: 75px 0 0; }
	.unborder	{ margin: 0 0 35px; }
	.unborder .lgwr_top	{ border-top: 1px solid #000; }
	.lgwr_top .lgpc	{ display: none; }
	.lgwr_top ul	{ flex-direction: column; margin: 0 0 40px; align-items: flex-start; }
	.lgwr_top ul li:first-child	{ width: 80%; }
	.lgwr_top ul li:last-child	{ display: none; }
	.lgwr_info > p	{ display: none; }
	.lgwr_img .lgpc	{ display: none; }
	.inftxt	{ font-size: 13px; margin: 0 0 35px; }
	.unborder .item_button_Links2, 
	.item_button_Links2	{ justify-content: space-between; }
	.unborder .item_button_Links2 .ibmitems, 
	.item_button_Links2 .ibmitems	{ width: 46%; min-width: auto; margin-left: 0; margin-right: 0; padding: 0 0 40px; }
	.item_button_Links2 .ibmitems p	{  display: none; }
	.sub01sp	{ display: inline-block; width: 100%; font-size: 10px; line-height: 1; padding: 30px 0 0; margin: 0 0 20px; }
	.sub02sp	{ display: inline-block; width: 100%; font-size: 10px; line-height: 1; padding: 0; margin: 0 0 20px; }
}

.underLink_wrapper	{ padding: 0 80px; }
.underLink_inner	{ width: 100%; padding: 100px 0; margin: 0 0 300px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.underLink_inner > a	{ width: 58%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all .3s; }
.underLink_inner > a > b	{ width: 100%; position: relative; }
.underLink_inner > a > b::before	{ content:""; width: 0; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 100%; background-color: rgba(0,0,255,0); transition: all .3s; }
.underLink_inner > a > b > span	{ display: inline-block; width: 51.3%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3; }
.underLink_inner > a > strong	{ width: 6.3%; padding: 30px 0 0; margin: 0 0 15px; }
.underLink_inner > a > p	{ text-align: center; width: 100%; font-size: 12px; font-size: clamp(12px, 16px, 1.1vw); line-height: 2; font-weight: 700; }
.underLink_inner .spitem	{ display: none; }
.underLink_inner .pcitem	{ display: inline-block; }
@media (min-width: 992px) { 
	.underLink_inner > a:hover > b::before	{ width: 100%; right: 0; background-color: rgba(0,0,255,.6); }
}
@media (max-width: 991.999px) { 
	.underLink_wrapper	{ padding: 0 30px; }
	.underLink_inner	{ width: 100%; padding: 75px 0 65px; margin: 0 0 75px; }
	.underLink_inner > a	{ width: 100%; }
	.underLink_inner > a > strong	{ width: 11.11%; padding: 20px 0 0; margin: 0 0 12px; }
	.underLink_inner > a > p	{ font-size: 12px; }
	.underLink_inner .spitem	{ display: inline-block; }
	.underLink_inner .pcitem	{ display: none; }
}


/* ------------ BRANDS ------------- */
.bottomoval	{ box-sizing: content-box; padding: 0; text-align:center; background-color: #f4f4f4; position: relative; }
.bottomoval .wrapper	{ max-width: 100%; padding: 0 0 90px; }
.bottomoval .wrapper h2	{ margin: 0 auto 50px; max-width: 94px; display: block; }
.bottomoval .wrapper h2 img	{ width: 100%; vertical-align:bottom; line-height: 0; }
.itemBrandWac	{ margin:0 auto; max-width: 930px; padding: 0 10px; display: -webkit-flex; display: flex; flex-wrap: wrap; }
.itemBrandColumn	{ width: calc(100% / 7); padding: 7px 1.1%; }
.itemBrandColumn img	{ width: 100%; vertical-align:bottom; line-height: 0; }
.sparrow_bottom	{ display: none; }
@media (max-width: 991.999px) { 
	.bottomoval .wrapper	{ padding: 75px 0; }
	.bottomoval .wrapper h2	{ margin: 0 auto 43px; max-width: 72px; }
	.itemBrandWac	{ margin:0 auto; padding: 0 23px; }
	.itemBrandColumn	{ width: calc(100% / 4); padding: 5px 5px 1px; }
	.sparrow_bottom	{ display: block; width: 14px; position: absolute; right: 20px; bottom:-10px; color:#00f; transform: scale(1, -1); }
	.sparrow_bottom a	{ display: block; }
}
.footbtn	{ text-align: center; padding: 0; margin: 0; }
.footbtn > a	{ display: inline-block; margin: 0 auto; padding: 93px 0 5px; width: 228px; line-height: 1; }
.footbtn > a > img	{ width: 100%; }
.footer	{ display: none; }
@media (max-width: 991.999px) { 
	.footbtn > a	{ padding: 75px 0 0; width: 170px; }
	.footer	{ display: block; text-align: center; margin-bottom: 25px; font-size: 9px; line-height: 1; font-weight: 700; color:#00f; }
}

/* ------------ BLOCK ------------- */
@media (max-width: 767px)	{ .pconly { display: none!important; } }
@media (min-width: 768px)	{ .pconly { display: block!important; } }
@media (max-width: 767px)	{ .sponly { display: block!important; } }
@media (min-width: 768px)	{ .sponly { display: none!important; } }
.noimg	{ display: none!important; }
.delay01	{ transition-delay: 0.1s; }
.delay02	{ transition-delay: 0.2s; }
.delay03	{ transition-delay: 0.3s; }
.delay04	{ transition-delay: 0.4s; }
.delay05	{ transition-delay: 0.5s; }
.delay06	{ transition-delay: 0.6s; }
.delay07	{ transition-delay: 0.7s; }
.delay08	{ transition-delay: 0.8s; }
.delay09	{ transition-delay: 0.9s; }

/* ------------ clearfix ------------- */
span.clearfix	{ display:block; }
.clearfix:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0; }
.clearfix	{ *overflow:hidden; *zoom:1; }
.clearfix:not(:target)	{ /* overflow:hidden\9; */ /* zoom:1\9; */ }
* html .clearfix	{ height:1%; overflow:visible; }