@charset "utf-8";

/* common */
[data-main]{padding:150px 0;}
[data-main].full{padding:0px;}
[data-main].full.blue{background-color:#eef6fb;}
[data-main].full.gray{background-color:#fafafc;}
[data-main].full > .inr{padding:150px 0;}
[data-main] h2{font-size:55px; font-weight:700; line-height:1.2em; text-align:center;}
[data-main] h2.big{font-size:90px;}
[data-main] h2.is_motion span{overflow:hidden; display:block;}
[data-main] h2.is_motion span i{display:block; transform:translateY(160%) rotate(.001deg); transition:transform 1s cubic-bezier(0.36, 0.26, 0.1, 0.95) 0s;}
[data-main] h2.is_motion.motion_in span i{transform:translateY(0) rotate(.001deg); transition-delay:0.2s;}
[data-main] h2 + p{margin-top:25px; font-size:25px; color:#444; text-align:center; line-height:1.4em;}

/* button */
.btn_view{display:inline-block; position:relative; width:60px; height:60px; box-sizing:border-box; border:1px solid #222; border-radius:100%; font-size:0px;}
.btn_view:before{content:''; display:block; position:absolute; top:50%; left:50%; width:26px; height:21px; margin:-10.5px 0 0 -13px; background:url(../images/main/img_link_arrow.svg) no-repeat 50% 50%; background-size:auto 100%; transform:rotate(0deg); transition:transform 0.3s ease 0s;}
.btn_view:hover:before{transform:rotate(45deg);}
.btn_view.white{border-color:#fff;}
.btn_view.white:before{background-image:url(../images/main/img_link_arrow_w.svg);}

/* visual */
.area_visual{position:relative; height:100%; min-height:800px;}
.area_visual .swiper,
.area_visual .swiper .box{height:100%;}
.area_visual .swiper .box{overflow:hidden; position:relative;}
.area_visual [data-visual="img"]{display:block; height:100%;}
.area_visual [data-visual="img"] i{display:block; height:100%; background-repeat:no-repeat; background-position:50% 0; background-size:cover; transform:scale(1.08); transition:transform 4s ease-in-out;}
.area_visual .swiper-slide-active [data-visual="img"] i,
.area_visual .swiper-slide-duplicate-active [data-visual="img"] i{transform:scale(1);}
.area_visual [data-visual="text"]{display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; position:absolute; z-index:50; left:120px; height:100%; box-sizing:border-box; color:#fff;}
.area_visual [data-visual="text"] > i{display:block; font-size:20px; letter-spacing:0px; font-weight:500;}
.area_visual [data-visual="text"] > em{display:block; margin-top:30px; font-size:60px; font-weight:600; line-height:1.4em;}
.area_visual [data-visual="text"] > em span{display:block;}
.area_visual [data-visual="text"] > em span > i > i{position:relative;}
.area_visual [data-visual="text"] > em span > i > i:after{content:''; display:block; position:absolute; left:0px; bottom:0px; width:100%; height:3px; background:#fff; transform:scaleX(0); transform-origin:0 0; transition:transform 0.9s ease-out 0s;}
.area_visual [data-visual="text"] > * span{overflow:hidden; display:block;}
.area_visual [data-visual="text"] > * span > i{display:block; transform:translateY(160%) rotate(.001deg); transition:transform 1s cubic-bezier(0.36, 0.26, 0.1, 0.95) 0s;}
.area_visual [data-visual="text"].active > * > span > i{transform:translateY(0) rotate(.001deg);}
.area_visual [data-visual="text"].active > i > span > i{transition-delay:0.2s;}
.area_visual [data-visual="text"].active > em span:nth-of-type(1) > i{transition-delay:0.3s;}
.area_visual [data-visual="text"].active > em span:nth-of-type(2) > i{transition-delay:0.5s;}
.area_visual [data-visual="text"].active > em span:nth-of-type(3) > i{transition-delay:0.7s;}
.area_visual [data-visual="text"].active > em span > i > i:after{transform:scaleX(1); transition-delay:1.5s;}
.area_visual .swiper_bottom{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; position:absolute; bottom:100px; left:130px; z-index:60;} 
.area_visual .swiper_bottom button{position:relative; width:70px; height:70px; background-color:transparent; font-size:0px;}
.area_visual .swiper_bottom button:before{content:''; opacity:0.3; display:block; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border:2px solid #fff; border-radius:100%; transform:scale(0.85); transition:0.5s ease 0s;}
.area_visual .swiper_bottom button span{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:100%; height:100%;}
.area_visual .swiper_bottom button span:before{content:''; display:block; position:absolute; top:50%; left:50%; width:8px; height:12px; margin:-6px 0 0 -4px; background:url(../images/main/img_arrow_slide_w.svg) no-repeat 50% 50%; background-size:auto 100%;}
.area_visual .swiper_bottom button.swiper_next span:before{transform:rotate(180deg);}
.area_visual .swiper_bottom button:hover:before{opacity:1; transform:scale(1);}
.area_visual .swiper_right{position:absolute; right:70px; top:50%; z-index:60; transform:translateY(-100%);}
.area_visual .swiper_page{display:flex; flex-flow:row nowrap; justify-content:center; align-items:flex-start; font-size:20px; color:#fff; font-weight:500;}
.area_visual .swiper_page > *{opacity:0.7; display:inline-block; line-height:1em;}
.area_visual .swiper_page .swiper-pagination-current{opacity:1; font-size:55px; font-weight:600;}
.area_visual .swiper_page .line{display:inline-block; width:2px; height:17px; margin:5px 10px 0; background:#fff; transform:rotate(20deg);}
.area_visual .swiper_page > span:not(.swiper-pagination-current){margin-top:4px;}

/* promotion */
[data-main="promotion"]{padding-top:0px !important; padding-bottom:0px !important; height:100%;}
[data-main="promotion"] .inr{display:flex; flex-flow:column wrap; justify-content:center; align-items:center; max-width:1440px; height:100vh; height:calc(var(--vh, 1vh) * 100); margin:0 auto; padding:0 20px;}
[data-main="promotion"] span[class*="obj"]{display:block; font-size:100px; font-weight:700; color:#222; text-align:center;}
[data-main="promotion"] span.obj01{padding-left:calc((100% / 16) * 4); text-align:left;}
[data-main="promotion"] span.obj02{padding-right:calc((100% / 16) * 3); text-align:right;}
[data-main="promotion"] .fix_text{overflow:hidden; position:sticky; top:0px; z-index:10; padding-top:150px;}
[data-main="promotion"] .obj_machine{position:relative; text-align:center;}
[data-main="promotion"] .obj_machine i{display:inline-block;}
[data-main="promotion"] .obj_machine i.obj02{opacity:0; position:absolute; top:0px; left:0px;  transition:opacity 0.5s ease-out 0s;}
[data-main="promotion"] .obj_machine_end{text-align:center;}
[data-main="promotion"] .end{position:relative; z-index:10;}
[data-main="promotion"] .machine.is_motion_top.motion_in{position:sticky; top:0px;} 
[data-main="promotion"] .machine.motion_active .obj_machine i.obj02{opacity:1;}
[data-main="promotion"] .end.is_motion_top .obj_machine_end{opacity:0; transition:opacity 0.5s ease-out 0s;}
[data-main="promotion"] .end.is_motion_top.motion_in .obj_machine_end{opacity:1;}

/* system */
[data-main="system"].full > .inr{padding-left:70px; padding-right:70px;}
.list_system{display:flex; flex-flow:row wrap; justify-content:center;; align-items:stretch; margin-top:70px;}
.list_system > li{flex:0 1 20%; box-sizing:border-box; padding:0 20px;}
.list_system > li .img{display:block; width:242px; height:342px; margin:0 auto;}
.list_system > li .img img{object-fit:cover; width:100%; height:100%;}
.list_system > li em{display:block; margin-bottom:15px; text-align:center; font-size:30px; font-weight:500; letter-spacing:-1px; line-height:1.2em;}
.list_system > li em small{font-size:20px;}
.list_system > li p{font-size:17px; color:#444;}
.list_system > li.is_motion{opacity:0; transform:translateY(-30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}

/* product */
[data-main="product"]{overflow:hidden;}
.list_product{margin-top:60px;}
.list_product .swiper-slide{width:290px; margin:0 30px;}
.list_product .swiper-slide .title{display:block; position:relative; margin-top:15px; font-size:20px; font-weight:500; color:#000; word-break:keep-all;}
.list_product .swiper-slide .title i{display:block; position:absolute; left:50%; top:-30px; padding:0px 7px; background:#fff; border:1px solid #0079bd; color:#0079bd; font-size:11px; font-weight:600; letter-spacing:0px; transform:translateX(-50%);}
.list_product .swiper-slide p{margin-top:3px; font-size:15px; color:#666;}
.list_product .img{overflow:hidden; display:block; width:100%; height:313px;}
.list_product .img img{object-fit:cover; width:100%; height:100%;}
.list_product .swiper-slide a{display:block; position:relative; padding-top:50px; padding-bottom:70px; text-align:center;}
.list_product .swiper-slide a:after{content:''; opacity:0; display:block; position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:100%; background:#eef6fb; transform:scaleY(0); transition:opacity 0.7s ease 0s, transform 0.7s ease 0s;}
.list_product .swiper-slide a:hover:after{opacity:1; transform:scaleY(1);}
.list_product .swiper-wrapper{transition-timing-function:linear;}
.list_product.is_motion{opacity:0; transform:translateX(200px); transition:opacity 0.7s ease 0s, transform 0.7s ease 0s;}
.list_product.is_motion.motion_in{opacity:1; transform:translateX(0px);}

/* banner */
[data-main="best"]{}
.list_best .swiper-slide .box{position:relative; height:900px;}
.list_best .swiper-slide .box .txt_left{display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; max-width:1440px; height:100%; margin:0 auto; padding:0 20px;}
.list_best .swiper-slide .box .txt_left em{display:block; margin-bottom:20px; font-size:90px; font-weight:600; letter-spacing:0px; line-height:1.3em;}
.list_best .swiper-slide .box .txt_left em + span{display:block; margin-bottom:50px; font-size:25px; font-weight:500;}
.list_best .swiper-slide .box .txt_left p{font-size:20px; font-weight:500;}
.list_best .swiper-slide .box .txt_left .btn_view{margin-top:70px;}
.list_best .swiper-slide .box .txt_right{position:absolute; right:120px; bottom:200px; padding:40px 0px; border-top:1px solid #111; border-bottom:1px solid #111;}
.list_best .swiper-slide .box .txt_right p{font-size:30px; font-weight:600; text-align:right; line-height:2em;}
.list_best .swiper-slide .img{display:block; position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:100%;}
.list_best .swiper-slide .img img{object-fit:cover; width:100%; height:100%;}
.list_best .swiper_bottom{position:absolute; right:113px; bottom:95px; z-index:60;}
.list_best .swiper_bottom button{opacity:0.2; width:30px; height:30px; background:transparent url(../images/main/img_arrow_slide.svg) no-repeat 50% 50%; background-size:15px 24px; font-size:0px; transition:opacity 0.5s ease 0s;}
.list_best .swiper_bottom button.swiper_prev{margin-right:23px;}
.list_best .swiper_bottom button.swiper_next{transform:rotate(180deg);}
.list_best .swiper_bottom button:hover{opacity:1;}
.list_best .swiper_page{display:flex; flex-flow:row nowrap; justify-content:center; align-items:flex-end; position:absolute; right:120px; top:145px; bottom:auto; left:auto; z-index:60; width:auto; font-size:15px; color:#111; font-weight:600;}
.list_best .swiper_page > *{opacity:0.4; display:inline-block; line-height:1em;}
.list_best .swiper_page .swiper-pagination-current{opacity:1; margin-bottom:15px; font-size:30px;}
.list_best .swiper_page .line{opacity:0.2; display:inline-block; width:1px; height:40px; margin:0px 10px 0 15px; background:#111; transform:rotate(-135deg);}
.list_best .swiper_page > span:not(.swiper-pagination-current){margin-top:4px;}
.list_best .is_text_motion.txt_left > em,
.list_best .is_text_motion.txt_left > span,
.list_best .is_text_motion.txt_left > p,
.list_best .is_text_motion.txt_left .btn_view{opacity:0; transform:translateY(30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
.list_best .is_text_motion.txt_left.active > em,
.list_best .is_text_motion.txt_left.active > span,
.list_best .is_text_motion.txt_left.active > p,
.list_best .is_text_motion.txt_left.active .btn_view{opacity:1; transform:translateY(0px);}
.list_best .is_text_motion.txt_left.active > em{transition-delay:0.15s;}
.list_best .is_text_motion.txt_left.active > span{transition-delay:0.25s;}
.list_best .is_text_motion.txt_left.active > p{transition-delay:0.35s;}
.list_best .is_text_motion.txt_left.active .btn_view{transition-delay:0.45s;}
.list_best .is_text_motion.txt_right,
.list_best .is_text_motion.txt_right p{opacity:0; transform:translateX(30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
.list_best .is_text_motion.txt_right.active,
.list_best .is_text_motion.txt_right.active p{opacity:1; transform:translateX(0px); transition-delay:0.15s;}
.list_best .is_text_motion.txt_right.active p{transition-delay:0.45s;}

/* certi */
[data-main="certi"] h2 + p.hide_overUp.motion_in span i{transition-delay:0.2s;}
[data-main="certi"] h3{font-size:45px; font-weight:600; text-align:center;}
[data-main="certi"] .inr{max-width:1200px; margin:0 auto; padding:0 20px;}
[data-main="certi"] .inr:nth-of-type(2){padding-top:0px !important;}
.list_certi{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; max-width:950px; margin:66px auto 0; text-align:center; font-size:0px;}
.list_certi > li{flex:0 1 81px; margin:0 35px 45px;}
.list_certi .img{display:inline-block; width:81px; height:81px;}
.list_certi .img img{object-fit:cover; width:100%; height:100%;}
.list_release span{display:inline-block;}
.list_release span img{max-width:100%;}
.list_release{margin-top:70px; text-align:center;}
.list_release > li{display:inline-block; margin:0 35px 45px;}

/* video */
[data-main="vedio"]{position:relative;}
[data-main="vedio"] h2{text-align:left;}
[data-main="vedio"] .inr{max-width:1440px; margin:0 auto; padding:0 20px;}
[data-main="vedio"] .box{overflow:hidden; position:relative; margin-top:80px;}
[data-main="vedio"] .box span[class*="move_"]{display:block; position:absolute; top:0px; z-index:10; width:calc((100% / 12) * 2.5); height:100%; background:#fff;}
[data-main="vedio"] .box span.move_left{left:0px;}
[data-main="vedio"] .box span.move_right{right:0px;}
[data-main="vedio"] .box .btn{position:absolute; top:15px; right:20px;}
[data-main="vedio"] .box .btn a{display:inline-block; width:67px; height:66px; background-repeat:no-repeat; background-position:50% 0; background-size:auto 100%; font-size:0px;}
[data-main="vedio"] .box .btn a.btn_video_stop{display:none; background-image:url(../images/main/btn_video_stop.png);}
[data-main="vedio"] .box .btn a.btn_video_play{background-image:url(../images/main/btn_video_play.png);}
[data-main="vedio"] .obj_text{display:block; position:relative; z-index:10; margin-top:-55px; font-size:70px; font-weight:700; line-height:1.3em; text-align:right;}
[data-main="vedio"] .obj_text i{display:block;}
[data-main="vedio"] .obj_bg{display:block; position:absolute; bottom:0px; left:0px; z-index:-1; width:100%; height:50%; background:#eef6fb;}

/* company */
[data-main="company"]{overflow:hidden;}
[data-main="company"] .inr{max-width:1200px; margin:140px auto 0; padding:0 20px;}
[data-main="company"] .flex_group{flex-wrap:nowrap;}
[data-main="company"] .flex_group > div{flex:0 1 500px; position:relative; box-sizing:border-box;}
[data-main="company"] .flex_group div[class*="box"]:after{content:''; display:block; clear:both;}
[data-main="company"] .flex_group div[class*="box"] em{display:block; font-size:25px; letter-spacing:0px; font-style:italic;}
[data-main="company"] .flex_group div[class*="box"] .img{display:block; width:500px; height:650px;}
[data-main="company"] .flex_group div[class*="box"] .img img{object-fit:cover; width:100%; height:100%;}
[data-main="company"] .flex_group div[class*="box"] a{float:right; display:inline-block; position:relative; margin-top:80px; padding-right:120px; font-size:25px; font-weight:500; line-height:1.2em; text-align:right;}
[data-main="company"] .flex_group div[class*="box"] a > span{display:inline-block; position:relative; vertical-align:middle;}
[data-main="company"] .flex_group div[class*="box"] a .ico{position:absolute; top:50%; width:80px; height:80px; box-sizing:border-box; margin-top:-40px; background-color:#fff; border-radius:100%; border:1px solid #222;}
[data-main="company"] .flex_group div[class*="box"] a .ico:before{content:''; display:block; position:absolute; top:50%; left:50%; width:26px; height:21px; margin:-10.5px 0 0 -13px; background:url(../images/main/img_link_arrow.svg) no-repeat 50% 50%; background-size:auto 100%; transform:rotate(0deg); transition:transform 0.3s ease 0s;}
[data-main="company"] .flex_group div[class*="box"] a:hover .ico:before{transform:rotate(45deg);}
[data-main="company"] .flex_group .box01 em{position:absolute; top:0px; right:-100%; left:114%; transform:rotate(90deg); transform-origin:0 0;}
[data-main="company"] .flex_group .box02{margin-top:170px;}
[data-main="company"] .flex_group .box02 em{margin-bottom:30px; text-align:right;}
[data-main="company"] .btn_view_more.is_motion .ico{right:100%; transition:right 1.8s cubic-bezier(0.37,0,0.29,1) 0s;}
[data-main="company"] .btn_view_more.is_motion.motion_in .ico{right:0px;}
[data-main="company"] .btn_view_more.is_motion > span:not(.ico){overflow:hidden;}
[data-main="company"] .btn_view_more.is_motion > span:not(.ico):before{content:''; display:block; position:absolute; top:0px; left:0px; z-index:3; width:100%; height:100%; background-image:linear-gradient(0deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.5), #fff  80%); background-image:-webkit-linear-gradient(0deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.5), #fff  80%); transform:translateX(0); transition:transform 1s linear 0s;}
[data-main="company"] .btn_view_more.is_motion > span:not(.ico){opacity:0; transition:opacity 1s cubic-bezier(0.37,0,0.29,1) 0s;}
[data-main="company"] .btn_view_more.is_motion.motion_in > span:not(.ico){opacity:1; transition-delay:0.5s;}
[data-main="company"] .btn_view_more.is_motion.motion_in > span:not(.ico):before{transform:translateX(100%); transition-delay:1s;}

/* case */
[data-main="case"]{overflow:hidden; position:relative;}
[data-main="case"]:before{content:''; display:block; position:absolute; top:0px; left:0px; z-index:5; width:50%; height:100%; background:#fff;}
[data-main="case"] h2{position:relative; z-index:10; font-weight:600;}
[data-main="case"] .inr{display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; max-width:1680px; margin:0 auto; padding:135px 20px 0;}
[data-main="case"] .title{position:relative; z-index:10; width:50%;}
[data-main="case"] .title em{display:inline-block; position:relative; font-size:90px; font-weight:500; line-height:1.1em; letter-spacing:-3px;}
[data-main="case"] .title p{margin-top:90px; font-size:30px; font-weight:600; letter-spacing:-1px;}
[data-main="case"] .title .btn_view{position:absolute; top:30px; left:370px;}
[data-main="case"] .title.is_motion em,
[data-main="case"] .title.is_motion p{opacity:0; transform:translateY(30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
[data-main="case"] .title.is_motion.motion_in em,
[data-main="case"] .title.is_motion.motion_in p{opacity:1; transform:translateY(0px);}
[data-main="case"] .title.is_motion.motion_in em{transition-delay:0.2s;}
[data-main="case"] .title.is_motion.motion_in p{transition-delay:0.4s;}
[data-main="case"] .list_case{position:relative; width:50%; padding-top:120px;}
.list_case .swiper{overflow:inherit;}
.list_case .swiper-slide{width:auto; margin-right:80px; transform:translateY(0); transition:transform 0.5s ease-out 0s;}
.list_case .swiper-slide .img{display:block; width:480px; height:347px;}
.list_case .swiper-slide .img img{object-fit:cover; width:100%; height:100%;}
.list_case .swiper-slide-active,
.list_case .swiper-slide-duplicate-active{transform:translateY(-130px);}
/*
.list_case .swiper-slide .img img{max-width:100%; max-height:400px;}
.list_case [data-swiper-slide-index]:nth-child(odd){padding-top:210px;}
.list_case [data-swiper-slide-index="2"],
.list_case [data-swiper-slide-index="4"],
.list_case [data-swiper-slide-index="6"]{padding-top:250px !important;}
*/
.list_case .title{display:block; margin-top:35px; font-size:20px;}
.list_case .swiper_bottom{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:absolute; bottom:0px; left:0px; z-index:10; transform:translateX(calc(-100% - 100px));}
.list_case .swiper_bottom button{opacity:0.3; width:30px; height:30px; background:transparent url(../images/main/img_arrow_slide02.svg) no-repeat 50% 50%; background-size:17px 28px; font-size:0px; transition:opacity 0.5s ease 0s;}
.list_case .swiper_bottom .swiper_prev{margin-top:-30px; margin-right:-30px; transform:rotate(-180deg);}
.list_case .swiper_bottom .swiper_next{margin-top:30px; margin-left:-30px;}
.list_case .swiper_bottom button:hover{opacity:1;}
.list_case .swiper_bottom .line{opacity:0.3; display:inline-block; width:100px; height:1px; background:#222; transform:rotate(-45deg);}
[lang="en"] [data-main="case"] .title p{font-size:25px;}

/* ad */
[data-main="ad"]{position:relative; height:100vh; height:calc(var(--vh, 1vh) * 100); box-sizing:border-box; padding-top:100px; padding-bottom:100px; background:url(../images/main/img_ad02.jpg) no-repeat 50% 0; background-size:cover;}
[data-main="ad"] .inr{max-width:1680px; margin:0 auto; padding:0 20px;}
[data-main="ad"] .obj_blank{display:block; position:absolute; top:-1px; right:0px; z-index:1; width:50%; height:calc(100% + 2px); background:#fff;}
[data-main="ad"] .flex_group{flex-wrap:nowrap; align-items:stretch; height:100%;}
[data-main="ad"] .flex_group .box01,
[data-main="ad"] .flex_group .box02{position:relative; z-index:5; width:50%; height:100%; box-sizing:border-box;}
[data-main="ad"] .flex_group .box01{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-end; padding-bottom:50px;}
[data-main="ad"] .flex_group .box01 em{display:block; font-size:55px; font-weight:700; color:#fff; line-height:1.3em;}
[data-main="ad"] .flex_group .box02{padding-top:100px;}
[data-main="ad"] .flex_group .box02 em{display:block; font-size:90px; font-weight:600; line-height:1.2em; letter-spacing:-3px; text-align:right;}
[data-main="ad"] .flex_group .box02 .btn{display:inline-block; position:absolute; bottom:0px; left:calc((100% / 7) * 3); font-size:16px; font-weight:600; letter-spacing:0px;}
[data-main="ad"] .flex_group .box02 .btn:after{content:''; display:inline-block; width:107px; height:106px; margin-left:-30px; margin-top:30px; background:url(../images/main/img_arrow_big.svg) no-repeat 50% 0; background-size:auto 100%; vertical-align:middle; transform:translate(0, 0); transition:transform 0.5s ease 0s;}
[data-main="ad"] .flex_group .box02 .btn:hover:after{transform:translate(10px, -10px);}
[data-main="ad"] .flex_group .obj_img{display:block; position:absolute; bottom:100px; left:50%; z-index:10; width:460px; height:484px; margin-left:-242px; box-shadow:0 46px 90px rgba(0,0,0,0.15);}
[data-main="ad"] .flex_group .obj_img img{object-fit:cover; width:100%; height:100%;}
	/* active */
[data-main="ad"].is_motion .obj_blank{transform:scaleX(0); transform-origin:100% 0; transition:transform 1.5s cubic-bezier(0.36, 0.26, 0.1, 0.95) 0s;}
[data-main="ad"].is_motion .box02{opacity:0; transition:opacity 0.9s ease 0s;}
[data-main="ad"].is_motion .obj_img{opacity:0; transform:translateY(30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
[data-main="ad"].is_motion.motion_in .box02{opacity:1; transition-delay:1.8s;}
[data-main="ad"].is_motion.motion_in .obj_blank{transform:scaleX(1); transition-delay:0.5s;}
[data-main="ad"].is_motion.motion_in .obj_img{opacity:1; transform:translateY(0px); transition-delay:2.5s, 2.5s;}
[data-main="ad"].is_motion.motion_in .hide_overUp span i{transform:translateY(0%); transition-delay:1.8s;}

/* news */
[data-main="news"]{padding:200px 0;}
[data-main="news"] h2{font-weight:600;}
[data-main="news"] .inr{max-width:1440px; margin:0 auto; padding:0 20px;}
.list_news{display:flex; flex-flow:row wrap; justify-content:center; align-items:stretch; margin-left:-53px; margin-top:90px;}
.list_news > li{overflow:hidden; position:relative; width:calc(100% / 4 - 53px); box-sizing:border-box; margin-left:53px; font-family:'Pretendard', Sans-serif;}
.list_news > li:before{content:''; display:block; position:absolute; bottom:0px; left:0px; width:100%; height:2px; background:#222;}
.list_news > li:after{content:'VIEW'; display:block; position:absolute; bottom:0px; left:0px; width:100%; height:35px; line-height:35px; box-sizing:border-box; padding:0 15px; background:#017cc2; font-size:12px; color:#b8d1df; font-weight:600; text-align:right; letter-spacing:0px; transform:scaleY(0); transform-origin:0 100%; transition:transform 0.5s ease 0s;}
.list_news > li > a{display:block; padding-bottom:70px;}
.list_news > li .img{display:block; width:100%; height:265px; background:#f4f4f4 url(../images/main/img_news03.jpg) no-repeat 50% 0; background-size:cover}
.list_news > li .img img{object-fit:cover; width:100%; height:100%;}
.list_news > li em{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; margin-top:35px; font-size:18px; font-weight:700; color:#000;}
.list_news > li p{display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; margin-top:10px; font-size:16px; color:#666;}
.list_news > li i{display:block; margin-top:30px; font-size:14px; color:#9f9f9f;}
.list_news > li:hover:after{transform:scaleY(1);}

/* link */
[data-main="link"]{padding:0px !important;}
[data-main="link"] .flex_group{width:100%;}
[data-main="link"] div[class*="box"]{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:50%; height:450px; box-sizing:border-box;}
[data-main="link"] div[class*="box"] a{overflow:hidden; display:flex; flex-flow:column wrap; justify-content:center; align-items:center; position:relative; width:100%; height:100%;}
[data-main="link"] div[class*="box"] a:before,
[data-main="link"] div[class*="box"] a:after{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
[data-main="link"] div[class*="box"] a:before{opacity:0.55; z-index:1; background:#000; transition:opacity 0.5s ease 0s;}
[data-main="link"] div[class*="box"] a:after{z-index:-1; background:url(../images/main/img_link01.jpg) no-repeat 50% 0; background-size:cover; transform:scale(1); transition:transform 0.5s ease 0s;}
[data-main="link"] div[class*="box"] a .inr{display:block; position:relative; z-index:5;}
[data-main="link"] div[class*="box"] a .inr > *{display:block; text-align:center; color:#fff;}
[data-main="link"] div[class*="box"] a .inr em{font-size:30px; font-weight:700; letter-spacing:0px;}
[data-main="link"] div[class*="box"] a .inr span{opacity:0.6; margin-top:25px; font-size:20px; font-weight:300; transition:opacity 0.5s ease 0s;}
[data-main="link"] div[class*="box"] a .inr i{margin:35px auto 0;}
[data-main="link"] div.box02 a:after{background-image:url(../images/main/img_link02.jpg);}
[data-main="link"] div[class*="box"] a:hover:before{opacity:0.7;}
[data-main="link"] div[class*="box"] a:hover .inr span{opacity:1;}
[data-main="link"] div[class*="box"] a:hover:after{transform:scale(1.05);}
[data-main="link"] div[class*="box"] a:hover .inr i:before{transform:rotate(45deg);}

@media screen and (min-width:1025px){
	/* system */
	.list_system.is_motion.motion_in > li{opacity:1; transform:translateY(0px);}
	.list_system.is_motion.motion_in > li:nth-of-type(1){transition-delay:0.2s, 0.2s;}
	.list_system.is_motion.motion_in > li:nth-of-type(2){transition-delay:0.35s, 0.35s;}
	.list_system.is_motion.motion_in > li:nth-of-type(3){transition-delay:0.45s, 0.45s;}
	.list_system.is_motion.motion_in > li:nth-of-type(4){transition-delay:0.55s, 0.55s;}
	.list_system.is_motion.motion_in > li:nth-of-type(5){transition-delay:0.65s, 0.65s;}

	/* certi */
	.list_certi.is_motion > li,
	.list_release.is_motion > li{opacity:0; transform:translateY(50px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
	.list_certi.is_motion.motion_in > li,
	.list_release.is_motion.motion_in > li{opacity:1; transform:translateY(0px);}
	.list_certi.is_motion.motion_in > li:nth-of-type(1),
	.list_release.is_motion.motion_in > li:nth-of-type(1){transition-delay:0.1s;}
	.list_certi.is_motion.motion_in > li:nth-of-type(2),
	.list_release.is_motion.motion_in > li:nth-of-type(2){transition-delay:0.2s;}
	.list_certi.is_motion.motion_in > li:nth-of-type(3),
	.list_release.is_motion.motion_in > li:nth-of-type(3){transition-delay:0.3s;}
	.list_certi.is_motion.motion_in > li:nth-of-type(4),
	.list_release.is_motion.motion_in > li:nth-of-type(4){transition-delay:0.4s;}
	.list_certi.is_motion.motion_in > li:nth-of-type(5),
	.list_release.is_motion.motion_in > li:nth-of-type(5){transition-delay:0.5s;}
	.list_certi.is_motion.motion_in > li:nth-of-type(6),
	.list_release.is_motion.motion_in > li:nth-of-type(6){transition-delay:0.6s;}
	.list_certi.is_motion.motion_in > li:nth-of-type(7),
	.list_release.is_motion.motion_in > li:nth-of-type(7){transition-delay:0.7s;}
	.list_certi.is_motion.motion_in > li:nth-of-type(8),
	.list_release.is_motion.motion_in > li:nth-of-type(8){transition-delay:0.8s;}
	.list_certi.is_motion.motion_in > li:nth-of-type(9),
	.list_release.is_motion.motion_in > li:nth-of-type(9){transition-delay:0.9s;}
	.list_certi.is_motion.motion_in > li:nth-of-type(10),
	.list_release.is_motion.motion_in > li:nth-of-type(10){transition-delay:1s;}
}

@media screen and (max-width:1800px){
	/* visual */
	.area_visual [data-visual="text"]{left:60px;}
	.area_visual .swiper_bottom{left:60px;}
	
	/* system */
	[data-main="system"].full > .inr{padding-left:30px; padding-right:60px;}
	
	/* best */
	.list_best .swiper_page{right:40px;}
	.list_best .swiper-slide .box .txt_right{right:40px;}
	.list_best .swiper_bottom{right:40px;}
	
	/* ad */
	[data-main="ad"] .flex_group .box01 em{font-size:3.0555555555555554vw/* 55px */;}
	[data-main="ad"] .flex_group .obj_img{bottom:auto; top:calc(50% - 100px); width:25.555555555555554vw/* 460px */; height:26.88888888888889vw/* 484px */; margin-left:-13.444444444444445vw/* 242px */;}
}

@media screen and (max-width:1700px){
	/* system */
	.list_system > li{flex:0 1 33%; margin-bottom:50px;}
}

@media screen and (max-width:1500px){
	/* visual */
	.area_visual [data-visual="text"] > em{font-size:4vw/* 60px */;}
	
	/* promotion */
	[data-main="promotion"] span[class*="obj"]{font-size:6.666666666666667vw/* 100px */;}	
	
	/* best */
	.list_best .swiper-slide .box{height:100vh; height:calc(var(--vh, 1vh) * 100); min-height:700px;}
	
	/* company */
	[data-main="company"] .flex_group > div{flex:0 1 33.33333333333333vw/* 500px */;}
	[data-main="company"] .flex_group div[class*="box"] .img{width:33.33333333333333vw/* 500px */; height:43.333333333333336vw/* 650px */;}
	[data-main="company"] .flex_group .box02{display:flex; flex-direction:column; align-items:flex-end;}
	[data-main="company"] .flex_group .box01 em{left:38vw/* 570px */; right:33.33333333333333vw/* 500px */; white-space:nowrap;}
	
	/* case */
	[data-main="case"] .title em{font-size:6vw/* 90px */;}
	[data-main="case"] .title p{font-size:2vw/* 30px */;}
	[data-main="case"] .title .btn_view{top:0.6666666666666667vw/* 10px */; left:24.666666666666668vw/* 370px */;}
	[lang="en"] [data-main="case"] .title p{font-size:1.6666666666666667vw/* 25px */;}
	
	/* ad */
	[data-main="ad"] .flex_group .box02 em{font-size:5.333333333333334vw/* 80px */;}
}

@media screen and (max-width:1300px){
	/* promotion */
	[data-main="promotion"] .obj_machine img,
	[data-main="promotion"] .obj_machine_end img{max-width:100%;}
	[data-main="promotion"] .obj_machine,
	[data-main="promotion"] .obj_machine_end{width:21.615384615384613vw/* 281px */; height:56.230769230769226vw/* 731px */;}
	
	/* system */
	[data-main="system"] h2 + p{word-break:keep-all;}
	[data-main="system"] h2 + p br{display:none;}
	
	/* company */
	[data-main="company"] .flex_group div[class*="box"] em{font-size:22px;}
	[data-main="company"] .flex_group div[class*="box"] a{padding-right:100px; margin-top:60px; font-size:22px;}
	[data-main="company"] .flex_group div[class*="box"] a .ico{width:70px; height:70px; margin-top:-35px;}
	
	/* news */
	.list_news{margin-left:-35px;}
	.list_news > li{width:calc(100% / 4 - 35px); margin-left:35px;}
	.list_news > li .img{height:210px;}
}

@media screen and (max-width:1200px){
	[data-main] h2.big{font-size:7.5vw/* 90px */;}
	
	/* visual */
	.area_visual [data-visual="text"] > i{font-size:18px;}
	.area_visual .swiper_page{font-size:1.6666666666666667vw/* 20px */;}
	.area_visual .swiper_page .swiper-pagination-current{font-size:4.583333333333333vw/* 55px */;}
	.area_visual .swiper_right{top:auto; bottom:100px; right:150px; transform:translateY(0);}
	
	/* best */
	.list_best .swiper-slide .box .txt_left{box-sizing:border-box; padding-left:40px; padding-bottom:70px;}
	.list_best .swiper-slide .box .txt_left em{font-size:7.5vw/* 90px */;}
	.list_best .swiper-slide .box .txt_left em + span{font-size:2.083333333333333vw/* 25px */;}
	.list_best .swiper-slide .box .txt_left p{font-size:1.6666666666666667vw/* 20px */;}
	.list_best .swiper-slide .box .txt_right{display:none;}
	.list_best .swiper-slide .box .txt_right p{font-size:2.5vw/* 30px */;}
	.list_best .swiper_bottom{right:auto; left:150px; bottom:85px;}
	.list_best .swiper_page{top:auto; right:auto; left:40px; bottom:80px;}
	.list_best .swiper-slide .img img{width:auto;}
	.list_best .swiper-slide .box .txt_left .btn_view{margin-top:30px;}
	
	/* case */
	[data-main="case"]:before{display:none;}
	[data-main="case"] .inr{flex-wrap:wrap; padding-top:30px;}
	[data-main="case"] .title{width:100%; margin-bottom:100px; text-align:center;}
	[data-main="case"] .title p{margin-top:35px;}
	[data-main="case"] .title em{font-size:5vw/* 60px */; word-break:keep-all;}
	[data-main="case"] .title em br{display:none;}
	[data-main="case"] .title .btn_view{position:relative; top:auto; left:auto; vertical-align:middle;}
	[data-main="case"] .list_case{width:100%;}
	.list_case .title{margin-top:15px; margin-bottom:50px; font-size:18px;}
	.list_case .swiper_bottom{transform:translateX(0);}
	/*
	.list_case [data-swiper-slide-index]:nth-child(odd){padding-top:6.666666666666667vw 80px;}
	.list_case [data-swiper-slide-index="2"],
	.list_case [data-swiper-slide-index="4"],
	.list_case [data-swiper-slide-index="6"]{padding-top:10vw !important 120px;}
	.list_case .swiper-slide .img img{max-height:33.33333333333333vw 400px ;} */
	.list_case .swiper-slide .img{display:block; width:40vw/* 480px */; height:28.916666666666668vw/*3 47px */;}
	
	/* link */
	[data-main="link"] div[class*="box"]{height:37.5vw/* 450px */;}
}

@media screen and (max-width:1024px){
	[data-main] h2.big{font-size:7.8125vw/* 80px */;}
	
	/* visual */
	.area_visual [data-visual="text"]{left:30px;}
	.area_visual .swiper_bottom{left:30px;}
	.area_visual [data-slideindex="01"] [data-visual="img"] i{background-position-x:100%;}
	.area_visual [data-slideindex="02"] [data-visual="img"] i{background-position-x:0;}
	.area_visual [data-slideindex="03"] [data-visual="img"] i{background-position-x:70%;}
	
	/* system */
	.list_system > li{flex:0 1 50%;}
	.list_system > li.is_motion.motion_in{opacity:1; transform:translateY(0px);}
	
	/* product */
	.list_product .swiper-slide{width:28.3203125vw/* 290px */; margin:0 15px;}
	.list_product .swiper-slide a{padding-top:20px; padding-bottom:40px;}
	.list_product .img{height:30.56640625vw/* 313px */;}
	.list_product .swiper-slide .title{font-size:16px; line-height:1.2em;}
	
	/* certi */
	.list_certi > li.is_motion,
	.list_release > li.is_motion{opacity:0; transform:translateY(50px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
	.list_certi > li.is_motion.motion_in,
	.list_release > li.is_motion.motion_in{opacity:1; transform:translateY(0px);}
	.list_certi .img{width:71px; height:71px;}
	.list_release span{width:120px;}
	.list_release br{display:none;}
	
	/* video */
	[data-main="vedio"] .box .btn{right:10px; top:0px;}
	[data-main="vedio"] .box .btn a.btn_video_stop{background-image:url(../images/main/btn_video_stop@x2.png);}
	[data-main="vedio"] .box .btn a.btn_video_play{background-image:url(../images/main/btn_video_play@x2.png);}
	[data-main="vedio"] .box .btn a{width:47px; height:44px;}
	[data-main="vedio"] .obj_bg{height:35%;}
	[data-main="vedio"] .obj_text{margin-top:-5.37109375vw; font-size:6.8359375vw/* 70px */;}
	
	/* best */
	.list_best .swiper-slide .box{height:68.359375vw/* 700px */; min-height:inherit;}
	.list_best .swiper-slide .box .txt_left em{font-size:6.8359375vw/* 70px */;}
	.list_best .swiper-slide .box .txt_left em + span{margin-bottom:4.8828125vw/* 50px */; font-size:20px;}
	.list_best .swiper-slide .box .txt_left p{font-size:16px;}
	.list_best .swiper_bottom{bottom:8.30078125vw/* 85px */;}
	.list_best .swiper_page{bottom:7.8125vw/* 80px */;}
	
	/* company */
	[data-main="company"] .flex_group > div{flex:0 1 40%;}
	[data-main="company"] .flex_group div[class*="box"] .img{width:100%; height:53.125vw/* 544px */;}
	[data-main="company"] .flex_group .box01 em{left:114%; right:100%;}
	[data-main="company"] .flex_group div[class*="box"] a{padding-right:80px; font-size:20px;}
	[data-main="company"] .flex_group div[class*="box"] a .ico{width:55px; height:55px; margin-top:-27.5px;}
	
	/* case */	
	[data-main="case"] .list_case{padding-top:100px;}
	.list_case .swiper-slide-active,
	.list_case .swiper-slide-duplicate-active{transform:translateY(-90px);}
	
	/* ad */
	[data-main="ad"]{padding-top:50px; padding-bottom:50px;}
	[data-main="ad"] .obj_blank{top:auto; bottom:-1px; width:100%; height:50%;}
	[data-main="ad"] .flex_group{flex-wrap:wrap;}
	[data-main="ad"] .flex_group .box01,
	[data-main="ad"] .flex_group .box02{width:100%; height:50%;}
	[data-main="ad"] .flex_group .box01 em{text-shadow:0 0px 15px rgba(0,0,0,0.15);}
	[data-main="ad"] .flex_group .box01 em br{display:none;}
	[data-main="ad"] .flex_group .box02 em{text-align:left;}
	[data-main="ad"] .flex_group .obj_img{left:auto; right:30px; width:25.5859375vw/* 262px */; height:26.85546875vw/* 275px */; margin-left:0; margin-top:-13.427734375vw/* -137.5px */;}
	[data-main="ad"] .flex_group .obj_img{top:50%;}
	[data-main="ad"] .flex_group .box02 em.hide_overUp span{display:block;}
	[data-main="ad"] .flex_group .box02 .btn{font-size:15px;}
	[data-main="ad"] .flex_group .box02 .btn:after{width:75px; height:74px;}
	
	/* news */
	.list_news{margin-left:-25px;}
	.list_news > li{width:calc(100% / 4 - 25px); margin-left:25px;}
	.list_news > li p{font-size:14px;}
	.list_news > li > a{padding-bottom:50px;}
	.list_news > li .img{height:15.625vw/* 160px */;}
	
	/* link */
	[data-main="link"] div[class*="box"]{height:34.1796875vw/* 350px */;}
	[data-main="link"] div[class*="box"] a .inr span{opacity:0.8; margin-top:10px; font-size:16px;}
	[data-main="link"] div[class*="box"] a .inr > .btn_view{width:50px; height:50px;}
	[data-main="link"] div[class*="box"] a .inr > .btn_view:before{width:21px; height:17px; margin:-8.5px 0 0 -10.5px;}
}

@media screen and (max-width:768px){
	[data-main]{padding:100px 0px;}
	[data-main].full > .inr{padding:100px 0px;}
	[data-main] h2{font-size:7.161458333333333vw/* 55px */;}
	[data-main] h2 + p{font-size:2.604166666666667vw/* 20px */;}
	[data-main] h2.big{font-size:9.114583333333332vw/* 70px */;}
	
	.btn_view{width:50px; height:50px;}
	.btn_view:before{width:21px; height:17px; margin:-8.5px 0 0 -10.5px;}
	
	/* visual */
	.area_visual .swiper_page{font-size:15px;}
	.area_visual .swiper_page .swiper-pagination-current{font-size:25px;}
	.area_visual .swiper_right{right:100px;}
	.area_visual .swiper_bottom button{width:60px; height:60px;}
	.area_visual [data-visual="text"] > em{font-size:4.947916666666666vw/* 38px */;}
	.area_visual [data-slideindex="01"] [data-visual="img"] i{background-position-x:90%;}
	
	/* system */
	[data-main="system"].full > .inr{padding-left:20px; padding-right:20px;}
	.list_system > li .img{width:194px; height:274px;}
	.list_system > li em{font-size:25px; letter-spacing:-0.5px;}
	.list_system > li em small{font-size:17px;}
	.list_system > li p{font-size:16px; text-align:center;}
	
	/* promotion */
	[data-main="promotion"] .fix_text{padding-top:100px;}
	[data-main="promotion"] .obj_machine,
	[data-main="promotion"] .obj_machine_end{width:200px; height:520px;}
	
	/* best */
	.list_best .swiper_page .swiper-pagination-current{font-size:20px;}	
	.list_best .swiper_page{font-size:13px;}
	.list_best .swiper_bottom button.swiper_prev{margin-right:15px;}
	.list_best .swiper-slide .box{height:78.125vw/* 600px */;}
	
	/* video */
	[data-main="vedio"] .box span[class*="move_"]{display:none;}
	
	/* certi */
	[data-main="certi"] h3{font-size:5.859375vw/* 45px */;}
	[data-main="certi"].full > .inr:nth-of-type(1){padding-bottom:50px;}
	.list_certi{margin-top:45px;}
	.list_certi > li{flex:0 1 61px; margin:0 15px 35px;}
	.list_certi .img{width:61px; height:61px;}
	.list_release > li{margin:0 15px 35px;}
	.list_release{margin-top:45px;}
	
	/* company */
	[data-main="company"] .inr{margin-top:80px;}
	[data-main="company"] .flex_group{flex-wrap:wrap;}
	[data-main="company"] .flex_group div[class*="box"] em{font-size:20px;}
	[data-main="company"] .flex_group div[class*="box"] .img{width:58.59375vw/* 450px */; height:78.125vw/* 600px */;}
	[data-main="company"] .flex_group > div{flex:0 1 0; width:58.59375vw/* 450px */;}
	[data-main="company"] .flex_group .box02{margin-top:150px; margin-left:auto;}
	
	/* case */
	[data-main="case"] .title p{margin-top:15px;}
	[data-main="case"] .title em{font-size:5.208333333333334vw/* 40px */;}
	.list_case .swiper_bottom .line{width:70px;}
	.list_case .swiper_bottom .swiper_next{margin-left:0px;}
	.list_case .swiper_bottom .swiper_prev{margin-right:0px;}
	.list_case .swiper-slide{margin-right:40px;}
	[data-main="case"] .list_case{padding-top:70px;}
	.list_case .swiper-slide-active,
	.list_case .swiper-slide-duplicate-active{transform:translateY(-70px);}
	[lang="en"] [data-main="case"] .title p{font-size:16px;}
	
	/* ad */
	[data-main="ad"]{min-height:500px; padding-top:0; padding-bottom:0px;}
	[data-main="ad"] .flex_group .box01{align-items:center;}
	[data-main="ad"] .flex_group .box01 em{font-size:3.90625vw/* 30px */; letter-spacing:0px;}
	[data-main="ad"] .flex_group .box02 em{font-size:7.8125vw/* 60px */;}
	[data-main="ad"] .flex_group .box02 .btn{bottom:50px;}
	
	/* news */
	.list_news{margin-left:-35px; margin-top:60px;}
	.list_news > li{width:calc(100% / 2 - 35px); margin-bottom:40px; margin-left:35px;}
	.list_news > li > a{padding-bottom:30px;}
	.list_news > li .img{height:32.55208333333333vw/* 250px */;}
	.list_news > li:nth-of-type(2) ~ li{display:none;}
	
	/* link */
	[data-main="link"] div[class*="box"]{height:39.0625vw/* 300px */;}
	[data-main="link"] div[class*="box"] a .inr i{margin-top:15px;}
	[data-main="link"] div[class*="box"] a .inr em{font-size:25px;}
	[data-main="link"] div[class*="box"] a .inr span{font-size:14px;}
}

@media screen and (max-width:620px){
	/* system */
	.list_system > li .img{width:169px; height:239px;}
	.list_system > li p{font-size:14px;}

	/* case */
	[data-main="case"] .title{margin-bottom:50px;}
}

@media screen and (max-width:560px){
	[data-main] h2 + p{font-size:18px;}
	[data-main] h2.big{font-size:10.714285714285714vw/* 60px */;}
	
	/* visual */
	.area_visual [data-slideindex="02"] [data-visual="img"] i{background-position-x:90%;}
	.area_visual [data-slideindex="03"] [data-visual="img"] i{background-position-x:70%;}
	
	/* promotion */
	[data-main="promotion"] span[class*="obj"]{padding:10px 0px; font-size:50px; line-height:1.1em;}
	[data-main="promotion"] span.obj01{padding-left:0px; text-align:center;}
	[data-main="promotion"] span.obj02{padding-right:0px; text-align:center;}
	
	/* system */
	.list_system > li{flex:0 1 auto; width:calc(100% / 2); padding:0 10px;}
	.list_system > li em{font-size:20px;}
	.list_system > li em small{font-size:14px;}
	
	/* product */
	.list_product{margin-top:30px;}
	.list_product .swiper-slide p{font-size:14px;}
	.list_product .swiper-slide{width:220px;}
	.list_product .img{height:237px;}
	
	/* best */
	.list_best .swiper-slide .box{height:450px;}
	.list_best .swiper-slide .box .txt_left{padding-left:20px;}
	.list_best .swiper_page{left:30px;}
	.list_best .swiper_bottom{left:120px;}
	.list_best .swiper-slide .box{overflow:hidden;}
	.list_best .swiper-slide .box .txt_left em{font-size:40px;}
	.list_best .swiper-slide .box .txt_left em + span{margin-bottom:15px; font-size:16px;}
	.list_best .swiper-slide .box .txt_left p{font-size:14px;}
	.list_best .swiper-slide .img{left:30%;}
	.list_best .swiper-slide .img img{width:100%;}
	.list_best [data-slideindex="01"]{background-color:#f1ece6;}
	.list_best [data-slideindex="02"]{background-color:#e5f0f6;}
	
	/* certi */
	[data-main="certi"] h3{font-size:7.142857142857142vw/* 40px */;}
	
	/* company */
	[data-main="company"] .flex_group > div{flex:auto; width:100%;}
	[data-main="company"] .flex_group div[class*="box"] a{margin-top:40px; font-size:18px;}
	[data-main="company"] .flex_group div[class*="box"] .img{width:100%; height:71.42857142857143vw/* 400px */;}
	[data-main="company"] .flex_group div[class*="box"] em{font-size:16px;}
	[data-main="company"] .flex_group .box01 em{left:95%; top:20px;}
	[data-main="company"] .flex_group .box02{margin-top:100px;}
	[data-main="company"] .flex_group .box02 em{position:absolute; left:20px; top:20px; margin-bottom:0px; text-align:left;}
	
	/* case */
	[data-main="case"] .title{margin-bottom:60px;}
	[data-main="case"] .title .btn_view{margin-left:10px;}
	[data-main="case"] .title p{margin-top:5px; font-size:16px;}
	[data-main="case"] .title em{letter-spacing:-2px;}
	.list_case .title{font-size:16px;}
	.list_case .swiper-slide{margin-right:30px;}
	.list_case .swiper_bottom button{background-size:14px 22px;}
	.list_case .swiper_bottom .line{width:50px;}
	/* .list_case .swiper-slide .img img{max-height:44.642857142857146vw 250px ;}*/
	[data-main="case"] .list_case{padding-top:50px;}
	.list_case .swiper-slide-active,
	.list_case .swiper-slide-duplicate-active{transform:translateY(-50px);}
	[lang="en"] [data-main="case"] .title p br{display:none;}
	
	/* ad */
	[data-main="ad"]{height:550px;}
	[data-main="ad"] .flex_group .obj_img{right:20px; width:35.714285714285715vw/* 200px */; height:37.5vw/* 210px */; margin-top:-18.75vw/* -105px */;}
	[data-main="ad"] .flex_group .box02 .btn{right:20px; left:auto; bottom:0px;}
	[lang="en"] [data-main="ad"] .flex_group .box02 em{letter-spacing:-0.5px;}
	
	/* link */
	[data-main="link"] div[class*="box"]{width:100%; height:auto;}
	[data-main="link"] div[class*="box"] a{padding:40px 0px;}
}

@media screen and (max-width:420px){
	[data-main] h2{font-size:9.523809523809524vw/* 40px */;}
	[data-main] h2 + p{font-size:16px;}
	[data-main] h2.big{font-size:11.904761904761903vw/* 50px */;}
	
	/* visual */
	.area_visual{min-height:640px;}
	.area_visual [data-visual="text"]{left:20px;}
	.area_visual [data-visual="text"] > i{font-size:16px;}
	.area_visual [data-visual="text"] > em{padding-right:20px; font-size:8.333333333333332vw/* 35px */; word-break:keep-all;}
	.area_visual [data-visual="text"] > em span > i > i:after{height:2px;}
	.area_visual .swiper_bottom{left:20px; bottom:70px;}
	.area_visual .swiper_right{right:80px; bottom:90px;}
	.area_visual [data-slideindex="01"] [data-visual="img"] i{background-position-x:85%;}
	.area_visual [data-slideindex="02"] [data-visual="img"] i{background-position-x:85%;}
	.area_visual [data-slideindex="03"] [data-visual="img"] i{background-position-x:75%;}
	.area_visual [data-visual="text"] > em span,
	.area_visual [data-visual="text"].active > em > span > i{display:inline;}
	.area_visual [data-visual="text"] > em{opacity:0; transform:translateY(50px); transition:opacity 1s ease 0s, transform 1s cubic-bezier(0.36, 0.26, 0.1, 0.95) 0s;}
	.area_visual [data-visual="text"].active > em{opacity:1; transform:translateY(0);}
	
	/* promotion */
	[data-main="promotion"] .obj_machine,
	[data-main="promotion"] .obj_machine_end{width:160px; height:416px;}
	[data-main="promotion"] span[class*="obj"]{font-size:40px;}
	
	/* system */
	[data-main="system"]{margin-top:-50px;}
	.list_system{margin-top:50px;}
	.list_system > li{width:100%; padding:0px;}
	.list_system > li:last-child{margin-bottom:0px;}
	.list_system > li .img{width:145px; height:205px;}
	.list_system > li p{text-align:left;}
	
	/* best */
	.list_best .swiper-slide .img{left:45%;}
	
	/* video */
	[data-main="vedio"] .box{margin-top:50px;}
	
	/* certi */
	[data-main="certi"].full > .inr{padding-left:20px; padding-right:20px;}
	[data-main="certi"] h3{font-size:8.333333333333332vw/* 35px */;}
	[data-main="certi"] h2 + p{word-break:keep-all;}
	[data-main="certi"] h2 + p br{display:none;}
	.list_certi > li{margin:0 5px 35px;}
	.list_certi .img{width:51px; height:51px;}
	.list_release{display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
	.list_release > li{flex:0 1 90px; margin:0 5px 35px;}
	.list_release span{width:90px;}
	
	/* company */
	[data-main="company"] .flex_group .box01 em{left:20px; top:20px; transform:rotate(0deg);}
	
	/* case */
	[data-main="case"] .title em{font-size:6.666666666666667vw/* 28px */;}
	.list_case .title{margin-bottom:20px; font-size:15px;}
	.list_case .swiper_bottom{position:static;}
	.list_case .swiper-slide{margin-right:20px;}
	.list_case .swiper-slide .img{width:59.523809523809526vw/* 250px */; height:43.095238095238095vw/* 181px */;}
	
	/* ad */
	[data-main="ad"]{height:450px;}
	[data-main="ad"] .flex_group .box01 em{font-size:18px;}
	[data-main="ad"] .flex_group .box02 .btn{font-size:13px;}
	[data-main="ad"] .flex_group .box02 .btn:after{width:60px; height:59px; margin-top:20px;}
	[data-main="ad"] .flex_group .box02 em{font-size:8.333333333333332vw/* 35px */;}
	[data-main="ad"] .flex_group .obj_img{width:150px; height:160px; margin-top:-80px;}
	
	/* news */
	[data-main="news"]{padding-top:130px;}
	.list_news{margin-left:-25px; margin-top:40px;}
	.list_news > li{width:calc(100% / 2 - 25px); margin-left:25px;}
	.list_news > li em{margin-top:30px; font-size:16px;}
	
	/* link */
	[data-main="link"] div[class*="box"] a{padding:30px 0px;}
}

@media screen and (max-width:360px){
	/* promotion */
	[data-main="promotion"] span[class*="obj"]{font-size:35px;}
	[data-main="promotion"] .obj_machine,
	[data-main="promotion"] .obj_machine_end{width:140px; height:364px;}
	
	/* system */
	[data-main="system"]{overflow:hidden;}
	
	/* product */
	.list_product .swiper-slide{width:200px;}
	.list_product .img{height:215px;}
	
	/* best */
	.list_best .swiper-slide .img{left:50%;}
	
	/* certi */
	.list_certi > li{flex:0 1 55px;}
	.list_release > li{flex:0 1 70px;}
	.list_release span{width:70px;}
	
	/* case */
	.list_case .swiper-slide{margin-right:20px;}
	.list_case .swiper-slide .img img{max-height:69.44444444444444vw/* 250px */;}
	[data-main="case"] .title p{word-break:keep-all;}
	[data-main="case"] .title p br{display:none;}
	
	/* news */
	.list_news > li{width:calc(100% - 25px);}
	.list_news > li .img{height:58.333333333333336vw/* 210px */;}
	
	/* link */
	[data-main="link"] div[class*="box"] a .inr em{font-size:22px;}
}

@media screen and (max-width:320px){
	/* visual */
	.area_visual .swiper_bottom button{width:50px; height:50px;}
	.area_visual .swiper_bottom{bottom:50px;}
	.area_visual .swiper_right{right:55px; bottom:60px;}
	
	/* system */
	.list_system > li p{text-align:center;}
	
	/* product */
	.list_product .swiper-slide{width:180px;}
	.list_product .img{height:194px;}
	
	/* best */
	.list_best .swiper-slide .img{left:0;}
	.list_best .swiper-slide .box{color:#fff;}
	.list_best .swiper-slide .box:before{content:''; opacity:0.3; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000;}
	.list_best .btn_view{border-color:#fff;}
	.list_best .btn_view:before{background-image:url(/images/main/img_link_arrow_w.svg);}
	.list_best .swiper_page{color:#fff;}
	.list_best .swiper_page .line{background-color:#fff;}
	.list_best .swiper_bottom button{background-image:url(/images/main/img_arrow_slide_w.svg);}
	.list_best .swiper-slide .box .txt_left p br{display:none;}
	
	/* company */
	[data-main="company"] .inr{margin-top:60px;}
	[data-main="company"] .flex_group div[class*="box"] em{font-size:12px;}
	[data-main="company"] .flex_group div[class*="box"] a{margin-top:20px; padding-right:50px; font-size:16px;}
	[data-main="company"] .flex_group div[class*="box"] a .ico{width:40px; height:40px; margin-top:-20px;}
	[data-main="company"] .flex_group div[class*="box"] a .ico:before{width:21px; height:17px; margin:-8.5px 0 0 -10.5px;}
	[data-main="company"] .flex_group .box02{margin-top:80px;}
	
	/* ad */
	[data-main="ad"] .flex_group .box02 em{font-size:9.375vw/* 30px */;}
	[data-main="ad"] .flex_group .box02 .btn{right:0px;}
}