*,*::before,*::after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}.detailContent{max-width:clamp(0px, 79.0629575403vw, 1080px);padding:0 clamp(0px, 1.4641288433vw, 20px);margin:clamp(0px, 2.196193265vw, 30px) auto 0;position:relative;z-index:1}@media (max-width: 767px){.detailContent{max-width:100%;padding:0 4vw}}.detailContent.afterNone::after{content:none}.detailContent::before{content:"";width:clamp(0px, 38.4970717423vw, 525.87px);height:clamp(0px, 30.4224011713vw, 415.57px);position:absolute;z-index:-2;background-image:url("../images/bg_dot.svg");background-size:cover;top:clamp(0px, 39.0922401171vw, 534px);left:max(-404px, -29.5754026354vw)}@media (max-width: 767px){.detailContent::before{width:77.7093333333vw;height:61.4106666667vw;top:106.6666666667vw;left:-40vw}}.detailContent::after{content:"";width:clamp(0px, 38.4970717423vw, 525.87px);height:clamp(0px, 30.4224011713vw, 415.57px);position:absolute;z-index:-2;background-image:url("../images/bg_dot.svg");background-size:cover;top:clamp(0px, 146.046852123vw, 1995px);right:max(-351px, -25.6954612006vw)}@media (max-width: 767px){.detailContent::after{width:77.7093333333vw;height:61.4106666667vw;top:533.3333333333vw;right:-40vw}}.titleArea .title{border-left:clamp(0px, 1.317715959vw, 18px) solid #38BDF8;font-size:clamp(0px, 3.2942898975vw, 45px);line-height:calc(65/45);padding-left:clamp(0px, 1.8301610542vw, 25px);font-weight:700;margin:0 0 clamp(0px, 1.1713030747vw, 16px)}@media (max-width: 767px){.titleArea .title{border-left-width:2.6666666667vw;font-size:8.5333333333vw;padding-left:4vw;margin:0 0 4vw}}.titleArea .title .small{display:inline-block;font-size:clamp(0px, 1.6837481698vw, 23px);line-height:calc(34/23);font-weight:900;margin-left:clamp(0px, .8052708638vw, 11px)}@media (max-width: 767px){.titleArea .title .small{font-size:4.8vw;margin-left:2.6666666667vw}}.titleArea .name{font-size:clamp(0px, 1.0248901903vw, 14px);font-weight:500;line-height:calc(20/14);color:#DCDCDC}@media (max-width: 767px){.titleArea .name{font-size:3.7333333333vw}}.titleArea .lead{margin-top:clamp(0px, 2.4890190337vw, 34px);padding:clamp(0px, 2.196193265vw, 30px) clamp(0px, .878477306vw, 12px);border-top:clamp(0px, .2196193265vw, 3px) solid #38BDF8;background:#1E2530}@media (max-width: 767px){.titleArea .lead{margin-top:9.0666666667vw;padding:6.6666666667vw 2.6666666667vw;border-top:.8vw}}.titleArea .lead p{font-size:clamp(0px, 1.4641288433vw, 20px);line-height:calc(35/20);font-weight:600;color:#DCDCDC}@media (max-width: 767px){.titleArea .lead p{font-size:4.2666666667vw}}.titleArea .lead .pageAnker ul{margin:clamp(0px, 3.513909224vw, 48px) 0 max(-7px, -.5124450952vw);padding:0;list-style:none;display:flex;justify-content:space-between}@media (max-width: 767px){.titleArea .lead .pageAnker ul{margin:8vw 0 0;flex-wrap:wrap;gap:2.6666666667vw}}.titleArea .lead .pageAnker ul li{width:clamp(0px, 23.0600292826vw, 315px);position:relative}@media (max-width: 767px){.titleArea .lead .pageAnker ul li{width:100%}}.titleArea .lead .pageAnker ul li a{width:100%;aspect-ratio:315/96;padding-left:clamp(0px, 1.0248901903vw, 14px);background-position:center center;background-size:100% 100%;background-repeat:none;font-size:clamp(0px, 1.9033674963vw, 26px);font-weight:bold;display:flex;align-items:center;gap:clamp(0px, .3660322108vw, 5px);transition:all 0.2s ease-out 0s}@media (max-width: 767px){.titleArea .lead .pageAnker ul li a{padding-left:3.7333333333vw;font-size:6.9333333333vw;gap:1.3333333333vw}}.titleArea .lead .pageAnker ul li a::before{width:clamp(0px, .6588579795vw, 9px);height:clamp(0px, 2.5622254758vw, 35px);content:"";display:block}@media (max-width: 767px){.titleArea .lead .pageAnker ul li a::before{width:2.4vw;height:9.3333333333vw}}.titleArea .lead .pageAnker ul li a:hover{background-size:110% 110%}.titleArea .lead .pageAnker ul li::after{width:clamp(0px, .0732064422vw, 1px);height:100%;background:rgba(188,188,188,0.46);content:"";display:block;position:absolute;top:0;right:max(-18px, -1.317715959vw)}@media (max-width: 767px){.titleArea .lead .pageAnker ul li::after{display:none}}.titleArea .lead .pageAnker ul li:last-of-type::after{display:none}.sec{background:#1E2530;padding:clamp(0px, 1.756954612vw, 24px) clamp(0px, .9150805271vw, 12.5px) clamp(0px, 2.5622254758vw, 35px);margin-top:70px;border-radius:clamp(0px, .7320644217vw, 10px)}@media (max-width: 767px){.sec{padding:6.6666666667vw 3.2vw 8vw;margin-top:13.3333333333vw}}.sec .secTitle{font-size:clamp(0px, 1.756954612vw, 24px);line-height:calc(35/24);color:#E0F0FF;font-weight:bold;padding-left:clamp(0px, 1.1713030747vw, 16px);border-left:clamp(0px, .6588579795vw, 9px) solid #38BDF8;margin:0 0 clamp(0px, 2.196193265vw, 30px);min-height:clamp(0px, 5.1244509517vw, 70px);display:flex;align-items:center}@media (max-width: 767px){.sec .secTitle{font-size:5.8666666667vw;padding-left:4.2666666667vw;border-left-width:1.8666666667vw;margin:0 0 5.3333333333vw;min-height:18.6666666667vw}}.sec .subTitle{font-size:clamp(0px, 1.6105417277vw, 22px);line-height:calc(32/22);font-weight:bold;padding:clamp(0px, 1.0980966325vw, 15px) clamp(0px, .9516837482vw, 13px);background:#DCDCDC;border-radius:clamp(0px, .439238653vw, 6px);color:#1E1E1E;margin:0 0 clamp(0px, 2.5622254758vw, 35px)}@media (max-width: 767px){.sec .subTitle{font-size:5.0666666667vw;padding:4vw 3.2vw;border-radius:1.6vw}}.sec .areaTitle{font-size:clamp(0px, 1.6105417277vw, 22px);color:#FFF;margin:1em 0;text-align:center;font-weight:bold}@media (max-width: 767px){.sec .areaTitle{font-size:5.8666666667vw}}.sec .grayArea{background:#DCDCDC;border-radius:clamp(0px, .439238653vw, 6px);padding:clamp(0px, 1.317715959vw, 18px) clamp(0px, 1.4641288433vw, 20px) clamp(0px, 2.196193265vw, 30px);position:relative}@media (max-width: 767px){.sec .grayArea{border-radius:1.6vw;padding:4vw}}.sec .grayArea+.grayArea{margin-top:clamp(0px, 4.39238653vw, 60px)}@media (max-width: 767px){.sec .grayArea+.grayArea{margin-top:10.6666666667vw}}@media (max-width: 767px){.sec .grayArea{border-radius:1.6vw;padding:4.8vw 3.2vw 8vw}}.sec .grayArea p{font-size:clamp(0px, 1.1713030747vw, 16px);line-height:calc(29/16)}@media (max-width: 767px){.sec .grayArea p{font-size:4.2666666667vw}}.sec .grayArea p+p{margin-top:1.5em}.sec .grayArea .note{font-size:clamp(0px, 1.0248901903vw, 14px);line-height:calc(20/14)}@media (max-width: 767px){.sec .grayArea .note{font-size:3.7333333333vw}}.sec .grayArea h4{margin:clamp(0px, 2.5622254758vw, 35px) 0 clamp(0px, 1.0248901903vw, 14px);font-size:clamp(0px, 1.317715959vw, 18px);font-weight:500;line-height:calc(26/18)}@media (max-width: 767px){.sec .grayArea h4{margin:8vw 0 3.7333333333vw;font-size:4.8vw}}.sec .grayArea .grayAreaTitle{font-size:clamp(0px, 1.6105417277vw, 22px);line-height:calc(32/22);text-align:center;font-weight:bold;margin:0 0 clamp(0px, 1.0248901903vw, 14px)}@media (max-width: 767px){.sec .grayArea .grayAreaTitle{font-size:5.3333333333vw;margin:0 0 3.7333333333vw}}.sec .grayArea .lead{font-size:clamp(0px, 1.317715959vw, 18px);text-align:center;line-height:calc(26/18);margin:0 0 clamp(0px, 1.6837481698vw, 23px)}@media (max-width: 767px){.sec .grayArea .lead{font-size:4.8vw;margin:0 0 5.3333333333vw}}.sec .grayArea .list{margin:0;padding:0;list-style:none}.sec .grayArea .list li{padding-left:clamp(0px, 1.0980966325vw, 15px);font-size:clamp(0px, 1.1713030747vw, 16px);line-height:1.5;position:relative}@media (max-width: 767px){.sec .grayArea .list li{padding-left:4vw;font-size:4.2666666667vw}}.sec .grayArea .list li::before{content:"";width:clamp(0px, .5856515373vw, 8px);height:clamp(0px, .5856515373vw, 8px);background:#64ABCC;border-radius:50%;position:absolute;top:clamp(0px, .5856515373vw, 8px);left:clamp(0px, 0vw, 0px)}@media (max-width: 767px){.sec .grayArea .list li::before{width:2.1333333333vw;height:2.1333333333vw;top:2.1333333333vw}}.sec .grayArea .list li+li{margin-top:clamp(0px, .439238653vw, 6px)}@media (max-width: 767px){.sec .grayArea .list li+li{margin-top:1.6vw}}.sec .grayArea .badge{position:absolute;width:clamp(0px, 3.2942898975vw, 45px);height:clamp(0px, 4.6852122987vw, 64px);top:clamp(0px, 1.317715959vw, 18px);right:clamp(0px, 1.2445095168vw, 17px)}@media (max-width: 767px){.sec .grayArea .badge{width:12vw;height:17.0666666667vw;position:static;margin-left:auto;margin-top:2.6666666667vw}}.sec .youtubeTitle{font-size:clamp(0px, 1.756954612vw, 24px);color:#38BDF8;text-align:center;line-height:calc(24/16);font-weight:bold;margin:0 0 clamp(0px, .439238653vw, 6px);margin-top:clamp(0px, 2.5622254758vw, 35px)}@media (max-width: 767px){.sec .youtubeTitle{font-size:4.2666666667vw;margin:0 0 1.6vw;margin-top:9.3333333333vw}}.sec .youtubeWrap{max-width:clamp(0px, 50.6588579795vw, 692px);width:100%;margin:0 auto}.sec .youtubeWrap+.secTitle{margin-top:clamp(0px, 5.4904831625vw, 75px)}@media (max-width: 767px){.sec .youtubeWrap+.secTitle{margin-top:13.3333333333vw}}@media (max-width: 767px){.sec .youtubeWrap{max-width:100%}}.sec .youtube{position:relative;width:100%;padding-top:56.25%}.sec .youtube iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important}.sec .caption{font-size:clamp(0px, 1.317715959vw, 18px);font-weight:500;line-height:calc(26/18);color:#000000;margin-bottom:clamp(0px, 1.1713030747vw, 16px)}@media (max-width: 767px){.sec .caption{font-size:4.8vw;margin-bottom:4.2666666667vw}}.sec .column01{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between}@media (max-width: 767px){.sec .column01{flex-direction:column}}.sec .column01 .left{width:clamp(0px, 35.7979502196vw, 489px)}@media (max-width: 767px){.sec .column01 .left{width:100%}}.sec .column01 .left .img img{width:100%}.sec .column01 .right{width:clamp(0px, 34.0409956076vw, 465px);margin-left:clamp(0px, 1.4641288433vw, 20px)}@media (max-width: 767px){.sec .column01 .right{width:100%;margin-left:0;margin-top:8vw}}.sec .column02{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;gap:clamp(0px, 2.8550512445vw, 39px);margin-top:clamp(0px, 2.635431918vw, 36px);justify-content:space-between}@media (max-width: 767px){.sec .column02{gap:8vw;margin-top:8vw;flex-direction:column}}.sec .column02 .item{width:calc((100% - clamp(0px, 2.8550512445vw, 39px))/2)}@media (max-width: 767px){.sec .column02 .item{width:100%}}.sec .column02 .item .img{text-align:center;margin-bottom:clamp(0px, 1.9033674963vw, 26px);display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center}@media (max-width: 767px){.sec .column02 .item .img{margin-bottom:5.3333333333vw}}.sec .column02 .item .img img{margin:0 auto}.sec .column02 .item h4{margin:0 0 clamp(0px, .3660322108vw, 5px)}@media (max-width: 767px){.sec .column02 .item h4{margin:0 0 1.3333333333vw}}.sec .column03{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;gap:clamp(0px, 1.756954612vw, 24px);margin-top:clamp(0px, 2.635431918vw, 36px);justify-content:space-between}@media (max-width: 767px){.sec .column03{gap:8vw;margin-top:8vw;flex-direction:column}}.sec .column03 .item{width:calc((100% - clamp(0px, 1.756954612vw, 24px))/2)}@media (max-width: 767px){.sec .column03 .item{width:100%}}.sec .column03 .item .img{text-align:center;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center}.sec .column03 .item .img img{margin:0 auto}.sec .column03 .item h4{margin:0 0 clamp(0px, .439238653vw, 6px)}@media (max-width: 767px){.sec .column03 .item h4{margin:0 0 1.6vw}}.sec .column04{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;gap:clamp(0px, 1.3909224012vw, 19px);margin-top:clamp(0px, 2.5622254758vw, 35px);justify-content:space-between}@media (max-width: 767px){.sec .column04{gap:8vw;margin-top:8vw;flex-direction:column}}.sec .column04 .item{width:calc((100% - clamp(0px, 2.7818448023vw, 38px))/2)}@media (max-width: 767px){.sec .column04 .item{width:100%}}.sec .column04 .item .img{text-align:center;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center}.sec .column04 .item .img img{margin:0 auto}@media (max-width: 767px){.sec .column04 .item .img img{width:100%}}.sec .column04 .item h4{margin:0 0 clamp(0px, .7320644217vw, 10px)}@media (max-width: 767px){.sec .column04 .item h4{margin:0 0 2.6666666667vw}}.technology .titleArea .title{color:#E0F0FF;border-left-color:#38BDF8}.technology .titleArea .title .small{color:#38BDF8}.scene .titleArea .title{color:#BBDEC4;border-left-color:#49DE80}.scene .titleArea .title .small{color:#3DAE66}.scene .titleArea .lead{background:#192A1E;border-top-color:#49DE80}.scene .titleArea .pageAnker ul li a{color:#BBDEC4}.scene .titleArea .pageAnker ul li a::before{background:#49DE80}.scene .sec{margin-top:50px;background:#192A1E}@media (max-width: 767px){.scene .sec{margin-top:13.3333333333vw}}.scene .sec .secTitle{border-left-color:#49DE80;color:#BBDEC4;font-size:clamp(0px, 2.635431918vw, 36px)}@media (max-width: 767px){.scene .sec .secTitle{font-size:9.6vw}}.scene .sec .subTitle{font-size:clamp(0px, 1.317715959vw, 18px)}@media (max-width: 767px){.scene .sec .subTitle{font-size:4.8vw}}.scene .youtubeTitle{color:#49DE80}.scene .list li::before{background:#49DE80 !important}.ctaWrap{margin:clamp(0px, 5.8565153734vw, 80px) 0 clamp(0px, 8.78477306vw, 120px)}@media (max-width: 767px){.ctaWrap{margin:13.3333333333vw 0}}.ctaTitle{font-size:clamp(0px, 1.4641288433vw, 20px);font-weight:600;text-align:center;line-height:calc(35/20);color:#DCDCDC;margin-bottom:clamp(0px, 2.3426061493vw, 32px)}@media (max-width: 767px){.ctaTitle{font-size:4.8vw;margin-bottom:6.6666666667vw}}.imgSliderWrap{background:#fff;border-radius:clamp(0px, .439238653vw, 6px)}@media (max-width: 767px){.imgSliderWrap{border-radius:1.6vw}}.imgSliderWrap .caption{text-align:center;padding-top:clamp(0px, 1.0980966325vw, 15px)}@media (max-width: 767px){.imgSliderWrap .caption{padding-top:4vw}}.imgSlider{position:relative;padding:clamp(0px, 1.0980966325vw, 15px) 0 clamp(0px, 1.2445095168vw, 17px);background:#fff;border-radius:clamp(0px, .439238653vw, 6px)}@media (max-width: 767px){.imgSlider{padding:5.3333333333vw 0;border-radius:1.6vw}}.imgSlider .slideItem{padding:0 clamp(0px, 1.0980966325vw, 15px)}@media (max-width: 767px){.imgSlider .slideItem{padding:0 2.6666666667vw}}.imgSlider .slideItem .caption{text-align:center;font-weight:bold;margin:0 0 clamp(0px, 1.0248901903vw, 14px)}@media (max-width: 767px){.imgSlider .slideItem .caption{font-size:3.2vw}}.imgSlider .slideItem .img{width:100%}.imgSlider .slick-dots{margin:0;margin-top:clamp(0px, 1.0248901903vw, 14px);display:flex !important;justify-content:center;align-items:center;gap:clamp(0px, .2928257687vw, 4px);padding:0;list-style:none}@media (max-width: 767px){.imgSlider .slick-dots{margin-top:2.6666666667vw;gap:1.0666666667vw}}.imgSlider .slick-dots li{width:clamp(0px, .7320644217vw, 10px);height:clamp(0px, .7320644217vw, 10px);margin:0;transition:width 0.4s cubic-bezier(0.4, 0, 0.2, 1)}@media (max-width: 767px){.imgSlider .slick-dots li{width:2.6666666667vw;height:2.6666666667vw}}.imgSlider .slick-dots li.slick-active{width:clamp(0px, 1.5373352855vw, 21px)}@media (max-width: 767px){.imgSlider .slick-dots li.slick-active{width:5.6vw}}.imgSlider .slick-dots li.slick-active button{width:clamp(0px, 1.5373352855vw, 21px);height:clamp(0px, .7320644217vw, 10px);border-radius:clamp(0px, .5856515373vw, 8px);background:#1E1E1E}@media (max-width: 767px){.imgSlider .slick-dots li.slick-active button{width:5.6vw;height:2.6666666667vw;border-radius:2.1333333333vw}}.imgSlider .slick-dots li button{width:clamp(0px, .7320644217vw, 10px);height:clamp(0px, .7320644217vw, 10px);padding:0;border-radius:50%;background:#1E1E1E;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);border:none;cursor:pointer;font-size:0}@media (max-width: 767px){.imgSlider .slick-dots li button{width:2.6666666667vw;height:2.6666666667vw}}.imgSlider .slick-dots li button:hover{background:#000}.imgSlider .slick-dots li button::before{display:none}.scene .cta,.technology .cta{padding:clamp(0px, 5.8565153734vw, 80px) 0}@media (max-width: 767px){.scene .cta,.technology .cta{padding:13.3333333333vw 0}}
