.intro_img,.intro_txt_box{--iw:19.375rem;--ih:40.125rem}.intro_img{-webkit-clip-path:polygon(calc(50% - var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) calc(50% + var(--ih) / 2));clip-path:polygon(calc(50% - var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) calc(50% + var(--ih) / 2))}@media (max-width:1400px){.intro_img,.intro_txt_box{--iw:17.5rem;--ih:32.5rem}}@media (max-width:767px){.intro_img,.intro_txt_box{--iw:16.25rem;--ih:30rem}}.intro_wrap .intro01 .intro_txt_box.box01.white,.intro_wrap .intro02 .intro_txt_box.box02.white{-webkit-clip-path:polygon(calc(50% - var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) calc(50% + var(--ih) / 2));clip-path:polygon(calc(50% - var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) calc(50% + var(--ih) / 2))}.intro_wrap .intro01 .intro_txt_box.box01:not(.white),.intro_wrap .intro02 .intro_txt_box.box02:not(.white){-webkit-clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,calc(50% - var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) calc(50% - var(--ih) / 2));clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,calc(50% - var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) calc(50% - var(--ih) / 2))}.intro_img,.intro_wrap .intro01 .intro_txt_box.box01.white,.intro_wrap .intro02 .intro_txt_box.box02.white{-webkit-clip-path:polygon(50% calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) 50%,50% calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) 50%);clip-path:polygon(50% calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) 50%,50% calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) 50%)}.intro_wrap .intro01 .intro_txt_box.box01:not(.white),.intro_wrap .intro02 .intro_txt_box.box02:not(.white){-webkit-clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,50% calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) 50%,50% calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) 50%,50% calc(50% - var(--ih) / 2));clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,50% calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) 50%,50% calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) 50%,50% calc(50% - var(--ih) / 2))}.intro_wrap.intro .intro_img.img01,.intro_wrap.intro2 .intro_img.img02{-webkit-clip-path:polygon(calc(50% - var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) calc(50% + var(--ih) / 2));clip-path:polygon(calc(50% - var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) calc(50% + var(--ih) / 2));transition:opacity 1.5s 0s,-webkit-clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s;transition:opacity 1.5s 0s,clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s;transition:opacity 1.5s 0s,clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s,-webkit-clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s}.intro_wrap.intro .intro01 .intro_txt_box.box01.white,.intro_wrap.intro2 .intro02 .intro_txt_box.box02.white{-webkit-clip-path:polygon(calc(50% - var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) calc(50% + var(--ih) / 2));clip-path:polygon(calc(50% - var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) calc(50% + var(--ih) / 2));transition:-webkit-clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s;transition:clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s;transition:clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s,-webkit-clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s}.intro_wrap.intro .intro01 .intro_txt_box.box01:not(.white),.intro_wrap.intro2 .intro02 .intro_txt_box.box02:not(.white){-webkit-clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,calc(50% - var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) calc(50% - var(--ih) / 2));clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,calc(50% - var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% - var(--ih) / 2),calc(50% + var(--iw) / 2) calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) calc(50% + var(--ih) / 2),calc(50% - var(--iw) / 2) calc(50% - var(--ih) / 2));transition:-webkit-clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s;transition:clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s;transition:clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s,-webkit-clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s}.intro_wrap .intro_img.img02{-webkit-clip-path:inset(calc((100% - var(--ih)) / 2) calc((100% - var(--iw)) / 2) round 0);clip-path:inset(calc((100% - var(--ih)) / 2) calc((100% - var(--iw)) / 2) round 0)}.intro_wrap.intro2 .intro_img.img02{-webkit-clip-path:inset(calc((100% - var(--iw)) / 2) calc((100% - var(--iw)) / 2) round calc(var(--iw) / 2));clip-path:inset(calc((100% - var(--iw)) / 2) calc((100% - var(--iw)) / 2) round calc(var(--iw) / 2));transition:opacity 1.5s 0s,-webkit-clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s;transition:opacity 1.5s 0s,clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s;transition:opacity 1.5s 0s,clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s,-webkit-clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s}.intro_wrap .intro02 .intro_txt_box.box02.white{-webkit-clip-path:inset(calc((100% - var(--ih)) / 2) calc((100% - var(--iw)) / 2) round 0);clip-path:inset(calc((100% - var(--ih)) / 2) calc((100% - var(--iw)) / 2) round 0);z-index:9}.intro_wrap.intro2 .intro02 .intro_txt_box.box02.white{-webkit-clip-path:inset(calc((100% - var(--iw)) / 2) calc((100% - var(--iw)) / 2) round calc(var(--iw) / 2));clip-path:inset(calc((100% - var(--iw)) / 2) calc((100% - var(--iw)) / 2) round calc(var(--iw) / 2));transition:-webkit-clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s;transition:clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s;transition:clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s,-webkit-clip-path 1.6s cubic-bezier(.65,0,.35,1) .4s}.intro_wrap .intro02 .intro_txt_box.box02:not(.white),.intro_wrap.intro2 .intro02 .intro_txt_box.box02:not(.white){-webkit-clip-path:none;clip-path:none;z-index:8}.intro_img,.intro_txt_box{--cd:30rem}@media (max-width:1400px){.intro_img,.intro_txt_box{--cd:26rem}}@media (max-width:767px){.intro_img,.intro_txt_box{--cd:20rem}}.intro_wrap.intro2 .intro02 .intro_txt_box.box02.white,.intro_wrap.intro2 .intro_img.img02{-webkit-clip-path:inset(calc((100% - var(--cd)) / 2) calc((100% - var(--cd)) / 2) round calc(var(--cd) / 2));clip-path:inset(calc((100% - var(--cd)) / 2) calc((100% - var(--cd)) / 2) round calc(var(--cd) / 2))}.intro_wrap .intro02 .intro_txt_box.box02>div{width:auto;max-width:none;transform:translateX(calc(-50% - var(--cd) / 2 - 2.5rem))}@media (max-width:767px){.intro_wrap .intro02 .intro_txt_box.box02>div{transform:none}}.intro_img,.intro_txt_box{--ov:6rem;--bd:0.4rem;--tr:calc(50% - var(--cd) / 2 + var(--ov));--bx:calc(var(--tr) + 0.3rem);--by:calc(50% + 0.42rem)}@media (max-width:767px){.intro_img,.intro_txt_box{--ov:18rem}}@keyframes introCircleToDot{0%,10.5%{-webkit-clip-path:inset(calc((100% - var(--ih)) / 2) calc((100% - var(--iw)) / 2) round 0);clip-path:inset(calc((100% - var(--ih)) / 2) calc((100% - var(--iw)) / 2) round 0);animation-timing-function:cubic-bezier(.65,0,.35,1)}52.6%,68.4%{-webkit-clip-path:inset(calc((100% - var(--cd)) / 2) calc((100% - var(--cd)) / 2) round calc(var(--cd) / 2));clip-path:inset(calc((100% - var(--cd)) / 2) calc((100% - var(--cd)) / 2) round calc(var(--cd) / 2));animation-timing-function:cubic-bezier(.7,0,.3,1)}to{-webkit-clip-path:inset(calc(var(--by) - var(--bd) / 2) calc(100% - var(--bx) - var(--bd) / 2) calc(100% - var(--by) - var(--bd) / 2) calc(var(--bx) - var(--bd) / 2) round calc(var(--bd) / 2));clip-path:inset(calc(var(--by) - var(--bd) / 2) calc(100% - var(--bx) - var(--bd) / 2) calc(100% - var(--by) - var(--bd) / 2) calc(var(--bx) - var(--bd) / 2) round calc(var(--bd) / 2))}}.intro_wrap.intro2 .intro02 .intro_txt_box.box02.white,.intro_wrap.intro2 .intro_img.img02{animation:introCircleToDot 3.8s linear 0s both}.intro_wrap .intro02 .intro_txt_box.box02>div{position:absolute;left:auto;top:50%;right:calc(100% - var(--tr));transform:translateY(-50%)}@media (max-width:767px){.intro_wrap .intro02 .intro_txt_box.box02>div{transform:translateY(-50%)}}.intro_wrap .intro02 .intro_txt_box.box02 h3{position:relative;line-height:1.375rem}.intro-bang{position:absolute;left:calc(100% + .15rem);top:-.09rem;width:.3rem;height:.85rem;background:currentColor;border-radius:.15rem;transform:scaleY(0);transform-origin:bottom}.intro_wrap.intro2 .intro-bang{transform:scaleY(1);transition:transform .5s cubic-bezier(.65,0,.35,1) 3.4s}.intro_txt_box h3 span.intro-bang{display:block;position:absolute;left:calc(100% + .15rem);top:-.09rem;width:.3rem;height:.85rem;background:currentColor;border-radius:.15rem;transform:scaleY(0);transform-origin:bottom}.intro_txt_box h3 span.intro-bang:after{display:none}.intro_wrap.intro2 .intro_txt_box h3 span.intro-bang{transform:scaleY(1);transition:transform .5s cubic-bezier(.65,0,.35,1) 3.4s}.intro_txt_box h3 span.intro-bang{display:inline;position:static;width:auto;height:auto;margin:0;background:none;border-radius:0;transform:none;opacity:0;transition:none}.intro_wrap.intro2 .intro_txt_box h3 span.intro-bang{transform:none;opacity:1;transition:opacity .4s ease 3.6s}.intro_img,.intro_txt_box{--bd:0.183rem;--bx:calc(var(--tr) - 0.147rem);--by:calc(50% + 0.363rem)}@media (max-width:767px){.intro_img,.intro_txt_box{--bd:0.1875rem;--bx:calc(var(--tr) - 0.167rem);--by:calc(50% + 1.075rem)}}@keyframes introDotFade{to{opacity:0}}.intro_wrap.intro2 .intro02 .intro_txt_box.box02.white,.intro_wrap.intro2 .intro_img.img02{animation:introCircleToDot 3.8s linear 0s both,introDotFade .3s ease 3.8s forwards}.intro_bg_box.box03{overflow:hidden}.intro_bg_box.box03>div{display:none}.intro_bg_box.box03:before{content:"";position:absolute;left:-10%;top:0;width:120%;height:130%;background:#1e6fd9;border-radius:0 0 50% 50%/0 0 30% 30%;transform:translateY(-100%)}.intro_bg_box.box03:after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;border:1px solid rgba(255,255,255,.8);border-radius:50%;transform:translate(-50%,-50%);opacity:0}@keyframes introPlopFill{0%{transform:translateY(-100%);animation-timing-function:cubic-bezier(.55,0,.9,.4)}55%{transform:translateY(0);animation-timing-function:cubic-bezier(.2,.6,.4,1)}72%{transform:translateY(-4%);animation-timing-function:cubic-bezier(.6,0,.4,1)}87%{transform:translateY(1%)}to{transform:translateY(0)}}@keyframes introPlopRipple{0%{width:0;height:0;opacity:.9}to{width:120vmax;height:120vmax;opacity:0}}.intro_wrap.intro3 .intro_bg_box.box03:before{animation:introPlopFill 1.4s linear 0s both}.intro_wrap.intro3 .intro_bg_box.box03:after{animation:introPlopRipple 1.6s cubic-bezier(.2,.6,.3,1) .75s both}.intro_bg_box.box03:before{top:-5%;height:140%}@keyframes introPlopFillUp{0%{transform:translateY(-100%);animation-timing-function:cubic-bezier(.55,0,.9,.4)}29%{transform:translateY(0);animation-timing-function:cubic-bezier(.2,.6,.4,1)}38%{transform:translateY(-4%);animation-timing-function:cubic-bezier(.6,0,.4,1)}46%{transform:translateY(1%)}54%,62%{transform:translateY(0);animation-timing-function:cubic-bezier(.7,0,.3,1)}to{transform:translateY(-100%)}}.intro_wrap.intro3 .intro_bg_box.box03:before{animation:introPlopFillUp 2.6s linear 0s both}.intro_wrap.intro3 .intro01,.intro_wrap.intro3 .intro02{opacity:0;transition:opacity .2s .8s}.intro_wrap.intro2 .intro02 .intro_txt_box.box02>div{right:50%;transform:translate(50%,-50%) scale(1.4);transition:right 1.2s cubic-bezier(.65,0,.35,1) 4.2s,transform 1.2s cubic-bezier(.65,0,.35,1) 4.2s}@media (max-width:767px){.intro_wrap.intro2 .intro02 .intro_txt_box.box02>div{transform:translate(50%,-50%) scale(1.4)!important}}.cursor_skip2,.cursor_skip2:before,.main_skip_bt>div,.main_skip_bt>div:before{background-color:#1e6fd9}.intro_wrap:before{will-change:transform}@property --ct{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --cr{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --cb{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --cl{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --crr{syntax:"<length-percentage>";inherits:false;initial-value:0}@keyframes introCircleToDotVars{0%,10.5%{--ct:calc((100% - var(--ih)) / 2);--cr:calc((100% - var(--iw)) / 2);--cb:calc((100% - var(--ih)) / 2);--cl:calc((100% - var(--iw)) / 2);--crr:0px;animation-timing-function:cubic-bezier(.65,0,.35,1)}31.6%,34.2%{--ct:0px;--cr:0px;--cb:0px;--cl:0px;--crr:0px}34.3%{--ct:calc(50% - 72vmax);--cr:calc(50% - 72vmax);--cb:calc(50% - 72vmax);--cl:calc(50% - 72vmax);--crr:72vmax;animation-timing-function:cubic-bezier(.65,0,.35,1)}57.9%,68.4%{--ct:calc((100% - var(--cd)) / 2);--cr:calc((100% - var(--cd)) / 2);--cb:calc((100% - var(--cd)) / 2);--cl:calc((100% - var(--cd)) / 2);--crr:calc(var(--cd) / 2);animation-timing-function:cubic-bezier(.7,0,.3,1)}to{--ct:calc(var(--by) - var(--bd) / 2);--cr:calc(100% - var(--bx) - var(--bd) / 2);--cb:calc(100% - var(--by) - var(--bd) / 2);--cl:calc(var(--bx) - var(--bd) / 2);--crr:calc(var(--bd) / 2)}}.intro_wrap.intro2 .intro02 .intro_txt_box.box02.white,.intro_wrap.intro2 .intro_img.img02{-webkit-clip-path:inset(var(--ct) var(--cr) var(--cb) var(--cl) round var(--crr));clip-path:inset(var(--ct) var(--cr) var(--cb) var(--cl) round var(--crr));animation:introCircleToDotVars 3.8s linear 0s both,introDotFade .3s ease 3.8s forwards;transition:opacity 1.5s 0s}