body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:left;background-color:var(--bg-color);font-family:"Zen Maru Gothic",sans-serif}.title{font-size:2em;font-weight:400;color:var(--base-text);text-align:center}.subtitle{font-size:1.8em}.division-title,.subtitle{margin-top:1em;font-weight:300;color:var(--base-text)}.division-title{font-size:1.3em}a.external-btn{text-align:center;text-decoration:none;font-weight:500;color:#a48272;background:#fff;display:block;padding:.3em;border-radius:5px;border:2px solid}a.external-btn:hover{color:#fff;background-color:#a48272}.header{z-index:998;display:grid;grid-template:auto;top:0;left:0}.App-header{color:#515457;background-color:#a48272;min-height:1em;font-size:1em;color:#fcfcf3;font-weight:100;margin:auto;width:100%}.header-img{background-image:url(/static/media/mochitto-caffe.eb9ae702.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 30%;height:40em;width:100%;border-radius:0;margin-bottom:3em}.profile{text-align:center}.name{color:#515457;font-weight:bolder}.description{color:#515457;font-weight:300;font-size:1.2em}.icon{width:180px;height:180px;border-radius:50%;object-fit:cover;object-position:90% 100%}.card{padding-top:1em;padding-bottom:1em;margin:auto;width:90%;background-color:#f5f3d8;border-radius:5%}a.x:hover{background-color:#000}a.qiita:hover{background-color:#55c500}a.gmail:hover{background-color:#d14836}a.github:hover{background-color:#2b3137}a.hatena:hover{background-color:#333}a.speakerdeck:hover{background-color:#276159}a.zenn:hover{background-color:#3ea8ff}a.pixiv:hover{background-color:#0096fa}.link-button{display:inline-block;box-shadow:0 0 2px #909090;border-radius:50%;padding:.5em .6em;margin-right:.5em;font-size:1.2em;color:#909090}.link-button:hover{color:#fff}.flip-button-container{margin-top:1.5em}.flip-button{display:inline-flex;align-items:center;grid-gap:.5em;gap:.5em;padding:.8em 1.5em;font-size:1em;font-weight:600;color:#515457;background-color:hsla(0,0%,100%,.5);border:2px solid #515457;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.flip-button:hover{background-color:#515457;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.flip-button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.15)}.flip-button svg{font-size:1.2em}.illustrator-details{margin-top:1em;margin-bottom:1em;text-align:center;padding:0 1em}.illustrator-details .detail-line{color:rgba(0,0,0,.5);font-size:.75em;line-height:1.5;margin:0;word-wrap:break-word;overflow-wrap:break-word}.card.flipped{animation:flipIn .6s ease}@keyframes flipIn{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0deg);opacity:1}}.skill-cards{justify-content:center;margin-top:1.5em;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,15%));grid-row-gap:1.5em;row-gap:1.5em;grid-column-gap:.5em;column-gap:.5em;width:100%}.skill-card-main{position:relative;padding-top:1em;height:auto;color:#c1c2c3;text-align:center;border-radius:16px;width:100%;height:12em;transition:.3s ease-out;background-color:#212223;box-shadow:13px 13px 6px rgba(0,0,0,.2)}.skill-card-main:hover{box-shadow:0 4px 8px rgba(38,38,38,.2)}.skill-card-main .skill-icon{font-size:3em}.skill-card-main .skill-icon-lg{font-size:3.5em}.skill-card-main .skill-text{font-size:1em}.skill-card-main .skill-text-lg{margin-top:-.6em;font-size:1em}.skill-card-main .skill-progress-bar{border:2px solid #c1c2c3;height:1em;border-radius:8px;margin-top:1em;margin-left:1em;margin-right:1em;font-size:1em}.skill-card-main .skill-progress-bar span{display:block;height:100%;background-color:#c1c2c3}.skill-card-main .skill-progress-bar p{margin:1em 0}.illustrator-about{margin-top:2em;padding:2em;max-width:800px;margin-left:auto;margin-right:auto}.illustrator-about .about-section{margin-bottom:3em;background-color:hsla(0,0%,100%,.5);padding:2em;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.illustrator-about .about-section:last-child{margin-bottom:0}.illustrator-about .about-title{color:#515457;font-size:1.5em;font-weight:600;margin-bottom:1.5em;text-align:center;border-bottom:2px solid #515457;padding-bottom:.5em}.illustrator-about .about-content{color:var(--base-text);font-size:1.1em;line-height:1.8}.illustrator-about .environment-item{display:flex;align-items:center;margin-bottom:1em;padding:.8em;background-color:hsla(0,0%,100%,.6);border-radius:8px}.illustrator-about .environment-item .label{font-weight:600;color:#515457;min-width:140px;margin-right:1em}.illustrator-about .environment-item .value{color:var(--base-text);font-weight:500}.illustrator-about .qualification-item{text-align:center;padding:1em;background-color:hsla(0,0%,100%,.6);border-radius:8px;font-size:1.2em;font-weight:500;color:var(--base-text)}.gallerys{justify-content:center;margin-top:1.5em;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,550px));grid-row-gap:1.5em;row-gap:1.5em;grid-column-gap:1em;column-gap:1em;width:100%}.card-description,.card-title{color:#515457}.badges{margin-top:-.1em}.badge{display:inline-block;margin-right:1em;margin-bottom:20px;border-left:10px solid #54bb79;padding:.2em .5em;background-color:#4a5568;color:#fbfbfb;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:.8em;font-weight:100}.illustrator-gallery{width:min(980px,100%);margin:0 auto;padding:1rem 0 2rem}.illustrator-gallery__hero{text-align:center;color:#515457;margin-bottom:1.2rem}.illustrator-gallery__hero h3{margin:.2rem 0;font-size:clamp(1.4rem,3vw,2rem)}.illustrator-gallery__eyebrow{display:inline-block;letter-spacing:.2em;font-size:.75rem;padding:.25rem .8rem;border-radius:999px;background:#f7e6e8}.illustrator-gallery__lead{font-size:.95rem;color:rgba(40,32,32,.72)}.illustrator-gallery__selector{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));grid-gap:.8rem;gap:.8rem;margin-bottom:1.2rem}.character-thumb{border:3px solid #d7cbbf;border-radius:18px;background:#fff;padding:.4rem;cursor:pointer;transition:all .2s ease}.character-thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px}.character-thumb span{display:block;margin-top:.35rem;font-size:.82rem;color:#515457;font-weight:600}.character-thumb.is-active,.character-thumb:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.14)}.character-thumb.character-thumb--sasa.is-active{border-color:#8b5a2b}.character-thumb.character-thumb--shishi.is-active{border-color:#4169e1}.character-thumb.character-thumb--mimi.is-active{border-color:#d63b3b}.character-thumb.character-thumb--momo.is-active{border-color:#ff79b0}.character-thumb.character-thumb--chichi.is-active{border-color:#7ed957}.character-profile-list{display:grid;grid-template-columns:minmax(110px,150px) 1fr;margin:.6rem 0 1rem}.character-profile-list dd,.character-profile-list dt{margin:0;padding:.4rem 0;border-bottom:1px dashed #dfd4ca;font-size:.9rem;line-height:1.6}.character-profile-list dt{color:rgba(40,32,32,.55);font-weight:600}.character-panel__catchphrase{margin:.8rem 0 1rem;padding:.6rem .75rem;border-radius:10px;background:#fff;border-left:4px solid #d7cbbf;font-size:.92rem}.character-panel{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:1rem;gap:1rem;background:#fbf6f1;border-radius:24px;padding:1rem}.character-panel__main-image{border-radius:18px;overflow:hidden;cursor:pointer}.character-panel__main-image img{width:100%;height:100%;max-height:460px;object-fit:cover;display:block}.character-panel__profile{color:#515457}.character-panel__profile h4{margin:0;font-size:1.5rem}.character-panel__profile ul{margin:.8rem 0;padding-left:1.1rem;line-height:1.8}.character-panel__order{margin:.3rem 0 .8rem;display:inline-block;font-size:.85rem;background:#7d3a3a;color:#fff;padding:.18rem .65rem;border-radius:999px}.character-panel__sub-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.6rem;gap:.6rem}.character-panel__sub-gallery button{border:2px solid #d7cbbf;border-radius:12px;background:#fff;padding:.2rem;cursor:pointer}.character-panel__sub-gallery img{width:100%;aspect-ratio:1/1;border-radius:8px;object-fit:cover}@media(max-width:900px){.illustrator-gallery__selector{grid-template-columns:repeat(3,minmax(90px,1fr))}.character-panel{grid-template-columns:1fr}}@media(max-width:520px){.illustrator-gallery__selector{grid-template-columns:repeat(2,minmax(110px,1fr))}.character-profile-list{grid-template-columns:1fr}.character-profile-list dt{border-bottom:none;padding-bottom:.1rem}.character-profile-list dd{padding-top:0;padding-bottom:.6rem}}.yarl__root{--yarl__color_backdrop:rgba(0,0,0,0.9)}.sns{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,48%));grid-column-gap:1em;column-gap:1em;grid-row-gap:1em;row-gap:1em;margin-top:1em;justify-content:center}.blog{font-family:"Zen Maru Gothic",sans-serif;color:var(--base-text)}.timeline{width:100%}.scroll{overflow-y:scroll;height:20em}.footer{text-align:center;padding:3em 0 2em;font-size:1em;font-weight:400;color:#c1c2c3}.fadeIn{animation-name:fadeInAnime;animation-duration:.5s;animation-timing-function:linear;animation-fill-mode:both;animation-delay:.1s}@keyframes fadeInAnime{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.SlideInLeft{animation-name:SlideInLeftAnime;animation-duration:1s;animation-timing-function:cubic-bezier(.25,1,.5,1);animation-fill-mode:forwards;animation-delay:1}@keyframes SlideInLeftAnime{0%{opacity:0;transform:translateX(-180px)}to{transform:translateX(0)}40%,to{opacity:1}}.typing-text{display:inline-block;overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}}.curtain:after,.curtain:before{content:"";position:fixed;top:0;width:50vw;height:100vh;background:var(--bg-color);animation-name:curtainOpen;animation-duration:3s;animation-fill-mode:forwards;animation-delay:.3s;z-index:999}.curtain:before{left:0}.curtain:after{right:0}@keyframes curtainOpen{0%{width:50vw}to{width:0;visibility:hidden}}@media(prefers-color-scheme:light){:root{--base-text:#515457;--bg-color:#f9f9ff;--loading-text:#a48272}}@media(prefers-color-scheme:dark){:root{--base-text:#f9f9f9;--bg-color:#2f3232;--loading-text:#ffe5b3}}.loading{width:100h;height:100vh;background-color:var(--bg-color)}.logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%}
/*# sourceMappingURL=main.8577e943.chunk.css.map */