@font-face{font-family:Noto Sans JP;src:url(/fonts/NotoSansJP-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-VariableFont_opsz_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter Italic;src:url(/fonts/Inter-Italic-VariableFont_opsz_wght.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}:root{--max-w: 1200px;--radius-xl: 1.3rem;--space-s: clamp(.75rem, 2vw, 1rem);--space-m: clamp(1rem, 3vw, 2rem);--space-l: clamp(1.75rem, 6vw, 4rem);--text-body: clamp(.95rem, 1.5vw, 1rem);--text-subtitle: clamp(1.25rem, 2.75vw + .25rem, 1.75rem);--text-title: clamp(2rem, 4vw + .5rem, 2.75rem);--gray-600: #848484;--header-color: #333;--txt-color: #848484;--shadow-md: 0 4px 20px rgb(0 0 0 / .08);--blur-strong: 7.2px}html{scroll-behavior:smooth;scroll-padding-top:8rem}html,body{margin:0;width:100%;height:100%;background-color:#f6f6f6;font-family:Inter,sans-serif;color:var(--header-color)}h1,h2,h3,h4,h5,h6{font-family:Noto Sans JP,sans-serif}p{color:var(--txt-color);font-size:var(--text-body);margin:0}#pre__section{position:relative;width:100%}.page__index{display:none}.header__nav__list a,.contact__txt__subtitle a{color:var(--header-color);font-size:1rem;text-decoration:none;transition:opacity .12s ease}.header__nav__list a:hover,.header__nav__list a:focus-visible,.contact__txt__subtitle a:hover,.contact__txt__subtitle a:focus-visible{opacity:.6;outline:none}#header{position:fixed;top:1rem;left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:var(--max-w);z-index:1000;background:#fff9;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(var(--blur-strong));-webkit-backdrop-filter:blur(var(--blur-strong));border-radius:var(--radius-xl);font-weight:500}.header__nav__list{display:flex;justify-content:center;gap:1.2rem;margin:0;padding:1.25rem 2rem;list-style:none}.footer{padding:2rem}.footer p{color:var(--header-color);text-align:right;line-height:1.6}.about,.resume,.resume_experience,.contact{width:calc(100% - var(--space-l) * 2);max-width:var(--max-w);margin-inline:auto;display:grid;grid-template-columns:1fr;align-content:flex-start}.about{gap:var(--space-s);min-height:80svh;margin-top:2rem}.about__txt__section{margin-top:4rem}.about__txt__title{font-weight:600;font-size:var(--text-title);line-height:1.1;margin:0}.about__txt__subtitle{font-style:italic;margin-block:var(--space-s)}.about__image{max-width:60%;justify-self:center;height:auto}.resume__txt__section{margin-top:0}.resume__skills{display:grid;grid-template-columns:1fr 4fr;grid-template-rows:repeat(4,1fr);grid-column-gap:1rem;grid-row-gap:0px}.resume__skills__title{grid-area:1 / 1 / 2 / 3}.resume__skills__1{grid-area:2 / 1 / 3 / 2}.resume__skills__2{grid-area:2 / 2 / 3 / 3}.resume__skills__3{grid-area:3 / 1 / 4 / 2}.resume__skills__4{grid-area:3 / 2 / 4 / 3}.resume__skills__5{grid-area:4 / 1 / 5 / 2}.resume__skills__6{grid-area:4 / 2 / 5 / 3}.resume__txt__skill__item{line-height:1.6}.resumen__skills__icon{justify-self:center;height:75px;width:75px;object-fit:contain}.resume__txt__subtitle{font-style:italic;margin-block:var(--space-l);font-weight:600;color:var(--header-color);font-size:var(--text-subtitle)}.resume_experience{gap:var(--space-s)}.resume__list li+li{margin-top:var(--space-s)}.resume__txt__period{margin-bottom:var(--space-s)}.resume__txt__experience__company{font-weight:600}.resume__list p{line-height:1.6}.contact{gap:var(--space-s);min-height:100svh;margin-top:2rem}@keyframes parallax{0%{transform:translateY(-10%)}to{transform:translateY(90%)}}.contact__txt__section{position:absolute;left:0;right:0;padding:3rem;background:#fff9;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(var(--blur-strong));-webkit-backdrop-filter:blur(var(--blur-strong));animation:parallax linear both;animation-timeline:view()}.contact__txt__section p{color:var(--text-title)}.contact__txt__title{font-weight:600;font-size:var(--text-title);line-height:1.1;margin:0}.contact__txt__subtitle{font-style:italic;margin-block:var(--space-l);display:grid;grid-template-columns:1fr}.contact__txt__subtitle p,.contact__txt__subtitle a{line-height:2}.contact__image{justify-self:center;width:100%;height:100svh;object-fit:cover}@media (min-width: 768px){.page__index{display:block;position:absolute;left:var(--space-s);top:55%;transform:translateY(-50%) rotate(-90deg);transform-origin:left top;font-family:Noto Sans JP,sans-serif;font-size:.8rem;letter-spacing:.17em;color:#bbb;white-space:nowrap;pointer-events:none;text-orientation:mixed}.header__nav__list{gap:3rem}.about{grid-template-columns:3fr 2fr;gap:var(--space-l);align-content:center;justify-items:end;margin-top:0;min-height:100svh}.about__txt__section{display:grid;align-content:center;margin-top:0}.about__image{max-width:100%;justify-self:end}.resume{grid-template-columns:1fr 1fr;margin-top:0}.resume__txt__subtitle{margin-block:var(--space-m)}.resume_experience{grid-template-columns:3fr 1fr;margin-top:0}.contact{grid-template-columns:2fr 4fr;gap:var(--space-l);align-content:center;justify-items:end;margin-top:6rem;position:relative;margin-inline:0;width:100%;max-width:100%}.contact__txt__section{left:15%;width:60%;max-width:500px;border-radius:var(--radius-xl);padding:4rem}.contact__txt__subtitle{grid-template-columns:1fr 4fr}.contact__image{height:110svh;justify-self:end}}