*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul{margin:0;padding:0;font-weight:normal}ul[role=list],ol[role=list],li{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}img{-webkit-touch-callout:none;-webkit-user-select:none;-moz-touch-callout:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{--color-primary: 32 43 75;--color-secondary: 250 216 220;--color-tertiary: 218 148 7;--color-bg: 215 236 233;--color-white: 255 255 255;--color-att: 255 0 0;--gfont-jp: "Noto Sans JP";--gfont-en: "Poppins";--letter-spacing: 0.05em;--logo-aspect-ratio: 480 / 50;--cover-boder-anime-duration: 0.3s;--transition-opacity: opacity 0.2s ease-in-out;--transition-all: all 0.2s ease-in-out;--transition-width: width 0.5s ease-in-out;--link-transition-width: width 0.2s ease-in-out;--link-transform-scale: scale(1.1);--fade-opacity: 0.7;--padding-rl-sm: 7vw;--padding-rl-md: 4vw;--width-pc: 1080px}html{font-size:10px}.fsSS{font-size:75%}.fsS,.indentS{font-size:87.5%}.fsL{font-size:112.5%}.fsLL{font-size:125%}.fwN{font-weight:normal}.fwB{font-weight:bold}.fc-att{color:var(--color-att)}.fc-attB{color:var(--color-att);font-weight:bold}.taC{text-align:center}.taL{text-align:left}.taR{text-align:right}.indent,.indentS{padding-left:1em;text-indent:-1em;padding-top:2px;padding-bottom:2px}.indent-3em{padding-left:2.6em;text-indent:-2.6em;padding-top:2px;padding-bottom:2px}.li-disc li{list-style-type:disc;margin-left:1.8em}.li-circle li{list-style-type:circle;margin-left:1.8em}.li-square li{list-style-type:square;margin-left:1.8em}.li-decimal li,ol.li-decimal li{list-style-type:decimal;margin-left:1.8em}.li-decimalzero li{list-style-type:decimal-leading-zero;margin-left:3em}.li-lalpha li{list-style-type:lower-alpha;margin-left:3em}.indent li,.indentS li,.indentS-pc,.indent-3em li,.li-disc li,.li-circle li,.li-square li,.li-decimal li,.li-decimalzero li,.li-lalpha li{padding-top:2px;padding-bottom:2px}.li-pt10 li{padding-top:10px}.li-pt20 li{padding-top:20px}.li-pt10 li:first-child,.li-pt20 li:first-child{padding-top:0}.sp{display:block !important}.sp-tab{display:block !important}.tab{display:none !important}.tab-pc{display:none !important}.pc{display:none !important}@media screen and (min-width: 640px){.sp{display:none !important}.tab{display:block !important}.tab-pc{display:block !important}.tab-pc-taC{text-align:center}}@media screen and (min-width: 960px){.sp-tab{display:none !important}.tab{display:none !important}.pc{display:block !important}}::selection{background-color:rgb(var(--color-primary));color:rgb(var(--color-bg))}html{background-color:rgb(var(--color-bg));scroll-behavior:smooth}body{color:rgb(var(--color-primary));font-family:var(--gfont-jp),"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:1.4em;font-weight:400;font-optical-sizing:auto;line-height:2;overflow-wrap:anywhere;word-break:normal;line-break:strict;overflow-x:hidden;position:relative;text-size-adjust:100%;-webkit-text-size-adjust:100%;display:grid;grid-template-rows:1fr auto;min-height:100svh}@media screen and (min-width: 640px){body{font-size:1.6em}}a:link,a:visited,a:active,a:hover{color:var(--color-prime);text-decoration:none}a.txt-link{background-color:rgb(var(--color-secondary));color:rgb(var(--color-primary));font-weight:bold;text-decoration:none;transition:var(--transition-all);padding:0 2px}@media(any-hover: hover){a.txt-link:hover{background-color:rgb(var(--color-white))}}a.btn{border:2px solid rgb(var(--color-primary));border-radius:28px;display:inline-block;font-size:1.6rem;font-weight:700;line-height:52px;max-width:100%;min-width:160px;min-height:56px;overflow:hidden;padding:0 110px 0 24px;position:relative}a.btn::before,a.btn::after{content:"";display:block;height:100%;position:absolute;top:0;left:0;z-index:-1}a.btn::before{background-color:rgb(var(--color-secondary));width:100%}a.btn::after{background-color:rgb(var(--color-white));width:0%;transition:var(--link-transition-width)}@media(any-hover: hover){a.btn:hover::after{width:100%}}a.btn span::before,a.btn span::after{content:"";display:block;position:absolute}a.btn span::before{background-color:rgb(var(--color-primary));width:60px;height:1px;top:50%;right:24px;transform:translateY(-50%)}a.btn span::after{border-top:1px solid rgb(var(--color-primary));border-right:1px solid rgb(var(--color-primary));width:7px;aspect-ratio:1/1;top:50%;right:0;transform:translate(-24px, -50%) rotate(45deg)}.btn-wrap{padding-top:30px}@media screen and (min-width: 640px){.btn-wrap{padding-top:40px}}.color-list{padding-left:10px}.color-list li{line-height:1.8;padding:3px 0 3px 1.2em;position:relative}.color-list li::before{background-color:rgb(var(--color-secondary));border:1px solid rgb(var(--color-primary));border-radius:50%;content:"";display:inline-block;width:8px;aspect-ratio:1/1;position:absolute;top:12px;left:0}.color-list li:nth-child(even)::before{background-color:rgb(var(--color-tertiary))}@media screen and (min-width: 640px){.color-list{padding-left:20px}.color-list li::before{width:10px;top:13px}}#header{width:60px;height:46px;background-color:rgb(var(--color-bg));position:absolute;top:var(--padding-rl-sm);right:var(--padding-rl-sm);z-index:10}#header h1{width:180px;aspect-ratio:var(--logo-aspect-ratio);position:fixed;top:var(--padding-rl-sm);left:var(--padding-rl-sm)}#header h1 a{width:180px;aspect-ratio:var(--logo-aspect-ratio);background:url(../img/logo_color.svg) left top no-repeat;background-size:100% auto;display:block;text-indent:100%;white-space:nowrap;overflow:hidden;transition:var(--transition-all)}@media screen and (min-width: 640px){#header{top:var(--padding-rl-md);right:var(--padding-rl-md)}#header h1{width:240px;top:var(--padding-rl-md);left:var(--padding-rl-md)}#header h1 a{width:240px}}@media screen and (min-width: 1160px){#header{width:420px;height:calc(var(--padding-rl-md)*1.6);top:0}#header h1{transform:translateY(-50%)}}@media(any-hover: hover){#header h1 a:hover{transform:var(--link-transform-scale)}}:where(h1){margin-block:.67em;font-size:2em}#nav{width:100%;height:100dvh;background-color:rgb(var(--color-primary));display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;transform:translateX(100%);transition:var(--transition-all);z-index:100}#nav.open{transform:translateX(0)}#nav .nav__list{display:flex;align-items:center;flex-direction:column;row-gap:20px;opacity:0;padding-top:16px;transition:all .2s ease-in-out .4s}#nav .nav__list a{color:rgb(var(--color-bg));display:inline-block;font-family:var(--gfont-en),sans-serif;font-size:2.4rem;font-weight:600;letter-spacing:var(--letter-spacing);text-decoration:none;overflow:hidden;position:relative}#nav .nav__list a::after{width:0%;height:2px;background-color:rgb(var(--color-bg));content:"";position:absolute;bottom:4px;left:0;transition:var(--link-transition-width);z-index:-1}@media(any-hover: hover){#nav .nav__list a:hover::after{width:100%}}#nav.open .nav__list{opacity:1;padding-top:0}@media screen and (min-width: 1160px){#nav{width:420px;height:auto;background-color:rgba(0,0,0,0);justify-content:flex-end;transform:translate(0, -50%);position:fixed;top:var(--padding-rl-md);right:var(--padding-rl-md);left:auto}#nav .nav__list{height:36px;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;column-gap:40px;padding-top:10px;animation:lgMenuAnime .2s ease 0s 1 forwards;opacity:0}#nav .nav__list a{color:rgb(var(--color-primary));font-size:1.8rem;text-shadow:1px 1px 0 rgb(var(--color-bg)),-1px -1px 0 rgb(var(--color-bg)),-1px 1px 0 rgb(var(--color-bg)),1px -1px 0 rgb(var(--color-bg)),0px 1px 0 rgb(var(--color-bg)),0 -1px 0 rgb(var(--color-bg)),-1px 0 0 rgb(var(--color-bg)),1px 0 0 rgb(var(--color-bg))}#nav .nav__list a::after{height:4px;background-color:rgb(var(--color-primary));border-top:1px solid rgb(var(--color-bg));border-bottom:1px solid rgb(var(--color-bg))}}@media screen and (min-width: 1160px){#home .nav__list{animation-delay:calc(var(--cover-boder-anime-duration)*5)}}@keyframes lgMenuAnime{0%{opacity:0}100%{opacity:1;padding-top:0}}#drawer-btn{cursor:pointer;display:flex;flex-direction:column;align-items:flex-end;row-gap:8px;position:fixed;top:var(--padding-rl-sm);right:var(--padding-rl-sm);z-index:100;animation:drawerBtnAnime .2s ease 0s 1 forwards;opacity:0}#drawer-btn span{width:42px;height:4px;background-color:rgb(var(--color-primary));border:1px solid rgb(var(--color-bg));transition:all .4s ease-in-out}#drawer-btn span:nth-child(1){width:34px}#drawer-btn span:nth-child(2){width:26px}#drawer-btn.open span{height:2px;background-color:rgb(var(--color-bg));position:fixed;top:calc(var(--padding-rl-sm)*1.5);right:var(--padding-rl-sm)}#drawer-btn.open span:nth-child(1){width:40px;transform:rotate(135deg)}#drawer-btn.open span:nth-child(2){opacity:0}#drawer-btn.open span:nth-child(3){width:40px;transform:rotate(-135deg)}@media screen and (min-width: 640px){#drawer-btn{top:var(--padding-rl-md);right:var(--padding-rl-md)}#drawer-btn.open span{top:calc(var(--padding-rl-md)*1.5);right:var(--padding-rl-md)}}@media screen and (min-width: 1160px){#drawer-btn{display:none}}#home #drawer-btn{animation-delay:calc(var(--cover-boder-anime-duration)*5)}@keyframes drawerBtnAnime{0%{opacity:0}100%{opacity:1}}#footer{margin-top:120px;position:relative}#footer::before{background-color:rgb(var(--color-primary));content:"";display:block;width:0%;height:1px;position:absolute;top:0;left:0;transition:var(--transition-width)}#footer.inview::before{width:100%}#footer__inner{margin:0 auto;padding:40px var(--padding-rl-sm)}@media screen and (min-width: 640px){#footer__inner{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}}@media screen and (min-width: 1160px){#footer__inner{padding:60px var(--padding-rl-md)}}@media screen and (min-width: 640px){#footer{margin-top:160px}}@media screen and (min-width: 1160px){#footer{margin-top:200px}}.footer__nav{display:flex;flex-direction:column;align-items:center;row-gap:10px;font-family:var(--gfont-en),sans-serif;font-size:1.6rem;font-weight:600;letter-spacing:var(--letter-spacing)}@media screen and (min-width: 1160px){.footer__nav{flex-direction:row;flex-wrap:wrap;align-items:flex-start;column-gap:40px}}.footer__nav a{display:inline-block;position:relative}.footer__nav a::after{background-color:rgb(var(--color-primary));content:"";display:block;width:0%;height:2px;position:absolute;bottom:4px;left:0;transition:var(--link-transition-width)}@media(any-hover: hover){.footer__nav a:hover::after{width:100%}}.footer__info{display:flex;flex-direction:column;align-items:center;row-gap:16px;padding-top:40px}.footer__logo{width:200px;aspect-ratio:var(--logo-aspect-ratio);background:url(../img/logo_color.svg) center center no-repeat;background-size:100% auto;text-indent:100%;white-space:nowrap;overflow:hidden}.footer__invoice,.footer__copyright{font-size:1.2rem;font-weight:400}.footer__invoice span,.footer__copyright{font-family:var(--gfont-en),sans-serif;letter-spacing:var(--letter-spacing)}@media screen and (min-width: 640px){.footer__info{align-items:flex-end;padding-top:8px}.footer__logo{width:240px}}#page-top{width:30px;height:60px;position:fixed;right:calc(var(--padding-rl-sm) - 20px);transition:var(--transition-opacity)}@media screen and (min-width: 640px){#page-top{right:calc(var(--padding-rl-md) - 15px)}}#page-top a{width:100%;height:100%;display:block;text-indent:100%;white-space:nowrap;overflow:hidden}#page-top::before,#page-top::after{content:"";display:block;position:absolute;top:0;left:50%}#page-top::before{background-color:rgb(var(--color-primary));width:1px;height:60px;transform:translateX(-50%);transition:height .2s ease-in-out}#page-top::after{border-top:1px solid rgb(var(--color-primary));border-right:1px solid rgb(var(--color-primary));width:7px;aspect-ratio:1/1;transform:translateX(-50%) rotate(-45deg)}@media(any-hover: hover){#page-top:hover::before{height:40px}}#cover{width:100%;height:100svh;position:relative;transition:var(--transition-all)}#cover__bdr-anime,#cover__bdr-anime2{border:1px solid rgb(var(--color-bg));width:calc(100% - var(--padding-rl-sm)*2);height:calc(100svh - var(--padding-rl-sm)*2);overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (min-width: 640px){#cover__bdr-anime,#cover__bdr-anime2{width:calc(100% - var(--padding-rl-md)*2);height:calc(100svh - var(--padding-rl-md)*2)}}#cover__bdr-anime::before,#cover__bdr-anime::after,#cover__bdr-anime2::before,#cover__bdr-anime2::after{background-color:rgb(var(--color-primary));content:"";display:block;position:absolute;animation-duration:var(--cover-boder-anime-duration);animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards}#cover__bdr-anime::before,#cover__bdr-anime2::before{width:1px;height:100%}#cover__bdr-anime::after,#cover__bdr-anime2::after{width:100%;height:1px}#cover__bdr-anime::before{animation-name:coverRightAnime;animation-delay:0s;top:-100%;right:0}#cover__bdr-anime::after{animation-name:coverBottomAnime;animation-delay:var(--cover-boder-anime-duration);bottom:0;right:-100%}#cover__bdr-anime2::before{animation-name:coverLeftAnime;animation-delay:calc(var(--cover-boder-anime-duration)*2);top:100%;left:0}#cover__bdr-anime2::after{animation-name:coverTopAnime;animation-delay:calc(var(--cover-boder-anime-duration)*3);top:0;left:-100%}@keyframes coverRightAnime{0%{top:-100%}100%{top:0}}@keyframes coverBottomAnime{0%{right:-100%}100%{right:0}}@keyframes coverLeftAnime{0%{top:100%}100%{top:0}}@keyframes coverTopAnime{0%{left:-100%}100%{left:0}}#cover__inner{--logo-width-sm: 245px;--logo-width-md: 480px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;position:relative;width:var(--logo-width-sm);height:100svh}#cover__inner h1{width:var(--logo-width-sm);aspect-ratio:var(--logo-aspect-ratio);background:url(../img/logo.svg?ver=202504082100) left top no-repeat;background-size:100% auto;text-indent:100%;white-space:nowrap;overflow:hidden;position:relative;animation:logoAnime var(--cover-boder-anime-duration) ease calc(var(--cover-boder-anime-duration)*4) 1 forwards;transform:translateY(50%)}#cover__inner h1::after{width:var(--logo-width-sm);aspect-ratio:var(--logo-aspect-ratio);background:url(../img/logo_color.svg) left top no-repeat;background-size:100% auto;content:"";display:block;position:absolute;top:0;left:0;animation:logoAnime2 var(--cover-boder-anime-duration) ease calc(var(--cover-boder-anime-duration)*5) 1 forwards;opacity:0}#cover__inner_txt{font-family:var(--gfont-en),sans-serif;font-size:1.1rem;font-weight:400;padding-top:10px;animation:logoTxtAnime var(--cover-boder-anime-duration) ease calc(var(--cover-boder-anime-duration)*5) 1 forwards;opacity:0}@media screen and (min-width: 640px){#cover__inner{width:var(--logo-width-md)}#cover__inner h1{width:var(--logo-width-md)}#cover__inner h1::after{width:var(--logo-width-md)}#cover__inner_txt{font-size:1.4rem;padding-top:20px}}@keyframes logoAnime{0%{transform:translateY(50%)}100%{transform:translateY(0)}}@keyframes logoAnime2{0%{opacity:0}100%{opacity:1}}@keyframes logoTxtAnime{0%{opacity:0}100%{opacity:1}}#scroll-down{width:13px;height:calc(100svh - var(--padding-rl-sm)*2);position:absolute;top:var(--padding-rl-sm);right:calc(var(--padding-rl-sm));transform:translateX(5px)}#scroll-down::before{width:13px;height:13px;background-color:rgb(var(--color-secondary));border:2px solid rgb(var(--color-primary));border-radius:50%;content:"";display:block;animation:slidedownAnime 1.5s ease-in-out calc(var(--cover-boder-anime-duration)*6) infinite,slidedownAnimeHide 1.5s ease-in-out calc(var(--cover-boder-anime-duration)*6) infinite;position:absolute;top:80%;left:0;opacity:0}@media screen and (min-width: 640px){#scroll-down{height:calc(100svh - var(--padding-rl-md)*2);top:var(--padding-rl-md);right:calc(var(--padding-rl-md))}}@keyframes slidedownAnime{0%{top:80%}100%{top:99%}}@keyframes slidedownAnimeHide{0%{opacity:0}20%{opacity:1}80%{opacity:.9}100%{opacity:0}}.section{width:100%;margin:0 auto;padding:120px var(--padding-rl-sm) 0}.section h2{color:rgb(var(--color-bg));font-family:var(--gfont-en),sans-serif;font-size:4rem;font-weight:600;letter-spacing:var(--letter-spacing);line-height:1.1;padding-bottom:30px;transition:color 0s ease-in-out .4s}.section h2>span{display:inline-block;position:relative}.section h2>span::before,.section h2>span::after{content:"";display:inline-block;width:100%;height:100%;position:absolute;top:0}.section h2>span::before{background-color:rgb(var(--color-primary));left:0;transition:width .2s ease-in-out;z-index:2}.section h2>span::after{background-color:rgb(var(--color-bg));right:0;transition:width .2s ease-in-out .4s;z-index:1}.section h2.inview{color:rgb(var(--color-primary))}.section h2.inview span::before,.section h2.inview span::after{width:0%}.section h3{font-size:1.6rem;font-weight:700;margin:40px 0 10px;position:relative}.section h3::after{background-color:rgb(var(--color-primary));content:"";display:block;width:0;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%);transition:var(--transition-width);z-index:-1}.section h3.inview::after{width:100%}.section h3 span{background-color:rgb(var(--color-bg));padding-right:10px;position:relative}.section h3 span::before{background-color:rgb(var(--color-bg));content:"";display:block;width:100%;height:100%;position:absolute;top:0;right:0;transition:var(--transition-width)}.section h3.inview span::before{width:0%}@media screen and (min-width: 640px){.section{padding:160px var(--padding-rl-sm) 0}.section h2{font-size:5.6rem}.section h3{font-size:1.8rem;margin-top:50px}.section h3 span{padding-right:16px}}@media screen and (min-width: 960px){.section{display:flex;flex-wrap:wrap}.section h2{width:300px;margin-right:60px}.section .section__contents{padding-top:10px;flex:1}}@media screen and (min-width: 1160px){.section{width:var(--width-pc);padding:200px 0 0}}.about__name{font-weight:700;padding-bottom:10px}.about__name span{font-size:1.8rem;padding-right:20px}@media screen and (min-width: 640px){.about__name{padding-bottom:20px}.about__name span{font-size:2.2rem}}.about__career{font-size:1.2rem;padding:6px 20px 20px;margin-top:40px;position:relative}.about__career::after{background-color:rgb(var(--color-white)/40%);border-radius:4px;content:"";display:block;width:0%;height:100%;position:absolute;top:0;left:0;transition:width .3s ease-in-out;z-index:-1}.about__career.inview::after{width:100%}.about__career dt{font-family:var(--gfont-en),sans-serif;font-weight:600;padding-top:12px}.about__career dd{line-height:1.8}@media screen and (min-width: 640px){.about__career{font-size:1.4rem;padding:10px 40px 30px;margin-top:50px}.about__career::after{border-radius:8px}.about__career dt{padding-top:20px}}.about__freelance-org{display:flex;flex-wrap:wrap;align-items:center;padding:20px 0 0 8px}.about__freelance-org dt img{width:140px;height:auto;aspect-ratio:160/39}.about__freelance-org dd{font-size:1.2rem;padding-top:5px;padding-left:18px}@media screen and (min-width: 640px){.about__freelance-org{padding-left:20px}.about__freelance-org dt img{width:160px}.about__freelance-org dd{padding-top:7px}}/*# sourceMappingURL=style.min.css.map */