@import url('diff.css');

section{overflow: hidden;}

/* stereo */
.stereo_wrap{padding-top: 18.8vw;padding-bottom: 17.333vw;background-color: #f3ede1;box-sizing: border-box;}
.stereo_twrap .highlight_wrap{font-size: 7.733vw;font-weight: 700;color: #fff;}
.stereo_twrap .highlight{background-color: var(--yellow);}
.stereo_tit01{margin-top: 2.666vw;}
.stereo_txt{font-size: 3.733vw;line-height: 1.4285;color: #333;}
.stereo_txt:first-of-type{margin-top: 6vw;}
.stereo_txt:nth-of-type(2){margin-top: 2.666vw;}
.stereo_txt:nth-of-type(3){margin-top: 2.666vw;}
.stereo_boxs{width: 79.333vw;height: 93.333vw;margin: 8vw auto 0;}
.stereo_box{display: flex;align-items: flex-end;justify-content: flex-end;width: 48vw;height: 66.666vw;padding-bottom: 2.666vw;padding-right: 2.666vw;box-sizing: border-box;}
.stereo_box01{top: 0;right: 0;background-image: url('../img/page/brand/stereo_box01.jpg');}
.stereo_box02{bottom: 0;left: 0;background-image: url('../img/page/brand/stereo_box02.jpg')}
.stereo_box_deco{z-index: 1;width: 22.4vw;opacity: 0;}

/* more */
/* .more{padding-bottom: 100vh;} */
.more_intro{width: 100%;height: 100vh;}
.intro_cont{top: 50%;transform: translate(-50%,-50%);flex-direction: column;align-items: center;justify-content: center;}
.more_intro_tit{font-size: 8.533vw;font-weight: 700;white-space: nowrap;}
.more_intro_tit01 .def{display: inline-block;width: 31.733vw;}
.more_intro_tit .act{opacity: 0;}
.more_intro_tit02{margin-top: 21.333vw;}
.more_intro_tit02 .def{display: inline-block;width: 47.6vw;}
.more_intro_lines{margin-top: 22.666vw;width: 34.666vw;height: 1px;background-color: var(--red);}
.more_intro_line{background-color: var(--red);}

/* .more_cont{flex-direction: column;justify-content: start;padding-top: 17.333vw;height: 253.333vw;background-image: url('../img/page/brand/more_cont_bg.jpg');box-sizing: border-box;} */
.more_cont{flex-direction: column;justify-content: start;height: 253.333vw;background-color: #000;box-sizing: border-box;}
.more_cont_bg iframe{filter: brightness(0.5);}
.more_cont_tit{font-size: 9.333vw;font-weight: 700;}
.more_cont_twrap .highlight_wrap{font-size: 6.666vw;font-weight: 700;}
.more_cont_twrap01{padding-top: 17.333vw;}
.more_cont_twrap01 .more_cont_tit{margin-bottom: 10.666vw;color: var(--red);}
.more_cont_twrap01 .highlight{background-color: var(--red);}
.more_cont_twrap02 .more_cont_tit{margin-top: 4vw;color: var(--yellow);}
.more_cont_twrap02 .highlight_wrap01{margin-top: 8vw;}
.more_cont_twrap .highlight_wrap02{margin-top: 2.666vw}
.more_cont_twrap02 .highlight{background-color: var(--yellow);}
.more_cont_twrap .more_cont_txt{margin-top: 5.333vw;font-size: 3.733vw;line-height: 1.4285;}
.more_cont_twrap01 .more_cont_txt02{margin-top: 2vw;}

.more_cirs svg:first-child{width: 93.333vw;height: 93.333vw;margin-top: 2.933vw;}
.more_cirs svg:nth-child(2){width: 66.666vw;height: 66.666vw;}
.more_cirs svg:nth-child(3){width: 45.333vw;height: 45.333vw;}
.more_cir_nums{align-items: flex-end;margin-top: 2.666vw;font-size: 9.866vw;font-weight: 700;}
.more_cir_nums .num{margin: -1px;}
.more_cir_nums .dot{font-size: 8.533vw;}
.more_cir_nums .unit{margin-bottom: 1.2vw;font-size: 5.333vw;}
.more_cir_txt{margin-top: 2vw;}

.more_cir_move01{top: 10.666vw;left: 50%;margin-left: -4.666vw;width: 9.333vw;height: 9.333vw;border-radius: 50%;background-color: var(--red);}
.more_cir_move02{top: 50%;left: 50%;margin-top: 16vw;margin-left: -6vw;width: 12vw;height: 12vw;border-radius: 50%;background-color: var(--yellow);}

/* amaze */
.amaze{padding-top: 17.333vw;padding-bottom: 2.666vw;}
.amaze_head{font-size: 9.333vw;font-weight: 700;}
.amaze_tit01{margin-top: 2vw;}
.amaze_tit01 .orange{color: #de5811;}
.amaze_tit01 .green{color: #0a8827;}
.amaze_sub{margin-top: 6vw;font-size: 6.133vw;}
.amaze_intros{margin-top: 9.333vw;}
.amaze_intro{flex-direction: column;}
.amaze_intro01{width: 100%;height: 90.666vw;background-image: url('../img/page/brand/amaze_intro01.jpg');}
.amaze_intro02{width: 100%;height: 90.666vw;background-image: url('../img/page/brand/amaze_intro02.jpg');}
.amaze_highlight{font-size: 6.133vw;font-weight: 700;color: #fff;}
.amaze_highlight:last-child{margin-top: 2.666vw;}
.amaze_highlight .highlight{bottom: -1.066vw;top: -1.066vw;}
.amaze_intro01 .highlight{background-color: var(--yellow);}
.amaze_intro02 .highlight{background-color: var(--red);}

.amaze_cont_head{padding-top: 17.333vw;font-size: 7.733vw;font-weight: 700;}
.amaze_cont_head .amaze_tit01{margin-top: 2.666vw;}
.amaze_cont_head .amaze_sub{margin-top: 5.333vw;font-size: 5.066vw;}
.amaze_cont_head .amaze_intro{width: 42.666vw;height: 42.666vw;}
.amaze_cont_head .amaze_intro01{margin-right: 2.666vw;background-image: url('../img/page/brand/amaze_cont_intro01.jpg')}
.amaze_cont_head .amaze_intro02{background-image: url('../img/page/brand/amaze_cont_intro02.jpg')}

.amaze_tbox .flag{width: 13.2vw;height: 8.8vw;margin: 8.533vw auto 0;background-image: url('../img/page/brand/amaze_flag.jpg')}
.amaze_txt{margin-top: 3.2vw;font-size: 4.266vw;line-height: 1.4375;}
.amaze_box_flow .flow_item{position: relative;width: 42.666vw;height: 42.666vw;margin: 0 1.333vw;}
.amaze_box_flow01{margin-top: 10.8vw;}
.amaze_box_flow01 .amaze_box01{background-color: #de5811;}
.amaze_row01_sl{width: 100%;height: 100%;}
.amaze_row01_sl img{width: 24vw;height: 24vw;}
.amaze_box_flow01 .amaze_box02{background-image: url('../img/page/brand/amaze_row01_02.jpg');}
.amaze_box_flow01 .amaze_box03{background-image: url('../img/page/brand/amaze_row01_03.jpg');}
.amaze_box_flow02{margin-top: 2.666vw;}
.amaze_box_flow02 .amaze_box01{background-image: url('../img/page/brand/amaze_row02_01.jpg');}
.amaze_box_flow02 .amaze_row02_sl01{background-image: url('../img/page/brand/amaze_row02_sl01.jpg');}
.amaze_box_flow02 .amaze_row02_sl02{background-image: url('../img/page/brand/amaze_row02_sl02.jpg');}
.amaze_box_flow02 .amaze_row02_sl03{background-image: url('../img/page/brand/amaze_row02_sl03.jpg');}
.amaze_box_flow02 .amaze_box03{background-image: url('../img/page/brand/amaze_row02_03.jpg');}


/* interior */
.interior{padding: 17.333vw 0;background-color: var(--yellow);}
.interior_tit{font-size: 9.866vw;font-weight: 700;}
.interior_slide{margin-top: 9.333vw;}
.interior_slide .swiper-slide{width: 100%;}
.interior_sl{width: 80vw;height: 44.933vw;margin: 0 auto;background-color: #000;}
.interior_sl01{background-image: url('../img/page/brand/interior_btns.jpg')}
.interior_btns_wrap{margin-top: 8vw;}
.interior_btns{width: 14vw;height: 14vw;margin: 0 1.333vw;background-image: url('../img/page/brand/interior_btns.png');}
.interior_next{transform: rotate(180deg);}