:root{
  --bg:#13131a;
  --bg-soft:#1c1c25;
  --surface:#23232e;
  --border:rgba(255,255,255,0.14);
  --border-strong:rgba(255,255,255,0.28);
  --text:#ffffff;
  --text-muted:#c8c8d4;
  --text-faint:#9696a4;
  --accent:#e0bd7a;
  --accent-soft:rgba(224,189,122,0.18);
  --max:1100px;
  --radius:4px;
  --gmo-header-h:30px;
  --nav-h:72px;
  --header-h: calc(var(--nav-h) + 1px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{
  overflow-x:hidden;
  overflow-y:auto !important;
  width:100%;
  max-width:100%;
}
body{
  font-family:"Noto Sans JP","Inter",-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--bg);
  color:var(--text);
  font-weight:400;
  line-height:1.9;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  letter-spacing:0.01em;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}

.container{max-width:var(--max);margin:0 auto;padding:0 24px}

/* ===================== GMO HEADER (EXTERNAL) ===================== */
#gmoheader, #gmoHeader, .gmo-header, iframe[id^="gmo"] {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 100 !important;
  margin: 0 !important;
  height: var(--gmo-header-h) !important;
}

/* ===================== BODY OFFSET ===================== */
body{
  padding-top: var(--header-h) !important;
}

/* ===================== SITE HEADER / NAV BAR ===================== */
header{
  position:fixed;
  top:0;
  left:0;right:0;width:100%;
  z-index:90;
  background:#ffffff;
  border-bottom:1px solid var(--bg);
  padding-top:var(--gmo-header-h);
  height:calc(var(--gmo-header-h) + var(--nav-h));
}
.header-inner{
  max-width:var(--max);margin:0 auto;
  padding:0 24px;
  height:var(--nav-h);
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.header-brand{
  display:flex;align-items:center;
  height:45px;
  flex-shrink:0;
}
.header-brand img{
  height:34px;width:auto;
}
.header-nav {
  display: flex;
  gap: 45px;
  align-items: center;
}
.header-nav a {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  letter-spacing: 0.05em;
  transition: color 0.2s ease;
}
.header-nav a:hover {
  color: var(--accent);
}
.header-cta{
  font-size:13px;letter-spacing:0.06em;font-weight:600;
  padding:11px 22px;
  border:1px solid #222;
  color:#222;
  transition:all 0.3s ease;
  border-radius:var(--radius);
  white-space:nowrap;
  flex-shrink:0;
}
.header-cta:hover{border-color:var(--accent);color:var(--accent);background:rgba(224,189,122,0.06)}

/* ===================== HERO ===================== */
main{
  display:block;
  background:var(--bg);
}
.hero{
  min-height:calc(100vh - var(--header-h));
  padding:28px 0 64px;
  display:flex;align-items:center;
  position:relative;
  overflow:hidden;
  background:var(--bg);
}

.hero-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;letter-spacing:0.2em;
  color:var(--accent);
  margin-bottom:32px;
  font-weight:600;
}
.hero-eyebrow::before{
  content:"";width:24px;height:1px;background:var(--accent);
}
.hero h1{
  font-size:clamp(28px, 4.5vw, 50px);
  font-weight:400;
  line-height:1.4;
  letter-spacing:0.01em;
  margin-bottom:36px;
  color:var(--text);
}
.hero h1 .hero-title-sub{
  font-size:0.78em;
}
.hero h1 strong{font-weight:600;color:var(--accent)}
.hero-lead{
  font-size:17px;
  color:var(--text-muted);
  line-height:2;
  margin-bottom:48px;
  font-weight:400;
}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;align-items:center}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:18px 32px;
  font-size:14px;letter-spacing:0.06em;font-weight:600;
  border-radius:var(--radius);
  transition:all 0.3s ease;
  cursor:pointer;
  max-width:100%;
}
.btn-primary{
  background:var(--accent);color:#1a1410;
  border:1px solid var(--accent);
}
.btn-primary:hover{background:#f0cf90;border-color:#f0cf90}
.btn-ghost{
  background:transparent;color:var(--text);
  border:1px solid var(--border-strong);
}
.btn-ghost:hover{border-color:var(--text);background:rgba(255,255,255,0.04)}
.btn-arrow::after{content:"→";font-size:14px}

.hero-meta{
  margin-top:64px;
  display:flex;gap:48px;flex-wrap:wrap;
  padding-top:32px;
  border-top:1px solid var(--border);
}
.hero-meta-item{font-size:13px}
.hero-meta-label{
  color:var(--text-faint);letter-spacing:0.12em;font-size:11px;
  margin-bottom:10px;text-transform:uppercase;font-weight:600;
}
.hero-meta-value{color:var(--text);font-weight:500;letter-spacing:0.03em;font-size:14px}

/* Section base */
section{
  padding:120px 0;
  position:relative;
  scroll-margin-top:var(--header-h);
}
.section-num{
  font-size:12px;letter-spacing:0.25em;color:var(--accent);
  margin-bottom:20px;font-weight:600;
}
.section-title{
  font-size:clamp(26px,3.5vw,40px);
  font-weight:400;line-height:1.5;
  margin-bottom:28px;
  letter-spacing:0.01em;
  color:var(--text);
}
.section-title strong{font-weight:600;color:var(--accent)}
.section-lead{
  color:var(--text-muted);
  font-size:16px;
  max-width:720px;
  margin-bottom:64px;
  font-weight:400;
  line-height:2;
  text-align: left;  
  margin-left: 0;
  margin-right: auto;
}

/* Problem */
.problem{background:var(--bg-soft)}
.problem-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  background:var(--border);
  border:1px solid var(--border);
}
.problem-item{
  background:var(--bg-soft);
  padding:48px 40px;
}
.problem-item-num{
  font-size:12px;letter-spacing:0.18em;color:var(--accent);
  margin-bottom:20px;font-weight:600;
}
.problem-item h3{
  font-size:20px;font-weight:600;
  margin-bottom:18px;letter-spacing:0.02em;
  color:var(--text);
}
.problem-item p{
  color:var(--text-muted);font-size:15px;line-height:1.95;
  font-weight:400;
}

