﻿@import"https://fonts.googleapis.com/css?family=Roboto:300,400,700";:root{--bg-color: #f4f6f8;--text-main: #24292e;--text-sub: #586069;--accent-color: #0366d6;--accent-hover: #0256b4;--border-color: #e1e4e8;--card-bg: #ffffff;--header-bg: rgba(255, 255, 255, 0.95);--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1)}html{font-family:-apple-system,BlinkMacSystemFont,Roboto,"游ゴシック体",YuGothic,"Yu Gothic Medium",sans-serif;font-feature-settings:"pkna" 1;background-color:var(--bg-color);color:var(--text-main)}body{margin:0}img{vertical-align:bottom}.header{background-color:var(--header-bg);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(20px);width:100%;height:60px;position:fixed;top:0px;border-bottom:1px solid var(--border-color);z-index:100;box-shadow:var(--shadow-sm)}.nav-top ul{margin:0;padding:10px 5px;list-style:none;display:flex;justify-content:space-between;max-width:860px;margin-left:auto;margin-right:auto}.nav-top ul li{width:100%;margin:0 4px}.nav-top ul li a{display:block;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:6px;box-sizing:border-box;height:40px;line-height:38px;text-align:center;text-decoration:none;color:var(--text-sub);font-weight:500;transition:all .2s ease}.nav-top ul li a.router-link-exact-active{color:var(--accent-color);background-color:rgba(3,102,214,.08);border-color:rgba(3,102,214,.2);font-weight:bold}.nav-top ul li a:hover{color:var(--text-main);background-color:rgba(0,0,0,.04)}.loading-ripple{width:200px;height:200px;background-image:url("../img/loading-ripple.svg");background-repeat:no-repeat;background-size:200px 200px;margin:100px auto;display:flex;justify-content:center;align-items:center}.loading-ripple .loading-text{color:var(--text-sub);font-weight:bold;font-size:1.5rem;letter-spacing:.05em}.fwrench-ttl{width:320px;height:80px;margin:100px auto 30px;background-image:url("../img/firewrench-logo.svg");background-repeat:no-repeat;background-size:320px 80px;overflow:hidden;text-indent:100%;white-space:nowrap;opacity:.9}.contents{padding:32px 24px;box-sizing:border-box;margin:24px auto 40px;max-width:860px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-sm);color:var(--text-main);font-size:.95rem;line-height:1.8}.contents a{color:var(--accent-color);text-decoration:none}.contents a:hover{text-decoration:underline}.contents h2{background-color:rgba(0,0,0,0);text-align:left;line-height:1.4;color:var(--text-main);font-size:1.5rem;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-color);text-shadow:none}.contents h3{color:var(--text-main);border-bottom:none;margin-top:32px;margin-bottom:16px;background-image:none;padding-left:0;height:auto;line-height:1.4;font-size:1.2rem;font-weight:bold;display:flex;align-items:center}.contents h3::before{content:"";display:inline-block;width:4px;height:1.2em;background-color:var(--accent-color);margin-right:12px;border-radius:2px}.contents p,.contents ul{margin-bottom:24px;color:var(--text-sub)}.home .topbar{background-color:var(--border-color);display:flex;height:4px;border-radius:2px;overflow:hidden}.home .topbar span{width:20%}.home .topbar .s3{background-color:var(--accent-color)}.home .topbar .s2{background-color:#a0a0a0}.home .home-img{width:100%;height:auto;border-radius:6px;border:1px solid var(--border-color);transition:opacity .2s}.home .home-img:hover{opacity:.9}.home .social-service-link{height:60px;margin-top:32px;display:flex;justify-content:center}.home .link{margin:0 8px;width:48px;height:48px;display:block;overflow:hidden;text-indent:100%;white-space:nowrap;background-repeat:no-repeat;background-size:contain;opacity:.7;transition:all .2s}.home .link:hover{opacity:1;transform:translateY(-2px)}.home .facebook{background-image:url("../img/social-icon-fb.svg")}.headline{margin-top:32px}.headline .badge{text-align:center;height:32px}.headline .badge .alink{display:inline-block;height:32px;line-height:30px;background-color:rgba(0,0,0,0);border:1px solid var(--text-sub);font-size:.85rem;font-weight:500;color:var(--text-sub);padding:0 24px;text-decoration:none;border-radius:16px;transition:all .2s}.headline .badge .alink:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:rgba(3,102,214,.05)}.error404{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;font-size:2rem;color:var(--text-sub);font-weight:bold;text-align:center;padding:40px 0;margin-top:24px}.footer{margin-top:40px;margin-bottom:0;border-top:1px solid var(--border-color);background-color:#fff;padding:40px 0}.footer .nav-bottom{margin-bottom:24px}.footer .nav-bottom ul{margin:0;padding:0;list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.footer .nav-bottom ul li{margin:0;background-color:rgba(0,0,0,0);border:none;width:auto;height:auto;line-height:1.5}.footer .nav-bottom ul li a{display:block;text-decoration:none;font-size:.9rem;color:var(--text-sub);padding:4px 8px;border-radius:4px;transition:color .2s}.footer .nav-bottom ul li a.router-link-exact-active{color:var(--accent-color);background-color:rgba(0,0,0,0);font-weight:bold}.footer .nav-bottom ul li a:hover{color:var(--accent-color);text-decoration:none}.footer a{text-decoration:none}.footer p{text-align:center;color:#999;font-size:.8rem;margin:0}.contents img{max-width:100%;height:auto;border-radius:4px;margin:1.5em auto;display:block;border:1px solid var(--border-color)}@media screen and (min-width: 800px){.contents img{max-width:70%}}