@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900:wght@200..700&display=swap";@import"https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@200..700&display=swap";h1{font-size:clamp(1.5rem,calc(1rem + 3vw),2rem);margin:0}.catchCopy{font-size:9svw}@media (min-width: 680px){.catchCopy{font-size:8svw}}@media (min-width: 1050px){.catchCopy{font-size:7svw}}.title{font-size:clamp(1.5rem,calc(1rem + 2vw),5rem)}h2{font-size:clamp(1rem,calc(.5rem + 2vw),6rem)}h3{font-size:clamp(.75rem,calc(-.25rem + 2vw),5rem)}h4{font-size:clamp(.9rem,calc(.6rem + 1.2vw),2.5rem)}h5{font-size:clamp(.625rem,calc(.3125rem + 1.25vw),2.25rem);font-weight:300}h6{font-size:clamp(.625rem,calc(.375rem + 1vw),1.125rem);font-weight:400;margin:0}p,.workDetails :where(.workDescription,.intro,div.workDescription>a){font-size:clamp(.625rem,calc(.3125rem + 1.25vw),1.25rem)}div.showMore>a{font-size:clamp(1rem,calc(.75rem + 1vw),1.5rem)}ul.termList>li{font-size:clamp(.625rem,calc(.3125rem + 1.25vw),1.25rem)}:root{--header-height: 7.5svh;--header-color: rgba(0, 0, 0, .2);--main-color: rgb(75, 157, 203);--base-color: rgb(28, 39, 79);--font-color: #fff;--default-en-font: "M PLUS 1p";--default-jp-font: "Noto Sans JP"}#root{display:flex;flex-direction:column;min-height:100svh;width:100%;font-family:var(--default-en-font),var(--default-jp-font),sans-serif}body{margin:0;padding:0;min-height:100svh;background-color:#3c7da2;display:flex;flex-direction:column}main{background-color:var(--main-color);width:100%;padding:calc(var(--header-height) + 2.5svh) 0;flex-grow:1}main *{color:#fff}main h1.heading{text-align:center}@media (min-width: 600px){:root{--header-height: 10svh}}header{position:fixed;display:flex;background-color:var(--header-color);width:100%;height:var(--header-height);justify-content:space-between;top:0;padding-top:env(safe-area-inset-top);z-index:9999}header .titleOuter{display:flex;width:50%;height:100%;align-items:center}header .titleOuter h1{margin:0;padding-left:1rem;padding-bottom:4px;color:var(--font-color)}header .titleOuter h1 a{color:#fff;text-decoration:none}header .hamburgerMenuOuter{height:100%;aspect-ratio:1}header .hamburgerMenuOuter .hamburgerIcon{width:50%;height:50%;padding:25%;background-size:80%;background-position:center;background-repeat:no-repeat}header .hamburgerMenuOuter .hamburgerIcon .hamburgerToggle{margin:0;padding:0;width:100%;height:100%;background-color:transparent;border:none;cursor:pointer}header .hamburgerMenuOuter .hamburgerIcon .hamburgerToggle img{width:100%;height:100%}header .hamburgerMenuOuter .hamburgerMenu{position:absolute;left:0;width:100%;height:calc(100svh - var(--header-height));background-color:var(--header-color);border-top:3px solid rgba(0,0,0,0);box-sizing:border-box;animation:slideIn 1s ease-out forwards}@keyframes slideIn{0%{transform:translate(100%)}99%{border-top:3px solid rgba(0,0,0,0)}to{border-top:3px solid rgb(255,255,255);transform:translate(0)}}header .headerCover{position:absolute;top:0;left:0;width:100%;height:100svh;background-color:#0006;z-index:-1}header .hamburgerMenuOuter .hamburgerMenu ul{list-style:none;margin:0;padding:0;color:var(--font-color)}header .hamburgerMenuOuter .hamburgerMenu ul li ul li{padding:0 0 0 1rem}header .hamburgerMenuOuter .hamburgerMenu ul li ul li:last-child{padding:0;text-indent:1rem}header .hamburgerMenuOuter .hamburgerMenu ul li :where(h2,h3){display:block;margin:0;border-bottom:2px solid rgb(255,255,255)}header .hamburgerMenuOuter .hamburgerMenu ul li h2{border-bottom:2px solid rgb(255,255,255)}header .hamburgerMenuOuter .hamburgerMenu ul li h3{border-bottom:1.5px solid rgb(255,255,255)}header .hamburgerMenuOuter .hamburgerMenu a{display:block;width:100%;height:100%;padding:1rem 0 1rem 1rem;color:#fff;text-decoration:none}footer{background-color:var(--base-color);padding:1rem;width:100%;box-sizing:border-box}footer .siteMap{margin-bottom:2rem}footer .siteMap h5{margin:.75rem 0}footer .siteMap h5 a{text-decoration:none}footer .snsLink{display:flex;flex-direction:row;justify-content:left;gap:1rem;width:100%;margin:.6rem 0}footer .snsLink a{display:block;width:5%;aspect-ratio:1 / 1}footer .snsLink img{width:100%}footer :where(a,p){color:#fff}footer .copyright p{text-align:center;margin:0}@media (min-width: 680px){footer .snsLink a{width:2.5%}}@media (min-width: 1000px){footer .snsLink a{width:2%}}