/* What's coming */
.coming-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:32px;
}
.coming-card{
  border:1px solid var(--border);
  padding:32px 28px;
  position:relative;
  transition:border-color 0.3s ease;
  border-radius:var(--radius);
  background:var(--bg-soft);
}
.coming-card:hover{border-color:var(--accent)}
.coming-card-tag{
  position:absolute;top:20px;right:20px;
  font-size:10px;letter-spacing:0.15em;font-weight:600;
  color:var(--accent);
  padding:5px 10px;
  border:1px solid var(--accent-soft);
  background:var(--accent-soft);
  border-radius:2px;
}
.coming-card h4{
  font-size:17px;font-weight:600;
  margin-bottom:14px;margin-top:8px;
  letter-spacing:0.02em;
  color:var(--text);
}
.coming-card p{
  color:var(--text-muted);font-size:14px;line-height:1.85;
  font-weight:400;
}

/* ── DEMO VIDEO ── */
.demo-video{
  margin-top:64px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.demo-video-label{
  font-size:11px;
  letter-spacing:0.2em;
  color:var(--text-faint);
  margin-bottom:16px;
  font-weight:600;
  font-family:"Inter",monospace;
}
.demo-video-frame{
  position:relative;
  width:600px;
  max-width:100%;
  aspect-ratio:16/9;
  background:#000;
  border:1px solid var(--border);
  border-radius:var(--radius);
  overflow:hidden;
}
.demo-video-frame iframe{
  position:absolute;
  top:0;left:0;
  width:100%;height:100%;
  border:none;
}
.demo-video-note{
  margin-top:14px;
  font-size:12px;
  color:var(--text-faint);
  line-height:1.8;
}

/* Privilege */
.privilege{
  background:linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);
}
.privilege-box{
  border:1px solid var(--border-strong);
  padding:64px 56px;
  position:relative;
  border-radius:var(--radius);
  background:var(--surface);
}
.privilege-box::before{
  content:"";position:absolute;top:0;left:0;width:3px;height:100%;
  background:var(--accent);
}
.privilege-eyebrow{
  font-size:12px;letter-spacing:0.22em;color:var(--accent);
  margin-bottom:20px;font-weight:600;
}
.privilege-title{
  font-size:clamp(24px,3vw,32px);
  font-weight:500;line-height:1.5;
  margin-bottom:44px;letter-spacing:0.01em;
  color:var(--text);
}
.privilege-list{list-style:none;display:flex;flex-direction:column;gap:28px;margin-bottom:48px}
.privilege-list li{
  display:flex;gap:24px;align-items:flex-start;
  padding-bottom:28px;
  border-bottom:1px solid var(--border);
}
.privilege-list li:last-child{border-bottom:none;padding-bottom:0}
.privilege-num{
  font-size:14px;letter-spacing:0.1em;color:var(--accent);
  min-width:36px;padding-top:2px;font-weight:700;
}
.privilege-text h4{
  font-size:18px;font-weight:600;margin-bottom:10px;
  letter-spacing:0.02em;
  color:var(--text);
}
.privilege-text p{
  color:var(--text-muted);font-size:15px;line-height:1.95;
  font-weight:400;
}

