@charset "utf-8";
:root{
  --navy-950:#060c1c;
  --navy-900:#0a1730;
  --navy-800:#0f2148;
  --navy-700:#153163;
  --blue-700:#0748b0;
  --blue-600:#0b63e6;
  --blue-500:#1f7aff;
  --blue-400:#4da3ff;
  --blue-200:#bddcff;
  --blue-100:#e8f1ff;
  --red-500:#ff4d5e;
  --red-600:#e2313f;
  --amber-400:#ffb020;
  --amber-300:#ffcf6b;
  --amber-100:#fff6e0;
  --green-500:#12b886;
  --ink-900:#0f1a2e;
  --ink-700:#33415a;
  --ink-500:#5b6b85;
  --ink-400:#8896ab;
  --line:#e3eaf3;
  --line-soft:#eef3f9;
  --surface:#f5f9fd;
  --white:#ffffff;
  --shadow-sm:0 8px 22px rgba(15,26,46,.06);
  --shadow-md:0 18px 44px rgba(11,25,53,.09);
  --shadow-lg:0 30px 70px rgba(6,12,28,.16);
  --radius-lg:26px;
  --radius-md:18px;
  --radius-sm:12px;
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-family: 'Noto Sans JP', sans-serif;
}
body{ line-height: 1;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{ display: block; }
blockquote,
q{ quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after{
    content: '';
    content: none;
}
h1,
h2,
h3,
h4,
h5,
h6{ font-weight: inherit; }
a{
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ins{
    background-color: #ff9;
    color: #666666;
    text-decoration: none;
}
mark{
    background-color: #ff9;
    color: #666666;
    font-style: italic;
    font-weight: bold;
}
del{ text-decoration: line-through; }
abbr[title],
dfn[title]{
    border-bottom: 1px dotted;
    cursor: help;
}
th{
    text-align: left;
    vertical-align: top;
    font-weight: normal;
}
td{

    vertical-align: middle;
}
hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input,
select,
textarea,
img{ vertical-align:middle; }
ul,
dl,
ol{ list-style: none; }
em{ font-style: normal; }
*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
a{
    color: #1e93e4;
    text-decoration: none;
    transition: 0.2s ease;
}
body{
    color: #666666;
    font-size:19px;
    line-height: 1.631;
    background: #fff;
    -webkit-text-size-adjust: 100%;
}
a:hover{
    text-decoration: none;
    opacity: 0.9;
    transition: 0.2s ease;
}
a::before,
a:hover::before,
a::after,
a:hover::after{
    transition: 0.2s ease;
}
img,
video,
object{
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    border: none;
}
table,
tr,
td,
dl,
dt,
dd{font-family: 'Noto Sans JP', sans-serif;}
section{position: relative;}
.wrap{
    position: relative;
    max-width: 1400px;
    width:100%;
    margin: 0 auto;
    z-index:100;
    padding: 0px 20px;
}

/* ===================== header (existing, unchanged) ===================== */
#lp_leftContents{
    width: 65%;
    min-width:370px;
}
#lp_leftContents li{
    height: 50px;
    display: flex;
    align-items: center;
}
#lp_leftContents li a{
    color:#424b5b;
    font-weight: 700;
}
#lp_leftContents li a:hover{
    color:#3578e3;
}
#lp_leftContents li a.ExToggle:after{
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    transform: rotate(135deg);
    opacity: .4;
    top: -2px;
    bottom: 0;
    left: 74px;
    border-top: solid 2px #4f5f6d;
    border-right: solid 2px #4f5f6d;
    margin: auto;
}
#lp_rightContents #lp_gnav{
    padding: 0px 14px 0 0px;
}
#lp_rightContents{
    padding: 9px 10px 5px 0px;

}
li.navi_cta{
    width: 48.5%;
    text-align: center;
    height: 40px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    border: 1px solid rgba(79,95,109,.2);
    min-width: 160px;
}
li.navi_cta:hover{
  border: 1px solid #ffffff;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.2);
  cursor:pointer;transform:scale(1.02,1.02);transition:transform .2s;
}
li.navi_cta a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 5px;
  color: #6c6e70;
}
li.navi_cta a:hover{
  color: #3578e3;
}
.cta_orange{
    background-color: #FF114A;
    border: 1px solid #FF114A !important;
    margin-left: 10px;
}
.cta_orange a{
      color:#fff !important;
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 999;
    background-color: #fff;
    transition: background-color .3s ease;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 15%);
}
.header__container{
    max-width: 1400px;
    height: 80px;
    padding: 0px 0px;
    margin: auto;
    display: flex;
    align-items: center;
}
.header .maegaMenu .is opne{
  height:170px;
}
.header__navi{
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header__navi--left{
    display: flex;
    align-items: center;
    font-size:16px;
}
.header__navi--left li{
  margin-right: 22px;
  margin-left: 22px;
}
.header__navi--right{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header__navi--left .naviItem__inner{
    display: block;
    position: relative;
    transition: color .3s ease;
}
.header__navi--left .naviItem__inner:before{
    content: "";
    position: absolute;
    bottom: -24px;
    width: 100%;
    z-index: 2;
    height: 4px;
    background-color: #009dff;
    transition: transform .3s ease;
    transform: scaleX(0);
}
.header__navi--left .naviItem__inner:hover:before{transform:scaleX(1)}
.header p{
    margin: 0;
    color:#4f5f6d;
    font-weight:bold;
}
.header__navi--left .naviItem__inner i{
  margin-left: 8px;
  opacity: .4;
  color: #4f5f6d;
}
.header .megaMenu{
    position: relative;
    height: 0;
    background-color: #fff;
    transition: height .3s ease;
    overflow: hidden;
}
.header .megaMenu__inner{
    position: relative;
    height: 100%;
    max-width: 1366px;
    margin: auto;
}
.header .megaMenu__group{
    opacity: 1;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .6s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header .megaMenu.is-open{
    height: 150px;
    border-top:2px solid #f4f8f9;
}
.header .megaMenu__group--inner{
    display: flex;
}
.header .megaMenu__group--list{
    flex-grow: 1;
}
.header .megaMenu__group--title{
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  margin-right: 72px;
}
.header .megaMenu__group--titleInner{
  position: relative;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  padding-right: 28px;
  color: #4c4c4c;
  transition: color .2s;
}
.header .megaMenu__list{
  display: grid;
  grid-template-columns: 323px 323px 323px;
  gap: 22px 50px;
}
.header .megaMenu__item{
    white-space: nowrap;
    display: flex;
}
.header_logo{
    width: 17%;
    margin-right: 30px;
    min-width: 240px;
}
.header .megaMenu__item--inner{
    display: block;
    position: relative;
    padding-left: 21px;
    padding-bottom: 3px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #4f5f6d;
    background-image: linear-gradient(#158aff,#158aff);
    background-size: 0 1px;
    background-position: left 16px bottom;
    background-repeat: no-repeat;
    transition: color .3s ease,background-size .3s ease;
}
.header .megaMenu__item--inner:before{
  content: "";
  position: absolute;
  width: 8px;
  height: 2px;
  background-color: #158aff;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.header .megaMenu__item--inner:hover{
    color: #3578e3;
    background-size: calc(100% - 16px) 1px;
    text-decoration: none;
}

/* ===================== footer / page top (existing, unchanged) ===================== */
.footer{
    text-align: center;
}
.footer .wrap{
  padding-bottom: 20px;
      padding-top: 20px;
      font-size: 17px;
      font-weight: 100;
}
#page_top a{
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    text-decoration: none;
}
A:visited{
    color: #0F76CC;
    text-decoration: none;
}
#page_top{
    position: fixed;
    bottom: 1.5%;
    opacity: 1;
    border-radius: 50%;
    z-index: 5;
    right: 0.5%;
}
.sp_toggle_menu{
    margin-top: -30vh;
}
.sp_toggle_menu{display:none;}

.pc_on{display:block!important}
.sp_on{display:none!important}

@media screen and (max-width: 480px){
.pc_on{display:none!important}
.sp_on{display:block!important}
.header{
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      z-index: 999;
      background-color: #fff;
      transition: background-color .3s ease;
      box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
  }
.header_logo{
      min-width: 210px;
      margin-right: 0;
      padding-top: 4px;
    }
.header__container{
        width: 100%;
        padding: 0px 20px;
        justify-content: space-between;
        position: relative;
        z-index: 10;
        height: 65px;
        background:#fff;
    }
.header__navi{
        display: none;
    }
.sp_hamburger_Btn{
    height: 22px;
    width: 27px;
  position: relative;
  }
.hamburger_Btn_line{
      position: absolute;
      left: 0;
      width: 100%;
      height: 3px;
      border-radius: 4px;
      background-color: #3578e3;
      transform-origin: center;
      transition: background-color .3s ease,transform .3s ease;
  }
.hamburger_Btn_line:nth-child(2){
      top: 10px;
  }
.hamburger_Btn_line:nth-child(3){
      top: 20px;
  }
.sp_hamburger_Btn.active .hamburger_Btn_line:nth-child(1){
      transform: translateY(10px) rotate(-45deg);
  }
.sp_hamburger_Btn.active .hamburger_Btn_line:nth-child(2){
    opacity:0;
  }
.sp_hamburger_Btn.active .hamburger_Btn_line:nth-child(3){
    transform: translateY(-10px) rotate(45deg);
  }
.wrap{
  width: 100%;
  padding: 0px 20px;
}
.sp_toggle_menu{
    position: fixed;
    top: 65px;
    left: 0;
    margin-top: -100vh;
    width: 100vw;
    height: calc(100vh - 64px) !important;
    overflow-y: scroll;
    background-color: #fff;
    transition: margin .3s ease !important;;
}
.sp_toggle_menu.active{
  margin-top: 0;
  border-top: 1px solid #d8d8d8;
}
.sp_toggle_menu{
  display: block;
}
.sp_toggle_contents{
    padding: 25px;
}
.sp_toggle_menu{
    font-size: 17px;
}
.sp_toggle_title{
    position: relative;
    margin-bottom: 25px;
}
.sp_toggle_title a{
    color: inherit;
    display: block;
    width: 100%;
}
.sp_toggle_title i{
  transform: rotate(0deg);
  transition: transform .3s ease;
  color: #b9bfc5;
}
.sp_toggle_title.is-open i{
  transform: rotate(180deg);
  color: #b9bfc5;
}
.sp_toggle_cta_area{
  border-top: 1px solid #d8d8d8;
}
#lp_rightContents{
    padding: 25px;
    flex-direction: column;
}
li.navi_cta{
  width: 100%;
  height: 50px;
  margin-bottom: 15px;
}
li.navi_cta a{
  top: 4px;
  font-size: 19px;
}
.cta_orange{
    margin-left: 0;
}
.footer .wrap{
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 15px;
}
}

/* ===================== logo marquee engine (existing site mechanism) — WhiteDefender only uses its own logo set below ===================== */
.logo-slide {
    background-color: transparent;
    padding: 10px 0px 0px 0px;
}
.logo_slide_ico {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}
.logo_slide_ico img {
    margin: 5px auto;
    width: 100%;
}
.logo-slide__wrap {
  display: flex;
  overflow: hidden;
}
.logo-slide__list {
  display: flex;
  list-style: none;
}
.logo-slide__list--left{
  animation: infinity-scroll-left 42s infinite linear 0.5s both;
  padding:0;
}
.logo-slide__item {
  width:130px;
  margin: 5px 22px;
}
.logo-slide__item > img{
   width: 100%;
}
@keyframes infinity-scroll-left {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}
@media screen and (max-width: 480px) {
  .logo_slide_ico { height: 44px; }
  .logo-slide__item { width: 84px; margin: 5px 14px; }
}


/* =====================================================================
   WhiteDefender content design — ported from LP design draft (kept as-is)
   ===================================================================== */
:root{
  --blue:#3578e3;
  --blue-deep:#0061d5;
  --blue-navy:#2962dd;
  --blue-btn:#1565c0;
  --blue-dark:#1b294d;
  --red:#e00d40;
  --ink:#262b34;
  --sub:#4f5f6d;
  --muted:#66758b;
  --line-wd:#e3eaf3;
  --wd-border:#e3eaf3;
  --bg-soft:#f8fbff;
  --bg-blue:#edf6ff;
  --bg-blue2:#deecfd;
  --green:#2fa46b;
  --radius:14px;
  --maxw-wd:1400px;
}
#wd-content img{max-width:100%;display:block}

#wd-content .hero{
    position:relative;overflow:visible;
    background:#f4f8ff;color:var(--ink);
    padding-top:80px;
}
#wd-content .hero::before{
    content:"";position:absolute;inset:0;
    background:url(/images/lp/dc_whitedefender/bg_office.png) center 30%/cover no-repeat;
}
@media screen and (max-width: 480px){
  #wd-content .hero::before{
    background-position: center 30%;
    left:-270px;
  }
}
#wd-content .hero::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(100deg,
      rgba(244,248,255,.97) 0%,
      rgba(244,248,255,.92) 28%,
      rgba(244,248,255,.55) 50%,
      rgba(244,248,255,.15) 70%,
      rgba(244,248,255,0) 100%);
}
#wd-content .hero-inner {
    width: 100%;
    max-width: var(--maxw-wd);
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    position: relative;
    z-index: 1;
    min-height: 580px;
    padding-top: 40px;
    padding-bottom: 60px;
}
#wd-content .hero-eyebrow{
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .04em;
    color: #ffffff;
    background: #4382e7;
    /* border: 1.5px solid #b1d6fa; */
    padding: 8px 27px;
    border-radius: 999px;
    margin-bottom: 15px;
}
#wd-content .hero h1{
    font-size:clamp(30px,4.6vw,63px);line-height:1.3;font-weight:900;letter-spacing:.01em;
    margin-bottom:20px;color:var(--blue-dark);
}
#wd-content .hero h1 .accent{color:var(--blue-navy)}
#wd-content .hero p.lead{font-size:19px;color:#424b5d;margin-bottom:25px;max-width:90%}
@media screen and (max-width: 480px){
  #wd-content .hero-eyebrow{
    font-size:13px;padding:7px 16px;margin-bottom:12px;
  }
  #wd-content .hero h1{
    margin-bottom:14px;
  }
  #wd-content .hero p.lead{
    font-size:15px;margin-bottom:18px;max-width:100%;
  }
  #wd-content .hero-cta-mobile{margin-top: 16px;}
}
#wd-content .hero-cta{display:flex;gap:16px;flex-wrap:wrap}
/* ヒーローCTA — team_business のヒーローボタンと同一デザイン */
#wd-content .mv_btn_primary,
#wd-content .mv_btn_outline{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 40px;border-radius:999px;
  font-size:27px;font-weight:800;text-decoration:none;white-space:nowrap;
  transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;
  width:44%;justify-content:center;
}
#wd-content .mv_btn_primary{color:#fff !important;background-color:#FF114A}
#wd-content .mv_btn_primary:hover{transform:translateY(-2px)}
#wd-content .mv_btn_outline{color:#0061d5 !important;background-color:#fff !important;border: 2px solid #b8c8e1;}
#wd-content .mv_btn_outline:hover{transform:translateY(-2px)}
#wd-content .app-btn-contents-text{flex:1 1 auto;font-size:20px;text-align:center}
#wd-content .app-btn-contents-arr{width:20px;height:20px;margin-left:auto;pointer-events:none}
#wd-content .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    font-weight:700;font-size:14px;padding:6px 22px;border-radius:999px;
    border:2px solid transparent;cursor:pointer;transition:all .2s;white-space:nowrap;
}
#wd-content .btn-red{background:#fa003a;color:#fff;border-color:#fa003a}
#wd-content .btn-red:hover{background:#fa003a;border-color:#fa003a}
#wd-content .btn-lg{font-size:23px;padding:8px 40px}
#wd-content .btn-ghost{background:#fff;color:var(--blue-btn);border-color:var(--blue-btn)}
#wd-content .btn-ghost:hover{background:var(--bg-blue)}
#wd-content .hero-visual{position:relative;min-height:445px;display:grid;place-items:center}
#wd-content .hero-visual>img:first-child{width:100%;filter:drop-shadow(0 20px 28px rgba(23,54,111,.16))}
#wd-content .hero-window{
    position:absolute;left:-3%;top:0%;width:62%;aspect-ratio:792/461;overflow:hidden;
    border:7px solid #fff;border-radius:12px;
    box-shadow:0 18px 32px rgba(23,54,111,.2)
}
#wd-content .hero-window img{width:100%;display:block}

