@charset "UTF-8";#fv{height:100vh;width:100%;display:flex;align-items:center;flex-direction:column;justify-content:center}#fv h2{font-size:clamp(6.5rem,18.23vw,8.8rem);font-family:var(--font-Fugaz-One);font-weight:400;color:#fff;letter-spacing:2px;line-height:1.1;text-align:center;margin-bottom:clamp(5px,1.333vw,25px)}#fv p{font-size:clamp(1.3rem,3.466vw,1.8rem);font-weight:600;color:var(--pale-skyblue_);letter-spacing:2px}@media screen and (max-width:699px){#fv{padding-block:0 30px}#fv h2{line-height:1}}#profile{padding-block:33vh}.profile_wrap{max-width:1160px;margin:0 auto}.profile_left{width:100%;max-width:550px;background-color:var(--pale-skyBlue);border-radius:clamp(10px,26.66vw,30px);padding:50px 60px 65px 84px}#profile p{line-height:2;margin-bottom:40px}@media screen and (max-width:834px){.profile_left{width:90%;max-width:fit-content;margin:0 auto;padding:clamp(33px,6.133vw,40px) clamp(30px,8vw,40px) 55px}}#works{background-color:var(--pale-skyBlue);padding-block:clamp(50px,13vw,148px) 200px;border-radius:60px 60px 0 0}#works h2{margin:0 auto clamp(36px,9.6vw,56px)}.works_wrap{width:100%;max-width:1160px;margin:0 auto}.works_wrap ul{display:flex;align-items:center;gap:29px}.works_wrap li{width:100%;height:330px;border-radius:10px;background-color:#6b6d74;overflow:hidden}.works_wrap li a{display:flex;height:100%;padding:clamp(23px,6.133vw,30px) 20px 20px clamp(2.5rem,6.66vw,30px);flex-direction:column;justify-content:space-between;align-items:flex-end;position:relative}.works_wrap li.on{width:466px;height:446px}.works_wrap li.on a{padding:clamp(23px,6.133vw,40px) 20px 20px clamp(2.5rem,6.66vw,46px)}.works_wrap li a h3,.works_wrap li a span{position:relative;z-index:3}.works_wrap li a span{position:relative;display:block;width:30px;height:30px;border-radius:5px;background-color:var(--pale-skyBlue)}.works_wrap li a span:before{position:absolute;content:"";width:18px;height:12px;background-image:url('https://mayuforstudy.com/wp/wp-content/themes/my-portfolio/images/common/a_arrow_navy.svg');background-size:contain;background-position:center;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.works_wrap li a:before{position:absolute;content:"";width:100%;height:100%;background-color:#0d3c75;display:block;opacity:.8;border-radius:10px;top:0;left:0;z-index:2;transition:.3s ease}.works_wrap li a img{position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);transition:.3s ease;max-width:500%;width:168%;height:auto;display:block;z-index:1}.works_wrap li a:hover img{width:180%}.works_detail{width:100%;color:var(--pale-skyBlue)}.works_detail h3{font-size:clamp(2rem,5.333vw,2.3rem);font-weight:600}.works_viewMore{display:flex;padding-top:clamp(80px,21.33vw,460px);flex-direction:row-reverse}@media screen and (max-width:834px){#works{padding-bottom:400px}#works h2{width:80%}.works_list{width:90%;margin:0 auto}.works_wrap ul{flex-direction:column}.works_wrap li.on,.works_wrap li{width:100%;height:clamp(230px,61.33vw,460px)}.works_viewMore{flex-direction:column;align-items:center}}