body{background-color:#f5f3f2;font-family:Noto Sans JP,Arial,sans-serif;margin:0;padding:0}.header{align-items:center;display:flex;justify-content:center;padding:20px}.logo{margin-right:20px;max-width:300px}.faq-container{background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);box-sizing:border-box;margin:20px auto;padding:20px;text-align:left;width:80%}h1{color:#fa742a}.faq-container p,h1,p{text-align:center}p{color:#666}.search-container{display:flex;margin:20px auto;width:50%}input[type=text]{border:1px solid #ccc;border-radius:4px 0 0 4px;box-sizing:border-box;flex:1;padding:10px}button#search-button{border:1px solid #ccc;border-left:none;border-radius:0 4px 4px 0;box-sizing:border-box;color:#fff;cursor:pointer;padding:10px}button#search-button,button#search-button:hover{background-color:#674e30}.faq-wrapper{display:flex}.faq-categories{border-right:1px solid #ddd;flex:1;padding-right:20px;text-align:left}.category-button{background:#f3f3f3;border:none;color:#674e30;cursor:pointer;display:block;margin-bottom:10px;padding:10px;text-align:left;width:100%}.category-button.active,.category-button:hover{background:#c9a173;color:#fff;font-weight:700}.faq-content{flex:3;padding-left:20px;text-align:left}.faq-content h2{color:#674e30}.faq-category-content{display:none;text-align:left}.faq-category-content.active{display:block}.faq-category-content .faq-item{margin-bottom:10px}.faq-question{background:none;border:none;color:#674e30;cursor:pointer;font-size:16px;padding:0;text-align:left}.faq-question:hover{text-decoration:underline}.faq-answer{color:#674e30;display:none;font-size:14px;height:0;margin:0;overflow:hidden;padding-left:20px;text-align:left!important;transition:height .3s ease-out}.faq-answer.expanded{height:auto}