/*
Theme Name: KOUSEI Recruit
Theme URI: https://kousei.jp/
Author: KOUSEI
Description: 株式会社KOUSEI 採用サイト用オリジナルテーマ。デザインはHTML/CSSインラインスタイルで実装（design_handoffのDCファイルが正）。
Version: 1.0.0
Text Domain: kousei-recruit
*/

html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: #f6f4ef;
  color: #17150f;
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: #17150f; text-decoration: none; }
a:hover { color: #1e56a0; }
img { max-width: 100%; display: block; }

@keyframes kb { from { transform: scale(1.02); } to { transform: scale(1.1); } }
@keyframes rise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }

details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }

/* Hero cross-fade / vertical copy — see assets/js/hero.js */
#hero-b { transition: opacity 0.05s linear; }
#hero-en { transition: opacity 0.05s linear, transform 0.05s linear; }

/* ヘッダーのレスポンシブ切り替え：狭幅ではナビをハンバーガーメニューへ */
header { position: sticky; flex-wrap: nowrap; }

@media (max-width: 860px) {
  #kousei-nav-links {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 0 !important;
    background: #f6f4ef;
    border-bottom: 1px solid rgba(23,21,15,0.08);
    padding: 6px clamp(16px,4vw,40px) 14px;
    box-shadow: 0 12px 24px rgba(23,21,15,0.08);
  }
  #kousei-nav-links.is-open { display: flex !important; }
  #kousei-nav-links a { padding: 12px 0; width: 100%; border-bottom: 1px solid rgba(23,21,15,0.06); }
  #kousei-menu-btn { display: flex !important; align-items: center; justify-content: center; }
}