/* =====================================================================
   ADIF JAPAN ASSET MANAGEMENT ― バブル / ギラギラ・ゴールドテーマ
   記載内容は変更せず、装飾のみで「バブル感・怪しさ・金への下心」を演出
   ===================================================================== */
:root{
  --gold1:#fff6c0; --gold2:#ffd54a; --gold3:#f0a800; --gold4:#8a5a00;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"Hiragino Mincho ProN","MS PMincho","Yu Mincho",serif;
  color:#f4e6ac; background:#05030a; overflow-x:hidden; line-height:1.9;
}
/* 背景：黒×金×妖しい紫/桃の放射グラデ＋光の帯 */
.bg{position:fixed;inset:0;z-index:-3;
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(255,190,60,.32), transparent 60%),
    radial-gradient(900px 500px at 10% 20%, rgba(180,60,255,.16), transparent 55%),
    radial-gradient(900px 500px at 90% 30%, rgba(255,0,120,.14), transparent 55%),
    linear-gradient(180deg,#0a0512 0%, #120616 40%, #05030a 100%);}
.bg::after{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(115deg, rgba(255,215,80,.05) 0 2px, transparent 2px 9px);
  mix-blend-mode:screen;animation:bgslide 8s linear infinite}
@keyframes bgslide{to{background-position:200px 0}}
#rain{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.coin{position:absolute;top:-40px;filter:drop-shadow(0 0 6px rgba(255,200,60,.8));
  animation:fall linear infinite;opacity:.9}
@keyframes fall{to{transform:translateY(112vh) rotate(540deg)}}