#wd-content .hero-proof{
    position:absolute;z-index:3;right:1%;bottom:4%;padding:14px 18px;border:1px solid var(--line-wd);
    border-radius:12px;background:#fff;color:var(--blue-dark);font-size:14px;font-weight:800;
    box-shadow: 0 2px 15px rgba(23, 54, 111, .2);
}
#wd-content .hero-proof strong{display:block;color:var(--blue-navy);font-size:30px;line-height:1.4}
#wd-content .points{
    position:absolute;z-index:3;left:50%;bottom:-35px;
    width:min(calc(100% - 64px),calc(var(--maxw-wd) - 64px));transform:translateX(-50%);
    background:#fff;border:1px solid #cdddf3;border-radius:16px;
    box-shadow:0 10px 20px rgba(23,54,111,.08)
}
#wd-content .points-inner{max-width:none;padding:26px 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
#wd-content .point{display:flex;align-items:center;justify-content:center;gap:18px;padding:7px 20px;text-align:left;position:relative}
#wd-content .point + .point::before{content:"";position:absolute;left:0;top:8%;height:84%;width:1px;background:var(--line-wd)}
#wd-content .point-icon{flex:0 0 auto;width:42px;height:42px;display:flex;align-items:center;justify-content:flex-start}
#wd-content .point-icon img{width:100%;height:100%;object-fit:contain}
#wd-content .point .pn{
    display:inline-block;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .08em;
    color: var(--blue);
    background-color: #eff6fe;
    width: fit-content;
    border-radius: 50px;
    margin-bottom: 6px;
    padding: 3px 16px;}
#wd-content .point .pt{font-size:22px;font-weight:800;color:var(--blue-dark);white-space:nowrap}