/* Roadmap */
.roadmap-list{
  display:flex;flex-direction:column;gap:0;
  border-top:1px solid var(--border);
}
.roadmap-item{
  display:grid;
  grid-template-columns:200px 1fr auto;
  gap:48px;align-items:center;
  padding:32px 0;
  border-bottom:1px solid var(--border);
  transition:background 0.3s ease;
}
.roadmap-phase{
  font-size:12px;letter-spacing:0.15em;color:var(--accent);
  font-weight:600;
}
.roadmap-content h4{
  font-size:19px;font-weight:600;margin-bottom:8px;
  letter-spacing:0.02em;
  color:var(--text);
}
.roadmap-content p{
  color:var(--text-muted);font-size:14px;font-weight:400;line-height:1.8;
}
.roadmap-status{
  font-size:11px;letter-spacing:0.12em;font-weight:600;
  padding:7px 16px;
  border:1px solid var(--border-strong);
  color:var(--text-muted);
  border-radius:2px;
  white-space:nowrap;
}
.roadmap-status.now{
  color:var(--accent);border-color:var(--accent);
  background:var(--accent-soft);
}

/* List download */
.list-download{background:var(--bg-soft)}
.list-download-box{
  display:grid;
  grid-template-columns:1fr auto;
  gap:48px;align-items:center;
  padding:40px 48px;
  border:1px solid var(--border);
  border-radius:var(--radius);
}
.list-download-content h3{
  font-size:20px;font-weight:600;
  margin-bottom:10px;letter-spacing:0.02em;
  color:var(--text);
}
.list-download-content p{
  color:var(--text-muted);font-size:14px;font-weight:400;line-height:1.8;
}

/* ===================== FAQ ===================== */

#faq{
  background:var(--bg-soft);
}

.faq-list{
  max-width:900px;
  margin:48px auto 0;
  background:transparent;
}

.faq-item{
  border-bottom:1px solid var(--border);
  background:transparent;
  background-color:transparent;
}

.faq-item:first-child{
  border-top:1px solid var(--border);
}

/* ── FAQ: ブラウザデフォルトマーカー完全除去 ── */
.faq-item summary{
  list-style:none;
  cursor:pointer;

  display:grid;
  grid-template-columns:24px 1fr 24px;
  align-items:center;
  gap:20px;

  padding:30px 0;

  color:var(--text);
  font-size:17px;
  font-weight:500;
  line-height:1.7;

  background:transparent;
  background-color:transparent;

  transition:color .25s ease;
}

.faq-item summary:hover{
  color:var(--accent);
}

.faq-item summary::-webkit-details-marker{
  display:none;
}

.faq-item summary::marker{
  display:none;
  content:"";
  font-size:0;
  color:transparent;
}

/* 左のQ */

.faq-item summary::before{
  content:"Q";
  color:var(--accent);
  font-size:12px;
  font-weight:700;
  letter-spacing:.15em;
}

/* 右の開閉アイコン — ::after を完全無効化し .faq-icon で制御 */

.faq-item summary::after{
  content:none !important;
  display:none !important;
}

