:root{
    --navy:#1a2a40;
    --gold:#bda16b;
    --ink:#2d2d2d;
    --gray:#666666;
    --gray-light:#888888;
    --bg1:#ffffff;
    --bg2:#f5f5f0;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{-webkit-text-size-adjust:100%;width:100%;}
  body{
    font-family:'Inter','Noto Sans JP',sans-serif;
    color:var(--ink);
    position:relative;
    overflow-x:hidden;
    width:100%;
    max-width:100vw;
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
  }
  body::before{
    content:"";
    position:fixed;
    top:0;left:0;
    width:100%;height:100%;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
    opacity:0.04;
    pointer-events:none;
    z-index:9998;
  }
  a{color:inherit;text-decoration:none;}
  img,svg{display:block;max-width:100%;}
  ul{list-style:none;}
  button{font-family:inherit;border:none;background:none;cursor:pointer;}

  @media (prefers-reduced-motion: reduce){
    *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
  }

  /* ===== Layout helpers ===== */
  .ot-container{max-width:600px;margin:0 auto;padding:0 26px;position:relative;}
  @media (min-width:768px){
    .ot-container{max-width:960px;}
  }
  /* 繧ｿ繝悶Ξ繝�ヨ(768縲�1279px)�壹�MESSAGE莉･髯�(譛ｬ譁��陬ｽ蜩�幕逋ｺ逅�ｿｵ繝ｻ陬ｽ蜩√せ繝医�繝ｪ繝ｼ繝ｻ
     TAKE ACTION隕句�縺励�COMMUNITY繝ｻNEWS繝ｻLINK遲�)縺ｮ蟾ｦ蜿ｳ菴咏區繧�26px竊�40px縲�
     縺輔ｉ縺ｫ56px縺ｫ蠎�￡繧九€５OP逕ｻ蜒�3譫�(.ot-top-image/2/3)縺ｯ.ot-container繧�
     菴ｿ繧上★迢ｬ閾ｪ縺ｮposition:absolute縺ｧ驟咲ｽｮ縺輔ｌ縺ｦ縺�ｋ縺溘ａ縲√％縺ｮ螟画峩縺ｮ蠖ｱ髻ｿ繧�
     蜿励￠縺ｪ縺�€� */
  @media (min-width:768px) and (max-width:1279px){
    .ot-container{padding:0 56px;}
  }
  .ot-section{padding:76px 0;position:relative;}
  .ot-section--tight{padding:60px 0;}
  .eyebrow{
    display:block;font-size:11px;font-weight:600;letter-spacing:.22em;
    color:var(--gold);text-transform:uppercase;margin-bottom:12px;
  }
  .ot-title{
    font-size:23px;font-weight:700;color:var(--navy);line-height:1.55;
    letter-spacing:.01em;margin-bottom:16px;
  }
  .ot-lead{font-size:14px;color:var(--gray);line-height:1.9;margin-bottom:26px;}
  .ot-divider{width:0;height:1.5px;background:var(--gold);margin-left:-26px;margin-bottom:20px;transition:width 1s cubic-bezier(.16,1,.3,1);}

  /* ===== 隕句�縺暦ｼ夂ｸｦ繝ｩ繧､繝ｳ繧｢繧ｯ繧ｻ繝ｳ繝� ===== */
  .ot-heading{position:relative;padding-left:20px;}
  .ot-heading-line{
    position:absolute;left:0;top:2px;bottom:2px;width:2px;
    background:var(--gold);
    transform:scaleY(0);transform-origin:top;
    transition:transform 1.1s cubic-bezier(.16,1,.3,1);
  }
  .ot-heading .eyebrow{margin-bottom:8px;}

  /* ===== Scroll reveal ===== */
  .ot-reveal{opacity:0;transform:translateY(26px);transition:opacity .9s ease, transform .9s cubic-bezier(.16,1,.3,1);}
  .ot-reveal.is-visible{opacity:1;transform:translateY(0);}
  .ot-reveal.is-visible .ot-divider{width:200px;}
  .ot-reveal.is-visible .ot-heading-line{transform:scaleY(1);}
  .ot-reveal-d1{transition-delay:.08s;}
  .ot-reveal-d2{transition-delay:.16s;}
  .ot-reveal-d3{transition-delay:.24s;}
  .ot-reveal-d4{transition-delay:.32s;}

  @keyframes ot-spin{to{transform:rotate(360deg);}}

  /* ===== INTRO�夐ｻ堤判髱｢ 竊� 繝ｭ繧ｴ 竊� 驥代�繝ｪ繝ｳ繧ｰ貍泌� 竊� 縺ｵ繧上▲縺ｨ繝輔ぉ繝ｼ繝� =====
     繝槭せ繧ｯ縺ｧ逕ｻ髱｢縺ｫ遨ｴ繧帝幕縺代※蜈医↓繝壹�繧ｸ繧定ｦ励°縺帙ｋ譁ｹ蠑�(蜀�ｽ｢繝�ぅ繧ｾ繝ｫ繝�)縺ｯ
     繧�ａ縲∝ｮ悟�縺ｫ2谿ｵ髫弱〒鬆�分縺ｫ隕九○繧区ｧ区�縺ｫ縺吶ｋ縲�
     竭�鮟堤判髱｢縺ｮ荳翫〒驥代�繝ｪ繝ｳ繧ｰ縺�縺代′蜊倡峡縺ｫ諡｡螟ｧ繝ｻ豸域ｻ�☆繧�(閭梧勹縺ｯ譛€蠕後∪縺ｧ
       螳悟�縺ｪ鮟偵�縺ｾ縺ｾ縲ゅ�繝ｼ繧ｸ縺ｯ荳€蛻�ｦ九∴縺ｪ縺�)縲�
     竭｡繝ｪ繝ｳ繧ｰ縺梧ｶ医∴縺溷ｾ後€�.ot-intro蜈ｨ菴�(鮟定レ譎ｯ縺斐→)縺悟插荳€縺ｪopacity縺ｧ
       縺ｵ繧上▲縺ｨ繝輔ぉ繝ｼ繝峨＠縲∝�繧√※繝壹�繧ｸ縺瑚ｦ九∴繧九€ゅ�繧ｹ繧ｯ縺ｯ菴ｿ繧上↑縺�◆繧�
       蠖｢縺ｯ蜀�〒縺ｯ縺ｪ縺上€∫判髱｢蜈ｨ菴薙′蝮�ｭ峨↓騾上￠縺ｦ縺�￥縲� */
  html.ot-intro-lock,html.ot-intro-lock body{overflow:hidden;height:100%;}
  .ot-visually-hidden{position:absolute;width:0;height:0;overflow:hidden;}
  .ot-intro{
    position:fixed;inset:0;z-index:9000;
    background:#000;
    display:flex;align-items:center;justify-content:center;
    /* 竭�繝ｪ繝ｳ繧ｰ(1.9s)縺後∪縺�縺励▲縺九ｊ隕九∴縺ｦ縺�ｋ谿ｵ髫弱°繧俄贈縺ｮ蜈ｨ菴薙ヵ繧ｧ繝ｼ繝峨ｒ
       驥阪�縺ｦ髢句ｧ九☆繧�(驥阪↑繧区凾髢薙ｒ1遘堤｢ｺ菫�)縲ゅΜ繝ｳ繧ｰ縺梧ｶ医∴蛻�ｋ蜑阪↓逕ｻ髱｢縺ｮ
       繝輔ぉ繝ｼ繝峨ｂ蜊∝�騾ｲ縺ｿ蟋九ａ縺ｦ縺�ｋ縺溘ａ縲√€後Μ繝ｳ繧ｰ縺梧ｶ医∴繧銀�髢薙′遨ｺ縺鞘�
       逕ｻ髱｢縺悟､峨ｏ繧九€阪→縺�≧騾泌�繧後◆蜊ｰ雎｡縺ｫ縺ｪ繧峨★縲√�縺ｨ邯壹″縺ｮ蜍輔″縺ｫ隕九∴繧九€�
       is-leaving縺ｯ縲√Μ繝ｳ繧ｰ縺ｮ蜀咲函縺ｨ蜷梧凾縺ｫJS縺九ｉ莉倅ｸ弱＆繧後ｋ
       (top0728.js蜿ら�)縲� */
    opacity:1;
    transition:opacity 1.6s ease .9s;
  }
  .ot-intro.is-hidden{display:none;}
  .ot-intro.is-leaving{opacity:0;}
  .ot-intro-logo{
    width:min(56vw,265px);height:auto;
    position:relative;top:-20px;
    opacity:0;
    transform:translateY(14px);
    transition:opacity 1.2s cubic-bezier(.16,1,.3,1), transform 1.2s cubic-bezier(.16,1,.3,1);
  }
  .ot-intro-logo path{fill:#fff;}
  .ot-intro.is-shown .ot-intro-logo{opacity:1;transform:translateY(0);}
  .ot-intro.is-leaving .ot-intro-logo{opacity:0;transition:opacity .6s ease;}

  /* 竭�鮟堤判髱｢縺ｮ荳翫□縺代〒螳檎ｵ舌☆繧九€�≡縺ｮ霈ｪ縺ｮ貍泌�縲Ｊs-leaving縺ｨ蜷梧凾縺ｫ
     荳€蠎ｦ縺�縺大�逕溘＠縲�10px竊堤判髱｢繧定ｦ�＞蟆ｽ縺上☆螟ｧ縺阪＆縺ｾ縺ｧ蠎�′繧翫↑縺後ｉ
     繝輔ぉ繝ｼ繝峨い繧ｦ繝医☆繧�(縺薙�譎らせ縺ｧ縺ｯ閭梧勹縺ｮ鮟偵�荳€蛻�€上￠縺ｪ縺�)縲�
     邱壹ｒ2px縺ｫ螟ｪ縺上＠縲∽ｸ埼€乗�蠎ｦ繧るｫ倥ａ縲∵ｷ｡縺�匱蜈�(box-shadow)繧定ｶｳ縺吶％縺ｨ縺ｧ縲�
     螟ｧ縺阪￥蠎�′縺｣縺溽憾諷九〒繧りｼｪ驛ｭ縺瑚埋縺上↑繧翫☆縺弱↑縺�ｈ縺�↓縺励※縺�ｋ縲� */
  .ot-intro-ring{
    position:absolute;top:50%;left:50%;width:10px;height:10px;z-index:6;
    border:2px solid var(--gold);border-radius:50%;
    box-shadow:0 0 8px 1px rgba(189,161,107,.55);
    transform:translate(-50%,-50%);
    opacity:0;pointer-events:none;
  }
  .ot-intro.is-leaving .ot-intro-ring{
    animation:ot-intro-ring-grow 1.9s cubic-bezier(.65,0,.35,1) forwards;
  }
  @keyframes ot-intro-ring-grow{
    0%{width:10px;height:10px;opacity:1;}
    70%{opacity:.55;}
    100%{width:220vmax;height:220vmax;opacity:0;}
  }

  .ot-intro-skip{
    position:absolute;right:20px;bottom:30px;z-index:2;
    padding:6px 14px;
    border:1px solid rgba(255,255,255,.35);
    background:rgba(255,255,255,.05);
    color:rgba(255,255,255,.75);font-size:9.5px;letter-spacing:.14em;font-weight:500;
    opacity:0;transition:opacity .3s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .ot-intro.show-skip .ot-intro-skip{opacity:1;}
  .ot-intro.is-leaving .ot-intro-skip{opacity:0;pointer-events:none;}
  .ot-intro-skip:active{transform:scale(.94);}

  /* ===== 繝倥ャ繝€繝ｼ�啜OP繝壹�繧ｸ縺ｮ鮟堤判髱｢荳ｭ縺ｯ髫�縺� =====
     繝倥ャ繝€繝ｼ譛ｬ菴�(header.tpl/pc_header.css/pc_header.js)縺ｯ邱ｨ髮�ｦ∵ｭ｢縺ｮ縺溘ａ縲�
     縺薙％(top.css/top.js)縺�縺代〒螳檎ｵ舌＆縺帙ｋ縲Ｉeader.tpl縺ｮ#btc_main-header縺ｯ
     z-index:9999繝ｻ閭梧勹騾乗�縺ｧ縲�.ot-intro(z-index:9000)繧医ｊ謇句燕縺ｫ蟶ｸ譎�
     蝗ｺ螳夊｡ｨ遉ｺ縺輔ｌ縺ｦ縺翫ｊ縲∫區譁�ｭ励′鮟堤判髱｢縺ｮ荳翫°繧峨★縺｣縺ｨ隕九∴縺ｦ縺励∪縺｣縺ｦ縺�◆縲�
     body:has(#ot-intro)縺ｧTOP繝壹�繧ｸ(#ot-intro縺悟ｭ伜惠縺吶ｋ繝壹�繧ｸ)縺ｫ縺ｮ縺ｿ
     邨槭ｊ霎ｼ縺ｿ縲∽ｻ悶�繝ｼ繧ｸ縺ｮ繝倥ャ繝€繝ｼ陦ｨ遉ｺ縺ｫ縺ｯ荳€蛻�ｽｱ髻ｿ縺励↑縺�€� */
  body:has(#ot-intro) #btc_main-header{
    opacity:0;pointer-events:none;
    transition:opacity .6s ease;
  }
  body:has(#ot-intro) #btc_main-header.ot-header-revealed{
    opacity:1;pointer-events:auto;
  }

  /* .ot-hero縺ｯ騾壼ｸｸ繝輔Ο繝ｼ隕∫ｴ�縲ゆｸｭ縺ｮ逕ｻ蜒上�.ot-bottom-group縺ｯposition:
     absolute縺ｧ鬮倥＆縺ｫ蟇�ｸ弱＠縺ｪ縺�◆繧√€［in-height縺ｧ譛€蛻昴�1逕ｻ髱｢蛻��
     繧ｹ繝壹�繧ｹ繧堤｢ｺ菫昴＠縲∝ｾ檎ｶ壹そ繧ｯ繧ｷ繝ｧ繝ｳ縺梧ｭ｣縺励＞菴咲ｽｮ縺ｫ豬√ｌ繧九ｈ縺�↓縺吶ｋ縲� */
  .ot-hero{position:relative;min-height:100vh;}

  /* ===== TOP逕ｻ蜒上≠縺励ｉ縺�ｼ�3譫壹′驥阪↑繧倶ｸｭ螟ｮ縺ｫ驟咲ｽｮ縺吶ｋ邵ｦ髟ｷ縺ｮ髟ｷ譁ｹ蠖｢ =====
     逕ｻ蜒上�隕句�縺励�邵ｦ縺ｮ髢馴囈縺ｯ縲∫判髱｢縺御ｽ弱＞讖溽ｨｮ(iPhone SE遲�)縲憺ｫ倥＞讖溽ｨｮ
     (Pro Max遲�)縺ｾ縺ｧ縲�67vh縲�95vh(螳滓ｩ溘�鬮倥＆縺ｮ縺翫♀繧医◎縺ｮ螳溽畑繝ｬ繝ｳ繧ｸ)縺ｮ髢薙〒
     clamp()縺ｫ繧医ｊ騾｣邯夂噪縺ｫ繧ｹ繧ｱ繝ｼ繝ｫ縺吶ｋ縲�
     67vh(竕�667px)譎らせ縺ｧ譌ｧ繝ｻ菴刺eight迚医�蛟､縲�95vh(竕�950px)譎らせ縺ｧ譌ｧ迚医ｈ繧�
     荳€蝗槭ｊ蠎�￡縺溷€､縺ｫ縺ｪ繧九ｈ縺�ｨ育ｮ励＠縺�1谺｡蠑上€� */
  .ot-top-accent{
    /* 蠎戊ｾｺ(top+height)縺ｯ螟峨∴縺壹€∽ｸ顔ｫｯ繧�30px荳九￡縺ｦ鬮倥＆繧�30px遏ｭ縺上☆繧� */
    top:clamp(100px, calc(11.30vh + 24.63px), 132px);
    position:absolute;left:50%;
    transform:translateX(-50%);
    width:calc(15vw + 20px);max-width:110px;min-width:72px;
    height:clamp(350px, calc(45.20vh + 48.45px), 478px);
    background:#f6f7f8;
    z-index:-1; /* 3譫壹�逕ｻ蜒上ｈ繧願レ髱｢ */
    opacity:0;
    transition:opacity 1s ease;
  }
  .ot-top-accent.is-in{opacity:1;}

  /* ===== TOP逕ｻ蜒擾ｼ医�繝�ム繝ｼ荳九�蜿ｳ蟇�○�� =====
     top縺ｯ繝倥ャ繝€繝ｼ縺ｨ縺ｮ髢馴囈繧剃ｿ昴▽縺溘ａ蟶ｸ縺ｫ92px蝗ｺ螳�(鬮倥＆縺ｫ髢｢繧上ｉ縺壼､峨∴縺ｪ縺�)縲� */
  .ot-top-image{
    position:absolute;top:92px;right:0;z-index:1;
    width:47.5vw;max-width:285px;
  }
  .ot-top-image img{width:100%;height:auto;display:block;}
  /* PC迚茨ｼ噎_top1_pc.png縺ｯ蟷�360px蝗ｺ螳�(鬮倥＆縺ｯ逕ｻ蜒淑mg蛛ｴ縺ｮheight:auto縺ｧ
     邵ｦ讓ｪ豈斐ｒ邯ｭ謖�)縲∽ｸ願ｾｺ繧偵�繝ｼ繧ｸ(.ot-hero)譛€荳企Κ縺ｫ繝斐ャ繧ｿ繝ｪ蜷医ｏ縺帙ｋ縲�
     蟾ｦ遶ｯ縺ｮ蝗ｺ螳壻ｽ咲ｽｮ縺ｯ縲∝､画峩蜑阪�蜈��蟷�285px(right:0蝓ｺ貅�)譎らせ縺ｮ蟾ｦ遶ｯ蠎ｧ讓�
     縺九ｉ邂怜�縺吶ｋ(蜑榊屓333px譎らせ繧貞渕貅悶↓縺励※縺励∪縺�€�285竊�333縺ｮ譎らせ縺ｧ
     蜿ｳ蝓ｺ貅悶�縺ｾ縺ｾ諡｡螟ｧ縺輔ｌ縺ｦ蟾ｦ縺ｫ48px縺壹ｌ縺ｦ縺�◆蛻�ｒ蠑輔″縺壹▲縺ｦ縺�◆縺溘ａ縲�
     縺薙％縺ｧ譛ｬ譚･縺ｮ285px蝓ｺ貅悶↓菫ｮ豁｣)縲ょ承蝓ｺ貅�(right)縺九ｉ蟾ｦ蝓ｺ貅�(left)縺ｫ
     蛻�ｊ譖ｿ縺医€∽ｸ翫�蟾ｦ繧貞崋螳夂せ縺ｫ諡｡螟ｧ縺励€∝承縺ｫ縺ｯ縺ｿ蜃ｺ縺吶�縺ｯ險ｱ螳ｹ縺吶ｋ縲� */
  @media (min-width:768px){
    /* x_top3_pc.png(top:-40px縲∝ｮ溷ｯｸ1237x595竊貞ｹ�620px譎ゅ�鬮倥＆298.2px)縺ｮ
       荳狗ｫｯ(258.2px)縺九ｉ20px驥阪↑繧倶ｽ咲ｽｮ(238.2px)縺ｫ蝗ｺ螳壹☆繧九€� */
    .ot-top-image{top:238.2px;left:calc(100% - 225px);right:auto;width:360px;max-width:360px;}
  }

  /* ===== TOP逕ｻ蜒�2��x_top_1繧医ｊ荳九�蟾ｦ遶ｯ�� ===== */
  .ot-top-image2{
    position:absolute;
    top:clamp(92px, calc(33.90vh - 134.10px), 188px);
    left:0;z-index:1;
    width:42vw;max-width:252px;
  }
  .ot-top-image2 img{width:100%;height:auto;display:block;}
  /* PC迚茨ｼ噎_top2_pc.png繧貞ｹ�1035px(鬮倥＆縺ｯimg蛛ｴ縺ｮheight:auto縺ｧ邵ｦ讓ｪ豈斐ｒ
     邯ｭ謖�)縺ｫ諡｡螟ｧ縺励€∝承霎ｺ繧堤判髱｢荳ｭ螟ｮ驟咲ｽｮ縺ｮ隕句�縺励€御ｺｺ逕溘↓逵溘�霄榊虚繧偵€阪°繧�
     荳€螳壹�菴咏區繧堤ｩｺ縺代※驟咲ｽｮ縺吶ｋ縲ゅ％縺ｮ菴咏區縺ｯ縲』_top3_pc.png縺ｮ蟾ｦ霎ｺ縺ｨ
     縲瑚ｚ�医�繧会ｼ峨�蜉帙ｒ鬮倥ａ縲阪�髢薙�菴咏區縺ｨ謠�∴繧区欠遉ｺ縺ｮ縺溘ａ縲∽ｻ･荳九�蟇ｾ遘ｰ諤ｧ
     縺九ｉ邂怜�縺吶ｋ�夊ｦ句�縺励ヶ繝ｭ繝�け縺ｯ.ot-hero荳ｭ螟ｮ(50%)繧定ｻｸ縺ｫ蟾ｦ蜿ｳ蟇ｾ遘ｰ
     (h1縺悟承繧ｫ繝ｩ繝�縲”2縺悟ｷｦ繧ｫ繝ｩ繝�)縲』_top3縺ｮ蟾ｦ霎ｺ縺ｯcalc(50% + 195px)縲�
     隕句�縺励�螳滄圀縺ｮ謠冗判蟷�ｒN縺ｨ縺吶ｋ縺ｨ縲”1蜿ｳ遶ｯ縺ｯ50%+N縲』_top3縺ｨ縺ｮgap縺ｯ
     195-N縲ょｯｾ遘ｰ菴咲ｽｮ縺ｮx_top2蜿ｳ霎ｺ縺ｯ50%-N-(195-N)=50%-195縺ｨ縺ｪ繧翫€¨縺�
     豸医∴繧九◆繧∬ｦ句�縺怜ｹ�ｒ遏･繧峨↑縺上※繧ょ宍蟇�↓荳€閾ｴ縺吶ｋ(1280px莉･荳翫�遽�峇縲�
     768縲�1279px縺ｯx_top3縺悟挨蝓ｺ貅�(100%-285px)縺ｮ縺溘ａ霑台ｼｼ蛟､)縲� */
  @media (min-width:768px){
    /* 蜿ｳ霎ｺ繝ｻ荳願ｾｺ繧貞崋螳夂せ縺ｫ縺吶ｋ縲Ｕop縺ｯ蜈�€�ｽｿ繧上ｌ縺ｦ縺�◆clamp()縺ｮ蠑上↓
       謌ｻ縺�(諡｡螟ｧ蜑阪°繧我ｸ榊､峨�蛟､)縲『idth繧�750pxﾃ�0.85=637.5px縺ｫ縺励※
       鬮倥＆繧ょ酔邇�〒15%邵ｮ蟆上☆繧�(height:auto縺ｧ邵ｦ讓ｪ豈皮ｶｭ謖�)縲� */
    .ot-top-image2{
      left:auto;right:calc(50% - 195px);
      width:637.5px;max-width:637.5px;
      top:clamp(92px, calc(33.90vh - 134.10px), 188px);
    }
  }

  /* ===== TOP逕ｻ蜒�3��x_top_2縺ｮ荳�30px縺ｫ驥阪�繧九�蜿ｳ霎ｺ縺ｯx_top_1縺ｮ蟾ｦ霎ｺ縺ｫ蜷医ｏ縺帙ｋ�� ===== */
  .ot-top-image3{
    position:absolute;
    /* x_top_2(蟷�42vw, 邵ｦ讓ｪ豈�2000/1284)縺ｮ荳狗ｫｯ縺九ｉ30px荳� */
    top:calc(clamp(62px, calc(33.90vh - 164.10px), 158px) + 65.42vw);
    /* x_top_1(蟷�47.5vw/荳企剞285px)縺ｮ蟾ｦ霎ｺ縺九ｉ縺輔ｉ縺ｫ15px蟾ｦ */
    right:min(calc(47.5vw + 15px), 300px);
    width:31.5vw;max-width:189px;
    z-index:0; /* x_top_2縺ｮ荳九↓貎懊ｊ霎ｼ縺ｾ縺帙ｋ */
  }
  .ot-top-image3 img{width:100%;height:auto;display:block;}
  @media (min-width:600px){
    /* x_top_2縺稽ax-width:252px縺ｧ鬆ｭ謇薙■縺ｫ縺ｪ縺｣縺溷ｾ後�鬮倥＆(392.52px)繧貞刈邂� */
    .ot-top-image3{top:calc(clamp(62px, calc(33.90vh - 164.10px), 158px) + 392.52px);}
  }
  /* PC迚茨ｼ噎_top3_pc.png縺ｮ蟾ｦ霎ｺ繧遅_top1_pc.png縺ｮleft蛟､縺ｫ謠�∴縲∝ｹ�620px
     (鬮倥＆縺ｯimg蛛ｴ縺ｮheight:auto縺ｧ邵ｦ讓ｪ豈斐ｒ邯ｭ謖�)縺ｫ諡｡螟ｧ縺吶ｋ縲ょ承縺ｫ縺ｯ縺ｿ蜃ｺ縺�
     縺ｮ縺ｯ險ｱ螳ｹ(right蝓ｺ貅悶°繧瑛eft蝓ｺ貅悶↓蛻�ｊ譖ｿ縺�)縲ゅ＆繧峨↓蜈��top蛟､(600px
     莉･荳翫� calc(...+392.52px))縺九ｉ50px蠑輔＞縺ｦ荳翫↓荳翫￡繧九€� */
  @media (min-width:768px){
    .ot-top-image3{
      left:calc(100% - 285px);right:auto;width:620px;max-width:620px;
      top:-40px;
    }
  }
  @media (min-width:1280px){
    /* 3譫壹→繧ら判髱｢遶ｯ(right:0/left:0)縺ｫ莉倥＞縺ｦ縺�◆縺溘ａ縲�.ot-container縺ｨ蜷後§
       960px蟷�ｒ蝓ｺ貅悶↓逕ｻ髱｢遶ｯ縺九ｉ繧､繝ｳ繧ｻ繝�ヨ縺吶ｋ��1280px譎らせ縺ｧ160px縲∽ｻ･髯阪�
       繝薙Η繝ｼ繝昴�繝医′蠎�′繧九⊇縺ｩ豈比ｾ九＠縺ｦ菴咏區縺悟｢励∴繧具ｼ� */
    /* 蜈��蟷�285px譎らせ縺ｧright:calc(50% - 480px)縺�縺｣縺滉ｽ咲ｽｮ繧値eft謠帷ｮ�
       (100% - (50% - 480px) - 285px = 50% + 195px)縺ｫ蝗ｺ螳壹☆繧� */
    .ot-top-image{left:calc(50% + 255px);}
    /* x_top2_pc.png縺ｯright:calc(50% - 195px)(768px+繝悶Ο繝�け)繧�1280px
       莉･荳翫〒繧ゅ◎縺ｮ縺ｾ縺ｾ菴ｿ縺�(隕句�縺励→縺ｮ蟇ｾ遘ｰ諤ｧ縺悟宍蟇�↓謌舌ｊ遶九▽縺ｮ縺ｯ縺薙�
       遽�峇)縲よ立譚･縺ｮleft:calc(50% - 480px)縺ｯright縺ｨ遶ｶ蜷医☆繧九◆繧∝炎髯､縲� */
    /* x_top1_pc.png縺ｮleft蛟､縺ｨ謠�∴繧� */
    .ot-top-image3{left:calc(50% + 195px);}
  }

  /* ===== 逕ｻ髱｢縺ｮ菴弱＞遶ｯ譛ｫ(iPhone SE縺ｪ縺ｩ)蜷代￠縺ｮ蟷�悸邵ｮ =====
     邵ｦ縺ｮ髢馴囈縺ｯ荳願ｨ歪lamp()縺ｧ騾｣邯夂噪縺ｫ蟇ｾ蠢懈ｸ医∩縺ｪ縺ｮ縺ｧ縲√％縺薙〒縺ｯ逕ｻ髱｢蟷�婿蜷代�
     蝨ｧ邵ｮ(逕ｻ蜒上ｒ蟆代＠蟆上＆縺上☆繧�)縺ｮ縺ｿ謇ｱ縺�€�
     窶ｻ x_top_1縺ｯ繝倥ャ繝€繝ｼ縺ｨ縺ｮ髢馴囈(top:92px)繧剃ｿ昴※繧狗ｯ�峇縺ｧ縲∝�縺ｮ繧ｵ繧､繧ｺ
       (47.5vw)縺ｫ縺ｯ謌ｻ縺輔★縲�39.9vw縺ｾ縺ｧ螟ｧ縺阪￥縺吶ｋ(縺昴ｌ莉･荳翫□縺ｨ隕句�縺励′
       逕ｻ髱｢荳九°繧峨�縺ｿ蜃ｺ縺�)縲Ｙ_top_3縺ｯ蜈��繧ｵ繧､繧ｺ縺ｮ縺ｾ縺ｾ縲� */
  @media (max-height:760px){
    .ot-top-image{width:39.9vw;max-width:239px;}
    .ot-top-image3{
      right:min(calc(39.9vw + 15px), 254px); /* x_top_1(蟷�39.9vw)縺ｮ蟾ｦ霎ｺ縺九ｉ縺輔ｉ縺ｫ15px蟾ｦ */
    }
    /* x_top_2繧担E縺ｮ縺ｿ10%邵ｮ蟆上€ょｺ戊ｾｺ(top+height)縺ｯ螟峨∴縺壹€�ｫ倥＆縺�
       10%貂帙▲縺溷�(=蜈��鬮倥＆縺ｮ65.42vwﾃ�10%=6.542vw)縺�縺奏op繧剃ｸ九￡繧九€� */
    .ot-top-image2{
      width:37.8vw;max-width:227px;
      top:calc(clamp(92px, calc(33.90vh - 134.10px), 188px) + 6.542vw);
    }
    /* 繧ｰ繝ｬ繝ｼ縺ｮ閭梧勹縺ｮ髟ｷ譁ｹ蠖｢繧担E縺ｮ縺ｿ讓ｪ蟷�+20px(left:50%荳ｭ螟ｮ謠�∴縺ｪ縺ｮ縺ｧ
       荳ｭ蠢�ｽ咲ｽｮ縺ｯ螟峨ｏ繧峨↑縺�)縲る聞縺輔�荳企Κ(top)縺ｯ螟峨∴縺壹€�+20px-30px縺ｧ
       豁｣蜻ｳ10px遏ｭ縺�(荳矩Κ蛻�ｒ繧ｫ繝�ヨ)縲� */
    .ot-top-accent{
      width:calc(15vw + 40px);max-width:130px;min-width:92px;
      height:calc(clamp(350px, calc(45.20vh + 48.45px), 478px) - 10px);
    }
  }

  /* ===== PC蟷�〒縺ｯ逕ｻ髱｢縺ｮ鬮倥＆縺ｫ髢｢繧上ｉ縺啀C繧ｵ繧､繧ｺ繧堤ｶｭ謖� =====
     荳翫�縲檎判髱｢縺ｮ菴弱＞遶ｯ譛ｫ(iPhone SE縺ｪ縺ｩ)蜷代￠縲阪ヶ繝ｭ繝�け縺ｯmax-height:760px
     縺ｮ縺ｿ縺ｧ蛻､螳壹＠縺ｦ縺翫ｊ縲∝ｹ�〒縺ｯ縺ｪ縺城ｫ倥＆縺�縺代〒逋ｺ蜍輔☆繧九€ゅ◎縺ｮ縺溘ａ繝弱�繝�PC
     縺ｪ縺ｩ鬮倥＆縺ｮ菴弱＞PC逕ｻ髱｢(min-width:768px莉･荳翫□縺稽ax-height:760px莉･荳�)
     縺ｧ繧りｪ､縺｣縺ｦ逋ｺ蜍輔＠縲』_top1/2/3縺ｮPC逕ｨ繧ｵ繧､繧ｺ縺悟�縺ｮ蟆上＆縺�し繧､繧ｺ縺ｫ
     謌ｻ縺｣縺ｦ縺励∪縺｣縺ｦ縺�◆縲ゅ％縺薙〒PC蟷��蝣ｴ蜷医�PC逕ｨ縺ｮ蛟､繧貞�蠎ｦ荳頑嶌縺阪☆繧�
     (縺薙�繝悶Ο繝�け縺ｯ荳翫�max-height:760px繝悶Ο繝�け繧医ｊ蠕後↓鄂ｮ縺上％縺ｨ縺ｧ
     繧ｫ繧ｹ繧ｱ繝ｼ繝峨〒遒ｺ螳溘↓蜍昴◆縺帙ｋ)縲� */
  @media (min-width:768px) and (max-height:760px){
    .ot-top-image{width:360px;max-width:360px;top:238.2px;}
    .ot-top-image2{
      width:637.5px;max-width:637.5px;
      top:clamp(92px, calc(33.90vh - 134.10px), 188px);
    }
    .ot-top-image3{
      right:auto;
      width:620px;max-width:620px;
      top:-40px;
    }
  }

  /* ===== 繧ｿ繝悶Ξ繝�ヨ(768縲�1279px)�啜OP逕ｻ蜒�3譫壹ｒPC驟咲ｽｮ縺ｮ豈比ｾ狗ｸｮ蟆上→縺励※險育ｮ� =====
     荳願ｨ倥�768px+繝悶Ο繝�け縺ｯPC(1280px莉･荳�)蟆ら畑縺ｮ蝗ｺ螳嗔x蛟､(width:360/637.5/620px縲�
     left/right:50%ﾂｱ195px繝ｻ255px)縺ｧ縺ゅｊ縲�768縲�1279px縺ｮ迢ｭ縺�判髱｢縺ｧ縺昴�縺ｾ縺ｾ菴ｿ縺�→
     逕ｻ髱｢遶ｯ縺九ｉ螟ｧ縺阪￥縺ｯ縺ｿ蜃ｺ縺励※縺�◆(隕九ｋ迺ｰ蠅�↓繧医▲縺ｦ驟咲ｽｮ縺後ヰ繝ｩ繝舌Λ縺ｫ隕九∴縺ｦ縺�◆
     蜴溷屏)縲ゅ％縺薙〒縺ｯ蜷�€､繧偵€�1280px譎らせ縺ｧPC縺ｮ蝗ｺ螳嗔x蛟､縺ｨ蜴ｳ蟇�↓荳€閾ｴ縺吶ｋ縲肴ｯ比ｾ句ｼ�
     (vw)縺ｫ鄂ｮ縺肴鋤縺医€�768縲�1279px縺ｮ髢薙〒縺ｯ縺ｿ蜃ｺ縺励↑縺城€｣邯夂噪縺ｫ繧ｹ繧ｱ繝ｼ繝ｫ縺輔○繧九€�
     縺薙�繝悶Ο繝�け縺ｯ荳願ｨ�2縺､縺ｮ768px繝悶Ο繝�け繧医ｊ蠕後↓鄂ｮ縺上％縺ｨ縺ｧ縲�768縲�1279px縺ｮ
     遽�峇縺�縺醍｢ｺ螳溘↓縺薙■繧峨ｒ蜆ｪ蜈医＆縺帙ｋ(1280px莉･荳翫�縺薙�繝悶Ο繝�け縺ｮ蟇ｾ雎｡螟悶↑縺ｮ縺ｧ
     荳願ｨ倥�PC逕ｨ蝗ｺ螳嗔x蛟､縺後◎縺ｮ縺ｾ縺ｾ菴ｿ繧上ｌ繧�)縲� */
  @media (min-width:768px) and (max-width:1279px){
    .ot-top-image{
      /* 360px(1280px譎らせ縺ｮ逶ｮ讓吝ｹ�)ﾃｷ1280=28.125vw */
      width:28.125vw;
      /* 50%+255px(PC譎らせ縺ｮ菴咲ｽｮ)縺ｮ255px繧�255ﾃｷ1280=19.921875vw縺ｫ謠帷ｮ励€�
         1280px縺｡繧�≧縺ｩ縺ｧPC縺ｮcalc(50% + 255px)縺ｨ螳悟�縺ｫ荳€閾ｴ縺吶ｋ */
      left:calc(50% + 19.921875vw);right:auto;
      /* image3縺ｮ荳狗ｫｯ(top:-40px+縺昴�譎らせ縺ｮ鬮倥＆)縺九ｉ20px驥阪↑繧倶ｽ咲ｽｮ繧堤ｶｭ謖√☆繧九€�
         image3縺ｮ鬮倥＆縺ｯ蟷�(48.4375vw)ﾃ励い繧ｹ繝壹け繝域ｯ�595/1237縺ｧ豎ｺ縺ｾ繧九◆繧√€�
         蜷後§豈皮紫(23.2985vw)縺ｧ險育ｮ励＠縲�1280px縺｡繧�≧縺ｩ縺ｧPC縺ｮ238.2px縺ｨ荳€閾ｴ縺輔○繧九€�
         縺昴�菴咲ｽｮ縺九ｉ100px荳九￡縲�60px荳九￡縲√＆繧峨↓60px荳九￡繧区欠遉ｺ縺ｮ縺溘ａ
         蜷郁ｨ�+220px縺吶ｋ */
      top:calc(23.2985vw - 60px + 220px);
    }
    .ot-top-image2{
      /* 637.5px(1280px譎らせ縺ｮ逶ｮ讓吝ｹ�)ﾃｷ1280=49.8046875vw繧偵€�10%邵ｮ蟆�(ﾃ�0.9=
         44.82421875vw)縺励◆蠕後€√＆繧峨↓10%邵ｮ蟆上☆繧区欠遉ｺ縺ｮ縺溘ａ
         ﾃ�0.9=40.341796875vw */
      width:40.341796875vw;
      /* 195px(PC譎らせ縺ｮright offset)繧�195ﾃｷ1280=15.234375vw縺ｫ謠帷ｮ励€�
         image3蛛ｴ縺ｮleft offset縺ｨ蜷後§菫よ焚縺ｫ縺吶ｋ縺薙→縺ｧ縲�768縲�1279px縺ｮ髢薙ｂ
         隕句�縺励ｒ謖溘ｓ縺�蟾ｦ蜿ｳ蟇ｾ遘ｰ縺ｮ菴咏區繧剃ｿ昴▽(蜿ｳ霎ｺ蝗ｺ螳壹�縺溘ａ邵ｮ蟆丞ｾ後ｂ縺薙�
         蛟､縺ｮ縺ｾ縺ｾ螟画峩縺励↑縺�) */
      right:calc(50% - 15.234375vw);
      /* 逕ｻ蜒剰�菴薙�鬮倥＆縺ｮ蜊雁�縺�縺台ｸ九￡繧区欠遉ｺ縺�縺｣縺溘′縲∽ｸ九￡縺吶℃縺ｨ縺ｮ縺薙→縺ｧ
         縺昴�縺輔ｉ縺ｫ蜊雁�(19.3944vw=38.7887vw縺ｮ蜊雁�)荳翫￡縲∵ｭ｣蜻ｳ縺ｧ鬮倥＆縺ｮ
         1/4(19.3944vw)縺�縺台ｸ九￡縺溽憾諷九↓縺励※縺�◆縺後€�50px荳翫￡縲√＆繧峨↓
         50px荳翫￡繧区欠遉ｺ縺ｮ縺溘ａ蜷郁ｨ�-100px縺吶ｋ */
      top:calc(clamp(92px, calc(33.90vh - 134.10px), 188px) + 19.3944vw - 100px);
    }
    .ot-top-image3{
      /* 620px(1280px譎らせ縺ｮ逶ｮ讓吝ｹ�)ﾃｷ1280=48.4375vw */
      width:48.4375vw;
      /* 50%+195px(PC譎らせ縺ｮ菴咲ｽｮ)縺ｮ195px繧�195ﾃｷ1280=15.234375vw縺ｫ謠帷ｮ� */
      left:calc(50% + 15.234375vw);right:auto;
      /* 荳願ｨ�768px繝悶Ο繝�け縺ｮtop:-40px縺九ｉ100px荳九￡縺ｦ60px縺ｫ縺励◆蠕後€�
         250px荳翫￡縺ｦ-190px縺ｫ縺励◆縺後€∽ｸ翫￡縺吶℃縺ｨ縺ｮ縺薙→縺ｧ100px荳九￡謌ｻ縺�
         -90px縺ｫ縺励€√＆繧峨↓60px荳九￡繧区欠遉ｺ縺ｮ縺溘ａ-30px縺ｫ縺吶ｋ */
      top:-30px;
    }
  }

  /* ===== TOP逕ｻ蜒上�逋ｻ蝣ｴ繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ�壽囓霆｢縺梧�縺代※縺九ｉ縲√◎繧後◇繧後�霎ｺ縺九ｉ繧ｹ繝ｩ繧､繝峨う繝ｳ ===== */
  .ot-top-image,.ot-top-image2,.ot-top-image3{
    opacity:0;
    /* .16,1,.3,1 縺ｯ蠎冗乢縺ｧ荳€豌励↓蜉�騾溘☆繧句ｼｷ縺�う繝ｼ繧ｺ繧｢繧ｦ繝医〒縲∝虚縺阪′繧�ｄ
       繧ｫ繧ｯ縺､縺�※隕九∴繧九€ゅ％縺薙〒縺ｯ繧�ｋ繧�°縺ｫ貂幃€溘☆繧狗ｩ上ｄ縺九↑譖ｲ邱壹↓螟画峩縺励€�
       opacity縺ｯtransform繧医ｊ遏ｭ繧√↓縺励※蜈医↓鬥ｴ譟薙∪縺帙ｋ縺薙→縺ｧ
       縲後☆縺｣縺ｨ蜿弱∪繧九€肴ｻ代ｉ縺九＆繧貞�縺吶€� */
    transition:opacity .7s cubic-bezier(.33,1,.68,1), transform 1s cubic-bezier(.22,.61,.36,1);
  }
  .ot-top-image{transform:translateX(44px);}   /* 蜿ｳ遶ｯ縺九ｉ */
  .ot-top-image2{transform:translateX(-44px);} /* 蟾ｦ遶ｯ縺九ｉ */
  .ot-top-image3{transform:translateY(36px);}  /* 荳九°繧� */
  .ot-top-image.is-shown,.ot-top-image2.is-shown,.ot-top-image3.is-shown{
    opacity:1;transform:translate(0,0);
  }

  /* ===== 蠎乗枚縺ｮ逋ｻ蝣ｴ繧ｷ繝ｼ繧ｱ繝ｳ繧ｹ�夊ｦ句�縺�1竊定ｦ句�縺�2竊�(逕ｻ蜒�1竊�2竊�3)竊呈悽譁�+MESSAGE縺ｮ鬆� ===== */
  .ot-seq{
    opacity:0;
    transform:translateY(16px);
    transition:opacity .7s cubic-bezier(.33,1,.68,1), transform .7s cubic-bezier(.22,.61,.36,1);
  }
  .ot-seq.is-in{opacity:1;transform:translateY(0);}
  /* 縲瑚ｚ�医�繧会ｼ峨�蜉帙ｒ鬮倥ａ縲√€阪€御ｺｺ逕溘↓逵溘�霄榊虚繧偵€ゅ€阪�縲√§繧上▲縺ｨ貊ｲ繧€繧医≧縺ｫ
     譎る俣繧偵°縺代※迴ｾ繧後ｋ驥榊字縺ｪ蜍輔″縺ｫ縺吶ｋ縲Ｐpacity/transform縺ｫ蜉�縺医※
     blur繧ょ酔譎ゅ↓鬥ｴ譟薙∪縺帙ｋ縺薙→縺ｧ縲∬ｼｪ驛ｭ縺後ｆ縺｣縺上ｊ螳壹∪縺｣縺ｦ縺�￥菴咎渊繧貞�縺吶€�
     窶ｻ ID繧ｻ繝ｬ繧ｯ繧ｿ縺ｧ隧ｳ邏ｰ蠎ｦ繧剃ｸ翫￡繧九→ .ot-seq.is-in(transform:translateY(0))縺ｫ
       蜍昴▲縺ｦ縺励∪縺�€∬｡ｨ遉ｺ螳御ｺ�ｾ後ｂ菴咲ｽｮ縺後★繧後◆縺ｾ縺ｾ謌ｻ繧峨↑縺上↑繧九€�
       繧ｯ繝ｩ繧ｹ(.ot-seq--weighted/--slow)縺ｯ.ot-seq縺ｨ蜷後§隧ｳ邏ｰ蠎ｦ縺ｪ縺ｮ縺ｧ縲�
       .is-in縺ｧ豁｣縺励￥荳頑嶌縺阪＆繧後ｋ縲� */
  .ot-seq--weighted{
    transform:translateY(26px);
    filter:blur(9px);
    transition:opacity 1.6s cubic-bezier(.16,.84,.44,1),
               transform 1.6s cubic-bezier(.16,.84,.44,1),
               filter 1.6s cubic-bezier(.16,.84,.44,1);
  }
  .ot-seq--weighted.is-in{filter:blur(0);}
  .ot-seq--slow{
    transform:translateY(30px);
    filter:blur(11px);
    transition:opacity 2s cubic-bezier(.16,.84,.44,1),
               transform 2s cubic-bezier(.16,.84,.44,1),
               filter 2s cubic-bezier(.16,.84,.44,1);
  }
  .ot-seq--slow.is-in{filter:blur(0);}
  /* .ot-statement-message 縺ｯ resting opacity:.85 繧呈戟縺､縺溘ａ縲∬ｩｳ邏ｰ蠎ｦ繧�
     荳翫￡縺ｦ.ot-seq縺ｮ蛻晄悄/陦ｨ遉ｺ迥ｶ諷九ｒ蜆ｪ蜈医＆縺帙ｋ縲� */
  .ot-statement-message.ot-seq{opacity:0;}
  .ot-statement-message.ot-seq.is-in{opacity:.85;}

  /* ===== 蠎乗枚 ===== */
  /* .ot-statement縺ｯ騾壼ｸｸ譎ゅ€∫判髱｢荳狗ｫｯ繧｢繝ｳ繧ｫ繝ｼ縺ｮ.ot-bottom-group蜀�↓
     驟咲ｽｮ縺輔ｌ繧九◆繧√€∬�霄ｫ縺ｮ邵ｦ菴咲ｽｮ縺ｯ逕ｻ髱｢荳企Κ縺ｮ逕ｻ蜒上→縺ｯ辟｡髢｢菫ゅ↓縺ｪ繧�
     (padding-top縺ｮ縺ｿ縺ｧ蜀�Κ縺ｮ鬆ｭ蜃ｺ縺嶺ｽ咏區繧堤｢ｺ菫�)縲Ｑadding-bottom縺ｯ
     .ot-bottom-group縺ｮgap:30px縺後�繧ｿ繝ｳ縺ｨ縺ｮ髢馴囈繧呈球縺�◆繧�0縺ｫ縺吶ｋ縲� */
  .ot-statement{position:relative;overflow:hidden;padding:72px 0 0 36px;}
  .ot-statement .ot-container{position:relative;z-index:1;}
  .ot-statement .eyebrow{color:var(--gold);}
  .ot-statement-top{
    display:flex;align-items:center;justify-content:flex-end;
    margin-bottom:0;
    margin-top:0;
  }
  /* iPhone SE縺ｪ縺ｩ逕ｻ髱｢縺御ｽ弱＞讖溽ｨｮ繧�.ot-bottom-group縺ｮ逕ｻ髱｢荳狗ｫｯ繧｢繝ｳ繧ｫ繝ｼ縺ｯ
     邯ｭ謖√☆繧�(荳玖ｨ�.ot-bottom-group蜿ら�縲√が繝輔そ繝�ヨ縺ｮ縺ｿ10px縺ｫ)縲よ悽譁�′
     逕ｻ蜒上↓驥阪↑縺｣縺ｦ繧ゅｈ縺�→縺ｮ縺薙→縺ｪ縺ｮ縺ｧ縲∵款縺嶺ｸ九￡驥上�蛟句挨隱ｿ謨ｴ縺ｯ陦後ｏ縺ｪ縺�
     (margin-top:0縺ｮ縺ｾ縺ｾ)縲� */
  @media (max-height:760px){
    /* 繝ｼMessage/閧夲ｼ医�繧会ｼ峨�蜉帙ｒ鬮倥ａ縲�/莠ｺ逕溘↓逵溘�霄榊虚繧偵€ゅｒSE縺ｮ縺ｿ
       荳九↓30px繝ｻ蜿ｳ縺ｫ5px(justify-content:flex-end縺ｮ邨らｫｯ縺九ｉ縺輔ｉ縺ｫ
       蜿ｳ縺ｸ)縺壹ｉ縺吶€�.ot-statement-top縺ｯ逕ｻ髱｢荳狗ｫｯ繧｢繝ｳ繧ｫ繝ｼ縺ｮ.ot-bottom-group
       蜀�↓縺ゅｋ縺溘ａ縲［argin-top縺ｧ謚ｼ縺嶺ｸ九￡繧九→繝輔Ο繝ｼ縺ｮ鬮倥＆縺悟｢励∴縺ｦ
       繧｢繝ｳ繧ｫ繝ｼ險育ｮ励↓繧医ｊ荳翫↓謚ｼ縺玲綾縺輔ｌ縲∬ｦ九◆逶ｮ縺悟虚縺九↑縺�€�
       position:relative+top縺ｪ繧峨ヵ繝ｭ繝ｼ縺ｮ鬮倥＆繧貞､峨∴縺壹↓隕九◆逶ｮ縺�縺�
       縺壹ｉ縺帙ｋ縺溘ａ縲√％繧後ｒ菴ｿ縺�€� */
    .ot-statement-top{position:relative;top:30px;}
    .ot-statement-head-v{margin-right:-5px;}
  }
  .ot-statement-message{
    writing-mode:vertical-rl;text-orientation:mixed;
    font-family:'Roboto',sans-serif;
    font-size:13px;font-weight:400;letter-spacing:.22em;
    text-transform:uppercase;color:#2d2d2d;opacity:.85;
    height:max-content;
  }
  .ot-statement-head-v{display:flex;flex-direction:row-reverse;gap:2px;}
  /* flex繧ｳ繝ｳ繝�リ蜀�〒邵ｦ譖ｸ縺�(writing-mode:vertical-rl)縺ｮ蟄占ｦ∫ｴ�縺ｯ縲√ヶ繝ｩ繧ｦ繧ｶ縺�
     閾ｪ辟ｶ縺ｪ鬮倥＆(=譁�ｭ玲焚蛻��鬮倥＆)繧呈ｭ｣縺励￥邂怜�縺ｧ縺阪★縲∝�蠑溷酔螢ｫ縺ｧ蜷後§鬮倥＆縺ｫ
     謠�∴繧峨ｌ縺ｦ縺励∪縺�％縺ｨ縺後≠繧�(譁�ｭ玲焚縺悟､壹＞陦後′騾比ｸｭ縺ｧ隕句�繧後ｋ蜴溷屏)縲�
     height:max-content繧呈�遉ｺ縺励※縲∝推陦後′閾ｪ霄ｫ縺ｮ譁�ｭ鈴㍼縺ｫ蠢懊§縺滄ｫ倥＆繧�
     縺阪■繧薙→遒ｺ菫昴〒縺阪ｋ繧医≧縺ｫ縺吶ｋ縲� */
  .ot-statement-head-v p{
    writing-mode:vertical-rl;text-orientation:mixed;
    font-family:'dnp-shuei-gothic-gin-std','Noto Sans JP',sans-serif;
    font-size:28px;font-weight:700;line-height:1.6;letter-spacing:.08em;color:var(--ink);
    height:max-content;
  }
  @media (max-height:760px){
    .ot-statement-head-v p{font-size:22px;}
  }
  .ot-statement-body{margin-left:-35px;margin-top:-145px;}
  .ot-statement-body p{
    font-family:'Noto Sans JP',sans-serif;
    font-size:18px;font-weight:500;color:var(--ink);line-height:1.75;margin-bottom:6px;letter-spacing:.02em;
  }
  .ot-statement-body p:last-child{margin-bottom:0;}

  /* ===== PC迚茨ｼ夊ｦ句�縺励ｒ逕ｻ髱｢(.ot-hero)荳ｭ螟ｮ縺ｫ迢ｬ遶矩�鄂ｮ =====
     .ot-statement-top縺ｯ.ot-bottom-group(transform謖√■)縺ｮ蜀��縺ｫ縺ゅｊ縲�
     .ot-hero繧貞渕貅悶↓縺励◆荳ｭ螟ｮ驟咲ｽｮ縺後〒縺阪↑縺�◆繧√€�.ot-hero逶ｴ荳九↓隍�｣ｽ縺励◆
     .ot-statement-top-pc縺ｧ荳ｭ螟ｮ驟咲ｽｮ縺吶ｋ縲ょ�縺ｮ.ot-statement-top縺ｯ
     visibility:hidden縺ｧ隕九◆逶ｮ縺�縺第ｶ医＠縲√ヵ繝ｭ繝ｼ荳翫�鬮倥＆縺ｯ谿九☆縺薙→縺ｧ
     .ot-statement-body縺ｮmargin-top:-145px縺悟盾辣ｧ縺吶ｋ菴咲ｽｮ繧貞､峨∴縺ｪ縺�
     (譛ｬ譁��雉ｼ蜈･CTA繝懊ち繝ｳ縺ｮ菴咲ｽｮ縺ｯ迴ｾ迥ｶ邯ｭ謖�)縲� */
  .ot-statement-top-pc{display:none;}
  @media (min-width:768px){
    .ot-statement-top{visibility:hidden;}
    .ot-statement-top-pc{
      display:block;
      position:absolute;top:50%;left:50%;
      transform:translate(-50%,-50%);
      z-index:6;
    }
    .ot-statement-top-pc .ot-statement-head-v{align-items:flex-start;}
    .ot-statement-top-pc .ot-statement-head-v p{font-size:40px;}
  }
  /* 繧ｿ繝悶Ξ繝�ヨ(768縲�1279px)�夊ｦ句�縺�(逵溘ｓ荳ｭ縺ｮ2陦�)縺ｮ縲御ｸ顔ｫｯ縲阪ｒ逕ｻ髱｢荳ｭ螟ｮ繧医ｊ
     250px荳翫↓縺吶ｋ縲ゆｸ願ｨ�768px繝悶Ο繝�け縺ｮtransform:translate(-50%,-50%)縺ｯ
     隕句�縺苓�霄ｫ縺ｮ荳ｭ蠢�ｒtop縺ｮ菴咲ｽｮ縺ｫ蜷医ｏ縺帙ｋ縺溘ａ縲∫ｸｦ譁ｹ蜷代�-50%繧貞､悶＠縺ｦ
     translate(-50%,0)縺ｫ縺吶ｋ縺薙→縺ｧ縲》op縺ｮ蛟､縺後◎縺ｮ縺ｾ縺ｾ隕句�縺励�荳顔ｫｯ縺ｮ
     菴咲ｽｮ縺ｫ縺ｪ繧九ｈ縺�↓縺吶ｋ(讓ｪ譁ｹ蜷代�荳ｭ螟ｮ謠�∴-50%縺ｯ縺昴�縺ｾ縺ｾ邯ｭ謖�)縲�
     縺薙�荳顔ｫｯ菴咲ｽｮ繧�768px蝓ｺ貅悶ョ繧ｶ繧､繝ｳ縺ｮ繧｢繝ｳ繧ｫ繝ｼ縺ｨ縺励€ゝOP逕ｻ蜒�3譫壹↑縺ｩ莉悶�
     隕∫ｴ�縺ｯ莉雁ｾ後％縺ｮ菴咲ｽｮ繧貞渕貅悶↓驟咲ｽｮ縺励※縺�￥(1280px莉･荳翫�PC縺ｯ蟇ｾ雎｡螟悶€�
     荳願ｨ倥�top:50%繝ｻ荳ｭ蠢�純縺医�縺ｾ縺ｾ)縲� */
  @media (min-width:768px) and (max-width:1279px){
    .ot-statement-top-pc{
      top:calc(50% - 250px);
      transform:translate(-50%, 0);
    }
    /* .ot-statement-top縺ｯ768px+縺ｧvisibility:hidden縺ｫ縺ｪ繧九′縲√ヵ繝ｭ繝ｼ荳翫�
       鬮倥＆(邵ｦ譖ｸ縺崎ｦ句�縺励�蛻�€∝ｮ滓ｸｬ縺ｧ邏�330縲�475px)縺ｯ縺昴�縺ｾ縺ｾ貂ｩ蟄倥＆繧後ｋ
       莉墓ｧ倥↓縺ｪ縺｣縺ｦ縺�ｋ縲ゅ％縺ｮ鬮倥＆縺ｯ譛ｬ譚･.ot-statement-body縺ｮmargin-top:
       -145px縺ｮ蠑輔″荳翫￡驥上�蝓ｺ貅也畑縺�縺｣縺溘′縲�768px+縺ｧ縺ｯ逶ｴ蠕後�蛻･繝ｫ繝ｼ繝ｫ縺ｧ
       margin-top縺�0縺ｫ荳頑嶌縺阪＆繧後ｋ縺溘ａ縲∝ｮ溯ｳｪ菴輔↓繧ゆｽｿ繧上ｌ縺ｦ縺�↑縺�€�
       莉･蜑�(.ot-bottom-group縺檎判髱｢荳狗ｫｯ繧｢繝ｳ繧ｫ繝ｼ譁ｹ蠑�)縺ｯ隕九∴縺ｪ縺��縺昴�縺ｾ縺ｾ
       縺ｧ繧ょｮ溷ｮｳ縺ｪ縺九▲縺溘′縲∫樟蝨ｨ縺ｯ.ot-bottom-group繧定ｦ句�縺励�荳狗ｫｯ縺九ｉ
       50px荳九↓驟咲ｽｮ縺吶ｋ譁ｹ蠑�(top0728.js縺ｮsyncBottomGroupToHeading)縺ｫ
       螟峨∴縺溘◆繧√€√％縺ｮ髫�繧後◆鬮倥＆縺後�MESSAGE莉･荳九ｒ縺昴�縺ｾ縺ｾ謚ｼ縺嶺ｸ九￡縺ｦ
       縺励∪縺｣縺ｦ縺�◆縲ゅち繝悶Ξ繝�ヨ縺ｧ縺ｯdisplay:none縺ｫ縺励※鬮倥＆縺斐→辟｡蜉ｹ蛹悶☆繧九€� */
    .ot-statement-top{display:none;}
  }

  /* ===== PC迚茨ｼ壹�Message繧呈ｨｪ譖ｸ縺阪↓縺励€∵悽譁�(縲瑚ｚ縺ｮ蜉帙→縺ｯ縲�)縺ｮ逶ｴ荳翫∈ =====
     邵ｦ譖ｸ縺阪�隕句�縺�(閧壹�蜉帙ｒ鬮倥ａ.../莠ｺ逕溘↓逵溘�霄榊虚繧偵€�)縺ｯ逕ｻ髱｢荳ｭ螟ｮ縺ｮ
     .ot-statement-top-pc縺ｫ谿九＠縺溘∪縺ｾ縲√�Message縺ｮ縺ｿ蛻�ｊ髮｢縺励※
     .ot-statement-body縺ｮ逶ｴ蜑阪↓驟咲ｽｮ縺吶ｋ縲� */
  .ot-statement-message-pc{display:none;}
  @media (min-width:768px){
    .ot-statement-message-pc{
      display:block;
      font-family:'Roboto',sans-serif;
      font-size:13px;font-weight:400;letter-spacing:.22em;
      text-transform:uppercase;color:#2d2d2d;
      /* .ot-statement-body縺ｨ蜷後§-35px縺ｧ蟾ｦ遶ｯ繧呈純縺医ｋ */
      margin-left:-35px;margin-bottom:8px;
      /* 繝ｼMessage縺ｨ譛ｬ譁�ｒ縺ｾ縺ｨ繧√※60px荳九￡繧�(譛ｬ譁��逶ｴ蠕後�騾壼ｸｸ繝輔Ο繝ｼ縺ｮ
         縺溘ａ縲√％繧後□縺代〒荳｡譁ｹ縺�60px荳九′繧�) */
      margin-top:60px;
    }
    /* .ot-seq縺ｮ蛻晄悄迥ｶ諷�(opacity:0)縺ｫ蟇ｾ縺励€∬｡ｨ遉ｺ蠕後�.85縺ｫ縺吶ｋ
       (邵ｦ譖ｸ縺咲沿縺ｮ.ot-statement-message縺ｨ蜷後§ resting opacity) */
    .ot-statement-message-pc.is-in{opacity:.85;}
    /* margin-top:-145px縺ｯ邵ｦ譖ｸ縺崎ｦ句�縺�(.ot-statement-top縲￣C縺ｧ縺ｯvisibility:
       hidden縺�縺後ヵ繝ｭ繝ｼ鬮倥＆縺ｯ谿九ｋ)縺ｮ鬮倥＆繧定ｦ玖ｾｼ繧薙〒譛ｬ譁�ｒ蠑輔″荳翫￡繧九◆繧√�蛟､縲�
       逶ｴ蜑阪↓繝ｼMessage(讓ｪ譖ｸ縺阪�菴手レ)繧呈検繧薙□縺薙→縺ｧ縺薙�蛟､縺ｮ縺ｾ縺ｾ縺�縺ｨ譛ｬ譁�′
       繝ｼMessage縺ｨ驥阪↑縺｣縺ｦ縺励∪縺�◆繧√€￣C縺ｧ縺ｯ騾壼ｸｸ縺ｮ繝輔Ο繝ｼ(0)縺ｫ謌ｻ縺吶€� */
    .ot-statement-body{margin-top:0;}
  }

  /* ===== 譛ｬ譁�ｼ玖ｳｼ蜈･CTA繝懊ち繝ｳ縺ｮ繧ｰ繝ｫ繝ｼ繝� =====
     譛ｬ譁�(.ot-statement)縺ｨ繝懊ち繝ｳ繧偵∪縺ｨ繧√※1縺､縺ｮflex邵ｦ遨阪∩縺ｫ縺励€“ap縺ｧ
     譛ｬ譁�怙荳矩Κ縺九ｉ繝懊ち繝ｳ縺ｾ縺ｧ縺ｮ髢馴囈繧貞ｸｸ縺ｫ豁｣遒ｺ縺ｫ30px縺ｫ菫晁ｨｼ縺吶ｋ縲�
     繧ｰ繝ｫ繝ｼ繝苓�菴薙�縲梧怙蛻昴�1逕ｻ髱｢(100vh)縺ｮ譛€荳矩Κ縺九ｉ20px荳翫€阪↓
     繧｢繝ｳ繧ｫ繝ｼ縺吶ｋ(隕ｪ縺ｮ.ot-hero縺継osition:relative縺ｪ縺ｮ縺ｧ縲√◎縺ｮ蜈磯�ｭ縺九ｉ縺ｮ
     邨ｶ蟇ｾ菴咲ｽｮ縺ｨ縺励※險育ｮ励☆繧�)縲ＪPhone SE縺ｪ縺ｩ逕ｻ髱｢縺御ｽ弱＞讖溽ｨｮ繧ょ酔縺俶婿蠑上〒
     繧｢繝ｳ繧ｫ繝ｼ縺吶ｋ縺後€√が繝輔そ繝�ヨ縺ｯ10px縺ｫ邵ｮ繧√ｋ(縺昴�蛻�€∵悽譁�′謚ｼ縺嶺ｸ翫￡
     繧峨ｌ縺ｦTOP逕ｻ蜒上→驥阪↑縺｣縺ｦ繧ゅｈ縺�→縺ｮ縺薙→)縲� */
  .ot-bottom-group{
    position:absolute;left:0;right:0;top:calc(100vh - 20px);
    transform:translateY(-100%);
    z-index:5;
    display:flex;flex-direction:column;align-items:stretch;gap:30px;
  }
  @media (max-height:760px){
    .ot-bottom-group{top:calc(100vh - 10px);}
  }
  /* 繧ｿ繝悶Ξ繝�ヨ(768縲�1279px)�壻ｻ･蜑阪�縲瑚ｳｼ蜈･繝懊ち繝ｳ縺�1逕ｻ髱｢逶ｮ縺ｫ蜿弱∪繧九ｈ縺�↓
     逕ｻ髱｢荳狗ｫｯ縺九ｉ60px荳翫↓繧｢繝ｳ繧ｫ繝ｼ縺吶ｋ縲崎ｨｭ螳壹□縺｣縺溘′縲∫┌蜉ｹ蛹悶＠縺溘€�
     莉｣繧上ｊ縺ｫ隕句�縺�(閧夲ｼ医�繧会ｼ峨�蜉帙ｒ鬮倥ａ縲�)縺ｮ螳滄圀縺ｮ謠冗判荳狗ｫｯ縺九ｉ50px荳九↓
     .ot-bottom-group繧帝�鄂ｮ縺吶ｋ(縺ｩ縺ｮ繧ｿ繝悶Ξ繝�ヨ讖溽ｨｮ縺ｧ繧りｦ句�縺励→縺ｮ髢馴囈縺�
     荳€螳壹↓縺ｪ繧九€ら判髱｢縺九ｉ縺ｯ縺ｿ蜃ｺ縺励※繧ゅｈ縺�)縲りｦ句�縺励�螳滄圀縺ｮ鬮倥＆縺ｯ譁�ｭ玲焚
     繝ｻ繝輔か繝ｳ繝医〒螟峨ｏ繧海SS縺ｮcalc()縺�縺代〒縺ｯ蜿ら�縺ｧ縺阪↑縺�◆繧√€》op0728.js
     縺ｮsyncBottomGroupToHeading()縺ｧJS螳滓ｸｬ縺励€｝osition:absolute縺ｮtop縺ｫ
     繧､繝ｳ繝ｩ繧､繝ｳstyle縺ｨ縺励※險ｭ螳壹☆繧�(transform縺ｮtranslateY(-100%)縺ｫ繧医ｋ
     荳狗ｫｯ繧｢繝ｳ繧ｫ繝ｼ繧ょ酔譎ゅ↓謇薙■豸医☆)縲� */
  .ot-purchase-cta-wrap{
    display:flex;justify-content:center;
    pointer-events:none;
  }
  /* PC迚茨ｼ壹�繧ｿ繝ｳ繧剃ｸｭ螟ｮ謠�∴縺九ｉ蟾ｦ謠�∴縺ｫ螟画峩縺励€∵悽譁�(縲瑚ｚ縺ｮ蜉帙→縺ｯ縲�)縺ｮ
     蟾ｦ霎ｺ縺ｨ蜷後§菴咲ｽｮ縺ｫ謠�∴繧九€�.ot-purchase-cta-wrap縺ｯ.ot-statement縺ｨ縺ｯ
     蛻･縺ｮ蜈･繧悟ｭ先ｧ矩€�(padding/max-width縺ｧ縺ｮ荳ｭ螟ｮ蟇�○)縺ｫ縺ゅｋ縺溘ａ縲∵ｭ｣遒ｺ縺ｪ
     繧ｪ繝輔そ繝�ヨ繧辰SS縺ｮcalc()縺�縺代〒邂怜�縺吶ｋ縺ｮ縺ｯ髮｣縺励＞縲よ悽譁��螳滄圀縺ｮ
     蟾ｦ遶ｯ菴咲ｽｮ繧谷S(syncCtaButtonAlign)縺ｧ螳滓ｸｬ縺励€｝adding-left縺ｨ縺励※
     險ｭ螳壹☆繧九％縺ｨ縺ｧ豁｣遒ｺ縺ｫ謠�∴繧九€� */
  @media (min-width:768px){
    .ot-purchase-cta-wrap{justify-content:flex-start;}
  }
  .ot-purchase-cta{
    position:relative;pointer-events:auto;
    display:flex;width:max-content;
    align-items:center;gap:8px;padding:12px 24px 12px 78px;
    border-radius:25px;color:#fff;font-size:14px;font-weight:700;letter-spacing:.03em;
    border:2px solid var(--gold);
    background-image:linear-gradient(45deg, #1a2a40 0%, #0a1420 100%);
    transition:background-image .4s;-webkit-tap-highlight-color:transparent;
    /* 譛ｬ譁�(縲瑚ｚ縺ｮ蜉帙→縺ｯ縲√€懊€�)縺ｮ繝輔ぉ繝ｼ繝峨う繝ｳ縺檎ｵゅｏ縺｣縺溘ち繧､繝溘Φ繧ｰ縺ｧ
       playSequence()蛛ｴ縺九ｉis-in繧剃ｻ倅ｸ弱＠縲∽ｽ輔ｂ縺ｪ縺�園縺九ｉ縺ｵ繧上▲縺ｨ
       豬ｮ縺九�荳翫′繧九ｈ縺�↓迴ｾ繧後ｋ(繝悶Λ繝ｼ+繝輔ぉ繝ｼ繝�+繧上★縺九↑豬ｮ縺堺ｸ翫′繧�)縲�
       蟆代＠逶ｮ遶九◆縺帙ｋ縺溘ａ縲∵僑螟ｧ縺励↑縺後ｉ繝昴Φ縺ｨ蠑ｾ繧€繧ｹ繧ｱ繝ｼ繝ｫ繧貞刈縺医ｋ縲� */
    opacity:0;transform:translateY(18px) scale(.82);filter:blur(8px);
  }
  .ot-purchase-cta.is-in{
    opacity:1;transform:translateY(0) scale(1);filter:blur(0);
    /* 蠑ｾ縺ｿ繧貞ｼｷ隱ｿ縺吶ｋ縺溘ａ縲》ransform縺ｮ繧ｪ繝ｼ繝舌�繧ｷ繝･繝ｼ繝医ｒ1.56竊�1.8縺ｫ蠑ｷ蛹�
       (荳€迸ｬscale(1.15)遞句ｺｦ縺ｾ縺ｧ雜�∴縺ｦ縺九ｉ蜿弱∪繧�)縲� */
    transition:opacity .9s cubic-bezier(.16,.84,.44,1),
               transform .9s cubic-bezier(.34,1.8,.64,1),
               filter .9s cubic-bezier(.16,.84,.44,1),
               background-image .4s;
  }
  .ot-purchase-cta svg{width:13px;height:13px;color:#fff;transition:transform .35s cubic-bezier(.34,1.56,.64,1);}
  .ot-purchase-cta-icon{position:absolute;left:14px;bottom:0;height:64px;width:auto;pointer-events:none;}
  .ot-purchase-cta-text{margin-left:15px;}
  .ot-purchase-cta:active{background-image:linear-gradient(45deg, #0f1a2a 0%, #060c14 100%);}
  .ot-purchase-cta:active svg{transform:translateX(4px);}
  /* 逋ｻ蝣ｴ縺ｮ逹€蝨ｰ縺ｫ蜷医ｏ縺帙※縲√�繧ｿ繝ｳ陦ｨ髱｢繧貞�縺御ｸ€蠎ｦ縺�縺第万繧√↓豬√ｌ繧�
     縲後す繝｣繧､繝ｳ縲肴ｼ泌�縲ゅ�繧ｿ繝ｳ蜈ｨ菴�(繧｢繧､繧ｳ繝ｳ繧貞性繧€)縺ｫoverflow:hidden繧�
     謗帙￠繧九→繧｢繧､繧ｳ繝ｳ縺後�縺ｿ蜃ｺ縺苓｡ｨ遉ｺ縺ｧ縺阪↑縺上↑繧九◆繧√€∝ｰら畑縺ｮ繝ｩ繝�ヱ繝ｼ
     隕∫ｴ�蛛ｴ縺�縺代↓overflow:hidden繧呈戟縺溘○縺ｦ蜈峨�遽�峇縺�縺代ｒ蛻�ｊ謚懊￥縲� */
  .ot-purchase-cta-shine{
    position:absolute;inset:0;border-radius:25px;overflow:hidden;pointer-events:none;
  }
  .ot-purchase-cta-shine::before{
    content:'';position:absolute;top:-60%;left:-30%;width:55%;height:220%;
    background:linear-gradient(75deg, transparent, rgba(255,255,255,.9), transparent);
    transform:translateX(-120%);
  }
  .ot-purchase-cta.is-in .ot-purchase-cta-shine::before{
    animation:ot-cta-shine .8s ease-out .55s 1;
  }
  /* 繧ｷ繝｣繧､繝ｳ縺梧ｵ√ｌ邨ゅｏ縺｣縺溘ち繧､繝溘Φ繧ｰ(.55s+.8s=1.35s)縺九ｉ蟆代＠髢薙ｒ鄂ｮ縺�※縲�
     繧ゅ≧荳€蠎ｦ縺�縺題ｻｽ縺剰ц謇薙◆縺帙€∬ｦ也ｷ壹ｒ蠑輔″謌ｻ縺吶€ゅ＆繧峨↓縺昴�蠕後ｂ縺壹▲縺ｨ閼域遠縺｡繧�
     邯咏ｶ壹＆縺帙ｋ縺後€√＠縺､縺薙￥隕九∴縺ｪ縺�ｈ縺�€�1繧ｵ繧､繧ｯ繝ｫ縺ｮ螟ｧ蜊�(0縲�80%)縺ｯ髱呎ｭ｢縺励€�
     邨ら乢縺�縺台ｸ€迸ｬ霆ｽ縺剰�繧峨�縲碁俣谺�逧�↑鮠灘虚縲阪↓縺吶ｋ(ot-cta-pulse-loop縲�
     3.4s髢馴囈繝ｻscale譛€螟ｧ1.045縺ｨ縺斐￥謗ｧ縺医ａ)縲� */
  .ot-purchase-cta.is-in{
    animation:ot-cta-pulse .5s ease-in-out 1.5s 1,
              ot-cta-pulse-loop 3.4s ease-in-out 2.1s infinite;
  }
  @keyframes ot-cta-pulse{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.06);}
  }
  @keyframes ot-cta-pulse-loop{
    0%,80%,100%{transform:scale(1);}
    90%{transform:scale(1.045);}
  }
  @keyframes ot-cta-shine{
    0%{transform:translateX(-120%);}
    100%{transform:translateX(320%);}
  }

  #philosophy{padding-top:52px;padding-bottom:60px;}
  /* 繝ｼPHILOSOPHY繝ｻ蝓ｷ陦瑚拷闊溘�陬ｽ蜩�幕逋ｺ逅�ｿｵ繝ｻ繝ｪ繝ｼ繝画枚繝ｻ繝懊ち繝ｳ繧偵∪縺ｨ繧√※80px荳九￡繧� */
  .ot-philosophy-heading{margin-top:80px;}
  .ot-philosophy-title-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px;}
  .ot-philosophy-eyebrow-v{
    writing-mode:vertical-rl;text-orientation:mixed;
    font-family:'Roboto',sans-serif;
    font-size:13px;font-weight:400;letter-spacing:.22em;
    text-transform:uppercase;color:#2d2d2d;
  }
  .ot-philosophy-title{
    font-family:'dnp-shuei-gothic-gin-std','Noto Sans JP',sans-serif;
    font-size:30px;font-weight:700;line-height:1.6;letter-spacing:.08em;color:var(--ink);
  }
  #philosophy .ot-lead{
    font-family:'Noto Sans JP',sans-serif;
    font-size:18px;font-weight:500;color:var(--ink);line-height:1.75;letter-spacing:.02em;
  }
  .ot-philosophy-cta-pc{display:none;}
  @media (min-width:768px){
    .ot-philosophy-cta-pc{display:flex;width:fit-content;margin:20px 0 0 auto;}
    #philosophy .ot-image-cta{display:none;}
  }

  /* ===== 繝輔Ν蟷�判蜒擾ｼ医さ繝ｳ繝�リ蟷�ｒ辟｡隕悶＠縺ｦ逕ｻ髱｢縺�▲縺ｱ縺�↓蠎�￡繧具ｼ� ===== */
  .ot-fullbleed-image{
    display:block;position:relative;z-index:0;
    left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;
    margin-top:-80px;
    width:100vw;-webkit-tap-highlight-color:transparent;
  }
  /* position:relative縺ｮtop縺ｧ隕九◆逶ｮ縺�縺�80px荳翫￡繧�(margin縺ｧ縺ｯ縺ｪ縺春op縺ｪ縺ｮ縺ｧ
     繝輔Ο繝ｼ縺ｮ鬮倥＆縺ｯ螟峨ｏ繧峨★縲∽ｻ悶�隕∫ｴ�縺ｮ驟咲ｽｮ縺ｫ縺ｯ蠖ｱ髻ｿ縺励↑縺�) */
  #philosophy .ot-fullbleed-image{margin-top:-20px;top:-180px;}
  @media (min-width:768px){
    /* .ot-container縺ｮ螟悶∈逕ｻ髱｢蟷�＞縺｣縺ｱ縺�↓蠎�￡繧九ヵ繝ｫ繝悶Μ繝ｼ繝峨ｒ繧�ａ縲�
       莉悶�隕句�縺励→蜷後§960px蟷��荳ｭ縺ｫ蜿弱ａ縺ｦ陦ｨ遉ｺ縺吶ｋ */
    #philosophy .ot-fullbleed-image{
      left:auto;right:auto;margin-left:0;margin-right:0;width:100%;
      margin-top:32px;overflow:hidden;
      /* 蜿ｳ荳九□縺題ｧ剃ｸｸ縺ｪ縺�(蟾ｦ荳翫�蜿ｳ荳翫�蟾ｦ荳九�20px縺ｮ縺ｾ縺ｾ) */
      border-radius:20px 20px 0 20px;
    }
  }
  /* 繧ｿ繝悶Ξ繝�ヨ(768縲�1279px)�噎_pc_development.png(蝓ｷ陦瑚拷闊溘�髢狗匱逅�ｿｵ縺ｮ
     逕ｻ蜒�)繧偵ｂ縺�ｰ代＠蟆上＆縺上＠(width:100%竊�80%)縲∽ｸｭ螟ｮ謠�∴縺ｫ縺吶ｋ */
  @media (min-width:768px) and (max-width:1279px){
    /* 蝓ｺ譛ｬ繝ｫ繝ｼ繝ｫ(#philosophy .ot-fullbleed-image{top:-180px})縺�768px莉･荳翫〒繧�
       荳頑嶌縺阪＆繧後★谿九▲縺ｦ縺�ｋ縺溘ａ縲√ち繝悶Ξ繝�ヨ縺ｮ縺ｿ縺輔ｉ縺ｫ60px荳九￡繧�
       (-180px竊�-120px) */
    #philosophy .ot-fullbleed-image{width:80%;margin-left:auto;margin-right:auto;top:-120px;}
  }
  .ot-fullbleed-image img{width:100%;height:auto;display:block;}
  .ot-fullbleed-image:active img{opacity:.85;}
  .ot-image-cta{
    position:absolute;left:20px;bottom:0;transform:translateY(50%);z-index:1;
    display:inline-flex;align-items:center;gap:8px;padding:10px 18px;
    background:rgba(11,16,18,.75);
    color:#fff;
  }
  .ot-image-cta-title{font-size:13px;font-weight:700;letter-spacing:.03em;}
  .ot-image-cta-arrow{width:13px;height:13px;flex:0 0 auto;color:var(--gold);transition:transform .35s cubic-bezier(.34,1.56,.64,1);}
  .ot-fullbleed-image:active .ot-image-cta-arrow{transform:translateX(4px);}

  #philosophy .ot-image-cta{
    border-radius:25px;
    background:none;
    background-image:linear-gradient(45deg, #2c4463 0%, #1a2a40 100%);
    transition:background-image .4s;
  }
  #philosophy .ot-fullbleed-image:active .ot-image-cta,
  #philosophy .ot-image-cta:hover{
    background-image:linear-gradient(45deg, #1a2a40 0%, #0f1a2a 100%);
  }

  /* ===== PRODUCT STORY (4 Products, 4 Stories) ===== */
  .ot-ps-head{position:relative;min-height:132px;margin-bottom:0;}
  .ot-ps-intro{padding-top:166px;padding-right:calc(44% - 70px);}
  .ot-ps-eyebrow{
    writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;
    font-family:'Roboto',sans-serif;font-size:13px;font-weight:400;color:#2d2d2d;
    letter-spacing:.02em;text-transform:uppercase;
  }
  .ot-ps-lead{font-family:'Noto Sans JP',sans-serif;font-size:18px;font-weight:500;color:var(--ink);line-height:1.75;}
  .ot-ps-vtitle{
    position:absolute;top:0;right:0;
    transform:translateY(-40px);
    display:flex;flex-direction:row-reverse;gap:3px;
  }
  .ot-ps-vtitle-line{
    writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;
    font-family:'dnp-shuei-gothic-gin-std','Noto Sans JP',sans-serif;
    font-weight:700;font-size:30px;line-height:1.25;letter-spacing:.08em;color:var(--ink);
  }
  .ot-ps-vtitle-line--shift{transform:translateX(-10px);}
  /* 繧ｿ繝悶Ξ繝�ヨ(768縲�1279px)�壹€沓IOTEC縺ｮ4縺､縺ｮ陬ｽ蜩√↓縲√€懊€阪�譛ｬ譁�
     (.ot-ps-lead)縺碁�鄂ｮ縺ｧ縺阪ｋ讓ｪ蟷�ｒ繧ゅ≧蟆代＠蠎�￡繧九€ょ渕譛ｬ繝ｫ繝ｼ繝ｫ縺ｮ
     padding-right:calc(44% - 70px)縺ｯ縲∝承縺ｮ邵ｦ隕句�縺�.ot-ps-vtitle
     (縲後�4 Products,4 Stories�丞屁縺､縺ｮ陬ｽ蜩√ｒ縲∫衍繧九€ゅ€榊ｮ滓ｸｬ蟷��逶ｮ螳峨�
     100縲�120px遞句ｺｦ)縺ｨ驥阪↑繧峨↑縺�◆繧√�菴咏區縺�縺後€√Δ繝舌う繝ｫ蝓ｺ貅悶�44%繧�
     縺昴�縺ｾ縺ｾ繧ｿ繝悶Ξ繝�ヨ蟷�↓繧ゆｽｿ縺｣縺ｦ縺�◆縺溘ａ縲∝ｿ�ｦ∽ｻ･荳翫↓蠎�＞菴咏區繧�
     蜿悶▲縺ｦ縺励∪縺�悽譁��讓ｪ蟷�ｒ迢ｭ繧√※縺�◆縲らｸｦ隕句�縺励→縺ｮ髢馴囈縺ｯ蜊∝�縺ｫ
     谿九＠縺､縺､縲∽ｿよ焚繧�44%竊�30%縲∝ｮ壽焚繧�-70px竊�-40px縺ｫ邱ｩ繧√€∵悽譁��
     讓ｪ蟷�ｒ蠎�￡繧九€� */
  @media (min-width:768px) and (max-width:1279px){
    .ot-ps-intro{padding-right:calc(30% - 40px);}
  }

  /* ===== TAKE ACTION ===== */
  .ot-action-head{position:relative;text-align:center;padding-top:70px;margin-bottom:56px;}
  .ot-action-title{
    font-family:'dnp-shuei-gothic-gin-std','Noto Sans JP',sans-serif;
    font-size:30px;font-weight:700;line-height:1.6;letter-spacing:.08em;color:var(--ink);
    margin-bottom:14px;
  }
  .ot-action-eyebrow{
    position:absolute;top:0;right:0;
    writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;
    font-family:'Roboto',sans-serif;font-size:13px;font-weight:400;color:#2d2d2d;
    letter-spacing:.02em;text-transform:uppercase;
  }
  #action .ot-lead{
    font-family:'Noto Sans JP',sans-serif;
    font-size:18px;font-weight:500;color:var(--ink);line-height:1.75;letter-spacing:.02em;
  }
  .ot-action-box{
    display:block;
    margin:32px 44px 0;padding:45px;border-radius:32px;background:#e9e9e9;
    transition:transform .3s ease, box-shadow .3s ease, background-color .3s ease;
  }
  .ot-action-box + .ot-action-box{margin-top:24px;}
  /* PC(1280px莉･荳�)縺ｮ縺ｿ�壹�繧ｦ繧ｹ繧ｫ繝ｼ繧ｽ繝ｫ縺沓OX縺ｫ荵励▲縺溘％縺ｨ縺悟�縺九ｋ繧医≧縲�
     謗ｧ縺医ａ縺ｪ諡｡螟ｧ繝ｻ蠖ｱ繝ｻ閭梧勹縺ｮ螟牙喧繧剃ｻ倥￠繧九€�BOX閾ｪ菴薙ｒ<a>縺ｫ縺励◆縺薙→縺ｧ
     隕九◆逶ｮ(繝帙ヰ繝ｼ)縺ｨ螳滄圀縺ｫ繧ｯ繝ｪ繝�け縺ｧ縺阪ｋ遽�峇縺御ｸ€閾ｴ縺励※縺�ｋ縲�
     BOX縺悟､ｧ縺阪＞縺溘ａ縲∵僑螟ｧ邇��縺斐￥繧上★縺�(1.015蛟�)縺ｫ逡吶ａ縺ｦ縲∝虚縺阪′
     驥阪￥隕九∴縺溘ｊ驍ｪ鬲斐↓縺ｪ繧峨↑縺�ｈ縺�↓縺励※縺�ｋ縲�
     hover:hover縺ｧ繧ｿ繝�メ遶ｯ譛ｫ(SP繝ｻ繧ｿ繝悶Ξ繝�ヨ)繧帝勁螟悶＠縲√�繧ｦ繧ｹ謫堺ｽ懊�
     縺ｧ縺阪ｋ迺ｰ蠅�□縺代↓髯仙ｮ壹☆繧九€� */
  @media (min-width:1280px) and (hover:hover){
    .ot-action-box:hover{
      transform:translateY(-8px) scale(1.02);
      box-shadow:0 24px 40px -16px rgba(26,42,64,.45);
      background-color:#dedede;
    }
  }
  @media (min-width:768px){
    .ot-action-box-grid{
      display:grid;grid-template-columns:1fr 1fr;gap:24px;
      max-width:960px;margin:32px auto 0;padding:0 44px;
    }
    /* min-width:0縺後↑縺�→縲『hite-space:nowrap縺ｮ繧ｿ繧､繝医Ν縺ｮ譁�ｭ玲焚縺ｫ繧医▲縺ｦ
       蛻励＃縺ｨ縺ｮ譛€蟆丞ｹ�′繝舌Λ縺､縺阪€�1fr 1fr縺悟插遲峨↓蛻�牡縺輔ｌ縺ｪ縺上↑繧� */
    .ot-action-box-grid .ot-action-box{margin:0;min-width:0;}
    .ot-action-box-grid .ot-action-box + .ot-action-box{margin-top:0;}
    .ot-action-box-grid .ot-action-box-title{white-space:normal;}
    /* 譛ｬ譁��譁�ｭ玲焚縺沓OX縺斐→縺ｫ逡ｰ縺ｪ繧翫€�ｻ剃ｸｸ繝懊ち繝ｳ縺ｮ邵ｦ菴咲ｽｮ縺後ヰ繝ｩ縺､縺上◆繧√€�
       BOX繧断lex邵ｦ遨阪∩縺ｫ縺励※繝懊ち繝ｳ繧剃ｸ狗ｫｯ縺ｫ蝗ｺ螳壹☆繧�(繧ｰ繝ｪ繝�ラ縺ｮ陦後�鬮倥＆縺ｯ
       閾ｪ蜍輔〒謠�≧縺溘ａ縲∵ｨｪ荳ｦ縺ｳ縺ｧ隕九◆譎ゅ↓繝懊ち繝ｳ縺ｮ鬮倥＆繧よ純縺�) */
    .ot-action-box-grid .ot-action-box{display:flex;flex-direction:column;}
    .ot-action-box-grid .ot-action-box-btn{margin-top:auto;}
  }
  /* 1280px莉･荳翫�PC迚医�縺ｿ�壹ち繧､繝医Ν(蝓ｺ譛ｬ縺ｮ縲悟渕縲咲ｭ�)縺ｨeyebrow(繝ｼStandard遲�)繧�
     BOX蜀�〒荳ｭ螟ｮ謠�∴縺ｫ縺吶ｋ(4縺､縺ｮBOX蜈ｱ騾壹�繧ｯ繝ｩ繧ｹ縺ｮ縺溘ａ蜈ｨ邂ｱ縺ｫ蜿肴丐縺輔ｌ繧�) */
  @media (min-width:1280px){
    .ot-action-box-title,
    .ot-action-box-eyebrow{
      text-align:center;
    }
  }
  /* 繧ｿ繝悶Ξ繝�ヨ(768縲�1279px)�啀C迚医→蜷梧ｧ倥€√ち繧､繝医Ν(蝓ｺ譛ｬ縺ｮ縲悟渕縲咲ｭ�)縺ｨ
     eyebrow(繝ｼStandard遲�)繧達OX蜀�〒荳ｭ螟ｮ謠�∴縺ｫ縺吶ｋ(4縺､縺ｮBOX蜈ｱ騾壹�
     繧ｯ繝ｩ繧ｹ縺ｮ縺溘ａ蜈ｨ邂ｱ縺ｫ蜿肴丐縺輔ｌ繧�) */
  @media (min-width:768px) and (max-width:1279px){
    .ot-action-box-title,
    .ot-action-box-eyebrow{
      text-align:center;
    }
  }
  .ot-action-box-title{
    font-family:'dnp-shuei-gothic-gin-std','Noto Sans JP',sans-serif;
    font-size:clamp(16px, 5.3vw, 28px);font-weight:700;color:#2d2d2d;margin-bottom:8px;
    white-space:nowrap;
  }
  .ot-action-box-title-accent{font-size:.6em;}
  .ot-action-box-eyebrow{
    font-family:'Roboto',sans-serif;font-size:13px;font-weight:700;color:#2d2d2d;
    letter-spacing:.02em;text-transform:uppercase;margin-bottom:16px;
  }
  .ot-action-box-text{
    font-family:'dnp-shuei-gothic-gin-std','Noto Sans JP',sans-serif;
    font-size:14.5px;font-weight:700;color:#2d2d2d;line-height:1.8;margin-bottom:20px;
  }
  .ot-action-box-image{width:100%;height:auto;display:block;border-radius:10px;margin-bottom:30px;}
  .ot-action-box-btn{
    position:relative;overflow:hidden;
    display:flex;align-items:center;justify-content:center;
    width:68px;height:68px;margin:0 auto;border-radius:50%;background:#000;
    -webkit-tap-highlight-color:transparent;
  }
  .ot-action-box-btn svg{width:84px;height:84px;position:relative;z-index:1;}
  /* 荳ｸ繝懊ち繝ｳ縺ｫ縲∬ｳｼ蜈･CTA繝懊ち繝ｳ縺ｨ蜷後§蜈画ｲ｢繧ｹ繧､繝ｼ繝励ｒ豬√☆縲ゅΛ繝ｳ繝€繝�蜿榊ｾｩ
     (JS迚医�CSS辟｡髯舌Ν繝ｼ繝礼沿縺ｨ繧りｩｦ縺励◆縺後€￣C繝ｻ繧ｿ繝悶Ξ繝�ヨ縺ｮ螳滓ｩ溘〒逋ｺ轣ｫ繧�
     邯咏ｶ壹↓繝�繝ｩ縺後≠繧雁次蝗�縺ｮ蛻�ｊ蛻�￠縺後〒縺阪↑縺九▲縺溘◆繧∵彫蜴ｻ)繧偵ｄ繧√€。OX縺�
     逕ｻ髱｢縺ｫ蜈･縺｣縺滓凾縺ｫ荳€蠎ｦ縺�縺大�繧峨○繧九す繝ｳ繝励Ν縺ｪ譁ｹ蠑上↓謌ｻ縺吶€�BOX蜈ｨ菴薙�
     繝輔ぉ繝ｼ繝峨う繝ｳ(.ot-reveal縲∝ｮ溽ｸｾ縺ｮ縺ゅｋ莉慕ｵ�∩)縺ｫ縺昴�縺ｾ縺ｾ逶ｸ荵励ｊ縺吶ｋ縲� */
  .ot-action-box-btn-shine{
    position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none;
  }
  .ot-action-box-btn-shine::before{
    content:'';position:absolute;top:-60%;left:-40%;width:55%;height:220%;
    background:linear-gradient(75deg, transparent, rgba(255,255,255,.9), transparent);
    transform:translateX(-160%);
  }
  .ot-action-box.is-visible .ot-action-box-btn-shine::before{
    animation:ot-action-btn-shine .8s ease-out .6s 1;
  }
  @keyframes ot-action-btn-shine{
    0%{transform:translateX(-160%);}
    100%{transform:translateX(360%);}
  }

  /* ===== COMMUNITY & MEDIA ===== */
  .ot-community-head{display:flex;justify-content:flex-end;}
  .ot-community-eyebrow{
    writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;
    font-family:'Roboto',sans-serif;font-size:13px;font-weight:400;color:#2d2d2d;
    letter-spacing:.02em;text-transform:uppercase;
  }
  .ot-community-title{
    display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:3px;margin-top:-16px;
    margin-bottom:30px;
  }
  .ot-community-title-line{
    writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;
    font-family:'dnp-shuei-gothic-gin-std','Noto Sans JP',sans-serif;
    font-weight:700;font-size:30px;line-height:1.25;letter-spacing:.08em;color:var(--ink);
  }
  .ot-community-title-line--to{transform:translateY(-12px);}
  .ot-community-card{margin-top:78px;}
  .ot-community-divider{display:flex;justify-content:center;margin:40px 0;}
  .ot-community-divider::before{content:"";width:1px;height:80px;background:#2d2d2d;}
  @media (min-width:1280px){
    .ot-community-card-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:0 32px;}
    .ot-community-card-grid .ot-community-divider{display:none;}
    /* 3譫壹�蜀咏悄縺ｧ邵ｦ讓ｪ豈斐′逡ｰ縺ｪ縺｣縺ｦ繧ゅ€∬ｪｬ譏取枚縺ｮ譖ｸ縺榊�縺嶺ｽ咲ｽｮ繧呈純縺医ｋ縺溘ａ
       逕ｻ蜒上お繝ｪ繧｢縺ｮ鬮倥＆繧貞崋螳壹☆繧� */
    .ot-community-card-grid .ot-community-card-image{
      width:100%;height:190px;object-fit:contain;margin:20px 0 36px;
    }
    .ot-community-card-grid .ot-community-card-image--sm{width:100%;}
    .ot-community-card-grid .ot-space-visual-bg{width:100%;height:100%;object-fit:contain;}
    /* 縲沓IOTEC Online Shop / 蜈ｬ蠑臭INE縲阪�縺ｿ2陦後↓縺ｪ繧翫€∽ｻ悶�1陦後ち繧､繝医Ν縺ｨ
       鬮倥＆縺後ぜ繝ｬ繧九◆繧√€√ち繧､繝医Ν谺�ｒ2陦悟�縺ｮ鬮倥＆縺ｧ蝗ｺ螳壹＠縺ｦ謠�∴繧� */
    .ot-community-card-grid .ot-community-card-title{line-height:1.3;min-height:2.6em;}
    /* 隱ｬ譏取枚縺ｮ陦梧焚縺碁＆縺｣縺ｦ繧ゅ�繧ｿ繝ｳ縺ｮ鬮倥＆繧呈純縺医ｋ縺溘ａ縲√き繝ｼ繝峨ｒflex蛹悶＠縺ｦ
       繝懊ち繝ｳ繧偵き繝ｼ繝我ｸ狗ｫｯ縺ｫ蝗ｺ螳壹☆繧具ｼ医げ繝ｪ繝�ラ縺ｮ陦後�鬮倥＆縺ｯ閾ｪ蜍輔〒謠�≧�� */
    .ot-community-card-grid .ot-community-card{display:flex;flex-direction:column;}
    .ot-community-card-grid .ot-community-card-btn{margin-top:auto;}
  }
  /* 繧ｿ繝悶Ξ繝�ヨ(768縲�1279px)�哭IVE陬ｽ蜩∬ｪｬ譏惹ｼ�/SPACE/BIOTEC Online Shop蜈ｬ蠑臭INE縺ｮ
     3譫�(.ot-community-card-grid)縺檎ｸｦ荳€蛻励↓縺ｪ縺｣縺ｦ縺�◆縺溘ａ縲￣C迚�(1280px莉･荳�)縺ｨ
     蜷後§3蛻玲ｨｪ荳ｦ縺ｳ繧ｰ繝ｪ繝�ラ縺ｫ螟画峩縺吶ｋ縲ゅΝ繝ｼ繝ｫ縺ｮ蜀�ｮｹ縺ｯPC迚医ヶ繝ｭ繝�け縺ｨ蜷御ｸ€縲� */
  @media (min-width:768px) and (max-width:1279px){
    .ot-community-card-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:0 24px;}
    .ot-community-card-grid .ot-community-divider{display:none;}
    /* 3譫壹�逕ｻ蜒�(x_zoomlive.png/SPACE/x_bosline.png)繧偵＆繧峨↓10%邵ｮ蟆上☆繧�
       (width:100%竊�90%縲”eight:190px竊�171px)縲ょｷｦ蜿ｳmargin繧誕uto縺ｫ縺励※
       邵ｮ蟆丞ｾ後ｂ荳ｭ螟ｮ謠�∴繧堤ｶｭ謖√☆繧九€４PACE逕ｻ蜒�(.ot-space-visual-bg)縺ｯ隕ｪ隕∫ｴ�
       (.ot-community-card-image)蝓ｺ貅悶�100%謖�ｮ壹�縺溘ａ縲∬ｦｪ縺ｮ邵ｮ蟆上↓閾ｪ蜍輔〒
       霑ｽ蠕薙☆繧九€� */
    .ot-community-card-grid .ot-community-card-image{
      width:90%;height:171px;object-fit:contain;margin:20px auto 36px;
    }
    .ot-community-card-grid .ot-community-card-image--sm{width:90%;}
    .ot-community-card-grid .ot-space-visual-bg{width:100%;height:100%;object-fit:contain;}
    /* 3蛻怜喧縺ｧ蛻怜ｹ�′譛€蟆�768px蟷�凾縺ｫ邏�203px縺ｾ縺ｧ迢ｭ縺上↑繧翫€√€沓IOTEC Online Shop縲�
       (26px縺ｮ縺ｾ縺ｾ)縺悟�蟷�↓蜿弱∪繧峨★謚倥ｊ霑斐＆繧後€�<br>縺ｧ諢丞峙縺励◆縲沓IOTEC Online
       Shop�丞�蠑臭INE縲阪�2陦後′3陦後↓縺ｪ縺｣縺ｦ縺励∪縺�€ゅヵ繧ｩ繝ｳ繝医し繧､繧ｺ繧�19px縺ｫ
       邵ｮ蟆上＠縲∵怙繧ら強縺��蟷�〒繧り恭蟄励ち繧､繝医Ν縺�1陦後↓蜿弱∪繧九ｈ縺�↓縺吶ｋ(譁�ｭ玲焚縺ｮ
       蟆代↑縺�ｻ�2譫壹�繧ｿ繧､繝医Ν繧ょ粋繧上○縺ｦ邵ｮ蟆上＆繧後ｋ縺溘ａ縲�3譫壹�隕九◆逶ｮ縺ｮ繝舌Λ繝ｳ繧ｹ縺ｯ
       菫昴◆繧後ｋ)縲� */
    .ot-community-card-grid .ot-community-card-title{font-size:19px;line-height:1.3;min-height:2.6em;}
    .ot-community-card-grid .ot-community-card{display:flex;flex-direction:column;}
    .ot-community-card-grid .ot-community-card-btn{margin-top:auto;}
  }
  .ot-community-card-title{
    font-family:'dnp-shuei-gothic-gin-std','Noto Sans JP',sans-serif;
    font-size:26px;font-weight:600;color:#2d2d2d;margin-bottom:8px;
    text-align:center;
  }
  .ot-community-card-eyebrow{
    font-family:'Roboto',sans-serif;font-size:13px;font-weight:400;color:#2d2d2d;
    letter-spacing:.02em;text-transform:uppercase;margin-bottom:16px;
    text-align:center;
  }
  /* 繝｡繝ｫ繝槭ぎ繝舌ャ繧ｯ繝翫Φ繝舌�縺ｮ縺ｿ縲∽ｸｭ螟ｮ謠�∴縺ｮ蟇ｾ雎｡縺九ｉ髯､螟悶＠縺ｦ蟾ｦ謠�∴縺ｫ謌ｻ縺� */
  .ot-community-card--archive .ot-community-card-title,
  .ot-community-card--archive .ot-community-card-eyebrow{
    text-align:left;
  }
  .ot-community-card-image{width:65%;height:auto;display:block;border-radius:10px;margin:20px auto 36px;}
  .ot-community-card-image--sm{width:45%;}
  .ot-space-visual{position:relative;}
  .ot-space-visual-bg{width:100%;height:auto;display:block;border-radius:10px;}
  .ot-space-visual-float{
    position:absolute;top:50%;left:50%;width:38%;height:auto;
    transform:translate(-50%,-50%);
    animation:ot-float 3.5s ease-in-out infinite;
  }
  @keyframes ot-float{
    0%,100%{transform:translate(-50%,-50%);}
    50%{transform:translate(-50%,calc(-50% - 14px));}
  }
  .ot-community-card-text{
    font-family:'Noto Sans JP',sans-serif;
    font-size:14.5px;font-weight:400;color:#2d2d2d;line-height:1.8;margin-bottom:20px;
  }
  .ot-community-card-btn{
    display:flex;align-items:center;gap:8px;padding:10px 18px;
    width:fit-content;margin:0 auto;
    border-radius:25px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.03em;
    background-image:linear-gradient(45deg, #2c4463 0%, #1a2a40 100%);
    transition:background-image .4s;-webkit-tap-highlight-color:transparent;
  }
  .ot-community-card-btn svg{width:13px;height:13px;color:#fff;transition:transform .35s cubic-bezier(.34,1.56,.64,1);}
  .ot-community-card-btn:active{background-image:linear-gradient(45deg, #1a2a40 0%, #0f1a2a 100%);}
  .ot-community-card-btn:active svg{transform:translateX(4px);}
  .ot-nl-carousel{
    display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
    padding:36px calc(50% - 39%) 8px;margin-top:8px;scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .ot-nl-carousel::-webkit-scrollbar{display:none;}
  .ot-nl-carousel-item{
    display:block;flex:0 0 78%;scroll-snap-align:center;
    background:#e9e9e9;border-radius:20px;overflow:hidden;
    border:1px solid #2d2d2d;
    box-shadow:0 14px 30px -18px rgba(0,0,0,.3);
    transform:scale(.86);opacity:.55;
    transition:transform .4s cubic-bezier(.34,1.56,.64,1), opacity .4s ease;
  }
  .ot-nl-carousel-item.is-active{transform:scale(1);opacity:1;}
  @media (min-width:768px){
    .ot-nl-carousel{max-width:960px;margin:8px auto 0;padding:36px 26px 8px;}
    .ot-nl-carousel-item{flex:0 0 280px;scroll-snap-align:start;transform:none;opacity:1;}
  }
  .ot-nl-carousel-image{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;}
  .ot-nl-carousel-type{
    font-family:'Roboto',sans-serif;font-size:14px;font-weight:700;color:#2d2d2d;
    letter-spacing:.06em;margin:18px 24px 0;
  }
  .ot-nl-carousel-date{font-size:11px;color:#666;margin:8px 24px 14px;}
  .ot-nl-carousel-subject{
    font-family:'dnp-shuei-gothic-gin-std','Noto Sans JP',sans-serif;
    font-size:16px;font-weight:600;color:#2d2d2d;line-height:1.7;margin:0 24px 24px;
  }

  /* ===== 豎守畑 隕句�縺� + 闍ｱ蟄苓ｦ句�縺� ===== */
  .ot-section-heading{margin-bottom:16px;}
  .ot-section-title{
    font-family:'dnp-shuei-gothic-gin-std','Noto Sans JP',sans-serif;
    font-size:28px;font-weight:700;line-height:1.6;letter-spacing:.08em;color:var(--ink);
    margin-bottom:8px;
  }
  .ot-section-eyebrow{
    font-family:'Roboto',sans-serif;font-size:13px;font-weight:400;color:#2d2d2d;
    letter-spacing:.02em;text-transform:uppercase;
  }
  /* 縲瑚｣ｽ蜩√せ繝医�繝ｪ繝ｼ繧偵∩繧九€阪�繧ｿ繝ｳ繧�.ot-ps-head(BIOTEC縺ｮ4縺､縺ｮ陬ｽ蜩√↓縲懊�
     2陦�)縺ｨ.ot-ps-image(逕ｻ蜒�)縺ｮ髢薙↓驟咲ｽｮ縺吶ｋ縲Ｅisplay:flex縺ｫ縺励※
     (inline-flex縺�縺ｨ髫｣謗･繝悶Ο繝�け縺ｨ縺ｮ繝槭�繧ｸ繝ｳ逶ｸ谿ｺ縺悟ロ縺九↑縺�◆繧�)縲�
     繝槭�繧ｸ繝ｳ繧�.ot-ps-head蛛ｴ縺ｮmargin-bottom:0繝ｻ.ot-ps-image蛛ｴ縺ｮ
     margin-top:0縺ｨ逶ｸ谿ｺ縺輔○縺ｦ髢馴囈繧剃ｽ懊ｋ縲�
     縺溘□縺�.ot-ps-lead(繝�く繧ｹ繝�)縺ｫ縺ｯtransform:translateY(-60px)縲�
     .ot-ps-image(逕ｻ蜒�)縺ｫ縺ｯtransform:translateY(-30px)縺悟挨縺ｮ謖�､ｺ縺ｧ
     莉倥＞縺ｦ縺翫ｊ縲√％繧後ｉ縺ｯ隕九◆逶ｮ縺�縺代ｒ縺壹ｉ縺吶◆繧√Ξ繧､繧｢繧ｦ繝井ｸ翫�鬮倥＆縺ｫ縺ｯ
     蜿肴丐縺輔ｌ縺ｪ縺�€ゅ◎縺ｮ縺溘ａ螳滄圀縺ｮ隕九◆逶ｮ縺ｮ髫咎俣縺ｯ縲檎嶌谿ｺ蠕後�繝槭�繧ｸ繝ｳﾂｱ
     transform縺ｮ蛻�€阪↓縺ｪ繧九€りｦ九◆逶ｮ縺ｧ豁｣遒ｺ縺ｫ65px縺ｫ縺吶ｋ縺溘ａ縲∽ｸ翫�
     65+60=125px縺ｧ縺ｯ縺ｪ縺�65-60=5px縲∽ｸ九�65-(-30)=95px縺ｫ陬懈ｭ｣縺励※縺�ｋ縲� */
  .ot-ps-btn--between{display:flex;width:fit-content;margin:5px 0 95px;}
  .ot-ps-image{
    display:block;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;
    /* 逕ｻ蜒上�蟾ｦ霎ｺ繧�.ot-ps-lead(BIOTEC縺ｮ4縺､縺ｮ陬ｽ蜩√↓縲懊�2陦�)縺ｮ蟾ｦ遶ｯ縺ｫ謠�∴繧� */
    margin-left:0;margin-right:auto;margin-top:0;margin-bottom:58px;
    width:calc(72.25% + 22.1px);
    aspect-ratio:75/47; /* x_pro_m/g/s/pl.png縺ｯ蜈ｨ縺ｦ750ﾃ�470縺ｧ蜈ｱ騾� */
  }
  /* 繧ｺ繝ｼ繝�縺ｧ諡｡螟ｧ縺輔ｌ縺溽判蜒上′譫�縺ｮ螟悶↓縺ｯ縺ｿ蜃ｺ縺輔↑縺�ｈ縺�€∫峡遶九＠縺殪verflow:hidden縺ｮ
     繝輔Ξ繝ｼ繝�縺ｧ蛹����.ot-ps-image閾ｪ霄ｫ縺ｮoverflow:hidden縺�縺代□縺ｨ縲（mg蛛ｴ縺ｮ
     transform:scale縺ｮ諡｡螟ｧ邇�ｬ｡隨ｬ縺ｧ隕句�繧後′螳牙ｮ壹＠縺ｪ縺�％縺ｨ縺後≠繧九◆繧√�菫晞匱�� */
  .ot-ps-frame{
    position:absolute;inset:0;z-index:10;overflow:hidden;
  }
  /* 蛟呵｣廝��2螻､繧ｯ繝ｭ繧ｹ繝�ぅ繧ｾ繝ｫ繝厄ｼ九ぜ繝ｼ繝�騾溷ｺｦ繧呈純縺医ｋ(product_slideshow_豈碑ｼ�.html縲�
     SP迚医→蜷後§螳溯｣�)縲�1譫壹�img繧弛pacity:0縺ｫ縺励※蛻�ｊ譖ｿ縺医ｋ譁ｹ蠑上□縺ｨ縲�
     騾乗�縺ｫ縺ｪ縺｣縺溽椪髢薙↓繝輔Ξ繝ｼ繝�縺ｮ荳句慍縺瑚ｦ九∴縺ｦ縺励∪縺�€檎區縺丞�縺｣縺ｦ蛻�ｊ譖ｿ繧上ｋ縲�
     縺弱％縺｡縺ｪ縺輔�蜴溷屏縺ｫ縺ｪ縺｣縺ｦ縺�◆縲�2譫壹ｒ驥阪�縺ｦ縺翫″縲∵ｬ｡縺ｮ逕ｻ蜒上ｒ陬上〒蜈医↓
     繝輔ぉ繝ｼ繝峨う繝ｳ縺輔○繧九％縺ｨ縺ｧ荳句慍縺瑚ｦ九∴縺ｪ縺�ｈ縺�↓縺吶ｋ縲ゅ∪縺溘€∵眠縺励＞逕ｻ蜒上�
     scale(1.02)縺ｨ縺�≧蟆代＠繧ｺ繝ｼ繝�縺碁€ｲ繧薙□迥ｶ諷九°繧牙ｧ九ａ繧九％縺ｨ縺ｧ縲∝商縺�判蜒上�
     繧ｺ繝ｼ繝�縺ｮ邯壹″縺ｧ縺ゅｋ縺九�繧医≧縺ｫ貊代ｉ縺九↓縺､縺ｪ縺偵ｋ縲�
     蛻�ｊ譖ｿ縺磯俣髫�(4.2s竊�2.6s)繝ｻ繧ｺ繝ｼ繝�譎る俣(4.6s竊�3.2s)縺ｯ縲￣C縺ｧ縺ｯ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ縺�
     騾溘￥谺｡縺ｮ逕ｻ蜒上↓蛻�ｊ譖ｿ繧上ｋ蜑阪↓騾壹ｊ驕弱℃縺ｦ縺励∪縺�→縺ｮ謖�遭繧貞女縺代※遏ｭ邵ｮ縺励◆
     (SP蛛ｴ繧Ｕop0728.js/smp_top.js縺ｧ蜷後§蛟､縺ｫ邨ｱ荳€)縲� */
  .ot-ps-layer{
    position:absolute;inset:0;
    width:100%;height:100%;object-fit:cover;display:block;
    opacity:0;
    transition:opacity 1s cubic-bezier(.4,0,.2,1);
  }
  .ot-ps-layer.is-active{opacity:1;z-index:2;}
  .ot-ps-layer.is-prev{opacity:0;z-index:1;}
  .ot-ps-layer.is-zooming{
    animation:ot-ps-kenburns 3.2s linear forwards;
  }
  .ot-ps-layer.start-zoomed{
    animation-name:ot-ps-kenburns-fromzoomed;
  }
  @keyframes ot-ps-kenburns{
    from{transform:scale(1);}
    to{transform:scale(1.08);}
  }
  @keyframes ot-ps-kenburns-fromzoomed{
    from{transform:scale(1.02);}
    to{transform:scale(1.1);}
  }
  .ot-ps-image:active .ot-ps-layer.is-active{opacity:.9;}
  .ot-ps-btn{
    display:inline-flex;align-items:center;gap:8px;padding:10px 18px;
    border-radius:25px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.03em;
    background-image:linear-gradient(45deg, #2c4463 0%, #1a2a40 100%);
    transition:background-image .4s;-webkit-tap-highlight-color:transparent;
  }
  .ot-ps-btn svg{width:13px;height:13px;color:#fff;transition:transform .35s cubic-bezier(.34,1.56,.64,1);}
  .ot-ps-btn:active{background-image:linear-gradient(45deg, #1a2a40 0%, #0f1a2a 100%);}
  .ot-ps-btn:active svg{transform:translateX(4px);}
  /* PC(1280px莉･荳�)縺ｮ縺ｿ�壹€瑚｣ｽ蜩�幕逋ｺ逅�ｿｵ繧偵∩繧九€阪€瑚｣ｽ蜩√せ繝医�繝ｪ繝ｼ繧偵∩繧九€�
     (縺ｩ縺｡繧峨ｂ.ot-ps-btn蜈ｱ騾�)繧剃ｸ€蝗槭ｊ螟ｧ縺阪￥縺吶ｋ */
  @media (min-width:1280px){
    .ot-ps-btn{padding:13px 22px;font-size:15px;border-radius:28px;}
    .ot-ps-btn svg{width:15px;height:15px;}
  }

  /* ===== Guide banners (philosophy / history / subscription / map / factory) ===== */
  .ot-banner-link{display:block;-webkit-tap-highlight-color:transparent;}
  .ot-banner{
    position:relative;overflow:hidden;isolation:isolate;
    border-radius:20px;padding:32px 26px;
    transition:transform .3s ease;
  }
  .ot-banner-link:active .ot-banner{transform:scale(.97);}
  .ot-banner--light{background:#ffffff;border:1px solid rgba(26,42,64,.08);box-shadow:0 16px 34px -22px rgba(26,42,64,.25);}
  .ot-banner--light .ot-banner-icon{color:var(--navy);}
  .ot-banner--light .ot-banner-cta{color:var(--gold);}
  .ot-banner--light .ot-banner-title{color:var(--navy);}
  .ot-banner--light .ot-banner-note{color:var(--gray);}

  .ot-banner--navy{background:linear-gradient(150deg,#22354f 0%,#101c2c 100%);border:1px solid rgba(189,161,107,.35);color:#fff;}
  .ot-banner--deep{background:linear-gradient(160deg,#182a25 0%,#0b1012 100%);border:1px solid rgba(189,161,107,.25);color:#fff;}
  .ot-banner--navy .ot-banner-icon,.ot-banner--deep .ot-banner-icon{color:var(--gold);}
  .ot-banner--navy .ot-banner-cta,.ot-banner--deep .ot-banner-cta{color:#e3cd9e;}
  .ot-banner--navy .ot-banner-title,.ot-banner--deep .ot-banner-title{color:#fff;}
  .ot-banner--navy .ot-banner-note,.ot-banner--deep .ot-banner-note{color:rgba(255,255,255,.65);}

  .ot-section--deep{
    background:linear-gradient(165deg,#182a25 0%,#0b1012 100%);
    position:relative;overflow:hidden;
  }
  .ot-section--deep::after{
    content:"";position:absolute;top:-30%;left:-20%;width:70%;height:120%;
    border-radius:50%;
    background:radial-gradient(circle, rgba(189,161,107,.12) 0%, rgba(189,161,107,0) 70%);
    pointer-events:none;
  }
  .ot-section--deep .ot-banner--deep{border-color:rgba(189,161,107,.4);}

  .ot-banner--cream{background:#fbf8f1;border:1px solid rgba(189,161,107,.45);}
  .ot-banner--cream .ot-banner-icon{color:var(--gold);}
  .ot-banner--cream .ot-banner-cta{color:var(--navy);}
  .ot-banner--cream .ot-banner-title{color:var(--navy);}
  .ot-banner--cream .ot-banner-note{color:var(--gray);}

  .ot-banner-motif{
    display:none;
  }
  .ot-banner-image{
    position:absolute;left:0;right:0;bottom:0;width:100%;height:auto;
    z-index:0;pointer-events:none;display:block;
  }
  .ot-banner-icon{
    display:none;
  }

  /* ===== 逕ｻ蜒上〒BOX縺ｮ鬮倥＆繧呈ｱｺ繧√ｋ蜀咏悄繝舌リ繝ｼ ===== */
  .ot-banner--photo{padding:0;}
  .ot-banner--photo .ot-banner-image{
    position:static;width:100%;height:auto;
  }
  .ot-banner-text{
    position:absolute;left:0;right:0;bottom:0;z-index:1;
    padding:28px 26px 24px;
    background:linear-gradient(to top, rgba(11,16,18,.7) 0%, rgba(11,16,18,0) 75%);
  }
  .ot-banner-text .ot-banner-title{color:#fff;margin-bottom:8px;}
  .ot-banner-text .ot-banner-note{color:rgba(255,255,255,.75);}
  .ot-banner-text .ot-banner-cta{color:#e3cd9e;}
  .ot-banner-title{font-size:17px;font-weight:700;margin-bottom:8px;position:relative;z-index:1;letter-spacing:.01em;}
  .ot-banner-note{font-size:12.5px;line-height:1.8;margin-bottom:20px;position:relative;z-index:1;max-width:88%;}
  .ot-banner-cta{
    display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;
    letter-spacing:.06em;position:relative;z-index:1;
  }
  .ot-banner-cta svg{width:13px;height:13px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);}
  .ot-banner-link:active .ot-banner-cta svg{transform:translateX(4px);}

  /* ===== NEWS ===== */
  .ot-news-list{border-top:1px solid rgba(26,42,64,.08);}
  .ot-news-item{
    display:flex;align-items:center;gap:14px;
    padding:18px 2px;border-bottom:1px solid rgba(26,42,64,.08);
    transition:opacity .3s ease;
  }
  .ot-news-item:active{opacity:.55;}
  .ot-news-body{flex:1;display:flex;flex-direction:column;gap:6px;}
  .ot-news-date{font-size:11px;color:var(--gray-light);letter-spacing:.03em;}
  .ot-news-title{font-size:15px;color:var(--ink);line-height:1.6;}
  .ot-news-tags{display:flex;flex-wrap:wrap;gap:6px;}
  .ot-news-tag{
    font-size:10px;color:var(--navy);background:rgba(26,42,64,.06);
    padding:3px 8px;border-radius:999px;display:inline-block;width:fit-content;
  }
  .ot-news-arrow{flex:0 0 auto;width:14px;height:14px;color:var(--gold);}
  .ot-news-loading{padding:24px 2px;font-size:13px;color:var(--gray-light);text-align:center;}
  .ot-more-link{
    display:flex;align-items:center;justify-content:flex-end;gap:8px;
    margin-top:22px;font-size:12px;font-weight:600;color:var(--navy);letter-spacing:.06em;
  }
  .ot-more-link svg{width:13px;height:13px;color:var(--gold);}

  /* ===== NEWSLETTER ===== */
  .ot-nl-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;margin:0 -26px;padding-left:26px;padding-right:26px;scrollbar-width:none;}
  .ot-nl-scroll::-webkit-scrollbar{display:none;}
  .ot-nl-card{
    flex:0 0 auto;width:210px;background:#fff;border:1px solid rgba(26,42,64,.08);
    border-radius:16px;padding:22px 20px;box-shadow:0 14px 30px -22px rgba(26,42,64,.25);
  }
  .ot-nl-vol{font-size:11px;color:var(--gold);font-weight:700;letter-spacing:.08em;margin-bottom:8px;}
  .ot-nl-date{font-size:10px;color:var(--gray-light);margin-bottom:14px;}
  .ot-nl-subject{font-size:13px;color:var(--navy);line-height:1.7;font-weight:500;}

  /* ===== CONTENTS ===== */
  .ot-contents-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .ot-content-tile{
    position:relative;border-radius:18px;overflow:hidden;padding:24px 18px;
    min-height:168px;display:flex;flex-direction:column;justify-content:flex-end;
    transition:transform .3s ease;isolation:isolate;
  }
  .ot-content-tile:active{transform:scale(.96);}
  .ot-content-tile--space{background:linear-gradient(160deg,#243a56 0%,#0f1a2a 100%);color:#fff;}
  .ot-content-tile--line{background:linear-gradient(160deg,#06c755 0%,#049c44 100%);color:#fff;}
  .ot-content-tile--live{
    grid-column:1 / -1;
    background:linear-gradient(115deg,#1a2a40 0%,#2c4463 55%,#8a6d3b 130%);
    color:#fff;flex-direction:row;align-items:center;gap:18px;
    min-height:auto;padding:22px 20px;justify-content:flex-start;
  }
  .ot-content-tile--live .ot-tile-icon{width:40px;height:40px;margin-bottom:0;flex:0 0 auto;color:#e3cd9e;}
  .ot-content-tile--live .ot-tile-text{flex:1;}
  .ot-live-badge{
    display:inline-flex;align-items:center;gap:5px;
    background:rgba(255,255,255,.12);border:1px solid rgba(227,205,158,.5);
    border-radius:999px;padding:3px 9px 3px 7px;font-size:9.5px;
    letter-spacing:.1em;font-weight:700;color:#e3cd9e;margin-bottom:8px;
  }
  .ot-live-dot{width:6px;height:6px;border-radius:50%;background:#ff5b5b;animation:ot-live-pulse 1.6s ease-in-out infinite;}
  @keyframes ot-live-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.75);}}
  .ot-tile-icon{width:26px;height:26px;margin-bottom:12px;color:#fff;opacity:.9;position:relative;z-index:1;}
  .ot-tile-title{font-size:14px;font-weight:700;margin-bottom:6px;letter-spacing:.04em;position:relative;z-index:1;}
  .ot-tile-note{font-size:10.5px;line-height:1.6;opacity:.85;position:relative;z-index:1;}
  .ot-tile-orbit{
    position:absolute;top:14px;right:14px;width:64px;height:64px;
    border:1px solid rgba(255,255,255,.25);border-radius:50%;
    animation:ot-spin 40s linear infinite;
  }
  .ot-tile-orbit::before{
    content:"";position:absolute;top:-3px;left:50%;transform:translateX(-50%);
    width:6px;height:6px;border-radius:50%;background:#fff;
  }

  /* ===== LINK ===== */
  .ot-link-list{border-top:1px solid rgba(26,42,64,.08);}
  .ot-link-item{
    display:flex;align-items:center;gap:14px;padding:17px 2px;
    border-bottom:1px solid rgba(26,42,64,.08);
  }
  @media (min-width:768px){
    .ot-link-list{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;}
  }
  .ot-link-item:active{opacity:.55;}
  .ot-link-text{flex:1;}
  .ot-link-title{font-size:15px;color:#2d2d2d;font-weight:500;}
  .ot-link-note{font-size:10.5px;color:var(--gray-light);margin-top:3px;}
  .ot-link-image{width:auto;height:40px;border-radius:8px;flex:0 0 auto;}
  .ot-link-arrow{width:12px;height:12px;color:var(--gray-light);flex:0 0 auto;}

  /* ===== Galaxy S8蜷代￠蛟句挨隱ｿ謨ｴ�亥ｹ�363px莉･荳凝鈴ｫ倥＆760px莉･荳具ｼ� =====
     繧ｫ繧ｹ繧ｱ繝ｼ繝蛾���莠区腐繧帝∩縺代ｋ縺溘ａ縲∵э蝗ｳ逧�↓style縺ｮ譛€蠕後↓鄂ｮ縺�
     (莉悶�縺ｩ縺ｮ繝ｫ繝ｼ繝ｫ繧医ｊ蠕後↓隧穂ｾ｡縺輔ｌ縲∫｢ｺ螳溘↓荳頑嶌縺阪〒縺阪ｋ)縲�
     窶ｻ 莉･蜑阪�height(701px蠅�阜)縺ｧiPhone SE縺ｨ蛹ｺ蛻･縺励※縺�◆縺後€ヾafari縺ｮ
       繧｢繝峨Ξ繧ｹ繝舌�陦ｨ遉ｺ/髱櫁｡ｨ遉ｺ縺ｧ繝薙Η繝ｼ繝昴�繝磯ｫ倥＆縺悟虚逧�↓螟峨ｏ繧翫€ヾE縺ｧ繧�
       700px繧定ｶ�∴縺ｦ縺薙■繧峨↓隱､縺｣縺ｦ隧ｲ蠖薙☆繧九％縺ｨ縺後≠縺｣縺溘€Ｘidth縺ｯ
       繝医げ繝ｫ縺ｮ蠖ｱ髻ｿ繧貞女縺代↑縺�◆繧√€∝ｹ�(Galaxy S8:360px / SE:375px)繧�
       蝓ｺ貅悶↓蛹ｺ蛻･縺吶ｋ(髢ｾ蛟､363px)縲�
     莉･荳九€√Θ繝ｼ繧ｶ繝ｼ謖�､ｺ縺ｫ繧医ｊ鬆�ｬ｡縺薙�繝悶Ξ繝ｼ繧ｯ繝昴う繝ｳ繝医↓霑ｽ蜉�縺励※縺�￥縲� */
  @media (max-width:363px) and (max-height:760px){
    /* x_top_1繧偵＆繧峨↓20%螟ｧ縺阪￥(39.9vw/239px 竊� 47.88vw/287px) */
    .ot-top-image{width:47.88vw;max-width:287px;}
    /* 繝ｼMessage/閧夲ｼ医�繧会ｼ峨�蜉帙ｒ鬮倥ａ縲�/莠ｺ逕溘↓逵溘�霄榊虚繧偵€ゅｒ縲∽ｸ€闊ｬ逧�↑
       SE蜷代￠縺ｮtop:30px(荳九↓30px)縺九ｉ縲√＆繧峨↓50px鬮倥￥(top:-20px)縲� */
    .ot-statement-top{top:-20px;}
    /* 譛ｬ譁�(縲瑚ｚ縺ｮ蜉帙→縺ｯ縲√€懊€�)縺ｮ陦碁俣繧担E縺ｨ蜷梧ｧ倥↓隧ｰ繧√ｋ(1.9竊�1.6) */
    .ot-statement-body p{line-height:1.6;}
  }

  /* ===== iPhone SE蜷代￠蛟句挨隱ｿ謨ｴ�亥ｹ�364縲�400pxﾃ鈴ｫ倥＆760px莉･荳具ｼ� =====
     Galaxy S8繝悶Ο繝�け縺ｨ蜷後§縺峻tyle縺ｮ譛€蠕後↓鄂ｮ縺阪€∫｢ｺ螳溘↓荳頑嶌縺阪☆繧九€�
     SE隨ｬ2/3荳紋ｻ｣(375ﾃ�667)繧呈Φ螳壹€Ｘidth縺ｧ蛹ｺ蛻･縺吶ｋ逅�罰縺ｯ荳翫�
     Galaxy S8繝悶Ο繝�け縺ｮ繧ｳ繝｡繝ｳ繝亥盾辣ｧ縲ゆｻ･荳九€√Θ繝ｼ繧ｶ繝ｼ謖�､ｺ縺ｫ繧医ｊ鬆�ｬ｡
     縺薙�繝悶Ξ繝ｼ繧ｯ繝昴う繝ｳ繝医↓霑ｽ蜉�縺励※縺�￥縲� */
  @media (min-width:364px) and (max-width:400px) and (max-height:760px){
    /* x_top_1繧担E縺ｮ縺ｿ縺輔ｉ縺ｫ10%蟆上＆縺�(39.9vw/239px 竊� 35.91vw/215.1px)
       竊偵＆繧峨↓10%蟆上＆縺�(35.91vw/215.1px 竊� 32.319vw/193.59px)
       竊偵€舌ユ繧ｹ繝医€大渕貅悶し繧､繧ｺ縺ｮ逶ｸ驕輔ｒ遒ｺ隱阪☆繧九◆繧∽ｸ€譎ら噪縺ｫ30%螟ｧ縺阪￥
       (32.319vw/193.59px 竊� 42.0147vw/251.667px) */
    .ot-top-image{width:42.0147vw;max-width:251.667px;}
    /* x_top_2繧担E縺ｮ縺ｿ10%螟ｧ縺阪￥(37.8vw/227px 竊� 41.58vw/249.7px)縲�
       縺輔ｉ縺ｫ5%蟆上＆縺�(41.58vw/249.7px 竊� 39.501vw/237.215px) */
    .ot-top-image2{width:39.501vw;max-width:237.215px;}
    /* x_top_3繧担E縺ｮ縺ｿ縺輔ｉ縺ｫ30px荳翫￡縲�15px荳翫￡繧�(險�45px)縲�
       right繧Ｙ_top_1縺ｮ迴ｾ蝨ｨ繧ｵ繧､繧ｺ縺ｫ霑ｽ蠕薙＆縺帙↑縺�→縲』_top_1縺ｮ蟾ｦ霎ｺ縺九ｉ
       15px蟾ｦ縺ｨ縺�≧髢｢菫ゅ′蟠ｩ繧後※髫咎俣繝ｻ繧ｺ繝ｬ縺悟�繧九◆繧√€√％縺薙〒蜷医ｏ縺帙※
       譖ｴ譁ｰ縺吶ｋ縲� */
    .ot-top-image3{
      top:calc(clamp(62px, calc(33.90vh - 164.10px), 158px) + 65.42vw - 45px);
      right:min(calc(42.0147vw + 15px), 266.667px);
      /* x_top_3繧担E縺ｮ縺ｿ20%螟ｧ縺阪￥(31.5vw/189px 竊� 37.8vw/226.8px)縲�
         莉雁屓縺輔ｉ縺ｫ10%蟆上＆縺�(37.8vw/226.8px 竊� 34.02vw/204.12px) */
      width:34.02vw;max-width:204.12px;
    }
    /* 繝ｼMessage/閧夲ｼ医�繧会ｼ峨�蜉帙ｒ鬮倥ａ縲�/莠ｺ逕溘↓逵溘�霄榊虚繧偵€ゅｒ縲∽ｸ€闊ｬ逧�↑
       SE蜷代￠縺ｮtop:30px縺九ｉ縲√＆繧峨↓60px荳九￡(top:90px)縲�
       60px荳翫￡(top:30px)縲�30px荳翫￡(top:0px)縲√＆繧峨↓5px荳翫￡繧�(top:-5px)縲� */
    .ot-statement-top{top:-5px;}
    /* 譛ｬ譁�(縲瑚ｚ縺ｮ蜉帙→縺ｯ縲√€懊€�)縺ｮ陦碁俣繧担E縺ｮ縺ｿ蟆代＠隧ｰ繧√ｋ(1.9竊�1.7竊�1.6) */
    .ot-statement-body p{line-height:1.6;}
  }

  /* ===== 縲先ｯ碑ｼ�畑縲題｣ｽ蜩√せ繝医�繝ｪ繝ｼ譌ｧ繝�じ繧､繝ｳ��TOP蜀阪€�ｽ懈� / top_260612.css 繧医ｊ霆｢險假ｼ� ===== */
  .btc-sub-images-strip{display:flex;width:100%;background-color:#fff;line-height:0;}
  .btc-sub-img-wrap{flex:0 0 25%;width:25%;overflow:hidden;line-height:0;}
  .btc-sub-img{width:100%;height:auto;display:block;transform:translateX(100%);}
  .btc-sub-img.btc-slide-in{
    transform:translateX(0);
    transition:transform .9s cubic-bezier(.25,.46,.45,.94);
  }
  .btc-story-nav{background:#0b1012;position:relative;overflow:hidden;}
  .btc-story-nav-fade-top{
    height:1px;
    background:linear-gradient(to right, transparent, rgba(189,161,107,.3) 50%, transparent);
  }
  .btc-story-nav-inner{
    padding:32px 24px 36px;
    display:flex;align-items:center;justify-content:space-between;gap:16px;
  }
  .btc-story-nav-en{
    display:block;font-family:'Inter',sans-serif;font-size:9px;
    letter-spacing:.3em;color:#bda16b;margin-bottom:10px;
  }
  .btc-story-nav-ja{
    font-family:'Noto Sans JP',sans-serif;font-weight:500;font-size:20px;
    color:#e8d9b8;letter-spacing:.1em;line-height:1.6;margin:0;
  }
  .btc-story-nav-dots{display:flex;gap:5px;margin-top:14px;}
  .btc-story-nav-dot{width:18px;height:2px;background:rgba(189,161,107,.6);}
  .btc-story-nav-cta{
    display:flex;flex-direction:column;align-items:flex-end;gap:8px;
    text-decoration:none;flex-shrink:0;
  }
  .btc-story-nav-cta-label{
    font-family:'Noto Sans JP',sans-serif;font-size:10px;letter-spacing:.2em;
    color:#bda16b;white-space:nowrap;
  }
  .btc-story-nav-btn{
    width:48px;height:48px;border:1px solid rgba(189,161,107,.45);
    display:flex;align-items:center;justify-content:center;
    position:relative;overflow:hidden;transition:border-color .4s ease;
  }
  .btc-story-nav-btn::before{
    content:'';position:absolute;inset:0;background:rgba(189,161,107,.1);
    transform:scaleX(0);transform-origin:left;
    transition:transform .4s cubic-bezier(.25,.46,.45,.94);
  }
  .btc-story-nav-cta:hover .btc-story-nav-btn{border-color:#bda16b;}
  .btc-story-nav-cta:hover .btc-story-nav-btn::before{transform:scaleX(1);}
  .btc-story-nav-arrow{
    position:relative;width:20px;height:1px;background:#bda16b;
    transition:width .4s ease;z-index:1;
  }
  .btc-story-nav-cta:hover .btc-story-nav-arrow{width:26px;}
  .btc-story-nav-arrow::after{
    content:'';position:absolute;right:0;top:-4px;width:8px;height:8px;
    border-right:1px solid #bda16b;border-top:1px solid #bda16b;
    transform:rotate(45deg);
  }
  .btc-story-nav-fade-bottom{
    height:1px;background:linear-gradient(to right, rgba(189,161,107,.4), transparent);
    margin:0 24px;
  }
  @media (min-width:1024px){
    .btc-story-nav-inner{max-width:900px;margin:0 auto;padding:48px 60px;}
  }