@charset "utf-8";body{background:#e9e9e9;margin:0;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif}a:link{text-decoration:none;color:#fff}a:visited{text-decoration:none;color:#636363}a:hover{text-decoration:none;color:#d5faf5}a:active{text-decoration:none;color:#a3a5fa}.brand-bar{background:#060;color:#fff;width:100%}.brand-top{display:flex;align-items:center;justify-content:space-between;padding:12px}.site-title{color:#FFF;font-size:20px;padding-left:30px;margin:0;white-space:nowrap}.lang-menu{display:none;position:absolute;background-color:#fff;border:1px solid #ccc;z-index:100}.lang-box:hover .lang-menu,/* ホバー時に表示 */
.lang-menu.active{display:block}.dropdown{position:relative}.dropdown-menu ul{list-style:none;padding:0;margin:0}.dropdown-menu li{border-bottom:1px solid #ccc}.dropdown-menu li a{padding:10px;display:block;text-decoration:none;color:##555555}.dropdown-menu li a:hover{color:#29ab1b}.top-menu{display:flex;justify-content:space-between}.top-menu{display:flex;align-items:center;gap:8px;margin-left:200px}.top-menu a{color:#fff;font-size:16px;text-decoration:none;font-weight:700;padding:0 6px;border-right:1px solid #fff}.top-menu a:hover{text-decoration:none;color:#d5faf5}.top-menu a:active{transform:scale(0.95);color:#a3a5fa}.top-menu a:last-child{border-right:none}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;background-color:#eef7fa;border:1px solid #ccc;z-index:100}.dropdown-menu ul{list-style:none;padding:0;margin:0}.dropdown-menu li{border-bottom:1px solid #ccc}.dropdown-menu li a{font-size:14px;padding:8px;display:block;text-decoration:none;color:#555}.dropdown-menu li a:hover{background-color:#e1f9eb}.dropdown:hover .dropdown-menu,/* ホバー時に表示 */
.dropdown-menu.active{display:block}.dropdown a{padding:10px;display:block}.menu-toggle{margin-right:20px;font-size:35px;background:none;border:none;color:#fff;cursor:pointer;padding:0}.close-menu{font-size:30px;background:none;border:none;color:#fff;cursor:pointer;padding:10px;position:absolute;top:10px;right:10px}.menu-toggle:hover{color:#b7fbfb}.top-menu{display:flex;gap:10px;align-items:center;white-space:nowrap;justify-content:flex-start}.top-menu a{color:#fff;text-decoration:none;font-weight:700;padding:0 8px;border-right:1px solid #fff}.top-menu a:last-child{border-right:none}.lang-box{position:relative;display:inline-block;padding-right:50px}.lang-menu{display:none;position:absolute;top:100%;left:0;background:#060;padding:10px 20px;white-space:wrap;justify-content:space-between}.lang-menu.open{display:block}.lang-menu a{display:block;color:#fff;margin:4px 0}.lang-menu.open{display:block}.lang-menu a{display:block;color:#fff;text-decoration:none;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}#translate-select{width:100px;max-width:100%}#translate-select{font-size:12px}#translate-select option{font-size:12px}.menu{font-size:14px;line-height:1.7;display:none;position:absolute;top:71px;right:0;left:auto;width:80%;min-height: 100vh;background:#eef7fa;padding:30px;z-index:9999;.menudisplay:none}#menu-toggle:checked ~ .menu{display:block}}.menu.open{display:block;transform:translateX(0)}.menu-close{color:#18cb35;font-size:18px;font-weight:700;cursor:pointer;position:relative;top:-20px}.menu.open{display:block}.menu ul{list-style:none;margin:0;padding:0}.menu li{margin:10px 0}.menu a{color:#555;text-decoration:none;font-weight:700}.menu a:hover{color:#29ab1b;border-bottom:2px solid #29ab1b}.lang-menu{display:none;position:absolute;top:100%;left:0;background:##060;padding:10px 20px;z-index:1000}.lang-menu.open{display:block}.lang-menu a{display:block;color:#fff;text-decoration:none;margin:5px 0}.footer-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin:16px auto}.footer-card{display:flex;align-items:center;flex-wrap:wrap;padding:12px 16px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.footer-card a{display:inline-block;border:1px solid #5a5abe;padding:6px 12px;border-radius:6px;background:transparent;margin:4px;color:#5a5abe;text-decoration:none}.footer-card a:hover{background:#5fbe5a;color:#fff}#footer a:hover{color:#fff}.badge{display:inline-block;color:#fff;background:#d92d33;padding:5px 8px;border-radius:4px;font-weight:700;margin-right:10px}.logo-btn{display:inline-block;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.01);transition:transform 120ms ease,box-shadow 120ms ease}.logo-btn:hover{box-shadow:0 6px 15px rgba(0,0,0,0.25);transform:scale(1.05)}.logo-btn:active{transform:translateY(2px) scale(0.97);box-shadow:0 1px 4px rgba(0,0,0,0.12)}@media (max-width: 800px) {.top-menu { display: none;}}@media screen and (min-width: 900px){.menu{width:170px;transform:translateX(170px)}.menu.open{transform:translateX(0)}}@media screen and (max-width: 450px){.menu{width:100%;transform:translateX(100%)}.menu.open{transform:translateX(0)}}@media (max-width:420px){.menu{top:90px}.site-title{font-size:16px;padding-left:10px}}@media (min-width: 801px) and (max-width: 899px) {.menu-toggle {display: none;}}