#wd-content .trust-sec{padding:50px 0 35px}
#wd-content .trust-top{display:block;text-align:center;margin-bottom:38px}
#wd-content .trust-top h2{color:var(--blue-dark);font-size:31px;font-weight:700;line-height:1.5}
#wd-content .trust-stats{display:flex;justify-content:center;gap:0;margin-top:18px}
#wd-content .trust-stat{min-width:260px;padding:4px 44px;background:transparent}
#wd-content .trust-stat + .trust-stat{border-left:1px solid var(--line-wd)}
#wd-content .trust-stat strong{display:block;color:var(--blue-navy);font-size:54px;font-weight:700;line-height:1.15;font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP","Yu Gothic",Meiryo,sans-serif}
#wd-content .trust-stat span{display:block;margin-top:7px;color:var(--sub);font-size:17px}

#wd-content section{scroll-margin-top:100px}
#wd-content .sec{padding:70px 0 75px}
@media screen and (max-width: 480px){
  #wd-content .sec{padding:65px 0 55px}
}
#wd-content .sec-soft{background:var(--bg-soft)}
#wd-content .eyebrow{
    display:block;width:fit-content;margin:0 auto 14px;
    font-size:19px;font-weight:800;letter-spacing:.02em;color:var(--blue);
    background:#fff;border:2px solid #9cc0f7;border-radius:999px;
    padding:5px 22px;line-height:1.2;
}
#wd-content .sec-title{
    text-align:center;font-size:clamp(30px,4.2vw,44px);font-weight:900;line-height:1.3;
    color:var(--blue-dark);margin-bottom:16px;
}
#wd-content p.tb-subtitle{
  font-size: 22px;
  font-weight: 400;
  color: #66758b;
  text-align: center;
  margin: 10px 0 30px;
  line-height: 1.5;
}
@media screen and (max-width: 480px){
  #wd-content p.tb-subtitle{
    font-size: 17px;
    margin: 4px 0 15px;
   text-align: left;
  }
}

/* section eyebrow / title — shared with Team Business (common site convention) */
#wd-content .eng_box_line{
  text-align: center;
  margin: 0 auto;
}
#wd-content .eng_title_top{
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #0b63e6;
  padding: 3px 28px 4px;
  border-radius: 40px;
  margin-bottom: 5px;
  line-height: 1.5;
  background: #ffffff;
  border: solid 2px #3578e3bd;
}
#wd-content .eng_title_s{
  font-size:19px !important;
}
#wd-content h2.strength_title{
  color: #041128;
  text-align: center;
  font-size: 3.2em;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 21px 16px;
  padding-bottom: 3px;
  letter-spacing: 0px;
  padding-top: 10px;
}
#wd-content .esh_title{
  font-size:54px !important;
}
#wd-content h2 .title-en-wrap{
  position: relative;
  display: inline-block;
}
#wd-content h2 .title-weak{
    font-weight: 400;
    font-size: 30px;
    color: #666f7c;
    line-height: 1.4;
    letter-spacing: -0.8px;
}
#wd-content h2.has-sub{
  margin-bottom: 42px;
}
@media screen and (max-width: 480px){
  #wd-content h2.strength_title.has-sub{
    line-height: 1.1;
    margin-bottom: 0;
  }
  #wd-content h2 .title-en-wrap{
    line-height: 1.4;
    margin-bottom: -2px;
  }
  #wd-content h2 .title-weak{
    display: block;
    font-size: 14px;
    line-height: 1.45;
    margin-top: -3px;
  }
}
@media screen and (max-width: 480px){
  #wd-content .eng_title_s{
    font-size: 0.9em !important;
  }
  #wd-content .esh_title{
    font-size: 1.7em !important;
  }
  #wd-content h2.strength_title{
    padding-bottom: 6px;
    letter-spacing: -1pt;
    font-size: 32px !important;
    line-height: 1.45;
    padding-top: 1px !important;
    margin:0 0 10px;
  }
  #wd-content h2.title_l_font{
    font-size: 35px !important;
  }
}

#wd-content .about-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:start;margin-bottom:28px;padding-top:30px;}
#wd-content .about-intro p{color:var(--sub);font-size:21px}
#wd-content .about-intro h3{font-size:35px;font-weight:900;color:var(--blue-dark);margin-bottom:14px;line-height:1.4}
#wd-content .about-shot{
  aspect-ratio: 1100 / 666;
}
#wd-content .about-shot img{
  width:100%;height:100%;object-fit:contain;object-position:center;
}
#wd-content .about-shot-frame{
    width: 100%;
    height: auto;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: -3px 1px 12px rgb(144 152 170 / 60%);
}
@media screen and (max-width: 480px){
  #wd-content .about-intro{
    gap: 20px;
    padding-top: 15px;
    margin-bottom: 18px;
  }
  #wd-content .about-intro h3{
    font-size: 22px;
    margin-bottom: 8px;
  }
  #wd-content .about-intro p{
    font-size: 17px;
  }
}

#wd-content .tabs{
    margin-top:8px;background:#fff;border:1.5px solid #d0d9eb;
    border-radius:20px;overflow:hidden;
}
#wd-content .tab-head{
    display:flex;flex-wrap:nowrap;overflow-x:auto;background:#ccd3dc;
    scrollbar-width:none;
}
#wd-content .tab-head::-webkit-scrollbar{display:none}
#wd-content .tab-btn{
    font-family:inherit;cursor:pointer;flex:1 1 0%;min-width:20%;
    background:none;border:0;padding:23px 12px;
    display:flex;flex-direction:column;align-items:center;gap:6px;
    color:#717784;transition:background .2s,color .2s;text-align:center;
}
#wd-content .tab-btn .tb-num{
    font-size:22px;font-weight:800;color:#c6ccd4;letter-spacing:1.8px;line-height:1;
    transition:color .2s;
}
#wd-content .tab-btn .tb-sub{
    font-size:28px;font-weight:700;color:#696f7c;line-height:1.35;letter-spacing:-.3px;
    transition:color .2s;
}
#wd-content .tab-btn:hover{color:#21252c}
#wd-content .tab-btn:hover .tb-sub{color:#21252c}
#wd-content .tab-btn.active{background:#2962dd}
#wd-content .tab-btn.active .tb-num{color:#bfddff}
#wd-content .tab-btn.active .tb-sub{color:#fff}
#wd-content .tab-panels{padding:0}
#wd-content .tab-panel{display:none;padding:54px 42px 48px;animation:wd-fade .35s ease}
#wd-content .tab-panel.active{display:block}
@keyframes wd-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

#wd-content .panel-card{background:#fff}
#wd-content .panel-head{display:flex;align-items:center;gap:14px;margin-bottom:8px;flex-wrap:wrap}
#wd-content .panel-badge{
    font-size:22px;font-weight:800;color:#fff;background: #20294b;
    padding: 8px 25px;border-radius: 10px;letter-spacing:.02em;
}
#wd-content .panel-badge.alt{background:var(--green)}
#wd-content .panel-head h3{font-size:33px;font-weight:900;color:var(--blue-dark);padding-left: 7px;}
#wd-content .panel-desc{color:var(--sub);font-size:21px;margin:15px 0 22px;max-width:100%}
@media screen and (max-width: 480px){
  #wd-content .tabs{
    border-radius: 14px;
  }
  #wd-content .tab-btn{
    padding: 14px 8px;
    gap: 3px;
  }
  #wd-content .tab-btn .tb-sub{
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: 0;
  }
  #wd-content .tab-panel{
    padding: 28px 18px 30px;
  }
  #wd-content .panel-head{
    gap: 8px;
    margin-bottom: 4px;
  }
  #wd-content .panel-badge{
    font-size: 13px;
    padding: 5px 14px;
    border-radius: 7px;
  }
  #wd-content .panel-head h3{
    font-size: 22px;
    padding-left: 0;
  }
  #wd-content .panel-desc{
    font-size: 17px;
    margin: 10px 0 16px;
  }
}

