html{-webkit-font-smoothing:antialiased;font-size:16px;scroll-behavior:smooth}body{background-color:#effffc;margin:0;padding:0!important}.content>ol>li{margin-top:7px}.content>h2,.content>h3{color:#0a9494}.page-wrapper{grid-gap:20px;display:grid;grid-template-areas:"nav header" "nav syozoku" "nav main";grid-template-columns:auto 1fr;grid-template-rows:150px 100px 1fr;margin-left:auto;margin-right:auto;max-width:1100px;padding:20px;position:relative}@-webkit-keyframes hideanime1{to{padding-left:0}}@keyframes hideanime1{to{padding-left:0}}@-webkit-keyframes hideanime2{to{opacity:0;width:0}40%{opacity:0}0%{opacity:1;width:200px}}@keyframes hideanime2{to{opacity:0;width:0}40%{opacity:0}0%{opacity:1;width:200px}}@media screen and (max-width:900px){.sideNav{-webkit-animation:hideanime2 .4s ease-in-out forwards;animation:hideanime2 .4s ease-in-out forwards}.page-wrapper{-webkit-animation:hideanime1 .5s ease-in-out forwards;animation:hideanime1 .5s ease-in-out forwards}}@-webkit-keyframes visibleanime1{to{padding-left:20px}}@keyframes visibleanime1{to{padding-left:20px}}@-webkit-keyframes visibleanime2{0%{opacity:0;width:0}60%{opacity:0}to{opacity:1;width:200px}}@keyframes visibleanime2{0%{opacity:0;width:0}60%{opacity:0}to{opacity:1;width:200px}}@media screen and (min-width:901px){.sideNav{-webkit-animation:visibleanime2 .4s ease-in-out forwards;animation:visibleanime2 .4s ease-in-out forwards}.page-wrapper{-webkit-animation:visibleanime1 .5s ease-in-out forwards;animation:visibleanime1 .5s ease-in-out forwards}}@media screen and (max-width:574px){.page-wrapper{-moz-column-gap:10px;column-gap:10px;padding-right:10px}}.sideNav-scroll{align-self:start;position:-webkit-sticky;position:sticky;top:0}.sideNav{background-color:#fff;border-radius:20px;box-shadow:0 5px 8px -5px rgba(36,91,123,.3),0 5px 30px -5px rgba(36,91,123,.5);display:block;grid-area:nav;width:200px}.sideNav-name{text-align:center}.sideNav-content{font-size:20px;font-weight:600;line-height:50px}.sideNav-content a{color:#0a9494;text-decoration:none}.sideNav-content ul{list-style-type:none}.nazo-content{background-image:url(/fuji.webp);background-origin:padding-box;background-position:50%;background-position-x:50%;background-position-y:32%;background-size:cover;border-radius:20px;box-shadow:0 5px 8px -5px rgba(36,91,123,.3),0 5px 30px -5px rgba(36,91,123,.5);grid-area:header;position:relative}.nazo-content:before{background:linear-gradient(90deg,rgba(14,24,52,.9),rgba(14,24,52,.3));border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.welcome{bottom:0;margin-bottom:10px;margin-left:20px;position:absolute}.welcome h1{bottom:0;color:#fff;left:0;margin:0;padding:0;position:relative;right:0;text-shadow:0 2px 4px rgba(0,0,0,.3);top:0}.content-name{border-bottom:1px solid #dcdcdc;grid-area:name}.content-name h1{margin:0}.content{background-color:#fff;grid-area:main;padding:15px}.content,.syozoku-content{border-radius:20px;box-shadow:0 5px 8px -5px rgba(36,91,123,.3),0 5px 30px -5px rgba(36,91,123,.5)}.syozoku-content{background-image:url(/lab.webp);background-origin:padding-box;background-position:50%;background-position-x:100%;background-position-y:50%;background-size:cover;grid-area:syozoku;position:relative}.syozoku-content:before{background:linear-gradient(90deg,rgba(14,24,52,.9),rgba(14,24,52,.3));border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.syozoku{bottom:0;margin-bottom:10px;margin-left:20px;position:absolute}.syozoku-link a{display:block;height:100%;width:100%}.syozoku h2{bottom:0;color:#fff;left:0;margin:0;padding:0;position:relative;right:0;text-shadow:0 2px 4px rgba(0,0,0,.3);top:0}.footer{grid-area:footer;margin-top:30px;padding:10px;text-align:center}