.profile{display:block;width:100%;max-width:500px;margin:0 auto}.info-title{text-align:center}.info-title .developer{display:block;font-size:1.5rem;font-weight:300}.info-title .name{display:block;margin-top:1rem;font-size:4rem;font-weight:700;color:var(--color-main)}.info-desc:before{content:"";display:block;width:4rem;height:.2rem;margin:0 auto 1rem;border-radius:var(--border-radius);background-color:var(--color-main)}.swiper_projects{width:100%;margin:2rem auto 0;overflow:hidden}.swiper_projects a .thumbnail{border-radius:var(--border-radius);overflow:hidden}.swiper_projects a .thumbnail img{width:100%;height:auto;vertical-align:top;transform:scale(1);transition:transform .2s}.swiper_projects a:hover .thumbnail img{transform:scale(1.2)}.swiper_projects .pj_tit{padding-top:20px;font-size:2.5rem;font-weight:600;text-align:center}.swiper_projects .pj_desc{opacity:0;padding-top:10px;text-align:center;transform:translateX(20px);transition:opacity .5s .3s,transform .5s .3s}.swiper_projects .swiper{--swiper-pagination-color:var(--color-main);--swiper-pagination-bullet-width:6px;--swiper-pagination-bullet-height:6px;--swiper-pagination-bullet-inactive-color:var(--color-main);--swiper-pagination-bullet-inactive-opacity:0.4;--mask-url:url('data:image/svg+xml;utf8,<svg width="800" height="800" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M8.489 31.975a1.073 1.073 0 0 1-.757-1.831L21.99 15.88 7.94 1.83c-.417-.417-.417-1.098 0-1.515s1.098-.417 1.515 0l14.807 14.807a1.074 1.074 0 0 1 0 1.515L9.247 31.659a1.078 1.078 0 0 1-.757.316z" fill="var(--color-font)"/></svg>');--arrow-size:3rem;--slide-img-height:21.4rem;max-width:32rem;overflow:visible}.swiper_projects .swiper-slide{opacity:.2;transition:opacity .3s}.swiper_projects .swiper-slide-active{opacity:1}.swiper_projects .swiper-slide-active .pj_desc{opacity:1;transform:translateX(0)}.swiper_projects .swiper .swiper-button-next,.swiper_projects .swiper .swiper-button-prev{display:flex;justify-content:center;align-items:center;width:var(--arrow-size);height:var(--arrow-size);position:absolute;top:calc(var(--slide-img-height)/2 - var(--arrow-size)/2);background-color:var(--color-font);-webkit-mask:var(--mask-url) no-repeat 50% 50%/auto 100%;mask:var(--mask-url) no-repeat 50% 50%/auto 100%;z-index:10;cursor:pointer}.swiper_projects .swiper-button-disabled{opacity:0}.swiper_projects .swiper-button-prev{left:0;transform:rotate(180deg)}.swiper_projects .swiper-button-next{right:0}.swiper_projects .swiper-pagination{display:flex;justify-content:center;align-items:center;top:calc(var(--slide-img-height) + 10px)!important;bottom:auto!important}.skill_List{display:flex;justify-content:center;flex-wrap:wrap;width:100%;max-width:var(--max-width);margin:4rem auto 0;gap:2rem}.skill_List li{flex:none;display:flex;justify-content:space-between;align-items:center;flex-direction:column;width:8rem;height:8rem}.skill_List li:hover svg{filter:grayscale(0);opacity:1}.skill_List li:hover span{opacity:1}.skill_List svg{width:70%;height:auto;filter:grayscale(100%);opacity:.5;transition:filter .2s,opacity .2s}.skill_List span{display:block;line-height:1;font-size:1.2rem;font-weight:400;opacity:.3;transition:opacity .2s}@media (min-width:1440px){.main_section{max-width:900px;margin:0 auto}}