/* 強力な保護タブ：TD/WRエンジン図解 */
#wd-content .td-wr-panel{margin-top:24px}
#wd-content .td-wr-diagram{display:grid;grid-template-columns:1.3fr auto 1.7fr;gap:40px;align-items:stretch;padding:30px 28px;background:#f4f8ff;border:1px solid var(--line-wd);border-radius:16px}
#wd-content .td-wr-signals{position:relative;display:flex;flex-direction:column;gap:12px;background:#e6ecf5;border-radius:12px;padding:18px;width: 90%;}
#wd-content .td-wr-signal{
    display:flex;align-items:center;
    background:#fff;border-radius:10px;padding:14px 16px;
    box-shadow:0 2px 6px rgba(15,26,46,.05);justify-content: center;
}
#wd-content .td-wr-signal-text{color:var(--ink);font-size:20px;font-weight:700;line-height:1.35}
#wd-content .td-wr-signals-line{
    position:absolute;left:100%;top:50%;width:90px;height:0;
    border-top:2.5px dashed #e05a5a;
}
#wd-content .td-wr-signals-line::after{
    content:"";position:absolute;right:-5px;top:-6px;
    width:11px;height:11px;border-radius:50%;background:#e05a5a;
    box-shadow:0 0 0 4px rgba(224,90,90,.18);
}
#wd-content .td-wr-shield{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
#wd-content .td-wr-shield-label{color:var(--blue-dark);font-size:22px;font-weight:700;line-height:1.5}
#wd-content .td-wr-shield-slot {
    width: 210px;
    height: auto;
}
#wd-content .td-wr-shield-slot img{width:100%;height:auto;object-fit:contain}
#wd-content .td-wr-engines{display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:16px}
#wd-content .td-wr-engine-card{
    flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;
    background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 6px rgba(15,26,46,.05);
}
#wd-content .td-wr-engine-head{display:flex;align-items:stretch;gap:0}
#wd-content .td-wr-badge{
    position:relative;flex:none;display:inline-flex;align-items:center;gap:9px;
    background:var(--blue-dark);color:#fff;font-size:18px;font-weight:700;
    padding:10px 20px 10px 16px;white-space:nowrap;
    border-radius:8px 0 0 8px;
}
#wd-content .td-wr-badge::after{
    content:"";position:absolute;left:99.8%;top:0;bottom:0;width:14px;
    background:var(--blue-dark);
    clip-path:polygon(0 0, 100% 50%, 0 100%);
}
#wd-content .td-wr-badge.wr{background:var(--green)}
#wd-content .td-wr-badge.wr::after{background:var(--green)}
#wd-content .td-wr-badge-icon{
    flex:none;display:inline-block;width:30px;height:30px;object-fit:contain;
}
#wd-content .td-wr-engine-text{
    flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;line-height:1.35;
    background:var(--bg-blue);padding:12px 28px 12px 32px;margin-left:0px;border-radius:0 8px 8px 0;
}
#wd-content .td-wr-engine-card.wr .td-wr-engine-text{background:#eafaf3}
#wd-content .td-wr-engine-text b{font-size: 15px;
    font-weight: 100;
    color: #435165bd;
    padding-bottom: 3px;}
#wd-content .td-wr-func{margin-top:0px;font-size:21px;font-weight:700;color:var(--ink)}
#wd-content .td-wr-tags{display:flex;gap:15px;flex-wrap:wrap;margin-top:17px}
#wd-content .td-wr-tags span{
    flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:6px;
    background:var(--bg-blue);color:var(--blue-navy);font-size:15px;font-weight:600;
    padding:8px 14px;border-radius:8px;white-space:nowrap;
}
#wd-content .td-wr-tags.wr span{background:#eafaf3;color:var(--green)}
#wd-content .td-wr-detail-list{margin-top:20px;background:#fff}
#wd-content .td-wr-detail-item{display:flex;align-items:stretch;gap:25px;padding:25px 0px}
#wd-content .td-wr-detail-item+.td-wr-detail-item{border-top:1px solid var(--line-wd)}
#wd-content .td-wr-detail-badge{flex:none;display:inline-flex;align-items:center;gap:8px;background:var(--blue-dark);color:#fff;font-size:21px;font-weight:700;padding:7px 16px;border-radius:12px;white-space:nowrap}
#wd-content .td-wr-detail-badge.wr{background:var(--green)}
#wd-content .td-wr-detail-item p{color:var(--sub);font-size:20px;line-height:1.7;margin:0}
#wd-content .process-shot{position:relative;margin-top:20px;padding:28px;background: #f4f8ff;
    border: 1px solid var(--line-wd);border-radius:16px}
#wd-content .process-shot img{width:100%;border-radius:8px;display:block}
#wd-content .process-note{
    position:absolute;left:30px;bottom:30px;max-width:380px;
    display:flex;align-items:center;gap:16px;
    padding:20px 20px;background: #e8f0ff;
    border: 1px solid #c7d2e8;
    border-radius: 14px;
}
#wd-content .process-note-icon{
    flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
}
#wd-content .process-note-icon img{width:100%;height:100%;object-fit:contain}
#wd-content .process-note p{margin:0;font-size:17px;font-weight:600;color:var(--ink);line-height:1.6}
#wd-content .process-note p strong{color:var(--blue-navy);font-weight:800}
@media screen and (max-width: 480px){
  #wd-content .td-wr-panel{margin-top:16px}
  #wd-content .td-wr-signal-text{font-size:14px}
  #wd-content .td-wr-shield-label{font-size:20px}
  #wd-content .td-wr-shield-slot{width:130px}
  #wd-content .td-wr-engine-card{padding:16px}
  #wd-content .td-wr-engine-head{flex-direction:column}
  #wd-content .td-wr-badge{
    font-size:14px;padding:9px 14px;width:100%;justify-content:center;
    border-radius:8px 8px 0 0;
  }
  #wd-content .td-wr-badge::after{display:none}
  #wd-content .td-wr-badge-icon{width:22px;height:22px}
  #wd-content .td-wr-engine-text{
    padding:14px 16px;margin-left:0;border-radius:0 0 8px 8px;
    text-align:center;align-items:center;
  }
  #wd-content .td-wr-engine-text b{font-size:12px}
  #wd-content .td-wr-func{font-size:16px}
  #wd-content .td-wr-tags{gap:8px;margin-top:12px}
  #wd-content .td-wr-tags span{font-size:12.5px;padding:6px 8px;flex:1 1 auto}
  #wd-content .td-wr-detail-list{margin-top:12px}
  #wd-content .td-wr-detail-item{padding:16px 0}
  #wd-content .td-wr-detail-item:last-child{padding-bottom:0}
  #wd-content .td-wr-detail-badge{font-size:17px;padding:8px 12px}
  #wd-content .td-wr-detail-item p{font-size:16px;line-height:1.6}
  #wd-content .process-shot{padding:12px}
  #wd-content .process-note{padding:12px 14px;gap:10px}
  #wd-content .process-note-icon{width:24px;height:24px}
  #wd-content .process-note p{font-size:12px}
}

#wd-content .merit-panel{padding: 38px;
    border: 1.5px solid #cbd6ed;
    border-radius: 18px;
    background: #ecf3ff;}
#wd-content .merit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
#wd-content .merit-card{
    display:grid;grid-template-columns:72px 1fr;gap:33px;align-items:center;
    min-height:168px;padding:26px 28px;border:1px solid #b7d1eb;border-radius:14px;background:#fff
}
#wd-content .merit-icon{
    width:82px;height:82px;display:grid;place-items:center;border-radius:12px;
    background:#397de2;color:#fff
}
#wd-content .merit-icon img{filter:brightness(0) invert(1)}
/* アイコンごとに個別サイズ調整（自由に変更可） */
#wd-content .merit-icon-img--ransomware{width:46px;height:46px}
#wd-content .merit-icon-img--continuity{width:42px;height:42px}
#wd-content .merit-icon-img--coexist{width:50px;height:auto;padding-top: 4px;}
#wd-content .merit-icon-img--lowcost{width:44px;height:44px}
#wd-content .merit-card h3{color: #1b294d;font-size: 30px;font-weight:700;line-height:1.45}
#wd-content .merit-card p{margin-top:8px;color:var(--sub);font-size:19px;line-height:1.5}

#wd-content .reason-stack{display:grid;gap:28px}
#wd-content .reason-block{overflow:hidden;border: 1.5px solid #cdd8ed;background:#fff}
#wd-content .reason-head{display:flex;align-items:stretch;background:var(--blue-navy);color:#fff}
#wd-content .reason-label{
    min-width:180px;padding:18px 24px;display:grid;place-items:center;
    background:#117bf3;font-size:21px;font-weight:900;letter-spacing:.04em
}
#wd-content .reason-head h3{padding:18px 28px;font-size:clamp(22px,2.7vw,32px);font-weight:700;line-height:1.4}
#wd-content .reason-body{padding: 35px 34px;
    background: #ffffff;}
#wd-content .reason-intro{color:var(--sub);font-size:22px;line-height:1.65}
#wd-content .reason-timeline{ margin-top: 20px;background-color: #fff;padding: 10px 0px 20px;}
#wd-content .reason-timeline-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-top:6px}
#wd-content .reason-timeline-steps::before{
    content:"";position:absolute;left:12.5%;right:12.5%;top:116px;height:10px;z-index:0;
    background:linear-gradient(90deg, #FF5A70 0%, #8E5277 30%, #0A4A78 55%, #5ED8B5 100%);
}
#wd-content .reason-timeline-step{position:relative;z-index:1;padding:0 30px;text-align:center}
#wd-content .reason-timeline-figure{
    position:relative;z-index:1;width:230px;height:230px;margin:0 auto 34px;
    border-radius:50%;background:#fff;border:2.5px solid var(--line-wd);
    display:flex;align-items:center;justify-content:center;overflow:hidden;
    box-shadow: 0 10px 26px rgba(10, 37, 88, .08);
}
#wd-content .reason-timeline-figure img{width:100%;height:100%;object-fit:contain}
#wd-content .ts-1 .reason-timeline-figure{border-color:#FFD2DA}
#wd-content .ts-2 .reason-timeline-figure{border-color:#c6e7f2}
#wd-content .ts-3 .reason-timeline-figure{border-color:#cee5f9}
#wd-content .ts-4 .reason-timeline-figure{border-color:#c1e8df}
#wd-content .reason-timeline-time{
    position:absolute;left:50%;top:205px;transform:translateX(-50%);
    z-index:2;white-space:nowrap;
    display:inline-block;padding:4px 20px;border-radius:999px;
    background:var(--blue);color:#fff;font-size:18px;font-weight:800;
}
#wd-content .ts-1 .reason-timeline-time{background:#ff5a66}
#wd-content .ts-2 .reason-timeline-time{background:#17678c}
#wd-content .ts-3 .reason-timeline-time{background:#3f7fbd}
#wd-content .ts-4 .reason-timeline-time{background:#55c7a5}
#wd-content .reason-timeline-step h4{color:var(--blue-dark);font-size:23px;font-weight:700;line-height:1.5}
#wd-content .reason-timeline-step p{margin-top:6px;color: #6e7d8a;
    font-size: 18px;
    line-height: 1.5;}
