html,body,section,div,h1,h2,h3,h4,h5,h6,p,a,ul,ol,li{margin:0;padding:0}html{scroll-behavior:smooth;font-family:"Noto Sans JP",system-ui}body{font-size:1rem;height:100vh;display:flex;flex-direction:column}@media screen and (max-width: 768px){body{font-size:.8rem}}ul,ol{list-style-position:inside}img{width:100%;max-width:100%;height:auto}a{transition:all .3s ease;text-decoration:none;color:inherit}.btn{display:inline-block;padding:.75rem 3rem;border-radius:50px;text-decoration:none;background-color:#fff;color:#4c70e0;border:1px solid #fff}.btn:hover{background-color:rgba(0,0,0,0);color:#fff}.btn:hover svg{fill:#fff}.btn svg{width:1rem;height:1rem;margin-left:.5rem;fill:#4c70e0}@media screen and (max-width: 768px){.btn{padding:.75rem 1.5rem}}.bg-color-primary{background-color:#4c70e0;color:#fff}.bg-color-secondary{background-color:#e0ebf5}.bg-color-tertiary{background-color:#709ff1;color:#fff}.bg-color-quaternary{background-color:#f5feff}.text-color-primary{color:#4c70e0}.text-color-secondary{color:#e0ebf5}.text-color-tertiary{color:#709ff1}.text-color-quaternary{color:#f5feff}header{position:fixed;top:0;z-index:1000;background-color:rgba(255,255,255,.7);backdrop-filter:blur(10px);width:100%}header .header-nav{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){header .header-nav{display:block}}header .header-nav .header-nav-logo{display:block;width:12rem;padding:1rem 0;transition:all .5s ease}header .header-nav .header-nav-logo.scrolled{width:8rem;padding:1rem 0}@media screen and (max-width: 768px){header .header-nav .header-nav-logo{text-align:center;margin:0 auto;padding:.65rem 0}header .header-nav .header-nav-logo img{width:6rem;transition:all .3s ease}header .header-nav .header-nav-logo.scrolled{padding:.65rem 0}header .header-nav .header-nav-logo.scrolled img{width:6rem}}header .header-nav .header-nav-list{display:flex;gap:2rem;list-style:none}@media screen and (max-width: 768px){header .header-nav .header-nav-list{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(255,255,255,.9);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease;z-index:1000}header .header-nav .header-nav-list.active{display:flex}}header .header-nav .header-nav-list .header-nav-item{font-size:.9rem;letter-spacing:.1rem}header .header-nav .header-nav-list .header-nav-item a{font-weight:bold;padding:.5rem 2rem;border-radius:50px}header .header-nav .header-nav-list .header-nav-item a:hover,header .header-nav .header-nav-list .header-nav-item a:focus{background-color:#e0ebf5}header .header-nav .hamburger{display:none}@media screen and (max-width: 768px){header .header-nav .hamburger{display:block;cursor:pointer;width:30px;height:20px;position:fixed;top:1.25rem;right:1rem;z-index:1100}header .header-nav .hamburger span{display:block;position:absolute;width:100%;height:2px;background-color:#4c70e0;transition:all .3s ease}header .header-nav .hamburger span:nth-child(1){top:0}header .header-nav .hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}header .header-nav .hamburger span:nth-child(3){bottom:0}header .header-nav .hamburger.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}header .header-nav .hamburger.active span:nth-child(2){opacity:0}header .header-nav .hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}}main{padding-top:0;flex:1}@media screen and (max-width: 768px){main{padding-top:65px}}.inner{width:1200px;max-width:90%;margin:0 auto}@media screen and (max-width: 768px){.inner{width:90%}}.content{width:800px;margin:0 auto}@media screen and (max-width: 768px){.content{width:90%}}footer{background-color:#4c70e0;color:#fff;padding:2rem 0;padding-top:auto;text-align:center;margin-bottom:0}footer .footer-nav{margin:4rem 0;display:flex;gap:2rem;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){footer .footer-nav{flex-direction:column;gap:2rem}}footer .footer-nav .footer-logo svg{width:8rem}footer .footer-nav .footer-logo svg path{fill:#fff;fill-rule:nonzero}footer .footer-nav .footer-nav-list{list-style:none;display:flex;gap:3rem}@media screen and (max-width: 768px){footer .footer-nav .footer-nav-list{flex-direction:column;gap:1rem}}footer .footer-nav .footer-nav-list .footer-nav-item{margin-bottom:.5rem}footer .footer-nav .footer-nav-list .footer-nav-item a{border:1px solid rgba(0,0,0,0);border-radius:50px;padding:.5rem 1rem}footer .footer-nav .footer-nav-list .footer-nav-item a:hover{border:1px solid #fff}.back-to-top{opacity:0;position:fixed;bottom:20px;right:20px;z-index:900;cursor:pointer;transition:all .3s ease}.back-to-top svg{width:50px;height:50px}.back-to-top.scrolled{opacity:1}