@charset "utf-8";
/* CSS Document */
.site-header { width:100%; background:#fff; border-bottom:1px solid #e5eaf0; position:relative; z-index:100; }
.site-header__inner { width:min(1200px, 94%); height:86px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.site-header__logo { flex:0 0 auto; }
.site-header__logo a { display:block; line-height:0; }
.site-header__logo img { width:300px; max-width:100%; height:auto; display:block; }
.site-header__nav { flex:1; display:flex; justify-content:flex-end; }
.site-header__nav ul { list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:24px; }
.site-header__nav li { margin:0; padding:0; }
.site-header__nav a { position:relative; display:block; padding:34px 0 30px; color:#0F2747; font-size:16px; font-weight:600; line-height:1; text-decoration:none; letter-spacing:.04em; }
.site-header__nav a::after { content:""; position:absolute; left:0; bottom:22px; width:100%; height:2px; background:#B8A27A; transform:scaleX(0); transform-origin:right center; transition:transform .25s ease; }
.site-header__nav a:hover::after { transform:scaleX(1); transform-origin:left center; }
.site-header__nav li.current a::after { transform:scaleX(1); }
.site-header__contact { flex:0 0 auto; }
.site-header__contact a { display:flex; align-items:center; justify-content:center; min-width:190px; height:46px; padding:0 20px; background:#B8A27A; color:#fff; font-size:14px; font-weight:700; text-decoration:none; letter-spacing:.04em; border-radius:2px; box-shadow:0 6px 14px rgba(184,162,122,.24); transition:background .25s ease, transform .25s ease; }
.site-header__contact a:hover { background:#a78f63; transform:translateY(-1px); }
@media screen and (max-width:1100px) { .site-header__logo img { width:260px; } .site-header__nav ul { gap:16px; } .site-header__nav a { font-size:13px; } .site-header__contact a { min-width:170px; } }
.site-header__toggle { display:none; width:46px; height:46px; padding:0; border:none; background:#0F2747; cursor:pointer; position:relative; }
.site-header__toggle span { width:22px; height:2px; background:#fff; position:absolute; left:12px; transition:transform .25s ease, opacity .25s ease; }
.site-header__toggle span:nth-child(1) { top:15px; }
.site-header__toggle span:nth-child(2) { top:22px; }
.site-header__toggle span:nth-child(3) { top:29px; }
.site-header__toggle.is-active span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.site-header__toggle.is-active span:nth-child(2) { opacity:0; }
.site-header__toggle.is-active span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
.site-header__contact--sp { display:none; }
@media screen and (max-width:980px) { .site-header__inner { height:72px; } .site-header__logo img { width:250px; } .site-header__toggle { display:block; z-index:102; } .site-header__nav { position:absolute; left:0; top:72px; width:100%; max-height:0; overflow:hidden; background:#fff; border-bottom:1px solid #e5eaf0; box-shadow:0 14px 28px rgba(15,39,71,.08); transition:max-height .35s ease; z-index:101; } .site-header__nav.is-open { max-height:520px; } .site-header__nav ul { width:min(1200px, 94%); margin:0 auto; padding:18px 0 10px; display:block; } .site-header__nav li { border-bottom:1px solid #edf1f5; } .site-header__nav a { padding:18px 0; font-size:15px; line-height:1.4; } .site-header__nav a::after { left:0; bottom:10px; width:42px; } .site-header__contact { display:none; } .site-header__contact--sp { width:min(1200px, 94%); margin:0 auto; padding:10px 0 24px; display:block; } .site-header__contact--sp a { display:flex; align-items:center; justify-content:center; height:48px; background:#B8A27A; color:#fff; font-size:15px; font-weight:700; text-decoration:none; letter-spacing:.04em; border-radius:2px; } }