html{scroll-behavior:smooth}body{font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size:16px;color:#373c38}h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:1.5em}p{line-height:1.5em}.header{background-color:#00b9ef;color:#fdfcf5;position:fixed;width:100%;transition:.25s ease;z-index:1}.header .header-inner{margin:0 auto;max-width:1000px;height:60px;display:flex;justify-content:space-between;align-items:center}.header .header-inner .header-logo{padding:0 1rem;white-space:nowrap}.header .header-inner .header-logo .header-logo-inner{display:flex;align-items:center}.header .header-inner .header-logo .header-logo-inner__logo{background-image:url("/img/logo_r.webp");background-size:contain;background-position:center;background-repeat:no-repeat;width:60px;height:2rem;display:inline-block}.header .header-inner .header-logo .header-logo-inner__text{padding-left:.5rem;font-weight:bold;font-size:1.25rem}.header .header-inner .menu-button{position:relative}@media (min-width: 751px){.header .header-inner .menu-button{display:none}}.header .header-inner .menu-button span,.header .header-inner .menu-button span:before,.header .header-inner .menu-button span:after{content:'';display:block;height:2px;width:24px;background-color:#fdfcf5;position:absolute;transition:all 0.2s}.header .header-inner .menu-button span{right:1rem;top:0}.header .header-inner .menu-button span:before{top:-8px}.header .header-inner .menu-button span:after{top:8px}.header .header-inner #menu-toggle{display:none}.header .header-inner #menu-toggle:checked~.menu{top:60px}.header .header-inner #menu-toggle:checked~.menu-button span{background-color:rgba(255,255,255,0)}.header .header-inner #menu-toggle:checked~.menu-button span:before{top:0;transform:rotate(45deg)}.header .header-inner #menu-toggle:checked~.menu-button span:after{top:0;transform:rotate(-45deg)}@media (max-width: 750px){.header .header-inner .menu{position:fixed;top:-100vh;width:100%;transition:all 0.2s;background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);color:#00b9ef;text-align:right}}.header .header-inner .menu ul{display:flex}@media (max-width: 750px){.header .header-inner .menu ul{flex-direction:column}}.header .header-inner .menu ul li{padding:1rem;font-weight:bold}.header .header-inner .menu ul li a{display:block}.header .header-inner .menu ul li a:hover{opacity:.5}.header.active{background-color:#fff;color:#00b9ef;box-shadow:0 2px 2px 0 rgba(0,0,0,0.1)}.header.active .header-logo .header-logo-inner__logo{background-image:url("/img/logo.webp")}.header.active .menu-button span,.header.active .menu-button span:before,.header.active .menu-button span:after{background-color:#00b9ef}.footer{background-color:#00b9ef;color:#fdfcf5}.footer__inner{margin:0 auto;max-width:1000px}.footer__inner .social .social-list{display:flex;justify-content:center;align-items:center;padding:1em 0}.footer__inner .social .social-list .social-item{padding:0 1em}.footer__inner .social .social-list .social-item a{background-color:#ffffff;width:48px;height:48px;border-radius:24px;display:flex;justify-content:center;align-items:center}.footer__inner .social .social-list .social-item a img{width:32px;height:auto}.footer__inner .copyright{text-align:center;padding:1rem 0}