*{box-sizing:border-box;margin:0;padding:0}body{color:#2f4656;background:linear-gradient(#fff 0%,#e8fbff 35%,#d5f6ff 70%,#fff 100%);font-family:Zen Maru Gothic,sans-serif;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}html{scroll-behavior:smooth}.navbar{z-index:999;background:#ffffff8c;border:1px solid #ffffffd9;border-radius:999px;width:min(1200px,100% - 32px);transition:all .35s;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #57addc1f,inset 0 1px #ffffffbf}.nav-container{justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.logo{color:#4f91b7;font-family:Fredoka,sans-serif;font-size:1.7rem;font-weight:700;text-decoration:none;transition:all .3s}.logo:hover{transform:scale(1.04)}.nav-menu{align-items:center;gap:14px;display:flex}.nav-menu a{letter-spacing:1px;color:#5f88a4;border-radius:999px;padding:12px 20px;font-family:Fredoka,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s}.nav-menu a:hover{color:#4a8db4;background:#cbefffcc}.nav-menu a.active{color:#4589b3;background:linear-gradient(135deg,#bcecff,#dff7ff);box-shadow:0 8px 20px #69b8e640}.menu-button{cursor:pointer;color:#4b90b6;background:#e9f8ff;border:none;border-radius:50%;width:50px;height:50px;font-size:1.3rem;transition:all .25s;display:none}.menu-button:hover{transform:rotate(90deg)}@media (width<=900px){.nav-container{height:66px;padding:0 18px}.logo{font-size:1.45rem}.menu-button{display:block}.nav-menu{-webkit-backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:#ffffffd1;border-radius:28px;flex-direction:column;gap:8px;width:min(94%,420px);margin:auto;padding:18px;transition:all .3s;display:flex;position:absolute;top:82px;left:0;right:0;transform:translateY(-12px);box-shadow:0 20px 45px #4a94bf26}.nav-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-menu a{text-align:center;width:100%;padding:14px}}@media (width<=500px){.navbar{-webkit-backdrop-filter:blur(20px);background:#ffffff59;border:1px solid #ffffffb3;width:calc(100% - 12px);top:4px}.logo{font-size:1.2rem}.nav-container{height:54px;padding:0 14px}.menu-button{width:42px;height:42px;font-size:1.2rem}}.footer{padding:90px 20px 45px;position:relative;overflow:hidden}.footer:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 20%,#ffffffb3,#0000 18%),radial-gradient(circle at 80% 30%,#ffffff8c,#0000 22%),radial-gradient(circle at 50% 85%,#ffffff73,#0000 18%);position:absolute;inset:0}.footer-inner{text-align:center;-webkit-backdrop-filter:blur(22px);background:#ffffff8c;border:1px solid #ffffffe6;border-radius:36px;max-width:1100px;margin:auto;padding:55px;position:relative;box-shadow:0 20px 60px #57abdc1f}.footer-logo{justify-content:center;align-items:center;width:100%;margin:0 auto 28px;display:flex}.footer-logo img{width:280px;max-width:80%;height:auto;display:block}.footer-logo:hover img{transform:scale(1.03)}.footer p{color:#6d8da2;margin:18px 0 35px;line-height:2}.sns{flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:40px;display:flex}.sns a{color:#4d8cb2;background:#ffffffbf;border:1px solid #ffffffe6;border-radius:999px;padding:14px 26px;font-weight:700;text-decoration:none;transition:all .3s}.sns a:hover{background:#bfeeff;transform:translateY(-4px)}.footer small{color:#7c93a4;font-size:.9rem;display:block}@media (width<=768px){.footer{padding:70px 20px 30px}.footer-inner{padding:35px 25px}.footer h2{font-size:1.9rem}.footer p{font-size:.95rem}.sns{flex-direction:column;align-items:center}.sns a{width:100%;max-width:280px}}.guideline{width:min(1100px,100% - 32px);margin:80px auto 120px}.guide-hero{text-align:center;margin-bottom:70px}.guide-hero span{color:#1fa8df;letter-spacing:.15em;margin-bottom:15px;font-weight:700;display:inline-block}.guide-hero h1{color:#2d3b52;margin-bottom:20px;font-size:clamp(2.3rem,5vw,4rem)}.guide-hero p{color:#666;font-size:1.1rem;line-height:2}.guide-section{margin-top:70px}.guide-section h2{color:#1590c8;margin-bottom:30px;font-size:1.8rem}.tag-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;display:grid}.tag-card{-webkit-backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #fff9;border-radius:22px;padding:25px;transition:all .25s;box-shadow:0 15px 35px #00000014}.tag-card:hover{transform:translateY(-6px);box-shadow:0 25px 45px #0000001f}.tag-card h3{color:#444;margin-bottom:18px;font-size:1.05rem}.tag-card code{color:#fff;background:#55c5ff;border-radius:999px;padding:10px 18px;font-family:inherit;font-size:1rem;font-weight:700;display:inline-block}.tag-card small{color:#666;margin-top:15px;line-height:1.6;display:block}.guide-card{-webkit-backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #fff9;border-radius:24px;padding:35px;box-shadow:0 15px 35px #00000014}.guide-card ul{margin:0;padding-left:22px}.guide-card li{color:#444;margin-bottom:16px;line-height:1.9}.thanks{text-align:center;background:linear-gradient(135deg,#b8ebff,#eafaff);border-radius:30px;margin-top:90px;padding:60px 40px;box-shadow:0 20px 40px #00000014}.thanks h2{color:#1590c8;letter-spacing:.08em;margin-bottom:30px;font-size:2.5rem}.thanks p{color:#555;font-size:1.05rem;line-height:2.1}@media (width<=768px){.guideline{margin:60px auto 80px}.guide-section{margin-top:55px}.guide-card{padding:25px}.tag-grid{grid-template-columns:1fr}.guide-hero h1{font-size:2.4rem}.guide-section h2{font-size:1.5rem}.thanks{padding:40px 25px}.thanks h2{font-size:2rem}}.guide-section,.tag-card,.guide-card,.thanks{opacity:1!important;transform:none!important}