*,*:before,*:after{box-sizing:border-box}html,body,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,div,span,img,a,table,tr,th,td,small,button,time,figure{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}li,dd{list-style-type:none}header,footer,nav,section,article,main,aside,figure,figcaption{display:block}img{border:none;vertical-align:bottom}a{cursor:pointer;text-decoration:none}body{background:#fff;color:#000;font-family:"Noto Sans JP","Lora",serif;font-size:14px;font-style:normal;letter-spacing:.1em;line-height:1.6}.inner{padding-inline:15px}.button{align-items:center;background:#f1f8ff;border:.8px solid #000;border-radius:20px;color:#000;cursor:pointer;display:inline-flex;font-size:14px;height:34px;justify-content:center;transition:.5s;width:155px}.fade-in{opacity:0;transition:opacity 1.5s}.fade-in.is-in-view{opacity:1}.slide-in{opacity:0;transform:translateY(100px);transition:opacity 1.5s,transform 1.5s}.slide-in.is-in-view{opacity:1;transform:translateY(0)}.header{height:55px}.header__inner{display:flex;height:55px;justify-content:space-between;padding:24px 17px}.header__logo{display:flex;flex-direction:row;gap:22px}.header-logo__image img{width:35px}.header__logo-text{font-size:20px;color:#000;font-family:"Lora";white-space:nowrap}.drawer__icon{height:12px;position:relative;width:30px;background-color:transparent}.drawer-icon__bar{background:#000;height:2px;left:0;position:absolute;transition:transform .5s;width:30px}.drawer-icon__bar:nth-child(1){top:0}.drawer-icon__bar:nth-child(2){top:9px}.drawer__icon{z-index:200}.drawer__icon.is-checked .drawer-icon__bar:nth-child(1){top:9px;transform:rotate(45deg)}.drawer__icon.is-checked .drawer-icon__bar:nth-child(2){top:9px;transform:rotate(-45deg)}.header__nav{background:rgba(229,245,255,.9);height:180px;position:fixed;right:0;top:55px;transform:translateX(100%);transition:transform .5s;width:200px;z-index:100}.header__nav.is-checked{transform:translateX(0%)}.header__lists{align-items:center;display:flex;flex-direction:column;gap:25px;justify-content:center}.header__link{color:#000;font-size:20px;position:relative}.header__link:after{background-color:#333;bottom:-1px;content:"";height:1.5px;left:0;position:absolute;transform:scale(0,1);transform-origin:right top;transition:transform .5s;width:100%}.fv{margin-bottom:10px;margin-top:10px}.fv__inner{position:relative}.fv__image{text-align:right;z-index:1}.fv__image img{width:80%}.fv__contents{display:flex;flex-direction:column;gap:20px;margin-top:-25px;z-index:2}.fv__title{font-size:32px;margin-left:10px;font-weight:600;letter-spacing:.08em}.fv__text{font-size:14px;margin-left:30px;margin-right:30px;line-height:2}.fv__text .letter,.fv__title .letter{opacity:0}.about{margin-top:60px}.about__inner{padding-inline:30px}.about__contents{display:grid;grid-template-columns:1fr 1fr;justify-content:center;row-gap:20px}.about__title{margin-bottom:auto;margin-top:auto;order:2}.about__image{order:1;text-align:right}.about__image img{width:calc(100% - 30px)}.about__body{order:3}.about__name{font-size:18px}.about__text{font-size:14px;line-height:2.5}.works{background:#f1f8ff;margin-top:30px;padding-block:40px}.works__inner{padding-bottom:20px;padding-top:20px}.works__item{display:flex;flex-direction:column;padding:50px}.works__image{overflow:hidden}.works__image img{transition:transform .4s;width:100%;height:auto}.works__content{display:flex;flex-direction:column;gap:15px}.works__content-title{font-size:16px;-moz-text-align-last:left;position:relative;text-align-last:left;color:#000}.works__content-title:after{background-color:#333;bottom:-1px;content:"";height:1.5px;left:0;position:absolute;transform:scale(0,1);transform-origin:right top;transition:transform .5s;width:100%}.works__content-text{margin-right:30px;font-size:12px}.works__link{border-bottom:1px solid #000;margin-left:auto;width:140px}.works__link-text{color:#000;display:block;text-align:center;transition:transform .5s}.skills{margin-top:30px;padding-block:40px}.section__title{font-size:40px;text-align:center;font-family:"Lora"}.skills__list{display:flex;flex-direction:column;gap:50px;margin-top:20px}.skills__item{background:#f1f8ff;margin-inline:10px;padding:24px;text-align:center}.skills__logo-1 img{width:100px}.skills__logo-2 img{padding-bottom:20px;padding-top:20px;width:70px}.skills__text{margin-top:25px;text-align:left;line-height:190%}.skills__name{border-bottom:1px solid #000;display:inline-block;text-align:center;width:180px}.skills__name-text{font-size:24px;letter-spacing:2.4px;margin-top:12px;font-weight:500}footer{margin-top:70px}.footer__info{display:flex;flex-direction:column;padding-inline:15px;text-align:center}.footer__info .footer__message,.footer__info .footer__thanks,.footer__info .footer__information{overflow-wrap:break-word;word-break:keep-all}.footer__info .footer__email{overflow-wrap:anywhere}.footer__message{font-size:clamp(12px, 2vw, 14px);margin-top:15px}.footer__thanks{font-size:14px}.footer__information{font-size:clamp(10px, 1.3vw, 14px);margin-top:20px}.footer__email{font-size:12px;text-decoration:underline;text-underline-offset:3px}.footer__copyright{background:#bed9ff;margin-top:20px;padding-block:10px;text-align:center;font-family:"Lora"}.page-top{bottom:10px;opacity:0;position:fixed;right:10px;transition:opacity .5s,visibility .5s;visibility:hidden}.page-top img{width:40px}.page-top.is-show{opacity:1;visibility:visible}@media screen and (min-width:768px){.display-none-pc{display:none}.inner{margin-left:auto;margin-right:auto;max-width:1200px;padding-inline:30px}.button:hover{background:#bfe7ff}.header{height:70px}.header__inner{height:70px;width:100%}.drawer__icon{display:none}.header__nav{background:0 0;height:auto;position:static;transform:translateX(0);width:auto}.header__lists{flex-direction:row;gap:50px}.header__link{font-size:16px}.header__link:hover:after{transform:scale(1,1);transform-origin:left top}.fv__inner{max-width:1440px}.fv__image img{width:clamp(600px, 66.6666666667%, 100%)}.fv__contents{margin-top:-200px}.fv__title{font-size:65px}.fv__text{font-size:20px;word-break:keep-all}.about{margin-top:180px}.about__contents{row-gap:50px;-moz-column-gap:70px;column-gap:70px}.about__title{grid-column:1/-1;order:1;font-size:48px}.about__image{order:2}.about__image img{min-width:300px;width:70%}.about__body{display:flex;flex-direction:column;gap:50px;justify-content:center}.about__name{font-size:24px}.about__text{line-height:2.7}.section__title{font-size:60px}.works{margin-top:60px}.works__item{align-items:center;flex-direction:row;gap:clamp(40px, 3vw, 120px);justify-content:center;padding:50px}.works__item:nth-of-type(even){flex-direction:row-reverse}.works__image{width:clamp(400px, 45vw, 500px)}.works__image:hover img{transform:scale(1.05)}.works__content-title{font-weight:700;font-size:clamp(20px, 2.5vw, 32px);letter-spacing:3.2px}.works__content-title:hover:after{transform:scale(1,1);transform-origin:left top}.works__content-text{font-size:clamp(12px, 1.5vw, 14px);line-height:2.5}.works__link{margin-top:30px}.works__link-text{font-size:16px}.works__link-text:hover{transform:translateX(10px)}.skills{margin-top:40px}.skills__list{align-items:stretch;flex-direction:row;gap:30px;justify-content:center}.skills__item{flex:1;padding:35px}footer{margin-top:100px}.footer__message{font-size:14px}.footer__thanks{font-size:14px}.footer__information{font-size:14px}.footer__email{font-size:14px}.page-top{bottom:20px;right:20px}.page-top img{width:50px}.display-none-sp{display:inline}}@media screen and (max-width:767px){.display-none-sp{display:none}.about__body{display:flex;flex-direction:column;gap:30px;grid-column:1/-1}}