#wd-content .reason-two-col{display:grid;grid-template-columns:6fr 4fr;gap:34px;align-items:center}
#wd-content .reason-second-copy h4{color:var(--blue);font-size:clamp(30px,4vw,35px);font-weight:700;line-height:1.25}
#wd-content .reason-second-copy p{margin-top:8px;color:var(--ink);font-size:20px;line-height:1.6}
#wd-content .reason-manage{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:20px}
#wd-content .reason-manage-shot{width:100%;margin-top: 16%;}
#wd-content .reason-manage-shot img{width:100%;display:block;border-radius:var(--radius)}
#wd-content .reason-manage div{    padding: 18px 25px 22px;
    border: 1px solid #c8d1e1d9;
    background: #f8fbff;
    border-radius: 12px;}
#wd-content .reason-manage b{display:block;color:#16447f;font-size:24px}
#wd-content .reason-manage span{display: block;
    margin-top: 5px;
    color: #4c565e;
    font-size: 17px;
    line-height: 1.55;}
#wd-content .reason-block.is-hidden{display:none}
#wd-content .reason-one-grid{display:grid;grid-template-columns:.98fr 1.02fr;gap:30px;align-items:stretch}
#wd-content .reason-one-col{display: grid;
    grid-template-columns: .98fr 1.02fr;
    gap: 30px;
    align-items: stretch;}
#wd-content .legacy-note{margin-bottom:18px;color:var(--sub);font-size:21px;line-height:1.6}
#wd-content .legacy-list{display:grid;gap:20px}
/* #wd-content .legacy-list--row{grid-template-columns:repeat(3,1fr)} */
#wd-content .legacy-list--row .legacy-card{position: relative;
    min-height: 134px;
    padding: 22px 20px 22px 105px;
    border: 1px solid #b9cce2;
    background: #fff;}
#wd-content .legacy-list--row .legacy-icon{position: absolute;
    left: 32px;
    top: 23px;
    width: 60px;
    height: 60px;
    color: #347be1;}
#wd-content .self-protect-panel{
    margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);
    border:1px solid #cfe0f5;border-radius:14px;background:#fff;overflow:hidden;
}
#wd-content .self-protect-item{position:relative;padding:40px 16px;text-align:center}
#wd-content .self-protect-item+.self-protect-item{border-left:1px solid #e3eaf3}
#wd-content .self-protect-item img{width:auto;height:84px;max-width:100%;margin:0 auto 20px;display:block}
#wd-content .self-protect-item span{
    color:var(--ink);font-size:22px;font-weight:700;line-height:1.5;
    display:flex;align-items:center;justify-content:center;
    min-height:38px;
}
#wd-content .legacy-card{
    position: relative;
    min-height: 130px;
    padding: 22px 20px 27px 120px;
    border: 1px solid #c8d1e1d9;
    background: #f8fbff;
    border-radius: 12px;
}
#wd-content .legacy-card .legacy-type{display: block;
    color: #4488f2;
    font-size: 18px;
    font-weight: 800;}
#wd-content .legacy-card h4{margin-top:0px;color:var(--ink);font-size:26px;font-weight:700;line-height:1.4}
#wd-content .legacy-card p{margin-top: 3px;
    color: #7b828c;
    font-size: 16px;
    line-height: 1.45;
    letter-spacing: -0.4px;}
#wd-content .legacy-tag{
    position: absolute;
    right: 0;
    top: 0;
    padding: 4px 15px;
    background: #a6afc2;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    border-radius: 0px 9px 0px 10px;
}
#wd-content .legacy-icon{position:absolute;left:24px;top:42px;width:76px;height:60px;color:#347be1}
#wd-content .legacy-icon img{width:100%;height:100%}
#wd-content .bcp-panel{padding:28px;border-radius:16px;background:#f8fbff}
#wd-content .bcp-panel>h4{text-align: center;
    color: #21252c;
    font-size: clamp(22px, 2.5vw, 28px);
    font-weight: 700;
    line-height: 1.4;}
#wd-content .bcp-flow{display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 20px 0;
    padding: 14px;
    border-radius: 999px;
    background: #eaf0f8;}
#wd-content .bcp-step{display:flex;align-items:center;gap:8px;color:#332a78;font-size:18px;font-weight:900;white-space:nowrap}
#wd-content .bcp-step:first-child{color:#e96a6f}
#wd-content .bcp-step:last-child{color:#2f9c98}
#wd-content .bcp-step-icon{width:38px;height:38px;object-fit:contain}
#wd-content .bcp-arrow{color:#c4c8ce;font-size:28px;line-height:1}
#wd-content .bcp-illustration{display:block;width:100%;height:230px;object-fit:contain}
#wd-content .bcp-copy{margin-top:23px;color:var(--ink);font-size:16px;line-height:1.6}
#wd-content .bcp-copy strong{color:#269e98}
#wd-content .claim-note{    margin: 12px auto 0;
    text-align: left;
    font-size: 14px;
    color: #787f8a;}

#wd-content .demo-sec{padding:10px 0;}
#wd-content .demo-card{display:grid;grid-template-columns:.83fr 1.22fr;gap:31px;align-items:center;padding:55px 0px;color:#fff}
#wd-content .demo-copy .eyebrow{margin:0 0 9px;color: #f5f9ff;
    background: #227be9;
    border: 0;
    padding: 5px 22px 7px;}
#wd-content .demo-copy h2{font-size:clamp(27px,3.4vw,42px);font-weight:700;line-height:1.4;letter-spacing: -0.7px;}
#wd-content .demo-copy p{margin-top:7px;color:rgba(255,255,255,.78);font-size:17px}
#wd-content .demo-copy ul{margin: 14px 0 0 18px;
    color: #bed9ff;
    font-size: 19px;
    list-style: disc;
    line-height: 1.9;}
#wd-content .demo-video{overflow:hidden;border-radius:14px;background:#000}
#wd-content .demo-video video{display:block;width:100%;aspect-ratio:16/9}

#wd-content .wdp-console{}
#wd-content .wdp-console-title{
    margin-bottom:28px;text-align:center;color:var(--ink);font-size:clamp(24px,3.2vw,36px);
    font-weight:900;line-height:1.45
}
#wd-content .wdp-console-title span{display:block;color:#377fe5}
#wd-content .wdp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 30px}
#wd-content .wdp-item{
    overflow:hidden;border: 1.5px solid #c9d3e5;
    border-radius: 14px;
    background: #fff;
    display: flex;
    flex-direction: column;
    transition: transform .2s ease, box-shadow .2s ease;
    box-shadow: 0 5px 12px rgb(102 110 120 / 9%);
}
#wd-content .wdp-item:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 28px rgba(15,26,46,.12);
}
#wd-content .wdp-shot{position:relative;overflow:hidden;}
#wd-content .wdp-shot>img:not(.wdp-overlay){width:100%;aspect-ratio:16/9.1;object-fit:cover;object-position:top;display:block}
#wd-content .wdp-overlay{
    position:absolute;height:auto;
    border:1px solid #d9e4f2;border-radius:8px;
    box-shadow:0 2px 12px rgba(15,26,46,.16);
}
/* カードごとに個別調整（サイズ・位置） */
#wd-content .wdp-overlay--assets{top:24px;right:24px;width:210px}
#wd-content .wdp-overlay--policy{top:24px;right:24px;width:210px}
#wd-content .wdp-overlay--logs{top:24px;right:24px;width:210px}
#wd-content .wdp-overlay--report{top:24px;right:24px;width:210px}
#wd-content .wdp-overlay--users{top:24px;right:24px;width:210px}
#wd-content .wdp-item h3{padding:15px 20px 8px;color:#16447f;font-size:24px;font-weight:700;line-height:1.45}
#wd-content .wdp-item p{padding:0 20px 25px;color:#4c565e;font-size:18px;line-height:1.5}

