.page-skill[data-v-326b7153]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;font-size:30px;-ms-flex-pack:distribute;justify-content:space-around}.page-skill .page-skill-detail[data-v-326b7153]{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.page-skill .skill-name[data-v-326b7153]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.frame-list .frame-list-name[data-v-326b7153],.native-list .native-list-name[data-v-326b7153],.skill-name .skill-name-text[data-v-326b7153]{font-size:inherit;font-weight:900}.page-skill .skill-frame[data-v-326b7153],.page-skill .skill-native[data-v-326b7153]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.skill-frame .frame-list[data-v-326b7153],.skill-native .native-list[data-v-326b7153]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:150px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:10px 20px;padding:10px;position:relative;width:150px;word-wrap:break-word}@media screen and (max-width:500px){.skill-frame .frame-list[data-v-326b7153],.skill-native .native-list[data-v-326b7153]{font-size:18px;height:80px;width:80px}}.frame-list .frame-list-percent[data-v-326b7153],.native-list .frame-list-percent[data-v-326b7153]{background:#fff;border-radius:50%;height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:100%;z-index:-1}.frame-list-percent .percent-circle[data-v-326b7153]{fill:#fff;stroke-dasharray:0 100;stroke-width:6;-webkit-transition:stroke-dasharray 2s ease;transition:stroke-dasharray 2s ease}