@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@500;600;700&display=swap";
.utaraska-home{--ut-bg:#faf9f6;--ut-bg-tech:#f3f2ef;--ut-ink:#1c1c1c;--ut-muted:#5c5c5c;--ut-line:#ddd9d0;--ut-accent:#8b2e3a;--ut-accent-blue:#2c3f6b;--ut-serif:"Noto Serif JP",serif;--ut-sans:"Noto Sans JP",sans-serif;background:var(--ut-bg);min-height:100vh;color:var(--ut-ink);font-family:var(--ut-sans);letter-spacing:.02em;font-size:1rem;line-height:1.85}.utaraska-home *,.utaraska-home :before,.utaraska-home :after{box-sizing:border-box}.utaraska-home a{color:inherit;text-decoration:none}.utaraska-home img{max-width:100%;height:auto}.ut-container{width:min(100% - 2rem,68rem);margin-inline:auto}.ut-section{padding-block:clamp(4rem,10vw,6.5rem)}.ut-section--tech{background:var(--ut-bg-tech);border-block:1px solid var(--ut-line)}.ut-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--ut-accent-blue);margin-bottom:1rem;font-size:.75rem;font-weight:600;display:inline-block}.ut-heading{font-family:var(--ut-serif);letter-spacing:.04em;font-weight:600;line-height:1.35}.ut-heading-xl{font-size:clamp(2rem,5vw,3.25rem)}.ut-heading-lg{font-size:clamp(1.65rem,3.5vw,2.35rem)}.ut-heading-md{font-size:clamp(1.25rem,2.5vw,1.5rem)}.ut-lead{color:var(--ut-muted);font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.9}.ut-rule{border:none;border-top:1px solid var(--ut-line);margin:0}.ut-rule-accent{border-top:2px solid var(--ut-accent);width:3rem;margin-block:1.25rem}.ut-header{z-index:50;border-bottom:1px solid var(--ut-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#faf9f6eb;position:sticky;top:0}.ut-header-inner{align-items:center;padding-block:1rem;display:flex}.ut-logo-mark{align-items:center;gap:.75rem;display:flex}.ut-logo-mark img{object-fit:contain;width:2.5rem;height:2.5rem}.ut-logo-text{font-family:var(--ut-serif);letter-spacing:.06em;font-size:.95rem;font-weight:600}.ut-hero{padding-block:clamp(3.5rem,12vw,7rem);position:relative}.ut-hero-content{max-width:42rem}.ut-hero-vertical{writing-mode:vertical-rl;font-family:var(--ut-serif);letter-spacing:.3em;color:var(--ut-accent);opacity:.7;font-size:.8rem;display:none}@media (min-width:960px){.ut-hero-vertical{display:block;position:absolute;top:8rem;right:1rem}}.ut-hero-tags{flex-wrap:wrap;gap:.5rem;margin-top:1.75rem;display:flex}.ut-tag{border:1px solid var(--ut-line);color:var(--ut-muted);background:#fff;padding:.35rem .75rem;font-size:.8125rem}.ut-hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.ut-btn{border:1px solid var(--ut-ink);justify-content:center;align-items:center;min-height:2.75rem;padding:.65rem 1.35rem;font-size:.9375rem;font-weight:500;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.ut-btn--primary{background:var(--ut-ink);color:#fff}.utaraska-home a.ut-btn--primary,.utaraska-home .ut-btn--primary{color:#fff}.ut-btn--primary:hover{background:var(--ut-accent-blue);border-color:var(--ut-accent-blue)}.utaraska-home a.ut-btn--primary:hover,.utaraska-home .ut-btn--primary:hover{color:#fff}.ut-btn--ghost{color:var(--ut-ink);background:0 0}.ut-btn--ghost:hover{border-color:var(--ut-accent);color:var(--ut-accent)}.ut-about-grid{gap:2.5rem;display:grid}@media (min-width:768px){.ut-about-grid{grid-template-columns:.35fr 1fr;gap:3rem}}.ut-about-aside{font-family:var(--ut-serif);color:var(--ut-line);font-size:3rem;font-weight:600;line-height:1}.ut-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.ut-stat{border:1px solid var(--ut-line);background:#fff;padding:1rem 1.15rem}.ut-stat-value{font-family:var(--ut-serif);font-size:1.75rem;font-weight:600;line-height:1.2}.ut-stat-label{color:var(--ut-muted);margin-top:.35rem;font-size:.8125rem}.ut-service-list{background:var(--ut-line);border:1px solid var(--ut-line);gap:1px;margin-top:2.5rem;display:grid}@media (min-width:768px){.ut-service-list{grid-template-columns:repeat(3,minmax(0,1fr))}.ut-service-list--quad{grid-template-columns:repeat(2,minmax(0,1fr))}}.ut-back-link{color:var(--ut-muted);font-size:.875rem;transition:color .2s;display:inline-block}.ut-back-link:hover{color:var(--ut-ink)}.ut-header-path{color:var(--ut-muted);letter-spacing:.04em;margin-left:auto;font-size:.8125rem}.ut-inline-link{text-underline-offset:.15em;text-decoration:underline}.ut-inline-link:hover{color:var(--ut-accent-blue)}.ut-project-card{border:1px solid var(--ut-line);background:#fff;margin-top:2rem;padding:clamp(1.5rem,4vw,2rem)}.ut-project-title{font-family:var(--ut-serif);margin-bottom:.75rem;font-size:1.35rem;font-weight:600}.ut-project-body{color:var(--ut-muted);max-width:40rem;font-size:.9375rem;line-height:1.85}.ut-project-links{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.ut-service-card{background:var(--ut-bg);padding:1.75rem 1.5rem;transition:background .2s}.ut-service-card:hover{background:#fff}.ut-service-num{font-family:var(--ut-serif);color:var(--ut-accent);margin-bottom:1rem;font-size:2rem;line-height:1}.ut-service-title{font-family:var(--ut-serif);margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.ut-service-lead{color:var(--ut-accent-blue);margin-bottom:.75rem;font-size:.875rem;font-weight:500}.ut-service-body{color:var(--ut-muted);font-size:.9375rem;line-height:1.75}.ut-partners{border-block:1px solid var(--ut-line);flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem 2.5rem;padding:2rem 0;display:flex}.ut-partners img{object-fit:contain;filter:grayscale();opacity:.75;width:auto;height:2rem;transition:opacity .2s,filter .2s}.ut-partners img:hover{opacity:1;filter:grayscale(0%)}.ut-work-article{border-top:2px solid var(--ut-ink);margin-bottom:3rem;padding-top:1.5rem}.ut-work-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:1rem;display:flex}.ut-work-client{font-family:var(--ut-serif);font-size:1.35rem;font-weight:600}.ut-work-value{color:var(--ut-muted);max-width:36rem;margin-bottom:1.25rem;font-size:.9375rem}.ut-work-projects{border-left:2px solid var(--ut-line);margin:0 0 1.25rem;padding:0 0 0 1rem;list-style:none}.ut-work-projects li+li{margin-top:.65rem}.ut-work-project-name{font-size:.9375rem;font-weight:600}.ut-work-project-role{color:var(--ut-muted);font-size:.8125rem}.ut-work-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (min-width:640px){.ut-work-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}.ut-work-gallery figure{border:1px solid var(--ut-line);background:#fff;margin:0;overflow:hidden}.ut-work-gallery img{aspect-ratio:3/2;object-fit:cover;width:100%;transition:transform .3s;display:block}.ut-work-gallery figure:hover img{transform:scale(1.03)}.ut-process-list{gap:1.5rem;margin-top:2.5rem;display:grid}@media (min-width:768px){.ut-process-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}.ut-process-item{border-top:1px solid var(--ut-ink);padding-top:1.25rem}.ut-process-step{font-family:var(--ut-serif);color:var(--ut-accent-blue);margin-bottom:.75rem;font-size:1.5rem}.ut-process-title{margin-bottom:.5rem;font-weight:600}.ut-process-body{color:var(--ut-muted);font-size:.9375rem}.ut-message{border:1px solid var(--ut-line);background:#fff;margin:0;padding:clamp(2rem,5vw,3rem);position:relative}.ut-message:before{content:"";border-top:2px solid var(--ut-accent);border-left:2px solid var(--ut-accent);opacity:.5;width:2rem;height:2rem;position:absolute;top:1.25rem;left:1.25rem}.ut-message p{font-family:var(--ut-serif);color:var(--ut-ink);margin:0;font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:2}.ut-message-sign{color:var(--ut-muted);margin-top:1.5rem;font-size:.875rem}.ut-contact-grid{gap:2.5rem;display:grid}@media (min-width:768px){.ut-contact-grid{grid-template-columns:1fr 1fr;gap:3rem}}.ut-info-list{margin:0}.ut-info-row{border-bottom:1px solid var(--ut-line);grid-template-columns:5rem 1fr;gap:.75rem;padding-block:.85rem;font-size:.9375rem;display:grid}.ut-info-row dt{color:var(--ut-muted);font-size:.8125rem}.ut-info-row dd{white-space:pre-line;margin:0}.ut-contact-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.ut-contact-link{border:1px solid var(--ut-line);background:#fff;justify-content:space-between;align-items:center;padding:.85rem 1rem;font-size:.9375rem;transition:border-color .2s,color .2s;display:flex}.ut-contact-link:hover{border-color:var(--ut-accent-blue);color:var(--ut-accent-blue)}.ut-contact-note{color:var(--ut-muted);margin-top:1rem;font-size:.8125rem}.ut-biz-block+.ut-biz-block{margin-top:1.25rem}.ut-biz-block h4{margin-bottom:.5rem;font-size:.9375rem;font-weight:600}.ut-biz-block ul{color:var(--ut-muted);margin:0;padding-left:1.1rem;font-size:.875rem;line-height:1.7}.ut-footer{border-top:1px solid var(--ut-line);color:var(--ut-muted);text-align:center;padding-block:2rem;font-size:.8125rem}.ut-footer-links{flex-wrap:wrap;justify-content:center;gap:1rem 1.5rem;margin-bottom:1rem;display:flex}.ut-footer-links a:hover{color:var(--ut-ink)}.ut-toast-editorial{border:1px solid var(--ut-ink)!important;font-family:var(--ut-sans)!important;border-radius:0!important;font-weight:500!important}.ut-games-hero-logo{margin-bottom:2rem}.ut-games-hero-logo img{object-fit:contain;width:min(100%,15rem);height:auto}.ut-game-card{border-top:2px solid var(--ut-ink);margin-bottom:2.5rem;padding-top:1.75rem}.ut-game-card:last-child{margin-bottom:0}.ut-game-card-inner{flex-direction:column;gap:1.5rem;display:flex}@media (min-width:640px){.ut-game-card-inner{flex-direction:row;align-items:flex-start}}.ut-game-icon-wrap{border:1px solid var(--ut-line);background:#fff;flex-shrink:0;padding:.35rem}.ut-game-icon-wrap img{object-fit:cover;border-radius:.75rem;width:7.5rem;height:7.5rem;display:block}.ut-game-num{font-family:var(--ut-serif);color:var(--ut-accent);margin-bottom:.35rem;font-size:1.25rem}.ut-game-title{font-family:var(--ut-serif);margin-bottom:.5rem;font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:600}.ut-game-platform{color:var(--ut-accent-blue);margin-bottom:.35rem;font-size:.8125rem;font-weight:500}.ut-game-tagline{color:var(--ut-muted);margin-bottom:.75rem;font-size:.875rem;font-weight:500}.ut-game-desc{color:var(--ut-muted);margin-bottom:1.25rem;font-size:.9375rem;line-height:1.75}.ut-kgb-grid{gap:.5rem;margin-top:1.5rem;display:grid}@media (min-width:640px){.ut-kgb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ut-kgb-item{border:1px solid var(--ut-line);background:#fff;align-items:center;gap:.75rem;padding:.65rem .85rem;transition:border-color .2s,background .2s;display:flex}.ut-kgb-item:hover{border-color:var(--ut-accent-blue);background:var(--ut-bg)}.ut-kgb-item img{object-fit:contain;border-radius:.5rem;flex-shrink:0;width:3rem;height:3rem}.ut-kgb-item-title{flex:1;min-width:0;font-size:.875rem;font-weight:500;line-height:1.45}.ut-kgb-genre{letter-spacing:.04em;border:1px solid var(--ut-line);color:var(--ut-muted);background:var(--ut-bg);flex-shrink:0;padding:.2rem .45rem;font-size:.6875rem}.ut-games-panel{border:1px solid var(--ut-line);background:#fff;margin-top:2rem;padding:1.75rem}.ut-games-note{color:var(--ut-muted);margin-top:1rem;font-size:.8125rem;line-height:1.6}