footer{background-color: #fff;}
*{}
.h_right .h_lang{display: flex!important;}
.page_main{padding: 0;position: relative; /*z-index: 11;*/ background-color: #fff;}
.m_s_1{height: calc(var(--vh) * 100); width: 100%; position: relative; overflow: hidden;}
.m_s_1_inner{position: fixed;  width: 100%; height: calc(var(--vh) * 100);}
.m_s_1_txt_w { padding: 7.89vw 0 2.89vw 5.26vw; position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; } 
.m_s_1_txt_w .m_s_1_txt_span { color: #000; font-family: 'Chronicle Display'; font-size: 1.58vw; font-weight: 300; line-height: 140%; font-style: italic; display: block; } 

.m_s_1_txt_w h1 { position: absolute; top: 160px; display: inline-block; color: #FFD4BE; font-family: "Gelion"; font-size: 6.32vw; font-weight: 375; line-height: 50%; margin-bottom: 2.63vw; width: calc(((100% / 12)* 5) - 5.26vw); white-space: nowrap; overflow: hidden;}
.m_s_1_txt_w h1 * { display: inline-block; color: #000; font-family: "Gelion"; font-size: 6.32vw; font-weight: 500; line-height: 110%;} 
.m_s_1_txt_w p { color: #FFF; font-size: 0.99vw; font-weight: 400; line-height: 150%; }



.mix_bg { position: absolute; right: 0; bottom: 0; width: calc((100% / 12)* 7); height: calc(100% - 110px); border-radius: 20px 0 0 20px; overflow: hidden; z-index: 1; mix-blend-mode: difference;}  
.mix_bg .mix_w { position: absolute; top: 50px; left: calc(((100% / 7)* -5) + 5.26vw);  width: unset; line-height: 0.5;} 
.mix_bg .mix_w div.fade-w div { color: #fff; } 

.mix_bg .mix_w h1{ position: absolute; top: 160px; display: inline-block; color: #FFD4BE; font-family: "Gelion"; font-size: 6.32vw; font-weight: 375; line-height: 50%; margin-bottom: 2.63vw; width: calc(((100% / 12)* 5) - 5.26vw); white-space: nowrap; overflow: hidden;}
.mix_bg .mix_w * { display: inline-block; color: #000; font-family: "Gelion"; font-size: 6.32vw; font-weight: 500; line-height: 110%; } 

.m_s_1_box_w{display: flex; gap: 1.32vw; margin-top: 2.63vw; width: calc((((100% + 5.26vw) / 12) * 5) - (5.26vw + 2.63vw)); height: 10.52vw;}
.m_s_1_box{padding: 0.79vw 0.79vw 1.05vw; border-radius: 0.53vw; background-color: #f2ece6; width: calc((100% - 2.64vw) / 4); position: relative; aspect-ratio: 120 / 160; transition: ease 0.3s width;}
.m_s_1_box.box_active{width: calc((100% - 2.64vw) / 2); aspect-ratio: 240 / 160; transition: ease 0.3s width;}
.m_s_1_top{font-size: 0.79vw; display: flex; justify-content: space-between; padding-bottom: 0.53vw; border-bottom: 1px solid #000; margin-bottom: 0.79vw;}
.m_s_1_bottom{display: flex; flex-direction: column; justify-content: space-between; height: 100%; overflow: hidden;}
.m_s_1_bottom_txt{font-weight: 600; font-size: 0.99vw; line-height: 1.3; display: flex; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; width: 13.6vw;}
.m_s_1_bottom_loca{display: flex; align-items: center; font-size: 0.86vw; white-space: nowrap;}

.m_s_1_bottom_loca img{width: 1.05vw; height: 1.05vw; margin-right: 0.26vw;}


.m_s_1_box_img{width: 100%; display: flex; justify-content: center; align-items: flex-end; border-radius: 8px; background-color: #f2ece6; position: absolute; height: 100%; left: 0; bottom: 0; opacity: 0; overflow: hidden;transition-delay: 1s; transition: ease 1s all;}
.m_s_1_box_img img{ height: 100%; object-fit:cover;}
.m_s_1_box.box_active .m_s_1_box_img{opacity: 0; transition: unset;}
.m_s_1_box:not(.box_active) .m_s_1_box_img{opacity: 1;}

.m_s_1_box_txt{height: 100%; display: flex; flex-direction: column;}
.m_s_1_box:not(.box_active) .m_s_1_box_txt{opacity: 0; display: none;}
.m_s_1_box.box_active .m_s_1_box_txt{opacity: 1;}


.m_s_1_img_w{position: absolute; right: 40px;bottom: 40px; width: calc(((100% / 12) * 7) - 40px); height: calc(100% - 150px); border-radius: 20px; overflow: hidden; }
.m_s_1_img_w img{width: unset; height: 120%; object-fit: cover; position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%;}
.m_s_1_img_w.active img{animation: fadeIn 2s ease-out both!important;}
.m_s_1_img_w .main_video{/*width: calc((120vh - 106px) * (16 / 9)); height: 120%; */ width: 300%; height: 120%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.m_s_1_img_w{transition: ease 3s clip-path, ease 3s opacity; opacity: 0; clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);}
.active.m_s_1_img_w, .active.mix_bg{ opacity: 1; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}

    
.m_s_2{position: relative; height:calc(var(--vh) * 200); overflow: hidden; background-color: #000; color: #fff; width: 100%; transition: ease 0.5s background-color, ease 0.5s color;border-radius: 8px 8px 0 0; overflow: hidden;}
.m_s_2.half{background-color: #d0c9c1; color: #000;}
.m_s_2_inner{width: 100%; height: calc(var(--vh) * 100); position: absolute;}
.m_s_2_inner.floating{position: fixed;top: 0; left: 0;}
.m_s_2_inner.floating.float-bottom{/*position: absolute;*/ top: unset; bottom: 0;}
.m_s_2_1_w, .m_s_2_2_w{height: /*calc(var(--vh) * 100)*/100%; width: 100%; display: flex; position: absolute; top: 0; left: 0; overflow: hidden;}
.m_s_2_left{width: 50%; overflow: hidden;}
.m_s_2_left img{width: 100%; height: 100%; object-fit: cover;}

.m_s_2_2_w .m_s_2_left img{transform: translateX(100%);}
.m_s_2_2_w .m_s_2_right{transform: translateY(100%);}
.m_s_2_right{width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 0 2.63vw 0 5.26vw; overflow: hidden; background-color:#000; transition: ease 0.5s background-color;} 
.half .m_s_2_right{background-color: #d0c9c1;}

.m_s_2_name{display: flex; font-family:'Gelion'; font-size: 3.16vw; font-weight: 400; line-height: 110%; letter-spacing: -0.063vw; margin-bottom: 3.95vw; align-items: flex-end;} 
.m_s_2_name img{width:2.37vw; margin-left: 0.79vw; height: 1.38vw; object-fit: contain; margin-bottom: 0.79vw; transition: ease 0.5s filter; filter: invert(0);} 
.half .m_s_2_name img{filter: invert(1);} 
.m_s_2_title{font-family:'Gelion'; font-size: 3.16vw; font-weight: 500; line-height: 110%; letter-spacing: -0.063vw;  margin-bottom: 2.63vw;} 
.m_s_2_span{font-size: 0.99vw; font-weight: 400; line-height: 140%;}
.m_s_2 .fadeIn-3, .m_s_2 .fadeIn-4, .m_s_2 .fadeIn-5{opacity: 0;} 

.m_s_2 .faiv_logo{margin-left: unset; padding: 0.3vw 0 0.8vw; margin-bottom: 0; width: 5.2vw; height: unset;margin-top: unset;}

.m_s_3{height:calc(var(--vh) * 100); background-color: #d0c9c1; width: 50%; margin-left: 50%; position: relative;}
/*
.m_s_3{min-height: calc(var(--vh) * 100); background-color: #F6F2EE; position: relative;}
.m_s_3_header{display: flex; justify-content: space-between; align-items: flex-end; padding: 28px 40px 0; position: relative; width: 100%; border-radius: 8px 8px 0 0; background-color: #FFD4BE;}
.m_s_3_header.float-bottom{position: fixed; top: 0; left: 0;}
.m_s_3_header::after{content: ''; display: block; position: absolute; width: calc(100% - 80px); height: 1px; background-color: #000; bottom: 0; left: 40px; }
.m_s_3_header span{font-family: 'Chronicle Display', sans-serif; font-size: 20px; padding-bottom: 8px; font-weight: 200; font-style: italic;}
.m_s_3_header p{font-size: 14px; font-weight: 600; padding-bottom: 12px;  text-transform: uppercase;}

.m_s_3_body{padding: 0 40px; display: flex; justify-content: flex-end; background-color: #FFD4BE; position: relative; min-height: calc(100dvh - 60px);}
.m_s_3_body ul{width: calc((100% / 12) * 4); margin: 170px 0 160px; z-index: 1;}
.m_s_3_body ul li:not(:last-child){margin-bottom: 80px;}
.m_s_3_body ul li + li{border-top: 1px solid #A47764; padding-top: 80px;}
.m_s_3_body ul li div{display: flex; align-items: center;}
.m_s_3_body ul li div + div{margin-top: 8px;}
.m_s_3_body ul li div span{width: 50%; font-size: 16px; font-weight: 700; line-height: 140%; text-transform: uppercase; padding: 6px 0 0 0;}
.m_s_3_body ul li div h1{width: 50%;font-family: "Chronicle Display"; font-size: 64px; font-weight: 325; line-height: 130%; opacity: 0; transition: ease 0.6s opacity;}
.m_s_3_body ul li div h1.active{opacity: 1;}
.m_s_3_body ul li p{color: #A47764; font-size: 15px; font-weight: 400; line-height: 150%; margin-top: 14px;}
.m_s_3_bg{position: absolute; bottom: 78px; width: calc(100% - 96px); left: 48px;}
.m_s_3_float{position: absolute; top: 160px; left: 80px;}
.m_s_3_float.floating{position: fixed; top: 220px;}
.m_s_3_float.floating.float-bottom{position: absolute; top: unset; bottom: calc(calc(var(--vh) * 100) - 220px); transform: translateY(100%);}
.m_s_3_float h2{font-family: "Chronicle Display"; font-size: 64px; font-style: italic; font-weight: 300; line-height: 120%;}
.m_s_3_float h1{font-family: "Chronicle Display"; font-size: 72px; font-style: normal; font-weight: 325; line-height: 120%;  position: relative;}
.m_s_3_float .fade-w:nth-child(2){margin-bottom: 38px;}
.m_s_3_float span{color: #A47764; font-family: "Chronicle Display"; font-size: 32px; font-style: italic; font-weight: 300; line-height: 130%; display: block;}

.m_s_3_body{position: absolute; left: 0; bottom: 0; width: 100%;}
.m_s_3_body.float-el.floating.float-bottom{position: fixed;}
.m_s_3_body_dummy.float-bottom{padding-top: 60px; box-sizing: unset;}
*/
.m_s_4{height: 200dvh;  position: relative; background-color: #d0c9c1;}
.m_s_4_inner{height: calc(var(--vh) * 100); top: 0; left: 0; position: absolute; width: 100%;border-radius: 8px 8px 0 0; background-color: #F6F2EE; overflow: hidden;}
.floating .m_s_4_inner{ position: fixed; top: 0;}
.m_s_4_inner.floating.float-bottom{position: fixed; top: unset; top: 0;}
.m_s_4_header{display: flex; justify-content: space-between; align-items: flex-end; padding: 28px 40px 0; position: relative; width: 100%; opacity: 0!important; will-change: opacity;}
.m_s_4_header::after{content: ''; display: block; position: absolute; width: calc(100% - 80px); height: 1px; background-color: #000; bottom: 0; left: 40px; }
.m_s_4_header span{font-family: 'Chronicle Display', sans-serif; font-size: 20px; padding-bottom: 8px; font-weight: 200; font-style: italic;}
.m_s_4_header p{font-size: 14px; font-weight: 600; padding-bottom: 12px;  text-transform: uppercase; letter-spacing: 1.68px;}

.m_s_4_body{height: calc(100% - 60px); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; will-change: opacity;}
.m_s_4 .btn_view{color: #231F20; font-size: 14px; font-weight: 600; line-height: 140%; letter-spacing: 1.68px; text-transform: uppercase; position: relative; padding: 6px 0; transition: ease 0.3s color; z-index: 1;}
.m_s_4 .btn_view::before{content: ''; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background-color: #000;  transition: ease 0.3s height; z-index: -1;}
.m_s_4 .btn_view:hover{color: #fff}
.m_s_4 .btn_view:hover::before{height: 100%;}
.m_s_4_txt_w{text-align: center; position: relative;}
.m_s_4_txt_w h1 {font-family:'Gelion'; font-size: 64px; font-weight: 500; line-height: 120%; letter-spacing: -1.28px;}
.m_s_4_txt_w span{font-size: 15px; font-weight: 400; line-height: 140%; margin: 32px 0 54px; text-align: center; display: block;}
.m_s_4_img_w{position: absolute; width: calc(100% - 80px); height: calc(100% - 80px); display: grid;   grid-template-columns: repeat(6, 1fr); gap: 12px; will-change: transform, filter;}
/*.m_s_4_img_w::after{content: ''; display: block; width: calc(100% + 80px); height: calc(100% + 80px); left: 50%; top: 50%; background-color: #F6F2EE; opacity: 0.9; position: absolute; transform: translate(-50%, -50%);}*/
.m_s_4_img_w img{width: 100%; height: 100%; object-fit: cover; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); border-radius: 8px;}
.m_s_4_bg{display: block; width: calc(100% + 80px); height: calc(100% + 80px); left: 50%; top: 50%; background-color: #F6F2EE; opacity: 0.9; position: absolute; transform: translate(-50%, -50%); will-change: opacity;}
.m_s_4_img_w {left: 40px; top: 100px; position: absolute; width: calc(100% - 80px); height: calc(100% - 140px); display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px;}


.m_s_5{background-color: #F6F2EE; position: relative; color: #fff; height: calc(var(--vh) * 100); }
.m_s_5.floating .m_s_5_inner{position: fixed; top: 0; left: 0;}
.m_s_5_inner{display: flex; flex-direction: column; height: 100%; position: relative; width: 100%;}
.m_s_5_header{display: flex; justify-content: space-between; align-items: flex-end; padding: 88px 40px 0; position: relative; width: 100%; border-radius: 8px 8px 0 0; background-color: #1A1A1A;}
.m_s_5_header::after{content: ''; display: block; position: absolute; width: calc(100% - 80px); height: 1px; background-color: #535353; bottom: 0; left: 40px; }
.m_s_5_header span{font-family: 'Chronicle Display', sans-serif; font-size: 20px; padding-bottom: 8px; font-weight: 200; font-style: italic;}
.m_s_5_header p{font-size: 14px; font-weight: 600; padding-bottom: 12px; text-transform: uppercase; letter-spacing: 1.68px;}

.m_s_5_body{padding: 0 40px; background-color: #1A1A1A; position: relative; color: #fff; height: 100%;}
.m_s_5_flex{display: flex; position: relative; height: 100%;}
.m_s_5_flex::after{content: ''; display: block; width: 1px; height: calc(100% - 40px); top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #535353; position: absolute;}
.m_s_5_flex > div{width: 50%; position: relative;}

.m_s_5_1_left{padding: 120px 0 0 40px;}
.m_s_5_1_left .fade-w{margin-bottom: /*32px*/ 2.63vw;}
.m_s_5_1_left h1, .m_s_5_1_left h1 * {line-height: 1.2; font-size: /*72px*/3.33vw; font-weight: 500; font-family: 'Gelion', sans-serif; letter-spacing: -0.067vw;}
.m_s_5_1_left span{font-size: /*18px*/ 1.18vw; display: block; font-weight: 400; line-height: 150%;}

.m_s_5_1_right{padding: 120px 80px 0 120px; display: flex; align-items: flex-end;}
.m_s_5_1_right img{width: 100%; object-fit: contain;}
.m_s_5 .btn_view {display: inline-flex; align-items: center; padding: 6px 0; color: #fff; line-height: 140%; letter-spacing: 1.68px; font-size: 14px; margin-top: /*60px*/3.95vw; position: relative; transition: ease 0.3s color;}
.m_s_5 .btn_view::after{content: ''; display: block; width: 100%; height: 2px; background-color: #fff; position: absolute; bottom: 0; z-index: -1; transition: ease 0.3s height;}
.m_s_5 .btn_view:hover{color: #000;}
.m_s_5 .btn_view:hover::after{height: 100%;}

.m_s_5_bottom{border-top: 1px solid #535353; min-height: 440px; box-sizing: border-box;}
.m_s_5_bottom p{color: #FFF; font-family: "Chronicle Display"; font-size: /*20px*/1.32vw; font-style: italic; font-weight: 300; line-height: 130%; margin: /*20px 0 40px*/1.32vw 0 2.63vw; position: relative; z-index: 1;}
.m_s_5_bottom span{font-size: /*15px*/1vw; font-style: normal; font-weight: 600; line-height: 150%; display: block;}

.m_s_5_icon{width: 48px; height: 48px; display: block;}
.m_s_5_2_left{padding: 80px 0 0 40px;}
.m_s_5_2_right{padding: 80px 0 0 100px;}

.m_s_5_lecturer{position: absolute; width: 200px; bottom: 0;}
.m_s_5_2_left .m_s_5_lecturer{right: 60px;}
.m_s_5_2_right .m_s_5_lecturer{ right: 40px;}

.m_s_6{background-color: #000; position: relative;}  
.m_s_6_inner{border-radius: 0.53vw 0.53vw 0 0; background-color: #fff; padding-top: 10.53vw; text-align: center;}  
.m_s_6_inner .fade-w{display: flex; align-items: center; justify-content: center;}
.m_s_6 h1{font-size: 4.21vw; font-weight: 500; line-height: 1.1; letter-spacing: -0.084vw; font-family: 'Gelion';} 
.m_s_6 span{font-size: 1.58vw; font-weight: 300; line-height: 1.4; font-style: italic; font-family: 'Chronicle Display'; margin: 2.63vw 0; display: block;}  
.m_s_6 p{font-size: 0.99vw; font-weight: 400; line-height: 1.4;}  
.m_s_6 img{margin: 126px auto 0; width: calc((100% / 12) * 9); transition: ease 4s width;}
.m_s_6.active img{animation: fadeIn 4s ease-out both; animation-delay: 1s; width: calc((100% / 12) * 8);}

footer{z-index: 11;}
@media(min-width:1025px){
  .m_s_2_inner.float-bottom .m_s_2_right {transform: translateY(0) !important;}
  .m_s_3{z-index: -1;}
  .m_s_5{margin-top: 600px;}
}
@media(max-width:1024px){
  .m_s_1 { min-height: unset; height: unset; padding: 33.33vw 0 8.89vw; }
.m_s_1_inner { height: unset; position: relative; padding-bottom: /*39.44vw*/ 42vw; }
.m_s_1_txt_w { padding: 0 0 21.11vw; justify-content: flex-start; height: unset; position: unset; }

.m_s_1_txt_w .mix_bg { display: none; }
.m_s_1_txt_w h1 { position: unset; padding-left: 4.44vw; margin-bottom: 5vw; width: unset;}
.m_s_1_txt_w h1 *{ font-size: 10vw; letter-spacing: -0.2vw;}
.m_s_1_txt_w .m_s_1_txt_span { font-size: 3.89vw; padding-left: 4.44vw; }
.m_s_1_box_w { position: absolute; width: 100%; margin-left: 0; padding: 0 4.44vw; bottom: 0; margin-top: 0; height: 36.11vw;  overflow: hidden;}
.m_s_1_box { padding: 2.22vw; display: flex; flex-direction: column; border-radius: 1.11vw;}
.mix_bg{display: none;}
.m_s_1_top { font-size: 2.78vw; padding-bottom: 1.67vw; margin-bottom: 3.33vw;}
.m_s_1_bottom { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.m_s_1_bottom_txt { font-size: 3.33vw; width: 38.5vw;}
.m_s_1_bottom_loca { margin-top: 4.44vw; font-size: 3.33vw; }
.m_s_1_bottom_loca img { width: 3.33vw; height: 3.33vw; }
.m_s_1_img_w { position: relative; width: 78.89%; height: unset; left: 16.6%; border-radius: 12px; right: unset; bottom: unset;}
.m_s_1_img_w::before{content: '';display: block; width: 100%; padding-top: 100%;}
.m_s_1_img_w > div{position: absolute!important; left: 0; top: 0; width: 100%; height: 100%;}
.m_s_1_img_w > div iframe{width: 300%; height: 110%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none;}
.m_s_1_box_img img { }


.m_s_2_inner{ top: 0; bottom: unset; height: calc(100vh);}
.m_s_2_inner.floating{ top: unset; bottom: 0; height: calc(var(--vh) * 100);}
.m_s_2_1_w, .m_s_2_2_w { flex-direction: column-reverse; justify-content: space-between; top: unset; bottom: 0; height: calc(var(--vh) * 100);}
.m_s_2_2_w{bottom: 0; top: unset;}
.m_s_2_left { width: 100%; height: calc(var(--vh) * 40); z-index: 1; }
.m_s_2_right { width: 100%; height:calc(var(--vh) * 60); text-align: center;  }
.m_s_2_name { flex-direction: column; align-items: center; font-size: 6.67vw; letter-spacing: -0.13vw; margin-bottom: 10vw;}
.m_s_2_name img { width: 8.06vw; margin-top: 4.44vw; height: unset; }
.m_s_2_title { font-size: 6.67vw; letter-spacing: -0.13vw; margin-bottom: 5.56vw; }
.m_s_2_span { font-size: 3.33vw; width: 95%;}
.m_s_2 .faiv_logo{width: 12vw;}

.m_s_3{position: unset; width: unset; margin-left: unset;}

.m_s_4 { height: calc(var(--vh) * 100); }
.m_s_4_inner { position: relative; }
.m_s_4_img_w { transform: scale(1) !important; filter: grayscale(1) !important; grid-template-columns: repeat(2, 1fr); width: 100%; height: 100%; top: 0; left: 0; padding: 16.67vw 4.44vw 2.78vw; }
.m_s_4_bg { opacity: 0.9 !important; width: 100%; height: 100%; }
.m_s_4_header { opacity: 0 !important; padding: 5.56vw 4.44vw 0; }
.m_s_4_header p { padding-bottom: 2.22vw; font-size: 2.78vw; letter-spacing: 0.33vw; }
.m_s_4_header::after { width: calc(100% - 8.89vw); left: 4.44vw; }
.m_s_4_body { opacity: 1 !important; }

.m_s_4_txt_w h1 { font-size: 8.89vw; transform: translateY(20px); opacity: 0; transition: ease 0.9s transform, ease 0.9s opacity;}
.m_s_4_txt_w span { font-size: 3.33vw; margin: 5.56vw auto 11.11vw; width: 80%; transform: translateY(20px); opacity: 0; transition: ease 0.9s transform, ease 0.9s opacity;transition-delay: 0.2s;}
.m_s_4_txt_w span br{display: none;}
.m_s_4_txt_w .btn_view{ transform: translateY(20px); opacity: 0; transition: ease 0.9s transform, ease 0.9s opacity;transition-delay: 0.4s; display: inline-block;}
.m_s_4_txt_w.active h1{transform: translateY(0); opacity: 1;}
.m_s_4_txt_w.active span{transform: translateY(0); opacity: 1;}
.m_s_4_txt_w.active .btn_view{transform: translateY(0); opacity: 1;}

.m_s_4 .btn_view { font-size: 3.33vw; letter-spacing: 0.4vw; z-index: 1; }
.m_s_4 .btn_view::before { z-index: -1; }

.m_s_4_inner.floating { position: relative; }
.m_s_5_header { opacity: 1 !important; padding: 5.56vw 4.44vw 0; }
.m_s_5_header p { padding-bottom: 2.22vw; font-size: 2.78vw; letter-spacing: 0.33vw; }
.m_s_5_header::after { width: calc(100% - 8.89vw); left: 4.44vw; }
.m_s_5_body { padding: 22.22vw 5.56vw 0; }
.m_s_5_flex { flex-direction: column; }
.m_s_5_flex::after { display: none; }
.m_s_5_flex > div { width: 100%; }
.m_s_5_1_left { padding: 0; text-align: center; }
.m_s_5_1_left .fade-w { margin-bottom: 5.56vw; }
.m_s_5_1_left span { font-size: 3.33vw; }
.m_s_5_1_left span br{display: none;}
.m_s_5_1_left h1, .m_s_5_1_left h1 * { font-size: 8.89vw; letter-spacing: unset; }
.m_s_5 .btn_view { margin-top: 11.11vw; font-size: 12px;}
.m_s_5_1_right { padding: 0; margin-top: 20vw; }
.m_s_5_1_right img { width: calc(100% - 12.22vw); object-fit: contain; margin: auto; }

.m_s_6_inner{border-radius:8px 8px 0 0;}
.m_s_6_inner .fade-w{display: flex; align-items: center; flex-direction: column;}
.m_s_6 h1 { font-size: 8.89vw; }
.m_s_6 span { margin: 5.56vw 0; font-size: 3.89vw; }
.m_s_6 p { font-size: 3.33vw; margin: auto; width: 90%;}
.m_s_6 img { width: 100%; margin: 22.22vw auto 0; }

}