@charset "UTF-8";
#fv{position:relative;}
#fv_pt{overflow:hidden;position:relative;width:100%;height:100%;}
#fv_img img,#fv_efs img{height:100%;object-fit:cover;object-position:center;}
#fv_img{position:absolute;top:0;left:0;width:100%;height:100%;}
#fv_efs .fv_efs_it{position:absolute;}
#fv_efs .fv_efs_it img{-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
#fv_efs .fv_efs_it.no1,#fv_efs .fv_efs_it.no3{-webkit-transform:rotate(161deg);-moz-transform:rotate(161deg);-ms-transform:rotate(161deg);-o-transform:rotate(161deg);transform:rotate(161deg);}
#fv_efs .fv_efs_it.no2,#fv_efs .fv_efs_it.no4{-webkit-transform:rotate(-19deg);-moz-transform:rotate(-19deg);-ms-transform:rotate(-19deg);-o-transform:rotate(-19deg);transform:rotate(-19deg);}
#fv_efs:not(.show) .fv_efs_it img{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);}
#fv_efs.show .fv_efs_it img{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);}
#fv_hd{position:absolute;color:#fff;font-weight:bold;letter-spacing:.5px;filter:drop-shadow(1px 1px 1px 0 rgba(0,0,0,.25));-webkit-font-smoothing:auto;-webkit-font-smoothing:auto;}
@media screen and (max-width: 1024px){#fv{max-height:123.73333333333333vw;height:100vh;margin-bottom:-3.2vw;padding-top:clamp(0px, 13.866666666666665vw, 52px);}
#fv_hd{bottom:clamp(0px, 12.266666666666666vw, 46px);left:clamp(0px, 5.333333333333334vw, 20px);font-size:7.466666666666668vw;line-height:10.133333333333333vw;}
#fv_efs .fv_efs_it.no1{top:-7.199999999999999vw;left:2.106666666666667vw;width:112.79999999999998vw;height:3.413333333333334vw;}
#fv_efs .fv_efs_it.no2{top:16.53333333333333vw;left:-24vw;width:83.2vw;height:13.333333333333334vw;}
#fv_efs .fv_efs_it.no3{right:-28.26666666666667vw;bottom:14.399999999999999vw;width:72vw;height:13.333333333333334vw;}
#fv_efs .fv_efs_it.no4{right:3.386666666666666vw;bottom:-3.466666666666666vw;width:73.80266666666667vw;height:2.952vw;}}
@media screen and (min-width: 1025px){#fv{max-height:39.97071742313324vw;height:100vh;margin-bottom:-1.171303074670571vw;}
#fv_efs .fv_efs_it.no1{top:43.92px;left:58.47px;width:520px;height:20px;}
#fv_efs .fv_efs_it.no2{top:156px;left:-62px;width:444.49px;height:80px;}
#fv_efs .fv_efs_it.no3{right:-43.87px;bottom:94px;width:360px;height:100px;}
#fv_efs .fv_efs_it.no4{right:62.87px;bottom:25px;width:280px;height:20px;}
#fv_hd{bottom:clamp(0px, 5.27086383601757vw, 72px);left:clamp(0px, 4.685212298682284vw, 64px);font-size:clamp(0px, 3.513909224011713vw, 48px);line-height:clamp(0px, 4.099560761346998vw, 56px);}}
#news{overflow:hidden;position:relative;z-index:2;background-color:#fff;}
#news_tt{padding-top:0;padding-bottom:0;}
#news_list .news_it_tt_txt::after{background-color:#fff;}
#news_contact .news_contact_lk.reference{background:-webkit-linear-gradient(left, #2789f9, #2789f9, #2789f9, #40aff9, #0b46d1);background:-moz-linear-gradient(left, #2789f9, #2789f9, #2789f9, #40aff9, #0b46d1);background:-o-linear-gradient(left, #2789f9, #2789f9, #2789f9, #40aff9, #0b46d1);background:-ms-linear-gradient(left, #2789f9, #2789f9, #2789f9, #40aff9, #0b46d1);background:linear-gradient(to right, #2789f9, #2789f9, #2789f9, #40aff9, #0b46d1);background-position:left;background-size:400% 100%;}
#news_contact .news_contact_lk.reference:hover{background-position:right;}
@media screen and (max-width: 1024px){#news{padding-top:clamp(0px, 10.133333333333333vw, 38px);padding-bottom:clamp(0px, 12.8vw, 48px);border-radius:clamp(0px, 3.2vw, 12px);}
#news_list{margin-top:clamp(0px, 5.866666666666666vw, 22px);}
#news_tt_txt{font-size:clamp(0px, 4.8vw, 18px);line-height:clamp(0px, 8vw, 30px);}
#news_more{margin-top:clamp(0px, 5.866666666666666vw, 22px);}
#news_more .circle_arrow{width:clamp(0px, 7.466666666666668vw, 28px);height:clamp(0px, 7.466666666666668vw, 28px);margin-left:clamp(0px, 3.2vw, 12px);}
#news_contact{margin-top:clamp(0px, 8.533333333333333vw, 32px);}
#news_contact .news_contact_lk{margin:0 auto;}
#news_contact .news_contact_lk:not(:first-child){margin-top:clamp(0px, 2.666666666666667vw, 10px);}}
@media screen and (min-width: 1025px){#news{padding-top:54px;padding-bottom:64px;border-radius:12px;}
#news_inner{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-align:start;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#news_tt_txt{font-size:22px;line-height:30px;}
#news_list{width:clamp(0px, 58.565153733528554vw, 800px);margin-top:30px;}
#news_list .news_it_tt{width:586px;margin-left:16px;}
#news_more{margin-top:30px;}
#news_contact{padding-top:10px;}
#news_contact .news_contact_lk:not(:first-child){margin-top:16px;}}
#method{position:relative;z-index:1;background:-webkit-linear-gradient(top, #f0f3fa 0%, #d0e4ff 100%);background:-moz-linear-gradient(top, #f0f3fa 0%, #d0e4ff 100%);background:-o-linear-gradient(top, #f0f3fa 0%, #d0e4ff 100%);background:-ms-linear-gradient(top, #f0f3fa 0%, #d0e4ff 100%);background:linear-gradient(to bottom, #f0f3fa 0%, #d0e4ff 100%);}
#method_inner{overflow:hidden;}
#method_video{position:relative;}
#method_video_scroll_inner{overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;}
#method_video_scroll_inner::-webkit-scrollbar{display:none;}
#method_video_scroll_inner:hover{cursor:grab;}
#method_video_scroll_inner.dragging{cursor:grabbing;}
#method_video_scroll_inner.dragging a{pointer-events:none;}
#method_video_scroll_btn .method_video_scroll_btn{z-index:2;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
#method_video_scroll_btn .method_video_scroll_btn:not(.disabled){cursor:pointer;}
#method_video_scroll_btn .method_video_scroll_btn:not(.disabled):hover{background-color:#0031a2;}
#method_video_scroll_btn .method_video_scroll_btn.disabled{opacity:.4;pointer-events:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);}
#method_video_scroll_btn .method_video_scroll_btn .arrow{width:calc(10 / 42 * 100%);}
#method_video_list{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;width:max-content;}
#method_video_list .method_video_it_pt{overflow:hidden;position:relative;cursor:pointer;}
#method_video_list .method_video_it_pt::before,#method_video_list .method_video_it_pt::after{position:absolute;z-index:1;content:"";}
#method_video_list .method_video_it_pt::before{top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;-o-transition:.6s;transition:.6s;}
#method_video_list .method_video_it_pt::after{top:50%;left:50%;background:url("../images/play_btn.png") no-repeat center/contain;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#method_video_list .method_video_it_img,#method_video_list .method_video_it_img img{width:100%;height:100%;object-fit:cover;object-position:center;}
#method_video_list .method_video_it_img img,#method_video_list .method_video_it_img img img{pointer-events:none;}
#method_video_list .method_video_it_tt{font-weight:bold;}
#method_video_list .method_video_it:hover .method_video_it_pt::before{background:rgba(0,0,0,0);}
#method_list .method_it_lk{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;flex-direction:column;background-color:#fff;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-ms-flex-align:start;-webkit-flex-direction:column;-ms-flex-direction:column;}
#method_list .method_it_lk:hover{-webkit-box-shadow:6px 6px 12px 0 rgba(11,70,209,.1);box-shadow:6px 6px 12px 0 rgba(11,70,209,.1);}
#method_list .method_it_pt{position:relative;background:-webkit-radial-gradient(circle, #f0f3fa 0%, #d0e4ff 100%);background:-moz-radial-gradient(circle, #f0f3fa 0%, #d0e4ff 100%);background:-o-radial-gradient(circle, #f0f3fa 0%, #d0e4ff 100%);background:-ms-radial-gradient(circle, #f0f3fa 0%, #d0e4ff 100%);background:radial-gradient(circle, #f0f3fa 0%, #d0e4ff 100%);-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;-o-transition:.6s;transition:.6s;}
#method_list .method_it_img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#method_list .method_it_img img{-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;-o-transition:.6s;transition:.6s;}
#method_list .method_it_tt{font-weight:bold;}
#method_list .method_it_lk{overflow:hidden;}
#method_list .method_it_lk:hover .method_it_pt{-webkit-box-shadow:inset 0 0 80px 20px rgba(0,101,217,.15);box-shadow:inset 0 0 80px 20px rgba(0,101,217,.15);}
#method_list .method_it_lk:hover .method_it_img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
#method_list .method_it .circle_arrow{margin-top:auto;margin-left:auto;}
#method_video_modal{display:none;position:fixed;z-index:200;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);-webkit-align-items:center;align-items:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-align:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
#method_video_modal_content{position:relative;max-width:100%;width:600px;height:336.53px;}
#method_video_modal_iframe{width:100%;height:100%;}
#method_video_modal_iframe iframe{width:100%;height:100%;object-fit:contain;object-position:center;}
#method_video_modal_close{position:absolute;top:-50px;right:0;width:39px;height:39px;border-radius:50%;background-color:#0b46d1;cursor:pointer;}
#method_video_modal_close::before{position:absolute;top:50%;left:50%;width:calc(25 / 39 * 100%);height:calc(25 / 39 * 100%);background:url("../images/x_mark.png") no-repeat center/contain;content:"";-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
@media screen and (max-width: 600px){#method_list .method_it{width:100%;}
#method_list .method_it:not(:first-child){margin-top:clamp(0px, 6.4vw, 24px);}
#method_list .method_it .circle_arrow{margin-top:clamp(0px, 3.2vw, 12px);}}
@media screen and (min-width: 601px){#method_list{display:grid;gap:clamp(0px, 2.928257686676428vw, 40px);}
#method_list .method_it_lk{height:406px;}}
@media screen and (min-width: 601px) and (max-width: 1023px){#method_list{grid-template-columns:repeat(2, 1fr);}}
@media screen and (min-width: 1023px){#method_list .method_it_target span{display:inline-block;}}
@media screen and (max-width: 1024px){#method{margin-top:clamp(-12px, -3.2vw, 0px);margin-bottom:clamp(-12px, -3.2vw, 0px);padding-top:clamp(0px, 20.533333333333335vw, 77px);padding-bottom:clamp(0px, 20.8vw, 78px);}
#method_tt_txt{font-size:clamp(0px, 5.866666666666666vw, 22px);line-height:clamp(0px, 8vw, 30px);}
#method_video_scroll_inner{margin:0 clamp(-20px, -5.333333333333334vw, 0px);}
#method_video_scroll_btn{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;margin-top:clamp(0px, 5.333333333333334vw, 20px);-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;gap:clamp(0px, 3.2vw, 12px);-webkit-justify-content:flex-end;justify-content:flex-end;}
#method_video_scroll_btn .method_video_scroll_btn{position:relative;width:clamp(0px, 11.200000000000001vw, 42px);height:clamp(0px, 11.200000000000001vw, 42px);-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
#method_video_list{padding:0 clamp(0px, 5.333333333333334vw, 20px);gap:clamp(0px, 5.333333333333334vw, 20px);}
#method_video_list .method_video_it_pt{width:clamp(0px, 64vw, 240px);height:clamp(0px, 36vw, 135px);border-radius:clamp(0px, 2.133333333333333vw, 8px);}
#method_video_list .method_video_it_pt::after{width:clamp(0px, 8.533333333333333vw, 32px);height:clamp(0px, 8.533333333333333vw, 32px);}
#method_video_list .method_video_it_tt{margin-top:clamp(0px, 2.666666666666667vw, 10px);font-size:clamp(0px, 4.266666666666667vw, 16px);line-height:clamp(0px, 6.4vw, 24px);}
#method:has(#method_video) #method_top{margin-top:clamp(0px, 5.600000000000001vw, 21px);}
#method_top{padding-bottom:0;}
#method_list{margin-top:clamp(0px, 6.4vw, 24px);}
#method_list .method_it_lk{width:100%;padding:clamp(0px, 6.4vw, 24px);border-radius:clamp(0px, 2.666666666666667vw, 10px);}
#method_list .method_it_pt{width:100%;height:clamp(0px, 51.2vw, 192px);border-radius:clamp(0px, 2.133333333333333vw, 8px);}
#method_list .method_it_img.no1{width:clamp(0px, 37.6vw, 141px);}
#method_list .method_it_img.no2{width:clamp(0px, 31.466666666666665vw, 118px);}
#method_list .method_it_img.no3{width:clamp(0px, 35.733333333333334vw, 134px);}
#method_list .method_it_img.no4{width:clamp(0px, 43.2vw, 162px);}
#method_list .method_it_img.no5{width:clamp(0px, 29.333333333333332vw, 110px);}
#method_list .method_it_info{margin-top:clamp(0px, 3.733333333333334vw, 14px);}
#method_list .method_it_tt{font-size:clamp(0px, 5.333333333333334vw, 20px);line-height:clamp(0px, 8.533333333333333vw, 32px);}
#method_list .method_it_target{margin-top:clamp(0px, 1.333333333333333vw, 5px);font-size:clamp(0px, 4.266666666666667vw, 16px);line-height:clamp(0px, 6.4vw, 24px);}
#method_list .method_it .circle_arrow{width:clamp(0px, 6.933333333333333vw, 26px);height:clamp(0px, 6.933333333333333vw, 26px);}
#method .more_lk{left:clamp(-10px, -2.666666666666667vw, 0px);margin-top:clamp(0px, 8.533333333333333vw, 32px);margin-right:auto;margin-left:auto;}
#method .more_lk .circle_arrow{width:clamp(0px, 7.466666666666668vw, 28px);height:clamp(0px, 7.466666666666668vw, 28px);margin-left:clamp(0px, 2.666666666666667vw, 10px);}}
@media screen and (min-width: 1025px){#method{margin-top:-16px;margin-bottom:-16px;padding-top:96px;padding-bottom:96px;}
#method_video_scroll_inner{margin:0 -93px;padding:0 93px;}
#method_video_scroll_btn .method_video_scroll_btn{top:76px;width:42px;height:42px;}
#method_video_scroll_btn .method_video_scroll_btn.prev{left:0;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#method_video_scroll_btn .method_video_scroll_btn.next{right:0;-webkit-transform:translate(50%, -50%);-moz-transform:translate(50%, -50%);-ms-transform:translate(50%, -50%);-o-transform:translate(50%, -50%);transform:translate(50%, -50%);}
#method_video_scroll_btn .method_video_scroll_btn.disabled{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);}
#method_video_list{gap:32px;}
#method_video_list .method_video_it{border-radius:10px;}
#method_video_list .method_video_it_pt{width:271px;height:152px;border-radius:8px;}
#method_video_list .method_video_it_pt::after{width:32px;height:32px;}
#method_video_list .method_video_it_tt{margin-top:16px;font-size:16px;line-height:24px;}
#method:has(#method_video) #method_top{margin-top:65px;}
#method_top{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;padding-bottom:20px;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-align:center;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#method_tt,#method_tt_txt{padding:0;}
#method_list{margin-top:48px;grid-template-columns:repeat(3, 1fr);}
#method_list .method_it_lk{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;flex-direction:column;width:clamp(0px, 26.79355783308931vw, 366px);padding:24px clamp(0px, 1.756954612005857vw, 24px);border-radius:clamp(0px, .732064421669107vw, 10px);-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;}
#method_list .method_it_pt{width:100%;height:213px;border-radius:clamp(0px, .585651537335286vw, 8px);}
#method_list .method_it_img.no1{width:165px;}
#method_list .method_it_img.no2{width:133px;}
#method_list .method_it_img.no3{width:148px;}
#method_list .method_it_img.no4{width:185px;}
#method_list .method_it_img.no5{width:119px;}
#method_list .method_it_info{margin-top:22px;}
#method_list .method_it_tt{font-size:clamp(0px, 1.464128843338214vw, 20px);line-height:clamp(0px, 2.342606149341142vw, 32px);}
#method_list .method_it_target{margin-top:7px;font-size:clamp(0px, 1.171303074670571vw, 16px);line-height:clamp(0px, 1.756954612005857vw, 24px);}
#method_list .method_it .circle_arrow{width:26px;height:26px;margin-top:auto;}}