html,body{color:#072c26;font-family:"Zen Maru Gothic",serif;line-height:1;overflow-x:hidden;position:relative}img{display:block;height:auto;width:100%;-o-object-fit:cover;object-fit:cover}a{color:inherit;text-decoration:none}li{list-style:none}html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4}*,:before,:after{background-repeat:no-repeat;box-sizing:inherit}:before,:after{text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{color:inherit;height:0;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit],[role=button]{cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{outline:1px dotted ButtonText}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}.drawer{background-color:transparent;opacity:0;pointer-events:none;position:fixed;right:20px;top:50%;transform:translateY(-50%);visibility:hidden;z-index:50}.drawer.is-open{pointer-events:auto}.drawer__inner{height:100%;width:100%}.drawer__nav-list{align-items:end;display:flex;flex-direction:column;gap:clamp(0.625rem, 0.262rem + 1.55vw, 1.5rem);justify-content:start}.drawer__nav-item{opacity:0}.drawer__nav-link{align-items:center;background-color:#fff;border:3px solid #3f7764;border-radius:50%;box-shadow:1px 3px 4px 0px rgba(33,58,40,.25);display:flex;flex-direction:column;gap:6px;height:150px;justify-content:center;letter-spacing:.02em;min-width:150px;transition:.3s}.drawer__nav-link:hover{background-color:#a0a0a0}.drawer__nav-icon{display:block;height:36px;width:36px}.drawer__nav-icon--home{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/home-icon.svg) no-repeat center center/contain;width:34px}.drawer__nav-icon--works{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/works-icon.svg) no-repeat center center/contain;width:42px}.drawer__nav-icon--skills{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/skills-icon.svg) no-repeat center center/contain}.drawer__nav-icon--contact{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/contact-icon.svg) no-repeat center center/contain}.drawer__nav-title{color:#2d594a;display:block;font-family:"Poppins",sans-serif;font-size:clamp(0.875rem, 0.731rem + 0.62vw, 1.125rem);font-weight:700;letter-spacing:.04em}.drawer__nav-title-sub{color:#3f7764;display:block;font-size:clamp(0.688rem, 0.61rem + 0.33vw, 0.875rem);font-weight:700;letter-spacing:.04em}.footer{margin-top:clamp(-6.25rem, -0.239rem - 7.51vw, -2rem);padding-top:clamp(2rem, 0.239rem + 7.51vw, 6.25rem);position:relative;z-index:25}.footer:before{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/tree-row.webp) repeat bottom center/100% 100%;content:"";height:clamp(2rem, 0.239rem + 7.51vw, 6.25rem);left:0;position:absolute;top:clamp(0.188rem, 0.006rem + 0.77vw, 0.625rem);width:100%;z-index:-1}.footer__inner{background-color:#3f7764;padding:50px 0 10px}.footer__nav{align-items:center;display:flex;justify-content:center}.footer__nav-item:last-child .footer__nav-link{border-right:none}.footer__nav-link{border-right:1px solid #fff;color:#fff;display:block;font-weight:700;letter-spacing:.06em;padding:0 40px;text-transform:uppercase;transition:.3s}.footer__nav-link:hover{color:#a0a0a0}.footer__copyright{color:#fff;font-size:14px;margin-top:60px;text-align:center}.header{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);height:clamp(2.5rem, 1.464rem + 4.42vw, 5rem);left:0;padding:0 30px;position:fixed;top:0;transition:.3s;width:100%;z-index:40}.header.is-open{background-color:transparent;box-shadow:none}.header.is-open .header__logo{opacity:0;visibility:hidden}.header.is-open .header__logo-link{pointer-events:none}.header.header--works-page,.header.is-skills-page{background-color:transparent;box-shadow:none}.header__inner{align-items:center;display:flex;height:100%;justify-content:space-between}.header__logo{transition:.3s}.header__logo-link{aspect-ratio:4.347826087;display:block;max-width:clamp(6.625rem, 4.191rem + 10.39vw, 12.5rem);transition:.3s;width:100%}.header__logo-link:hover{opacity:.7}.header__hamburger{height:18px;transition:.3s;width:44px}.header__hamburger:hover{opacity:.7}.header__hamburger-inner{display:block;height:100%;position:relative;width:100%}.header__hamburger-bar1,.header__hamburger-bar2{background-color:#3f7764;display:block;height:4px;left:0;position:absolute;transition:.3s;width:100%}.header__hamburger-bar1.header__hamburger-bar1--works-page,.header__hamburger-bar1.header__hamburger-bar2--works-page,.header__hamburger-bar1.header__hamburger-bar1--skills-page,.header__hamburger-bar1.header__hamburger-bar2--skills-page,.header__hamburger-bar2.header__hamburger-bar1--works-page,.header__hamburger-bar2.header__hamburger-bar2--works-page,.header__hamburger-bar2.header__hamburger-bar1--skills-page,.header__hamburger-bar2.header__hamburger-bar2--skills-page{background-color:#fff}.header__hamburger-bar1{top:0}.header__hamburger-bar2{bottom:0}.header__hamburger.is-open .header__hamburger-bar1,.header__hamburger.is-open .header__hamburger-bar2{background-color:#fff;left:0;top:50%;transition:.3s}.header__hamburger.is-open .header__hamburger-bar1{transform:rotate(30deg)}.header__hamburger.is-open .header__hamburger-bar2{transform:rotate(-30deg)}.overlay{background-color:rgba(0,0,0,.5);height:100vh;left:0;opacity:0;position:fixed;top:0;transition:.3s;visibility:hidden;width:100vw;z-index:30}.overlay.is-open{opacity:1;visibility:visible}.section__title,.section__title-reverse{font-family:"Poppins",sans-serif;font-size:clamp(1.625rem, 1.211rem + 1.77vw, 2.625rem);letter-spacing:.06em}.section__title-sub,.section__title-reverse-sub{display:block;font-family:"Zen Maru Gothic",serif;font-size:clamp(1.125rem, 1.073rem + 0.22vw, 1.25rem)}.section__title{color:#2d594a;text-align:center}.section__title.is-works-single{margin-top:100px}.section__title-sub{color:#628d86;margin-top:8px}.section__title-reverse{color:#fff;margin-left:150px}.section__title-reverse.is-skills{margin-left:0;text-align:center}.section__title-reverse.is-works-page,.section__title-reverse.is-skills-page,.section__title-reverse.is-works-single{margin-left:0;text-align:center}.section__title-reverse-sub{color:#fff;margin-top:8px}.to-top{bottom:20px;opacity:0;position:fixed;right:20px;transition:.5s;visibility:hidden;z-index:25}.to-top.is-show{opacity:1;visibility:visible}.to-top__link{align-items:center;background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px 0 rgba(0,0,0,.1);color:#3f7764;display:flex;font-size:clamp(1.125rem, 0.97rem + 0.66vw, 1.5rem);height:clamp(2.25rem, 1.628rem + 2.65vw, 3.75rem);justify-content:center;position:relative;transition:.3s;width:clamp(2.25rem, 1.628rem + 2.65vw, 3.75rem)}.to-top__link:hover{background-color:#3f7764;color:#fff}.skills-page{background:linear-gradient(to bottom,#2ba7ff,#e9fcfe);margin-top:clamp(2.5rem, 1.464rem + 4.42vw, 5rem);overflow:hidden;padding:clamp(6.063rem, 4.431rem + 6.96vw, 10rem) 0 clamp(8.125rem, 5.017rem + 13.26vw, 15.625rem) 0;position:relative}.skills-page__cloud1,.skills-page__cloud2,.skills-page__cloud3,.skills-page__airballoon,.skills-page__airplane{position:absolute}.skills-page__airplane{aspect-ratio:76/54;background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/airplane.png) no-repeat center center/100% 100%;left:55px;max-width:clamp(3rem, 2.275rem + 3.09vw, 4.75rem);top:clamp(9.875rem, 7.544rem + 9.94vw, 15.5rem);width:100%;z-index:2}.skills-page__trail{background:linear-gradient(to left,rgba(255,255,255,.6),transparent);border-radius:0 10px 10px 0;display:inline-block;filter:blur(2px);height:4px;left:-230px;opacity:1;position:absolute;top:clamp(10.75rem, 8.16rem + 11.05vw, 17rem);width:300px;z-index:2}.skills-page__cloud1{aspect-ratio:3.18;background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/cloud1.webp) no-repeat center center/100% 100%;max-width:clamp(7.125rem, 1.842rem + 22.54vw, 19.875rem);right:clamp(0.625rem, -1.706rem + 9.94vw, 6.25rem);top:clamp(2.75rem, 3.527rem - 3.31vw, 0.875rem);width:100%}.skills-page__cloud2{aspect-ratio:3.5773195876;background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/cloud2.webp) no-repeat center center/100% 100%;left:clamp(-3.25rem, -5.089rem + 7.85vw, 1.188rem);max-width:clamp(9.375rem, 4.273rem + 21.77vw, 21.688rem);top:clamp(9.125rem, 4.671rem + 19.01vw, 19.875rem);width:100%}.skills-page__cloud3{aspect-ratio:1.9064748201;background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/cloud2.webp) no-repeat center center/100% 100%;max-width:265px;right:-23px;top:646px;width:100%}.skills-page__sun1,.skills-page__sun2{aspect-ratio:1.0277777778;left:80px;max-width:clamp(6.25rem, 3.09rem + 13.48vw, 13.875rem);position:absolute;width:100%}.skills-page__sun1{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/sun1.webp) no-repeat center center/100% 100%;opacity:1;top:40px}.skills-page__sun2{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/sun2.webp) no-repeat center center/100% 100%;opacity:0;top:50px}.skills-page__airballoon{aspect-ratio:1;background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/airballoon.webp) no-repeat center center/100% 100%;bottom:550px;left:10px;max-width:clamp(1.875rem, -0.404rem + 9.72vw, 7.375rem);width:100%}.skills-page__inner{margin-inline:auto;max-width:1040px;padding:0 30px}.skills-page__list{background-color:#fff;border-radius:12px;display:flex;flex-direction:column;gap:30px;margin-top:clamp(3.125rem, 1.83rem + 5.52vw, 6.25rem);padding:30px;position:relative;z-index:20}.skills-page__item{background-color:#e4e4e4;border-radius:12px;display:flex;gap:20px;padding:20px}.skills-page__item-content{background-color:#fff;border-radius:12px;height:inherit;margin-top:16px;padding:16px;position:relative;text-wrap:wrap;width:calc(100% - 223px)}.skills-page__item-img{border-radius:12px;width:223px}.skills-page__item-img img{aspect-ratio:1;background-color:#fff;border-radius:12px;-o-object-fit:cover;object-fit:cover}.skills-page__item-title{background-color:#3f7764;border-radius:28px;color:#fff;display:inline-block;font-family:"Poppins",sans-serif;font-size:clamp(1rem, 0.896rem + 0.44vw, 1.25rem);font-weight:500;left:50%;letter-spacing:.08em;min-width:170px;padding:8px 28px;position:absolute;text-align:center;top:-20px;transform:translateX(-50%)}.skills-page__item-list{display:flex;flex-direction:column;gap:10px;margin:20px 0}.skills-page__item-description{font-weight:400;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;padding-left:14px;position:relative;word-break:break-word}.skills-page__item-description:before{content:"・";left:0;position:absolute;top:0}.pagination{align-items:center;display:flex;gap:14px;justify-content:center;margin-top:clamp(1.875rem, 1.098rem + 3.31vw, 3.75rem)}.page-numbers{align-items:center;background-color:#fff;border-radius:50%;color:#3f7764;display:flex;font-family:"Poppins",sans-serif;font-size:20px;font-weight:700;height:50px;justify-content:center;min-width:50px;transition:.3s}.page-numbers:hover{opacity:.7}.page-numbers.current:hover{opacity:1}.works-page{background:linear-gradient(to bottom,#020d0d,#214c5e);margin-top:clamp(2.5rem, 1.464rem + 4.42vw, 5rem);overflow:hidden;padding:clamp(6.063rem, 4.431rem + 6.96vw, 10rem) 0 clamp(8.75rem, 5.901rem + 12.15vw, 15.625rem) 0;position:relative}.works-page__shootingstar1,.works-page__shootingstar2,.works-page__shootingstar3{aspect-ratio:1.7857142857;background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/shootingstar.webp) no-repeat center center/100% 100%;max-width:clamp(1.75rem, 1.18rem + 2.43vw, 3.125rem);position:absolute;transform:rotate(-37deg);width:100%}.works-page__shootingstar1{right:200px;top:-50px}.works-page__shootingstar2{right:-50px;top:100px}.works-page__shootingstar3{left:700px;top:-50px}.works-page__star{animation:sparkle 1.6s infinite ease-in-out;aspect-ratio:1;background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/star.png) no-repeat center center/contain;bottom:clamp(9.375rem, 7.51rem + 7.96vw, 13.875rem);filter:drop-shadow(0 0 5px #fff);max-width:clamp(3.75rem, 2.921rem + 3.54vw, 5.75rem);position:absolute;right:clamp(0.5rem, -0.122rem + 2.65vw, 2rem);width:100%}.works-page__stars1{animation:sparkle 1.6s infinite ease-in-out;aspect-ratio:1.7321428571;background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/stars1.png) no-repeat center center/contain;filter:drop-shadow(0 0 5px #fff);left:clamp(4.375rem, -0.908rem + 22.54vw, 17.125rem);max-width:clamp(5.313rem, 2.49rem + 12.04vw, 12.125rem);position:absolute;top:clamp(1.188rem, 0.851rem + 1.44vw, 2rem);width:100%}.works-page__stars2{animation:sparkle 2s infinite ease-in-out;aspect-ratio:2.0610687023;background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/stars2.webp) no-repeat center center/contain;filter:drop-shadow(0 0 5px #fff);max-width:clamp(8.625rem, 5.206rem + 14.59vw, 16.875rem);position:absolute;right:clamp(-0.813rem, -1.978rem + 4.97vw, 2rem);top:clamp(7.063rem, 5.586rem + 6.3vw, 10.625rem);transform:rotate(-28deg);width:100%}.works-page__stars3{animation:sparkle 2s infinite ease-in-out;aspect-ratio:1.7263157895;background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/stars1.png) no-repeat center center/contain;bottom:clamp(6.438rem, 3.666rem + 11.82vw, 13.125rem);filter:drop-shadow(0 0 5px #fff);left:0;max-width:clamp(6.438rem, 4.858rem + 6.74vw, 10.25rem);position:absolute;transform:rotate(45deg);width:100%}.works-page__moon{aspect-ratio:.8511904762;background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/moon.webp) no-repeat center center/100% 100%;left:clamp(0.5rem, -0.588rem + 4.64vw, 3.125rem);max-width:clamp(4rem, 1.954rem + 8.73vw, 8.938rem);position:absolute;top:clamp(2rem, 1.016rem + 4.2vw, 4.375rem);transform:scaleX(-1) rotate(12deg);width:100%}.works-page__inner{margin-inline:auto;max-width:1140px;padding:0 30px}.works-page__content{margin-top:clamp(3.125rem, 1.83rem + 5.52vw, 6.25rem);position:relative;z-index:20}.works-page__list{display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.works-page__item{background-color:#fff;border-radius:12px}.works-page__item-img{border-radius:12px 12px 0 0;display:block;overflow:hidden;padding:10px 10px 0;position:relative}.works-page__item-img:before{background-color:rgba(0,0,0,.3);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;width:0;z-index:1}.works-page__item-img img{aspect-ratio:1.8867924528;-o-object-position:top;object-position:top;-o-object-fit:cover;object-fit:cover;transition:.3s}.works-page__item-title{font-size:16px;font-weight:700;padding:16px 0 18px;text-align:center}.works-page__item-link{position:relative}.works-page__item-link:before{align-items:center;background-color:#3f7764;border-radius:11px 0;color:#fff;content:attr(data-genre);display:flex;font-size:14px;font-weight:700;height:auto;justify-content:center;left:0;letter-spacing:.14em;min-width:96px;padding:8px 14px;position:absolute;top:0;white-space:nowrap;z-index:2}.works-page__item-link:hover .works-page__item-img:before{height:800px;width:800px}.works-page__item-link:hover .works-page__item-img img{transform:scale(1.1)}.works-single-text{font-size:clamp(0.875rem, 0.823rem + 0.22vw, 1rem);line-height:1.4;margin-top:clamp(5rem, 3.964rem + 4.42vw, 7.5rem);padding:0 15px;text-align:center}.works-single-text span{color:red}.works-single{margin-top:clamp(2.5rem, 1.982rem + 2.21vw, 3.75rem);padding-top:clamp(2.5rem, 0.428rem + 8.84vw, 7.5rem);position:relative}.works-single:before{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/curve.png) no-repeat top center/110% 100%;content:"";height:clamp(2.5rem, 0.428rem + 8.84vw, 7.5rem);left:0;position:absolute;top:0;width:100%}.works-single__inner{background-color:#f0e4ca;padding:clamp(1.25rem, 0.732rem + 2.21vw, 2.5rem) 0 clamp(6.25rem, 2.624rem + 15.47vw, 15rem) 0}.works-single__title{color:#3f7764;font-size:clamp(1.5rem, 1.086rem + 1.77vw, 2.5rem);font-weight:700;text-align:center}.works-single__container{margin-inline:auto;max-width:1040px;padding:0 30px}.works-single__main{background-color:#fff;border-radius:clamp(0.75rem, -0.493rem + 5.3vw, 3.75rem);display:flex;gap:40px;margin-top:30px;padding:40px 60px}.works-single__content{font-size:clamp(0.875rem, 0.823rem + 0.22vw, 1rem);padding-top:10px;width:50%}.works-single__login{align-items:center;display:flex;gap:22px;justify-content:center;margin-top:30px}.works-single__login-row{align-items:center;display:flex;gap:2px;letter-spacing:.04em}.works-single__login-term{align-items:center;color:#3f7764;display:flex;font-size:clamp(0.875rem, 0.823rem + 0.22vw, 1rem);font-weight:700;justify-content:center}.works-single__login-text{font-size:clamp(0.875rem, 0.823rem + 0.22vw, 1rem);font-weight:700}.works-single__img{margin-inline:auto;width:50%}.works-single__img-link{border-radius:12px;display:block;height:100%;overflow:hidden;position:relative}.works-single__img-link:hover:before{height:800px;width:800px}.works-single__img-link:hover:after{opacity:1;visibility:visible}.works-single__img-link:hover img{transform:scale(1.1)}.works-single__img-link:before{background-color:rgba(0,0,0,.2);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;width:0;z-index:2}.works-single__img-link:after{color:#fff;content:"\f35d";font-family:"Font Awesome 6 Free";font-size:20px;font-weight:900;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;visibility:hidden;z-index:3}.works-single__img-link img{border-radius:12px;height:100%;position:relative;transition:.3s;width:100%;z-index:1;-o-object-fit:contain;object-fit:contain}.works-single__list{display:flex;flex-direction:column;gap:14px;letter-spacing:.04em}.works-single__list-row{border-bottom:1px solid #a0a0a0;display:flex;padding-bottom:10px}.works-single__list-term{color:#628d86;width:80px}.works-single__list-detail{width:calc(100% - 80px)}.works-single__list-reference{display:flex;flex-direction:column;gap:12px}.works-single__list-reference-item{line-height:1.4;padding-left:14px;position:relative}.works-single__list-reference-item:before{content:"・";left:0;position:absolute;top:0}.works-single__button{margin-top:30px}.works-single__button-link{align-items:center;background-color:#3f7764;border:2px solid #3f7764;border-radius:60px;color:#fff;display:flex;font-size:clamp(0.875rem, 0.823rem + 0.22vw, 1rem);font-size:14px;font-weight:700;height:clamp(3.125rem, 2.866rem + 1.1vw, 3.75rem);height:40px;justify-content:center;letter-spacing:.06em;margin-inline:auto;max-width:clamp(11.875rem, 10.58rem + 5.52vw, 15rem);max-width:200px;overflow:hidden;position:relative;transition:color .4s;width:100%;z-index:1}.works-single__button-link:before{background-color:#fff;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease-out,height .4s ease-out;width:0;z-index:-1}.works-single__button-link i{position:absolute;right:26px;top:50%;transform:translate(0,-50%);transition:right .2s}.works-single__button-link:hover{color:#3f7764}.works-single__button-link:hover:before{height:400px;width:400px}.works-single__button-link:hover i{right:22px}.works-single__button-link:hover i{left:18px}.works-single__button-link i{font-size:14px;left:22px;transition:.2s}.about{padding-bottom:clamp(4.375rem, 2.562rem + 7.73vw, 8.75rem);padding-top:clamp(4.375rem, 3.08rem + 5.52vw, 7.5rem);position:relative}.about:before{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/wave-top-green-dark.webp) no-repeat center top/cover;content:"";height:clamp(4.375rem, 3.08rem + 5.52vw, 7.5rem);left:0;position:absolute;top:1px;width:100%}.about:after{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/wave-bottom-green-dark.webp) no-repeat center bottom/cover;bottom:0;content:"";height:clamp(4.375rem, 2.562rem + 7.73vw, 8.75rem);left:0;position:absolute;width:100%}.about__flower{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/flower.png) no-repeat center center/contain;max-width:clamp(8.5rem, 2.44rem + 25.86vw, 23.125rem);position:absolute;right:0;top:-110px;width:100%}.about__flower:before{content:"";display:block;padding-top:75.6756756757%}.about__container{background-color:#416b4e;padding-bottom:70px}.about__inner{margin-inline:auto;max-width:1040px;padding:0 30px}.about__content{background-color:#fff;border-radius:60px;display:flex;gap:40px;justify-content:space-between;margin-inline:auto;margin-top:50px;padding:60px 50px 40px 60px}.about__profile{width:50%}.about__img{aspect-ratio:.8370044053;background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/profile.webp) no-repeat center center/cover;border:14px solid #fff;border-radius:60px;margin-top:-120px;width:40%}.about__name{font-size:clamp(1.25rem, 1.146rem + 0.44vw, 1.5rem);font-weight:700;letter-spacing:.06em;line-height:1.6}.about__name--sp{display:none}.about__name--sp span{display:block;margin-top:10px;position:relative}.about__name--sp span:before{background-color:#3f7764;content:"";height:2px;left:0;position:absolute;top:-5px;width:20px}.about__description{font-size:16px;letter-spacing:.04em;line-height:1.6;margin-top:30px}.contact{margin-top:clamp(5.625rem, 3.553rem + 8.84vw, 10.625rem);padding-top:clamp(2.5rem, 0.428rem + 8.84vw, 7.5rem);position:relative}.contact:before{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/curve.png) no-repeat top center/110% 100%;content:"";height:clamp(2.5rem, 0.428rem + 8.84vw, 7.5rem);left:0;position:absolute;top:0;width:100%}.contact__kamome{left:50px;max-width:clamp(6.25rem, 1.916rem + 18.49vw, 13.75rem);position:absolute;top:60px}.contact .owl-white-eye-left-close{margin-left:-10px}.contact__inner{background-color:#f0e4ca;padding:60px 0 clamp(6.25rem, 2.624rem + 15.47vw, 15rem) 0}.contact__form{display:flex;flex-direction:column;gap:30px}.contact__form-term{font-size:18px;font-weight:700}.contact__form-term:after{background-color:#ea923b;border-radius:4px;color:#fff;content:"必須";font-size:16px;font-weight:700;margin-left:8px;padding:0 6px}.contact__form-input{margin-top:12px}.contact__form-input-text,.contact__form-input-email,.contact__form-input-tel,.contact__form-input-textarea{appearance:none;background-color:#fff;border-radius:6px;padding:10px 8px;width:100%;-webkit-appearance:none;-moz-appearance:none}.contact__form-input-textarea{height:300px;resize:none}.contact__form-button{margin-top:50px}.contact__form-button-wrapper{background-color:#3f7764;border:2px solid #3f7764;border-radius:60px;height:clamp(3.125rem, 2.866rem + 1.1vw, 3.75rem);margin-inline:auto;max-width:clamp(11.875rem, 10.58rem + 5.52vw, 15rem);overflow:hidden;position:relative;width:100%}.contact__form-button-wrapper:hover:before{height:400px;width:400px}.contact__form-button-wrapper:hover:after{color:#3f7764;right:22px;transition:.3s}.contact__form-button-wrapper:before{background-color:#fff;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease-out,height .4s ease-out;width:0;z-index:0}.contact__form-button-wrapper:after{color:#fff;content:"\f054";font-family:"Font Awesome 6 Free";font-size:1rem;font-weight:900;pointer-events:none;position:absolute;right:26px;top:50%;transform:translateY(-50%);transition:.3s}.fv{padding:clamp(2.5rem, 1.464rem + 4.42vw, 5rem) 60px clamp(4.375rem, 3.598rem + 3.31vw, 6.25rem) 60px;position:relative}.fv__nav{margin-top:-100px;position:relative}.fv__nav-list{align-items:center;display:flex;flex-direction:row;gap:24px;justify-content:center}.fv__nav-link{align-items:center;background-color:#fff;border:3px solid #3f7764;border-radius:50%;box-shadow:1px 3px 4px 0px rgba(33,58,40,.25);display:flex;flex-direction:column;gap:6px;height:clamp(6.875rem, 4.544rem + 9.94vw, 12.5rem);justify-content:center;letter-spacing:.02em;min-width:clamp(6.875rem, 4.544rem + 9.94vw, 12.5rem);transition:.3s}.fv__nav-link:hover{background-color:#a0a0a0}.fv__nav-icon{display:block;height:clamp(1.563rem, 1.278rem + 1.22vw, 2.25rem);width:clamp(1.563rem, 1.278rem + 1.22vw, 2.25rem)}.fv__nav-icon--works{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/works-icon.svg) no-repeat center center/contain;width:clamp(1.875rem, 1.564rem + 1.33vw, 2.625rem)}.fv__nav-icon--skills{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/skills-icon.svg) no-repeat center center/contain}.fv__nav-icon--contact{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/contact-icon.svg) no-repeat center center/contain}.fv__nav-title{color:#2d594a;display:block;font-family:"Poppins",sans-serif;font-size:clamp(0.875rem, 0.72rem + 0.66vw, 1.25rem);font-weight:700}.fv__nav-title-sub{color:#3f7764;display:block;font-size:clamp(0.688rem, 0.61rem + 0.33vw, 0.875rem);font-weight:700}.fv__img{aspect-ratio:2;background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/fv.webp) no-repeat center center/cover;height:100%;position:relative}.leaf{pointer-events:none;position:absolute;z-index:26}.leaf1{animation:fall1 20s linear infinite,sway1 3s ease-in-out infinite alternate;background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../../assets/img/leaf1.png) no-repeat center center/contain;height:40px;left:10%;width:35px}.leaf2{animation:fall2 20s linear infinite,sway2 3s ease-in-out infinite alternate;animation-delay:4s;background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../../assets/img/leaf2.png) no-repeat center center/contain;height:40px;opacity:0;right:20%;width:35px}.leaf3{animation:fall2 20s linear infinite,sway1 3s ease-in-out infinite alternate;animation-delay:8s;background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../../assets/img/leaf3.png) no-repeat center center/contain;height:25px;left:25%;opacity:0;width:25px}.leaf4{animation:fall2 20s linear infinite,sway2 3s ease-in-out infinite alternate;animation-delay:12s;background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../../assets/img/leaf4.png) no-repeat center center/contain;height:40px;left:50%;opacity:0;width:35px}.skills{background-color:#38738d;padding:clamp(4.375rem, 3.598rem + 3.31vw, 6.25rem) 0;position:relative}.skills__dragonfly{bottom:24px;max-width:clamp(5.625rem, 3.035rem + 11.05vw, 11.875rem);position:absolute;right:24px;width:100%}.skills__content{display:flex;margin-top:50px;overflow:hidden;width:100vw}.skills__list{display:flex}.skills__list:first-child{animation:loop 60s -30s linear infinite}.skills__list:last-child{animation:loop2 60s linear infinite}.skills__item{background-color:#fff;height:clamp(8.125rem, 6.053rem + 8.84vw, 13.125rem);margin-right:40px;padding:10px;width:clamp(8.125rem, 6.053rem + 8.84vw, 13.125rem)}.skills__img{height:100%;width:100%;-o-object-fit:contain;display:block;object-fit:contain}.skills__button{margin-top:clamp(3.125rem, 2.348rem + 3.31vw, 5rem)}.skills__button-link{align-items:center;background-color:#fff;border:2px solid #fff;border-radius:60px;color:#38738d;display:flex;font-size:clamp(0.875rem, 0.823rem + 0.22vw, 1rem);font-weight:700;height:clamp(3.125rem, 2.866rem + 1.1vw, 3.75rem);justify-content:center;letter-spacing:.06em;margin-inline:auto;max-width:clamp(11.875rem, 10.58rem + 5.52vw, 15rem);overflow:hidden;position:relative;transition:color .4s;width:100%;z-index:1}.skills__button-link:before{background-color:#38738d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease-out,height .4s ease-out;width:0;z-index:-1}.skills__button-link i{position:absolute;right:26px;top:50%;transform:translate(0,-50%);transition:right .2s}.skills__button-link:hover{color:#fff}.skills__button-link:hover:before{height:400px;width:400px}.skills__button-link:hover i{right:22px}.swiper{position:relative;z-index:auto}.swiper-wrapper{position:relative !important;z-index:1 !important}.swiper-slide{aspect-ratio:1.8831775701;border-radius:12px;height:100%;max-width:347px;position:relative !important;width:100%;z-index:1 !important}.swiper-slide img{border-radius:12px;height:100%;width:100%;-o-object-position:top;object-position:top}.swiper-link{position:relative;transition:.3s}.swiper-link:hover{opacity:.7}.swiper-pagination{margin-top:10px;position:static !important}.swiper-pagination-bullet{background-color:#3f7764;height:5px;margin:0 8px !important;width:5px}.swiper-navigation{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:60px}.swiper-button-prev,.swiper-button-next{align-items:center;background-color:#fff;border:2px solid #fff;border-radius:50%;bottom:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;top:initial;transition:.3s;width:30px;z-index:10 !important}.swiper-button-prev:hover,.swiper-button-next:hover{background-color:#3f7764}.swiper-button-prev:hover i,.swiper-button-next:hover i{color:#fff}.swiper-button-prev:after,.swiper-button-next:after{display:none}.swiper-button-prev i,.swiper-button-next i{color:#3f7764;font-size:14px;transition:.3s}.works{padding:clamp(5.625rem, 4.589rem + 4.42vw, 8.125rem) 0 clamp(5.625rem, 3.553rem + 8.84vw, 10.625rem) 0;position:relative}.works__clouds{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/clouds.webp) no-repeat center center/contain;left:60px;max-width:clamp(7.5rem, 0.767rem + 28.73vw, 23.75rem);position:absolute;top:clamp(-9.375rem, -0.535rem - 11.05vw, -3.125rem);width:100%}.works__clouds:before{content:"";display:block;padding-top:37.1052631579%}.works__owl{left:-4px;max-width:clamp(10rem, 1.972rem + 34.25vw, 29.375rem);position:absolute;top:-15px;width:100%}.works__inner{margin-inline:auto;max-width:1140px;padding:0 30px}.works__content{margin-top:70px}.works__button{margin-top:clamp(3.125rem, 2.348rem + 3.31vw, 5rem)}.works__button-link{align-items:center;background-color:#3f7764;border:2px solid #3f7764;border-radius:60px;color:#fff;display:flex;font-size:clamp(0.875rem, 0.823rem + 0.22vw, 1rem);font-weight:700;height:clamp(3.125rem, 2.866rem + 1.1vw, 3.75rem);justify-content:center;letter-spacing:.06em;margin-inline:auto;max-width:clamp(11.875rem, 10.58rem + 5.52vw, 15rem);overflow:hidden;position:relative;transition:color .4s;width:100%;z-index:1}.works__button-link:before{background-color:#fff;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease-out,height .4s ease-out;width:0;z-index:-1}.works__button-link i{position:absolute;right:26px;top:50%;transform:translate(0,-50%);transition:right .2s}.works__button-link:hover{color:#3f7764}.works__button-link:hover:before{height:400px;width:400px}.works__button-link:hover i{right:22px}.wpcf7{margin-inline:auto;margin-top:80px;max-width:1040px;padding:0 30px}.wpcf7-submit{align-items:center;color:#fff;display:flex;font-size:clamp(0.875rem, 0.823rem + 0.22vw, 1rem);font-weight:700;height:100%;justify-content:center;letter-spacing:.06em;position:relative;transition:color .4s;width:100%;z-index:1}.wpcf7-submit:hover{color:#3f7764}.wpcf7-spinner{display:none}@media screen and (min-width:1280px){.footer:before{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/tree-row.webp) repeat bottom center/auto 100%}.contact__kamome{left:10vh}}@media screen and (max-width:1024px){.drawer__nav-link:hover{background-color:#fff}.footer__nav-link:hover{color:#fff}.header__logo-link:hover{opacity:1}.header__hamburger:hover{opacity:1}.header__hamburger{height:12px;width:40px}.section__title-reverse.is-about .section__title-reverse-sub{margin-left:-8px}.to-top__link:hover{background-color:#fff;color:#3f7764}.skills-page__airballoon{bottom:71px;display:none}.works-page__item-link:hover .works-page__item-img:before{height:0;width:0}.works-page__item-link:hover .works-page__item-img img{transform:none}.works-single__img-link:hover:before{height:0;width:0}.works-single__img-link:hover:after{opacity:0;visibility:hidden}.works-single__img-link:hover img{transform:none}.works-single__list-term{width:65px}.works-single__list-detail{width:calc(100% - 65px)}.works-single__button-link:hover{color:#fff}.works-single__button-link:hover:before{height:0;width:0}.works-single__button-link:hover i{right:26px}.works-single__button-link:hover i{left:18px}.works-single__button-link i{left:18px}.about__flower{top:-90px}.about__content{gap:30px;padding:40px}.about__img{width:50%}.about__name{display:none}.about__name--sp{display:block}.contact__form-button-wrapper:hover:before{height:0;width:0}.contact__form-button-wrapper:hover:after{color:#fff;right:26px}.fv{padding:clamp(2.5rem, 1.464rem + 4.42vw, 5rem) 30px clamp(4.375rem, 3.598rem + 3.31vw, 6.25rem) 30px}.fv__nav{margin-top:-90px}.fv__nav-link:hover{background-color:#fff}.skills__button-link:hover{color:#38738d}.skills__button-link:hover:before{height:0;width:0}.skills__button-link:hover i{right:26px}.swiper-link:hover{opacity:1}.swiper-button-prev:hover,.swiper-button-next:hover{background-color:#fff}.swiper-button-prev:hover i,.swiper-button-next:hover i{color:#3f7764}.works__button-link:hover{color:#fff}.works__button-link:hover:before{height:0;width:0}.works__button-link:hover i{right:26px}.wpcf7-submit:hover{color:#fff}}@media screen and (max-width:768px){.section__title-reverse.is-about{margin-left:0;text-align:center}.section__title-reverse.is-about .section__title-reverse-sub{margin-left:0}.skills-page__item{align-items:center;flex-direction:column;gap:30px}.skills-page__item-content{width:100%}.skills-page__item-img{width:280px}.works-page__list{display:flex;flex-direction:column}.works-single__main{flex-direction:column;padding:40px}.works-single__content{width:100%}.works-single__login{flex-direction:column;gap:10px;margin-top:20px}.works-single__img{width:100%}.about__flower{top:-80px}.about__content{align-items:center;border-radius:12px;flex-direction:column-reverse;padding:26px}.about__profile{width:100%}.about__img{aspect-ratio:1.4952978056;background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/profile-sp.webp) no-repeat center center/cover;border:none;border-radius:12px;margin-top:0;width:100%}.contact__kamome{left:2vw}.fv__nav{margin-top:-80px}.swiper-slide{max-width:100%}.swiper-button-prev,.swiper-button-next{height:30px;top:55%;width:30px}}@media screen and (max-width:599px){.drawer{right:25px}.drawer__nav-list{gap:10px}.drawer__nav-link{align-items:center;background-color:#fff;border:3px solid #3f7764;border-radius:50%;box-shadow:1px 3px 4px 0px rgba(33,58,40,.25);display:flex;flex-direction:column;gap:6px;height:140px;justify-content:center;letter-spacing:.02em;min-width:140px;transition:.3s}.drawer__nav-link:hover{background-color:#a0a0a0}.header{padding:0 15px}.header__hamburger{height:12px;width:28px}.to-top{bottom:14px;right:14px}.skills-page__trail{left:-237px}.skills-page__sun1,.skills-page__sun2{left:12px;right:auto;top:30px}.skills-page__sun1{top:25px}.skills-page__sun2{top:29px}.skills-page__airballoon{bottom:42px;height:30px;left:30px;max-width:30px}.skills-page__list{padding:20px}.skills-page__item{gap:20px}.skills-page__item-content{padding:10px}.skills-page__item-img{width:100%}.skills-page__item-img img{margin-inline:auto;width:70%}.skills-page__item-title{font-size:16px;min-width:116px}.works-page__shootingstar3{left:auto;right:100px}.works-page__item-link:before{font-size:12px}.works-single__main{flex-direction:column;gap:20px;padding:20px 20px 30px}.works-single__button-link i{right:20px}.works-single__button-link:hover i{right:20px}.works-single__button-link{max-width:170px}.about{margin-top:60px;padding-bottom:70px}.about__flower{right:10px;top:-70px}.about__container{padding:20px 0 50px}.contact__kamome{left:-6px;top:55px}.fv{height:95vh;padding:40px 0 70px}.fv__nav-list{align-items:center;display:flex;flex-direction:row;gap:6px;justify-content:center}.fv__img{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/fv.webp) no-repeat center center/cover;height:100%;width:100%}.fv__img img{height:100%;width:100%;-o-object-position:40;object-position:40}.skills__dragonfly{bottom:32px;right:21px}.skills__button-link i{right:20px}.skills__button-link:hover i{right:20px}.works__inner{padding:0 15px}.works__button-link i{right:20px}.works__button-link:hover i{right:20px}}@media screen and (max-width:599px) and (max-width:1024px){.drawer__nav-link:hover{background-color:#fff}}@media screen and (max-width:375px){.footer__inner{padding:50px 15px 10px}.footer__nav{gap:10px}.footer__nav-link{padding:0 15px}.header__hamburger-bar1,.header__hamburger-bar2{height:3px}.section__title-reverse{margin-left:0;text-align:center}.skills-page__trail{left:-238px}.skills-page__inner{padding:0 15px}.works-page__inner{padding:0 15px}.works-single__container{padding:0 15px}.about:before{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/wave-top-green-dark--sp.webp) no-repeat center top/cover;top:1px}.about:after{background:url(//njhnm5k.stars.ne.jp/wp-content/themes/portfolio4/public/assets/css/../img/wave-bottom-green-dark--sp.png) no-repeat center top/cover;bottom:1px}.about__flower{right:10px;top:-50px}.about__container{padding:20px 0 50px}.about__inner{padding:0 15px}.contact__kamome{left:2px;top:20px}.contact__form-term{font-size:16px}.contact__form-term:after{font-size:12px;padding:0 4px 1px}.contact__form-input-text,.contact__form-input-email,.contact__form-input-tel,.contact__form-input-textarea{padding:8px}.contact__form-button-wrapper:after{right:22px}.fv__nav{margin-top:-56px}.fv__nav-item{flex-basis:30%}.fv__nav-list{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:center}.fv__nav-link{gap:5px;justify-content:start;padding-top:22px}.fv__nav-icon--skills{height:25px;width:25px}.fv__nav-icon--contact{height:25px;width:25px}.fv__nav-title{font-size:13px;letter-spacing:.01em}.fv__nav-title-sub{font-size:10px;letter-spacing:.01em}.skills{overflow-x:hidden}.skills__dragonfly{bottom:32px;right:8px}.skills__item{margin-right:20px}.works__clouds{left:10px}.works__owl{left:-4px;top:0}.works__inner{padding:0 15px}.works__content{margin-top:40px}.wpcf7{padding:0 15px}.wpcf7{margin-top:40px;padding:0 15px}}@keyframes sparkle{0%,100%{filter:drop-shadow(0 0 5px #fff);opacity:1}50%{filter:drop-shadow(0 0 12px #fff);opacity:.7}}@keyframes fall1{0%{opacity:0;top:-10px}3%{opacity:1}90%{opacity:1}100%{opacity:0;top:101%}}@keyframes fall2{0%{opacity:0;top:-10px}3%{opacity:1}90%{opacity:1}100%{opacity:0;top:101%}}@keyframes sway1{from{transform:translateX(0px) rotate(0deg)}to{transform:translateX(200px) rotate(-45deg)}}@keyframes sway2{from{transform:translateX(200px) rotate(-45deg)}to{transform:translateX(0px) rotate(0deg)}}@keyframes loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}