.header-wrapper{background:#fff}.header-container{width:100%;margin:0 auto;padding:0 15px;display:block;position:relative}.hd-logo{text-align:center;padding:1rem 0 .5rem}.hd-logo img{width:min(400px,100%);height:auto;display:block;margin:0 auto}.hd-logo .hd-copy{padding:.5rem 0 0}.hd-logo .hd-copy p{margin:0;font-size:.875rem;font-weight:500;line-height:1.5;letter-spacing:.02em;font-family:"Noto Sans JP"}.hd-nav{display:none;flex-direction:row-reverse;flex-wrap:wrap;gap:.25rem;padding:0;margin:.5rem 0 0;position:static;z-index:100}.hd-nav p{margin:0;padding:.375rem .5rem;background:#f8f9fa;writing-mode:horizontal-tb;font-weight:800;line-height:1;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center}.hd-nav a{display:block;text-decoration:none;color:inherit}.hd-nav p:hover{background-color:#2e2e2e}.hd-nav p:hover a{color:#f8f9fa}@media (min-width:992px){.header-container{display:flex;align-items:flex-start;justify-content:space-between;max-width:1330px}.hd-logo{flex:1;padding:1.5rem 1.5rem 1rem}.hd-nav{display:flex;align-items:flex-start;margin:0 .5rem 0 0;position:absolute;right:0;top:0}.hd-nav p{padding:.5rem;writing-mode:vertical-rl;text-orientation:mixed;font-size:1rem;align-items:flex-start}}.hd-nav__left{display:none;position:absolute;left:1em;top:1em;z-index:1000}.hd-nav__left img{width:40px;height:auto;object-fit:cover}@media(min-width :992px){.hd-nav__left{display:block}.hd-nav__left img{filter:brightness(.2)}}.navbar-toggler:not(.collapsed){filter:brightness(.01)}body:has(.navbar-collapse.collapse.show){overflow:hidden}body:has(.navbar-collapse.collapse.show) .navbar-dark .navbar-toggler-icon{background-image:url(/system_panel/uploads/images/x.png)}div#root .fade-in{opacity:0;transition:opacity 3s}div#root .fade-in.is-visible{opacity:1}.gjs-dashed .hero-bg{display:grid;grid-template-columns:1fr 1fr 1fr}.gjs-dashed .hero-bg img:first-child{grid-column:1 / 4}div#root .hero-bg{position:relative;aspect-ratio:4 / 5;margin-bottom:-48px;width:calc(100% - 1rem);margin-inline:auto}div#root .hero-bg img{position:absolute;aspect-ratio:4 / 5;object-fit:cover;height:auto;border-radius:32px;overflow:hidden;opacity:0;transition:3s opacity}div#root .hero-bg img.is-current{opacity:1}@media(min-width :768px){.gjs-dashed .hero-bg img{aspect-ratio:3/2;object-fit:cover;height:auto!important;margin-bottom:32px}.gjs-dashed .hero-bg{display:grid;grid-template-columns:1fr 1fr 1fr}div#root .hero-bg{position:relative;aspect-ratio:16 / 9;margin-bottom:-48px;width:100%}div#root .hero-bg img{position:absolute;aspect-ratio:16 / 9;object-fit:cover;height:auto;opacity:0;transition:3s opacity}div#root .hero-bg img.is-current{opacity:1}}div#root .hero-bg.fade-in{opacity:0;transition:2s}div#root .hero-bg.fade-in.is-visible{opacity:1}div#root .hero-title.fade-in{opacity:0;transform:translateY(10px);transition:3s;transition-delay:1s}div#root .hero-title.fade-in.is-visible{opacity:1;transform:translateY(0)}.steam1 img,.steam2 img{filter:drop-shadow(2px 4px 4px rgba(0,0,0,.4))}div#root .steam1.fade-in{opacity:0;margin-top:-10px;transition:3s}div#root .steam2.fade-in{opacity:0;margin-top:-10px;transition:4s}div#root .steam1.fade-in.is-visible{animation:rotate 1s both infinite;opacity:1;margin-top:0}div#root .steam2.fade-in.is-visible{animation:rotate 2s both infinite;opacity:1;margin-top:0}@keyframes swing{from{transform:translateX(0)}50%{transform:translateX(10px)}100%{transform:translateX(0)}}@keyframes rotate{from{transform:rotate(0)}50%{transform:rotate(1deg)}100%{transform:translateX(0)}}.footer-wrapper{position:relative;color:#fff;overflow:hidden;padding:2rem 0 1.5rem}.footer-bg{position:absolute;inset:0;z-index:0}.footer-bg img{width:100%;height:100%;object-fit:cover;display:block}.footer-wrapper>.container{position:relative;z-index:1;padding:0 15px}.footer-info{margin-bottom:1rem}.footer-info p{margin:0;color:#fff;font-size:1rem;font-weight:500;line-height:1.5}.footer-photo{margin-bottom:1rem}.footer-logo{margin-bottom:1rem}.footer-logo img{width:auto}.footer-wrapper .copylight{padding:1rem 0 0;text-align:right}.footer-wrapper .copylight p{margin:0;color:#f8f9fa;font-size:.875rem;font-weight:700;line-height:1.5}@media (min-width:992px){.footer-wrapper .footer-info .row>div{margin:0;padding:0}}.footer-sns-icon{width:40px;height:40px;object-fit:cover}.footer-google-map iframe{aspect-ratio:3 /2;width:100%;height:auto}.bg-dark{background-color:#202020!important}
a { color:inherit}
a.underline {text-decoration:underline}
.webgene-item__thumbnail:has(img:not([src])),
.webgene-item__thumbnail:has(img[src=""]) {
  display: none;
}