/* DoubleWare static delivery revisions */
:root{--dw-header-height:86px;--dw-blue:#3A8FD2;--dw-navy:#07111F;--dw-ice:#F4FAFD;--dw-soft-blue:#EAF5FB;--dw-surface:#F8FBFD;--dw-gray:#E9EEF3;--dw-radius:8px;--dw-ease:cubic-bezier(.23,1,.32,1)}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--dw-header-height) + 18px)}body{overflow-x:clip}.corp-header{min-height:var(--dw-header-height)}.corp-nav{align-items:stretch;gap:0}.corp-nav-mega{position:relative;display:flex;align-items:stretch}.corp-mega-trigger{display:flex;min-width:124px;flex-direction:column;justify-content:center;gap:2px;padding:0 14px;color:inherit;text-align:left;cursor:pointer;border-inline:1px solid transparent;transition:color .18s var(--dw-ease),background .18s var(--dw-ease)}.corp-mega-trigger span,.corp-nav>a span{font-size:13px;line-height:1.2;white-space:nowrap}.corp-mega-trigger small,.corp-nav>a small{color:#6e879b;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.08em}.corp-mega-trigger:hover,.corp-mega-trigger:focus-visible,.corp-mega-trigger[aria-expanded="true"]{color:var(--dw-blue);background:var(--dw-ice);outline:none}.corp-mega-trigger:focus-visible,.corp-nav a:focus-visible,.corp-contact:focus-visible,.corp-mobile-menu a:focus-visible,.corp-mobile-menu summary:focus-visible{outline:2px solid var(--dw-blue);outline-offset:-2px}.corp-nav>a.active,.corp-mega-trigger.active{color:var(--dw-blue)}.corp-mega-panel{position:fixed;z-index:90;top:var(--dw-header-height);left:0;width:100%;padding:0 clamp(24px,5vw,92px) 26px;background:rgba(248,251,253,.98);border-bottom:1px solid #c9dae7;box-shadow:0 18px 35px rgba(7,17,31,.12)}.corp-mega-panel-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1280px;margin:0 auto;border-left:1px solid #d9e5ee}.corp-mega-panel section{display:grid;align-content:start;gap:0;min-height:245px;padding:27px 28px 18px;border-right:1px solid #d9e5ee}.corp-mega-panel p{margin:0 0 13px;color:#5a758a;font-family:"DM Mono",monospace;font-size:10px;font-weight:500;letter-spacing:.12em}.corp-mega-panel a{position:relative;display:flex;align-items:center;min-height:34px;padding:6px 17px 6px 0;color:var(--dw-navy);font-size:14px;font-weight:600;text-decoration:none;transition:color .18s var(--dw-ease),padding .18s var(--dw-ease)}.corp-mega-panel a:after{position:absolute;right:1px;content:"→";color:var(--dw-blue);opacity:0;transform:translateX(-5px);transition:opacity .18s var(--dw-ease),transform .18s var(--dw-ease)}.corp-mega-panel a:hover,.corp-mega-panel a:focus-visible{padding-left:7px;color:var(--dw-blue);outline:none}.corp-mega-panel a:hover:after,.corp-mega-panel a:focus-visible:after{opacity:1;transform:translateX(0)}.corp-contact{min-width:133px;gap:6px}.corp-mobile-menu .mobile-solutions-menu{border-bottom:1px solid rgba(213,231,243,.2)}.corp-mobile-menu .mobile-solutions-menu summary{display:flex;align-items:center;justify-content:space-between;min-height:68px;cursor:pointer;list-style:none}.corp-mobile-menu .mobile-solutions-menu summary::-webkit-details-marker{display:none}.corp-mobile-menu .mobile-solutions-menu summary small{margin-left:auto;margin-right:10px}.corp-mobile-menu .mobile-solutions-menu summary:after{content:"+";color:var(--dw-blue);font-size:23px;font-weight:300}.corp-mobile-menu .mobile-solutions-menu[open] summary:after{content:"−"}.corp-mobile-menu .mobile-solutions-menu div{display:grid;gap:0;padding:0 0 12px 15px}.corp-mobile-menu .mobile-solutions-menu div a{min-height:38px;border-bottom:0;color:#d9eaf6;font-size:14px}.corp-footer-bottom a[href*="security"],.corp-footer-body a[href*="security"]{display:none}.service-anchor{position:relative;display:block;top:calc(-1 * var(--dw-header-height));visibility:hidden}.tech-label{margin:0 0 9px;color:var(--dw-blue);font-family:"DM Mono",monospace;font-size:10px;font-weight:500;letter-spacing:.13em}.technology-domain-list>article h3:not(.tech-label){margin:0;font-size:clamp(21px,2vw,28px);line-height:1.25}.technology-domain-list>article .tech-label+h3{color:#f6fbff}.organization-chart-mobile-guide{display:none}.organization-chart-scroll{overflow:visible}
/* Newspaper and media overview */
.dw-media-page--revised{color:var(--dw-navy);background:#fff}.dw-media-page--revised .dw-media-hero{min-height:680px}.dw-media-page--revised .dw-media-hero-copy{max-width:780px}.dw-media-page--revised .dw-media-hero-copy>p:first-child{color:#cbeeff;font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.14em}.dw-media-page--revised .dw-media-anchor-nav{position:sticky;z-index:10;top:var(--dw-header-height);justify-content:center;padding-inline:20px;background:rgba(255,255,255,.96);border-block:1px solid var(--dw-gray);backdrop-filter:blur(14px)}.dw-media-page--revised .dw-media-anchor-nav a{white-space:nowrap}.media-workflow,.media-product-area,.media-solution-area,.media-education-area,.media-related-area{padding:clamp(72px,9vw,145px) clamp(22px,6vw,100px)}.media-section-intro,.media-product-area>header,.media-solution-area>header,.media-related-area>header{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:24px 60px;max-width:1240px;margin:0 auto 42px}.media-section-intro .rich-label,.media-product-area .rich-label,.media-solution-area .rich-label,.media-education-area .rich-label,.media-related-area .rich-label{grid-column:1/-1;color:var(--dw-blue);font-family:"DM Mono",monospace;font-size:10px;font-weight:500;letter-spacing:.14em}.media-section-intro h2,.media-product-area h2,.media-solution-area h2,.media-related-area h2{margin:0;font-size:clamp(35px,4vw,56px);font-weight:600;letter-spacing:-.04em;line-height:1.22}.media-section-intro>p:last-child,.media-product-area>header>p:last-child{max-width:540px;margin:8px 0 0;color:#465f72;font-size:15px;line-height:2}.media-workflow{background:var(--dw-ice)}.media-workflow-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1240px;margin:0 auto;border:1px solid #cedfe9;border-radius:var(--dw-radius);overflow:hidden}.media-workflow-list li{position:relative;min-width:0;background:#fff;border-right:1px solid #cedfe9}.media-workflow-list li:last-child{border-right:0}.media-workflow-list li:not(:last-child):after{position:absolute;z-index:2;top:50%;right:-9px;width:17px;height:17px;content:"";background:#fff;border-top:1px solid #cedfe9;border-right:1px solid #cedfe9;transform:translateY(-50%) rotate(45deg)}.media-workflow-list a{display:flex;min-height:278px;flex-direction:column;padding:28px 25px;text-decoration:none;transition:background .2s var(--dw-ease)}.media-workflow-list a:hover,.media-workflow-list a:focus-visible{background:var(--dw-soft-blue);outline:none}.media-workflow-list span{margin-bottom:auto;color:var(--dw-blue);font-family:"DM Mono",monospace;font-size:13px}.media-workflow-list small{color:#648399;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.12em}.media-workflow-list strong{display:block;min-height:56px;margin-top:11px;font-size:clamp(19px,1.8vw,24px);line-height:1.4}.media-workflow-list em{margin-top:17px;color:var(--dw-blue);font-size:13px;font-style:normal;font-weight:700}.media-product-area{background:#fff}.media-core-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;max-width:1240px;margin:0 auto}.media-core-grid>a{display:flex;min-height:540px;flex-direction:column;overflow:hidden;color:var(--dw-navy);text-decoration:none;background:#fff;border:1px solid #cfdfea;border-radius:var(--dw-radius);transition:border-color .2s var(--dw-ease),background .2s var(--dw-ease),transform .2s var(--dw-ease)}.media-core-grid>a:hover,.media-core-grid>a:focus-visible{background:#eef8fc;border-color:var(--dw-blue);outline:none;transform:translateY(-4px)}.media-core-grid img{width:100%;height:210px;object-fit:cover}.media-core-grid span,.media-core-grid h3,.media-core-grid p,.media-core-grid b{margin-inline:25px}.media-core-grid span{margin-top:24px;color:var(--dw-blue);font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.12em}.media-core-grid h3{margin-top:11px;font-size:24px;line-height:1.35}.media-core-grid p{min-height:58px;margin-top:13px;color:#4b6578;font-size:14px;line-height:1.8}.media-core-grid b{margin-top:auto;margin-bottom:25px;color:var(--dw-blue);font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.06em}.media-solution-area{background:var(--dw-surface)}.media-solution-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1240px;margin:0 auto}.media-solution-grid a{display:flex;min-height:250px;flex-direction:column;padding:24px;color:var(--dw-navy);text-decoration:none;background:#fff;border:1px solid #d5e2eb;border-radius:var(--dw-radius);transition:background .2s var(--dw-ease),border-color .2s var(--dw-ease)}.media-solution-grid a:hover,.media-solution-grid a:focus-visible{background:var(--dw-soft-blue);border-color:var(--dw-blue);outline:none}.media-solution-grid span{color:#5b7b91;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.1em}.media-solution-grid h3{margin-top:22px;font-size:21px;line-height:1.35}.media-solution-grid p{margin-top:12px;color:#526b7d;font-size:13px;line-height:1.75}.media-solution-grid b{margin-top:auto;padding-top:16px;color:var(--dw-blue);font-size:12px}.media-education-area{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);gap:50px;align-items:end;color:#fff;background:var(--dw-navy)}.media-education-area h2{max-width:860px;margin:18px 0;font-size:clamp(34px,4.2vw,56px);letter-spacing:-.04em;line-height:1.3}.media-education-area h2 em{color:#80d4e0;font-style:normal}.media-education-area p{max-width:650px;color:#c9dce8;font-size:15px;line-height:2}.media-education-area a,.product-contact a{display:inline-block;margin-top:26px;padding:14px 18px;color:#fff;font-size:14px;font-weight:700;text-decoration:none;background:var(--dw-blue);border-radius:6px}.media-education-area aside{display:grid;gap:9px;align-content:end;padding:26px;background:rgba(58,143,210,.18);border:1px solid rgba(190,229,252,.32);border-radius:var(--dw-radius)}.media-education-area aside strong{color:#80d4e0;font-size:clamp(44px,5vw,70px);line-height:1}.media-education-area aside span{font-size:16px;font-weight:700}.media-education-area aside small{color:#c6d9e5;font-size:11px}.media-related-area>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1240px;margin:0 auto;border-top:1px solid #cfdee8;border-left:1px solid #cfdee8}.media-related-area a,.product-related a{display:grid;min-height:178px;align-content:start;padding:25px;color:var(--dw-navy);text-decoration:none;border-right:1px solid #cfdee8;border-bottom:1px solid #cfdee8;transition:background .2s var(--dw-ease)}.media-related-area a:hover,.media-related-area a:focus-visible,.product-related a:hover,.product-related a:focus-visible{background:var(--dw-ice);outline:none}.media-related-area a span,.product-related a span{color:#577b95;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.12em}.media-related-area a strong,.product-related a strong{margin-top:20px;font-size:17px;line-height:1.55}.media-related-area a small,.product-related a small{margin-top:auto;padding-top:17px;color:var(--dw-blue);font-size:17px}
/* Product detail */
.dw-product-page{color:var(--dw-navy);background:#fff}.product-summary,.product-flow,.product-features,.product-ui,.product-related,.product-contact{padding:clamp(70px,9vw,130px) clamp(22px,7vw,120px)}.product-summary{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px 75px;background:var(--dw-ice)}.product-summary .rich-label,.product-features .rich-label,.product-flow .rich-label,.product-ui .rich-label,.product-related .rich-label{grid-column:1/-1;margin:0;color:var(--dw-blue);font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.14em}.product-summary h2,.product-features h2,.product-flow h2,.product-ui h2,.product-related h2{margin:0;font-size:clamp(33px,4vw,53px);letter-spacing:-.04em;line-height:1.3}.product-summary h2 em,.product-features h2 em,.product-ui h2 em,.product-contact h2 em{color:var(--dw-blue);font-style:normal}.product-summary>p:last-child{max-width:590px;margin:10px 0 0;color:#496477;font-size:16px;line-height:2}.product-flow{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;color:#fff;background:var(--dw-navy)}.product-flow .rich-label{color:#8ed5e4}.product-flow ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #426177;border-left:1px solid #426177}.product-flow li{display:grid;min-height:170px;align-content:start;padding:23px;border-right:1px solid #426177;border-bottom:1px solid #426177}.product-flow li span{color:#8ed5e4;font-family:"DM Mono",monospace;font-size:11px}.product-flow li strong{margin-top:20px;font-size:19px}.product-flow li small{margin-top:10px;color:#b6ccd9;font-size:12px;line-height:1.7}.product-features>header,.product-related>header{max-width:1240px;margin:0 auto 45px}.product-features>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:1240px;margin:0 auto}.product-features article{min-height:270px;padding:25px;background:var(--dw-surface);border:1px solid #d9e5ec;border-radius:var(--dw-radius)}.product-features article>span{color:var(--dw-blue);font-family:"DM Mono",monospace;font-size:11px}.product-features h3{margin-top:48px;font-size:22px;line-height:1.5}.product-features article p{margin-top:13px;color:#536d7f;font-size:14px;line-height:1.8}.product-ui{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,7vw,100px);align-items:center;background:var(--dw-soft-blue)}.product-ui img{width:100%;max-height:420px;padding:20px;object-fit:contain;background:#fff;border:1px solid #cbdfe9;border-radius:var(--dw-radius)}.product-ui p:last-child{margin-top:22px;color:#46657b;font-size:15px;line-height:2}.product-related>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1240px;margin:0 auto;border-top:1px solid #cfdee8;border-left:1px solid #cfdee8}.product-contact{text-align:center;color:#fff;background:var(--dw-navy)}.product-contact>p:first-child{color:#8ed5e4;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.15em}.product-contact h2{margin:20px 0;font-size:clamp(34px,4vw,54px);letter-spacing:-.04em;line-height:1.3}.product-contact>p:not(:first-child){max-width:640px;margin:0 auto;color:#c8d9e3;font-size:15px;line-height:2}
@media(max-width:1180px){.corp-mega-trigger{min-width:104px;padding-inline:9px}.corp-nav>a{padding-inline:9px}.corp-nav>a span,.corp-mega-trigger span{font-size:12px}.media-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-related-area>div{grid-template-columns:repeat(2,minmax(0,1fr))}.product-related>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:880px){:root{--dw-header-height:72px}.corp-nav,.corp-contact{display:none}.corp-menu{display:inline-flex}.corp-mobile-menu{top:var(--dw-header-height)}.dw-media-page--revised .dw-media-hero{min-height:590px}.media-workflow-list{grid-template-columns:repeat(2,minmax(0,1fr))}.media-workflow-list li:nth-child(2){border-right:0}.media-workflow-list li:nth-child(-n+2){border-bottom:1px solid #cedfe9}.media-workflow-list li:nth-child(2):after{display:none}.media-core-grid{grid-template-columns:1fr;max-width:560px}.media-core-grid>a{min-height:0}.media-core-grid img{height:240px}.media-core-grid p{min-height:auto}.media-section-intro,.media-product-area>header,.media-solution-area>header,.media-related-area>header,.product-summary,.product-flow,.product-ui{grid-template-columns:1fr}.media-education-area{grid-template-columns:1fr}.product-features>div{grid-template-columns:1fr}.product-features article{min-height:0}.product-features h3{margin-top:24px}}
@media(max-width:600px){.dw-media-page--revised .dw-media-hero{min-height:610px}.dw-media-page--revised .dw-media-anchor-nav{justify-content:flex-start;overflow-x:auto}.media-workflow,.media-product-area,.media-solution-area,.media-education-area,.media-related-area,.product-summary,.product-flow,.product-features,.product-ui,.product-related,.product-contact{padding:68px 20px}.media-workflow-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-left:0;border-right:0}.media-workflow-list li{min-width:78vw;scroll-snap-align:start;border-block:1px solid #cedfe9}.media-workflow-list li:not(:last-child):after{top:50%;right:-9px;bottom:auto;transform:translateY(-50%) rotate(45deg)}.media-workflow-list li:nth-child(2):after{display:block}.media-core-grid img{height:205px}.media-solution-grid,.media-related-area>div,.product-related>div{grid-template-columns:1fr}.media-solution-grid a,.media-related-area a,.product-related a{min-height:0}.media-education-area aside{padding:20px}.product-flow ol{grid-template-columns:1fr}.product-flow li{min-height:125px}.media-section-intro h2,.media-product-area h2,.media-solution-area h2,.media-related-area h2,.product-summary h2,.product-features h2,.product-flow h2,.product-ui h2,.product-related h2{font-size:34px}.organization-chart-mobile-guide{display:block;margin:0 0 11px;color:#527a97;font-size:12px;text-align:right}.organization-chart-scroll{width:calc(100vw - 44px);overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #d5e4ec;border-radius:var(--dw-radius)}.organization-chart-scroll .organization-supplied-chart-figure{width:840px;max-width:none;margin:0}.organization-chart-scroll img{width:840px;max-width:none}.recruit-roadmap-list{display:flex;gap:12px;overflow-x:auto;padding-right:20px;scroll-snap-type:x mandatory}.recruit-roadmap-list article{min-width:calc(100vw - 74px);scroll-snap-align:start}.recruit-roadmap:after{display:block;margin-top:12px;content:"SWIPE →";color:var(--dw-blue);font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.12em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* Footer brand treatment: use the same full-colour mark as the header. */
.corp-footer {
color: #17384e;
background:
radial-gradient(780px 330px at 88% -12%, rgba(92, 195, 225, .2), transparent 68%),
linear-gradient(118deg, #ffffff 0%, #ffffff 34%, #f5fbfe 70%, #e9f6fb 100%);
border-top: 1px solid #c7e4ef;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 -20px 45px rgba(13, 68, 98, .04);
}
.corp-footer-top { border-bottom-color: rgba(43, 116, 151, .2); }
.corp-footer-brand {
width: 278px;
height: 55px;
flex: 0 0 auto;
background: #fff;
border: 1px solid rgba(88, 159, 190, .18);
border-radius: 6px;
box-shadow: 0 8px 22px rgba(19, 76, 104, .07);
}
.corp-footer-brand img { filter: none; }
.corp-footer-top p { color: #52758a; }
.corp-footer-body span { color: #2677a6; }
.corp-footer-body a { color: #264d65; }
.corp-footer-body a:hover,
.corp-footer-body a:focus-visible { color: #0b79b7; outline: none; }
.corp-footer-body a:focus-visible,
.corp-footer-bottom a:focus-visible,
.corp-footer-brand:focus-visible { outline: 2px solid #157cb7; outline-offset: 3px; }
.corp-footer-belief p { color: #0a2d43; }
.corp-footer-bottom { color: #627d90; border-top-color: rgba(43, 116, 151, .2); }
.corp-footer-bottom a { color: #35627e; }
.corp-footer-bottom a:hover { color: #0b79b7; }
@media (max-width: 600px) {
.corp-footer-brand { width: min(260px, 100%); height: 52px; }
.corp-footer-top p { color: #57798d; }
}
/* Footer revision: retain the original Deep Navy; reserve the light gradient for the normal-colour logo only. */
.corp-footer {
color: #fff;
background: #030a13;
border-top-color: transparent;
box-shadow: none;
}
.corp-footer-top {
position: relative;
background: linear-gradient(90deg, #fff 0 48%, #f2fbfe 68%, rgba(232, 246, 252, 0) 100%) left center / 460px 100px no-repeat;
border-bottom-color: rgba(255, 255, 255, .22);
}
.corp-footer-brand {
width: 278px;
height: 55px;
background: #fff;
border: 0;
border-radius: 0;
box-shadow: none;
}
.corp-footer-top p { color: #a4c9e7; }
.corp-footer-body span { color: #7ec1ed; }
.corp-footer-body a { color: #c3d3df; }
.corp-footer-body a:hover,
.corp-footer-body a:focus-visible { color: #fff; }
.corp-footer-belief p { color: #fff; }
.corp-footer-bottom { color: #92a4b5; border-top-color: rgba(255, 255, 255, .2); }
.corp-footer-bottom a { color: #c3d3df; }
.corp-footer-bottom a:hover { color: #fff; }
@media (max-width: 600px) {
.corp-footer-top { background-size: min(100%, 390px) 92px; }
.corp-footer-brand { width: min(260px, 100%); height: 52px; }
.corp-footer-top p { color: #a4c9e7; }
}
/* Footer revision: remove the footer mark and retain the original Deep Navy system. */
.corp-footer {
color: #fff;
background: #030a13;
border-top-color: transparent;
box-shadow: none;
}
.corp-footer-top {
justify-content: flex-start;
min-height: 0;
padding-bottom: 25px;
background: none;
border-bottom-color: rgba(255, 255, 255, .22);
}
.corp-footer-top p {
color: #a4c9e7;
font-size: 11px;
letter-spacing: .035em;
}
.corp-footer-brand { display: none; }
.corp-footer-body span { color: #7ec1ed; }
.corp-footer-body a { color: #c3d3df; }
.corp-footer-body a:hover,
.corp-footer-body a:focus-visible { color: #fff; }
.corp-footer-belief p { color: #fff; }
.corp-footer-bottom { color: #92a4b5; border-top-color: rgba(255, 255, 255, .2); }
.corp-footer-bottom a { color: #c3d3df; }
.corp-footer-bottom a:hover { color: #fff; }
/* Media Front: keep the FEATURES copy above a readable, horizontal card grid. */
.page-media-front .product-features {
display: block;
padding: clamp(72px, 8vw, 116px) clamp(22px, 7vw, 120px);
background: #fff;
}
.page-media-front .product-features > header {
max-width: 780px;
margin: 0 auto 38px;
}
.page-media-front .product-features > header .rich-label {
display: block;
margin-bottom: 12px;
}
.page-media-front .product-features > div {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
max-width: 1240px;
margin: 0 auto;
}
.page-media-front .product-features article {
display: flex;
flex-direction: column;
align-items: flex-start;
min-height: 286px;
padding: 28px;
background: linear-gradient(150deg, #fff 0%, #f5faff 100%);
border: 1px solid #cfdee8;
border-radius: 0;
}
.page-media-front .product-features article span {
display: block;
color: var(--dw-blue);
font: 500 11px/1 "DM Mono", monospace;
letter-spacing: .08em;
}
.page-media-front .product-features h3 {
min-height: 0;
margin: auto 0 0;
font-size: clamp(21px, 1.75vw, 27px);
line-height: 1.35;
letter-spacing: -.055em;
text-wrap: balance;
word-break: keep-all;
}
.page-media-front .product-features article p {
max-width: 26em;
margin: 16px 0 0;
color: #466276;
font-size: 14px;
line-height: 1.85;
}
@media (max-width: 900px) {
.page-media-front .product-features > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.page-media-front .product-features article:last-child { grid-column: span 2; }
.page-media-front .product-features article { min-height: 246px; }
}
@media (max-width: 600px) {
.page-media-front .product-features { padding-block: 66px; }
.page-media-front .product-features > header { margin-bottom: 28px; }
.page-media-front .product-features > div { grid-template-columns: 1fr; gap: 10px; }
.page-media-front .product-features article,
.page-media-front .product-features article:last-child { grid-column: auto; min-height: 0; padding: 23px 22px 24px; }
.page-media-front .product-features h3 { margin-top: 30px; font-size: 24px; line-height: 1.32; }
.page-media-front .product-features article p { margin-top: 12px; font-size: 14px; line-height: 1.8; }
}
/* Media products: keep CAPABILITIES copy above a readable four-card layout. */
.media-product-page .product-features {
display: block;
padding: clamp(72px, 8vw, 116px) clamp(22px, 7vw, 120px);
background: #fff;
}
.media-product-page .product-features > div:first-child {
max-width: 780px;
margin: 0 auto 38px;
}
.media-product-page .product-features > div:first-child .rich-label {
display: block;
margin: 0 0 12px;
}
.media-product-page .product-features > div:nth-child(2) {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
max-width: 1240px;
margin: 0 auto;
}
.media-product-page .product-features article {
display: flex;
flex-direction: column;
align-items: flex-start;
min-height: 276px;
padding: 26px;
background: linear-gradient(150deg, #fff 0%, #f5faff 100%);
border: 1px solid #cfdee8;
border-radius: 0;
}
.media-product-page .product-features article>span {
display: block;
color: var(--dw-blue);
font: 500 11px/1 "DM Mono", monospace;
letter-spacing: .08em;
}
.media-product-page .product-features h3 {
min-height: 0;
margin: auto 0 0;
font-size: clamp(20px, 1.65vw, 25px);
line-height: 1.38;
letter-spacing: -.05em;
text-wrap: balance;
word-break: keep-all;
}
.media-product-page .product-features article p {
max-width: 24em;
margin: 15px 0 0;
color: #466276;
font-size: 14px;
line-height: 1.85;
}
@media (max-width: 900px) {
.media-product-page .product-features > div:nth-child(2) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.media-product-page .product-features article { min-height: 242px; }
}
@media (max-width: 600px) {
.media-product-page .product-features { padding-block: 66px; }
.media-product-page .product-features > div:first-child { margin-bottom: 28px; }
.media-product-page .product-features > div:nth-child(2) { grid-template-columns: 1fr; gap: 10px; }
.media-product-page .product-features article { min-height: 0; padding: 23px 22px 24px; }
.media-product-page .product-features h3 { margin-top: 30px; font-size: 24px; line-height: 1.32; }
.media-product-page .product-features article p { margin-top: 12px; font-size: 14px; line-height: 1.8; }
}
/* Override the shared card-grid rule on the CAPABILITIES heading wrapper. */
.media-product-page .product-features > div:first-child {
display: block;
grid-template-columns: none;
}
.media-product-page .product-features > div:first-child h2 {
width: 100%;
max-width: none;
}
/* Mega menu: retain the original link hover treatment without the extra arrow. */
.corp-mega-panel a::after {
content: none;
}
/* Mega menu: keep the hover underline as the sole directional cue. */
.corp-mega-panel a::before {
position: absolute;
right: 0;
bottom: 3px;
left: 0;
height: 1px;
content: "";
pointer-events: none;
background: currentColor;
opacity: .82;
transform: scaleX(0);
transform-origin: left center;
transition: transform .18s var(--dw-ease);
}
.corp-mega-panel a:hover::before,
.corp-mega-panel a:focus-visible::before {
transform: scaleX(1);
}
/* Media overview: align the hero with the compact section-page scale. */
.dw-media-page--revised .dw-media-hero {
min-height: 320px;
}
.dw-media-page--revised .dw-media-hero-copy {
max-width: 920px;
min-height: 320px;
padding: 34px clamp(24px, 7.5vw, 118px) 30px;
}
.dw-media-page--revised .dw-media-hero-copy > p:first-child {
margin-bottom: 10px;
font-size: 9px;
}
.dw-media-page--revised .dw-media-hero-copy h1 {
max-width: 900px;
font-size: clamp(34px, 3.05vw, 42px);
line-height: 1.14;
}
.dw-media-page--revised .dw-media-hero-lead {
max-width: 700px;
margin-top: 13px !important;
font-size: 13px;
line-height: 1.75;
}
.dw-media-page--revised .dw-media-hero-scroll {
min-height: 34px;
margin-top: 12px;
padding-bottom: 1px;
font-size: 10px;
}
@media (max-width: 880px) {
.dw-media-page--revised .dw-media-hero,
.dw-media-page--revised .dw-media-hero-copy {
min-height: 360px;
}
.dw-media-page--revised .dw-media-hero-copy {
padding-block: 38px 34px;
}
}
@media (max-width: 600px) {
.dw-media-page--revised .dw-media-hero,
.dw-media-page--revised .dw-media-hero-copy {
min-height: 390px;
}
.dw-media-page--revised .dw-media-hero-copy {
padding: 38px 22px 32px;
}
.dw-media-page--revised .dw-media-hero-copy h1 {
font-size: clamp(32px, 9.2vw, 38px);
line-height: 1.14;
}
.dw-media-page--revised .dw-media-hero-lead {
margin-top: 15px !important;
font-size: 12px;
line-height: 1.72;
}
.dw-media-page--revised .dw-media-hero-scroll {
min-height: 33px;
margin-top: 13px;
}
}
@media (max-width: 600px) {
.dw-media-page--revised .dw-media-hero-copy h1 {
font-size: clamp(28px, 7.45vw, 32px);
letter-spacing: -.085em;
}
.dw-media-page--revised .dw-media-hero-copy h1 strong {
letter-spacing: -.10em;
}
}
/* Case studies: Japanese industry labels and direct product discovery. */
.case-studies-grid article header {
position: relative;
}
.case-studies-grid article header .case-product-link {
display: inline-flex;
position: absolute;
right: 0;
top: 100%;
align-items: baseline;
gap: 6px;
margin-top: 6px;
padding-bottom: 3px;
color: var(--dw-blue);
border-bottom: 1px solid color-mix(in srgb, var(--dw-blue) 45%, transparent);
font-family: var(--font-body);
font-size: 11px;
font-weight: 600;
letter-spacing: .01em;
line-height: 1.35;
text-decoration: none;
transition: color .18s var(--dw-ease), border-color .18s var(--dw-ease), transform .18s var(--dw-ease);
}
.case-studies-grid article header .case-product-link span {
color: #637c8d;
font-family: "DM Mono", monospace;
font-size: 8px;
font-weight: 500;
letter-spacing: .08em;
line-height: 1;
}
.case-studies-grid article header .case-product-link b {
font-size: 12px;
font-weight: 500;
line-height: 1;
transition: transform .18s var(--dw-ease);
}
.case-studies-grid article header .case-product-link:hover,
.case-studies-grid article header .case-product-link:focus-visible {
color: #064a75;
border-color: currentColor;
}
.case-studies-grid article header .case-product-link:hover b,
.case-studies-grid article header .case-product-link:focus-visible b { transform: translate(2px, -2px); }
.case-studies-grid article header .case-product-link:focus-visible { outline: 2px solid #40a9e5; outline-offset: 4px; }
@media (max-width: 700px) {
.case-studies-grid article header .case-product-link {
gap: 5px;
font-size: 10px;
}
.case-studies-grid article header .case-product-link span { font-size: 7px; }
}
/* Privacy policy: detailed public policy and P-mark information. */
.privacy-policy-page { color: var(--dw-navy); background: #fff; }
.privacy-policy-intro,
.privacy-policy-status,
.privacy-policy-section,
.privacy-policy-contact { padding-inline: clamp(22px, 7vw, 120px); }
.privacy-policy-intro {
display: grid;
grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
gap: 32px 80px;
padding-top: clamp(72px, 9vw, 124px);
padding-bottom: clamp(56px, 7vw, 92px);
background: var(--dw-ice);
}
.privacy-policy-intro .rich-label,
.privacy-policy-section .rich-label,
.privacy-policy-contact .rich-label { margin: 0; color: var(--dw-blue); font: 500 10px/1.2 "DM Mono", monospace; letter-spacing: .14em; }
.privacy-policy-intro h2,
.privacy-policy-section > header h2,
.privacy-policy-contact h2 { margin: 15px 0 0; font-size: clamp(32px, 3.4vw, 50px); letter-spacing: -.045em; line-height: 1.24; }
.privacy-policy-intro > div:last-child { display: grid; gap: 16px; max-width: 660px; color: #496477; font-size: 15px; line-height: 2; }
.privacy-policy-intro > div:last-child p { margin: 0; }
.privacy-policy-status {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(240px, .7fr);
gap: 1px;
padding-top: 0;
padding-bottom: 0;
background: #d4e5ef;
}
.privacy-policy-dates,
.privacy-policy-signature,
.privacy-mark-link { display: grid; align-content: center; min-height: 142px; padding: 28px; background: #fff; }
.privacy-policy-dates { gap: 9px; color: #48677d; font: 500 12px/1.6 "DM Mono", monospace; letter-spacing: .04em; }
.privacy-policy-signature { gap: 8px; color: #4e6a7c; font-size: 13px; }
.privacy-policy-signature strong { color: var(--dw-navy); font-size: 16px; }
.privacy-mark-link { grid-template-columns: 40px 1fr auto; gap: 12px; align-items: center; color: var(--dw-navy); text-decoration: none; transition: background .18s var(--dw-ease), color .18s var(--dw-ease); }
.privacy-mark-link:hover,
.privacy-mark-link:focus-visible { color: #075f92; background: #eef9fe; outline: 2px solid #40a9e5; outline-offset: -4px; }
.privacy-mark-link > span:first-child { display: grid; width: 38px; height: 38px; place-items: center; color: #fff; background: #397b3d; border-radius: 50%; font: 700 20px/1 "Plus Jakarta Sans", sans-serif; }
.privacy-mark-link > span:nth-child(2) { font-size: 14px; font-weight: 700; line-height: 1.35; }
.privacy-mark-link small { color: #637c8d; font-size: 10px; font-weight: 500; }
.privacy-mark-link b { color: var(--dw-blue); font-size: 16px; font-weight: 500; }
.privacy-policy-section { padding-top: clamp(72px, 9vw, 122px); padding-bottom: clamp(72px, 9vw, 122px); }
.privacy-policy-section > header { max-width: 890px; margin: 0 auto 48px; }
.privacy-policy-section > header > p:last-child { max-width: 720px; margin: 18px 0 0; color: #496477; font-size: 15px; line-height: 2; }
.privacy-policy-principles { background: #fff; }
.privacy-policy-principles > ol { max-width: 1160px; margin: 0 auto; padding: 0; border-top: 1px solid #d7e5ed; }
.privacy-policy-principles > ol > li { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 24px; padding: 30px 0; border-bottom: 1px solid #d7e5ed; list-style: none; }
.privacy-policy-principles > ol > li > span,
.privacy-security-grid article > span { color: var(--dw-blue); font: 500 11px/1 "DM Mono", monospace; letter-spacing: .1em; }
.privacy-policy-principles h3,
.privacy-policy-block h3,
.privacy-policy-requests h3 { margin: 0; font-size: 19px; line-height: 1.55; }
.privacy-policy-principles p,
.privacy-policy-principles li li,
.privacy-policy-block p,
.privacy-policy-requests li > p { color: #496477; font-size: 14px; line-height: 1.95; }
.privacy-policy-principles > ol > li ul { display: grid; gap: 7px; margin: 14px 0 0; padding-left: 1.35em; }
.privacy-policy-principles > ol > li p { margin: 14px 0 0; }
.privacy-policy-handling { background: var(--dw-surface); }
.privacy-policy-block { max-width: 1160px; margin: 0 auto; padding: 30px 0; border-top: 1px solid #d7e5ed; }
.privacy-policy-block:last-child { border-bottom: 1px solid #d7e5ed; }
.privacy-policy-block > p { max-width: 780px; margin: 16px 0 0; }
.privacy-policy-table { display: grid; max-width: 720px; margin-top: 20px; border-top: 1px solid #ccdfe9; border-left: 1px solid #ccdfe9; }
.privacy-policy-table div { display: grid; grid-template-columns: minmax(140px, .38fr) minmax(0, 1fr); }
.privacy-policy-table span { padding: 13px 16px; color: #496477; font-size: 14px; line-height: 1.7; border-right: 1px solid #ccdfe9; border-bottom: 1px solid #ccdfe9; }
.privacy-policy-table span:first-child { color: #294e67; font-weight: 700; background: #eaf5fb; }
.privacy-purpose-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: 20px; background: #ccdfe9; border: 1px solid #ccdfe9; }
.privacy-purpose-grid article { padding: 22px; background: #fff; }
.privacy-purpose-grid h4 { margin: 0; font-size: 15px; line-height: 1.6; }
.privacy-purpose-grid p { margin: 11px 0 0; }
.privacy-policy-note { max-width: 800px; margin-top: 18px !important; padding-left: 16px; border-left: 2px solid var(--dw-blue); font-size: 13px !important; }
.privacy-policy-requests { background: #fff; }
.privacy-policy-requests > ol { display: grid; gap: 15px; max-width: 1060px; margin: 0 auto; padding: 0; }
.privacy-policy-requests > ol > li { padding: 26px 28px; list-style: none; background: #f8fbfd; border: 1px solid #d7e5ed; }
.privacy-policy-requests li > p { margin: 12px 0 0; }
.privacy-policy-requests a { color: #0b79b7; font-weight: 700; text-underline-offset: 3px; }
.privacy-policy-security { background: var(--dw-navy); }
.privacy-policy-security .rich-label { color: #8ed5e4; }
.privacy-policy-security > header h2 { color: #fff; }
.privacy-security-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 1160px; margin: 0 auto; border-top: 1px solid #466377; border-left: 1px solid #466377; }
.privacy-security-grid article { min-height: 210px; padding: 25px; border-right: 1px solid #466377; border-bottom: 1px solid #466377; }
.privacy-security-grid h3 { margin: 40px 0 0; color: #fff; font-size: 18px; line-height: 1.45; }
.privacy-security-grid p { margin: 12px 0 0; color: #c5d8e4; font-size: 13px; line-height: 1.9; }
.privacy-policy-contact { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 46px 90px; padding-top: clamp(70px, 9vw, 118px); padding-bottom: clamp(70px, 9vw, 118px); background: #eaf5fb; }
.privacy-policy-contact > div > p:last-child { max-width: 440px; margin: 18px 0 0; color: #496477; font-size: 15px; line-height: 2; }
.privacy-policy-contact address { display: grid; align-content: start; gap: 7px; padding: 30px; color: #496477; font-size: 14px; font-style: normal; line-height: 1.8; background: #fff; border-left: 3px solid var(--dw-blue); box-shadow: 0 12px 28px rgba(27, 90, 122, .08); }
.privacy-policy-contact address strong { margin-bottom: 5px; color: var(--dw-navy); font-size: 17px; }
@media (max-width: 880px) {
.privacy-policy-intro,
.privacy-policy-contact { grid-template-columns: 1fr; }
.privacy-policy-status { grid-template-columns: 1fr 1fr; }
.privacy-mark-link { grid-column: 1 / -1; min-height: 104px; }
.privacy-security-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
.privacy-policy-intro,
.privacy-policy-section,
.privacy-policy-contact { padding-inline: 20px; }
.privacy-policy-intro { gap: 24px; padding-top: 70px; padding-bottom: 64px; }
.privacy-policy-status { grid-template-columns: 1fr; }
.privacy-policy-dates,
.privacy-policy-signature,
.privacy-mark-link { min-height: auto; padding: 22px 20px; }
.privacy-mark-link { grid-column: auto; }
.privacy-policy-section { padding-top: 70px; padding-bottom: 70px; }
.privacy-policy-section > header { margin-bottom: 30px; }
.privacy-policy-principles > ol > li { grid-template-columns: 1fr; gap: 13px; padding: 24px 0; }
.privacy-policy-table div { grid-template-columns: 112px minmax(0, 1fr); }
.privacy-policy-table span { padding: 11px 12px; font-size: 13px; }
.privacy-purpose-grid,
.privacy-security-grid { grid-template-columns: 1fr; }
.privacy-policy-requests > ol > li { padding: 22px 20px; }
.privacy-security-grid article { min-height: 0; padding: 22px 20px; }
.privacy-security-grid h3 { margin-top: 25px; }
.privacy-policy-contact { gap: 30px; }
.privacy-policy-contact address { padding: 24px 20px; font-size: 13px; }
}
/* Company profile: use deliberate full-width line breaks for address and business facts. */
.company-profile .company-profile-address > span,
.company-profile .company-profile-business > span { display: block; }
.company-profile .company-profile-address > span + span { margin-top: 3px; }
.company-profile .company-profile-business > span + span { margin-top: 4px; }
@media (max-width: 700px) {
.company-profile .company-profile-address > span,
.company-profile .company-profile-business > span { display: inline; }
.company-profile .company-profile-address > span + span::before { content: " "; }
.company-profile .company-profile-business > span + span::before { content: "／"; }
}
/* COMMON-NAVIGATION-REPAIR:START */
/* Common header layers: header 100; menu surfaces 99; document content remains below. */
.corp-header { z-index: 100; isolation: isolate; }
.corp-mega-panel { z-index: 99; }
.corp-mega-panel[hidden] { display: none !important; }
/* 修正: スマホ用メニューの適用幅を 880px → 1120px に拡張（ヘッダーの重なり対策） */
@media (max-width: 1120px) {
/* 修正: html,body に overflow-x:clip が指定されているため、body に overflow:hidden を付けると
body 自体がスクロールコンテナになり、position:sticky のヘッダーがビューポートに追従しなくなる。
（スクロール後にメニューを開くとヘッダーが画面外へ消え、閉じるボタンを押せなくなる原因）
スクロール固定は html 側で行い、body は通常時と同じ overflow 指定に保つ。 */
html.menu-open { overflow: hidden; overscroll-behavior: none; }
body.menu-open { overflow-x: clip; overflow-y: visible; }
/* メニュー表示中はヘッダーを fixed にして、端末（特にiOS Safari）の sticky/overflow の挙動に
左右されず常に画面最上部に固定する。fixed 化で抜けた高さは padding-top で補う（高さはJSで計測）。 */
html.menu-open .corp-header { position: fixed; top: 0; left: 0; right: 0; width: 100%; box-sizing: border-box; }
html.menu-open .corporate-shell { padding-top: var(--dw-header-offset, 0px); }
.corp-header { z-index: 100; }
.corp-mobile-menu {
position: fixed;
z-index: 99;
inset: var(--dw-header-height) 0 0;
display: block;
min-height: 0;
color: #fff;
background: #07111f;
opacity: 0;
pointer-events: none;
transition: opacity .2s var(--dw-ease);
}
.corp-mobile-menu[hidden] { display: none !important; }
.corp-mobile-menu.open { opacity: 1; pointer-events: auto; }
.corp-mobile-menu > nav {
width: 100%;
height: 100%;
max-height: calc(100dvh - var(--dw-header-height));
padding: 36px 24px 48px;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
}
.corp-mobile-menu > nav > p {
margin: 0 0 17px;
color: #84c9f7;
font: 500 10px/1.3 "DM Mono", monospace;
letter-spacing: .12em;
}
.corp-mobile-menu > nav > a:not(.mobile-contact-link),
.corp-mobile-menu .mobile-solutions-menu > summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 64px;
padding: 14px 0;
color: #fff;
border-top: 1px solid rgba(213, 231, 243, .22);
box-sizing: border-box;
}
.corp-mobile-menu > nav > a:not(.mobile-contact-link) > span,
.corp-mobile-menu .mobile-solutions-menu > summary > span {
color: #fff;
font-family: "Noto Sans JP", sans-serif;
font-size: 20px;
font-weight: 700;
letter-spacing: -.04em;
line-height: 1.25;
}
.corp-mobile-menu > nav > a:not(.mobile-contact-link) > small,
.corp-mobile-menu .mobile-solutions-menu > summary > small {
margin-left: auto;
color: #84c9f7;
font: 500 9px/1.3 "DM Mono", monospace;
letter-spacing: .1em;
white-space: nowrap;
}
.corp-mobile-menu .mobile-solutions-menu {
margin: 0;
border-bottom: 1px solid rgba(213, 231, 243, .22);
}
.corp-mobile-menu .mobile-solutions-menu > summary {
cursor: pointer;
list-style: none;
border-top: 1px solid rgba(213, 231, 243, .22);
}
.corp-mobile-menu .mobile-solutions-menu > summary::-webkit-details-marker { display: none; }
.corp-mobile-menu .mobile-solutions-menu > summary::after {
content: "+";
color: #84c9f7;
font: 300 24px/1 "DM Mono", monospace;
}
.corp-mobile-menu .mobile-solutions-menu[open] > summary::after { content: "−"; }
.corp-mobile-menu .mobile-solutions-menu > div {
display: grid;
gap: 0;
padding: 0 0 16px 16px;
}
.corp-mobile-menu .mobile-solutions-menu > div > a {
display: flex;
align-items: center;
min-height: 40px;
padding: 9px 0;
color: #d7eaf7;
font-size: 15px;
font-weight: 600;
line-height: 1.45;
text-decoration: none;
border-bottom: 1px solid rgba(213, 231, 243, .1);
}
.corp-mobile-menu .mobile-solutions-menu > div > a:last-child { border-bottom: 0; }
.corp-mobile-menu .mobile-contact-link {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 52px;
margin-top: 25px;
padding: 14px 18px;
color: #fff;
font: 600 12px/1.2 "DM Mono", monospace;
letter-spacing: .06em;
background: var(--dw-blue);
border: 1px solid rgba(255,255,255,.2);
border-radius: 0;
box-sizing: border-box;
}
.corp-mobile-menu .mobile-contact-link > span:first-child { font-family: "Noto Sans JP", sans-serif; font-size: 16px; font-weight: 700; letter-spacing: -.03em; }
.corp-mobile-menu .mobile-contact-link > small { color: #dff5ff; font: 500 9px/1 "DM Mono", monospace; letter-spacing: .1em; }
.corp-mobile-menu > nav a:focus-visible,
.corp-mobile-menu .mobile-solutions-menu > summary:focus-visible { outline: 2px solid #84c9f7; outline-offset: -2px; }
}
@media (max-width: 420px) {
.corp-mobile-menu > nav { padding: 28px 20px 40px; }
.corp-mobile-menu > nav > a:not(.mobile-contact-link),
.corp-mobile-menu .mobile-solutions-menu > summary { min-height: 61px; }
.corp-mobile-menu > nav > a:not(.mobile-contact-link) > span,
.corp-mobile-menu .mobile-solutions-menu > summary > span { font-size: 19px; }
}
/* COMMON-NAVIGATION-REPAIR:END */
/* Final-publication accessibility, context, and organization refinements. */
.organization-local-nav{display:flex;gap:10px;max-width:1240px;margin:0 auto;padding:22px clamp(22px,6vw,100px);border-bottom:1px solid #d9e5ec;background:#fff}.organization-local-nav a{display:inline-flex;gap:9px;align-items:center;padding:10px 14px;color:var(--dw-navy);font-size:14px;font-weight:700;text-decoration:none;border:1px solid #cfdfe9;border-radius:999px;transition:background .18s var(--dw-ease),border-color .18s var(--dw-ease),color .18s var(--dw-ease)}.organization-local-nav a span{color:var(--dw-blue);font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.08em}.organization-local-nav a:hover,.organization-local-nav a:focus-visible{color:#064a75;background:var(--dw-ice);border-color:var(--dw-blue);outline:2px solid #40a9e5;outline-offset:3px}.organization-history-mobile-groups{display:none}.company-history-unified-header h2{margin:0;font:inherit}.organization-chart-scroll picture{display:block}.product-context-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1240px;margin:0 auto 25px;border-top:1px solid #cfdee8;border-left:1px solid #cfdee8}.product-context-links a{display:grid;grid-template-columns:1fr auto;gap:7px 14px;min-height:124px;padding:23px 25px;color:var(--dw-navy);text-decoration:none;border-right:1px solid #cfdee8;border-bottom:1px solid #cfdee8;transition:background .18s var(--dw-ease),color .18s var(--dw-ease)}.product-context-links a:hover,.product-context-links a:focus-visible{color:#075f92;background:var(--dw-ice);outline:2px solid #40a9e5;outline-offset:-3px}.product-context-links span{grid-column:1/-1;color:#577b95;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.11em}.product-context-links strong{font-size:17px;line-height:1.4}.product-context-links b{align-self:end;color:var(--dw-blue);font-size:18px;font-weight:500}.recruit-contact-panel .recruit-positions-intro{align-items:end}.recruit-contact-panel .recruit-position-link{display:inline-flex;align-items:center;gap:10px;margin-top:22px}.recruit-contact-panel .recruit-position-note{max-width:1240px;margin:22px auto 0}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:600px){.organization-local-nav{gap:8px;justify-content:stretch;padding:15px 20px}.organization-local-nav a{flex:1;justify-content:center;padding:10px 8px;font-size:13px}.organization-local-nav a span{display:none}.organization-chart-mobile-guide{display:none}.organization-chart-scroll{width:100%;overflow:visible;border:0;border-radius:0}.organization-chart-scroll .organization-supplied-chart-figure,.organization-chart-scroll img{width:100%;max-width:100%;margin:0}.company-history-unified>.company-history-timeline{display:none}.organization-history-mobile-groups{display:grid;gap:10px;margin-top:24px}.organization-history-mobile-period{border:1px solid #d2e2eb;background:#fff}.organization-history-mobile-period summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;color:var(--dw-navy);font-size:15px;font-weight:700;list-style:none}.organization-history-mobile-period summary::-webkit-details-marker{display:none}.organization-history-mobile-period summary::after{content:"+";color:var(--dw-blue);font:400 24px/1 "DM Mono",monospace}.organization-history-mobile-period[open] summary{border-bottom:1px solid #dbe7ee}.organization-history-mobile-period[open] summary::after{content:"−"}.organization-history-mobile-period summary small{color:#5a758a;font:500 12px/1 "DM Mono",monospace}.organization-history-mobile-period .company-history-timeline{margin:0;padding:0 18px 12px}.organization-history-mobile-period .company-history-event{min-height:0}.organization-history-mobile-period .company-history-timeline-arrival{display:none}.product-context-links{grid-template-columns:1fr;margin-bottom:18px}.product-context-links a{min-height:105px;padding:19px 20px}.product-context-links strong{font-size:16px}.page-breadcrumb,.page-breadcrumb a,.page-breadcrumb [aria-current="page"],.page-hero-kicker,.rich-label,.company-history-event-source,.company-history-event time,.corp-mobile-menu a:not(.mobile-contact-link) small,.mobile-contact-link small,.corp-footer small,.dw-media-page--revised .dw-media-hero-copy>p:first-child{font-size:12px;line-height:1.45}.page-hero-lead,.company-history-event p,.dw-media-page--revised .dw-media-hero-lead{font-size:14px;line-height:1.7}.company-history-unified-header h2{font-size:inherit}.recruit-contact-panel .recruit-positions-intro{gap:20px}.recruit-contact-panel .recruit-position-link{width:100%;justify-content:center}.case-studies-grid article header .case-product-link span{font-size:9px}}
/* Technology map: preserve intentional three-line card copy on desktop without constraining narrower screens. */
@media (max-width: 1023px) {
.technology-domain-list .tech-desktop-break {
display: none;
}
}
/* Company profile: distinguish each officer title from the corresponding name. */
.company-profile .company-profile-officers {
display: grid;
gap: 7px;
max-width: 34rem;
}
.company-profile .company-profile-officers > span {
display: grid;
grid-template-columns: minmax(7.5em, max-content) minmax(0, 1fr);
gap: 20px;
align-items: baseline;
}
.company-profile .company-profile-officers b {
color: #506d82;
font-size: .9em;
font-weight: 600;
white-space: nowrap;
}
.company-profile .company-profile-officers em {
color: var(--dw-navy);
font-size: 1em;
font-style: normal;
font-weight: 600;
letter-spacing: .04em;
}
@media (max-width: 700px) {
.company-profile .company-profile-officers { gap: 8px; }
.company-profile .company-profile-officers > span { gap: 14px; }
}
/* CLIENT-DIRECTORY-CSS:START */
/* Major clients and delivery partners: a readable text record with no third-party marks. */
.client-directory {
padding: clamp(92px, 10vw, 132px) clamp(22px, 7vw, 120px);
color: var(--dw-navy);
background: #f4fafd;
border-block: 1px solid #dce8f0;
}
.client-directory-heading {
display: grid;
grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
gap: 22px 72px;
max-width: 1240px;
margin: 0 auto clamp(42px, 5vw, 62px);
}
.client-directory-heading .rich-label {
grid-column: 1 / -1;
margin: 0;
color: var(--dw-blue);
font: 500 10px/1.2 "DM Mono", monospace;
letter-spacing: .14em;
}
.client-directory-heading h2 {
margin: 0;
font-size: clamp(35px, 4vw, 56px);
font-weight: 600;
letter-spacing: -.045em;
line-height: 1.22;
}
.client-directory-heading h2 em { color: var(--dw-blue); font-style: normal; }
.client-directory-heading > p:last-child {
max-width: 540px;
margin: 7px 0 0;
color: #496477;
font-size: 15px;
line-height: 2;
}
.client-directory-groups {
display: grid;
grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
gap: 16px;
align-items: stretch;
max-width: 1240px;
margin: 0 auto;
}
.client-directory-card {
min-width: 0;
padding: clamp(24px, 2.5vw, 32px);
background: #fff;
border: 1px solid #d5e3ec;
box-shadow: 0 9px 24px rgba(21, 67, 94, .035);
}
.client-directory-card--media { grid-column: 2; grid-row: 1 / span 2; }
.client-directory-card header {
display: grid;
grid-template-columns: max-content 1fr;
column-gap: 13px;
row-gap: 3px;
align-items: baseline;
margin-bottom: 23px;
}
.client-directory-card header > span {
grid-row: 1 / span 2;
color: var(--dw-blue);
font: 500 10px/1 "DM Mono", monospace;
letter-spacing: .12em;
}
.client-directory-card h3 {
margin: 0;
color: #163e58;
font-size: 19px;
line-height: 1.4;
}
.client-directory-card header p {
margin: 0;
color: #6b879a;
font: 500 9px/1.3 "DM Mono", monospace;
letter-spacing: .09em;
}
.client-directory-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 24px;
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #dce7ee;
}
.client-directory-list li {
display: flex;
align-items: center;
min-height: 43px;
padding: 9px 0;
color: #294e67;
font-size: 14px;
font-weight: 500;
line-height: 1.6;
border-bottom: 1px solid #dce7ee;
}
.client-directory-card--insurance .client-directory-list { grid-template-columns: 1fr; }
.client-directory-card--media .client-directory-list {
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(10, auto);
grid-auto-flow: column;
gap: 0 26px;
}
.client-directory-note {
max-width: 1240px;
margin: 18px auto 0;
color: #688397;
font-size: 12px;
line-height: 1.7;
text-align: right;
}
@media (max-width: 980px) {
.client-directory-heading { grid-template-columns: 1fr; gap: 18px; }
.client-directory-heading > p:last-child { margin-top: 0; }
.client-directory-groups { grid-template-columns: 1fr; }
.client-directory-card--media { grid-column: auto; grid-row: auto; }
.client-directory-card--media .client-directory-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: repeat(15, auto);
}
}
@media (max-width: 600px) {
.client-directory { padding: 70px 20px; }
.client-directory-heading { margin-bottom: 32px; }
.client-directory-heading h2 { font-size: 34px; }
.client-directory-heading > p:last-child { font-size: 14px; line-height: 1.9; }
.client-directory-groups { gap: 10px; }
.client-directory-card { padding: 22px 20px; }
.client-directory-card header { margin-bottom: 18px; }
.client-directory-card h3 { font-size: 18px; }
.client-directory-list,
.client-directory-card--media .client-directory-list {
grid-template-columns: 1fr;
grid-template-rows: none;
grid-auto-flow: row;
gap: 0;
}
.client-directory-list li { min-height: 40px; padding: 8px 0; font-size: 13px; }
.client-directory-note { margin-top: 14px; font-size: 11px; text-align: left; }
}
/* CLIENT-DIRECTORY-CSS:END */
/* NEWS: balance the home news panel once only the two launch announcements remain. */
.rich-home-news--two-items > ol {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 700px) {
.rich-home-news--two-items > ol {
grid-template-columns: 1fr;
}
}
/* --- ヘッダーの修正 --- */
/* メニュー項目の間隔を広げ、上下中央に揃える */
.corp-nav {
gap: 20px; /* メニュー同士の間隔 */
align-items: center;
}
.corp-nav > a,
.corp-mega-trigger {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
/* --- フッターの修正 --- */
/* お知らせ等のメニュータイトルが途中で折り返さないようにする */
.corp-footer-group-label,
.corp-footer-group-title {
white-space: nowrap; /* テキストの途中で折り返さない */
}
/* 必要に応じてフッターのカラム幅を調整 */
.corp-footer-body {
grid-template-columns: repeat(3, auto) 1fr;
}
/* --- ヘッダーナビゲーションの日本語と英語の間隔統一 --- */
.corp-nav > a,
.corp-mega-trigger {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
gap: 1px !important; /* 日本語と英語の上下間隔を統一 */
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* 日本語と英語の行高（line-height）を揃える */
.corp-mega-trigger span,
.corp-nav > a span {
line-height: 1.1 !important;
margin-bottom: 0 !important;
}
.corp-mega-trigger small,
.corp-nav > a small {
line-height: 1.1 !important;
margin-top: 0 !important;
}
/* --- 「事業・ソリューション」の文字の太さ・スタイルを他のメニューと完全統一 --- */
.corp-mega-trigger span,
.corp-nav > a span {
font-weight: 600 !important; /* 他のメニューと同じ太字に統一 */
font-size: 12px !important;
color: #263546 !important;
}
/* 英語サブテキストの指定も統一 */
.corp-mega-trigger small,
.corp-nav > a small {
font-weight: 500 !important;
color: #6c8090 !important;
}
/* --- 見出し内の
改行を正しく有効化する設定 --- */
@media (min-width: 801px) {
.insurance-answer h2 br {
display: inline !important; /* 非表示にされていた
を有効化 */
}
}
.insurance-answer h2 {
text-wrap: auto !important; /* 自動バランス調整を解除してHTML通りの改行にする */
}
/* --- 見出しブロックの表示幅調整と改行設定 --- */
@media (min-width: 801px) {
/* 1. 保険企業を支える4つの視点 セクション */
.insurance-visual-guide {
grid-template-columns: minmax(320px, 1fr) minmax(0, 1.2fr) !important;
}
.insurance-visual-guide-head h2 br {
display: inline !important;
}
/* 2. 業務知識と要件を、開発の中心に。 セクション */
.insurance-delivery {
grid-template-columns: minmax(320px, 1fr) minmax(0, 1.2fr) !important;
}
.insurance-delivery h2 br {
display: inline !important;
}
/* 自動均等折り返し（text-wrap: balance）の解除 */
.insurance-visual-guide-head h2,
.insurance-delivery h2 {
text-wrap: auto !important;
}
}
/* ============================================================
【今回の修正①】ヘッダー：中間幅（921〜1120px）での
「お知らせ」と「お問い合わせ」ボタンの重なりを解消
ハンバーガーメニューへの切り替えを 1120px 以下に引き上げ
============================================================ */
@media (max-width: 1120px) {
.corp-header {
grid-template-columns: 1fr auto;
}
.corp-nav,
.corp-contact {
display: none;
}
.corp-mega-panel {
display: none !important;
}
.corp-menu {
display: grid;
place-items: center;
padding: 8px;
}
}
/* ============================================================
【今回の修正②】フッター：「事例・採用・お知らせ」グループの
英字ラベル「CASE STUDIES · RECRUIT · NEWS」の「·」前後の
スペースを半角らしく詰め、右のプルダウンアイコンとの距離を短縮
（2番目のグループだけに適用。他グループには影響しません）
============================================================ */
.corp-footer-body > .corp-footer-group:nth-of-type(2) .corp-footer-group-title small {
word-spacing: -.36em;
}
/* ラベルとプルダウンアイコンの間隔を 12px → 6px に短縮（さらに詰める調整） */
.corp-footer-body > .corp-footer-group:nth-of-type(2) summary {
gap: 6px;
}
/* ============================================================
【今回の修正③】新聞・メディアページ：小見出し3つの改行位置を固定
・「つくる。管理する。／デジタルで届ける。」
・「業務の周辺まで、／情報の価値を広げる。」
・「探究する。伝える。話し合う。／新聞づくりを、クラウドで。」
HTMLの
の位置でのみ改行し、どの画面幅でも1行に収まるよう
フォントサイズを画面幅に連動させる
============================================================ */
.media-product-area h2,
.media-solution-area h2,
.media-education-area h2 {
white-space: nowrap;
}
/* 2カラム表示（881px以上）：左カラム幅に収まるサイズに調整 */
@media (min-width: 881px) {
.media-product-area h2,
.media-solution-area h2 {
font-size: clamp(26px, calc(3.6vw - 3px), 49px);
}
.media-education-area h2 {
font-size: clamp(30px, 3.8vw, 56px);
}
}
/* スマホ幅（600px以下）：画面幅いっぱいに収まるサイズに調整 */
@media (max-width: 600px) {
.media-product-area h2,
.media-solution-area h2 {
font-size: min(34px, calc((100vw - 40px) / 10.6));
}
.media-education-area h2 {
font-size: min(34px, calc((100vw - 40px) / 14.5));
}
}
/* ============================================================
【今回の修正】INSURANCE-VISUAL-GUIDE-MID-WIDTH-FIX
「保険企業を支える4つの視点。」セクション：
デスクトップ→レスポンシブへ切り替わる途中の画面幅で、
カードが細くなり小見出し・本文が見切れる問題を解消
・801〜1360px：見出しブロックを上、カードを下に縦積み（カードは2列）
・641〜760px ：カードを1列表示（2列だと幅が足りず見切れるため）
・1361px以上のデスクトップ表示、640px以下のスマホ表示は変更なし
============================================================ */
/* 見出しは幅が足りない場合でも枠内で折り返す（見切れ防止） */
.illustrated-insurance-areas .insurance-area-info h2 {
overflow-wrap: anywhere;
}
/* 801〜1360px：2カラム（見出し｜カード）をやめて縦積みにする */
@media (min-width: 801px) and (max-width: 1360px) {
.insurance-visual-guide {
grid-template-columns: minmax(0, 1fr) !important;
gap: 45px !important;
}
.insurance-visual-guide-head {
position: static;
}
.insurance-visual-guide-head > p:last-child {
max-width: 560px;
}
.insurance-areas.illustrated-insurance-areas {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
/* 641〜760px：カードを1列にして幅を確保する */
@media (min-width: 641px) and (max-width: 760px) {
.insurance-areas.illustrated-insurance-areas {
grid-template-columns: minmax(0, 1fr) !important;
max-width: none;
}
.insurance-areas.illustrated-insurance-areas article {
min-height: 0;
}
.insurance-area-image {
height: 209px;
}
}
/* 沿革：見出しラベル行の区切り線を、下の縦線(タイムライン)と同じ中央位置に揃える */
.company-history-unified-labels i {
width: 1px;
justify-self: center;
border-right: 0;
background: #8ac2dc;
box-shadow: 0 9px 0 #8ac2dc; /* 下の縦線(margin-top: 9px)との隙間を埋めて繋げる */
}
/* ==========================================================================
Home: 「専門性を、次の事業の力へ」セクション（スマホ）
- 1カラム時に全カードへ左罫線が出るよう統一
- backdrop-filter / hover transform を外して描画負荷を軽減
========================================================================== */
@media (max-width: 800px) {
.rich-gateway-card,
.rich-gateway-card:hover {
-webkit-backdrop-filter: none;
backdrop-filter: none;
transition: none;
transform: none;
box-shadow: none;
}
.rich-gateway-card {
background: rgba(255, 255, 255, 0.78);
will-change: auto;
}
/* 画面外のセクションは描画を後回しにする */
.rich-gateway-section {
content-visibility: auto;
contain-intrinsic-size: auto 1100px;
}
}
/* 沿革タイムライン：最終項目（株式会社ダブル・ウエア）で中央線が文字と重なる問題の修正
中央線を最終項目の丸印（●）の位置で止める */
@media (min-width: 801px) {
.company-history-timeline {
--arrival-h: 150px; /* 最終項目の高さ */
--arrival-dot: 39px; /* 最終項目の上端から丸印までの距離 */
}
.company-history-timeline:has(.company-history-timeline-arrival):before {
bottom: calc(var(--arrival-h) - var(--arrival-dot));
}
.company-history-timeline-arrival {
height: var(--arrival-h);
min-height: 0;
}
}
/* 沿革タイムライン：右側項目で丸印（●）が横線より下にズレる問題の修正
記事(3列目)→丸印(2列目)の順だと、丸印がGrid自動配置で次の行へ送られるため、
記事と丸印を同じ行（1行目）に明示的に固定する */
@media (min-width: 801px) {
.company-history-event > article,
.company-history-event > .company-history-node {
grid-row: 1;
}
}
@media(max-width:600px){
.organization-chart-scroll{margin-left:0;margin-right:0;padding:0}
.organization-chart-scroll:after{content:none;display:none}
}
/* doubleware-revisions.css の一番最後に追記 */
@media (max-width:640px){
.organization-supplied-chart .organization-chart-scroll{
width:100%;margin:0;padding:0;overflow:visible;border:0;border-radius:0;
}
.organization-supplied-chart .organization-chart-scroll::after{content:none;display:none}
.organization-supplied-chart .organization-chart-scroll,
.organization-supplied-chart .organization-supplied-chart-figure,
.organization-supplied-chart picture{
width:100%;max-width:100%;margin:0;padding:0;
}
.organization-supplied-chart img{
display:block;width:100%;max-width:100%;height:auto;
transform:none;will-change:auto;
}
}
/* ===== 2026-10 version-up (diff only) ===== */
.corp-mega-panel .dw-mega-title{display:block;margin:0 0 6px;color:var(--dw-navy);font-size:17px;font-weight:700;line-height:1.3}
.corp-mega-panel .dw-mega-lead{display:block;margin:0 0 12px;color:#5a758a;font-size:12px;line-height:1.6}
.corp-mega-panel p.dw-mega-sub{margin:12px 0 4px}
.corp-mega-panel a.dw-mega-more{padding-top:12px;color:var(--dw-blue);font-size:13px}
.corp-mobile-menu .mobile-solutions-menu div p.dw-mobile-group{margin:14px 0 4px;color:#8fc1f0;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.12em}
.corp-footer-top .dw-footer-contact{display:inline-block;margin-top:14px;color:#fff;font-size:13px;text-decoration:underline;text-underline-offset:5px}
.corp-footer-top .dw-footer-contact b{color:var(--dw-blue);font-weight:400;margin-left:4px}
.dw-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--dw-surface)}
.dw-stats-inner{max-width:1240px;margin:0 auto;padding:34px 32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.dw-stats strong{display:block;font-family:"DM Mono",monospace;font-size:40px;font-weight:500;line-height:1;color:var(--dw-navy);letter-spacing:-.02em}
.dw-stats strong i{font-style:normal;font-family:inherit;font-size:14px;margin-left:4px}
.dw-stats span{display:block;margin-top:8px;font-size:12px;color:#5a758a;line-height:1.6}
.rich-gateway-grid.dw-three{grid-template-columns:repeat(3,1fr)}
.dw-home-cases .rich-gateway-card h3{font-size:11px;letter-spacing:.12em;color:#5a758a}
.dw-home-cases .rich-gateway-card h4{font-family:"DM Mono",monospace;font-size:26px;letter-spacing:-.01em}
.dw-clients{display:grid;grid-template-columns:1fr 2fr 1fr;gap:32px;margin-top:42px;border-top:1px solid var(--line);padding-top:28px}
.dw-clients h3{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--dw-navy)}
.dw-clients p{margin:0;font-size:13px;line-height:2;color:#5a758a}
.dw-clients-note{margin-top:14px;font-size:11px;color:#8a9bab}
.rich-section-heading .dw-clients-lead{max-width:36em;line-height:1.9}
.dw-clients-lead span{display:inline-block}
.dw-product-stat{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;font-weight:700;color:var(--dw-blue)}
.product-return .dw-product-cta{display:inline-block;margin-left:28px;color:var(--dw-navy);text-decoration:underline;text-underline-offset:5px}
.product-return .dw-product-cta b{color:var(--dw-blue);font-weight:400}
.dw-product-cta--block{display:block;margin:20px 0 0;color:var(--dw-navy);text-decoration:underline;text-underline-offset:5px}
.dw-product-cta--block b{color:var(--dw-blue);font-weight:400}
.product-return .dw-product-cta small,.dw-product-cta--block small{margin-left:6px;color:#8a9bab;font-size:11px;text-decoration:none}
.dw-challenge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:40px}
.dw-challenge-grid a{display:flex;flex-direction:column;gap:8px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--dw-radius);color:var(--dw-navy);text-decoration:none;transition:border-color .2s}
.dw-challenge-grid a:hover{border-color:var(--dw-blue)}
.dw-challenge-grid h3{margin:0;font-size:19px}
.dw-challenge-grid p{margin:0;font-size:14px;line-height:1.8;color:#5a758a}
.dw-challenge-grid b{margin-top:auto;font-size:13px;color:var(--dw-blue);font-weight:500}
.dw-partner-dl{margin:36px 0 0;border-top:1px solid var(--line)}
.dw-partner-dl>div{display:grid;grid-template-columns:160px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}
.dw-partner-dl dt{color:#5a758a}.dw-partner-dl dd{margin:0}
.dw-partner-link{margin-top:20px}
.dw-case-filters{display:flex;flex-direction:column;gap:10px;margin:0 0 28px}
.dw-case-filters>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dw-case-filters .rich-label{margin:0 6px 0 0;min-width:40px}
.dw-case-filters button{font:inherit;font-size:12px;padding:7px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--dw-navy);cursor:pointer}
.dw-case-filters button.is-on{background:var(--dw-navy);color:#fff;border-color:var(--dw-navy)}
.case-studies-grid article[hidden]{display:none}
.dw-case-product{display:inline-block;margin:0 0 10px;font-size:12px;color:var(--dw-blue);text-decoration:none}
.inquiry-topic-grid.dw-topics-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.dw-product-field{margin-top:14px}
.dw-product-field select{width:100%;font:inherit;font-size:14px;padding:12px 14px;border:1px solid var(--line);border-radius:4px;background:#fff}
.dw-recruit-note{margin-top:12px;font-size:12px;color:#5a758a}
@media (max-width:960px){.dw-stats-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.rich-gateway-grid.dw-three{grid-template-columns:repeat(2,1fr)}.dw-clients{grid-template-columns:1fr}.dw-challenge-grid{grid-template-columns:1fr}.inquiry-topic-grid.dw-topics-four{grid-template-columns:repeat(2,minmax(0,1fr))}.product-return .dw-product-cta{display:block;margin:12px 0 0}}
@media (max-width:600px){.rich-gateway-grid.dw-three{grid-template-columns:1fr}.dw-partner-dl>div{grid-template-columns:1fr;gap:4px}}
/* ===== 2026-10 feature details (product pages) ===== */
.dw-detail{padding:clamp(72px,9vw,128px) 0 0;background:#fff}
.dw-detail-head{max-width:760px;margin:0 auto clamp(48px,6vw,72px);padding:0 clamp(24px,7.5vw,118px);text-align:center}
.dw-detail-head .rich-label{justify-content:center}
.dw-detail-head h2{margin:10px 0 16px;font-size:clamp(28px,3.6vw,42px);line-height:1.3;color:var(--dw-navy)}
.dw-detail-head p:not(.rich-label){margin:0;color:#5a758a;font-size:14px;line-height:1.9}
.dw-detail-group{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(32px,5vw,75px);padding:clamp(56px,7vw,96px) clamp(24px,7.5vw,118px);border-top:1px solid var(--line)}
.dw-detail-group:nth-of-type(even){background:var(--dw-surface,#f4f8fb)}
.dw-detail-group-head{position:sticky;top:calc(var(--dw-header-height,72px) + 24px);align-self:start}
.dw-detail-group-head .rich-label{display:block;margin-bottom:10px}
.dw-detail-group-head h3{margin:0;font-size:clamp(24px,2.8vw,32px);line-height:1.3;color:var(--dw-navy)}
.dw-detail-group-head p{margin:14px 0 0;color:#5a758a;font-size:14px;line-height:1.9}
.dw-detail-items{display:flex;flex-direction:column;gap:14px}
.dw-detail-item{display:grid;grid-template-columns:1fr;gap:16px;padding:26px 28px;background:#fff;border:1px solid var(--line);border-radius:var(--dw-radius)}
.dw-detail-group:nth-of-type(even) .dw-detail-item{background:#fff}
.dw-detail-text h4{margin:0 0 10px;font-size:18px;line-height:1.5;color:var(--dw-navy)}
.dw-detail-text p{margin:0 0 10px;font-size:14px;line-height:1.9;color:#36485a}
.dw-detail-text p:last-child{margin-bottom:0}
.dw-detail-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.dw-detail-media:empty{display:none}
.dw-detail-media figure{margin:0;background:var(--dw-surface,#f4f8fb);border:1px solid var(--line);border-radius:var(--dw-radius);padding:8px;overflow:hidden}
.dw-detail-media img{display:block;width:100%;height:auto}
.dw-detail-figure{margin:0;background:var(--dw-surface,#f4f8fb);border:1px solid var(--line);border-radius:var(--dw-radius);padding:16px}
.dw-detail-figure svg{display:block;width:100%;height:auto}
.dw-detail-figure--photo{padding:0}
.dw-detail-figure--photo img{display:block;width:100%;height:auto}
.dw-detail-note{max-width:1240px;margin:0 auto;padding:18px clamp(24px,7.5vw,118px) 0;font-size:11px;color:#8a9bab}
@media (max-width:900px){.dw-detail-group{grid-template-columns:1fr;gap:24px}.dw-detail-group-head{position:static}.dw-detail-item{padding:20px}}
/* ===== ABOUT (product-answer): HEROと背景が同化しないよう淡いブルーの面に ===== */
.product-answer{background:linear-gradient(180deg,#eef5fb 0%,#f6f9fc 100%);color:var(--dw-navy,#0d1724);border-top:1px solid #d7e4ee}
.product-answer h2{color:var(--dw-navy,#0d1724)}
.product-answer .rich-label{color:var(--dw-blue,#2b7fc9)}
.product-answer>div:last-child>p:not(.rich-label){color:#36485a}
.product-answer-icon{color:var(--dw-blue,#2b7fc9);background:#fff;background-image:linear-gradient(135deg,#2b7fc914 1px,#0000 1px);background-size:22px 22px;border:1px solid #c9dae7}
.product-answer .dw-product-stat{border-top-color:#c9dae7}
.dw-context-standalone{max-width:1240px;margin:0 auto;padding:0 clamp(24px,7.5vw,118px) 64px}
/* ===== HOW IT WORKS: 4 rows (text / illustration alternating) ===== */
.dw-four{padding:clamp(72px,9vw,128px) clamp(24px,7.5vw,118px);background:var(--dw-surface,#f4f8fb)}
.dw-four-rows{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.dw-four-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,48px);align-items:center;padding:clamp(22px,3vw,34px);background:#fff;border:1px solid var(--line);border-radius:var(--dw-radius)}
.dw-four-row--rev .dw-four-text{order:2}
.dw-four-text h3{margin:8px 0 12px;font-size:clamp(20px,2.2vw,24px);line-height:1.4;color:var(--dw-navy)}
.dw-four-text h3 span{display:inline-block}
.dw-four-text p{margin:0;font-size:14px;line-height:1.9;color:#36485a}
.dw-four-text p a.dw-inline-link{display:inline-flex;margin-left:8px}
.dw-four-text ul{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.dw-four-text ul li{font-size:11px;padding:4px 10px;border:1px solid var(--line);border-radius:14px;color:#5a758a}
.dw-four-media figure,.dw-four-media .dw-detail-figure{margin:0;background:var(--dw-surface,#f4f8fb);border:1px solid var(--line);border-radius:var(--dw-radius);overflow:hidden;padding:0}
.dw-four-media .dw-detail-figure{padding:16px}
.dw-four-media img,.dw-four-media svg{display:block;width:100%;height:auto}
@media (max-width:900px){.dw-four{padding-left:24px;padding-right:24px}.dw-four-row{grid-template-columns:1fr;gap:16px}.dw-four-row--rev .dw-four-text{order:0}}
/* ===== HOW IT WORKS (compact product detail) ===== */
.dw-how{padding:clamp(72px,9vw,128px) clamp(24px,7.5vw,118px);background:var(--dw-surface,#f4f8fb)}
.dw-how-head{max-width:760px;margin:0 auto clamp(40px,5vw,56px);text-align:center}
.dw-how-head .rich-label{justify-content:center}
.dw-how-head h2{margin:10px 0 16px;font-size:clamp(28px,3.6vw,42px);line-height:1.3;color:var(--dw-navy)}
.dw-how-head h2 span{display:inline-block}
.dw-how-head p:not(.rich-label){margin:0;color:#5a758a;font-size:14px;line-height:1.9}
.dw-how-head p:not(.rich-label) span{display:inline-block}
.dw-br-pc{display:none}
@media (min-width:901px){.dw-br-pc{display:inline}}
.dw-how-steps{list-style:none;margin:0 auto;padding:0;max-width:1240px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dw-how-steps>li{padding:26px 26px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--dw-radius)}
.dw-how-steps h3{margin:8px 0 10px;font-size:19px;line-height:1.4;color:var(--dw-navy)}
.dw-how-steps p{margin:0;font-size:14px;line-height:1.9;color:#36485a}
.dw-how-steps ul{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.dw-how-steps ul li{font-size:11px;padding:4px 10px;border:1px solid var(--line);border-radius:14px;color:#5a758a;background:#fff}
.dw-how-figs{max-width:1240px;margin:28px auto 0;display:grid;gap:16px}
.dw-how-figs--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dw-how-figs figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--dw-radius);overflow:hidden}
.dw-how-figs img{display:block;width:100%;height:auto}
.dw-how-figs figcaption{padding:10px 14px;font-size:12px;color:#5a758a;border-top:1px solid var(--line)}
.dw-how-note{max-width:760px;margin:28px auto 0;text-align:center;font-size:13px;line-height:1.9;color:#5a758a}
@media (max-width:900px){.dw-how-steps,.dw-how-figs--2{grid-template-columns:1fr}.dw-how{padding-left:24px;padding-right:24px}}
.dw-detail-text p b{color:var(--dw-navy)}
.media-information-capabilities h3 .dw-kp{display:inline-block}
/* phrase wrapping helpers */
.dw-kp{display:inline-block}
.page-hero-lead.dw-lead-wrap{max-width:46em}
@media (max-width:900px){.page-hero-lead.dw-lead-wrap .dw-kp{display:inline}}
.product-summary h2{font-size:clamp(22px,2.1vw,34px)!important;line-height:1.4}
/* tender diagram fix */
.media-information-diagram{overflow:visible;align-items:center}
.media-information-diagram>div{padding-bottom:0}
.media-information-diagram strong{display:block;font-size:clamp(22px,2.2vw,34px);line-height:1.4}
.media-information-diagram strong .dw-kp{display:inline-block}
@media (max-width:1100px){.media-information-example-grid h3{font-size:18px;letter-spacing:-.02em}}
@media (max-width:900px){.media-information-example-grid article{min-height:0}}
/* ===== 2026-10 development pages consolidation ===== */
.dw-approach-note{margin:0 0 8px;font-size:13px;color:#5a758a}
.dw-inline-link{display:inline-flex;font-size:13px}
.dw-service-cases{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.dw-service-cases>p{margin:0 0 6px;font-size:11px;letter-spacing:.12em;color:#5a758a;font-family:"DM Mono",monospace}
.dw-service-cases ul{margin:0 0 10px;padding-left:1.1em;font-size:13px;line-height:1.9}
.dw-service-cases a{color:var(--dw-navy)}
.dw-service-partner{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:13px}
.dw-service-partner>p{margin:0 0 12px;line-height:1.8;color:#36485a}
.dw-service-partner dl{margin:0 0 12px;border-top:1px solid var(--line)}
.dw-service-partner dl>div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.dw-service-partner dt{color:#5a758a}.dw-service-partner dd{margin:0}
.dw-partner--teaser .solution-gateway-heading{margin-bottom:0}
.dw-tech-note{grid-column:1/-1;margin:8px 0 0;font-size:11px;color:#8a9bab}
.technology-opening h2 .dw-kp,.technology-domain-list h3 .dw-kp{display:inline-block}
/* ===== 2026-10 service detail pages ===== */
.dw-svc{padding:clamp(56px,7vw,96px) 0}
.dw-svc--tint{background:var(--dw-surface,#f4f8fb)}
.dw-svc-inner{max-width:1240px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.6fr);min-width:0;gap:clamp(32px,5vw,72px);align-items:start}
.dw-svc-side{position:sticky;top:calc(var(--dw-header-height,72px) + 24px)}
.dw-svc-side h2{margin:10px 0 14px;font-size:clamp(26px,3.2vw,38px);line-height:1.3;color:var(--dw-navy)}
.dw-svc-side p:not(.rich-label){margin:0;font-size:14px;line-height:1.9;color:#5a758a}
.dw-svc-note{font-size:12px!important;color:#8a9bab!important;margin-top:14px!important}
.dw-svc-checklist{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dw-svc-checklist li{position:relative;padding:16px 18px 16px 44px;background:#fff;border:1px solid var(--line);border-radius:var(--dw-radius);font-size:14px;color:var(--dw-navy)}
.dw-svc-checklist li::before{content:"";position:absolute;left:16px;top:19px;width:16px;height:16px;border-radius:50%;border:2px solid var(--dw-blue)}
.dw-svc-checklist li::after{content:"";position:absolute;left:21px;top:22px;width:6px;height:10px;border:solid var(--dw-blue);border-width:0 2px 2px 0;transform:rotate(45deg)}
.dw-svc-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dw-svc-cards article{padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--dw-radius)}
.dw-svc-cards h3,.dw-svc-cards h4{margin:4px 0 8px;font-size:16px;color:var(--dw-navy)}
.dw-svc-cards p{margin:0;font-size:13px;line-height:1.8;color:#36485a}
.dw-svc-subhead{margin:32px 0 14px;font-size:17px;color:var(--dw-navy)}
.dw-svc-figwrap{max-width:880px;margin:36px auto 0;padding:0 32px}
.dw-svc-figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--dw-radius);overflow:hidden}
.dw-svc-figure img{display:block;width:100%;height:auto}
.dw-svc-figscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.dw-svc-figscroll .dw-detail-figure{min-width:720px;margin:0}
.dw-svc-fignote{display:none;margin:8px 0 0;font-size:11px;color:#8a9bab}
.dw-svc-steps{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.dw-svc-steps li{padding:14px 12px;background:#fff;border:1px solid var(--line);border-radius:var(--dw-radius);display:flex;flex-direction:column;gap:4px}
.dw-svc-steps span{font-family:"DM Mono",monospace;font-size:11px;color:var(--dw-blue)}
.dw-svc-steps b{font-size:12px;letter-spacing:.08em;color:var(--dw-navy)}
.dw-svc-steps small{font-size:12px;color:#5a758a;line-height:1.6}
.dw-svc-tagrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dw-svc-tagrow .rich-label{margin:0}
.dw-svc-tags{margin:0}
.dw-svc-casegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dw-svc-case{display:flex;flex-direction:column;gap:8px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:var(--dw-radius);color:var(--dw-navy);text-decoration:none;transition:border-color .2s}
.dw-svc-case:hover{border-color:var(--dw-blue)}
.dw-svc-case h3{margin:0;font-size:15px;line-height:1.5}
.dw-svc-case p{margin:auto 0 0;font-size:12.5px;line-height:1.7;color:#36485a;font-weight:700}
.dw-faq{display:block}
.dw-faq details{border-top:1px solid var(--line);padding:14px 0}
.dw-faq details:last-child{border-bottom:1px solid var(--line)}
.dw-faq summary{cursor:pointer;font-weight:700;color:var(--dw-navy);list-style:none;display:flex;justify-content:space-between;gap:12px;font-size:14px}
.dw-faq summary::-webkit-details-marker{display:none}
.dw-faq summary::after{content:"+";color:var(--dw-blue);font-family:"DM Mono",monospace}
.dw-faq details[open] summary::after{content:"−"}
.dw-faq details p{margin:8px 0 0;font-size:14px;line-height:1.9;color:#36485a}
.dw-svc-btn{display:inline-flex;align-items:center;margin-top:18px;padding:12px 20px;background:var(--dw-navy);color:#fff;border-radius:4px;font-size:13px;font-weight:700;text-decoration:none}
.dw-svc-btn:hover{background:var(--dw-blue)}
.dw-svc-exit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.dw-svc-exit>div{padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--dw-radius)}
.dw-svc-exit h3{margin:0 0 10px;font-size:13px;letter-spacing:.06em;color:#5a758a}
.dw-svc-exit ul{margin:0;padding:0;list-style:none}
.dw-svc-exit li{border-top:1px solid var(--line)}
.dw-svc-exit li a{display:block;padding:10px 0;color:var(--dw-navy);text-decoration:none;font-size:14px}
.dw-svc-exit li a:hover{color:var(--dw-blue)}
.dw-ukeoi dd a{margin-left:4px}
.dw-svc-index{max-width:1240px;margin:0 auto;padding:64px 32px 0}
.dw-svc-quiet{grid-column:1/-1;margin:0;font-size:14px}
.dw-svc-indexgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:960px){.dw-svc-inner{grid-template-columns:minmax(0,1fr);gap:24px}.dw-svc-inner>*{min-width:0}.dw-svc-side{position:static}.dw-svc-checklist,.dw-svc-cards,.dw-svc-exit,.dw-svc-indexgrid{grid-template-columns:1fr}
.dw-svc-steps{display:flex;overflow-x:auto;padding-bottom:6px}.dw-svc-steps li{flex:0 0 150px}
.dw-svc-casegrid{display:flex;overflow-x:auto;padding-bottom:6px}.dw-svc-case{flex:0 0 260px}
.dw-svc-figwrap,.dw-svc-inner{padding-left:24px;padding-right:24px}}
/* ===== case meta / client (permanent) ===== */
.dw-case-meta{margin:16px 0 18px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--dw-radius)}
.dw-case-meta>div{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:6px 0;font-size:12.5px;line-height:1.8}
.dw-case-meta dt{color:#5a758a}.dw-case-meta dd{margin:0;color:#36485a}
.dw-case-client{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--dw-radius);background:#fff}
.dw-case-client img{height:28px;width:auto}
.dw-case-client strong{font-size:13px;color:var(--dw-navy)}
.dw-case-client small{font-size:11px;color:#8a9bab}
.dw-case-products{display:inline-block;margin:0 0 10px;font-size:12px;color:#5a758a}
.dw-case-products a{color:var(--dw-blue);text-decoration:none}
@media (max-width:600px){.dw-case-meta>div{grid-template-columns:1fr;gap:2px}}
/* ===== client logos (permanent) ===== */
.dw-logo-rows{display:flex;flex-direction:column;gap:12px;margin:16px 0 8px}
.dw-logo-marquee--rev .dw-logo-track{animation-direction:reverse}
.dw-logo-marquee{position:relative;display:flex;gap:12px;overflow:hidden;margin:0;width:100%;max-width:100%;padding:4px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.dw-logo-track{list-style:none;margin:0;padding:0;display:flex;gap:12px;flex-shrink:0;animation:dw-marquee 60s linear infinite}
.dw-logo-marquee:hover .dw-logo-track{animation-play-state:paused}
@keyframes dw-marquee{from{transform:translateX(0)}to{transform:translateX(calc(-100% - 12px))}}
@media (prefers-reduced-motion:reduce){.dw-logo-track{animation:none}.dw-logo-marquee{flex-wrap:wrap;mask-image:none;-webkit-mask-image:none}.dw-logo-track[aria-hidden="true"]{display:none}}
.dw-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:168px;min-height:84px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:var(--dw-radius);flex-shrink:0}
.dw-logo img{max-height:34px;max-width:100%;width:auto;height:auto}
.dw-logo--tall img{max-height:60px}
.dw-logo span{font-size:10px;color:#8a9bab;line-height:1.3;text-align:center}
.dw-logo-li{list-style:none;grid-column:1/-1}
.dw-logo-note{margin:4px 0 12px;font-size:11px;color:#8a9bab}
.dw-clients-media{grid-column:1/-1;min-width:0;max-width:100%}
.dw-home-clients .dw-clients{grid-template-columns:minmax(0,1fr)}
.dw-logo-rows{max-width:100%;min-width:0}
.dw-clients-media p{margin-top:12px}
.dw-case-group{grid-column:1/-1;padding:28px 0 10px}
.case-industry-experience-grid.dw-five{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.case-industry-experience-grid.dw-five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.case-industry-experience-grid.dw-five{grid-template-columns:repeat(2,minmax(0,1fr))}}
.case-studies-grid .dw-case-filters,.case-studies-grid .dw-review-legend{grid-column:1/-1;margin-top:24px}
.dw-case-group h3{margin:4px 0 0;font-size:20px;color:var(--dw-navy)}
.dw-case-group[hidden]{display:none}
.dw-home-clients .dw-clients{grid-template-columns:1fr}
.dw-home-clients .dw-clients>div:not(.dw-clients-media){display:inline-block;margin-right:32px}
/* ===== sample viewer banner (HP-Digital) ===== */
.dw-sample{padding:0 clamp(24px,7.5vw,118px) clamp(56px,7vw,96px);background:var(--dw-surface,#f4f8fb)}
.dw-sample-card{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,48px);align-items:center;padding:clamp(20px,3vw,32px);background:var(--dw-navy);color:#fff;border-radius:var(--dw-radius);text-decoration:none;transition:box-shadow .2s}
.dw-sample-card:hover{box-shadow:0 18px 40px rgba(7,17,31,.25)}
.dw-sample-media{border-radius:var(--dw-radius);overflow:hidden;border:1px solid rgba(255,255,255,.15)}
.dw-sample-media img{display:block;width:100%;height:auto}
.dw-sample-body .rich-label{color:#8fc1f0}
.dw-sample-body h2{margin:10px 0 12px;font-size:clamp(22px,2.4vw,30px);line-height:1.4;color:#fff}
.dw-sample-body h2 .dw-kp{display:inline-block}
.dw-sample-body p:not(.rich-label){margin:0 0 16px;font-size:14px;line-height:1.9;color:#d9eaf6}
.dw-sample-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;color:var(--dw-navy);border-radius:4px;font-size:13px;font-weight:700}
.dw-sample-cta b{color:var(--dw-blue);font-weight:400}
.dw-sample-body small{display:block;margin-top:12px;font-size:11px;color:#a9b4c4}
@media (max-width:900px){.dw-sample{padding-left:24px;padding-right:24px}.dw-sample-card{grid-template-columns:1fr}}
/* ===== recruit: open positions as cards ===== */
.dw-positions>header{display:block;max-width:760px;margin-bottom:28px}
.dw-positions>header p:not(.career-kicker){margin-top:14px;font-size:14px;line-height:1.9;color:#5a758a}
.dw-positions .career-openings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:none}
.dw-positions .career-opening{background:#fff;border:1px solid var(--line);border-radius:var(--dw-radius);margin:0}
.dw-positions .career-opening[open]{grid-column:1/-1}
.dw-positions .career-opening>summary{display:grid;grid-template-columns:1fr;gap:12px;padding:22px 24px 18px;cursor:pointer;list-style:none}
.dw-positions .career-opening>summary::-webkit-details-marker{display:none}
.dw-pos-head{display:flex;align-items:center;gap:12px}
.dw-pos-head .career-opening-number{font:500 10px/1 "DM Mono",monospace;color:var(--dw-blue)}
.dw-pos-tag{font:500 10px/1 "DM Mono",monospace;letter-spacing:.1em;color:#638599}
.dw-pos-title{display:block}
.dw-pos-title strong{display:block;font-size:20px;line-height:1.4;color:var(--dw-navy)}
.dw-pos-title em{display:block;margin-top:4px;font-style:normal;font-size:13px;color:#5a758a}
.dw-pos-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dw-pos-meta>span{display:grid;gap:4px;font-size:14px;color:var(--dw-navy)}
.dw-pos-meta b{font-size:11px;font-weight:500;color:#638599}
.dw-pos-meta strong{font-weight:700}
.dw-pos-must{display:block;font-size:13px;line-height:1.7;color:#36485a}
.dw-pos-must b{display:inline-block;margin-right:8px;font-size:11px;font-weight:500;color:#638599}
.dw-pos-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
.dw-pos-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--dw-blue)}
.dw-pos-toggle i{position:relative;width:18px;height:18px;border:1.5px solid var(--dw-blue);border-radius:50%}
.dw-pos-toggle i::before,.dw-pos-toggle i::after{content:"";position:absolute;background:var(--dw-blue);left:50%;top:50%;transform:translate(-50%,-50%)}
.dw-pos-toggle i::before{width:8px;height:1.5px}.dw-pos-toggle i::after{width:1.5px;height:8px}
.career-opening[open] .dw-pos-toggle i::after{display:none}
.dw-pos-entry{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:var(--dw-navy);color:#fff;border-radius:4px;font-size:12px;font-weight:700;text-decoration:none}
.dw-pos-entry:hover{background:var(--dw-blue)}
.dw-positions .career-opening-panel-inner{padding:8px 24px 24px}
.dw-positions .career-opening-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.dw-positions .career-opening-subsection{padding:18px 0;border-top:1px solid var(--line)}
.dw-positions .career-opening-subsection:nth-of-type(1),.dw-positions .career-opening-subsection:nth-of-type(2){grid-column:1}
.dw-positions .career-opening-subsection:nth-of-type(3),.dw-positions .career-opening-subsection:nth-of-type(4){grid-column:2}
.dw-positions .career-opening-subsection:nth-of-type(1),.dw-positions .career-opening-subsection:nth-of-type(3){grid-row:1}
.dw-positions .career-opening-subsection:nth-of-type(2),.dw-positions .career-opening-subsection:nth-of-type(4){grid-row:2}
@media (max-width:900px){.dw-positions .career-openings{grid-template-columns:1fr}.dw-positions .career-opening-sections{grid-template-columns:1fr}.dw-positions .career-opening-subsection{grid-column:auto!important;grid-row:auto!important}.dw-pos-meta{grid-template-columns:1fr 1fr}.dw-pos-meta>span:last-child{grid-column:1/-1}.dw-pos-title strong{font-size:18px}}
/* ===== recruit roadmap: wider columns, no mid-word breaks ===== */
@media (min-width:901px){
.recruit-roadmap{grid-template-columns:minmax(300px,.65fr) 1.9fr;gap:48px}
.recruit-roadmap h2 .dw-kp{display:inline-block}
.recruit-roadmap-list{grid-template-columns:repeat(5,minmax(0,1fr))}
.recruit-roadmap-list article{padding:0 14px}
.recruit-roadmap-list h4{font-size:15px;line-height:1.5}
.recruit-roadmap-list h4 .dw-kp{display:inline-block}
.recruit-roadmap-list p{font-size:12px;line-height:1.8}
}
@media (min-width:901px) and (max-width:1280px){
.recruit-roadmap{grid-template-columns:1fr}
.recruit-roadmap-list{grid-template-columns:repeat(5,minmax(0,1fr))}
}
/* ===== recruit: detail panel typography (hierarchy) ===== */
.dw-positions .career-opening-panel{background:#f6f9fc;border-top:1px solid var(--line)}
.dw-positions .career-opening-overview{display:block;padding:20px 0 22px;border-bottom:1px solid var(--line)}
.dw-positions .career-opening-overview>p.career-kicker{margin:0 0 8px;font:500 10px/1 "DM Mono",monospace;letter-spacing:.12em;color:var(--dw-blue)}
.dw-positions .career-opening-overview>p:last-child{max-width:none;margin:0;font-size:16px;font-weight:700;line-height:1.8;letter-spacing:0;color:var(--dw-navy)}
.dw-positions .career-opening-subsection{padding:22px 0 24px;border-right:0!important;border-bottom:0!important;border-top:1px solid var(--line)}
.dw-positions .career-opening-subsection>p{margin:0;font:500 10px/1 "DM Mono",monospace;letter-spacing:.12em;color:var(--dw-blue)}
.dw-positions .career-opening-subsection h4{position:relative;margin:8px 0 14px;padding-left:12px;font-size:18px;font-weight:700;letter-spacing:0;color:var(--dw-navy)}
.dw-positions .career-opening-subsection h4::before{content:"";position:absolute;left:0;top:.2em;width:3px;height:1em;background:var(--dw-blue);border-radius:2px}
.dw-positions .career-opening-copy{font-size:14px;line-height:1.9;color:#36485a}
.dw-positions .career-opening-qualification{padding:12px 0;border-top:1px solid var(--line)}
.dw-positions .career-opening-qualification>p{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:0;font-family:inherit;color:var(--dw-navy)}
.dw-positions .career-opening-qualification:first-of-type{border-top:0;padding-top:0}
.dw-positions .career-plain-list li{padding:4px 0 4px 16px;font-size:14px;line-height:1.7;color:#36485a}
.dw-positions .career-plain-list li::before{content:"・";color:var(--dw-blue)}
.dw-positions .career-opening-conditions{border-top:0}
.dw-positions .career-opening-conditions>div{grid-template-columns:96px minmax(0,1fr);padding:10px 0;border-bottom:1px solid var(--line)}
.dw-positions .career-opening-conditions dt{font-family:inherit;font-size:12px;font-weight:500;line-height:1.7;color:#5a758a;letter-spacing:0}
.dw-positions .career-opening-conditions dd{font-size:14px;color:var(--dw-navy)}
.dw-positions .career-opening-apply{margin-top:8px;padding:20px 0 0;border-top:1px solid var(--line)}
.dw-positions .career-opening-apply strong{font-size:16px;color:var(--dw-navy)}
.dw-positions .career-opening-apply span{font-size:12px;color:#5a758a}
.dw-positions .career-opening-apply>div{display:grid;gap:6px}
.dw-positions .career-opening-apply strong,.dw-positions .career-opening-apply span{display:block}
/* keep phrases together but allow wrapping inside when the phrase is wider than the viewport */
.whitespace-nowrap{display:inline-block;white-space:normal}
/* headings: keep phrases together (break after 、。・ first; wrap inside only when a phrase is wider than its box) */
main h1 .dw-kp, main h2 .dw-kp, main h3 .dw-kp{display:inline-block}
/* heading fit: measured per heading so that no phrase exceeds its column (PC/SP) */
.dw-kp-free .dw-kp{display:inline}
@media (min-width:901px){.dw-hf1{font-size:52px!important}}
@media (min-width:901px){.dw-hf2{font-size:16px!important}}
@media (max-width:900px){.dw-hf2{font-size:21px!important}}
@media (min-width:901px){.dw-hf3{font-size:19px!important}}
@media (min-width:901px){.dw-hf4{font-size:15px!important}}
@media (max-width:900px){.dw-hf4{font-size:20px!important}}
@media (min-width:901px){.dw-hf5{font-size:49px!important}}
@media (max-width:900px){.dw-hf6{font-size:24px!important}}
@media (max-width:900px){.dw-hf7{font-size:24px!important}}
@media (max-width:900px){.dw-hf8{font-size:28px!important}}
@media (max-width:900px){.dw-hf9{font-size:26px!important}}
@media (max-width:900px){.dw-hf10{font-size:22px!important}}
@media (max-width:900px){.dw-hf11{font-size:26px!important}}
@media (max-width:900px){.dw-hf12{font-size:28px!important}}
@media (max-width:900px){.dw-hf13{font-size:26px!important}}
@media (max-width:900px){.dw-hf14{font-size:27px!important}}
@media (min-width:901px){.dw-hf15{font-size:49px!important}}
@media (min-width:901px){.dw-hf16{font-size:40px!important}}
@media (max-width:900px){.dw-hf16{font-size:33px!important}}
@media (min-width:901px){.dw-hf17{font-size:22px!important}}
@media (max-width:900px){.dw-hf17{font-size:19px!important}}
@media (min-width:901px){.dw-hf18{font-size:25px!important}}
@media (min-width:901px){.dw-hf19{font-size:23px!important}}
@media (min-width:901px){.dw-hf20{font-size:23px!important}}
@media (min-width:901px){.dw-hf21{font-size:25px!important}}
@media (max-width:900px){.dw-hf22{font-size:19px!important}}
@media (min-width:901px){.dw-hf23{font-size:43px!important}}
@media (min-width:901px){.dw-hf24{font-size:42px!important}}
@media (min-width:901px){.dw-hf25{font-size:42px!important}}
@media (max-width:900px){.dw-hf26{font-size:26px!important}}
@media (min-width:901px){.dw-hf27{font-size:38px!important}}
@media (max-width:900px){.dw-hf27{font-size:25px!important}}
@media (min-width:901px){.dw-hf28{font-size:40px!important}}
@media (max-width:900px){.dw-hf29{font-size:30px!important}}
@media (min-width:901px){.dw-hf30{font-size:52px!important}}
@media (min-width:901px){.dw-hf31{font-size:37px!important}}
@media (max-width:900px){.dw-hf31{font-size:24px!important}}
@media (min-width:901px){.dw-hf32{font-size:52px!important}}
@media (min-width:901px){.dw-hf33{font-size:45px!important}}
@media (min-width:901px){.dw-hf34{font-size:47px!important}}
@media (min-width:901px){.dw-hf35{font-size:40px!important}}
@media (min-width:901px){.dw-hf36{font-size:46px!important}}
@media (max-width:900px){.dw-hf36{font-size:33px!important}}
@media (min-width:901px){.dw-hf37{font-size:18px!important}}
@media (min-width:901px){.dw-hf38{font-size:18px!important}}
@media (min-width:901px){.dw-hf39{font-size:38px!important}}
@media (min-width:901px){.dw-hf40{font-size:41px!important}}
@media (min-width:901px){.dw-hf41{font-size:54px!important}}
@media (max-width:900px){.dw-hf41{font-size:31px!important}}
@media (min-width:901px){.dw-hf42{font-size:54px!important}}
@media (min-width:901px){.dw-hf43{font-size:36px!important}}
@media (max-width:900px){.dw-hf43{font-size:25px!important}}
@media (min-width:901px){.dw-hf44{font-size:55px!important}}
@media (max-width:900px){.dw-hf44{font-size:31px!important}}
@media (max-width:900px){.dw-hf45{font-size:31px!important}}
@media (min-width:901px){.dw-hf46{font-size:8px!important}}
@media (max-width:900px){.dw-hf46{font-size:8px!important}}
@media (min-width:901px){.dw-hf47{font-size:47px!important}}
@media (min-width:901px){.dw-hf48{font-size:21px!important}}
@media (min-width:901px){.dw-hf49{font-size:17px!important}}
@media (max-width:900px){.dw-hf50{font-size:26px!important}}
@media (max-width:900px){.dw-hf51{font-size:21px!important}}
@media (max-width:900px){.dw-hf52{font-size:26px!important}}
@media (max-width:900px){.dw-hf53{font-size:23px!important}}
@media (max-width:900px){.dw-hf54{font-size:20px!important}}
@media (max-width:900px){.dw-hf55{font-size:24px!important}}
@media (max-width:900px){.dw-hf56{font-size:23px!important}}
@media (max-width:900px){.dw-hf57{font-size:23px!important}}
@media (max-width:900px){.dw-hf58{font-size:24px!important}}
@media (max-width:900px){.dw-hf59{font-size:21px!important}}
@media (max-width:900px){.dw-hf60{font-size:30px!important}}
/* targeted heading fixes after QA */
@media (max-width:900px){
.page-hero h1{font-size:clamp(24px,6.8vw,30px)!important}
.product-operating-model h2{font-size:24px!important}
.dw-svc-grid h3 .dw-kp,.services-grid h3 .dw-kp{display:inline}
}
@media (min-width:901px){
#overview-heading{font-size:38px!important;letter-spacing:-.05em!important}
.dw-media-overview .dw-media-section-heading{grid-template-columns:minmax(300px,1.1fr) minmax(0,.9fr)}
.career-entry-body h2,.career-entry-intro h2{font-size:30px!important}
}
@media (min-width:901px){ .media-platform-flow-title h2{font-size:34px!important} }
@media (max-width:900px){ .company-profile dd .company-profile-link, .company-profile dd > a{display:inline-block;margin-top:6px} }
/* compact hero for information pages (company / recruit / news) */
.page-hero.dw-hero-compact{min-height:0;padding:clamp(48px,6vw,80px) clamp(24px,7.5vw,118px) clamp(40px,5vw,64px)}
.page-hero.dw-hero-compact h1{font-size:clamp(28px,3.4vw,44px)}
.company-profile{padding-top:clamp(56px,7vw,96px)}
/* CAPABILITIES cards: larger titles (product pages) */
.product-features h3{font-size:clamp(18px,1.6vw,21px)!important;line-height:1.45!important;letter-spacing:-.02em!important}
.product-features article p{font-size:13px!important;line-height:1.85!important;margin-top:8px!important}
@media (max-width:1100px) and (min-width:901px){.product-features h3{font-size:18px!important}}
/* phrase spans inside headings must inherit the heading style */
h1 .dw-kp,h2 .dw-kp,h3 .dw-kp,h4 .dw-kp{font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;font-style:inherit!important;color:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;border:0!important;padding:0!important;margin:0!important;background:none!important;border-radius:0!important;text-transform:inherit!important;box-shadow:none!important}
.media-solution-grid.dw-three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.media-solution-grid.dw-three{grid-template-columns:1fr}}
/* signal-frame heading: wrap at phrase boundaries instead of clipping */
.signal-frame-line{white-space:normal!important;width:auto!important;max-width:100%!important}
.signal-frame-line .dw-kp{display:inline-block}
/* solutions hub: lighter heading scale */
.solution-gateway-selection h2{font-size:clamp(28px,3vw,40px)!important;letter-spacing:-.04em!important;line-height:1.25!important}
.solution-modernization-band h2{font-size:clamp(24px,2.5vw,32px)!important;letter-spacing:-.04em!important;line-height:1.3!important}
.solution-domain-main h3{font-size:clamp(20px,1.7vw,22px)!important;letter-spacing:-.03em!important;line-height:1.3!important}
.solution-domain-main h3+p,.solution-domain-main>p:first-of-type{font-size:13px}
/* ===== company: representative profile ===== */
.dw-rep{padding:clamp(64px,8vw,112px) clamp(24px,7.5vw,118px);background:#fff;border-top:1px solid var(--line)}
.dw-rep-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.6fr);gap:clamp(32px,5vw,72px);align-items:start}
.dw-rep-side h2{margin:10px 0 14px;font-size:clamp(22px,2.4vw,30px);line-height:1.3;color:var(--dw-navy)}
.dw-rep-name{margin:0;display:flex;flex-direction:column;gap:4px}
.dw-rep-name strong{font-size:clamp(26px,2.8vw,34px);letter-spacing:.02em;color:var(--dw-navy)}
.dw-rep-name span{font:500 11px/1 "DM Mono",monospace;letter-spacing:.12em;color:#5a758a}
.dw-rep-born{margin:14px 0 0;font-size:13px;line-height:1.8;color:#5a758a}
.dw-rep-photo{margin:24px 0 0;aspect-ratio:4/5;max-width:320px;border:1px solid var(--line);border-radius:var(--dw-radius);background:linear-gradient(160deg,#eef5fb,#f6f9fc);display:flex;align-items:center;justify-content:center;overflow:hidden}
.dw-rep-photo img{display:block;width:100%;height:100%;object-fit:cover}
.dw-rep-photo span{font:500 11px/1 "DM Mono",monospace;letter-spacing:.14em;color:#9fb3c3}
.dw-rep-main h3{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;font-size:17px;color:var(--dw-navy)}
.dw-rep-main h3 .rich-label{margin:0}
.dw-rep-career{margin:0 0 36px;padding:0}
.dw-rep-career>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.8}
.dw-rep-career>div:last-child{border-bottom:1px solid var(--line)}
.dw-rep-career dt{font:500 12px/1.9 "DM Mono",monospace;color:#5a758a;letter-spacing:.04em}
.dw-rep-career dd{margin:0;color:#36485a}
.dw-rep-career .is-current dt,.dw-rep-career .is-current dd{color:var(--dw-navy);font-weight:700}
.dw-rep-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}
.dw-rep-grid p{margin:0;font-size:14px;line-height:1.9;color:#36485a}
.dw-rep-wide{grid-column:1/-1}
.dw-rep-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.dw-rep-chips li{font-size:12px;padding:6px 12px;border:1px solid var(--line);border-radius:16px;color:#36485a;background:#fff}
@media (max-width:900px){.dw-rep{padding-left:24px;padding-right:24px}.dw-rep-inner{grid-template-columns:1fr}.dw-rep-photo{max-width:240px}.dw-rep-career>div{grid-template-columns:1fr;gap:4px}.dw-rep-grid{grid-template-columns:1fr}}
/* representative: chapters layout */
.dw-rep-facts{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dw-rep-facts li{display:grid;gap:4px;padding:16px 18px;background:var(--dw-surface,#f4f8fb);border:1px solid var(--line);border-radius:var(--dw-radius)}
.dw-rep-facts strong{font-size:26px;line-height:1;color:var(--dw-blue);letter-spacing:-.02em}
.dw-rep-facts span{font-size:12px;color:#5a758a}
.dw-rep-chapters{display:grid;gap:14px}
.dw-rep-chapters article{padding:20px 24px;border:1px solid var(--line);border-radius:var(--dw-radius);background:#fff}
.dw-rep-chapters .rich-label{margin:0 0 8px}
.dw-rep-chapters h3{margin:0 0 8px;font-size:17px;line-height:1.5;color:var(--dw-navy);display:block}
.dw-rep-chapters p{margin:0;font-size:14px;line-height:1.9;color:#36485a}
.dw-rep-note{margin:20px 0 0;font-size:12px;line-height:1.9;color:#5a758a}
.dw-rep-note b{display:inline-block;margin-right:6px;font-size:11px;font-weight:700;color:var(--dw-blue)}
@media (max-width:900px){.dw-rep-facts{grid-template-columns:1fr 1fr}.dw-rep-facts li:last-child{grid-column:1/-1}}
.dw-case-links .case-product-link span:empty{display:none}
/* multiple related-product links in a case header: stack them under the category label */
.case-studies-grid article header .dw-case-links{position:absolute;right:0;top:100%;margin-top:6px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 14px;max-width:100%}
.case-studies-grid article header .dw-case-links .case-product-link{position:static;margin-top:0}
/* uniform header zone so every card's title starts at the same height (room for up to 2 lines of product links) */
.case-studies-grid article h2{margin-top:64px!important}
@media (max-width:900px){.case-studies-grid article h2{margin-top:72px!important}}
/* representative: quiet table layout (matches 会社概要) */
.dw-rep-table{margin:0;padding:0}
.dw-rep-table>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:20px 0;border-top:1px solid var(--line)}
.dw-rep-table>div:last-child{border-bottom:1px solid var(--line)}
.dw-rep-table>div>dt{font:500 11px/1.9 "DM Mono",monospace;letter-spacing:.1em;color:var(--dw-blue);padding-top:2px}
.dw-rep-table>div>dd{margin:0;font-size:14px;line-height:1.95;color:#36485a}
.dw-rep-table>div>dd>span{display:block}
.dw-rep-years{margin:0;padding:0}
.dw-rep-years>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;padding:5px 0}
.dw-rep-years dt{font:500 12px/1.9 "DM Mono",monospace;color:#5a758a}
.dw-rep-years dd{margin:0}
.dw-rep-years .is-current dt,.dw-rep-years .is-current dd{color:var(--dw-navy);font-weight:700}
.dw-rep-photo{margin:28px 0 0}
@media (max-width:900px){.dw-rep-table>div{grid-template-columns:1fr;gap:8px}.dw-rep-years>div{grid-template-columns:76px minmax(0,1fr)}}
/* representative: title and name below the photo */
.dw-rep-side .dw-rep-photo{margin:14px 0 20px}
.dw-rep-side h2{margin:0 0 6px;font-size:13px;font-weight:500;letter-spacing:.04em;color:#5a758a}
.dw-rep-name strong{font-size:clamp(24px,2.4vw,30px)}
/* representative: align the table top with the photo top; centre the caption */
.dw-rep-inner{align-items:start}
.dw-rep-side{text-align:center}
.dw-rep-side .rich-label{justify-content:center}
.dw-rep-side .dw-rep-photo{margin:14px auto 20px}
.dw-rep-name{align-items:center}
.dw-rep-main{padding-top:calc(1em + 14px)} /* = rich-label height + photo margin, so 略歴 starts level with the photo */
.dw-rep-table>div:first-child{border-top:0;padding-top:0}
@media (max-width:900px){.dw-rep-main{padding-top:0}.dw-rep-table>div:first-child{border-top:1px solid var(--line);padding-top:20px}}
/* representative: fill the side column with the photo; current roles under the name */
.dw-rep-inner{grid-template-columns:minmax(260px,.85fr) minmax(0,1.55fr)}
.dw-rep-side .dw-rep-photo{max-width:none;width:100%}
.dw-rep-current{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);text-align:center}
.dw-rep-current .rich-label{justify-content:center;margin:0 0 8px}
.dw-rep-current span{display:block;font-size:13px;line-height:1.9;color:#36485a}
@media (max-width:900px){.dw-rep-side .dw-rep-photo{max-width:280px}}
.dw-rep-side .dw-rep-photo{max-width:340px;aspect-ratio:1/1}
/* representative: label and current roles left-aligned; name stays centred under the photo */
.dw-rep-side .rich-label{justify-content:flex-start}
.dw-rep-side .dw-rep-photo{margin-left:0;margin-right:auto}
.dw-rep-current{text-align:left}
.dw-rep-current .rich-label{justify-content:flex-start}
.dw-rep-side h2,.dw-rep-name{text-align:center;max-width:340px}
/* representative: tablet & mobile */
@media (max-width:900px){
.dw-rep-inner{grid-template-columns:1fr;gap:28px}
.dw-rep-side{display:grid;grid-template-columns:128px minmax(0,1fr);grid-template-areas:"label label" "photo name" "current current";column-gap:18px;row-gap:12px;align-items:center;text-align:left}
.dw-rep-side .rich-label{grid-area:label;margin:0}
.dw-rep-side .dw-rep-photo{grid-area:photo;width:128px;max-width:128px;margin:0;aspect-ratio:1/1}
.dw-rep-side h2{grid-area:name;align-self:end;margin:0 0 4px;text-align:left;max-width:none}
.dw-rep-side .dw-rep-name{grid-area:name;align-self:start;align-items:flex-start;text-align:left;max-width:none;margin-top:28px}
.dw-rep-current{grid-area:current;margin-top:4px;padding-top:14px}
.dw-rep-main{padding-top:0}
.dw-rep-table>div:first-child{border-top:1px solid var(--line);padding-top:20px}
}
@media (max-width:480px){
.dw-rep-side{grid-template-columns:104px minmax(0,1fr)}
.dw-rep-side .dw-rep-photo{width:104px;max-width:104px}
.dw-rep-name strong{font-size:22px}
}
@media (max-width:900px){
.dw-rep-side h2{align-self:start;margin:14px 0 0}
.dw-rep-side .dw-rep-name{align-self:end;margin:0 0 12px}
}
/* representative: larger portrait on tablet / mobile */
@media (max-width:900px){
.dw-rep-side{grid-template-columns:clamp(150px,34vw,240px) minmax(0,1fr)}
.dw-rep-side .dw-rep-photo{width:clamp(150px,34vw,240px);max-width:none}
}
@media (max-width:480px){
.dw-rep-side{grid-template-columns:150px minmax(0,1fr)}
.dw-rep-side .dw-rep-photo{width:150px;max-width:150px}
}
/* representative: caption block (title + name) */
.dw-rep-caption{text-align:center;max-width:340px}
@media (max-width:900px){
.dw-rep-side{grid-template-areas:"label label" "photo caption" "current current"}
.dw-rep-caption{grid-area:caption;align-self:center;text-align:left;max-width:none}
.dw-rep-side h2{margin:0 0 6px}
.dw-rep-side .dw-rep-name{margin:0}
}
/*20261029追加*/
.kaigyou{
display: none;
}
.media-workflow-list li:hover::after {
/* ホバー時のliと同じ水色の背景色を指定します */
background: var(--dw-soft-blue); /* 実際の水色のカラーコードに変更してください */
}
.kaigyou2{
display: block;
}
@media (max-width: 800px) {
.solution-architecture-feature h2 {
text-wrap: balance;
word-break: keep-all; /* 単語途中での改行を禁止 */
overflow-wrap: break-word;
}
.kaigyou2{
display: inline-block;
}
}
@media (max-width: 700px) {
.kaigyou{
display: block;
}
}
/*20261029追加*/
/* representative: mobile = photo first, caption below (centred), like PC */
@media (max-width:600px){
.dw-rep-side{display:block;text-align:left}
.dw-rep-side .dw-rep-photo{width:min(240px,70vw);max-width:none;margin:14px auto 16px}
.dw-rep-caption{text-align:center;max-width:none}
.dw-rep-side h2{margin:0 0 4px}
.dw-rep-side .dw-rep-name{align-items:center;margin:0}
.dw-rep-current{margin-top:20px}
}
@media (max-width:600px){ .dw-rep-side h2{text-align:center} }
/* logo captions: break only between the corporate type and the name */
.dw-logo span .dw-nb,.dw-case-client .dw-nb{display:inline-block;font-style:normal}
/* representative: smarter Japanese wrapping */
.dw-rep-table dd,.dw-rep-years dd{word-break:auto-phrase}
.dw-rep-table .dw-nb,.dw-rep-years .dw-nb{display:inline-block}
@media (max-width:600px){
.dw-rep-years>div{grid-template-columns:1fr;gap:2px;padding:8px 0}
.dw-rep-years dt{font-size:11px;line-height:1.4}
.dw-rep-years dd{font-size:14px}
}
/* representative: real portrait, 4:5 */
.dw-rep-side .dw-rep-photo{aspect-ratio:4/5;max-width:300px;background:#eef3f8;border:0}
.dw-rep-photo img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.dw-rep-side .dw-rep-photo{aspect-ratio:4/5}}
@media (max-width:600px){.dw-rep-side .dw-rep-photo{width:min(240px,64vw);max-width:none}}
/* representative: caption width = photo width so both centre on the same axis */
.dw-rep-caption,.dw-rep-side h2,.dw-rep-name{max-width:300px}
.dw-rep-current{max-width:300px}
/* representative: frame the portrait with the site's hairline */
.dw-rep-side .dw-rep-photo{border:1px solid var(--line);border-radius:var(--dw-radius);background:#fff;box-sizing:border-box}
.dw-rep-photo img{border-radius:calc(var(--dw-radius) - 1px)}
.dw-svc-steps small {
font-feature-settings: "palt";
}
@media (min-width: 961px) {
.dw-svc-inner > .dw-svc-main {
min-width: 0;
}
.dw-svc-steps {
grid-template-columns: repeat(5, minmax(max-content, 1fr));
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
}
}
@media (max-width: 960px) {
.dw-svc-steps li {
flex: 0 0 auto;
min-width: 150px;
}
}
.dw-casegrid-fixbreak .dw-svc-case {
container-type: inline-size;
}
.dw-casegrid-fixbreak .dw-svc-case h3 {
font-size: min(15px, calc(100cqi / 13.6));
}
.dw-casegrid-fixbreak .dw-svc-case h3 .dw-kp {
display: block;
white-space: nowrap;
}
@media (min-width: 961px) and (max-width: 1279px) {
.dw-casegrid-fixbreak.dw-svc-casegrid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.dw-casegrid-fixbreak--11 .dw-svc-case h3 {
font-size: min(15px, calc(100cqi / 11.6));
}
.dw-casegrid-fixbreak--14 .dw-svc-case h3 {
font-size: min(15px, calc(100cqi / 14.6));
}
.page-approach .approach-lenses-grid {
border-bottom: 1px solid #c6dfeb;
}
.page-approach .approach-lenses-grid h3 .dw-kp {
display: inline-block;
white-space: nowrap;
}
@media (min-width: 801px) and (max-width: 1199px) {
.page-approach .approach-lenses {
grid-template-columns: 1fr;
gap: 36px;
}
}
.page-approach .approach-principle h2 .dw-kp {
display: inline-block;
white-space: nowrap;
}
@media (max-width: 640px) {
.page-approach .approach-principle h2 {
font-size: min(37px, calc((max(100vw, 320px) - 44px) / 8.6));
}
}
.page-services .page-hero h1 .dw-kp,
.page-services .services-layer-heading h2 .dw-kp {
display: inline-block;
white-space: nowrap;
}
@media (max-width: 900px) {
.page-services .page-hero h1 {
font-size: min(clamp(24px, 6.8vw, 30px), calc((max(100vw, 320px) - 44px) / 11)) !important;
}
}
@media (max-width: 520px) {
.page-services .services-layer-heading h2 {
font-size: min(34px, calc((max(100vw, 320px) - 44px) / 9.6));
}
}
.page-services .services-business-context h2 .dw-kp,
.page-services .services-connection h2 .dw-kp{
display:inline-block;
white-space:nowrap;
}
.page-services .services-business-context > div:first-child{
container-type:inline-size;
}
@media (min-width:901px){
.page-services .services-business-context h2{
font-size:min(40px, calc(100cqi / 10.8)) !important;
}
}
@media (max-width:900px){
.page-services .services-business-context h2{
font-size:min(clamp(32px, 3.8vw, 56px), calc(100cqi / 10.8));
}
}
@media (max-width:520px){
.page-services .services-business-context h2{
font-size:min(33px, calc(100cqi / 10.8));
}
}
.page-services .services-connection h2 br{
display:inline;
}
@media (min-width:801px){
.page-services .services-business-context{
grid-template-columns:1fr;
gap:clamp(38px, 3.6vw, 52px);
}
.page-services .services-business-context h2{
font-size:clamp(32px, 3.8vw, 56px) !important;
}
}
@supports (grid-template-rows:subgrid){
@media (min-width:621px){
.page-services .service-accordion-grid > .service-accordion-card{
display:grid;
grid-template-columns:minmax(0, 1fr);
grid-template-rows:subgrid;
grid-row:span 2;
}
.page-services .service-accordion-card > .service-card-lead{
grid-row:1;
grid-column:1;
}
.page-services .service-accordion-card > .service-anchor{
grid-row:1;
grid-column:1;
align-self:start;
}
.page-services .service-accordion-card > .service-detail-accordion{
grid-row:2;
grid-column:1;
align-self:start;
margin-top:0;
}
}
}
@media (min-width:921px){
.page-services .service-category-heading{
grid-template-columns:minmax(0, 1.55fr) minmax(250px, .72fr);
grid-template-areas:
"label desc"
"title desc";
column-gap:26px;
row-gap:10px;
}
.page-services .service-category-heading > p{
grid-area:label;
}
.page-services .service-category-heading > h3{
grid-area:title;
}
.page-services .service-category-heading > span{
grid-area:desc;
align-self:end;
}
}
@media (min-width:921px){
.page-services .service-category-heading{
grid-template-columns:1fr;
grid-template-areas:none;
gap:8px;
}
.page-services .service-category-heading > p,
.page-services .service-category-heading > h3,
.page-services .service-category-heading > span{
grid-area:auto;
align-self:auto;
}
}
.page-services .dw-svc-indexgrid h3 .dw-kp{
display:inline-block;
white-space:nowrap;
}
.page-services .dw-svc-indexgrid > a{
container-type:inline-size;
}
.page-services .dw-svc-indexgrid h3{
white-space:nowrap;
font-size:min(19px, calc(100cqi / 15.9));
font-weight:600;
}
@media (min-width:788px) and (max-width:1159px){
.page-services .dw-svc-indexgrid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
}
@media (max-width:520px){
.page-services .dw-svc-index{
padding-left:22px;
padding-right:22px;
}
.page-services .dw-svc-indexgrid > a{
padding:24px 22px;
}
}
.page-services .dw-svc-index{
padding-top:28px;
padding-bottom:clamp(64px, 6vw, 96px);
}
.page-approach .approach-lenses-grid article{
container-type:inline-size;
}
.page-approach .approach-lenses-grid h3{
white-space:nowrap;
font-size:min(21px, calc(100cqi / 10.9));
}
@media (min-width:1200px) and (max-width:1739px){
.page-approach .approach-lenses{
grid-template-columns:1fr;
gap:36px;
}
}
@media (min-width:801px) and (max-width:979px){
.page-approach .approach-lenses-grid{
grid-template-columns:1fr;
}
.page-approach .approach-lenses-grid article{
border-left:1px solid #c6dfeb;
min-height:0;
}
.page-approach .approach-lenses-grid article>span{
margin-top:23px;
}
}
/* 2026-10-30: industry cards on case page — phrase-level wrapping, slightly smaller on narrow cards */
.case-industry-experience-card h3.dw-ind-h3 .dw-kp{display:inline-block}
@media (max-width:1200px) and (min-width:901px){.case-industry-experience-card h3.dw-ind-h3{font-size:16px}}
@media (max-width:900px){.case-industry-experience-card h3.dw-ind-h3{font-size:16px}}
/* 2026-10-30: media hub — emphasised 2nd line of headings = accent colour, never italic (matches other pages) */
.media-product-area h2 em,.media-solution-area h2 em{font-style:normal;color:var(--dw-blue)}
/* ===== media hub: system map (inline SVG, PC/tablet horizontal, phone vertical) ===== */
.dw-sysmap{max-width:1240px;margin:0 auto}
.dw-sysmap svg{display:block;width:100%;height:auto}
.dw-sysmap svg text{font-family:"Noto Sans JP",sans-serif}
.dw-sysmap svg a{cursor:pointer}
.dw-sysmap svg a:hover rect:first-of-type{stroke:#1f6fb8}
.dw-sysmap svg a:focus-visible rect:first-of-type{stroke:#40a9e5;stroke-width:2.4}
.dw-sysmap-spwrap{display:none;max-width:420px;margin:0 auto}
@media (max-width:900px){.dw-sysmap-pcwrap{display:none}.dw-sysmap-spwrap{display:block}}
.dw-sysmap-section .media-section-intro p:last-child{max-width:720px}
/* media hub: keep the system map and core products within one desktop view */
@media (min-width:901px){
.dw-sysmap-section{padding-top:clamp(40px,4.5vw,56px)!important;padding-bottom:clamp(36px,4vw,48px)!important}
.dw-sysmap-section .media-section-intro{margin-bottom:22px}
.dw-sysmap-section .media-section-intro h2{font-size:clamp(26px,2.6vw,34px)!important}
.dw-sysmap-section .media-section-intro p:last-child{font-size:13px}
.media-product-area{padding-top:clamp(40px,4.5vw,56px)!important;padding-bottom:clamp(36px,4vw,48px)!important}
.media-product-area>header{margin-bottom:22px}
.media-product-area>header h2{font-size:clamp(28px,2.8vw,38px)!important}
.media-core-grid>a{min-height:0}
.media-core-grid img{height:clamp(140px,13vw,180px)}
.media-core-grid span{margin-top:18px}
.media-core-grid h3{font-size:20px!important}
.media-core-grid p{margin-bottom:12px}
.media-core-grid b{margin-bottom:20px}
}
@media (min-width:901px){
/* scale the map by viewport height so the whole section fits one screen */
.dw-sysmap{max-width:min(1240px,calc((100vh - 290px) * 2.05))}
.dw-sysmap-section{padding-top:32px!important;padding-bottom:28px!important}
.dw-sysmap-section .media-section-intro{margin-bottom:16px}
}
/* 2026-10-31: SYSTEM MAP section — spacing & intro alignment */
@media (min-width:901px){
.dw-sysmap-section{padding-top:64px!important;padding-bottom:56px!important}
.dw-sysmap-section .media-section-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);column-gap:48px;align-items:end;margin-bottom:28px;max-width:1240px;margin-left:auto;margin-right:auto}
.dw-sysmap-section .media-section-intro .rich-label{grid-column:1;margin-bottom:10px}
.dw-sysmap-section .media-section-intro h2{grid-column:1;margin:0;font-size:clamp(26px,2.4vw,32px)!important;line-height:1.3!important;white-space:nowrap}
.dw-sysmap-section .media-section-intro p:last-child{grid-column:2;grid-row:1/3;align-self:end;margin:0;font-size:14px;line-height:1.9;max-width:560px}
.dw-sysmap{max-width:min(1240px,calc((100vh - 330px) * 2.05));margin:0 auto}
}
@media (max-width:900px){
.dw-sysmap-section{padding-top:56px!important;padding-bottom:56px!important}
.dw-sysmap-section .media-section-intro{margin-bottom:28px}
.dw-sysmap-section .media-section-intro h2{font-size:26px!important}
.dw-sysmap-section .media-section-intro p:last-child{font-size:14px;line-height:1.9}
}
@media (min-width:901px){
.dw-sysmap-section .media-section-intro,.dw-sysmap{margin-left:0;margin-right:auto}
.dw-sysmap-section .media-section-intro{max-width:min(1240px,calc((100vh - 330px) * 2.05))}
}
@media (min-width:901px){ .dw-sysmap-section .media-section-intro,.dw-sysmap{margin-left:auto;margin-right:auto} }
@media (min-width:901px){
.dw-sysmap-section .media-section-intro{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:40px}
.dw-sysmap-section .media-section-intro h2{white-space:normal;font-size:clamp(28px,2.6vw,36px)!important;line-height:1.25!important}
.dw-sysmap-section .media-section-intro h2 .dw-kp{display:inline-block}
.dw-sysmap-section .media-section-intro p:last-child{max-width:none}
}
/* 2026-10-31: SYSTEM MAP — text column left, map takes ~3/4 of the width */
@media (min-width:901px){
.dw-sysmap-section{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,3.2fr);column-gap:clamp(28px,3vw,48px);align-items:start;padding-top:56px!important;padding-bottom:48px!important}
.dw-sysmap-section .media-section-intro{display:block;max-width:none;margin:0;grid-column:1}
.dw-sysmap-section .media-section-intro .rich-label{margin-bottom:12px}
.dw-sysmap-section .media-section-intro h2{font-size:clamp(26px,2.2vw,34px)!important;line-height:1.3!important;margin:0 0 16px}
.dw-sysmap-section .media-section-intro h2 .dw-kp{display:block}
.dw-sysmap-section .media-section-intro p:last-child{font-size:13.5px;line-height:1.9;max-width:none;margin:0}
.dw-sysmap{grid-column:2;max-width:min(100%,calc((100vh - 230px) * 2.05));margin:0 0 0 auto}
.dw-sysmap-pcwrap{display:block}
}
@media (min-width:901px){ .dw-sysmap{width:100%;justify-self:end;margin:0} }
@media (min-width:901px){ .dw-sysmap-section{grid-template-columns:minmax(210px,1fr) minmax(0,3.9fr)} }
/* 2026-10-31: SYSTEM MAP on tablet/phone — the PC diagram in a horizontal scroller + fullscreen view */
.dw-sysmap-tools{display:none}
.dw-sysmap-dialog{border:0;padding:0;max-width:100vw;max-height:100vh;width:100vw;height:100vh;background:#f6fafd}
.dw-sysmap-dialog::backdrop{background:rgba(7,17,31,.7)}
.dw-sysmap-dialog-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#07111f;color:#fff;font-size:13px;font-weight:700}
.dw-sysmap-close{appearance:none;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font:700 12px/1 inherit;padding:8px 12px;border-radius:8px}
.dw-sysmap-dialog-body{overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;padding:14px;height:calc(100vh - 44px);box-sizing:border-box}
.dw-sysmap-dialog-body svg{display:block;width:1400px;max-width:none;height:auto}
.dw-sysmap-dialog-body svg text{font-family:"Noto Sans JP",sans-serif}
@media (max-width:900px){
.dw-sysmap-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.dw-sysmap-hint{margin:0;font-size:12px;line-height:1.7;color:#46617a}
.dw-sysmap-expand{flex:none;appearance:none;border:1px solid var(--dw-blue);background:#fff;color:var(--dw-blue);font:700 12px/1 inherit;padding:10px 14px;border-radius:999px;white-space:nowrap}
.dw-sysmap-pcwrap{display:block!important;overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;padding-bottom:8px;margin:0 -20px;padding-left:20px;padding-right:20px;scroll-snap-type:x proximity}
.dw-sysmap-pcwrap svg{width:1100px;max-width:none;height:auto}
.dw-sysmap-spwrap{display:none}
}
@media (max-width:900px) and (orientation:landscape){ .dw-sysmap-pcwrap svg{width:max(1100px,100vw - 40px)} }
/*20261102追加*/
.client-directory-card--business .client-directory-list{
container-type:inline-size;
}
.client-directory-card--business .client-directory-list li.dw-client-wide{
grid-column:1 / -1;
white-space:nowrap;
font-size:min(14px, calc(100cqi / 19.6));
}
@media (max-width:600px){
.client-directory-card--business .client-directory-list li.dw-client-wide{
font-size:min(13px, calc(100cqi / 19.6));
}
}
.page-case-studies .case-introduction h2,
.page-case-studies .case-studies-grid article > h2,
.page-case-studies .case-industry-experience-heading h2,
.page-case-studies .client-directory-heading h2,
.page-case-studies .case-studies-closing h2{
container-type:inline-size;
}
.page-case-studies .case-introduction h2 > .whitespace-nowrap,
.page-case-studies .case-industry-experience-heading h2 > .whitespace-nowrap,
.page-case-studies .case-studies-closing h2 > .whitespace-nowrap,
.page-case-studies .client-directory-heading h2 > .dw-kp,
.page-case-studies .client-directory-heading h2 > em{
display:inline-block;
white-space:nowrap;
}
.page-case-studies .case-studies-grid article > h2 > span{
display:block;
white-space:nowrap;
}
/* 1行に収まらない幅の時だけ文字サイズを縮小 */
/* 現場の困りごとを、／実行できる仕組みへ。 */
.page-case-studies .case-introduction h2 > .whitespace-nowrap{font-size:min(1em, calc(100cqi / 9.8));}
/* 01 内製化とデジタル化により、／年間コストを削減。 */
.page-case-studies .case-studies-grid #case-04 > h2 > span{font-size:min(1em, calc(100cqi / 12.8));}
/* 02 制作・配信・電子版を、／ひとつながりの運用へ。 */
.page-case-studies .case-studies-grid #case-05 > h2 > span{font-size:min(1em, calc(100cqi / 10.8));}
/* 03 これまでの足取りを／次の運用へ受け渡す。 */
.page-case-studies .case-studies-grid #case-10 > h2 > span{font-size:min(1em, calc(100cqi / 9.8));}
/* 04 代理店業務を、／ブラウザで完結できる環境へ。 */
.page-case-studies .case-studies-grid #case-06 > h2 > span{font-size:min(1em, calc(100cqi / 13.7));}
/* 05 保守を引き継ぎ、／基幹業務を継続できる状態へ。 */
.page-case-studies .case-studies-grid #case-07 > h2 > span{font-size:min(1em, calc(100cqi / 13.7));}
/* 06 利用制約のある現場へ、／業務を止めない選択肢を。 */
.page-case-studies .case-studies-grid #case-09 > h2 > span{font-size:min(1em, calc(100cqi / 11.7));}
/* 07 フリート契約の車両管理を、／代理店の負担なく。 */
.page-case-studies .case-studies-grid #case-11 > h2 > span{font-size:min(1em, calc(100cqi / 12.7));}
/* 08 内製システムの保守を引き継ぎ、／機能の統廃合まで。 */
.page-case-studies .case-studies-grid #case-12 > h2 > span{font-size:min(1em, calc(100cqi / 14.7));}
/* 09 与信フローをつなぎ、／判断までの時間を短縮する。 */
.page-case-studies .case-studies-grid #case-01 > h2 > span{font-size:min(1em, calc(100cqi / 12.7));}
/* 10 Web申込から発券まで、／処理のつながりを整える。 */
.page-case-studies .case-studies-grid #case-02 > h2 > span{font-size:min(1em, calc(100cqi / 11.8));}
/* 11 紙と郵送の申請業務を、／共有できるワークフローへ。 */
.page-case-studies .case-studies-grid #case-03 > h2 > span{font-size:min(1em, calc(100cqi / 12.8));}
/* 12 新聞づくりの体験を、／Webアプリケーションへ。 */
.page-case-studies .case-studies-grid #case-08 > h2 > span{font-size:min(1em, calc(100cqi / 11.8));}
/* 専門領域で培った、／長期の業務知見。 */
.page-case-studies .case-industry-experience-heading h2 > .whitespace-nowrap{font-size:min(1em, calc(100cqi / 8.7));}
/* 主要取引先及び／納品先。 */
.page-case-studies .client-directory-heading h2 > .dw-kp,
.page-case-studies .client-directory-heading h2 > em{font-size:min(1em, calc(100cqi / 7.0)) !important;}
/* つくるだけでなく、／使われ続ける状態へ。 */
.page-case-studies .case-studies-closing h2 > .whitespace-nowrap{font-size:min(1em, calc(100cqi / 9.8));}
.dw-how-head h2.dw-hpd-lines,
.dw-sample-body h2.dw-hpd-lines,
.product-operating-model h2.dw-hpd-lines{
container-type:inline-size;
}
.page-hero h1.dw-hpd-lines > .dw-kp,
.page-hero h1.dw-hpd-lines > em,
.dw-how-head h2.dw-hpd-lines > span,
.dw-sample-body h2.dw-hpd-lines > .dw-kp,
.product-operating-model h2.dw-hpd-lines > .dw-kp{
display:inline-block;
white-space:nowrap;
}
@media (max-width:520px){
.page-hero h1.dw-hpd-lines > .dw-kp,
.page-hero h1.dw-hpd-lines > em{font-size:min(1em, calc((max(100vw, 320px) - 44px) / 12.7)) !important;}
}
/* ニュースサイトと電子版を、／ひとつに。 */
.dw-how-head h2.dw-hpd-lines > span{font-size:min(1em, calc(100cqi / 13.6)) !important;}
/* HP-Digitalのビューワーを、／実際の画面で操作できます。 */
.dw-sample-body h2.dw-hpd-lines > .dw-kp{font-size:min(1em, calc(100cqi / 13.6)) !important;}
/* 公開と更新の運用まで、／具体的に設計する。 */
.product-operating-model h2.dw-hpd-lines > .dw-kp{font-size:min(1em, calc(100cqi / 10.7)) !important;}
.product-operating-model h2.dw-dnet-lines{
container-type:inline-size;
}
.product-operating-model h2.dw-dnet-lines > .dw-kp{
display:inline-block;
white-space:nowrap;
font-size:min(1em, calc(100cqi / 10.8)) !important;
}
.page-media-information .media-information-intro > div:first-child,
.page-media-information .media-information-capabilities > div:first-child,
.page-media-information .media-information-examples > div:first-child,
.page-media-information .media-information-return h2,
.page-media-information .media-information-capabilities article h3,
.page-media-information .media-information-example-grid article:nth-child(2) h3,
.page-media-information .media-information-example-grid article:nth-child(4) h3{
container-type:inline-size;
}
.page-media-information .media-information-intro h2 > .dw-kp,
.page-media-information .media-information-intro h2 > strong,
.page-media-information .media-information-capabilities h2 > .dw-kp,
.page-media-information .media-information-examples h2 > .dw-kp,
.page-media-information .media-information-return h2 > .dw-kp,
.page-media-information .media-information-return h2 > em,
.page-media-information .media-information-capabilities article h3 > .dw-kp,
.page-media-information .media-information-example-grid article:nth-child(2) h3 > .dw-kp,
.page-media-information .media-information-example-grid article:nth-child(4) h3 > .dw-kp{
display:inline-block;
white-space:nowrap;
}
/* 集めるだけでなく、／活かせる状態へ。 */
.page-media-information .media-information-intro h2 > .dw-kp,
.page-media-information .media-information-intro h2 > strong{font-size:min(1em, calc(100cqi / 8.8)) !important;}
/* 情報サービスの、／4つの設計ポイント。 */
.page-media-information .media-information-capabilities h2 > .dw-kp{font-size:min(1em, calc(100cqi / 9.3)) !important;}
/* 専門性に合わせて、／情報の価値を設計する。 */
.page-media-information .media-information-examples h2 > .dw-kp{font-size:min(1em, calc(100cqi / 10.7)) !important;}
@media (min-width:801px){
.page-media-information .media-information-return > .dw-product-cta--block{grid-column:1 / -1;}
}
.page-media-information .media-information-return h2 > .dw-kp,
.page-media-information .media-information-return h2 > em{font-size:min(1em, calc(100cqi / 9.8)) !important;}
/* SYSTEM DESIGN POINTS の4カード（4枚とも同じ大きさで縮小） */
.page-media-information .media-information-capabilities article h3 > .dw-kp{font-size:min(1em, calc(100cqi / 8)) !important;}
/* 業界ニュース／サイト、予約・受付／システム */
.page-media-information .media-information-example-grid article:nth-child(2) h3 > .dw-kp,
.page-media-information .media-information-example-grid article:nth-child(4) h3 > .dw-kp{font-size:min(1em, calc(100cqi / 6)) !important;}
.page-media-information .media-information-return > .dw-cta-row{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:6px 16px;
margin-top:20px;
}
@media (min-width:801px){
.page-media-information .media-information-return > .dw-cta-row{grid-column:1 / -1;}
}
@media (max-width:800px){
.page-media-information .media-information-return > .dw-cta-row{grid-column:2;}
}
.page-media-information .media-information-return > .dw-cta-row > a.dw-product-cta--block{
display:inline;
margin:0;
}
.page-media-information .media-information-return > .dw-cta-row > small{
color:#8a9bab;
font-size:11px;
text-decoration:none;
}
.product-context-links.dw-context-standalone{
border-top:0;
border-left:0;
}
.product-context-links.dw-context-standalone a{
border:1px solid #cfdee8;
margin:-1px 0 0 -1px;
}
.dw-four-media .dw-image-note{
margin:8px 0 0;
font-size:11px;
line-height:1.6;
color:#8a9bab;
letter-spacing:.02em;
}
.dw-four-media .dw-image-note > span{
display:inline-block;
}
.dw-sample-media-wrap .dw-image-note{
margin:8px 0 0;
font-size:11px;
line-height:1.6;
color:#a9b4c4;
letter-spacing:.02em;
}
.dw-sample-media-wrap .dw-image-note > span{
display:inline-block;
}
.media-information-diagram .dw-diagram-media .dw-image-note{
margin:8px 0 0;
font-family:inherit;
font-size:11px;
font-weight:400;
line-height:1.6;
color:#8a9bab;
letter-spacing:.02em;
}
.media-information-diagram .dw-diagram-media .dw-image-note > span{
display:inline-block;
}
.product-operating-model h2.dw-ops-lines{
container-type:inline-size;
}
.product-operating-model h2.dw-ops-lines > .whitespace-nowrap{
display:inline-block;
white-space:nowrap;
font-size:min(1em, calc(100cqi / 8.8)) !important;
}
.dw-media-section-heading h2.dw-overview-lines .dw-kp{
display:inline-block;
white-space:nowrap;
}
.dw-media-section-heading h2.dw-overview-lines{
container-type:inline-size;
white-space:nowrap;
}
@container (max-width: 13.46em){
.dw-media-section-heading h2.dw-overview-lines .dw-kp{
display:block;
}
.dw-media-section-heading h2.dw-overview-lines br{
display:none;
}
}
/* 【今回の修正】メディアフロント「取材・編集・配信を、／ひとつのクラウドで。」：改行する場合の位置を固定。
各行を折り返さない設定にし、1行が見出しの幅に収まらない場合だけ文字サイズを自動で縮小 */
.page-media-front #features > header{
container-type:inline-size;
}
.page-media-front #features h2.dw-mf-lines .dw-kp{
display:inline-block;
white-space:nowrap;
font-size:min(1em, calc(100cqi / 10.1)) !important;
}
/* 【今回の修正】メディアフロント「取材・編集・配信を、」セクションのカード見出し：1行目と2行目の間に空行が入り間隔が広く開いていたのを解消。
各行は元々ブロック表示で改行されるため、間の
による余分な空行を表示しないようにする */
.page-media-front .product-features h3.dw-kp-free .dw-kp{
display:block;
}
.page-media-front .product-features h3.dw-kp-free br{
display:none;
}
.page-media-front .product-related > header{
container-type:inline-size;
}
.page-media-front .product-related h2.dw-related-lines .dw-kp{
display:inline-block;
white-space:nowrap;
}
.page-media-front .product-related h2.dw-related-lines{
white-space:nowrap;
}
@container (max-width: 352px){
.page-media-front .product-related h2.dw-related-lines .dw-kp{
font-size:min(1em, calc(100cqi / 11.9)) !important;
}
.page-media-front .product-related h2.dw-related-lines .dw-kp:first-child{
display:block;
}
.page-media-front .product-related h2.dw-related-lines br{
display:none;
}
}