.faq-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  color:var(--accent);
  font-size:16px;
  font-weight:400;
  line-height:1;
  flex-shrink:0;
}
.faq-icon::before{
  content:"＋";
}
.faq-item[open] .faq-icon::before{
  content:"－";
}

/* 開いている時 */

.faq-item[open] summary{
  color:var(--accent);
}

/* 回答 */

.faq-answer{
  padding:
    0
    44px
    30px;

  color:var(--text-muted);

  font-size:15px;
  line-height:2;

  max-width:760px;

  background:transparent;
  background-color:transparent;

  animation:faqFade .25s ease;
}

@keyframes faqFade{
  from{
    opacity:0;
    transform:translateY(-4px);
  }
  to{
    opacity:1;
    transform:none;
  }
}

/* CTA */
.cta-final{
  padding:140px 0;
  text-align:center;
  border-top:1px solid var(--border);
  background:radial-gradient(ellipse at center,rgba(201,169,106,0.05),transparent 60%);
}
.cta-final h2{
  font-size:clamp(28px,4vw,42px);
  font-weight:500;line-height:1.5;
  margin-bottom:28px;letter-spacing:0.01em;
  color:var(--text);
}
.cta-final p{
  color:var(--text-muted);font-size:16px;margin-bottom:48px;font-weight:400;line-height:1.95;
}

/* Footer */
footer{
  border-top:1px solid var(--border);
  padding:48px 0 32px;
}
.footer-inner{
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:24px;
}
.footer-brand{font-size:14px;color:var(--text-muted);letter-spacing:0.03em;font-weight:500}
.footer-brand img{
  height:29px;width:auto;
  opacity:0.95;
}
.footer-links{display:flex;gap:32px;font-size:13px;flex-wrap:wrap}
.footer-links a{color:var(--text-muted);transition:color 0.2s ease;font-weight:400}
.footer-links a:hover{color:var(--accent)}
.footer-copy{
  margin-top:32px;padding-top:24px;
  border-top:1px solid var(--border);
  font-size:12px;color:var(--text-faint);letter-spacing:0.03em;
}

.gmo-group-area{
  width:100%;
  background-color:#fff !important;
  padding:18px 0 10px;
}
.gmo-group-inner{
  max-width:1040px;
  margin:0 auto;
  padding:0 35px;
  text-align:left;
}
.gmo-group-inner .footer-logo-gmo-doj{
  background:transparent;
  padding:0;
  margin:20px 0;
}
.gmo-group-inner .footer-logo-gmo-doj img{
  width:187.222px !important;
  max-width:100% !important;
  height:auto;
}
.gmo-seal-container{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:20px;
  margin-top:24px;
  margin-bottom:24px;
}
.gmo-seal-container img{
  max-width:115px;
}

/* Reveal animation */
.reveal{
  opacity:0;transform:translateY(20px);
  transition:opacity 0.8s ease,transform 0.8s ease;
}
.reveal.active{opacity:1;transform:translateY(0)}

/* Hero SVG */
.hero-layout{display:grid;grid-template-columns:1fr 400px;align-items:center;width:100%}
.hero-text{display:flex;flex-direction:column;min-width:0}
.hero-visual{display:flex;align-items:center;justify-content:flex-end;pointer-events:none}
.hero-svg-wrapper{width:400px;height:240px;flex-shrink:0;max-width:100%;opacity:0;transform:translateX(24px);transition:opacity 1s ease 0.3s,transform 1s cubic-bezier(0.22,1,0.36,1) 0.3s}
.hero-svg-wrapper.active{opacity:1;transform:translateX(0)}
.hero-svg-wrapper svg{width:100%;height:100%;display:block}

/* ===================== RESPONSIVE ===================== */
@media(max-width:960px){
  .hero-layout{grid-template-columns:1fr}
  .hero-visual{display:none}
}

