[data-v-5c9c65ec]:root{--blue:#0e0620;--white:#fff;--green:#2ccf6d}.container[data-v-5c9c65ec]{width:100vw;height:100vh;background:#eef7ff}.row[data-v-5c9c65ec]{width:55vw;height:100vh}.row .row_item[data-v-5c9c65ec]{padding:0 15px;width:100%;box-sizing:border-box}svg[data-v-5c9c65ec]{width:100%;visibility:hidden}h1[data-v-5c9c65ec]{font-size:7.5em;margin:12px 0;font-weight:700}h2[data-v-5c9c65ec]{font-weight:700}.more_btn[data-v-5c9c65ec]{line-height:35px;max-width:150px}.effect01[data-v-5c9c65ec]{color:#fff;border:4px solid #333;box-shadow:inset 0 0 0 1px #333;background-color:#333;overflow:hidden;position:relative;transition:all .3s ease-in-out}.effect01[data-v-5c9c65ec]:hover{border:4px solid #666;background-color:#fff;box-shadow:inset 0 0 0 4px #eee}.effect01 span[data-v-5c9c65ec]{transition:all .2s ease-out;z-index:2}.effect01:hover span[data-v-5c9c65ec]{letter-spacing:.13em;color:#333}.effect01[data-v-5c9c65ec]:after{background:#fff;border:0 solid #000;content:"";height:155px;left:-75px;opacity:.8;position:absolute;top:-50px;transform:rotate(35deg);width:50px;transition:all 1s cubic-bezier(.075,.82,.165,1);z-index:1}.effect01[data-v-5c9c65ec]:hover:after{background:#fff;border:20px solid #000;opacity:0;left:120%;transform:rotate(40deg)}@media screen and (max-width:768px){.row[data-v-5c9c65ec]{width:100vw;height:80vh;margin-top:5vh}h1[data-v-5c9c65ec]{font-size:6em}.more_btn[data-v-5c9c65ec]{font-size:var(--_16);line-height:calc(var(--small)*3.5);max-width:calc(var(--small)*14)}}