/* 魔法とアートのサーカス団（元 robotnozomiworld.wixsite.com/mysite のデザインをそのまま再現） */
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@200&family=Lexend+Mega:wght@800&family=Noto+Serif+JP:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap");
*{box-sizing:border-box;margin:0;padding:0}
html{background:#000}
body{background:transparent;color:#fff;font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,"Noto Sans JP",sans-serif;-webkit-text-size-adjust:100%;overflow-x:hidden}
a{color:inherit}
img{display:block;max-width:100%}

/* 背景：ループ動画＋ドット模様＋うす暗いフィルター（固定） */
.bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:#000 url("https://static.wixstatic.com/media/0beaca_60f92b7da81b413fa042a780a96a3617f000.jpg/v1/fill/w_1280,h_720,al_c,q_85/bg.jpg") center/cover no-repeat}
.bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2) url("https://static.wixstatic.com/media/0da768_8b89980121844d37be099f0dbe33e3e3.png/v1/crop/x_0,y_0,w_6,h_6,q_85,enc_auto/dot.png") repeat}

.stage{position:relative;z-index:1;width:100%;max-width:980px;margin:0 auto;min-height:100vh;padding:0 0 40px}

/* 六角形ロゴ */
.hex{position:relative;width:66px;height:78px;display:flex;align-items:center;justify-content:center;text-decoration:none}
.hex svg{position:absolute;inset:0;width:100%;height:100%}
.hex svg path{fill:#000;fill-opacity:.83;stroke:#fff;stroke-width:1px;vector-effect:non-scaling-stroke}
.hex span{position:relative;font-family:"Work Sans",sans-serif;font-weight:200;font-size:9px;line-height:9.9px;text-align:center;color:#fff}

/* ヘッダー */
header.top{position:relative;height:166px}
header.top .hex{position:absolute;left:20px;top:23px}
header.top .title{position:absolute;left:243px;top:16px;width:480px;text-align:center;text-decoration:none}
.title b{display:block;font-family:"Work Sans",sans-serif;font-weight:200;font-size:47px;line-height:51.7px;letter-spacing:.01em}
.title i{display:block;font-style:normal;font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;font-size:15px;line-height:16.5px}
nav.menu{position:absolute;left:274px;top:94px;display:flex}
nav.menu a{display:flex;align-items:center;justify-content:center;width:106px;height:72px;text-decoration:none;font-family:"Lexend Mega",sans-serif;font-weight:800;font-size:15px;letter-spacing:.04em;color:#f87cbe}
nav.menu a.on{color:#3588cc}
nav.menu a:hover{color:#3588cc}

/* フッター */
footer.foot{position:relative;display:flex;align-items:center;gap:16px;padding:0 18px;margin-top:40px}
footer.foot p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:1.5}
footer.foot a{text-decoration:none}

/* 見出し（明朝・白） */
.h-min{font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;font-weight:700;font-size:36px;text-align:center;line-height:1.5}
/* 黒い半透明の角丸ボックス */
.dbox{background:rgba(0,0,0,.63);border:1px solid #000;border-radius:19px}
/* 白い半透明パネル */
.wbox{background:rgba(255,255,255,.78);border-radius:5px;color:#464646}

/* ===== スマホ ===== */
@media (max-width:979px){
  header.top{height:auto;padding:18px 12px 4px;text-align:center}
  header.top .hex{position:absolute;left:10px;top:12px;width:48px;height:57px}
  header.top .hex span{font-size:7px;line-height:8px}
  header.top .title{position:static;display:block;width:auto;padding:0 50px}
  .title b{font-size:clamp(24px,7.4vw,47px);line-height:1.15}
  .title i{font-size:12px;margin-top:4px}
  nav.menu{position:static;justify-content:center;margin-top:6px}
  nav.menu a{width:auto;height:48px;padding:0 10px;font-size:13px}
  .h-min{font-size:clamp(20px,6vw,36px)}
}
@media (max-width:380px){nav.menu a{font-size:11.5px;padding:0 7px}}