*{margin:0;padding:0;box-sizing:border-box;font-family:'Noto Sans JP',sans-serif}body{background-color:#f8f9fa;color:#333;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}@font-face{font-family:'セザンヌ';src:url('https://cdn.jsdelivr.net/npm/@xz/fonts@1/dist/cezanne/cezanne.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap}header{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:fixed;width:100%;top:0;z-index:1000}.header-container{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.logo{display:flex;align-items:center}.logo-text{font-size:18px;font-weight:700;color:#333}.logo-text span{display:block;font-size:14px;color:#777;font-weight:400}nav ul{display:flex;list-style:none}nav ul li{margin-left:30px}nav ul li a{text-decoration:none;color:#333;font-weight:500;transition:color 0.3s;position:relative;padding-bottom:5px}nav ul li a:after{content:'';position:absolute;width:0;height:2px;background:#4285f4;bottom:0;left:0;transition:width 0.3s}nav ul li a:hover{color:#4285f4}nav ul li a:hover:after{width:100%}.mobile-menu{display:none;cursor:pointer}footer{background-color:#333;color:#fff;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:50px;margin-bottom:40px}.footer-column h3{font-size:1.3rem;margin-bottom:20px;position:relative;padding-bottom:10px}.footer-column h3:after{content:'';position:absolute;bottom:0;left:0;width:50px;height:2px;background-color:#4285f4}.footer-links{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:#ccc;text-decoration:none;transition:color 0.3s}.footer-links a:hover{color:#4285f4}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #444;font-size:0.9rem}.button{padding:12px 30px;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color 0.3s;border:none}.primary-button{background-color:#4285f4;color:#fff}.primary-button:hover{background-color:#3367d6}.secondary-button{background-color:#f8f9fa;color:#333;border:1px solid #ddd}.secondary-button:hover{background-color:#e9ecef}@media (max-width:768px){.header-container{padding:15px}.logo-text{font-size:16px}.logo-text span{font-size:12px}nav{position:fixed;top:80px;left:0;width:100%;background-color:#fff;padding:20px;box-shadow:0 5px 10px rgba(0,0,0,0.1);transform:translateY(-150%);transition:transform 0.3s;z-index:999}nav.active{transform:translateY(0)}nav ul{flex-direction:column}nav ul li{margin:10px 0}.mobile-menu{display:block}}