<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html, body, section{overflow-x: hidden}
.main_bg{position: fixed;z-index: -1;top: 0;left: 0;width: 100%;width: 100%}
.main_bg video{height: 100%}
.main_bg:after{content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.1);backdrop-filter: saturate(180%);position: absolute;top: 0;left: 0;opacity: 0;transition: 1s}
.main_bg.on:after{opacity: 1}
#main{overflow: hidden;width: 100%}
.main_visual{overflow: hidden}
.main_visual .vi_img{width: 1597px;margin: 0 auto;margin-top: 360px;}
.main_visual ul.vi_img{position: relative;z-index: 10}
.main_visual ul.vi_img li.sym01{position: absolute;top: 0;}
.main_visual ul.vi_img li.sym03{position: absolute;top: 0;}
.main_visual ul.vi_img li svg {
opacity: 0.6;}
.main_visual ul.vi_img li.sym01{animation: motion01 2s ;animation-fill-mode: forwards}
.main_visual ul.vi_img li.sym03{animation: motion02 2s ;animation-fill-mode: forwards}
.main_visual ul{transform: translateY(300px);transition: 2s;opacity: 0;filter: blur(20px);}
.main_visual.on ul{transform: translateY(0);opacity: 1;filter: blur(0);}
.main_visual ul li &gt; div{position: relative}
.main_visual ul li &gt; div .txt{position: absolute;}
.main_visual ul li ul li{float: left}
.main_visual ul li .txt ul li{color: #FFFFFF;font-size: 50px; font-family: 'Montserrat', sans-serif;font-weight: 700;}
.main_visual ul li.sym02 .txt ul li{font-size: 70px}
.main_visual ul li.sym01 .txt{left: 32%;top: -90px}
.main_visual ul li.sym02 .txt{left: 50%;transform: translateX(-50%);top: 55px;}
.main_visual ul li.sym03 .txt{right: 31%;top: -90px}
.main_visual ul.vi_img li svg path{mix-blend-mode: difference;}

.main_visual ul li.sym01 .txt{transform: scale(0.7);filter: blur(10px);opacity: 0;transition: 1.7s;transition-delay: 2.2s}
.main_visual.on ul li.sym01 .txt{transform: scale(1);filter: blur(0);opacity: 1}

.main_visual ul li.sym03 .txt{transform: scale(0.7);filter: blur(10px);opacity: 0;transition: 1.7s;transition-delay: 2.4s}
.main_visual.on ul li.sym03 .txt{transform: scale(1);filter: blur(0);opacity: 1}
.main_visual ul li.sym02 .txt{transform: translateX(-50%) scale(0.7);filter: blur(10px);opacity: 0;transition: 1.7s;transition-delay: 2.6s}
.main_visual.on ul li.sym02 .txt{transform: translateX(-50%) scale(1);filter: blur(0);opacity: 1}


.main_visual ul.vi_img li.sym01 &gt; div{transition: 1.5s;transition-delay: 3.6s;position: relative;left: 0}
.main_visual.on ul.vi_img li.sym01 &gt; div{left: 140px}
.main_visual ul.vi_img li.sym03 &gt; div{transition: 1.5s;transition-delay: 3.6s;position: relative;right: 0}
.main_visual.on ul.vi_img li.sym03 &gt; div{right: 140px}

.main_visual ul.vi_img li svg{transition: 1.5s;transition-delay: 3.6s;position: relative;right: 0;height: auto}
.main_visual.on ul.vi_img li svg{opacity: 0.2}
.main_visual ul.vi_img &gt; li{width: 100%}

.main_visual ul li.sym01 .txt ul li{transform: translateX(0);filter: blur(0); opacity: 1;transition: 1.5s;transition-delay: 3s}
.main_visual.on ul li.sym01 .txt ul li{transform: translateX(-10px);filter: blur(10px);opacity: 0 }
.main_visual.on ul li.sym01 .txt ul li:nth-child(2){transition-delay: 3.4s}
.main_visual.on ul li.sym01 .txt ul li:nth-child(3){transition-delay: 3.5s}
.main_visual.on ul li.sym01 .txt ul li:nth-child(4){transition-delay: 3.6s}
.main_visual.on ul li.sym01 .txt ul li:nth-child(5){transition-delay: 3.7s}
.main_visual.on ul li.sym01 .txt ul li:nth-child(6){transition-delay: 3.8s}
.main_visual.on ul li.sym01 .txt ul li:nth-child(7){transition-delay: 3.9s}


.main_visual ul li.sym03 .txt ul li{transform: translateX(0) ;filter: blur(0); opacity: 1;transition: 1.5s;transition-delay: 3.7s}
.main_visual.on ul li.sym03 .txt ul li{transform: translateX(10px);filter: blur(10px);opacity: 0 }
.main_visual.on ul li.sym03 .txt ul li:nth-child(2){transition-delay: 3.9s}
.main_visual.on ul li.sym03 .txt ul li:nth-child(3){transition-delay: 3.8s}
.main_visual.on ul li.sym03 .txt ul li:nth-child(4){transition-delay: 3.7s}
.main_visual.on ul li.sym03 .txt ul li:nth-child(5){transition-delay: 3.6s}
.main_visual.on ul li.sym03 .txt ul li:nth-child(6){transition-delay: 3.5s}
.main_visual.on ul li.sym03 .txt ul li:nth-child(7){transition-delay: 3.4s}

.main_visual ul li.sym02 .txt ul li{transform: translateX(0);filter: blur(0); opacity: 1;transition: 1.5s;transition-delay: 3s}
.main_visual.on ul li.sym02 .txt ul li{transform: translateX(0);filter: blur(10px);opacity: 0 }
.main_visual.on ul li.sym02 .txt ul li:nth-child(1){transition-delay: 4.4s}
.main_visual.on ul li.sym02 .txt ul li:nth-child(2){transition-delay: 4.5s}
.main_visual.on ul li.sym02 .txt ul li:nth-child(3){transition-delay: 4.6s}
.main_visual.on ul li.sym02 .txt ul li:nth-child(4){transition-delay: 4.5s}
.main_visual.on ul li.sym02 .txt ul li:nth-child(5){transition-delay: 4.4s}


.main_visual .title{position: absolute;}
.main_visual .title ul{display: flex}
.main_visual .title ul li{margin-left: 40px;}
.main_visual .title01 ul li{transform: translateX(-100%) skewX(10deg);filter: blur(5px);opacity: 0;transition: 1.2s}
.main_visual.on .title01 ul li{transform: translateX(0%) skewX(0);filter: blur(0);opacity: 1}
.main_visual.on .title01 ul li:nth-child(1){transition-delay: 5s}
.main_visual.on .title01 ul li:nth-child(2){transition-delay: 5.15s}
.main_visual.on .title01 ul li:nth-child(3){transition-delay: 5.3s}
.main_visual.on .title01 ul li:nth-child(4){transition-delay: 5.45s}
.main_visual.on .title01 ul li:nth-child(5){transition-delay: 5.6s}
.main_visual.on .title01 ul li:nth-child(6){transition-delay: 5.75s}
.main_visual.on .title01 ul li:nth-child(7){transition-delay: 6s}
.main_visual .title01{top: 635px;left: -58px;}
.main_visual .title02{top: 910px;right: -180px}

.main_visual .title02 ul li{transform: translateX(100%) skewX(-10deg);filter: blur(5px);opacity: 0;transition: 1.2s}
.main_visual.on .title02 ul li{transform: translateX(0%) skewX(0);filter: blur(0);opacity: 1}
.main_visual.on .title02 ul li:nth-child(13){transition-delay: 4.5s}
.main_visual.on .title02 ul li:nth-child(12){transition-delay: 4.75s}
.main_visual.on .title02 ul li:nth-child(11){transition-delay: 5s}
.main_visual.on .title02 ul li:nth-child(10){transition-delay: 5.15s}
.main_visual.on .title02 ul li:nth-child(9){transition-delay: 5.3s}
.main_visual.on .title02 ul li:nth-child(8){transition-delay: 5.45s}
.main_visual.on .title02 ul li:nth-child(7){transition-delay: 5.6s}
.main_visual.on .title02 ul li:nth-child(6){transition-delay: 5.75s}
.main_visual.on .title02 ul li:nth-child(5){transition-delay: 6s}
.main_visual.on .title02 ul li:nth-child(4){transition-delay: 6.15s}
.main_visual.on .title02 ul li:nth-child(3){transition-delay: 6.3s}
.main_visual.on .title02 ul li:nth-child(2){transition-delay: 6.45s}
.main_visual.on .title02 ul li:nth-child(1){transition-delay: 6.6s}

.main_con01{padding-top: 560px;padding-bottom: 340px;}
.main_con01 .txt_w{text-align: center;position: relative}
.main_con01 .txt_w .txt{position: relative;z-index: 2}
.main_con01 .txt_w .txt strong{display: block;color: #FFFFFF;font-size: 50px;font-weight: 400;display: block;margin-bottom: 20px;;text-shadow: 0 0 10px rgba(0,0,0,0.2)}
.main_con01 .txt_w .txt strong span{font-weight: 500}
.main_con01 .txt_w .txt p{flex-shrink: 30px;color: #FFFFFF;font-family: 'Montserrat', sans-serif;text-shadow: 0 0 10px rgba(0,0,0,0.2)}
.main_con01 .txt_w .txt_bg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
.main_con01 .txt_w .txt_bg ul{display: flex}
.main_con01 .txt_w .txt_bg ul li{width: 8px;height: 8px;position: relative;margin-right: 8px}
.main_con01 .txt_w .txt_bg ul li:last-child{margin-right: 0}
.main_con01 .txt_w .txt_bg ul li i{position: absolute;transform: translateY(-50%);width: 100%;height: 175px;top: 50%;width: 100%;background: rgba(255,255,255,0.5)}
.main_con01 .txt_w .txt_bg{transition: 1s;transition-delay: 3s}
.main_con01.on .txt_w .txt_bg{opacity: 0.5}
.inner{width: 1520px;margin: 0 auto}

.main_con01 .txt_w .txt:before{content: '';display: block;width: 633px;height: 1px;background: rgba(255,255,255,0.3);top: 50%;margin-left: -960px;left: 50%;position: absolute}
.main_con01 .txt_w .txt:after{content: '';display: block;width: 633px;height: 1px;background: rgba(255,255,255,0.3);top: 50%;margin-right: -960px;right: 50%;position: absolute}

.main_con01 .txt_w .txt:before, .main_con01 .txt_w .txt:after{transition: 2s;transition-delay: 1s;width: 0}
.main_con01.on .txt_w .txt:before, .main_con01.on .txt_w .txt:after{transition: 2s;transition-delay: 1s;width: 633px}

.main_con02{padding-top: 270px;padding-bottom: 180px;position: relative}
.main_con02:before{content: '';display: block;width: 100%;height: 63%;background: url(/img/main/con02_bg.png) right top no-repeat;position: absolute;bottom: 0;left: 0;z-index: -1;}
.main_con02 .tit{margin-bottom: 210px;}
.main_con02 .tit strong{display: block;font-size: 80px;font-weight: 600;color: #FFFFFF;line-height: 90px;font-family: 'Montserrat', sans-serif;}
.main_con02 .tit p{color: #FFFFFF;font-size: 24px;line-height: 42px;margin-top: 60px;}
.main_con02 .tit p span{font-weight: 600}
.main_con02 .con_w{text-align: center;display: none}
.main_con02 .con_w strong{display: block;text-align: center;color: #7F7F7F;font-size: 60px;margin-bottom: 150px;font-family: 'Montserrat', sans-serif;}
.main_con02 .con_w ul{display: block;text-align: center}
.main_con02 .con_w ul li{padding: 0 80px;display: inline-block}
.main_con02 .line_w{position: absolute;right: -290px;top: -70px;}
.main_con02 .line{transform: rotate(-31deg);transform-origin: right top}
.main_con02 .line_w ul li{position: relative;width: 810px;height: 6px;margin-bottom: 33px;}
.main_con02 .line_w ul li:nth-child(2){margin-left: 20px;}
.main_con02 .line_w ul li:nth-child(3){margin-left: 40px;}
.main_con02 .line_w ul li:nth-child(4){margin-left: 60px;}
.main_con02 .line_w ul li:nth-child(5){margin-left: 80px;}
.main_con02 .line_w ul li:nth-child(6){margin-left: 100px;}
.main_con02 .line_w ul li:nth-child(7){margin-left: 120px;}
.main_con02 .line_w ul li:nth-child(8){margin-left: 140px;}
.main_con02 .line_w ul li:nth-child(9){margin-left: 160px;}
.main_con02 .line_w ul li i{content: '';display: block;width: 0%;height: 100%;background: #fff;position: absolute;right: 0;top: 0;transition: 2s}
.main_con02.on .line_w ul li i{width: 100%}
.main_con02.on .line_w ul li:nth-child(2) i{transition-delay: 0.2s}
.main_con02.on .line_w ul li:nth-child(3) i{transition-delay: 0.4s}
.main_con02.on .line_w ul li:nth-child(4) i{transition-delay: 0.6s}
.main_con02.on .line_w ul li:nth-child(5) i{transition-delay: 0.8s}
.main_con02.on .line_w ul li:nth-child(6) i{transition-delay: 1s}
.main_con02.on .line_w ul li:nth-child(7) i{transition-delay: 1.2s}
.main_con02.on .line_w ul li:nth-child(8) i{transition-delay: 1.4s}
.main_con02.on .line_w ul li:nth-child(9) i{transition-delay: 1.6s}
@keyframes motion01{
    0%{left: 0}
    100%{left: -140px}
}

@keyframes motion02{
    0%{right: 0}
    100%{right: -140px}
}

/*motion*/

.main_con01 .txt_w .txt_bg ul li i{height: 8px;border-radius: 4px}
.main_con01 .txt_w .txt_bg ul li{transform: scale(0);transition: 0.5s;}
.main_con01.on .txt_w .txt_bg ul li{transform: scale(1);}
.main_con01 .txt_w .txt_bg ul li:nth-child(1){transition-delay: 0.05s}
.main_con01 .txt_w .txt_bg ul li:nth-child(2){transition-delay: 0.1s}
.main_con01 .txt_w .txt_bg ul li:nth-child(3){transition-delay: 0.15s}
.main_con01 .txt_w .txt_bg ul li:nth-child(4){transition-delay: 0.2s}
.main_con01 .txt_w .txt_bg ul li:nth-child(5){transition-delay: 0.25s}
.main_con01 .txt_w .txt_bg ul li:nth-child(6){transition-delay: 0.3s}
.main_con01 .txt_w .txt_bg ul li:nth-child(7){transition-delay: 0.35s}
.main_con01 .txt_w .txt_bg ul li:nth-child(8){transition-delay: 0.4s}
.main_con01 .txt_w .txt_bg ul li:nth-child(9){transition-delay: 0.45s}
.main_con01 .txt_w .txt_bg ul li:nth-child(10){transition-delay: 0.5s}
.main_con01 .txt_w .txt_bg ul li:nth-child(11){transition-delay: 0.55s}
.main_con01 .txt_w .txt_bg ul li:nth-child(12){transition-delay: 0.6s}
.main_con01 .txt_w .txt_bg ul li:nth-child(13){transition-delay: 0.65s}
.main_con01 .txt_w .txt_bg ul li:nth-child(14){transition-delay: 0.7s}
.main_con01 .txt_w .txt_bg ul li:nth-child(15){transition-delay: 0.75s}
.main_con01 .txt_w .txt_bg ul li:nth-child(16){transition-delay: 0.8s}
.main_con01 .txt_w .txt_bg ul li:nth-child(17){transition-delay: 0.85s}
.main_con01 .txt_w .txt_bg ul li:nth-child(18){transition-delay: 0.9s}
.main_con01 .txt_w .txt_bg ul li:nth-child(19){transition-delay: 0.95s}
.main_con01 .txt_w .txt_bg ul li:nth-child(20){transition-delay: 1s}
.main_con01 .txt_w .txt_bg ul li:nth-child(21){transition-delay: 1.05s}
.main_con01 .txt_w .txt_bg ul li:nth-child(22){transition-delay: 1.1s}
.main_con01 .txt_w .txt_bg ul li:nth-child(23){transition-delay: 1.15s}

@keyframes music1{
    0%{height: 8px}
    50%{height: 45px}
    100%{height: 8px}
}
@keyframes music2{
    0%{height: 8px}
    50%{height: 65px}
    100%{height: 8px}
}
@keyframes music3{
    0%{height: 8px}
    50%{height: 125px}
    100%{height: 8px}
}
@keyframes music4{
    0%{height: 8px}
    50%{height: 100px}
    100%{height: 8px}
}
.main_con01 .txt_w .txt_bg ul li:nth-child(1) i, .main_con01 .txt_w .txt_bg ul li:nth-child(15) i, .main_con01 .txt_w .txt_bg ul li:nth-child(8) i{animation: music1 2s infinite; animation-delay: 1.5s }
.main_con01 .txt_w .txt_bg ul li:nth-child(2) i, .main_con01 .txt_w .txt_bg ul li:nth-child(10) i, .main_con01 .txt_w .txt_bg ul li:nth-child(17) i{animation: music2 2s infinite; animation-delay: 1.7s }
.main_con01 .txt_w .txt_bg ul li:nth-child(5) i, .main_con01 .txt_w .txt_bg ul li:nth-child(8) i, .main_con01 .txt_w .txt_bg ul li:nth-child(13) i{animation: music3 2s infinite; animation-delay: 1.9s }
.main_con01 .txt_w .txt_bg ul li:nth-child(3) i, .main_con01 .txt_w .txt_bg ul li:nth-child(19) i, .main_con01 .txt_w .txt_bg ul li:nth-child(23) i{animation: music3 2s infinite; animation-delay: 2.1s }
.main_con01 .txt_w .txt_bg ul li:nth-child(4) i, .main_con01 .txt_w .txt_bg ul li:nth-child(8) i, .main_con01 .txt_w .txt_bg ul li:nth-child(21) i{animation: music1 2s infinite; animation-delay: 2.3s }
.main_con01 .txt_w .txt_bg ul li:nth-child(6) i, .main_con01 .txt_w .txt_bg ul li:nth-child(9) i, .main_con01 .txt_w .txt_bg ul li:nth-child(11) i{animation: music2 2s infinite; animation-delay: 2.5s }
.main_con01 .txt_w .txt_bg ul li:nth-child(16) i, .main_con01 .txt_w .txt_bg ul li:nth-child(6) i, .main_con01 .txt_w .txt_bg ul li:nth-child(20) i, .main_con01 .txt_w .txt_bg ul li:nth-child(18) i{animation: music1 2s infinite; animation-delay: 1.6s }
.main_con01 .txt_w .txt_bg ul li:nth-child(7) i, .main_con01 .txt_w .txt_bg ul li:nth-child(12) i, .main_con01 .txt_w .txt_bg ul li:nth-child(14) i, .main_con01 .txt_w .txt_bg ul li:nth-child(22) i{animation: music4 2s infinite; animation-delay: 1.6s }

.main_con01 .txt_w .txt strong{letter-spacing: 10px;opacity: 0;filter: blur(10px)}
.main_con01.on .txt_w .txt strong{letter-spacing: 0;opacity: 1;filter: blur(0);transition: 2s;transition-delay: 2.2s}
.main_con01 .txt_w .txt p{letter-spacing: 10px;opacity: 0;filter: blur(10px)}
.main_con01.on .txt_w .txt p{letter-spacing: 0;opacity: 1;filter: blur(0);transition: 2s;transition-delay: 2.5s}
.main_con03{padding-top: 210px;padding-bottom: 195px;}
.main_con03 .bg_w{position: absolute;left: -235px;}
.main_con03 path {
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
  
}
.main_con03.on path{
    animation: dash 3.5s linear forwards;
}
.main_con03 .bg02 path{animation-delay: 0.3s} 
.main_con03 .bg03 path{animation-delay: 0.6s} 
.main_con03{text-align: right}
.main_con03 .bg{position: relative} 
.main_con03 .bg_w .bg01{position: absolute;top: 0;left: -33px}
.main_con03 .bg_w .bg03{position: absolute;top: 0;left: 33px}
.main_con03 .txt_w strong{display: block;font-size: 80px;color: #FFFFFF;line-height: 90px;font-family: 'Montserrat', sans-serif;opacity: 0;}
.main_con03 .txt_w strong i{display: inline-block;animation: flip 3s infinite}
/*
@keyframes flip{
    0%{transform: rotate(0)}
    50%{transform: rotate(360deg)}
    100%{transform: rotate(360deg)}
}
*/
.main_con03.on .txt_w strong{animation: 0.7s text-jump;transform-origin: right center;animation-delay: 0.2s;opacity: 0;animation-fill-mode: forwards}
.main_con03 .txt_w strong:nth-child(2){animation-delay: 0.5s}
.main_con03 .txt_w strong:nth-child(3){animation-delay: 0.9s}
.main_con03 .txt_w p{font-size: 60px;color: #FFFFFF;margin-top: 60px;opacity: 0}
.main_con03.on .txt_w p{animation: 0.7s text-jump;transform-origin: right center;animation-delay: 1.3s;opacity: 0;animation-fill-mode: forwards}

.main_con03.on .txt_w a{animation: 0.7s text-jump;transform-origin: right center;animation-delay: 1.7s;opacity: 0;animation-fill-mode: forwards}
.main_con03 .txt_w a{display: inline-block;margin-top: 140px;position: relative;padding-right: 25px;opacity: 0}
.main_con03 .txt_w a ul{position: absolute;transform: translateY(-50%);top: 50%;display: flex;right: 0}
.main_con03 .txt_w a ul li{width: 3px;height: 38px;position: relative;margin-right: 4px}
.main_con03 .txt_w a ul li i{position: absolute;width: 100%;height: 12px;background: rgba(255,255,255,0.5);top: 50%;transform: translateY(-50%) scale(1,0);transition: 0.6s}
.main_con03 .txt_w a:hover ul li i{ animation: bar 2s infinite linear}
.main_con03 .txt_w a:hover ul li:nth-child(2) i{animation-delay: 0.2s}
.main_con03 .txt_w a:hover ul li:nth-child(4) i{animation-delay: 0.2s}
.main_con03 .txt_w a:hover ul li:nth-child(5) i{animation-delay: 0.3s}
@keyframes bar{
    0%{transform: translateY(-50%) scale(1,0)}
    20%{transform: translateY(-50%) scale(1,1)}
    40%{transform: translateY(-50%) scale(1,0.5)}
    60%{transform: translateY(-50%) scale(1,0.2)}
    80%{transform: translateY(-50%) scale(1,1)}
    100%{transform: translateY(-50%) scale(1,0)}
}
.main_con03 .txt_w a ul li:nth-child(2) i{height: 26px}
.main_con03 .txt_w a ul li:nth-child(4) i{height: 16px}
.main_con03 .txt_w a ul li:nth-child(5) i{height: 27px}
.main_con03 .txt_w a ul li:nth-child(6) i{height: 30px}
.main_con03 .txt_w a ul li:nth-child(7) i{height: 14px}
.main_con03 .txt_w a span{color: #FFFFFF;font-size: 30px;}
.main_con03 .txt_w a span:after{content: '';display: inline-block;vertical-align: middle;width: 31px;height: 2px;background: #FFFFFF;vertical-align: middle;margin-left: 5px;}
.main_con02 .con_w strong{transform: translateY(90px);opacity: 0;transition: 1s}
.main_con02 .con_w.on strong{transform: translateY(0);opacity: 1}
.main_con02 .con_w ul{transform: translateY(90px);opacity: 0;transition: 1s;transition-delay: 0.3s}
.main_con02 .con_w.on ul{transform: translateY(0);opacity: 1}

@keyframes text-jump {
    0% {
        transform: scale(1.2, 0.5) translateY(70px);
        opacity: 0
    }
    100% {
        transform: scale(1, 1) translateY(0);
        opacity:1
    }
}

.main_con02{overflow: hidden}
.main_con02:before{transform: translateY(300px);transition: 1s}
.main_con02.on:before{transform: translateY(0);}
.main_con02 .tit strong{transform: translateX(100px);opacity: 0;transition: 1.2s;transition-delay: 0.3s}
.main_con02.on .tit strong{transform: translateX(0);opacity:1}
.main_con02 .tit p{transform: translateX(100px);opacity: 0;transition: 1.2s;transition-delay: 0.6s}
.main_con02.on .tit p{transform: translateX(0);opacity:1}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@media (max-width: 1750px){
    .main_visual .vi_img{width: 1300px;}
    .main_visual ul.vi_img li svg{width: 100%}
    .main_visual .title ul li img{height: 80px;}
    .main_visual .title02{top: 760px}
    .inner{max-width: 100%;padding: 0 20px}
    .main_con02 .con_w ul li{padding: 0 30px}
    .main_con02 .tit strong{font-size: 55px;line-height: 1.3}
    .main_con02 .tit p{font-size: 20px;line-height: 1.7}
    .main_con02:before{background-position: right -200px bottom 0px}
    .main_con02 .line_w {position: absolute;right: -470px;top: -171px;}
    .main_con03 .txt_w strong{font-size: 55px;line-height: 1.3}
    .main_con03 .txt_w p{font-size: 40px;}
    .main_con03 .bg_w svg{width: 800px;}
}
@media (max-width: 1400px){
    .main_visual .vi_img{width: 800px;}
    .main_visual ul.vi_img li svg{width: 100%}
    .main_visual .title ul li img{height: 80px;}
    .main_visual .title02{top: 760px}
    .main_con02:before {
        background-position: right -200px bottom -100px;
    }
    .main_con02 .line_w{top: -121px}
    .main_con01{padding-bottom: 0}
    .main_con02 .con_w strong{font-size: 50px}
    .main_con02 .con_w ul li img{width: 160px;}
    .main_con03 .txt_w p{font-size: 30px;}
}
@media (max-width: 1150px){
    .main_con02:before{background-size: 1200px auto;background-position: right 0 bottom 0}
    .main_con02 .tit strong{font-size: 43px;}
    .main_con02 .tit p{font-size: 18px;}
    .main_con02 .line_w ul li{height: 3px;margin-bottom: 15px;}
    .main_con02 .line_w ul li:nth-child(2){margin-left: 10px}
    .main_con02 .line_w ul li:nth-child(3){margin-left: 20px}
    .main_con02 .line_w ul li:nth-child(4){margin-left: 30px}
    .main_con02 .line_w ul li:nth-child(5){margin-left: 40px}
    .main_con02 .line_w ul li:nth-child(6){margin-left: 50px}
    .main_con02 .line_w ul li:nth-child(7){margin-left: 60px}
    .main_con02 .line_w ul li:nth-child(8){margin-left: 70px}
    .main_con02 .line_w ul li:nth-child(9){margin-left: 80px}
    .main_con02 .line_w {right: -410px;top: 195px;}
    .main_con02 .tit{margin-bottom: 110px}
    .main_con02 .tit strong{word-break: keep-all}
    .main_con02 .line{transform: rotate(-31.9deg)}
    .main_con02 .con_w strong{margin-bottom: 70px;}
    .main_con02{padding-bottom: 80px}
    .main_con02:before{background-position:right 0 bottom -150px}
    .main_con02 .line_w{top: 55px}
    .main_con03 .bg_w{position: static}
    .main_con03{text-align: center}
    .main_con03 .bg_w{width: 700px;margin: 0 auto}
    .main_con03 .bg_w svg{width: 700px;}
}
@media (max-width: 1000px){
    .main_con01{padding-top: 200px;padding-bottom: 200px;}
    .main_con01 .txt_w .txt strong{font-size: 32px;letter-spacing: 2px}
    .main_con01 .txt_w .txt p{font-size: 14px;letter-spacing: 2px}
    .main_visual .title ul li img{height: 55px}
    .main_visual .title ul li{margin-left: 10px}
    .main_visual ul li .txt ul li{font-size: 40px}
    
}
@media (max-width: 960px){
    .main_con02 .con_w ul li{width: 49%;padding: 0;margin-bottom: 30px}
    .main_con02 .con_w ul li img{width: 120px}
    .main_con02 .con_w strong{font-size: 32px;margin-bottom: 40px;}
    .main_con02 .tit strong{font-size: 36px}
    .main_con02 .tit p{font-size: 14px;line-height: 1.7}
    .main_con02 .tit strong br, .main_con02 .tit p br{display: none;}
    .main_con02 .tit strong, .main_con02 .tit p{word-break: keep-all}
    .main_con02 .tit p{margin-top: 20px;}
    .main_con02:before{background-size: 960px auto;background-position: right top;top: 50%}
    .main_con01 .txt_w .txt_bg ul li{width: 4px;height: 4px;margin-right: 4px;}
    .main_con01{padding-bottom: 0}
    .main_con03 .bg_w{width: 500px;margin: 0 auto}
    .main_con03 .bg_w svg{width: 500px;}
    .main_con03{padding-top: 60px;padding-bottom: 60px;}
    .main_con03 .txt_w strong{font-size: 40px;}
    .main_con03 .txt_w strong img{height: 30px;}
    .main_con03 .txt_w p{font-size: 20px;line-height: 1.7;word-break: keep-all;margin-top: 20px;margin-bottom: 25px}
    .main_con03 .bg_w{margin-bottom: 30px;}
    .main_con03 .bg_w svg{height: auto}
    .main_visual .vi_img{width: 550px}
    .main_visual ul li .txt ul li{font-size: 20px}
    .main_visual ul li.sym02 .txt ul li{font-size: 30px}
    .main_visual .vi_img{margin-top: 200px}
    .main_visual .title01{top: 388px}
    .main_visual .title02{top: 488px}
    .main_visual{width: 100%;overflow: hidden;position: relative;padding-bottom: 200px}
    .main_visual .title02{width: 778px}
    .main_visual .title02 ul{display: block}
    .main_visual .title02 ul li{float: left}
    .main_visual .title ul li img{height: 35px}
    #header #mo_menu{width: 280px}
    #header #mo_menu #gnb ul li a{font-size: 22px;}
    #header #mo_menu #gnb{padding-left:20px}
    #header #mo_menu .sns_w{padding:0 20px;}
    #header #mo_menu .sns_w ul li svg{width: 30px;height: 30px; }
    #header #mo_menu .sns_w ul{padding-top:20px}
    #header #mo_menu #gnb ul li a{padding-left:15px}
    #header #mo_menu #gnb ul li{margin-bottom: 30px;}
    #header #mo_menu .close_btn{right: 20px;top: 20px}
    #header #mo_menu .close_btn button{transform:scale(0.7)}
    #header #mo_menu #gnb{padding-top: 80px;}
    .main_con03 .txt_w a span{font-size: 16px;}
    .main_con03 .txt_w a{margin-top: 30px;}
    .main_con01 .txt_w .txt:before{margin-left: -780px}
    .main_con01 .txt_w .txt:after{margin-right: -780px}
}
@media (max-width: 660px){
    .main_con02 .con_w{background: rgba(255,255,255,0.5);padding-top: 30px;}
    .main_con02:before{display: none !important;}
    .main_con02 .inner{padding: 0}
    .main_con02 .line_w{display: none}
    .main_con02 .tit{padding: 0 20px;}
    .main_con02 .tit{margin-bottom: 60px}
    .main_con01 .txt_w .txt strong{font-size: 24px;margin-bottom: 15px;}
    .main_visual .vi_img{width: 300px;}
    .main_visual.on ul.vi_img li.sym03 &gt; div{right: 50px;}
    .main_visual.on ul.vi_img li.sym01 &gt; div{left: 50px;}
    @keyframes motion01{
    0%{left: 0}
    100%{left: -50px}
}

@keyframes motion02{
    0%{right: 0}
    100%{right: -50px}
}
    .main_visual{height: 100vh}
    @keyframes text-jump {
        0% {
            transform: translateY(70px);
            opacity: 0
        }
        100% {
            transform: translateY(0);
            opacity:1
        }
    }

}
@media (max-width: 600px){
    .main_con03 .bg_w{width: 350px;margin: 0 auto;margin-bottom: 25px;}
    .main_con03 .bg_w svg{width: 350px;}
    .main_con03 .bg_w .bg01{left: -17px}
    .main_con03 .bg_w .bg03{left: 17px}
    .main_visual ul.vi_img{position: absolute;bottom: 25%;left: 50%;transform: translateX(-50%);width: 380px}
    .main_visual ul li.sym03 .txt{top: -40px}
    .main_visual ul li.sym01 .txt{top: -40px}
    .main_visual .title01{top: auto;bottom: 25%}
    .main_visual .title02{top: auto;bottom: 15%}
    .main_visual .title02{width: 545px}
    .main_con02 .tit strong, .main_con03 .txt_w strong{font-size: 30px;}
    .main_con02 .con_w strong{font-size: 24px;}
    .main_con02 .con_w ul li img{width: 80px}
    .main_con03 .txt_w strong img{height: 22px}
    .main_con03 .txt_w p{font-size: 16px}
    .main_con03 .bg_w, .main_con03 .bg_w svg{width: 300px}
    .main_visual .title01{right: -18px;}
    .main_con02{padding-bottom: 0}
    .main_con03 .txt_w a{margin-top: 0}
}</pre></body></html>