a{color:#ffe08a;text-decoration:none}
a:hover{color:#fff;text-shadow:0 0 10px rgba(255,210,90,.9)}
img{max-width:100%;border:0}

.gold{background:linear-gradient(180deg,var(--gold1) 0%,var(--gold2) 35%,var(--gold3) 55%,#fff2b0 70%,var(--gold3) 85%,var(--gold4) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.6)) drop-shadow(0 0 14px rgba(255,200,60,.5));}
.shine{background-size:200% auto;animation:shine 3s linear infinite}
@keyframes shine{to{background-position:200% center}}
.blink{animation:bl .8s steps(1) infinite}@keyframes bl{50%{opacity:.15}}

/* 電光テロップ */
.ticker{position:sticky;top:0;z-index:50;
  background:linear-gradient(90deg,#1a0f00,#3a2400,#1a0f00);
  border-bottom:2px solid #b98900;color:#ffd968;font-weight:bold;letter-spacing:2px;
  white-space:nowrap;overflow:hidden;box-shadow:0 4px 20px rgba(255,180,40,.35)}
.ticker div{display:inline-block;padding:8px 0;animation:mar 24s linear infinite}
@keyframes mar{from{transform:translateX(100%)}to{transform:translateX(-100%)}}

#wrap{max-width:1000px;margin:0 auto;padding:0 18px}

/* ヘッダー */
#header{text-align:center;padding:22px 0 6px;position:relative}
#header .crest{font-size:40px;filter:drop-shadow(0 0 12px rgba(255,200,60,.9))}
#header .brand{font-size:clamp(24px,5vw,46px);font-weight:900;letter-spacing:3px;line-height:1.1;margin-top:2px}
#header .brand-en{font-size:11px;letter-spacing:5px;color:#c9a94a;margin-top:6px}
#header .license{display:inline-block;margin-top:10px;font-size:11px;color:#e9d488;
  border:1px solid #b98900;border-radius:999px;padding:4px 14px;background:rgba(60,40,0,.4)}

/* ナビ */
#nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:16px 0 6px}
#nav a,#nav span.here{padding:8px 18px;border-radius:999px;font-weight:900;font-size:14px;letter-spacing:1px;
  border:1px solid #6b4a00;background:linear-gradient(180deg,#1a1206,#0d0904);color:#ffdf8a}
#nav a:hover{border-color:#ffd54a;box-shadow:0 0 16px rgba(255,190,60,.5);color:#fff}
#nav span.here{background:linear-gradient(180deg,#fff4b0,#ffd23c 45%,#f2a400 55%,#c67f00);color:#3a1e00;border-color:#fff2b0;
  box-shadow:0 0 18px rgba(255,190,60,.6)}

/* 本文 */
#main{padding:10px 0 20px}
.pagetitle{font-size:clamp(24px,4.6vw,40px);font-weight:900;letter-spacing:2px;text-align:center;
  margin:18px 0 6px;text-shadow:0 0 26px rgba(255,180,40,.45)}
.pagetitle:before{content:"◆ ";color:#ff9a3c}
.pagetitle:after{content:" ◆";color:#ff9a3c}

/* 金枠パネル（セクションを金枠で包む） */
h2.sec{font-size:clamp(19px,3.2vw,27px);font-weight:900;letter-spacing:2px;text-align:center;
  margin:30px 0 4px;color:transparent;
  background:linear-gradient(180deg,#fff6c0,#ffd54a 45%,#f0a800 60%,#fff2b0 72%,#8a5a00);
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 0 14px rgba(255,200,60,.5))}
h2.sec .en{display:block;color:#b98900;font-size:12px;letter-spacing:6px;margin-top:4px;
  -webkit-text-fill-color:#b98900}
h2.sec:after{content:"";display:block;height:2px;max-width:170px;margin:12px auto 4px;
  background:linear-gradient(90deg,transparent,#ffd54a,transparent)}
h3.sub{color:#ffd76a;font-size:17px;margin:18px 0 4px;font-weight:900}
h3.sub:before{content:"◆ ";color:#ff9a3c}

#main p{margin:10px 2px;color:#efe1af}
#main ul{margin:10px 0 14px 26px;color:#efe1af}
#main ul li{margin:4px 0}
.note{font-size:12px;color:#b7a061}
.center{text-align:center}
.oshirase-end{text-align:right;margin:12px 0;font-weight:900;color:#ffd76a}
.clear{clear:both}
hr.retro{height:2px;border:0;background:linear-gradient(90deg,transparent,#ffd54a,transparent);margin:22px 0}

/* 金枠ボックス（会社概要・お知らせ・方針など） */
table.grid,table.news,table.form{width:100%;border-collapse:collapse;margin:12px 0 16px;
  background:linear-gradient(180deg,#0d0814,#0d0814) padding-box;
  border:2px solid transparent;border-radius:14px;overflow:hidden;
  box-shadow:0 10px 34px rgba(0,0,0,.55)}
table.grid{border-image:linear-gradient(135deg,#fff3b0,#f0a800 40%,#7a4d00 70%,#ffd54a) 1}
table.grid th,table.grid td,table.form th,table.form td{padding:10px 12px;border-bottom:1px solid rgba(255,200,60,.2);
  font-size:14px;vertical-align:top;text-align:left}
table.grid th,table.form th{color:#ffd76a;font-weight:900;white-space:nowrap;width:150px;
  background:rgba(255,200,60,.06)}
table.grid a,table.news a,table.form a{color:#ffe9a8}

/* お知らせ */
table.news{border:1px solid #6b4a00}
table.news th{background:linear-gradient(180deg,#3a2400,#241600);color:#ffd968;padding:8px 12px;
  font-size:13px;text-align:left;letter-spacing:2px}
table.news td{border-bottom:1px dashed rgba(255,200,60,.25);padding:9px 12px;font-size:13px;vertical-align:top}
table.news td.date{white-space:nowrap;color:#e0c56b;font-family:"Courier New",monospace;width:96px}
.new-badge{font-size:10px;font-weight:900;color:#2a0a0a;
  background:linear-gradient(180deg,#ffef9a,#ffcf3c);padding:1px 7px;border-radius:4px;margin-left:8px;
  box-shadow:0 0 10px rgba(255,190,60,.7)}

/* ボックス（MISSION 等） */
.box{border:2px solid transparent;border-radius:16px;padding:16px 18px;margin:14px 0;
  background:linear-gradient(#100a18,#0c0712) padding-box,
    linear-gradient(135deg,#fff3b0,#f0a800 45%,#7a4d00 72%,#ffd54a) border-box;
  box-shadow:0 10px 34px rgba(0,0,0,.5),inset 0 0 40px rgba(255,180,40,.05)}
.box h3.sub{margin-top:0}

/* 役員プロフィール（金縁カード） */
.exec{border:2px solid transparent;border-radius:16px;margin:16px 0;padding:16px;overflow:hidden;
  background:linear-gradient(#100a18,#0c0712) padding-box,
    linear-gradient(135deg,#fff3b0,#f0a800 45%,#7a4d00 72%,#ffd54a) border-box}
.exec .photo{float:left;width:130px;margin-right:16px;text-align:center}
.exec .photo img{width:130px;border:3px solid transparent;border-radius:8px;
  background:linear-gradient(#000,#000) padding-box,linear-gradient(135deg,#ffe27a,#a06a00) border-box}
.exec .photo .noimg{display:block;width:126px;height:160px;line-height:160px;text-align:center;border-radius:8px;
  border:2px solid #6b4a00;background:#140d06;color:#8f7c4a;font-size:12px}
.exec .pos{color:#ff9a3c;font-weight:900;font-size:13px}
.exec .name{font-size:22px;font-weight:900;letter-spacing:3px;margin:2px 0 4px;
  background:linear-gradient(180deg,#fff6c0,#ffd54a 50%,#f0a800);-webkit-background-clip:text;background-clip:text;color:transparent}
.exec .edu{font-size:12px;color:#cbb373;margin-bottom:4px}
.exec .rireki-h{font-weight:900;color:#ffd76a;font-size:12px;margin-top:4px}
.exec ul.rireki{margin:4px 0 10px 20px;font-size:12.5px;color:#e7d9a6}
.exec p{clear:none}

/* 画像ギャラリー */
.gallery{margin:12px 0 16px;text-align:center}
.gallery img{border:3px solid transparent;border-radius:10px;margin:5px;max-width:230px;vertical-align:top;
  background:linear-gradient(#000,#000) padding-box,linear-gradient(135deg,#ffe27a,#a06a00) border-box;
  box-shadow:0 6px 20px rgba(0,0,0,.5)}
.figure{text-align:center;margin:14px 0}
.figure img{border:3px solid transparent;border-radius:10px;max-width:720px;
  background:linear-gradient(#000,#000) padding-box,linear-gradient(135deg,#ffe27a,#a06a00) border-box}

/* フォーム */
table.form{border:1px solid #6b4a00}
table.form input[type=text],table.form textarea,table.form select{
  font-family:inherit;font-size:13px;border:1px solid #6b4a00;border-radius:6px;padding:5px 8px;
  background:#0a0710;color:#ffe9a8}
table.form input.long{width:92%}
table.form textarea{width:92%;height:84px}
.req{font-size:10px;font-weight:900;color:#2a0a0a;background:linear-gradient(180deg,#ffef9a,#ffcf3c);
  padding:1px 7px;border-radius:4px;margin-left:8px}
.btn{font-family:inherit;font-size:17px;font-weight:900;letter-spacing:1px;padding:12px 34px;border-radius:999px;
  color:#3a1e00;cursor:pointer;border:2px solid #fff2b0;
  background:linear-gradient(180deg,#fff4b0,#ffd23c 45%,#f2a400 55%,#c67f00);
  box-shadow:0 0 0 3px rgba(180,120,0,.5),0 12px 30px rgba(255,170,40,.5)}
.btn:active{transform:translateY(1px)}

/* 問い合わせ先の小箱 */
.contactbox{float:right;width:250px;margin:0 0 14px 16px;border:2px solid transparent;border-radius:14px;
  padding:12px 14px;font-size:12.5px;color:#e7d9a6;
  background:linear-gradient(#100a18,#0c0712) padding-box,
    linear-gradient(135deg,#fff3b0,#f0a800 45%,#7a4d00 72%,#ffd54a) border-box}
.contactbox .ttl{font-weight:900;color:#ffd76a;border-bottom:1px solid rgba(255,200,60,.3);margin-bottom:6px}

/* CTA（章末の巨大金ボタン） */
.cta{display:inline-block;margin:8px 0;padding:15px 40px;border-radius:999px;font-size:19px;font-weight:900;letter-spacing:2px;
  color:#3a1e00;border:2px solid #fff2b0;
  background:linear-gradient(180deg,#fff4b0,#ffd23c 45%,#f2a400 55%,#c67f00);
  box-shadow:0 0 0 3px rgba(180,120,0,.55),0 12px 30px rgba(255,170,40,.5);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px);
  box-shadow:0 0 0 3px rgba(255,200,60,.9),0 18px 46px rgba(255,190,60,.7)}}
.cta-wrap{text-align:center;margin:22px 0}

/* ヒーロー（トップ用） */
.hero{text-align:center;padding:26px 0 34px;position:relative}
.hero .cat{font-size:clamp(30px,7vw,72px);font-weight:900;letter-spacing:2px;line-height:1.15;text-shadow:0 0 30px rgba(255,180,40,.5)}
.hero .yen{font-size:clamp(56px,15vw,170px);line-height:.9;font-weight:900;display:block;margin:4px 0 -4px}
.hero .sub{font-size:clamp(15px,2.6vw,22px);color:#ffeab0;margin-top:12px}
.hero .sub b{color:#fff}
.bling{position:absolute;font-size:32px;filter:drop-shadow(0 0 10px rgba(255,220,90,.9));animation:tw 2.4s ease-in-out infinite}
@keyframes tw{0%,100%{transform:scale(.7);opacity:.5}50%{transform:scale(1.15);opacity:1}}

/* フッター */
#footlinks{margin-top:26px;padding:16px 10px;text-align:center;font-size:12px;line-height:2.2;
  border-top:2px solid #6b4a00;background:linear-gradient(180deg,transparent,rgba(255,180,40,.05))}
#footlinks a{color:#ffdf8a}
.counter-wrap{text-align:center;padding:10px 0;font-size:12px;color:#cbb373}
.counter{display:inline-block;background:#000;color:#ffd54a;font-family:"Courier New",monospace;font-size:16px;
  letter-spacing:4px;padding:3px 10px;border:2px solid #6b4a00;border-radius:6px;margin:0 6px;
  box-shadow:inset 0 0 12px rgba(255,190,60,.4)}
#footer{padding:22px 0 40px;text-align:center;border-top:1px solid #6b4a00}
#footer .hr-emoji{font-size:18px;letter-spacing:6px;margin:4px 0}
#footer .corp{font-weight:900;font-size:16px}
#footer .line{font-size:12px;color:#cbb373;margin-top:6px;line-height:1.9}
#footer .copy{font-size:11px;color:#9c8446;margin-top:10px;font-family:"Courier New",monospace}
.pagetop{text-align:right;margin:14px 0 0;font-size:12px}
.updated{font-size:11px;color:#9c8446;text-align:right;padding:6px 2px}

@media(max-width:640px){
  .exec .photo{float:none;width:100%;margin:0 0 10px}
  .contactbox{float:none;width:auto;margin:0 0 14px}
  table.grid th,table.form th{width:110px}
}