/* 他社比較 — team_business.css と同一のフォント/配色/記号に統一 */
#wd-content .cmp-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 22px;margin:26px 0 0;padding:0 4px}
#wd-content .cmp-legend-item{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#66758b}
#wd-content .cmp-hint{display:none;margin-bottom:8px;color:var(--blue);font-size:12px;font-weight:700}
#wd-content .cmp-scroll{overflow-x:auto;border-radius:0}
#wd-content table.cmp{width:100%;table-layout:fixed;border-collapse:collapse;min-width:720px;background:#fff;border-radius:0;overflow:hidden;border:2px solid #bfc5d1;}
/* 列ごとの幅調整はここで（自由に変更可）※ table-layout:fixed なので、ここの数値がそのまま列幅になります */
#wd-content table.cmp .cmp-col-label{width:22%}
#wd-content table.cmp .cmp-col-wd{width:39%}
#wd-content table.cmp .cmp-col-a{width:39%}
#wd-content table.cmp td{padding:22px 16px;text-align:center;vertical-align:middle;border-bottom:1.2px solid rgba(197,209,225,.65);border-right:1px solid var(--line-wd)}
#wd-content table.cmp td:last-child{border-right:0}
#wd-content table.cmp thead td{background:#8890a1;color:#fff;font-size:25px;font-weight:800;border-right:1px solid rgba(255,255,255,.18);vertical-align:middle}
#wd-content table.cmp thead td:first-child{background:#8890a1}
#wd-content table.cmp thead td .th-sub{display:block;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.85);margin-top:4px}
#wd-content table.cmp thead td.wd{background:#2962dd;color:#fff;font-size:29px;font-weight:900;border-left:3px solid #2962dd;border-right:3px solid #2962dd;border-top:3px solid #2962dd}
#wd-content table.cmp thead td.wd .th-sub{color:#c2d6f1;font-size:18px;font-weight:500}
#wd-content table.cmp tbody td:first-child{text-align:left;background:#eef1f8;font-weight:800;color:#4b525b;font-size:21px;padding-left:30px}
#wd-content table.cmp td.wd{background:#edf5ff;font-weight:700;border-left:3px solid #2962dd;border-right:3px solid #2962dd}
#wd-content table.cmp tbody tr:last-child td.wd{border-bottom:3px solid #2962dd}
#wd-content table.cmp .mk{font-size:28px;line-height:1;font-weight:700;display:inline-block;-webkit-text-stroke:.8px currentColor}
#wd-content table.cmp .mk-dbl{color:#2574f5}
#wd-content table.cmp .mk-cir{display:inline-flex;width:25px;height:25px;border-radius:50%;border:2.4px solid #899cb7;vertical-align:middle}
#wd-content table.cmp .mk-tri{display:inline-flex;width:27px;height:25px;color:#aebbd0;vertical-align:middle}
#wd-content table.cmp .mk-tri svg{width:100%;height:100%;display:block}
#wd-content .cmp-mark{display:inline-flex;align-items:center;justify-content:center;flex:none}
#wd-content .cmp-legend .cmp-mark{width:20px;height:20px;font-size:13px}
#wd-content .cmp-mark.mark-ok{border-radius:50%;border:2.4px solid #899cb7;background:transparent}
#wd-content .cmp-mark.mark-low{color:#aebbd0}
#wd-content .cmp-mark.mark-low svg{width:100%;height:100%;display:block}
#wd-content .comp_mark_s{font-size:24px;font-weight:700;display:inline-block;line-height:1;-webkit-text-stroke:.8px currentColor}
#wd-content .comp_dcircle{color:#2574f5}
#wd-content table.cmp .sm{display:block;font-size:18px;color:#5b6b85;font-weight:700;margin-top:6px;line-height:1.55}
#wd-content table.cmp td.wd .sm{color:#252d3a;font-weight:700}
#wd-content table.cmp .sm-note{display:block;font-size: 15px;
    color: #838c9a;font-weight:500;margin-top:5px;line-height:1.5}
#wd-content .note-mark{font-size:10px;color:#E8244A;vertical-align:super;margin-left:1px}
#wd-content .note-mark-b{font-size:12px;color:#7ba5e3;vertical-align:super;margin-left:1px}
#wd-content .cmp-note{margin-top:16px}
#wd-content .cmp-note span{display:block;font-size:14px;color:var(--ink-400);line-height:1.7;text-align:left}

/* 他社比較（モバイル用：会社ごとに分割した2列テーブル。.sp_on側にのみ表示） */
#wd-content table.cmp.cmp--single{min-width:0;margin-bottom:16px}
#wd-content table.cmp.cmp--single:last-child{margin-bottom:0}
#wd-content table.cmp.cmp--single .cmp-col-label{width:44.44%}
#wd-content table.cmp.cmp--single .cmp-col-single{width:55.56%}
#wd-content table.cmp.cmp--single td{padding:14px 10px;font-size:14px}
#wd-content table.cmp.cmp--single thead td{font-size:16px;white-space:nowrap}
#wd-content table.cmp.cmp--single thead td.wd{font-size:17px}
#wd-content table.cmp.cmp--single tbody td:first-child{font-size:13px;padding-left:12px}
#wd-content table.cmp.cmp--single .mk{font-size:20px}
#wd-content table.cmp.cmp--single .sm{font-size:13px;margin-top:4px}
#wd-content table.cmp.cmp--single .sm-note{font-size:11.5px;margin-top:3px}
#wd-content table.cmp.cmp--wd{border:3px solid #2962dd}
#wd-content table.cmp.cmp--wd tbody td.wd{border-left:0;border-right:0;background:#fff}
#wd-content table.cmp.cmp--wd tbody tr:last-child td.wd{border-bottom:0}

#wd-content .price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:33px;width:100%;max-width:none}
#wd-content .price-card{
    background: #fff;
    border: 1.5px solid #d9e1ee;
    border-radius: 16px;
    padding: 32px 32px 32px;
    text-align: center;
    position: relative;
    transition: transform .2s ease, box-shadow .2s ease;
    box-shadow: 0 5px 12px rgba(27, 71, 126, .045);
}
#wd-content .price-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 28px rgba(15,26,46,.12);
}
#wd-content .os-tags{display:flex;gap:11px;justify-content:center;margin-bottom:10px}
#wd-content .os{
    font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
    color:var(--blue-navy);background:#e7f0fe;border-radius:999px;padding:5px 16px;
}
#wd-content .price-card .pl-name{font-size:29px;font-weight:800;color:var(--blue-dark);margin-bottom:7px}
#wd-content .price-card .pl-qty{font-size:15px;color:var(--sub);margin-bottom:14px}
#wd-content .price-card .amt{display:flex;align-items:baseline;justify-content:center;gap:4px;line-height:1;color:var(--blue-deep);margin-bottom:28px}
#wd-content .price-card .amt .yr {
    font-size: 30px;
    font-weight: 800;
    padding-right: 8px;
}
#wd-content .price-card .amt .cur{font-size:28px;font-weight:800}
#wd-content .price-card .amt .num{font-size: 56px;
    font-weight: 900;
    letter-spacing: -.01em;}
#wd-content .price-card .amt .yen {
    font-size: 26px;
    font-weight: 800;
}
#wd-content .price-card .amt .per{    font-size: 17px;
    color: #626f7b;
    margin-top: 10px;}
#wd-content .price-checklist{
    list-style:none;margin:0;padding:22px 0 0;border-top:1px solid var(--line-wd);
    text-align:left;display:flex;flex-direction:column;gap:12px;
}
#wd-content .price-checklist li{position:relative;padding-left:26px;font-size:17px;color:var(--sub);line-height:1.5}
#wd-content .price-checklist li::before{content:"✓";position:absolute;left:0;top:0;color:var(--blue-navy);font-weight:800}
#wd-content .price-note{text-align:left;font-size:14px;color:#8896ab;margin-top:15px}
@media screen and (max-width: 480px){
  #wd-content .price-grid{gap:18px}
  #wd-content .price-card{padding:24px 20px}
  #wd-content .price-card .pl-name{font-size:21px;margin-bottom:5px}
  #wd-content .price-card .pl-qty{font-size:13px;margin-bottom:10px}
  #wd-content .price-card .amt{margin-bottom:20px}
  #wd-content .price-card .amt .yr{font-size:16px;padding-right:5px}
  #wd-content .price-card .amt .cur{font-size:16px}
  #wd-content .price-card .amt .num{font-size:36px}
  #wd-content .price-card .amt .yen{font-size:16px}
  #wd-content .price-card .amt .per{font-size:12px;margin-top:6px}
  #wd-content .price-checklist{padding-top:16px;gap:9px}
  #wd-content .price-checklist li{font-size:14px;padding-left:22px}
  #wd-content .price-note{font-size:12px;margin-top:10px}
}

