/* 共通: スマホ用メニュー（1000px以下）・フッターのリンク */
.menu-btn{display:none;flex:none;width:40px;height:36px;border:1px solid var(--ink);background:var(--paper);border-radius:2px;cursor:pointer;position:relative;padding:0}
.menu-btn i{position:absolute;left:10px;right:10px;height:1.5px;background:var(--ink);transition:transform .25s,opacity .2s}
.menu-btn i:nth-child(1){top:11px}.menu-btn i:nth-child(2){top:17px}.menu-btn i:nth-child(3){top:23px}
.menu-btn[aria-expanded="true"] i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-btn[aria-expanded="true"] i:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.drawer{position:fixed;inset:0;z-index:55;background:var(--paper);padding:96px 24px 40px;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;overflow-y:auto}
.drawer.open{opacity:1;visibility:visible}
.drawer a{font-family:var(--sans);font-size:18px;font-weight:700;letter-spacing:.08em;padding:16px 0;border-bottom:1px solid var(--line)}
.drawer a:first-child{border-top:1px solid var(--line)}
html.menu-open body{overflow:hidden}
@media(max-width:1000px){.menu-btn{display:block}}
@media(min-width:1001px){.drawer{display:none}}
.foot__links a{border-bottom:1px solid #4A4740}
.foot__links a:hover{color:var(--paper)}
html[lang="ar"] .drawer{text-align:right}
/* アラビア語(右から左)でも、ロゴなどの図は左右を反転させない */
html[lang="ar"] svg{direction:ltr}
html[lang="ar"] .hero__visual{direction:ltr}
/* アラビア語では矢印も右から左へ向ける */
html[lang="ar"] .rec-bn__go,html[lang="ar"] .btn>span[aria-hidden="true"]{display:inline-block;transform:scaleX(-1)}
html[lang="ar"] .rec-bn:hover .rec-bn__go{transform:scaleX(-1) translateX(6px)}