@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap";body,html{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;font-family:Noto Sans JP,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;background:#f7f7f7;color:#222;line-height:1.7}header{background:#fff;border-bottom:1px solid #e5e5e5;padding:.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}header nav ul{display:flex;justify-content:center;gap:2.5rem;margin:0;padding:0;list-style:none}header nav a{color:#222;text-decoration:none;font-weight:700;font-size:1.05rem;letter-spacing:.04em;transition:color .2s;padding:.25rem .5rem}header nav a:hover{color:#0070f3}.hero{background:#fff;padding:4rem 1rem 3rem;text-align:center;border-bottom:1px solid #e5e5e5}.hero-title{font-size:2.7rem;font-weight:700;color:#222;margin-bottom:1.2rem;letter-spacing:.04em}.hero-sub{font-size:1.2rem;color:#666;margin-bottom:2.2rem}.google-btn,.hero-btn,.login-btn,.logout-btn{background:#0070f3;color:#fff;border:none;border-radius:999px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(0,112,243,.08);transition:background .2s;letter-spacing:.04em}.google-btn:hover,.hero-btn:hover,.login-btn:hover,.logout-btn:hover{background:#005bb5}main{width:100%;max-width:1100px;margin:.5rem auto;background:#fff;border-radius:18px;box-shadow:0 4px 24px rgba(0,0,0,.04);padding:.1rem .2rem;box-sizing:border-box}.section-title{font-size:2.1rem;color:#222;font-weight:700;margin-bottom:2rem;text-align:center;letter-spacing:.04em}.card-list{display:flex;gap:2.5rem;flex-wrap:wrap;justify-content:center}.card{background:#f7f7f7;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.03);padding:2.2rem 1.7rem;flex:1 1 260px;max-width:320px;min-width:220px;text-align:left;margin-bottom:1.7rem;border:1px solid #ececec}.card h3{color:#0070f3;font-size:1.18rem;margin-bottom:.7rem;font-weight:700;letter-spacing:.03em}.card p{color:#444;font-size:1rem}footer{background:#fff;color:#888;text-align:center;padding:1.5rem 0 1rem;border-top:1px solid #e5e5e5;margin-top:2.5rem;font-size:.98rem;letter-spacing:.03em}.input-box{width:100%;padding:.75rem 1rem;border:1px solid #d0d7de;border-radius:8px;font-size:1rem;background:#fafbfc;margin-top:.3rem;margin-bottom:.5rem;transition:border .2s,box-shadow .2s;box-sizing:border-box}.input-box:focus{border:1.5px solid #0070f3;outline:none;background:#fff;box-shadow:0 0 0 2px #e3f0ff}.login-btn{width:100%;margin-bottom:12px}.google-btn{width:100%;background:#fff;color:#222;border:1.5px solid #d0d7de;box-shadow:none;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:0}.google-btn:hover{background:#f5f5f5;border-color:#bdbdbd}.google-btn img{margin-right:8px;vertical-align:middle}.logout-btn{background:#fff;color:#0070f3;border:2px solid #0070f3;box-shadow:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;border-radius:999px;min-width:120px;width:auto;height:auto;white-space:nowrap}.logout-btn:hover{background:#e3f0ff;color:#0070f3}.header-nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;width:100%;box-sizing:border-box}.nav-logo,.nav-logo-mobile{flex:0 0 auto;margin-left:1.5rem}.nav-pc{justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 2rem;height:72px;gap:0}.nav-pc,.nav-pc__logo{display:flex;align-items:center}.nav-pc__logo{flex:0 0 220px;justify-content:flex-start}.nav-pc__menu{flex:1 1;justify-content:center;min-width:0}.nav-pc__action,.nav-pc__menu{display:flex;align-items:center}.nav-pc__action{flex:0 0 220px;justify-content:flex-end}.nav-logo.nav-logo--pc{display:flex;flex-direction:column;font-size:1.3rem;font-weight:700;letter-spacing:.08em;color:#222;text-decoration:none}.nav-list{display:flex;gap:2.2rem;list-style:none;padding:0;margin:0;justify-content:center;width:auto;font-size:1rem}@media(max-width:1200px){.nav-list{font-size:.85rem}}@media(max-width:1000px){.nav-list{font-size:.8rem}}.nav-auth{display:flex;align-items:center;gap:1.5rem;margin-left:1.5rem}.nav-mobile{display:none}.hamburger{background:none;border:none;cursor:pointer;padding:.5rem;margin-left:1rem;z-index:110}.mobile-menu{position:fixed;top:0;right:0;width:80vw;max-width:320px;height:100vh;background:#fff;box-shadow:-2px 0 16px rgba(0,0,0,.12);padding:2.5rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:2rem;z-index:200;animation:slideInRight .2s}@keyframes slideInRight{0%{right:-100%}to{right:0}}.close-btn{position:absolute;top:1.2rem;right:1.2rem;background:none;border:none;font-size:2rem;color:#888;cursor:pointer;z-index:210}.nav-logo-mobile{display:none}@media(max-width:900px){main{width:100%;max-width:100%;margin:0 auto;padding:1.5rem 2vw;box-sizing:border-box}.card-list{flex-direction:column;gap:1.2rem;align-items:center}.card{width:100%;max-width:100%;box-sizing:border-box}.nav-pc{display:none}.nav-mobile{display:flex;align-items:center;margin-right:20px}.nav-list{flex-direction:column;gap:1rem;align-items:flex-start;width:100%}.header-nav{justify-content:space-between;padding:0 1rem}.nav-logo-mobile{display:flex;align-items:center;font-weight:700;font-size:1.1rem;letter-spacing:.08em;color:#222;height:48px;padding-left:0}.nav-logo{display:none}.logout-btn{width:100%;display:flex;justify-content:center;align-items:center;margin:.5rem 0}}@media(max-width:600px){.hero-title{font-size:1.5rem}.section-title{font-size:1.2rem}main{padding:1rem 4vw}header nav ul{flex-direction:column;gap:1rem}}@media(min-width:901px){.header-nav{justify-content:center;min-height:56px}.nav-logo{position:absolute;left:0;top:0;bottom:0;height:100%;padding-left:1.2rem;font-weight:700;font-size:1.1rem;letter-spacing:.08em;color:#222;line-height:1}.nav-logo,.nav-pc{display:flex;align-items:center}.nav-pc{justify-content:center;width:100%}.nav-logo-mobile{display:none}}.nav-logo--pc{display:flex;flex-direction:row;gap:.5rem}@media(min-width:768px){.nav-logo--pc{flex-direction:column;align-items:center;gap:0;justify-content:center;height:100%}.nav-logo-line{display:block;line-height:1.1}}.scroll-down-icon{position:fixed;right:24px;bottom:24px;z-index:100001;background:none;border:none;padding:0;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:transform .2s;display:block!important;animation:scrollDownBlink 1.2s infinite;background-color:rgba(180,180,180,.85)}@keyframes scrollDownBlink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.scroll-down-icon:hover{transform:scale(1.12) translateY(4px);box-shadow:0 4px 16px rgba(0,0,0,.18)}@media(max-width:600px){.scroll-down-icon{right:12px;bottom:142px}.scroll-down-icon,.scroll-down-icon svg{width:44px;height:44px}}