*,*: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}body{color:#313131;font-family:"Noto Sans JP",sans-serif}a{color:inherit;text-decoration:none;transition:.3s}picture,img,a,span{display:inline-block}video,img,svg{height:100%;width:100%}button{background:0 0;background:0 0;border:none;color:inherit;font:inherit}input,textarea,select{font:inherit}.l-wrapper{min-height:100vh}.l-main{min-height:100vh;padding-block-start:4.5rem}.l-inner{height:inherit;margin-inline:auto;max-width:1120px;padding:0 2.5rem;position:relative;width:100%}.l-inner__narrow{max-width:50rem}.c-btn{align-items:center;align-items:center;display:inline-flex;gap:.625rem;justify-content:center;margin-inline:auto;max-width:12.5rem;min-height:2.625rem;padding:.375rem .625rem .375rem 1.875rem}.c-btn--border{border:1px solid #fff;color:#fff}.c-btn--border .c-btn__text{color:#fff}.c-btn--border .c-btn__icon-path{fill:#fff}.c-btn__icon{align-items:center;display:flex;width:1.5rem}.c-btn__text{font-size:max(1rem, 12.8px)}.c-btn__text{letter-spacing:.08em}.p-header{background:#eff;height:auto;left:0;padding-inline:1.25rem;position:fixed;top:0;width:100%;z-index:100}.p-header__inner{align-items:center;display:grid;grid-template-columns:9.375rem 1fr;padding-block:1.0625rem}.p-header__logo{font-size:1.25rem}.p-header__nav{align-items:center;display:flex;justify-content:end;-moz-column-gap:3.75rem;column-gap:3.75rem}.p-header__list{align-items:center;display:flex;-moz-column-gap:2rem;column-gap:2rem}.p-header__list li a{font-size:1.25rem;position:relative;transition:all .3s ease}.p-header__list li a:after{background:#000;bottom:-7px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.p-header__btn{background:#fff;border:1px solid #fff;border-radius:20px;color:#001a75;font-size:1.25rem;padding:.5rem 1.625rem;transition:all .3s ease}.p-drawer__icon{display:flex;flex-direction:column;height:1rem;justify-content:space-between;position:fixed;right:1.25rem;top:1.0625rem;transform:translateY(50%);width:1.5rem;z-index:102}.p-drawer__icon--bar{background:#000;height:.0625rem;width:100%}.p-drawer__icon.js-show .p-drawer__icon--bar:nth-of-type(1){rotate:45deg;translate:0 .46875rem}.p-drawer__icon.js-show .p-drawer__icon--bar:nth-of-type(2){display:none}.p-drawer__icon.js-show .p-drawer__icon--bar:nth-of-type(3){rotate:-45deg;translate:0 -.46875rem}.p-drawer{background:#b6e7f3;height:100vh;height:100svh;overflow-y:scroll;position:fixed;right:0;top:0;width:50%;z-index:101}.p-drawer__icon--bar{transition:all .5s ease}.p-drawer{transition:translate .5s ease;translate:101%}.p-drawer.js-show{translate:0}.p-drawer__body{height:-moz-fit-content;height:fit-content;padding-block:4.875rem 2.5rem;padding-left:2.125rem;width:100%}.p-drawer__list{display:flex;flex-direction:column;margin-bottom:2.5rem;row-gap:2rem}.p-drawer__list li a{font-size:1.25rem;font-weight:400}.p-drawer__btn{background:#fff;display:inline-block;font-size:1.25rem;font-weight:400;padding:.375rem 1.875rem}.l-footer{width:100%}.p-footer{padding:.625rem 0;text-align:center}.p-footer__copy{font-size:max(0.6875rem, 8.8px)}.p-footer__copy{font-family:"Noto Sans JP",sans-serif}.p-fv{position:relative}.p-fv__img{display:block;width:100%}.p-fv__img img{display:block;height:auto;width:100%}.p-fv__contents{background:url(//yutas0.com/wp-content/themes/myportfolio/assets/css/../img/bg_fv.png) no-repeat center center/cover;left:0;padding:2rem;position:absolute;top:70%;width:100%}.p-fv__heading-main{display:block;font-size:max(2rem, 25.6px)}.p-fv__heading-main{letter-spacing:.125em;letter-spacing:.1em}.p-fv__heading-sub{display:block;font-size:max(1.125rem, 14.4px)}.p-fv__heading-sub{line-height:1.6;margin-top:.75rem}.p-section{padding:3rem 0}.p-section__head{display:flex;flex-direction:column;margin-bottom:2rem}.p-section__head--center{text-align:center}.p-section__head-main{font-size:max(2.5rem, 32px)}.p-section__head-main{letter-spacing:.1em;letter-spacing:.1em}.p-section__head-sub{font-size:max(1.25rem, 16px)}.p-section__head-sub{margin-top:.3125rem}.p-section__lead-text{font-size:max(1.125rem, 14.4px)}.p-section__lead-text{line-height:1.6}.p-section__contents{margin-top:2.5rem}.p-service__item+.p-service__item{margin-top:2.5rem}.p-service__item-img{aspect-ratio:30/7;margin-bottom:.875rem;text-align:center}.p-service__item-name{font-size:max(0.875rem, 11.2px)}.p-service__item-name{font-weight:700;margin-bottom:.625rem;text-align:center}.p-service__item-text{font-size:max(0.875rem, 11.2px)}.p-service__item-text{line-height:1.6}.p-works{background-color:#fafafa}.p-works__item+.p-works__item{margin-top:2.5rem}.p-works__item-img{aspect-ratio:7/5;margin-bottom:.75rem}.p-works__item-img img{box-shadow:0 4px 15px 0 rgba(0,0,0,.15)}.p-works__item-name{font-size:max(1.125rem, 14.4px)}.p-works__item-name{font-weight:700;margin-bottom:.375rem}.p-works__item-link{font-size:max(0.875rem, 11.2px)}.p-works__item-link{text-decoration:underline}.p-works__item-meta{font-size:max(1rem, 12.8px)}.p-works__item-meta{line-height:1.6}.p-about__img{margin-bottom:2rem}.p-about__img img{box-shadow:0 4px 15px 0 rgba(0,0,0,.15)}.p-about__text{font-size:max(1rem, 12.8px)}.p-about__text{line-height:1.6}.p-about__text+.p-about__text{margin-top:1em}.p-about__text-contents{width:100%}.p-flow{background-color:#fafafa}.p-flow__list{margin-top:4rem}.p-flow__item{border:1px solid gray;padding:2.875rem 1rem 1.5rem;position:relative}.p-flow__item+.p-flow__item{margin-top:2.875rem}.p-flow__item-num{align-items:center;background-color:#4a4a4a;color:#fff;display:flex;font-size:max(1.5rem, 19.2px)}.p-flow__item-num{height:3rem;justify-content:center;left:50%;position:absolute;top:-1.5rem;transform:translateX(-50%);width:3rem}.p-flow__item-img{aspect-ratio:30/7;margin-bottom:1.5rem;text-align:center}.p-flow__item-name{font-size:max(1rem, 12.8px)}.p-flow__item-name{font-weight:700;margin-bottom:.625rem;text-align:center}.p-flow__item-text{font-size:max(0.875rem, 11.2px)}.p-flow__item-text{line-height:1.6}.p-message__img{margin-bottom:2rem}.p-message__img img{box-shadow:0 4px 15px 0 rgba(0,0,0,.15)}.p-message__text{font-size:max(1rem, 12.8px)}.p-message__text{line-height:1.6}.p-message__text-contents{width:100%}.p-page-bottom{color:#fff}.p-page-bottom__item{padding:2.5rem}.p-page-bottom__item--contact{background-color:#6f6f6f}.p-page-bottom__item--twitter{background-color:#4a4a4a}.p-page-bottom__button{display:flex;margin-top:1.25rem}.p-skills__contents{margin-top:1rem}.p-skills__list{display:flex;flex-wrap:wrap;gap:.75rem 1rem;list-style:none;margin:0;padding:0}.p-skills__item{margin:0}.p-skills__item-text{display:inline-block;font-size:max(0.9375rem, 12px)}.p-skills__item-text{border:1px solid #000;border-radius:.25rem;font-weight:700;padding:.625rem 1.25rem}.u-font{font-family:"Noto Sans JP",sans-serif}.u-font__jp{font-family:"Noto Sans JP",sans-serif}.u-font__en{font-family:"Poppins",sans-serif}.u-text__center{text-align:center !important}.u-text__left{text-align:left !important}.u-text__right{text-align:right !important}.u-text__nowrap{white-space:nowrap}.u-pointer__none{pointer-events:none !important}.u-animation__fadeIn{opacity:0;transition:all .3s ease;translate:0 20px}.u-animation__fadeIn.js-show{opacity:1;translate:0}.u-animation__fadeIn--right{translate:20px 0}.u-animation__fadeIn--left{translate:-20px 0}.u-animation__btn-hover-bg{border:1px solid #000;overflow:hidden;position:relative;z-index:2}.u-animation__btn-hover-bg:after{background:#ccc;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.u-animation__js-text{overflow:hidden}.u-animation__js-text>span{animation:showText .5s both;display:inline-block}@media (hover:hover){a:hover{cursor:pointer}}@media (any-hover:hover){.p-header__list li a:hover{cursor:pointer}.p-header__list li a:hover:after{width:100%}.u-animation__btn-hover-bg:hover{color:#000;cursor:pointer}.u-animation__btn-hover-bg:hover:after{width:100%}}@media (min-width:768px){a[href*="tel:"]{cursor:default;pointer-events:none;text-decoration:none}.p-header{padding-inline:2.5rem}.p-drawer__icon{display:none}.p-section__head{margin-bottom:1.5rem}.p-section__head-main{font-size:max(3.75rem, 48px);letter-spacing:.0666666667em}.p-service__item-img{aspect-ratio:263/59;width:100%}.p-service__list{display:grid;gap:8%;grid-template-columns:repeat(3,1fr)}.p-service__item+.p-service__item{margin-top:0}.p-works__item-img{aspect-ratio:290/274;height:auto}.p-works__list{display:grid;gap:8%;grid-template-columns:repeat(3,1fr)}.p-works__item+.p-works__item{margin-top:0}.p-about__container{display:flex;flex-direction:row-reverse;gap:2.5rem}.p-about__img,.p-about__text-contents{flex:1}.p-flow__item-img{aspect-ratio:192/66;width:100%}.p-flow__list{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.p-flow__item+.p-flow__item{margin-top:0}.p-message__container{display:flex;flex-direction:row-reverse;gap:2.5rem}.p-message__img{flex:0 0 calc(40% - 20px)}.p-message__text-contents{flex:0 0 calc(60% - 20px)}.p-page-bottom{display:grid;grid-template-columns:repeat(2,1fr)}.p-page-bottom__item{padding:3.375rem .625rem}.u-sp{display:none !important}.u-text__center--pc{text-align:center !important}.u-text__left--pc{text-align:left !important}.u-text__right--pc{text-align:right !important}.u-text__nowrap--pc{white-space:nowrap}.u-pointer__none--pc{pointer-events:none !important}}@media screen and (min-width:768px) and (max-width:767px){.p-section__head-main{font-size:3.75rem}}@media screen and (min-width:768px) and (max-width:1024px){.p-flow__list{gap:2.5rem 1rem;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1119px) and (min-width:768px){html{font-size:calc(16 / 1120 * 100vw)}}@media screen and (max-width:767px){.l-inner{max-width:540px;padding:0 1.25rem;width:100%}.l-inner__narrow{max-width:500px;padding:0 1.25rem}.c-btn__text{font-size:1rem}.p-header__nav{display:none}.p-footer__copy{font-size:.6875rem}.p-fv__heading-main{font-size:2rem}.p-fv__heading-sub{font-size:1.125rem}.p-section__head-main{font-size:2.5rem}.p-section__head-sub{font-size:1.25rem}.p-section__lead-text{font-size:1.125rem}.p-service__item-name{font-size:.875rem}.p-service__item-text{font-size:.875rem}.p-works__item-name{font-size:1.125rem}.p-works__item-link{font-size:.875rem}.p-works__item-meta{font-size:1rem}.p-about__text{font-size:1rem}.p-flow__item-num{font-size:1.5rem}.p-flow__item-name{font-size:1rem}.p-flow__item-text{font-size:.875rem}.p-message__text{font-size:1rem}.p-skills__item-text{font-size:.9375rem}.u-pc{display:none !important}.u-text__center--sp{text-align:center !important}.u-text__left--sp{text-align:left !important}.u-text__right--sp{text-align:right !important}.u-text__nowrap--sp{white-space:nowrap}.u-pointer__none--sp{pointer-events:none !important}}@media screen and (max-width:374px){html{font-size:calc(16 / 375 * 100vw)}}@keyframes showText{0%{translate:0 100%}100%{translate:0 0}}