@import"https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&family=Zen+Kaku+Gothic+New&family=Zen+Old+Mincho&display=swap";:root{--dark-blue: #2a3a4b;--light-blue: #f0f4f6;--accent-red: #b35a4f;--accent-brown: #c27d66;--text: #768692;--middle-gray: #d1d5d8;--light-gray: #f5f7f8;--perl-white: #fffef7}:root{--vw: 1vw;--vh: 1vh}:root{--font-jp-sans: "Zen Kaku Gothic New", serif;--font-jp-serif: "Zen Old Mincho", serif;--font-en-serif: "Baskervville", serif}body{font-family:var(--font-jp-sans);font-weight:400;font-style:normal}.serif-jp{font-family:var(--font-jp-serif);font-weight:400;font-style:normal}.serif-en{font-family:var(--font-en-serif);font-weight:400;font-style:normal}.container{width:min(1120px,90%);margin-right:auto;margin-left:auto}.container.sm{width:min(680px,65%)}:root{--z-header: 20;--z-modal: 40;--z-top-button: 30;--z-loading: 9999}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}img{max-width:100%;height:auto}li{list-style:none}a{color:inherit;text-decoration:none;cursor:pointer}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}body{line-height:1.6}body{color:var(--text);background-color:var(--perl-white)}a[target=_blank]:not(.details-page){color:var(--dark-blue)}a[target=_blank]:not(.details-page)::before{content:"";display:inline-block;width:.8em;height:.8em;background:url(../images/link-icon.png) no-repeat center/contain;margin-right:.2em}.logo-box{height:40px}.logo-box img{height:100%;width:auto;-webkit-transition:opacity 200ms;transition:opacity 200ms}.logo-box img:hover{opacity:.6}.title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.title span{color:var(--dark-blue)}.button-common{display:inline-block;padding-right:46px;position:relative;color:var(--dark-blue)}.button-common::after{content:"";display:inline-block;width:40px;height:1px;position:absolute;top:50%;right:0;background-color:currentColor;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:scale 200ms;transition:scale 200ms}.button-common:hover{color:var(--text)}.button-common:hover::after{scale:2.5 1}.tab-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tab-list a{color:var(--dark-blue);padding:.2em 1em;border-radius:6px 6px 0 0;-webkit-transition:color 200ms;transition:color 200ms;position:relative}.tab-list a::after{content:"";display:block;width:100%;height:1px;background-color:var(--dark-blue);position:absolute;left:0;bottom:0}.tab-list a:hover{color:var(--text)}.tab-list.is-active a{border-top:1px solid currentColor;border-left:1px solid currentColor;border-right:1px solid currentColor;border-bottom:none}.tab-list.is-active a::after{opacity:0}.tab-list.serif-en a::after{bottom:-1px}.tab-panels{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(200px, 100%), 1fr));gap:40px;margin-top:60px}.tab-panel img{max-height:250px}.modal-open{display:block;position:relative}.modal-open::before{content:"モーダルで詳しく見る";display:block grid;font-weight:bold;place-items:center;width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;background-color:rgba(0,0,0,.65);opacity:0;-webkit-transition:opacity 350ms;transition:opacity 350ms}.modal-open:hover::before{opacity:1}.modal-open img{margin-bottom:20px}.modal-open__text:not(:last-child){margin-bottom:10px}table.modal-open__text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:auto;margin-left:auto}table.modal-open__text td{padding-left:1em}.overlay{width:calc(var(--vw)*100);height:calc(var(--vh)*100);background-color:rgba(0,0,0,.4);position:fixed;top:0;left:0;z-index:calc(var(--z-modal) - 1);display:none}.body-fixed{height:calc(var(--vh)*100);overflow-y:hidden}.modal{width:calc(var(--vw)*100 - 40px);height:calc(var(--vh)*100 - 40px);background-color:var(--light-blue);position:fixed;top:20px;left:20px;padding:40px;z-index:var(--z-modal);overflow-y:scroll;display:none}@media(min-width: 520px){.modal{width:calc(var(--vw)*100 - 60px);height:calc(var(--vh)*100 - 60px);top:30px;left:30px;padding:50px}}@media(min-width: 1025px){.modal{width:calc(var(--vw)*100 - 120px);height:calc(var(--vh)*100 - 120px);top:60px;left:60px;padding:80px}}.modal__image{max-width:400px;margin-right:auto;margin-left:auto}.modal__body{margin-top:60px}.modal__body table th{padding-bottom:16px;white-space:nowrap;color:var(--dark-blue)}@media(min-width: 768px){.modal__body table th{padding-bottom:80px;padding-right:40px}}.modal__body table td{padding-bottom:80px}@media(max-width: 767.8px){.modal__body table,.modal__body tbody,.modal__body tr,.modal__body td,.modal__body th{width:100%;display:block}}.modal-close{text-align:right;position:sticky;margin-left:auto;top:0;font-weight:bold}.modal-close button{padding:4px 6px;color:#fff;background-color:var(--dark-blue);border:2px solid var(--dark-blue);-webkit-transition:color 150ms,background-color 250ms;transition:color 150ms,background-color 250ms}.modal-close button:hover{color:var(--dark-blue);background-color:rgba(0,0,0,0)}@media(min-width: 768px){.modal-close button{padding:10px 20px}}.top-button{position:fixed;bottom:20px;right:20px;display:inline-block;color:#fff;background-color:var(--dark-blue);width:40px;aspect-ratio:1;line-height:40px;text-align:center;border-radius:50%;outline:1px solid rgba(255,255,255,.5);outline-offset:-4px;-webkit-transition:opacity 150ms;transition:opacity 150ms;z-index:var(--z-top-button)}.top-button:hover{opacity:.6}@media(min-width: 768px){.top-button{bottom:30px;right:30px;width:50px;line-height:50px}}@media(min-width: 768px){.top-button{bottom:40px;right:40px}}html{scroll-behavior:smooth}.loading{width:calc(var(--vw)*100);height:calc(var(--vh)*100);background-color:var(--light-blue);position:fixed;top:0;left:0;z-index:var(--z-loading)}.loading__inner{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px}.loading__logo{width:min(60%,250px)}.loading__text::before,.loading__text::after{content:"";display:block;width:100%;height:2px;background-color:var(--dark-blue)}.loading__text span{display:block;text-align:center;font-size:1.5rem;color:var(--dark-blue);font-weight:bold;padding-right:2rem;padding-left:2rem}@media(min-width: 1025px){.loading__text span{font-size:2.25rem}}.header{position:sticky;top:0;background-color:var(--perl-white);z-index:var(--z-header)}.header__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--dark-blue);padding-top:10px;padding-bottom:10px}.header__navigation__menu{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px}@media(min-width: 768px){.header__navigation__menu{gap:60px}}.header__navigation__list a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;-webkit-transition:color 200ms;transition:color 200ms;position:relative}.header__navigation__list a::before{content:"";width:120%;height:1px;background-color:var(--dark-blue);position:absolute;bottom:-6px;right:-10%;scale:0 1;-webkit-transition:scale 150ms 150ms;transition:scale 150ms 150ms;-webkit-transform-origin:center left;transform-origin:center left}.header__navigation__list a:hover{color:var(--dark-blue)}.header__navigation__list a:hover::before{scale:1 1}.header__navigation__list a span{color:var(--dark-blue)}.main-visual{padding-top:20px}@media(min-width: 768px){.main-visual{padding-top:60px}}@media(min-width: 1025px){.main-visual{padding-top:80px}}.main-visual__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media(min-width: 768px){.main-visual__inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.main-visual__text{font-size:40px;color:var(--dark-blue);line-height:1.4}@media(min-width: 768px){.main-visual__text{font-size:50px}}@media(min-width: 1025px){.main-visual__text{font-size:60px}}.main-visual__text span{display:inline-block}.main-visual__image{position:relative}.main-visual__image img{-webkit-mask-image:url(../images/main-visual-frame.png);mask-image:url(../images/main-visual-frame.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.main-visual__image::before{content:"";display:block;width:104%;height:98%;background:url(../images/main-visual-line.png) no-repeat center/contain;position:absolute;top:16px;left:-6px;z-index:-1}.section{padding-top:100px;padding-bottom:100px}.section:first-child{padding-top:160px}@media(min-width: 768px){.section:first-child{padding-top:200px}}.reguler-text{margin-bottom:30px;line-height:1.6}@media(min-width: 768px){.reguler-text{margin-bottom:40px}}.reguler-text span{display:inline-block}.section#profile{position:relative}.section#profile::before,.section#profile::after{content:"";background-repeat:no-repeat;background-position:center center;background-size:contain;display:block;width:max(20vw,80px);height:max(20vw,80px);position:absolute;z-index:-1;opacity:.15}.section#profile::before{background-image:url(../images/pen-tool.svg);top:0;left:-20px}.section#profile::after{background-image:url(../images/home-page.svg);right:-10px;bottom:-40px}.profile__content{padding-top:60px}.profile__text{text-align:center}.profile__button{margin-top:60px;text-align:right}.section#works{background-color:var(--light-gray)}.works__content{margin-top:60px}.footer{background-color:var(--dark-blue);color:#fff;padding-top:20px;padding-bottom:20px}@media(min-width: 768px){.footer{padding-top:40px;padding-bottom:40px}}.footer__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer__inner:first-child{margin-bottom:40px}.footer__navigation__menu{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px}.footer__navigation__list a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;-webkit-transition:opacity 150ms;transition:opacity 150ms}.footer__navigation__list a:hover{opacity:.6}.mail-link:hover{text-decoration:underline}.copyright{font-size:10px}.profile-main-visual{margin-top:60px}.profile-main-visual__inner{position:relative;padding-top:40px}@media(min-width: 1025px){.profile-main-visual__inner{padding-top:80px}}.profile-main-visual__body{z-index:1;position:relative;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;max-height:440px;margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;margin-top:-80px;padding:20px}.profile-main-visual__image{margin-left:calc(50% - var(--vw)*50);margin-right:10%;aspect-ratio:5/3}.profile-main-visual__image img{width:100%;height:100%;-o-object-fit:covers;object-fit:covers}.profile-main-visual__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;position:absolute;top:10px;right:0;color:var(--dark-blue)}.profile-main-visual__text span{display:inline-block}.lead-sentence{margin-top:40px;margin-bottom:80px}.lead-sentence span{display:inline-block}.personal-skills{background-color:var(--light-blue)}.personal-wrapper{counter-reset:num}.personal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}@media(min-width: 768px){.personal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:40px}}.personal:not(:last-child){margin-bottom:60px}.personal__title{color:var(--dark-blue);font-size:1.25rem;counter-increment:num;position:relative;padding-top:.5em}@media(min-width: 768px){.personal__title{font-size:1.5rem}}.personal__title::before{content:counter(num, decimal-leading-zero) ".";font-size:2em;opacity:.15;display:block;font-family:var(--font-en-serif);position:absolute;top:-0.7em;left:-0.7em}@media(min-width: 768px){.personal__body{-webkit-box-flex:1;-ms-flex:1;flex:1}}.personal__text:not(:last-child){margin-bottom:20px}.web-skills__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:40px;margin-bottom:60px}@media(min-width: 768px){.web-skills__grid{margin-bottom:80px}}.web-skills__title{margin-bottom:40px}.web-skills__title::after{content:"";display:block;width:120px;height:1px;background-color:currentColor;margin-right:auto;margin-left:auto;margin-top:6px}.web-skills__item__title{margin-bottom:20px}.web-skills__image{height:60px;text-align:center;padding-bottom:20px}.web-skills__image img{height:100%;-o-object-fit:contain;object-fit:contain}.web-skills__text{margin-bottom:10px}.web-skills__label{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5em}.web-skills__label__item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-ms-flex-wrap:wrap;flex-wrap:wrap}.web-skills__label__item span{background-color:var(--text);color:#fff;padding:.2em .5em;line-height:1}.details-page{display:block;position:relative}.details-page::before{content:"新規タブで詳しく見る";display:block grid;font-weight:bold;place-items:center;width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;background-color:rgba(0,0,0,.65);opacity:0;-webkit-transition:opacity 350ms;transition:opacity 350ms}.details-page:hover::before{opacity:1}.details-page img{margin-bottom:20px}.details-page__content{padding-top:60px;padding-bottom:60px}@media(min-width: 768px){.details-page__content{padding-top:80px;padding-bottom:80px}}.details-page__image{margin-bottom:60px}@media(min-width: 768px){.details-page__image{margin-bottom:80px}}.details-page__body{margin-bottom:60px}@media(min-width: 768px){.details-page__body{margin-bottom:80px}}.details-page__capture{margin-bottom:60px}@media(min-width: 768px){.details-page__capture{margin-bottom:80px}}.details-page__capture.details-page__capture-website{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:60px}@media(min-width: 768px){.details-page__capture.details-page__capture-website{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:start}}.detail-page__capture__item span{display:block;margin-bottom:10px}.details-page__text:not(:last-child){margin-bottom:10px}table.details-page__text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:auto;margin-left:auto}table.details-page__text td{padding-left:1em}.details-page__table{margin-top:60px}.details-page__table th{padding-bottom:16px;white-space:nowrap;color:var(--dark-blue)}@media(min-width: 768px){.details-page__table th{padding-bottom:80px;padding-right:40px}}.details-page__table td{padding-bottom:80px}@media(max-width: 767.8px){.details-page__table table,.details-page__table tbody,.details-page__table tr,.details-page__table td,.details-page__table th{width:100%;display:block}}.page-close{position:fixed;top:20px;right:20px;font-weight:bold}.page-close input{padding:4px 6px;color:#fff;background-color:var(--dark-blue);border:2px solid var(--dark-blue);-webkit-transition:color 150ms,background-color 250ms;transition:color 150ms,background-color 250ms}.page-close input:hover{color:var(--dark-blue);background-color:rgba(0,0,0,0)}@media(min-width: 768px){.page-close input{padding:10px 20px}}.fz-xs{font-size:10px}.fz-sm{font-size:.75rem}@media(min-width: 768px){.fz-sm{font-size:.875rem}}.fz-md{font-size:.875rem}@media(min-width: 768px){.fz-md{font-size:1rem}}.fz-lg{font-size:1rem}@media(min-width: 768px){.fz-lg{font-size:1.125rem}}.fz-xl{font-size:1.5rem}@media(min-width: 768px){.fz-xl{font-size:2.25rem}}.align-center{text-align:center}.align-left{text-align:left}.align-right{text-align:right}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}@-webkit-keyframes visible-body{0%{visibility:hidden}100%{visibility:visible}}@keyframes visible-body{0%{visibility:hidden}100%{visibility:visible}}.loaded{-webkit-animation:visible-body 150ms ease-out both;animation:visible-body 150ms ease-out both}.fadein{opacity:0;visibility:hidden;-webkit-transform:translateY(40px);transform:translateY(40px);-webkit-transition:opacity 450ms ease-out,-webkit-transform 450ms 100ms ease-out;transition:opacity 450ms ease-out,-webkit-transform 450ms 100ms ease-out;transition:opacity 450ms ease-out,transform 450ms 100ms ease-out;transition:opacity 450ms ease-out,transform 450ms 100ms ease-out,-webkit-transform 450ms 100ms ease-out}.fadein.is-active{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.slideup-text{overflow-y:clip}.slideup-text span{display:inline-block;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 400ms;transition:-webkit-transform 400ms;transition:transform 400ms;transition:transform 400ms, -webkit-transform 400ms}.slideup-text.is-active span{-webkit-transform:translateY(0);transform:translateY(0)}/*# sourceMappingURL=style.min.css.map */