*,*: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{border:0;font-size:100%;margin:0;padding:0;vertical-align:baseline}header,footer,nav,section,article,main,aside,figure,figcaption{display:block}ol,ul{list-style:none}img{height:auto;max-width:100%;vertical-align:middle}a{color:inherit;text-decoration:none}button{background:0 0;border:none;box-shadow:none;cursor:pointer;font:inherit;margin:0;padding:0}input,select,textarea{color:inherit;font:inherit;vertical-align:top}body{color:#555;font-family:"Noto Sans JP",sans-serif;font-size:16px;font-weight:400;line-height:1.7}img{display:block;height:auto;max-width:100%}a{color:inherit}.l-header{background:#fff;height:60px;left:0;position:fixed;top:0;width:100%;z-index:20}.l-header__inner{align-items:center;display:flex;height:inherit;justify-content:space-between}.l-header__logo{color:#222;font-family:"Poppins",sans-serif;font-size:28px;font-weight:700}.l-header__open{line-height:0}.l-main{margin-top:60px}.l-inner{padding-inline:20px}.l-footer{padding-block:5px;position:relative}.l-footer__wrapper{text-align:center}.l-footer__logo{font-family:"Poppins",sans-serif;font-weight:700}.l-footer__pagetop{align-items:center;border:2px solid #222;border-radius:50%;bottom:10px;display:flex;height:30px;justify-content:center;position:absolute;right:10px;transition:transform .3s ease;width:30px}.l-footer__pagetop img{width:20px}.l-footer__pagetop:hover{transform:translateY(-4px)}.c-nav{display:none}.c-drawer{background:#fff;display:none;height:calc(100dvh - 60px);left:0;overflow-y:auto;padding-block:50px 60px;position:fixed;top:60px;width:100%;z-index:40}.c-drawer__nav{margin:auto;width:-moz-fit-content;width:fit-content}.c-drawer__list{display:flex;flex-direction:column;gap:21px}.c-drawer__item{padding-block:10px;padding-inline:20px;text-align:center}.c-drawer__link{color:#222;font-size:16px;font-weight:500;line-height:1}.c-drawer__link:active{opacity:.7}.c-drawer-icon{height:24px;position:relative;transition:transform .5s ease;width:24px}.c-drawer-icon.is-checked{transform:rotate(360deg)}.c-drawer-icon.is-checked .c-drawer-icon__bar:nth-of-type(1){top:8px;transform:rotate(45deg);width:24px}.c-drawer-icon.is-checked .c-drawer-icon__bar:nth-of-type(2){display:none}.c-drawer-icon.is-checked .c-drawer-icon__bar:nth-of-type(3){top:8px;transform:rotate(-45deg);width:24px}.c-drawer-icon__bar{background-color:#555;border-radius:6px;height:2px;left:0;position:absolute;width:24px}.c-drawer-icon__bar:nth-of-type(1){top:1px}.c-drawer-icon__bar:nth-of-type(2){top:7.75px}.c-drawer-icon__bar:nth-of-type(3){top:14.5px}.c-button{border:1px solid transparent;color:#555;cursor:pointer;display:inline-block;padding:8px 31px;text-align:center}.c-button--drawer{font-size:16px;padding:21px 82px}.c-button--primary{background:#222;border-color:#fff;color:#fff}.c-button--secondary{color:#222}.c-heading__title{color:#222;font-family:"Poppins",sans-serif;font-size:32px;font-weight:700;position:relative}.c-heading__title:after{background:#2563eb;bottom:0;content:"";height:3px;left:0;position:absolute;width:45px}.c-breadcrumb{font-family:"Poppins",sans-serif;font-size:12px;margin-bottom:14px}.c-breadcrumb.a{text-decoration:none;transition:all .3s ease 0s}.c-breadcrumb.a:hover{opacity:.6}.c-breadcrumb i{margin-inline:10px}.c-breadcrumb i:before{content:">";font-style:normal}.c-breadcrumb__inner{padding-block:10px}.p-mv{padding-top:25px}.p-mv__text{display:flex;flex-direction:column;gap:10px}.p-mv__lead{color:#2563eb;font-family:"Poppins",sans-serif;font-size:14px;font-weight:600;letter-spacing:1px}.p-mv__title{color:#222;font-family:"Poppins",sans-serif;font-size:40px;font-weight:700;line-height:120%}.p-mv__description{font-size:14px;font-weight:400}.p-mv__button{background:#2563eb;color:#fff;margin-top:24px;position:relative;transition:background-color .3s ease,box-shadow .3s ease;width:200px}.p-mv__button:after{content:"";height:14px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;-webkit-mask-image:url(//hirokazu-web.com/wp-content/themes/hirokazu_portfolio/assets/css/../img/icon-right.svg);mask-image:url(//hirokazu-web.com/wp-content/themes/hirokazu_portfolio/assets/css/../img/icon-right.svg);-webkit-mask-repeat:no-repeat;background-color:#fff;mask-repeat:no-repeat;transition:right .3s}.p-mv__button:hover{background-color:#1d4ed8;box-shadow:0 8px 20px rgba(0,0,0,.15)}.p-mv__button:hover:after{right:3px}.p-mv__image{margin-inline:-20px;margin-top:35px}.p-about{background:#f5f5f5;padding-block:25px}.p-about__heading{margin-top:8px}.p-about__body{margin-top:20px}.p-about__title{color:#222;font-size:19px;font-weight:700}.p-about__description{display:flex;flex-direction:column;gap:10px;margin-top:10px}.p-about__text{font-size:15px}.p-about__button{border-color:#222;color:#222;font-family:"Poppins",sans-serif;margin-top:20px;position:relative;transition:border-color .3s ease,background-color .3s ease,color .3s ease,box-shadow .3s ease;width:230px}.p-about__button:after{content:"";height:14px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;-webkit-mask-image:url(//hirokazu-web.com/wp-content/themes/hirokazu_portfolio/assets/css/../img/icon-right.svg);mask-image:url(//hirokazu-web.com/wp-content/themes/hirokazu_portfolio/assets/css/../img/icon-right.svg);-webkit-mask-repeat:no-repeat;background-color:#222;mask-repeat:no-repeat;transition:right .3s ease,background-color .3s ease}.p-about__button:hover{background-color:#2563eb;border-color:transparent;box-shadow:0 8px 20px rgba(0,0,0,.12);color:#fff}.p-about__button:hover:after{background-color:#fff;right:3px}.p-skill{padding-block:25px}.p-skill__items{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;row-gap:20px}.p-skill__item{align-items:center;display:flex;flex-direction:column;gap:8px}.p-skill__icon{align-items:center;background:#f5f5f5;border-radius:50%;display:flex;height:80px;justify-content:center;width:80px}.p-skill__title{color:#222;font-family:"Poppins",sans-serif;font-size:14px}.p-work{background:#f5f5f5;padding-block:25px}.p-work__items{display:grid;gap:30px;grid-template-columns:repeat(1,1fr);margin-top:25px}.p-work__item{background:#fff;box-shadow:0 3px 12px 0 rgba(0,0,0,.16);padding-block:15px 10px;padding-inline:15px;transition:transform .3s ease}.p-work__item:hover{transform:translateY(-8px)}.p-work__item:hover .p-work__image img{transform:scale(1.05)}.p-work__item:hover .p-work__button:after{right:0}.p-work__link{display:flex;flex-direction:column;gap:5px}.p-work__image{border-radius:3px;overflow:hidden}.p-work__image img{transition:transform .3s ease}.p-work__heading{align-items:center;display:flex;gap:15px}.p-work__title{color:#222;font-size:18px}.p-work__label{border:1px solid #555;border-radius:5px;font-size:11px;padding-inline:5px}.p-work__description{min-height:50px}.p-work__text{font-size:14px}.p-work__tags{border-bottom:1px solid #e0e0e0;display:flex;gap:10px;padding-bottom:10px}.p-work__tag{font-size:12px}.p-work__button{color:#222;display:block;font-family:"Poppins",sans-serif;font-weight:500;margin-top:5px;position:relative}.p-work__button:after{content:"";height:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;-webkit-mask-image:url(//hirokazu-web.com/wp-content/themes/hirokazu_portfolio/assets/css/../img/icon-right.svg);mask-image:url(//hirokazu-web.com/wp-content/themes/hirokazu_portfolio/assets/css/../img/icon-right.svg);-webkit-mask-repeat:no-repeat;background-color:#222;mask-repeat:no-repeat;transition:right .3s ease}.p-work-single{padding-block:30px}.p-work-single__layout{display:flex;flex-direction:column;gap:30px}.p-work-single__lead{font-size:14px}.p-work-single__title{color:#222;font-family:"Poppins",sans-serif;font-size:40px;position:relative}.p-work-single__title:after{background:#2563eb;bottom:0;content:"";height:3px;left:0;position:absolute;width:45px}.p-work-single__text{font-size:15px;margin-top:15px}.p-work-single__buttons{display:flex;flex-direction:column;gap:15px;margin-top:30px}.p-work-single__button{border-radius:3px;font-family:"Poppins",sans-serif}.p-work-single__button-primary{background:#2563eb;color:#fff}.p-work-single__button-primary .p-work-single__button-text:after{background:url(//hirokazu-web.com/wp-content/themes/hirokazu_portfolio/assets/css/../img/icon-external-site.png) no-repeat center center/cover;height:20px;right:-30px;width:20px}.p-work-single__button-secondary{border-color:#222;color:#222}.p-work-single__button-secondary .p-work-single__button-text:after{background:url(//hirokazu-web.com/wp-content/themes/hirokazu_portfolio/assets/css/../img/icon-github.webp) no-repeat center center/cover}.p-work-single__button-text{position:relative}.p-work-single__button-text:after{content:"";height:30px;position:absolute;right:-43px;top:50%;transform:translateY(-50%);width:30px}.p-work-single__list{border:1px solid #e5e5e5;border-radius:3px;margin-top:30px}.p-work-single__row{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;gap:30px;padding:10px}.p-work-single__row:last-child{border-bottom:transparent}.p-work-single__term{align-items:center;color:#222;display:flex;flex-shrink:0;gap:10px}.p-work-single__icon{width:25px}.p-work-single__description{flex:1;font-size:14px}.p-work-single__detail{margin-top:50px}.p-work-single__detail h2{border-left:4px solid #2563eb;color:#222;font-size:18px;margin-top:25px;padding-left:12px}.p-work-single__detail p{font-size:14px;margin-left:16px;margin-top:12px}.p-work-single__detail ul{margin-top:12px;padding-left:17px}.p-work-single__detail li{font-size:14px;position:relative}.p-work-single__detail li:before{content:"・";left:-17px;position:absolute;top:0}.p-work-single__detail h3{color:#222}.p-work-single__screens{display:flex;flex-direction:column;gap:25px;margin-top:30px}.p-work-single__screen{display:flex;flex-direction:column;gap:10px}.p-work-single__image{margin-top:10px}.p-work-single__image--sp{width:240px;box-shadow:0 3px 12px 0 rgba(0,0,0,.16)}.p-work-single__image--pc{box-shadow:0 3px 12px 0 rgba(0,0,0,.16)}.p-work-single__cta{background:#f5f5f5;display:flex;flex-direction:column;gap:15px;margin-top:40px;padding:20px;text-align:center}.p-work-single__cta-title{color:#222}.p-work-single__cta-buttons{display:flex;flex-direction:column;gap:15px}.p-profile{padding-block:25px}.p-profile__heading{margin-top:20px}.p-profile__image{margin-inline:auto;width:100px}.p-profile__info{align-items:center;display:flex;flex-direction:column;gap:5px}.p-profile__name{color:#222;font-size:24px}.p-profile__list{margin-top:15px}.p-profile__row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;padding-block:5px}.p-profile__term{color:#222;flex-shrink:0;font-size:14px;font-weight:500;width:80px}.p-profile__description{flex:1}.p-profile__description-list{display:flex;flex-wrap:wrap}.p-profile__description-item:nth-child(n+2):before{content:"/";margin:0 5px}.p-profile__body{display:flex;flex-direction:column;gap:7px;margin-top:15px}.p-profile__text{font-size:14px}.p-contact{background:#f5f5f5;padding-block:25px}.p-contact__layout{display:flex;flex-direction:column;margin-top:15px}.p-contact__title{color:#222;font-size:20px}.p-contact__text{margin-top:25px}.p-contact__items{display:flex;flex-direction:column;gap:10px;margin-top:15px;min-width:335px;width:50%}.p-contact__item{background:#fff;border:1px solid #f5f5f5;border-radius:5px;position:relative;transition:transform .3s ease}.p-contact__item:after{content:"";height:30px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;-webkit-mask-image:url(//hirokazu-web.com/wp-content/themes/hirokazu_portfolio/assets/css/../img/icon-arrow.svg);mask-image:url(//hirokazu-web.com/wp-content/themes/hirokazu_portfolio/assets/css/../img/icon-arrow.svg);-webkit-mask-repeat:no-repeat;background-color:#2563eb;mask-repeat:no-repeat;transition:right .3s ease}.p-contact__item:hover{transform:translateY(-3px)}.p-contact__item:hover:after{right:8px}.p-contact__link{align-items:center;display:flex;gap:15px;padding-block:7px;padding-inline:10px}.p-contact__icon{align-items:center;background:#f5f5f5;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.p-contact__icon img{width:30px}.p-contact__label{color:#2563eb}.p-contact__value{color:#222;font-size:14px}.u-color-accent{color:#2563eb}.u-fade-in-up{opacity:0;transform:translateY(24px);transition:opacity 1s,transform 1s}.u-fade-in-up.is-in-view{opacity:1;transform:translateY(0)}.u-scroll__header{box-shadow:0 2px 8px rgba(0,0,0,.05)}@media screen and (min-width:768px){.l-header{height:100px}.l-header__logo{font-size:40px}.l-main{margin-top:100px}.l-inner{margin-inline:auto;max-width:1280px;padding-inline:40px}.l-footer{padding-block:10px}.l-footer__logo{font-size:18px}.l-footer__copyright{font-size:16px}.l-footer__pagetop{bottom:15px;height:50px;right:15px;width:50px}.c-breadcrumb{font-size:16px}.p-mv{padding-top:0}.p-mv__layout{align-items:center;display:flex;gap:32px}.p-mv__content{max-width:520px;width:100%}.p-mv__lead{font-size:20px}.p-mv__image{margin-left:0;margin-right:calc(50% - 50vw);margin-top:0;width:clamp(835px, 36.04vw + 316px, 1008px);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,#000 20%);mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,#000 20%)}.p-about{padding-block:35px}.p-about__image{margin-inline:auto;width:500px}.p-skill{padding-block:35px}.p-skill__items{display:flex;justify-content:space-evenly}.p-work{padding-block:35px}.p-work__items{gap:20px;grid-template-columns:repeat(2,1fr)}.p-work-single__layout{flex-direction:row;gap:0;justify-content:space-between}.p-work-single__lead{font-size:17px}.p-work-single__title{font-size:59px}.p-work-single__text{font-size:18px;margin-top:30px}.p-work-single__buttons{flex-direction:row;margin-top:45px}.p-work-single__button{padding-block:13px;width:190px}.p-work-single__mockup-image{width:700px}.p-work-single__list{display:flex;margin-top:60px}.p-work-single__row:last-child{border-right:transparent}.p-work-single__row{border-right:1px solid #e5e5e5;flex:1;flex-direction:column;padding-block:30px}.p-work-single__term{gap:15px}.p-work-single__description{font-size:16px}.p-work-single__detail h2{font-size:24px;margin-top:45px}.p-work-single__detail p{font-size:18px;margin-top:16px}.p-work-single__detail li{font-size:18px}.p-work-single__detail h3{font-size:18px}.p-work-single__screens{flex-direction:row;gap:120px;margin-top:40px}.p-work-single__image--pc{width:700px}.p-work-single__cta{gap:20px;margin-top:60px;padding-block:30px}.p-work-single__cta-title{font-size:20px}.p-work-single__cta-buttons{flex-direction:row;gap:40px;justify-content:center}.p-work-single__cta-button{width:245px}.p-profile{padding-block:35px}.p-profile__heading{flex:2;margin-top:0}.p-profile__image{width:200px}.p-profile__info{margin-top:15px}.p-profile__list{flex:3;margin-top:0}.p-profile__body{flex:2.5;margin-top:0}.p-contact{padding-block:35px}.p-contact__title{font-size:35px}.p-contact__items{width:70%}.p-contact__item:after{right:20px}.p-contact__link{gap:30px;padding-block:10px;padding-inline:20px 80px}.p-contact__icon{height:80px;width:80px}.p-contact__icon img{width:50px}.p-contact__value{font-size:16px}}@media screen and (min-width:1024px){.l-header__open{display:none}.c-nav{align-items:center;display:flex;gap:20px;height:inherit}.c-nav__list{display:flex}.c-nav__link{align-items:center;color:#222;display:flex;font-family:"Poppins",sans-serif;font-weight:500;height:100%;margin-inline:13px;padding-inline:10px;position:relative}.c-nav__link:after{background-color:#2563eb;bottom:-1px;content:"";height:1.5px;left:0;position:absolute;transform:scale(0,1);transform-origin:left top;transition:transform .3s;width:100%}.c-nav__link:hover{color:#2563eb}.c-nav__link:hover:after{transform:scale(1,1)}.p-mv__title{font-size:60px}.p-about__layout{align-items:center;display:flex;gap:70px}.p-about__image{width:700px}.p-work__items{grid-template-columns:repeat(3,1fr)}.p-profile__layout{display:flex;gap:60px;margin-top:40px}.p-contact__layout{flex-direction:row;gap:40px}.p-contact__body{width:50%}.p-contact__items{gap:30px;width:50%}}