@charset "UTF-8";
/* DX推進 / PC: px、SP: 750pxカンプ基準のrem。共通ヘッダー・フッターはrenew-style.css。 */
.dx { color: #143967; }
.dx-break--pc { display: inline; }
.dx-break--sp { display: none; }
.dx-heading__en { display: block; font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 400; line-height: 20px; letter-spacing: .1em; text-transform: uppercase; }
/* グループ事業ページと同じ六角形素材。DXの寸法はこのCSSで管理。 */
.dx-heading__en::before { content: ""; display: inline-block; width: 13px; height: 15px; margin-right: 9px; background: url("/images/dx/maj_bg02.webp") center / contain no-repeat; vertical-align: -2px; }
.dx-heading__text { display: block; margin-top: 24px; font-size: 40px; font-weight: 700; line-height: 56px; letter-spacing: .06em; }
/* Hero: 背景のみPSDから抽出。文字を含めない。 */
.dx-hero { background: #07152f url("/images/dx/hero-pc.webp") center / cover no-repeat; color: #fff; }
.dx-hero__inner { display: flex; align-items: center; justify-content: space-between; min-height: 470px; }
.dx-hero__copy { flex-shrink: 0; padding-top: 6px; }
.dx-hero__title { font-size: 46px; font-weight: 700; line-height: 1.5; letter-spacing: .04em; }
.dx-hero__lead { margin-top: 10px; font-size: 20px; font-weight: 500; line-height: 1.75; letter-spacing: .06em; }
.dx-hero__english { position: absolute; top: 82px; right: -12px; margin-right: 0; white-space: nowrap; font-family: "Montserrat", sans-serif; font-size: 100px; font-weight: 400; line-height: 1.102; letter-spacing: .1em; text-align: right; background: linear-gradient(180deg, #fff 0%, #cbe1ec 65%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.dx-breadcrumb { position: absolute; z-index: 1; top: 23px; right: 0; }
.dx-breadcrumb__list { display: flex; align-items: center; gap: 12px; }
.dx-breadcrumb__item { font-size: 12px; line-height: 20px; letter-spacing: .1em; }
.dx-breadcrumb__item + .dx-breadcrumb__item::before { content: ""; display: inline-block; width: 12px; height: 1px; margin-right: 12px; background: #fff; vertical-align: middle; }
.dx-breadcrumb__link { color: #b2bac4; }
.dx-breadcrumb__item[aria-current] { text-decoration: underline; text-underline-offset: 3px; }
/* Message */
.dx-message { padding: 112px 0 109px; }
.dx-message__inner { display: grid; grid-template-columns: 800px 275px; column-gap: 42px; }
.dx-message__heading { grid-column: 1; }
.dx-message__title { display: block; margin-top: 34px; font-size: 32px; font-weight: 700; line-height: 52.433px; letter-spacing: .06em; }
.dx-message__person { margin: 0; grid-column: 2; grid-row: 1 / 3; padding-top: 12px; }
.dx-message__portrait { display: block; width: 275px; height: auto; border-radius: 3px; }
.dx-message__caption { margin-top: 14px; }
.dx-message__role { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: .04em; color: #111; }
.dx-message__name { display: flex; flex-wrap: nowrap; white-space: nowrap; align-items: baseline; gap: 10px; margin-top: 2px; font-size: 22px; font-weight: 700; line-height: 32px; letter-spacing: .04em; }
.dx-message__roman { font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 400; letter-spacing: .1em; color: #868d95; white-space: nowrap; }
.dx-message__body { grid-column: 1; width: 630px; margin-top: 22px; }
.dx-message__paragraph { font-size: 16px; font-weight: 400; line-height: 29px; letter-spacing: .06em; color: #111; }
/* Background */
.dx-background { padding: 100px 0 109px; background: #f4f6f7; }
.dx-background__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 24px; margin-top: 30px; }
.dx-background__card { position: relative; padding: 17px 19px 50px 27px; background: #fff; }
.dx-background__card::before { content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 100px; background: #143967; }
.dx-background__head { display: flex; align-items: center; gap: 23px; min-height: 70px; }
.dx-background__icon { flex-shrink: 0; display: block; object-fit: contain; }
.dx-background__list > .dx-background__card:nth-child(1) .dx-background__icon { width: 53px; height: 53px; }
.dx-background__list > .dx-background__card:nth-child(2) .dx-background__icon { width: 70px; height: 70px; }
.dx-background__list > .dx-background__card:nth-child(3) .dx-background__icon { width: 55px; height: 55px; }
.dx-background__list > .dx-background__card:nth-child(4) .dx-background__icon { width: 60px; height: 60px; }
.dx-background__list > .dx-background__card:nth-child(4) .dx-background__head { gap: 29px; }
.dx-background__title { flex: 1; min-width: 0; font-size: 22px; font-weight: 700; line-height: 32px; letter-spacing: .06em; }
.dx-background__text { margin-top: 30px; font-size: 16px; font-weight: 400; line-height: 29px; letter-spacing: .02em; color: #111; }
.dx-background__note { margin-top: 60px; font-size: 26px; font-weight: 700; line-height: 40px; letter-spacing: .04em; text-align: center; }
/* Overview: 既存素材と照合し、曲線の位置を優先してPSDの背景を抽出。 */
.dx-overview { padding: 93px 0 94px; background: #e5ebf3 url("/images/dx/overview-pc.webp") center / cover no-repeat; }
.dx-overview__intro { display: flex; align-items: stretch; justify-content: space-between; gap: 45px; margin-top: 47px; }
.dx-environment { position: relative; width: 575px; margin-top: 12px; padding: 26px 21px 19px; border: 1px solid #8fa6c6; border-top-color: transparent; }
.dx-environment::before,
.dx-environment::after { content: ""; position: absolute; z-index: 0; top: 0; height: 1px; background: #8fa6c6; width: calc(50% - 90px); }
.dx-environment::before { left: 0; }
.dx-environment::after { right: 0; }
.dx-environment__title { position: absolute; z-index: 1; top: -15px; left: 50%; padding: 0 10px; background: transparent; font-size: 20px; font-weight: 700; line-height: 28px; letter-spacing: .06em; white-space: nowrap; transform: translateX(-50%); }
.dx-environment__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.dx-environment__item { display: flex; align-items: center; gap: 8px; padding: 14px 10px 8px; background: #fff; }
.dx-environment__list > .dx-environment__item:nth-child(2),
.dx-environment__list > .dx-environment__item:nth-child(4) { gap: 20px; }
.dx-environment__icon { width: 32px; height: 32px; object-fit: contain; }
.dx-environment__list > .dx-environment__item:nth-child(3) .dx-environment__icon { width: 29px; height: 29px; }
.dx-environment__text { font-size: 16px; font-weight: 500; line-height: 26.433px; letter-spacing: 0; white-space: nowrap; }
.dx-overview__vision { position: relative; align-self: flex-end; width: 584px; padding: 28.5px 20px; background: #163965 url("/images/dx/vision-pc.webp") center / 100% 100% no-repeat; font-size: 24px; font-weight: 700; line-height: 36px; letter-spacing: .02em; text-align: center; color: #fff; }
.dx-overview__vision::before { content: ""; position: absolute; top: 50%; left: -39px; width: 31px; height: 155px; background: linear-gradient(90deg, transparent, #7caed6); clip-path: polygon(0 0, 100% 50%, 0 100%); transform: translateY(-50%); }
.dx-model { position: relative; isolation: isolate; margin-top: 112px; text-align: center; }
.dx-model::before { content: ""; position: absolute; z-index: -1; top: -90px; left: 50%; width: 820px; height: 380px; background: radial-gradient(ellipse at center, #fff 0%, rgba(255, 255, 255, .98) 32%, rgba(255, 255, 255, .65) 55%, rgba(255, 255, 255, 0) 72%); transform: translateX(-50%); pointer-events: none; }
.dx-model__label { font-size: 23.672px; font-weight: 700; line-height: 34px; letter-spacing: 0; color: #061b4a; }
.dx-model__label::after { content: ""; display: block; width: 47px; height: 2px; margin: 12px auto 0; background: #155fc5; }
.dx-model__title { margin-top: 20px; font-size: 50px; font-weight: 800; line-height: 70px; letter-spacing: .06em; }
.dx-model__lead { margin-top: 5.5px; font-size: 19.684px; font-weight: 500; line-height: 37.25px; letter-spacing: .14em; color: #061b4a; }
.dx-business { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 19px; margin: 44px 13px 0; }
.dx-business__card { position: relative; padding: 43px 25px 16px; border: 1px solid #acd4f8; border-top: 3px solid #0564d3; background: #fff; }
.dx-business__card::after { content: ""; position: absolute; bottom: -31px; left: calc(50% - 2px); width: 4px; height: 30px; background: #0866b9; }
.dx-business__icon { display: block; width: 175px; height: 116px; margin: 0 auto; object-fit: contain; }
.dx-business__card:last-child .dx-business__icon { height: 99px; margin: 0 auto 42px; }
.dx-business__title { margin-top: 26px; padding-top: 12px; border-top: 1px solid #6e91c4; font-size: 27.67px; font-weight: 700; line-height: 39px; letter-spacing: .08em; white-space: nowrap; }
.dx-business__card--diversification .dx-business__title { font-size: 30px; letter-spacing: .06em; }
.dx-business__list { margin: 14px 22px 0; }
.dx-business__item { padding-top: 7px; border-top: 1px solid #c8e2f6; font-size: 20px; font-weight: 700; line-height: 36px; letter-spacing: 0; color: #061b4a; }
.dx-value { position: relative; margin-top: 27px; padding: 25px 26px 37px; background: #163965 url("/images/dx/value-pc.webp") center / 100% 100% no-repeat; color: #fff; }
.dx-value__title { font-size: 28.56px; font-weight: 700; line-height: 43.32px; letter-spacing: .06em; }
.dx-value__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 18px; }
.dx-value__item { padding: 5px 8px; font-size: 22px; font-weight: 700; line-height: 29.94px; letter-spacing: 0; }
.dx-value__item + .dx-value__item { border-left: 1px solid #90aecb; }
.dx-overview__note { margin-top: 38px; font-size: 26px; font-weight: 700; line-height: 42.433px; letter-spacing: .04em; }
/* Focus cards */
.dx-focus { padding: 104px 0 114.5px; background: #f4f6f7; }
.dx-focus__lead { margin-top: 38px; font-size: 20px; font-weight: 400; line-height: 35px; letter-spacing: .06em; color: #0c2e64; }
.dx-focus__list { display: flex; flex-direction: column; gap: 48px; margin-top: 51px; }
.dx-focus__card { overflow: hidden; border-radius: 4px; background: linear-gradient(90deg, #d6edff, #fff 190px); }
.dx-focus__head { display: flex; align-items: center; gap: 0; min-height: 109px; padding: 20px 78px; background: #153665; color: #fff; }
.dx-focus__badge { flex-shrink: 0; margin-right: 16px; padding: 6px 18px; border-radius: 30px; background: #fff; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: .06em; color: #153665; }
.dx-focus__number { flex-shrink: 0; display: block; width: 82px; height: 50px; object-fit: scale-down; object-position: left center; }
.dx-focus__title { font-size: 32px; font-weight: 700; line-height: 45px; letter-spacing: .06em; }
.dx-focus__body { padding: 24px 80px 50px 198px; }
.dx-focus-points__item { padding-left: 1em; font-size: 18px; font-weight: 400; line-height: 31.5px; letter-spacing: .06em; text-indent: -1em; color: #000000; }
.dx-focus-points__item::before { content: "・"; }
.dx-focus__detail-label { margin-top: 22px; font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: 0; color: #153665; }
.dx-focus__detail-label::before { content: ""; display: inline-block; width: 11px; height: 13px; margin-right: 8px; background: url("/images/dx/maj_bg02.webp") center / contain no-repeat; }
.dx-initiatives { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; margin-top: 15px; }
.dx-initiatives__item { padding: 20px 17px 25px; background: #f4f6f7; }
.dx-initiatives__title { font-size: 18px; font-weight: 700; line-height: 25px; letter-spacing: .06em; color: #153665; }
.dx-initiatives__text { margin-top: 12px; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: .06em; color: #000000; }
.dx-foundation { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-top: 33px; padding: 15px 24px 20px; border-radius: 4px; background: #f4f6f7; text-align: center; }
.dx-foundation__icon { display: block; width: 46px; height: 46px; margin: 0 auto; object-fit: contain; }
.dx-foundation__icon--information { width: 30px; }
.dx-foundation__icon--education { width: 40px; }
.dx-foundation__icon--ai { width: 46px; }
.dx-foundation__icon--rules { width: 30px; }
.dx-foundation__icon--database { width: 24px; }
.dx-foundation__title { margin-top: 7px; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: 0; white-space: nowrap; color: #153665; }
.dx-foundation__text { font-size: 14px; font-weight: 400; line-height: 18px; letter-spacing: 0; color: #000000; }
.dx-strategy { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 31px; padding: 23px 20px 24px; border-radius: 4px; background: #f4f6f7; text-align: center; }
.dx-strategy__icon { display: block; width: 38px; height: 34px; margin: 0 auto; object-fit: contain; }
.dx-strategy__icon--information { width: 30px; }
.dx-strategy__icon--transformation { width: 38px; }
.dx-strategy__icon--target { width: 32px; }
.dx-strategy__icon--dashboard { width: 38px; }
.dx-strategy__icon--megaphone { width: 29px; }
.dx-strategy__text { margin-top: 12px; font-size: 16px; font-weight: 700; line-height: 21px; letter-spacing: 0; color: #153665; }
/* PSDのカラーオーバーレイを含む後半3セクションの見出し色。 */
.dx-focus .dx-heading, .dx-people .dx-heading, .dx-progress .dx-heading { color: #153665; }
/* People: HTMLの文字を保ったまま、PCの円形からSPのカードへ切り替える。 */
.dx-people { padding: 82px 0 116px; background: #e1edef; }
.dx-people__diagram { position: relative; display: flex; justify-content: center; margin-top: 65px; }
.dx-people__card { flex-shrink: 0; width: 534px; min-height: 531px; padding: 74px 87px 65px; border-radius: 50%; background: #163965; color: #fff; }
.dx-people__card--internal { margin-right: -43px; background: radial-gradient(ellipse at 106% 25%, #99b3c4 0, #163965 23%); }
.dx-people__card--external { background: #0e5ab6; }
.dx-people__icon { display: block; width: 33px; height: 33px; margin: 0 auto; object-fit: contain; }
.dx-people__title { margin-top: 17px; padding-bottom: 20px; border-bottom: 1px solid #a2b5c9; font-size: 33px; font-weight: 700; line-height: 47px; letter-spacing: .06em; text-align: center; white-space: nowrap; }
.dx-people-points { width: max-content; max-width: 100%; margin: 7px auto 0; }
.dx-people-points__item { padding-left: 1em; font-size: 18px; font-weight: 400; line-height: 37px; letter-spacing: .1em; text-indent: -1em; }
.dx-people-points__item::before { content: "・"; }
/* 矢印は図解に重なる固定装飾のため部品内でabsolute。本文は通常フロー。 */
.dx-people__arrow { position: absolute; bottom: -10px; left: calc(50% - 37px); width: 74px; height: auto; pointer-events: none; }
.dx-people__arrow-image { display: block; width: 100%; height: auto; }
.dx-people__note { margin-top: 36px; font-size: 26px; font-weight: 700; line-height: 41px; letter-spacing: .16em; text-align: center; }
/* Progress */
.dx-progress { padding: 92px 0 117px; }
.dx-progress__lead { margin-top: 35px; font-size: 20px; font-weight: 400; line-height: 35px; letter-spacing: .04em; color: #0c2e64; }
.dx-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; width: 1000px; margin: 43px auto 0; }
.dx-metrics__card { border: 1px solid #5b8dc0; background: #fff; }
.dx-metrics__title { display: flex; align-items: center; justify-content: center; min-height: 82px; padding: 10px; background: #3f6cb2; font-size: 20px; font-weight: 700; line-height: 26px; letter-spacing: .04em; text-align: center; color: #fff; }
.dx-metrics__card--users { border-color: #7fb0d7; }
.dx-metrics__card--users .dx-metrics__title { background: #7fb0d7; }
.dx-metrics__card--training { border-color: #0d2f65; }
.dx-metrics__card--training .dx-metrics__title { background: #0d2f65; }
.dx-metrics__body { padding: 21px 23px 13px; }
.dx-metrics__icon { display: block; width: 85px; height: 52px; margin: 0 auto; object-fit: contain; }
.dx-metrics__description { margin-top: 17px; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: .04em; text-align: left; color: #000000; }
.dx-metrics__definitions { margin-top: 15px; }
.dx-metrics__definition { padding: 12px 16px 14px; border-radius: 8px; background: #e3eff6; }
.dx-metrics__definition + .dx-metrics__definition { margin-top: 10px; padding-top: 6px; }
.dx-metrics__term { font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: .04em; color: #3f6cb2; }
.dx-metrics__detail { margin-top: 3px; font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: .04em; color: #000000; }
.dx-metric-points__item { padding-left: 1em; font-size: 14px; line-height: 24px; text-indent: -1em; }
.dx-metric-points__item::before { content: "・"; }
.dx-cycle { display: flex; align-items: center; justify-content: space-between; width: 993px; margin: 40px auto 0; padding: 35px 37px; border-radius: 4px; background: #e4eff9; }
.dx-cycle__title { width: 375px; font-size: 22px; font-weight: 700; line-height: 32px; letter-spacing: .04em; text-align: center; color: #153665; }
.dx-cycle__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "measure review" "improve next"; gap: 26px 36px; width: 516px; }
.dx-cycle__step { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 102px; padding: 15px 10px; border-radius: 7px; background: #12356c; color: #fff; text-align: center; }
.dx-cycle__step--measure { grid-area: measure; }
.dx-cycle__step--review { grid-area: review; }
.dx-cycle__step--improve { grid-area: improve; }
.dx-cycle__step--next { grid-area: next; }
.dx-cycle__heading { position: relative; font-size: 20px; font-weight: 700; line-height: 26px; letter-spacing: .04em; }
.dx-cycle__text { position: relative; margin-top: 8px; font-size: 15px; font-weight: 400; line-height: 20px; letter-spacing: .04em; }
.dx-cycle__icon { position: absolute; bottom: 5px; left: 8px; width: 72px; height: 73px; object-fit: contain; }
.dx-cycle__step::after { content: ""; position: absolute; width: 34px; height: 10px; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 10' fill='none'%3E%3Cpath d='M0.5 5H24' stroke='%23143967' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M24 1.75L32 5L24 8.25Z' fill='%23143967'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
.dx-cycle__step--measure::after { top: calc(50% - 6px); right: -33px; }
.dx-cycle__step--review::after { bottom: -16px; left: calc(50% - 15px); transform: rotate(90deg); }
.dx-cycle__step--next::after { top: calc(50% - 7px); left: -35px; transform: rotate(180deg); }
.dx-cycle__step--improve::after { top: -17px; left: calc(50% - 15px); transform: rotate(-90deg); }
/* Shared desktop breakpoint and intentional tablet horizontal scrolling are retained. */
@media (max-width: 768px) {
  .dx-break--pc { display: none; }
  .dx-break--sp { display: inline; }
  .dx-heading__en { font-size: .32rem; line-height: .42rem; }
  .dx-heading__en::before { width: .27rem; height: .33rem; margin-right: .15rem; vertical-align: -.04rem; }
  .dx-heading__text { margin-top: .26rem; font-size: .5rem; line-height: .64rem; }
  .dx-hero { background-image: url("/images/dx/hero-sp.webp"); }
  .dx-hero__inner { display: block; min-height: 7.36rem; padding-top: 1.46rem; padding-bottom: 1.06rem; }
  .dx-hero__copy { padding-top: 0; }
  .dx-hero__title { font-size: .54rem; line-height: .8rem; }
  .dx-hero__lead { margin-top: .1rem; font-size: .3rem; line-height: .45rem; }
  .dx-hero__english { position: static; margin-top: .49rem; margin-right: -.085rem; font-size: .8rem; line-height: .975; }
  .dx-breadcrumb { top: .15rem; right: .1rem; }
  .dx-breadcrumb__list { gap: .12rem; }
  .dx-breadcrumb__item { font-size: .2rem; line-height: .3rem; }
  .dx-breadcrumb__item + .dx-breadcrumb__item::before { width: .12rem; margin-right: .12rem; }
  .dx-message { padding: .75rem 0 1.14rem; }
  .dx-message__inner { display: flex; flex-direction: column; }
  .dx-message__title { margin-top: .22rem; font-size: .36rem; line-height: .54rem; }
  .dx-message__person { align-self: center; padding-top: 0; margin-top: .3rem; }
  .dx-message__portrait { width: 3.45rem; margin: 0 auto; border-radius: .03rem; }
  .dx-message__caption { margin-top: .24rem; text-align: center; }
  .dx-message__role { font-size: .28rem; line-height: .4rem; }
  .dx-message__name { justify-content: center; gap: .2rem; margin-top: .01rem; font-size: .44rem; line-height: .667rem; }
  .dx-message__roman { font-size: .24rem; }
  .dx-message__body { width: auto; margin-top: .35rem; }
  .dx-message__paragraph { font-size: .28rem; line-height: .48rem; }
  .dx-background { padding: 1.12rem 0 1.14rem; }
  .dx-background__list { grid-template-columns: minmax(0, 1fr); gap: .25rem; margin-top: .4rem; }
  .dx-background__card { padding: .07rem .35rem .34rem; }
  .dx-background__card::before { width: .02rem; height: 1.38rem; }
  .dx-background__head { gap: .4rem; min-height: 1.28rem; }
  .dx-background__list > .dx-background__card:nth-child(1) .dx-background__icon { width: 1.05rem; height: 1.05rem; }
  .dx-background__list > .dx-background__card:nth-child(2) .dx-background__head { gap: .23rem; }
  .dx-background__list > .dx-background__card:nth-child(2) .dx-background__icon { width: 1.28rem; height: 1.28rem; margin-left: -.14rem; }
  .dx-background__list > .dx-background__card:nth-child(3) .dx-background__head { gap: .24rem; }
  .dx-background__list > .dx-background__card:nth-child(3) .dx-background__icon { width: 1.01rem; height: 1.01rem; margin-left: .16rem; }
  .dx-background__list > .dx-background__card:nth-child(4) .dx-background__icon { width: 1.1rem; height: 1.1rem; }
  .dx-background__list > .dx-background__card:nth-child(4) .dx-background__head { gap: .34rem; }
  .dx-background__title { font-size: .36rem; line-height: .5rem; letter-spacing: .06em; }
  .dx-background__text { margin-top: .09rem; font-size: .28rem; line-height: .44rem; }
  .dx-background__note { text-align: left; margin-top: .45rem; font-size: .36rem; line-height: .54rem; }
  .dx-overview { padding: 1.12rem 0 1.51rem; background-image: url("/images/dx/overview-sp.webp"); }
  .dx-overview__intro { display: block; margin-top: .88rem; }
  .dx-environment { width: auto; margin-top: 0; padding: .51rem .15rem .22rem; }
  .dx-environment::before,
  .dx-environment::after { width: calc(50% - 1.5rem); }
  .dx-environment__title { top: -.26rem; padding: 0 .1rem; font-size: .36rem; line-height: .54rem; }
  .dx-environment__list { gap: .12rem .16rem; }
  .dx-environment__item { flex-direction: column; justify-content: flex-start; gap: .2rem; min-height: 2.2rem; padding: .23rem .05rem .34rem; background: #fff; }
  .dx-environment__icon { width: 1.2rem; height: .84rem; flex-shrink: 0; }
  .dx-environment__list > .dx-environment__item:nth-child(3) .dx-environment__icon { width: .79rem; height: .79rem; }
  .dx-environment__text { display: flex; align-items: center; justify-content: center; min-height: .9rem; font-size: .3rem; line-height: .45rem; text-align: center; white-space: normal; }
  .dx-overview__vision { background-image: url("/images/dx/vision-sp.webp"); width: auto; margin-top: 1.15rem; padding: .4rem .05rem .39rem; font-size: .36rem; line-height: .54rem; }
  .dx-overview__vision::before { top: -.87rem; left: calc(50% - 1.695rem); width: 3.39rem; height: .65rem; background: linear-gradient(180deg, transparent, #7caed6); clip-path: polygon(0 0, 100% 0, 50% 100%); transform: none; }
  .dx-model { margin-top: 1.04rem; }
  .dx-model::before { top: -.9rem; width: 6.9rem; height: 3.8rem; }
  .dx-model__label { font-size: .28462rem; line-height: .4rem; }
  .dx-model__label::after { width: .47rem; height: .02rem; margin-top: .12rem; }
  .dx-model__title { margin-top: .25rem; margin-right: -.12rem; margin-left: -.12rem; font-size: .48rem; line-height: .7rem; }
  .dx-model__lead { margin-top: .28rem; font-size: .27558rem; line-height: .3937rem; }
  .dx-business { grid-template-columns: minmax(0, 1fr); gap: .78em; margin: .65rem 0 0; }
  .dx-business__card { display: grid; grid-template-columns: 3.1rem minmax(0, 1fr); gap: .22rem; align-items: center; padding: .15rem .38rem .23rem; border-top-width: .03rem; }
  .dx-business__card::after { bottom: -.3rem; left: calc(50% - .02rem); width: .04rem; height: .3rem; }
  .dx-business__card:last-child::after { bottom: -.9rem; height: .9rem; }
  .dx-business__card:first-child .dx-business__icon { width: .89rem; height: 1.09rem; }
  .dx-business__icon { width: 1.75rem; height: 1.16rem; }
  .dx-business__card:last-child .dx-business__icon { height: .99rem; margin: .15rem auto .25rem; }
  .dx-business__title { margin-top: .2rem; padding-top: .1rem; border-top: 1px solid #6e91c4; font-size: .29516rem; line-height: .4rem; }
  .dx-business__card--diversification .dx-business__title { font-size: .3rem; }
  .dx-business__list { margin: 0; }
  .dx-business__item { padding-top: .09rem; font-size: .28rem; line-height: .55rem; }
  .dx-business__item:first-child { border-top: 0; }
  .dx-business__card--nonasset .dx-business__item:first-child { letter-spacing: -.03rem; }
  .dx-value { background-image: url("/images/dx/value-sp.webp"); margin-top: .77rem; padding: .5rem .79rem .26rem; }
  .dx-value__title { font-size: .34339rem; line-height: .45rem; }
  .dx-value__list { position: relative; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-top: .22rem; }
  .dx-value__list::before,
  .dx-value__list::after { content: ""; position: absolute; top: 50%; left: 50%; background: rgba(255, 255, 255, .45); pointer-events: none; transform: translate(-50%, -50%); }
  .dx-value__list::before { width: 1px; height: 58%; }
  .dx-value__list::after { width: 58%; height: 1px; }
  .dx-value__item { padding: .2rem .12rem; font-size: .28rem; line-height: .42rem; text-align: center; }
  .dx-value__item + .dx-value__item { border-left: 0; }
  .dx-overview__note { margin-top: .48rem; font-size: .36rem; line-height: .54rem; }
  .dx-focus { padding: 1.26rem 0 1.24rem; }
  .dx-focus__lead { margin-top: .1rem; padding: .17rem 0; font-size: .28rem; line-height: .49rem; }
  .dx-focus__list { gap: .64rem; margin-top: .3rem; }
  .dx-focus__card { border-radius: .05rem; background: linear-gradient(90deg, #d6edff, #fff 1.9rem); }
  .dx-focus__head { gap: 0; min-height: 1.21rem; padding: .17rem .17rem; }
  .dx-focus__badge { flex-shrink: 0; margin-right: .16rem; padding: .125rem .17rem; border-radius: .24rem; font-size: .26rem; line-height: .31rem; text-align: center; }
  .dx-focus__badge-break { display: block; }
  .dx-focus__number { flex-shrink: 0; display: block; width: .78rem; height: .5rem; object-fit: scale-down; object-position: left center; }
  .dx-focus__title { flex: 1; min-width: 0; font-size: .36rem; line-height: .5rem; letter-spacing: .06em; }
  .dx-focus__body { padding: .31rem .2rem .57rem; }
  .dx-focus__card:first-child .dx-focus__body { padding-bottom: .44rem; }
  .dx-focus__card:last-child .dx-focus__body { padding-bottom: .63rem; }
  .dx-focus-points__item { padding-left: 0; text-indent: 0; font-size: .28rem; line-height: .49rem; }
  .dx-focus__detail-label { margin-top: .295rem; font-size: .26rem; line-height: .36rem; }
  .dx-focus__detail-label::before { width: .14rem; height: .17rem; margin-right: .08rem; }
  .dx-initiatives { grid-template-columns: minmax(0, 1fr); gap: .07rem; margin-top: .14rem; }
  .dx-initiatives__item { padding: .23rem .16rem .36rem; }
  .dx-initiatives__title { font-size: .3rem; line-height: .42rem; }
  .dx-initiatives__text { margin-top: .1rem; font-size: .26rem; line-height: .38rem; }
  .dx-foundation { grid-template-columns: minmax(0, 1fr); gap: 0; margin: .29rem -.03rem 0; padding: .25rem .16rem .25rem .29rem; border-radius: .04rem; text-align: left; }
  .dx-foundation__item { display: grid; grid-template-columns: .6rem minmax(0, 1fr); align-items: start; gap: .19rem; padding: .15rem 0; }
  .dx-foundation__item + .dx-foundation__item { border-top: 1px solid #c9e5f6; }
  .dx-foundation__icon { flex-shrink: 0; width: .66rem; height: .68rem; margin: .12rem auto 0; }
  .dx-foundation__icon--information { width: .43rem; }
  .dx-foundation__icon--education { width: .58rem; }
  .dx-foundation__icon--ai { width: .66rem; }
  .dx-foundation__icon--rules { width: .44rem; }
  .dx-foundation__icon--database { width: .35rem; }
  .dx-foundation__title { margin-top: 0; font-size: .3rem; line-height: .42rem; }
  .dx-foundation__text { margin-top: 0; font-size: .28rem; line-height: .36rem; }
  .dx-strategy { grid-template-columns: minmax(0, 1fr); gap: .09rem; margin-top: .25rem; padding: .3rem .25rem .35rem; border-radius: .04rem; text-align: left; }
  .dx-strategy__item { display: grid; grid-template-columns: .62rem minmax(0, 1fr); align-items: center; gap: .22rem; padding: .125rem 0; }
  .dx-strategy__item + .dx-strategy__item { border-top: 1px solid #c9e5f6; }
  .dx-strategy__icon { flex-shrink: 0; width: .62rem; height: .53rem; margin: 0 auto; }
  .dx-strategy__icon--information { width: .48rem; }
  .dx-strategy__icon--transformation { width: .62rem; }
  .dx-strategy__icon--target { width: .52rem; }
  .dx-strategy__icon--dashboard { width: .60rem; }
  .dx-strategy__icon--megaphone { width: .47rem; }
  .dx-strategy__text { margin-top: 0; font-size: .3rem; line-height: .43rem; }
  .dx-people { padding: 1.3rem 0 1.45rem; }
  .dx-people .dx-heading__text { margin-top: .42rem; }
  .dx-people__diagram { margin: .54rem -.01rem 0; padding: .59rem .45rem; gap: .5rem; }
  .dx-people__card { position: relative; flex: 1; width: 0; min-height: 7.99rem; padding: 0; border-radius: .25rem; }
  .dx-people__diagram::before { content: ""; position: absolute; inset: 0 0 1.39rem; border-radius: .25rem; background: #143967 url("/images/dx/people-sp-bg.webp") center / 100% 100% no-repeat; }
  .dx-people__card--internal { margin-right: -.02rem; background: transparent; }
  .dx-people__card--external { border-radius: .25rem; background: transparent; }
  .dx-people__icon { width: .67rem; height: .67rem; }
  .dx-people__icon--external { width: .53rem; }
  .dx-people__title { margin-top: .25rem; padding-bottom: .22rem; font-size: .4rem; line-height: .54rem; }
  .dx-people-points { width: auto; margin-top: .05rem; margin-left: 0; }
  .dx-people-points__item { font-size: .26rem; line-height: .4373rem; letter-spacing: .01em; }
  .dx-people__arrow { bottom: 0; left: calc(50% - .34rem); width: .68rem; }
  .dx-people__note { margin-top: .29rem; font-size: .36rem; line-height: .54rem; letter-spacing: .04em; }
  .dx-progress { padding: .98rem 0 1.01rem; }
  .dx-progress__lead { margin-top: .29rem; font-size: .28rem; line-height: .49rem; }
  .dx-metrics { grid-template-columns: minmax(0, 1fr); gap: .28rem; width: auto; margin-top: .795rem; }
  .dx-metrics__title { display: block; min-height: 0; padding: .205rem .12rem; font-size: .36rem; line-height: .5rem; }
  .dx-metrics__body { padding: .25rem .25rem .33rem; }
  .dx-metrics__icon { width: .85rem; height: .52rem; }
  .dx-metrics__description { margin-top: .05rem; font-size: .3rem; line-height: .41rem; text-align: center; }
  .dx-metrics__definitions { margin-top: .25rem; }
  .dx-metrics__definition { padding: .14rem .14rem .17rem; border-radius: .08rem; }
  .dx-metrics__definition:first-child { padding-bottom: .12rem; }
  .dx-metrics__definition + .dx-metrics__definition { margin-top: .16rem; padding-top: .06rem; }
  .dx-metrics__term { font-size: .28rem; line-height: .4rem; }
  .dx-metrics__detail { margin-top: .03rem; font-size: .26rem; line-height: .38rem; }
  .dx-metric-points__item { font-size: .26rem; line-height: .38rem; }
  .dx-cycle { display: block; width: auto; margin-top: .91rem; padding: .48rem .17rem .59rem; border-radius: .04rem; }
  .dx-cycle__title { width: auto; font-size: .36rem; line-height: .5rem; }
  .dx-cycle__list { gap: .63rem .47rem; width: auto; margin-top: .52rem; }
  .dx-cycle__step { min-height: 2.36rem; padding: 0 .12rem; border-radius: .07rem; }
  .dx-cycle__heading { font-size: .32rem; line-height: .45rem; }
  .dx-cycle__text { margin-top: .21rem; font-size: .28rem; line-height: .38rem; letter-spacing: -.01rem; }
  .dx-cycle__icon { bottom: .05rem; left: .08rem; width: 1.36rem; height: 1.38rem; }
  .dx-cycle__step--measure::after { width: .60rem; height: .19rem; top: calc(50% + .04rem); right: -.43rem; }
  .dx-cycle__step--review::after { width: .64rem; height: .19rem; bottom: -.4rem; left: calc(50% - .33rem); }
  .dx-cycle__step--next::after { width: .49rem; height: .14rem; top: calc(50% + .32rem); left: -.43rem; }
  .dx-cycle__step--improve::after { width: .64rem; height: .19rem; top: -.41rem; left: calc(50% - .3rem); }
}
/* PSDの個別カーニング。本文の文字を変更した場合は対象のspanも確認する。 */
@media (min-width: 769px) {
  .dx-metrics__definition { min-height: 130px; }
  .dx-metrics__definition + .dx-metrics__definition { min-height: 121px; }
  .dx-kern--pc-n300 { margin-left: -0.3em; }
  .dx-kern--pc-n280 { margin-left: -0.28em; }
  .dx-kern--pc-n260 { margin-left: -0.26em; }
  .dx-kern--pc-n240 { margin-left: -0.24em; }
  .dx-kern--pc-n220 { margin-left: -0.22em; }
  .dx-kern--pc-n180 { margin-left: -0.18em; }
}
@media (max-width: 768px) {
  .dx-kern--sp-n480 { margin-left: -0.17em; }
  .dx-kern--sp-n300 { margin-left: -0.11em; }
  .dx-kern--sp-n240 { margin-left: -0.09em; }
  .dx-kern--sp-n220 { margin-left: -0.08em; }
  .dx-kern--sp-n160 { margin-left: -0.06em; }
  .dx-kern--sp-n120 { margin-left: -0.04em; }
  .dx-kern--sp-n100 { margin-left: -0.04em; }
  .dx-kern--sp-n80 { margin-left: -0.03em; }
  .dx-kern--sp-n60 { margin-left: -0.02em; }
  .dx-kern--sp-n40 { margin-left: -0.01em; }
  .dx-kern--sp-n20 { margin-left: -0.01em; }
  .dx-kern--sp-p20 { margin-left: 0.01em; }
  .dx-kern--sp-p120 { margin-left: 0.04em; }
}