:root{--color-primary: #4e7b67;--color-accent: #3c6253;--color-bg: #f2f6f4;--color-text: #1d332a}body{margin:0;padding:0;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;background-color:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;min-height:100vh}main{flex:1}.container{width:92%;max-width:1100px;margin:0 auto}.top-bar{background-color:#2b453a;color:#e5ede9;padding:8px 0;font-size:.85rem}.top-bar-inner{display:flex;justify-content:space-between;align-items:center}.sns-icons{display:flex;gap:18px}.sns-link,.footer-sns-link{color:inherit;display:inline-block;transition:transform .2s,color .2s}.sns-link{width:22px;height:22px}.footer-sns-link{width:28px;height:28px;color:#e5ede9}.sns-link:hover,.footer-sns-link:hover{transform:scale(1.2);color:#fff}.footer-sns-link:hover{color:#9dbfaf}.sticky-nav-container{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background-color:#f2f6f4f2;backdrop-filter:blur(8px);border-bottom:1px solid #e1ebe5;box-shadow:0 2px 10px #0000000d}.main-nav{padding:15px 0;display:flex;justify-content:space-between;align-items:center;position:relative}.nav-logo{font-size:1.4rem;font-weight:700;color:var(--color-primary);text-decoration:none;letter-spacing:.05em;display:flex;align-items:center;gap:10px;transition:opacity .2s,transform .2s;white-space:nowrap;z-index:1001}.nav-logo:hover{opacity:.8;transform:scale(1.02)}.logo-image{width:45px;height:45px;border-radius:50%;object-fit:cover;box-shadow:0 2px 5px #0000001a}.nav-menu{display:block}.nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hamburger-btn{display:none}.nav-item{position:relative;text-decoration:none;color:var(--color-text);font-weight:700;font-size:.9rem;padding:8px 12px;background-color:#fff;border-radius:12px;border:1px solid #e1ebe5;box-shadow:0 4px #d1e0d7,0 5px 10px #4e7b670f;transition:all .2s ease;white-space:nowrap;cursor:pointer;display:block;font-family:inherit}.nav-item:after{content:"";position:absolute;bottom:8px;left:50%;width:0;height:3px;background-color:var(--color-primary);transition:all .3s ease;transform:translate(-50%);border-radius:2px;opacity:0}.nav-item:hover{color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px #d1e0d7,0 8px 15px #4e7b671f}.nav-item:hover:after{width:50%;opacity:1}.nav-item:active{transform:translateY(4px);box-shadow:0 0 #d1e0d7,0 2px 4px #4e7b670d}.nav-dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;min-width:200px;border:1px solid #e1ebe5;border-radius:8px;box-shadow:0 10px 25px #0000001a;padding:10px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:1002}@media(min-width:769px){.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(5px)}}.dropdown-item{display:block;padding:10px 20px;color:var(--color-text);text-decoration:none;font-size:.9rem;font-weight:700;transition:background .2s,color .2s}.dropdown-item:hover{background-color:var(--color-bg);color:var(--color-primary)}.site-footer{background-color:var(--color-primary);color:#fff;padding:40px 0 20px;margin-top:60px}.footer-inner{text-align:center}.footer-sns{display:flex;justify-content:center;gap:30px;margin-bottom:25px}.copyright{font-size:.85rem;opacity:.8;margin:0}@media(max-width:768px){.main-nav{padding:10px 0}.hamburger-btn{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:100%;height:3px;background-color:var(--color-primary);border-radius:10px;transition:all .3s linear;transform-origin:1px}.hamburger-btn.active .hamburger-line:nth-child(1){transform:rotate(45deg)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0;transform:translate(20px)}.hamburger-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg)}.nav-menu{position:absolute;top:100%;left:0;width:100%;background-color:#fffffffa;border-bottom:1px solid #e1ebe5;box-shadow:0 10px 20px #0000001a;max-height:0;overflow-y:auto;transition:max-height .4s ease-in-out;max-height:calc(100vh - 70px)!important;display:none}.nav-menu.active{display:block;animation:slideDown .3s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-links{flex-direction:column;align-items:stretch;padding:20px 5% 40px;gap:10px}.nav-dropdown{width:100%;display:block}.nav-item{text-align:center;font-size:1rem;padding:12px;box-shadow:0 3px #d1e0d7;margin-bottom:5px;width:100%!important;box-sizing:border-box;display:block}button.nav-item{background-color:#fff;color:var(--color-text)}.dropdown-menu{position:static;visibility:visible;opacity:1;transform:none;box-shadow:inset 0 2px 8px #0000000d;border:none;border-radius:8px;background:#f8faf9;padding:0;margin-top:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-dropdown.open .dropdown-menu{max-height:300px;margin-top:5px;margin-bottom:10px}.dropdown-item{padding:12px;text-align:center;font-size:.95rem;border-bottom:1px dashed #d1e0d7;display:block;color:var(--color-text)}.dropdown-item:last-child{border-bottom:none}.top-bar-text{font-size:.75rem}.sns-link{width:18px;height:18px}}