@media (max-width:768px){
  :root{
    --gmo-header-h:26px;
    --nav-h:76px;
  }
  .container{padding:0 16px}
  .header-nav { display: none; }
  .header-inner{padding:0 16px;gap:12px}
  .header-brand{height:auto}
  .header-brand img{height:28px}
  .header-cta{padding:9px 14px;font-size:12px;letter-spacing:0.03em}

  section{padding:80px 0}
  .hero{padding:40px 0 60px;min-height:auto}
  .hero h1{font-size:clamp(24px,6.5vw,34px);margin-bottom:28px}
  .hero h1 .hero-title-sub{font-size:0.85em;white-space:normal}
  .hero h1 br{display:none}
  .hero-lead{font-size:15px;margin-bottom:36px}
  .hero-lead br{display:none}
  .hero-meta{gap:24px;margin-top:48px}

  .section-lead br{display:none}

  .problem-grid{grid-template-columns:1fr}
  .problem-item{padding:36px 24px}

  .coming-grid{grid-template-columns:1fr}

  .privilege-box{padding:40px 24px}
  .privilege-list li{gap:16px}

  .roadmap-item{
    grid-template-columns:1fr;gap:12px;
    padding:24px 0;
  }
  .roadmap-status{justify-self:start}

  .list-download-box{
    grid-template-columns:1fr;
    padding:32px 24px;text-align:left;gap:24px;
  }
  .list-download-box .btn{width:100%}

  .cta-final{padding:90px 0}
  .cta-final br{display:none}

  .footer-inner{flex-direction:column;align-items:flex-start;gap:20px}
  .footer-links{gap:20px}
  .gmo-group-inner{padding:0 20px}

  /* FAQ mobile */
  .faq-item summary{
    grid-template-columns:20px 1fr 20px;
    gap:14px;
    padding:24px 0;
    font-size:15px;
  }

  .faq-answer{
    padding:
      0
      0
      24px
      34px;

    font-size:14px;
    line-height:1.9;
  }
}

@media (max-width:420px){
  :root{
    --gmo-header-h:26px;
    --nav-h:70px;
  }
  .header-brand img{height:24px}
  .header-cta{padding:8px 11px;font-size:11px}
  .btn{padding:15px 22px;font-size:13px;width:100%}
  .hero-ctas{width:100%}
  .hero h1{font-size:clamp(22px,7vw,30px)}
  .faq-item summary{font-size:15px;gap:14px}
}

/* ── FAQ内のテキストリンク ── */
.faq-answer a {
  color: var(--text); /* 通常時は白（テキストと同色） */
  text-decoration: underline; /* リンクだと直感的にわかるように下線を引く */
  text-underline-offset: 3px; /* 下線と文字の間に少し余白を開けて綺麗に見せる */
  transition: color 0.3s ease, text-decoration-color 0.3s ease;
}

.faq-answer a:hover {
  color: var(--accent); /* ホバー時にテーマのアクセントカラー（ゴールド系）に変更 */
  text-decoration-color: var(--accent); /* 下線の色も同時に変える */
}

