/* M-Logift 共通：ヘッダーのメニューとお問い合わせボタン
   （Googleサイトのメニューの代わり。色・形は元のHTMLにある .nav / .pill / .mobile の定義に合わせています） */
.head.mlg-head{display:flex;align-items:center;justify-content:space-between;gap:22px}
.mlg-nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700;white-space:nowrap;margin-left:auto}
.mlg-nav a{color:#143548;text-decoration:none;transition:color .2s}
.mlg-nav a:hover,.mlg-nav a[aria-current="page"]{color:#007993}
.mlg-pill{display:inline-flex;align-items:center;gap:18px;background:#087d96;color:#fff!important;padding:11px 22px;border-radius:50px;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .2s}
.mlg-pill:hover{background:#145a70}
.mlg-mobile{display:none;position:relative;font-size:14px;margin-left:auto}
.mlg-mobile summary{cursor:pointer;list-style:none;border:1px solid #c7dce2;border-radius:30px;padding:7px 16px;font-weight:700;color:#143548}
.mlg-mobile summary::-webkit-details-marker{display:none}
.mlg-mobile nav{position:absolute;right:0;top:46px;width:220px;padding:12px 22px;background:#fff;box-shadow:0 10px 40px #103c4722;z-index:50}
.mlg-mobile nav a{display:block;padding:11px 0;border-bottom:1px solid #edf2f4;color:#143548;text-decoration:none;font-weight:700}
.mlg-mobile nav a:last-child{border-bottom:0;color:#087d96}
/* CONTACT 帯のボタン */
.mlg-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;color:#086b82!important;padding:18px 28px;border-radius:50px;font-size:15px;font-weight:700;text-decoration:none;flex-shrink:0;white-space:nowrap;transition:background .2s}
.mlg-cta:hover{background:#e6f4f6}
.mlg-cta-wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}
.head.mlg-head .brand{white-space:nowrap;flex-shrink:0}
/* 横幅が足りない画面では、元のヘッダーを崩さないよう「メニュー」ボタンに切り替える */
@media(max-width:1499px){.mlg-nav{display:none}.mlg-mobile{display:block}}
@media(max-width:760px){.mlg-cta-wrap{flex-direction:column;align-items:flex-start;gap:26px}.mlg-cta{width:100%}}