/* 導入までの流れ — Team Businessと共通（同一クラス・同一スタイル） */
#wd-content .case_wrap{
  padding: 65px 0 75px;
  background: linear-gradient(0deg, #ffffff 0%, #f8fbff 38%, #edf6ff 100%);
  border-top: 0px solid #e3eaf3;
}
#wd-content .flow-sec{background:linear-gradient(180deg,#ffffff 0%,#f7fbff 46%,#ffffff 100%)}
#wd-content .flow-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:0;align-items:stretch}
#wd-content .flow-step{background:#fff;border:1.5px solid #dae4ef;border-radius:20px;padding:25px 22px 30px;text-align:center;position:relative;transition:.25s;display:flex;flex-direction:column;min-height:330px;box-shadow:0 5px 12px rgba(27,71,126,.045)}
#wd-content .flow-step:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(27,71,126,.09);border-color:#cbe0ff;}
#wd-content .flow-arrow{display:flex;align-items:center;justify-content:center;padding:0 12px}
#wd-content .flow-arrow i{font-size:30px;color:#9eb5def5;}
#wd-content .flow-step .stepno{display:block;align-self:center;color:#286cd6;background:none;border:0;font-weight:900;font-size:21px;letter-spacing:0em;padding:0;border-radius:0;margin-bottom:12px}
#wd-content .flow-step .stepicon{width:84px;height:84px;border-radius:50%;background:#f3f8ff;border:0;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;position:relative;flex:none;box-shadow:none}
#wd-content .flow-step .stepicon .stepicon01{width:55px;height:55px;}
#wd-content .flow-step .stepicon .stepicon02{width:60px;height:56px;padding-bottom: 4px;}
#wd-content .flow-step .stepicon .stepicon03{width:55px;height:55px;}
#wd-content .flow-step .stepicon .stepicon04{width: 60px;height: 60px;padding-top: 5px;padding-left: 3px;}
#wd-content .flow-step .stepicon .stepicon05{width: 58px;height: 58px;padding-top: 8px;}
#wd-content .flow-step .flow-title{display:block;color:#08224a;font-size:20px;font-weight:850;margin-bottom:14px;text-decoration:none;transition:.2s}
#wd-content .flow-step .flow-title:hover{color:#0964df}
#wd-content .flow-step p{font-size:15px;color:#667892;margin:0;line-height:1.55}
#wd-content .flow-step.final{background:linear-gradient(180deg,#1467e8 0%,#0750b7 100%);box-shadow: 0 5px 12px rgba(27, 71, 126, .045);border: 1.5px solid #1962ce;}
#wd-content .flow-step.final:hover{box-shadow:0 26px 52px rgba(8,83,190,.28)}
#wd-content .flow-step.final .stepno{color:#fff;background:none;border:0}
#wd-content .flow-step.final .stepicon{background:#fff;border:0;box-shadow:none}
#wd-content .flow-step.final .stepicon svg{stroke:#0964df}
#wd-content .flow-step.final .flow-title{color:#fff;font-size:20px}
#wd-content .flow-step.final p{color:#dceaff}
@media(max-width:1100px){
  #wd-content .flow-arrow{padding:0 7px}
  #wd-content .flow-arrow i{font-size:23px}
  #wd-content .flow-step{padding-left:16px;padding-right:16px}
}
@media(max-width:980px){
  #wd-content .flow-row{grid-template-columns:1fr 1fr;gap:22px 16px}
  #wd-content .flow-arrow{display:none}
  #wd-content .flow-step{min-height:300px}
}
@media(max-width:768px){
  #wd-content .flow-row{grid-template-columns:1fr;gap:24px}
  #wd-content .flow-step{min-height:auto;text-align:left;padding:24px;border-radius:22px}
  #wd-content .flow-step .stepno{align-self:flex-start;margin-bottom:16px}
  #wd-content .flow-step .stepicon{width:70px;height:70px;margin:0 0 10px}
  #wd-content .flow-step .stepicon svg{width:31px;height:31px}
  #wd-content .flow-step.final{text-align:left}
}
@media(max-width:480px){
  #wd-content .flow-step{text-align:center;padding:24px 20px}
  #wd-content .flow-step.final{text-align:center}
  #wd-content .flow-step .stepno{align-self:center;font-size:15px}
  #wd-content .flow-step .stepicon{width:60px;height:60px;margin:0 auto 16px}
  #wd-content .flow-step .stepicon .stepicon01,
  #wd-content .flow-step .stepicon .stepicon03{width:42px;height:42px}
  #wd-content .flow-step .stepicon .stepicon02{width:46px;height:42px;padding-bottom:3px}
  #wd-content .flow-step .stepicon .stepicon04{width:46px;height:46px;padding-top:3px;padding-left:2px}
  #wd-content .flow-step .stepicon .stepicon05{width:45px;height:45px;padding-top:5px}
  #wd-content .flow-step .flow-title{font-size:20px}
  #wd-content .flow-step p{font-size:16px;line-height:1.65}
}

#wd-content .faq-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px}
#wd-content .faq-cat{
    font-family:inherit;flex:none;position:relative;cursor:pointer;
    padding:13px 45px 11px;background:#ffffff;border:1px solid #e6ebf1;border-radius:50px;
    color:#5b6b85;font-size:19px;font-weight:600;line-height:1.4;letter-spacing:0px;
    box-shadow:0 2px 4px #eef1f396;transition:background .2s,color .2s,border-color .2s;
}
#wd-content .faq-cat:hover{background:#fff;border-color:#0061d5;color:#0061d5}
#wd-content .faq-cat.active{background:#0061d5;color:#fff;border-color:#0061d5}
@media screen and (max-width: 480px){
  #wd-content .faq-cats{gap:8px;margin-bottom:20px}
  #wd-content .faq-cat{
    flex:none;padding:7px 20px;font-size:16px;letter-spacing:-0.3px;
  }
}
#wd-content .faq-list{max-width:none;width:100%;margin:0 auto}
#wd-content .faq-item{
    background:#fff;border:1.2px solid #d8dfe9;border-radius:16px;
    margin-bottom:18px;overflow:hidden;transition:border-color .2s,background .2s;
    box-shadow:0 4px 6px rgba(15,26,46,.03);
}
#wd-content .faq-item.open{border:1.5px solid #83adeced}
#wd-content .faq-q{
    width:100%;text-align:left;background:none;border:0;cursor:pointer;
    font-family:inherit;font-size:22px;font-weight:600;color:#1e2a3a;
    padding:20px 64px 20px 28px;position:relative;line-height:1.6;
    transition:background .15s;user-select:none;
}
#wd-content .faq-q:hover{background:#f5f9ff}
#wd-content .faq-q:focus-visible{outline:3px solid rgba(41,98,221,.25);outline-offset:-3px}
#wd-content .faq-q::after{
    content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);
    width:40px;height:40px;display:grid;place-items:center;
    font-size:38px;font-weight:300;color:#9aa5b4;transition:color .2s;line-height:1;
}
#wd-content .faq-item.open .faq-q::after{content:"−";color:#6b7a8d}
#wd-content .faq-a{
    max-height:0;overflow:hidden;opacity:0;
    transition:max-height .35s ease,opacity .25s ease
}
#wd-content .faq-item.open .faq-a{opacity:1}
#wd-content .faq-a-inner{padding:20px 30px 22px 24px;color:#4a5568;font-size:20px;line-height:1.7}
#wd-content .faq-a-inner ul{margin:8px 0 0 18px;list-style:disc}
@media screen and (max-width: 480px){
  #wd-content .faq-q{
    font-size:18px;line-height:1.5;padding:16px 55px 16px 20px;
  }
  #wd-content .faq-q::after{
    width:35px;height:35px;font-size:35px;right:14px;
  }
  #wd-content .faq-a-inner{
    font-size:17px;padding:16px 20px 20px;
  }
}

#wd-content .cta-sec{padding:0px 0}
#wd-content .cta-card{
    width:min(calc(100% - 64px),calc(var(--maxw-wd) - 64px));margin:0 auto;overflow:hidden;
    color:#fff;padding:56px 40px;text-align:center;
}
#wd-content .cta-card .tag{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.12em;background:rgba(255,255,255,.16);padding:7px 16px;border-radius:999px;margin-bottom:20px}
#wd-content .cta-card h2{font-size:clamp(24px,3.4vw,39px);font-weight:900;line-height:1.4;margin-bottom:10px}
#wd-content .cta-card p{color:rgba(255,255,255,.9);font-size:18px;margin-bottom:40px}
#wd-content .cta-card .hero-cta{justify-content:center}
#wd-content .cta-card .btn-primary{background:#fff;color:var(--blue-deep);border-color:#fff}
#wd-content .cta-card .btn-primary:hover{background:#eaf3ff}
#wd-content .cta-card .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
#wd-content .cta-card .btn-ghost:hover{background:rgba(255,255,255,.12)}
#wd-content .contact-line{margin-top:23px;font-size:14px;color:rgba(255,255,255,.82)}
#wd-content .contact-line a{color:#8fd0ff;font-weight:700}
@media screen and (max-width: 480px){
  #wd-content .cta-card{padding:40px 10px}
  #wd-content .cta-card h2{margin-bottom:8px;font-size:26px;}
  #wd-content .cta-card p{font-size:15px;margin-bottom:26px}
  #wd-content .cta-card .hero-cta{flex-direction:column;align-items:stretch;gap:14px}
  #wd-content .cta-card .btn-lg{font-size:16px;padding:14px 20px}
  #wd-content .contact-line{margin-top:18px;font-size:12px;line-height:1.7}
}

#wd-content #top,#wd-content #about,#wd-content #comparison{background: linear-gradient(180.21deg, #EFF6FF 0.19%, #FFFFFF 98.44%, #EFF6FF 143.1%);}
#wd-content #merits,#wd-content #reasons,#wd-content #wdp,#wd-content #price{background: linear-gradient(180.21deg, #EFF6FF 0.19%, #FFFFFF 98.44%, #EFF6FF 143.1%);}
#wd-content .sec-soft{background:var(--bg-blue)}
#wd-content #customer{background:#ffffff}
#wd-content #contact{
  background: radial-gradient(700px 300px at 85% 0%, rgba(143, 208, 255, .25), transparent 60%), linear-gradient(135deg, #12275c 0%, #1b3a8a 50%, #0d61d5 100%);
}
#wd-content #demo{
    background: linear-gradient(90deg, #0e1e47 0%, #091945 100%);
}

