@import "https://fonts.googleapis.com/css2?family=Gotu&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap";*,:before,:after{box-sizing:border-box;border:0;margin:0;padding:0;font-size:100%;font-style:normal}:where([hidden]:not([hidden=until-found])){display:none!important}:where(html){-webkit-text-size-adjust:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:where(html){--lightningcss-light: ;--lightningcss-dark:initial}}@supports not (min-block-size:100dvb){:where(html){block-size:100%}}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){-webkit-font-smoothing:antialiased;block-size:100dvb;font-family:system-ui,sans-serif;line-height:1.5}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role=button],[role=option]){cursor:pointer}:where(:disabled),:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){block-size:auto;max-inline-size:100%}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + .5rem)}:where(hr){border:none;color:inherit;border-block-start:1px solid;block-size:0;overflow:visible}:where(:focus-visible){outline:none}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}:where(blockquote,q){quotes:none}:where(blockquote,q):before,:where(blockquote,q):after{content:"";content:none}:where(table){border-collapse:collapse;border-spacing:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{overflow-y:scroll}body{color:#3d3735;background:#faf0f0;min-width:1240px;font-family:Noto Sans JP,sans-serif}@media screen and (width<=767px){body{min-width:0}.show-pc{display:none!important}}@media screen and (width>=768px){.show-sp{display:none!important}}a{color:#3d3735;text-decoration:none;transition:all .3s}a:hover{text-decoration:underline}.icon{display:inline-block}.container{flex-direction:column;min-height:100dvh;padding-top:66px;display:flex;position:relative;overflow-x:clip}@media screen and (width<=767px){.container{padding-top:56px}}.main{padding-bottom:90px}.contents{z-index:1;width:1024px;margin:0 auto;padding:40px 0 80px;position:relative}@media screen and (width<=767px){.contents{width:auto;margin:0 12px;padding:20px 0 40px}}.page-header{color:#5a2d23;align-items:baseline;margin-bottom:40px;font-family:Gotu,sans-serif;font-size:32px;font-weight:700;display:flex}.page-header .en{font-family:Gotu,sans-serif;font-size:48px;font-weight:700}.page-header .ja{margin-left:30px;font-size:20px;font-weight:500;line-height:1.6}@media screen and (width<=767px){.page-header{margin-bottom:20px;font-size:24px;display:block}.page-header .en{font-size:36px;display:block}.page-header .ja{margin:5px 0 0;font-size:16px;display:block}}.section-header{color:#5a2d23;align-items:baseline;margin-bottom:40px;font-family:Gotu,sans-serif;font-size:28px;font-weight:700;display:flex}.section-header .en{font-family:Gotu,sans-serif;display:block}.section-header .ja{margin-left:20px;font-size:16px;font-weight:500;display:block}@media screen and (width<=767px){.section-header{margin-bottom:20px;font-size:24px;display:block}.section-header .en{font-size:24px}.section-header .ja{margin-left:0;font-size:12px}}.lead{margin-bottom:40px;font-size:18px;font-weight:600;line-height:1.8}@media screen and (width<=767px){.lead{margin-bottom:10px;font-size:16px}}.p{font-size:16px;line-height:1.8}.p:last-child{margin-bottom:0}@media screen and (width<=767px){.p{font-size:14px}}.btn-more{color:#5a2d23;padding-right:24px;font-family:Gotu,sans-serif;font-size:16px;font-weight:600;display:inline-block;position:relative}.btn-more:before,.btn-more:after{content:"";display:block;position:absolute;top:50%;right:0;transform:translateY(-50%)}.btn-more:before{border-top:1px solid #5a2d23;width:18px;top:50%}.btn-more:after{border-top:1px solid #5a2d23;width:6px;top:calc(50% - 2px);transform:translateY(-50%)rotate(45deg)}.btn-copy:after{content:"";vertical-align:-.05em;background-color:currentColor;width:1em;height:1em;margin-left:.35em;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3crect%20x='8'%20y='8'%20width='12'%20height='12'%20rx='2.5'%20stroke='currentColor'%20stroke-width='2.2'/%3e%3cpath%20d='M8%2016H5.5A2.5%202.5%200%200%201%203%2013.5v-8A2.5%202.5%200%200%201%205.5%203h8A2.5%202.5%200%200%201%2016%205.5V8'%20stroke='currentColor'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3crect%20x='8'%20y='8'%20width='12'%20height='12'%20rx='2.5'%20stroke='currentColor'%20stroke-width='2.2'/%3e%3cpath%20d='M8%2016H5.5A2.5%202.5%200%200%201%203%2013.5v-8A2.5%202.5%200%200%201%205.5%203h8A2.5%202.5%200%200%201%2016%205.5V8'%20stroke='currentColor'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") 50%/contain no-repeat}.view-more{text-align:right;margin-top:40px}@media screen and (width<=767px){.view-more{margin-top:30px}}a[target=_blank]:after{content:"";vertical-align:-.05em;background-color:currentColor;width:1em;height:1em;margin-left:.35em;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20d='M10%204H5a1%201%200%200%200-1%201v14a1%201%200%200%200%201%201h14a1%201%200%200%200%201-1v-5'%20stroke='currentColor'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M14%204h6v6M20%204%2010.5%2013.5'%20stroke='currentColor'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20d='M10%204H5a1%201%200%200%200-1%201v14a1%201%200%200%200%201%201h14a1%201%200%200%200%201-1v-5'%20stroke='currentColor'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M14%204h6v6M20%204%2010.5%2013.5'%20stroke='currentColor'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") 50%/contain no-repeat}.tech-list{flex-wrap:wrap;align-items:center;display:flex}.tech-list li{color:#684a44;background:#e8dddc;border-radius:4px;margin-bottom:10px;margin-right:10px;padding:4px 10px;font-size:14px;font-weight:500}input{background:0 0;transition:all .3s;appearance:none!important}@media (-ms-high-contrast:none){input{padding-bottom:4px}}.btn{text-align:center;box-shadow:none;white-space:nowrap;cursor:pointer;border:none;border-radius:4px;outline:none;justify-content:center;align-items:center;min-width:180px;height:48px;padding:0 15px;font-family:Gotu,sans-serif;font-size:16px;font-weight:600;line-height:48px;text-decoration:none;display:inline-flex}.btn .icon{width:20px;height:20px;margin-right:8px}.btn .icon-link{width:18px;height:18px}.btn .icon-github{width:24px;height:24px}.btn:hover{text-decoration:none}.btn-primary{color:#fff;background:#5a2d23}.btn-primary .icon{fill:currentColor}.btn-primary:hover{opacity:.8}.btn-secondary{color:#5a2d23;background-color:#0000;border:1px solid #5a2d23}.btn-secondary .icon{fill:currentColor}.btn-secondary:hover{opacity:.8}.btn .icon-close{margin-right:5px;position:relative;top:3px}a.btn,span.btn{justify-content:center;align-items:center;display:inline-flex}.btns{text-align:center;justify-content:flex-start;margin:40px 0 30px;display:flex}.btns .btn{margin-right:20px}.btns.show-pc{display:flex!important}.btns.show-sp{display:none!important}@media screen and (width<=767px){.btns{justify-content:space-between}.btns .btn{width:calc(50% - 5px);min-width:0;margin:0 0 16px}}.header{z-index:100;background:#faf0f0;border-bottom:1px solid #c8c2be;width:100%;position:fixed;top:0;left:0}.header-inner{justify-content:space-between;align-items:baseline;width:1024px;margin:0 auto;padding:15px 0 10px;display:flex}.header-name{color:#5a2d23;font-family:Gotu,sans-serif;font-size:28px;font-weight:500;display:block}.header-name a{color:#5a2d23;text-decoration:none}.header-name a:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.header-name .sub{margin-left:1em;font-size:16px}.header-nav-list{color:#5a2d23;align-items:baseline;font-family:Gotu,sans-serif;font-size:18px;font-weight:400;display:flex}.header-nav-list-item{margin-left:30px}.header-nav-list-item a{color:#5a2d23;text-decoration:none}.header-nav-list-item a:hover{text-decoration:underline}.header-nav-list-item.is_current a{font-weight:700}@media screen and (width<=767px){.header-inner{width:auto;margin:0 12px}.header-name{font-size:18px}.header-name .sub{font-size:12px}.header-nav{z-index:100;background:#faf0f0;width:calc(100% - 60px);height:100%;transition:transform .3s ease-in-out;position:fixed;top:52px;left:0;transform:translate(-100%)}.header-nav-overlay{cursor:pointer;opacity:0;visibility:hidden;background:#00000080;border:none;width:100vw;height:100%;padding:0;position:absolute;top:0;left:100%}.header-nav-list{border-top:1px solid #c8c2be;display:block}.header-nav-list-item{border-bottom:1px solid #c8c2be;margin:0}.header-nav-list-item a{align-items:center;height:54px;padding:10px 12px;line-height:1;display:flex;position:relative}.header-nav-button{color:#5a2d23;cursor:pointer;background:0 0;border:none;width:40px;height:40px}.header-nav-button-wrapper{z-index:100;background:#faf0f0;justify-content:center;align-items:center;width:60px;height:50px;display:flex;position:fixed;top:0;right:0}}.is_menu-opened{overscroll-behavior:none;width:100%;position:fixed;left:0;overflow:hidden}.is_menu-opened .header-nav{transform:translate(0)}.is_menu-opened .header-nav-overlay{opacity:1;visibility:visible}.footer{background:#faf0f0;padding:10px 0}.footer-inner{text-align:center;color:#5a2d23;width:1024px;margin:0 auto;font-family:Gotu,sans-serif;font-size:14px;font-weight:400}@media screen and (width<=767px){.footer-inner{width:auto;margin:0 12px}}.page-top{color:#5a2d23;cursor:pointer;z-index:100;background:0 0;padding-top:30px;font-family:Gotu,sans-serif;font-size:18px;font-weight:500;transition:all .3s;position:fixed;bottom:-60px;right:20px}.page-top:before,.page-top:after{content:"";border-left:2px solid #5a2d23;display:block;position:absolute;top:0;left:50%}.page-top:before{height:24px;transform:translate(-50%)}.page-top:after{height:8px;transform:translate(calc(-50% - 3px))rotate(45deg)}.is_scrolled .page-top{bottom:20px}.is_menu-opened .page-top{display:none}@media screen and (width<=767px){.page-top{background:#faf0f0;border-radius:5px;padding:24px 10px 5px;font-size:12px;bottom:-80px;right:12px}.page-top:before,.page-top:after{border-width:1px;top:5px}.page-top:before{height:16px}.page-top:after{height:4px}}.top-hero{padding:60px 0}.top-hero-inner{z-index:1;width:1024px;margin:0 auto;padding-bottom:40px;position:relative}.top-hero-main{color:#5a2d23;margin-bottom:30px;font-family:Gotu,sans-serif;font-size:64px;font-weight:700}.top-hero-copy{color:#5a2d23;margin-bottom:40px;font-family:Gotu,sans-serif;font-size:36px;font-weight:600;line-height:1.6}.top-hero-sub{color:#5a2d23;font-size:18px;font-weight:400;line-height:1.8}@media screen and (width<=767px){.top-hero{padding:40px 0 0}.top-hero-inner{width:auto;margin:0 12px}.top-hero-main{font-size:36px}.top-hero-copy{font-size:20px}.top-hero-sub{font-size:14px}}.top-section{padding:80px 0}.top-section-inner{z-index:1;width:1024px;margin:0 auto;position:relative}@media screen and (width<=767px){.top-section-inner{width:auto;margin:0 12px}}.top-section-header{color:#5a2d23;margin-bottom:40px;font-family:Gotu,sans-serif;font-size:48px;font-weight:700}.top-section-header .num{font-size:40px}.top-section-header .num:after{content:"–";margin:0 .2em}@media screen and (width<=767px){.top-section-header{margin-bottom:20px;font-size:24px}.top-section-header .num{font-size:20px}}.top-section-content{margin-left:30px}@media screen and (width<=767px){.top-section{padding:40px 0}.top-section-inner{width:auto;margin:0 12px}.top-section-content{margin-left:0}}.top-skills-list-item-label{margin:30px 0 20px;font-family:Gotu,sans-serif;font-size:24px;font-weight:600;line-height:1.6}.top-skills-list-item-value{margin:0 0 0 20px;line-height:1.8}.top-skills-list-item-value-list{flex-wrap:wrap;align-items:baseline;display:flex}.top-skills-list-item-value-list-item{margin-right:30px;font-size:18px;font-weight:400;line-height:1.8}.top-skills-list-item-level{font-family:Gotu,sans-serif;font-size:14px;font-weight:400}.top-skills-list-item-level+.top-skills-list-item-value-list{margin:0 0 1em 1em}@media screen and (width<=767px){.top-skills-list-item-label{margin:30px 0 10px;font-size:20px}.top-skills-list-item-value{margin:0 0 0 10px}.top-skills-list-item-value-list-item{margin-right:20px;font-size:16px}.top-skills-list-item-level{font-size:12px}}.top-works-list-item{margin-top:40px}.top-works-list-item-img{margin-bottom:40px}.top-works-list-item-img-list{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.top-works-list-item-header{margin-bottom:5px;font-family:Gotu,sans-serif;font-size:30px;font-weight:600;line-height:1.6}@media screen and (width<=767px){.top-works-list-item{margin-top:30px}.top-works-list-item-img{margin:0 -12px 40px}.top-works-list-item-img-list{gap:0;padding:0 0 0 12px;display:flex;overflow-x:auto}.top-works-list-item-img-list-item{flex-shrink:0;width:240px;margin-right:20px}}.top-experience-list-item{border-bottom:1px dashed #c8c2be;justify-content:space-between;align-items:flex-end;padding:30px 0;display:flex}.top-experience-list-item-title .en{margin-bottom:5px;font-family:Gotu,sans-serif;font-size:24px;font-weight:600;line-height:1.6;display:block}.top-experience-list-item-title .ja{margin-bottom:5px;font-size:16px;font-weight:400;line-height:1.6;display:block}@media screen and (width<=767px){.top-experience-list-item{padding:20px 0;display:block}.top-experience-list-item-title .en{margin-bottom:0;font-size:18px}.top-experience-list-item-title .ja{margin-bottom:0;font-size:14px}.top-experience-list-item .view-more{margin-top:10px;font-size:14px}}.top-strengths-list{grid-template-columns:repeat(2,1fr);gap:40px;margin-top:60px;display:grid}.top-strengths-list-item .en{margin-bottom:5px;font-family:Gotu,sans-serif;font-size:24px;font-weight:600;line-height:1.6;display:block}.top-strengths-list-item .ja{margin-bottom:5px;font-size:16px;font-weight:400;line-height:1.6;display:block}@media screen and (width<=767px){.top-strengths-list{grid-template-columns:1fr;gap:20px;margin-top:40px}.top-strengths-list-item .en{margin-bottom:0;font-size:20px}.top-strengths-list-item .ja{margin-bottom:0;font-size:14px}}.about-section{padding-top:80px}@media screen and (width<=767px){.about-section{padding-top:40px}}.breadcrumbs{padding-bottom:60px}.breadcrumbs-inner{width:1024px;margin:0 auto}.breadcrumbs-list{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs-list-item:not(:last-child):after{content:"";border-top:1px solid #3d3735;border-right:1px solid #3d3735;width:6px;height:6px;margin:0 10px;display:inline-block;position:relative;top:-2px;transform:rotate(45deg)}.works-section{padding-top:40px}.works-section .section-header{margin-bottom:20px}.works-section-cols{display:flex}.works-section-col{width:100%}.works-section-img{flex-shrink:0}@media screen and (width<=767px){.works-section-cols{flex-direction:column-reverse}.works-section-col{width:auto}.works-section-img{margin-left:0}}.works-list-item-img{margin-bottom:40px}.works-list-item-img-list{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.works-list-item-dl{margin-top:30px}.works-list-item-dl-term{margin-bottom:5px;font-weight:700}.works-list-item-dl-desc{font-weight:400}@media screen and (width<=767px){.works-list-item-img{margin:0 -12px 40px}.works-list-item-img-list{gap:0;padding:0 0 0 12px;display:flex;overflow-x:auto}.works-list-item-img-list-item{flex-shrink:0;width:240px;margin-right:20px}}.works-contents-block{margin:0 0 40px 20px}.works-contents-label{margin-bottom:20px;font-size:18px;line-height:1.6}.works-contents-list{width:100%;margin:20px 0 30px 10px}.works-contents-list-item{text-indent:-1.5em;margin-left:1.5em;font-size:16px;line-height:1.8}.works-contents-list-item:before{content:"・ "}.works-contents-list-label{margin-bottom:5px;font-size:16px;font-weight:700;line-height:1.6}.works-contents-list-value{margin-bottom:40px;font-size:16px;line-height:1.6}@media screen and (width<=767px){.works-contents-block,.works-contents-list{margin-left:0}.works-contents-list-item{font-size:14px}}.works-btns{margin-bottom:20px}.works-feature-wrapper{gap:20px;display:flex}.works-feature-img{width:100%}.works-feature-img-list{gap:20px;display:flex}.works-feature-img img{width:100%}.works-feature-img-caption{margin-top:10px;font-size:14px;line-height:1.6}.works-feature-list{gap:20px;display:flex}@media screen and (width<=767px){.works-feature-wrapper{flex-direction:column}.works-feature-img-wrapper{margin:0 -12px 40px}.works-feature-img-list{gap:0;padding:0 0 0 12px;display:flex;overflow-x:auto}.works-feature-img-list-item{flex-shrink:0;width:240px;margin-right:20px}.works-feature-img-caption{font-size:12px}}#overview .works-section-img{width:540px;margin-left:20px}@media screen and (width<=767px){#overview .works-section-img{width:100%;margin:0 0 30px}}#features #feature-05 .works-feature-img{width:240px}@media screen and (width<=767px){#features #feature-05 .works-feature-img{width:100%}#features #feature-05 .works-feature-img-wrapper{margin:0 0 40px}#features #feature-05 .works-feature-img-list{gap:10px;padding:0;display:flex;overflow-x:hidden}#features #feature-05 .works-feature-img-list-item{flex-shrink:1;margin:0}#features #feature-05 .works-feature-img-list-item img{width:100%}}.experience-section{padding-top:40px}.experience-section .section-header{margin-bottom:20px}.experience-list-item{text-indent:-1.5em;margin-left:1.5em;font-size:16px;line-height:1.8}.experience-list-item:before{content:"・ "}@media screen and (width<=767px){.experience-list-item{font-size:14px}}.experience-contents-block{margin:0 0 40px 20px}.experience-contents-label{margin-bottom:20px;font-size:18px;line-height:1.6}.experience-contents-list{margin:40px 0 40px 10px}.experience-contents-list-item{text-indent:-1.5em;margin-left:1.5em;font-size:16px;line-height:1.8}.experience-contents-list-item:before{content:"・ "}.experience-contents-list-label{margin-bottom:5px;font-size:16px;font-weight:700;line-height:1.6}.experience-contents-list-value{margin-bottom:60px;font-size:16px;line-height:1.6}.experience-contents-list-value .view-more{margin-top:20px}@media screen and (width<=767px){.experience-contents-block{margin-left:0}.experience-contents-label{font-size:16px}.experience-contents-list{margin-left:0}.experience-contents-list-item,.experience-contents-list-value{font-size:14px}}.experience-tech-list{flex-wrap:wrap;align-items:baseline;display:flex}.experience-tech-list-item{margin-right:30px;font-size:18px;font-weight:400;line-height:1.8}.strengths-section{padding-top:40px}.strengths-section .section-header{margin-bottom:20px}.contact-header{margin-bottom:40px;font-size:20px}.contact-section{margin-top:80px}.contact-list{margin:60px 0 0 20px}.contact-list-item{margin-bottom:40px;display:flex}.contact-list-item .copied-text{color:#8b3a4a;opacity:0;background:#fff;border-radius:5px;margin-left:20px;padding:10px 15px;font-size:16px;font-weight:500;transition:all .3s;position:relative;top:-3px}.contact-list-item .copied-text:after{content:"";border:8px solid #0000;border-left:none;border-right:24px solid #fff;display:block;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.contact-list-item .copied-text.is_show{opacity:1;visibility:visible}@media screen and (width<=767px){.contact-list{margin-left:0}.contact-list-item{margin-bottom:20px}}.contact-send,.contact-copy{color:#5a2d23;cursor:pointer;background:0 0;border:none;padding-right:24px;font-family:Gotu,sans-serif;font-size:20px;font-weight:600;line-height:1.6;position:relative}.contact-send:hover,.contact-copy:hover{text-decoration:underline}.contact-send:before,.contact-send:after{content:"";display:block;position:absolute;top:50%;right:0;transform:translateY(-50%)}.contact-send:before{border-top:1px solid #5a2d23;width:18px;top:50%}.contact-send:after{border-top:1px solid #5a2d23;width:6px;top:calc(50% - 2px);transform:translateY(-50%)rotate(45deg)}