.vision .kv{text-align:center;background:url(/images/vision/bg.svg) bottom/cover no-repeat;width:100%;height:850px}.vision .kv img{width:400px}.vision .kv h2{letter-spacing:6.6px;color:#fff;font-size:33px;line-height:44.95px}.vision .kv img.text{width:80vh;max-width:600px;position:absolute;top:90%;left:38%;transform:translate(-50%,-50%)}.vision .kv img.chara{width:100px;max-width:5%;position:absolute;top:94%;left:17%;transform:translate(-50%,-50%)}.vision .birth{text-align:center;background:url(/images/vision/kv.jpg) bottom/cover no-repeat;padding-top:300px;padding-bottom:80px;position:relative;top:-280px}.vision .birth h3{letter-spacing:6px;color:#231815;background:#ffda01;margin-bottom:60px;padding:20px 80px;font-family:Helvetica;font-size:30px;font-weight:700;line-height:34.9px;display:inline-block}.vision .birth p{letter-spacing:5.2px;color:#fff;margin-bottom:60px;font-size:26px;line-height:1.5}.vision .birth img{width:600px}.vision .message{text-align:center;position:relative;top:-200px}.vision .message h3{letter-spacing:6px;color:#fff;background:#e60012;margin-bottom:60px;padding:20px 80px;font-family:Helvetica;font-size:30px;font-weight:700;line-height:34.9px;display:inline-block}.vision .message span{letter-spacing:4.8px;color:#231815;border-bottom:1px dashed #c9bc9c;font-size:24px;line-height:1.8}.vision .message ul{text-align:left;background:#c9bc9c;border-radius:100px;width:960px;margin:40px auto 80px;padding:60px;list-style:none;position:relative}.vision .message ul li{letter-spacing:4.6px;color:#fff;font-size:23px;line-height:44px}.vision .message ul img{width:130px;position:absolute;top:90%;left:101%;transform:translate(-50%,-50%)}.vision .message p.president{letter-spacing:4.8px;color:#231815;border-bottom:none;margin-top:80px;font-size:24px;line-height:1.5}.kv svg{text-align:center;margin:0 auto 30px;display:block}svg .svg-elem-1{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) .8s}svg.active .svg-elem-1{fill:#fff}svg .svg-elem-2{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) .9s}svg.active .svg-elem-2{fill:#fff}svg .svg-elem-3{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) 1s}svg.active .svg-elem-3{fill:#fff}svg .svg-elem-4{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) 1.1s}svg.active .svg-elem-4{fill:#fff}svg .svg-elem-5{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) 1.2s}svg.active .svg-elem-5{fill:#fff}svg .svg-elem-6{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) 1.3s}svg.active .svg-elem-6{fill:#fff}svg .svg-elem-7{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) 1.4s}svg.active .svg-elem-7{fill:#fff}svg .svg-elem-8{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) 1.5s}svg.active .svg-elem-8{fill:#fff}svg .svg-elem-9{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) 1.6s}svg.active .svg-elem-9{fill:#fff}svg .svg-elem-10{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) 1.7s}svg.active .svg-elem-10{fill:#fff}svg .svg-elem-11{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) 1.8s}svg.active .svg-elem-11{fill:#fff}svg .svg-elem-12{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) 1.9s}svg.active .svg-elem-12{fill:#fff}svg .svg-elem-13{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) 2s}svg.active .svg-elem-13{fill:#fff}svg .svg-elem-14{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) 2.1s}svg.active .svg-elem-14{fill:#fff}svg .svg-elem-15{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) 2.2s}svg.active .svg-elem-15{fill:#fff}svg .svg-elem-16{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) 2.3s}svg.active .svg-elem-16{fill:#fff}svg .svg-elem-17{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) 2.4s}svg.active .svg-elem-17{fill:#fff}svg .svg-elem-18{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) 2.5s}svg.active .svg-elem-18{fill:#fff}svg .svg-elem-19{fill:#0000;transition:fill .6s cubic-bezier(.215,.61,.355,1) 2.6s}svg.active .svg-elem-19{fill:#fff}.kv h1{letter-spacing:12.8px;color:#fff;text-align:center;padding:0 20px;font-family:Helvetica;font-size:64px;font-weight:700;line-height:1.2;position:relative}.kv h1:after{content:"";background:#ffda01;width:100%;height:12px;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)}.kv h1{width:730px;margin:0 auto;display:flex;overflow:hidden}.kv h1 span{transition:transform .5s cubic-bezier(.215,.61,.355,1);display:block;transform:translateY(105%)}.kv h2{overflow:hidden}.kv h2 span{animation:1s ease-out 3s forwards popanime;position:relative;bottom:-40px}@keyframes popanime{0%{bottom:-40px}to{bottom:0}}.kv h1.-visible span{transform:translate(0)}.kv h1 span:nth-child(2){transition-delay:60ms}.kv h1 span:nth-child(3){transition-delay:.12s}.kv h1 span:nth-child(4){transition-delay:.18s}.kv h1 span:nth-child(5){transition-delay:.24s}.kv h1 span:nth-child(6){transition-delay:.3s}.kv h1 span:nth-child(7){transition-delay:.36s}.kv h1 span:nth-child(8){transition-delay:.42s}.kv h1 span:nth-child(9){transition-delay:.48s}.kv h1 span:nth-child(10){transition-delay:.54s}.kv h1 span:nth-child(11){transition-delay:.6s}.kv h1 span:nth-child(12){transition-delay:.66s}.kv h1 span:nth-child(13){transition-delay:.72s}.kv h1 span:nth-child(14){transition-delay:.78s}@media only screen and (max-width:767px){.vision .kv{text-align:center;background:url(/images/vision/bg.svg) bottom/cover no-repeat;width:100%;height:550px}.vision .kv img{width:70%}.vision .kv h2{letter-spacing:4.6px;color:#fff;font-size:24px;line-height:1.5}.vision .kv img.text{width:85%;max-width:600px;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%)}.vision .kv img.chara{width:100px;max-width:15%;position:absolute;top:75%;left:17%;transform:translate(-50%,-50%)}.vision .birth{text-align:center;z-index:-1;background:url(/images/vision/kv.jpg) bottom/cover no-repeat;padding-top:120px;padding-bottom:40px;position:relative;top:-100px}.vision .birth h3{letter-spacing:2px;color:#231815;background:#ffda01;margin-bottom:30px;padding:10px 60px;font-family:Helvetica;font-size:24px;font-weight:700;line-height:1;display:inline-block}.vision .birth p{letter-spacing:2.2px;color:#fff;max-width:90%;margin:0 auto 30px;font-size:18px;line-height:1.5}.vision .birth img{width:90%}.vision .message{text-align:center;position:relative;top:-60px}.vision .message h3{letter-spacing:2px;color:#fff;background:#e60012;margin-bottom:30px;padding:10px 60px;font-family:Helvetica;font-size:24px;font-weight:700;line-height:1;display:inline-block}.vision .message p{width:90%;margin:0 auto}.vision .message span{letter-spacing:2.8px;color:#231815;border-bottom:1px dashed #c9bc9c;font-size:18px;line-height:1.8}.vision .message ul{text-align:left;background:#c9bc9c;border-radius:40px;width:90%;margin:40px auto 150px;padding:20px;list-style:none;position:relative}.vision .message ul li{letter-spacing:4.6px;color:#fff;text-indent:-20px;margin-bottom:15px;padding-left:20px;font-size:16px;line-height:1.5}.vision .message ul img{width:80px;position:absolute;top:115%;left:80%;transform:translate(-50%,-50%)}.vision .message p.president{letter-spacing:4.8px;color:#231815;border-bottom:none;margin-top:50px;font-size:16px;line-height:1.5}.kv svg{text-align:center;width:70%;max-height:250px;margin:0 auto 20px;display:block}.kv h1{letter-spacing:3.8px;color:#fff;text-align:center;justify-content:center;padding:0 10px;font-family:Helvetica;font-size:26px;font-weight:700;line-height:1.2;display:flex;position:relative}.kv h1:after{content:"";background:#ffda01;width:100%;height:12px;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)}.kv h1{width:90%;margin:0 auto;display:flex;overflow:hidden}.kv h1 span{transition:transform .5s cubic-bezier(.215,.61,.355,1);display:block;transform:translateY(105%)}.kv h2{overflow:hidden}.kv h2 span{animation:1s ease-out 3s forwards popanime;position:relative;bottom:-40px}}