/* ===================== SVG ANIMATIONS ===================== */
svg {
  font-family: "Noto Sans JP", "Inter", sans-serif;
}
.bg-lines {
  transform-origin: 250px 150px;
  animation: bg-spin 33.33s infinite linear;
}
@keyframes bg-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.base-circle {
  animation: anim-base 6.00s infinite ease-in-out;
}
@keyframes anim-base {
  0%, 25% { stroke: var(--border-strong); stroke-dasharray: 4 6; opacity: 1; filter: none; }
  26%, 65% { stroke: var(--accent); stroke-dasharray: none; opacity: 0.2; filter: url(#glow); }
  66%, 100% { stroke: var(--border-strong); stroke-dasharray: 4 6; opacity: 1; filter: none; }
}
.part {
  animation-duration: 6.00s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.25, 1, 0.4, 1);
  transform-origin: 250px 150px;
}
.part-1 { animation-name: anim-p1; }
.part-2 { animation-name: anim-p2; }
.part-3 { animation-name: anim-p3; }
@keyframes anim-p1 {
  0%, 10% { transform: translate(60px, -40px) rotate(15deg); opacity: 0; }
  15% { opacity: 1; }
  25%, 65% { transform: translate(0, 0) rotate(0deg); opacity: 1; }
  70%, 100% { transform: translate(60px, -40px) rotate(15deg); opacity: 0; }
}
@keyframes anim-p2 {
  0%, 10% { transform: translate(-50px, 50px) rotate(-15deg); opacity: 0; }
  15% { opacity: 1; }
  25%, 65% { transform: translate(0, 0) rotate(0deg); opacity: 1; }
  70%, 100% { transform: translate(-50px, 50px) rotate(-15deg); opacity: 0; }
}
@keyframes anim-p3 {
  0%, 10% { transform: translate(-40px, -60px) rotate(-20deg); opacity: 0; }
  15% { opacity: 1; }
  25%, 65% { transform: translate(0, 0) rotate(0deg); opacity: 1; }
  70%, 100% { transform: translate(-40px, -60px) rotate(-20deg); opacity: 0; }
}
.ai-core {
  transform-origin: 250px 150px;
  animation: anim-core 6.00s infinite cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes anim-core {
  0%, 25% { opacity: 0; transform: scale(0.6); }
  26% { opacity: 1; transform: scale(1.05); }
  30%, 65% { opacity: 1; transform: scale(1); }
  70%, 100% { opacity: 0; transform: scale(0.6); }
}
.ai-core-pulse {
  transform-origin: 250px 150px;
  animation: core-breathe 2.08s infinite ease-in-out;
}
@keyframes core-breathe {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}
.pulse-ring {
  transform-origin: 250px 150px;
  animation: anim-pulse 6.00s infinite ease-out;
}
@keyframes anim-pulse {
  0%, 25% { r: 70; opacity: 0; stroke-width: 4px; }
  26% { opacity: 0.6; }
  40%, 100% { r: 180; opacity: 0; stroke-width: 1px; }
}
.pulse-ring-2 {
  transform-origin: 250px 150px;
  animation: anim-pulse2 6.00s infinite ease-out;
}
@keyframes anim-pulse2 {
  0%, 28% { r: 70; opacity: 0; stroke-width: 3px; }
  29% { opacity: 0.4; }
  45%, 100% { r: 150; opacity: 0; stroke-width: 1px; }
}
.orbit-container {
  animation: anim-orbit-op 6.00s infinite;
}
.orbit-spin {
  transform-origin: 250px 150px;
  animation: anim-orbit-spin 4.16s infinite linear;
}
@keyframes anim-orbit-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes anim-orbit-op {
  0%, 25% { opacity: 0; }
  30%, 65% { opacity: 1; }
  70%, 100% { opacity: 0; }
}
.svg-text-muted {
  fill: var(--text-faint);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.15em;
}

/* ===================== GMO GROUP AREA ===================== */
.gmo-group-area {
  width: 100%;
  background-color: #fff;
  padding: 18px 0 10px;
}
.gmo-group-area .gmo-group-inner {
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 35px;
  text-align: left;
}
.gmo-group-area .footer-logo-gmo-doj {
  margin-bottom: 30px;
}
.gmo-group-area .footer-logo-gmo-doj img {
  max-width: 200px;
  height: auto;
  transition: opacity 0.3s;
}
.gmo-group-area .footer-logo-gmo-doj a:hover img {
  opacity: 0.7;
}
.gmo-group-area .gmo-seal-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 24px;
  margin-bottom: 24px;
}
#gmofooter,
[id^="gmofooter_"],
.gmofooter {
  width: 100%;
}
@media (max-width:768px){
  .gmo-group-area .gmo-group-inner { padding: 0 20px; }
}

/* ===================== MIGRATED INLINE STYLES ===================== */
.lp-inline-style-1{color:#ffffff;font-size:11px;margin-top:10px;opacity:0.8;line-height:1.6;}
.lp-inline-style-2{color:#ffffff;text-decoration:underline;}
.lp-inline-style-3{width:100%;}
.lp-inline-style-4{color:#c8c8d4;font-size:11px;margin-top:10px;opacity:0.8;line-height:1.6;}
.lp-inline-style-5{color:#c8c8d4;text-decoration:underline;}
.lp-inline-style-6{margin-top:8px;}
.lp-inline-style-7{width:115px; height:57px;}
.lp-inline-style-8{cursor:pointer; border:0; width:100%;}
.lp-inline-style-9{display: none;}