/* よくある質問 セクション背景 — Team Businessと共通のグラデーション */
#wd-content #faq{
  background: linear-gradient(0deg, #ffffff 0%, #f8fbff 38%, #edf6ff 100%);
}
@media screen and (max-width: 480px){
  #wd-content #faq{
    background: linear-gradient(0deg, #ffffff 25%, #deecfd 100%);
  }
}

@media(max-width:900px){
  #wd-content .hero-inner{grid-template-columns:1fr;text-align:center;padding-bottom:60px}
  #wd-content .hero p.lead{margin-left:auto;margin-right:auto}
  #wd-content .hero-cta{justify-content:center}
  #wd-content .about-intro{grid-template-columns:1fr}
  #wd-content .logo-grid{grid-template-columns:repeat(4,1fr)}
  #wd-content .reason-two-col{grid-template-columns:1fr; gap: 9px;}
  #wd-content .reason-one-grid{grid-template-columns:1fr}
  #wd-content .legacy-list--row{grid-template-columns:1fr}
  #wd-content .self-protect-panel{grid-template-columns:1fr 1fr}
  #wd-content .self-protect-item:nth-child(3){border-left:1px solid #e3eaf3}
  #wd-content .self-protect-item:nth-child(3),
  #wd-content .self-protect-item:nth-child(4){border-top:1px solid #e3eaf3}
  #wd-content .merit-card{grid-template-columns:62px 1fr;padding:24px 22px}
  #wd-content .merit-icon{width:62px;height:62px}
  #wd-content .demo-card{grid-template-columns:1fr}
  #wd-content .wdp-grid{grid-template-columns:1fr 1fr}
  #wd-content .price-grid{grid-template-columns:1fr}

}
@media(max-width:680px){
  #wd-content .hero-inner{padding-left:20px;padding-right:20px;text-align:center;min-height:auto;padding-bottom:38px;gap:20px;}
  #wd-content .hero-cta{flex-direction:column;align-items:center;gap:15px}
  #wd-content .mv_btn_primary,
  #wd-content .mv_btn_outline{justify-content:center;padding:12px 24px;font-size:20px;width:96%}
  #wd-content .app-btn-contents-text{font-size:19px;flex:none;text-align:left}
  #wd-content .app-btn-contents-arr{width:18px;height:18px;margin-left:0;position:relative;top:1px}
  #wd-content .hero-visual{min-height:auto}
  #wd-content .hero-window{left:0;width:63%;border-width:4px}
  #wd-content .hero-proof{right:0;bottom:1%;padding:10px 12px}
  #wd-content .hero-proof strong{font-size:24px}
  #wd-content .points{
      position:relative;left:auto;bottom:auto;width:calc(100% - 32px);
      margin:0 auto 24px;transform:none;border-radius:14px
  }
  #wd-content .points-inner{grid-template-columns:1fr;gap:0;padding:8px 16px}
  #wd-content .point{padding:13px 8px}
  #wd-content .point + .point{border-top:1px solid var(--line-wd)}
  #wd-content .point + .point::before{display:none}
  #wd-content .point .pn{margin-bottom:2px}
  #wd-content .point .pt{font-size:15px;white-space:normal}
  #wd-content .trust-sec{padding-top:40px}
  #wd-content .trust-top{margin-bottom:30px}
  #wd-content .trust-top h2{font-size:23px}
  #wd-content .trust-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:24px}
  #wd-content .trust-stat{min-width:0;padding:4px 12px;text-align:center}
  #wd-content .trust-stat + .trust-stat{border-left:1px solid var(--line-wd)}
  #wd-content .trust-stat strong{font-size:30px}
  #wd-content .trust-stat span{font-size:11px}
  #wd-content .logo-grid{grid-template-columns:repeat(3,1fr);padding:11px}
  #wd-content .wdp-grid{grid-template-columns:1fr}
  #wd-content .td-wr-diagram{grid-template-columns:1fr;padding:14px; gap: 18px;}
  #wd-content .td-wr-signals{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;padding: 10px;}
  #wd-content .td-wr-signal{justify-content:center;text-align:center;border-radius:999px;padding:8px 6px}
  #wd-content .td-wr-signals-line{display:none}
  #wd-content .td-wr-detail-item{flex-direction:column;gap:10px;padding:18px 0}
  #wd-content .wdp-console{padding:18px 0;border-radius:16px}
  #wd-content .wdp-console-title{margin-bottom:20px;font-size:23px}
  #wd-content .wdp-item h3{padding:12px 16px 6px;font-size:18px}
  #wd-content .wdp-item p{padding:0 16px 20px;font-size:14px;line-height:1.5}
  #wd-content .wdp-overlay{border-radius:6px}
  #wd-content .wdp-overlay--assets,
  #wd-content .wdp-overlay--policy,
  #wd-content .wdp-overlay--logs,
  #wd-content .wdp-overlay--report,
  #wd-content .wdp-overlay--users{top:10px;right:10px;width:230px}
  #wd-content .reason-head{display:block}
  #wd-content .reason-label{min-width:0;padding:11px 18px;display:block;text-align:center;font-size:14px}
  #wd-content .reason-head h3{padding:16px 15px;font-size:21px;text-align:center;}
  #wd-content .reason-body{padding:22px 16px}
  #wd-content .reason-intro{font-size:16px;line-height:1.6}
  #wd-content .reason-timeline-steps,#wd-content .reason-manage{grid-template-columns:1fr;gap:32px 0}
  #wd-content .reason-timeline-steps::before{display:none}
  #wd-content .reason-timeline{margin-top:14px;padding:8px 0 10px}
  #wd-content .reason-timeline-step{padding:0 16px}
  #wd-content .reason-timeline-figure{width:150px;height:150px;margin:0 auto 20px}
  #wd-content .reason-timeline-time{top:128px;padding:3px 14px;font-size:14px}
  #wd-content .reason-timeline-step h4{font-size:18px}
  #wd-content .reason-timeline-step p{margin-top:4px;font-size:14px}
  #wd-content .reason-timeline-step:not(:last-child)::after{
    content:"";position:absolute;left:50%;bottom:-32px;width:6px;height:32px;
    transform:translateX(-50%);z-index:0;
  }
  #wd-content .ts-1::after{background:linear-gradient(180deg,#FF5A70,#8E5277)}
  #wd-content .ts-2::after{background:linear-gradient(180deg,#8E5277,#0A4A78)}
  #wd-content .ts-3::after{background:linear-gradient(180deg,#0A4A78,#5ED8B5)}
  #wd-content .reason-time{padding:22px 12px}
  #wd-content .reason-second-copy h4{font-size:24px;text-align: center;}
  #wd-content .reason-second-copy p{font-size:16px}
  #wd-content .process-shot{padding:14px;border-radius:12px}
  #wd-content .process-note{position:static;left:auto;bottom:auto;max-width:none;margin-top:14px;padding:14px 16px;gap:10px}
  #wd-content .process-note-icon{width:28px;height:28px}
  #wd-content .process-note p{font-size:13px}
  #wd-content .merit-panel{padding:18px}
  #wd-content .merit-grid{grid-template-columns:1fr;gap:14px}
  #wd-content .merit-card{grid-template-columns:54px 1fr;gap:14px;min-height:0;padding:20px 16px}
  #wd-content .merit-icon{width:50px;height:50px;border-radius:10px}
  #wd-content .merit-icon-img{width:36px;height:36px}
  #wd-content .merit-card h3{font-size:17px}
  #wd-content .merit-card p{margin-top:7px;font-size:14px}
  #wd-content .legacy-note{font-size:16px}
  #wd-content .legacy-card{padding:48px 18px 20px;text-align:center}
  #wd-content .legacy-icon{position:static;left:auto;top:auto;width:60px;height:auto;margin:10px auto 14px}
  #wd-content .legacy-icon img{height:auto}
  #wd-content .legacy-card .legacy-type{font-size:14px}
  #wd-content .legacy-card h4{font-size:19px;line-height:1.4}
  #wd-content .legacy-card p{font-size:15px;margin-top: 5px;}
  #wd-content .legacy-tag{font-size:11px}
  #wd-content .bcp-panel{padding:20px 14px}
  #wd-content .bcp-flow{gap:7px;padding:12px 8px}
  #wd-content .bcp-step{display:block;text-align:center;font-size:12px;white-space:normal}
  #wd-content .bcp-step-icon{margin:0 auto 4px;width:26px;height:26px}
  #wd-content .bcp-arrow{font-size:20px}
  #wd-content .bcp-illustration{height:190px}
  #wd-content .demo-card{padding:28px 10px}
  #wd-content .cmp-hint{display:block}
  #wd-content .bcp-copy{margin-top: 10px;}
  #wd-content .bcp-panel>h4{ font-size:20px;}
  #wd-content .reason-manage-shot {margin-top: 0;}
  #wd-content .reason-manage b{ font-size:22px;}
  #wd-content .reason-manage b {font-size: 20px;}
  #wd-content .reason-manage div{ padding: 16px 20px 18px;}
  #wd-content .demo-copy h2{font-size: 25px;}
  #wd-content .demo-copy ul{margin: 14px 0 0 23px;font-size: 17px;line-height: 1.7;}
  
}