/* 723: AIテレサポ「WHY CHOOSE US」 section */
:is([class~="723-preview-body"]) { margin: 0; }

:is([class~="723-section"]) {
  box-sizing: border-box;
  padding: 70px 20px 74px;
  background: #ffffff;
  color: #101010;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
}

:is([class~="723-section"]) *, :is([class~="723-section"]) *::before, :is([class~="723-section"]) *::after { box-sizing: border-box; }
:is([class~="723-container"]) { width: min(100%, 1088px); margin: 0 auto; }
:is([class~="723-heading"]) { position: static; top: auto; left: auto; width: auto; z-index: auto; opacity: 1; display: flex; align-items: center; gap: 26px; margin: 0 0 39px; }
:is([class~="723-heading-mark"]) { display: block; width: 7px; height: 70px; flex: 0 0 auto; background: #e8cc4d; transform: skewX(24deg); }
:is([class~="723-heading-title"]) { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 48px; font-weight: 800; letter-spacing: -2.7px; line-height: 1; }
:is([class~="723-heading-ja"]) { margin: 0 0 0 7px; font-size: 30px; font-weight: 400; letter-spacing: .08em; line-height: 1; }

:is([class~="723-panel"]) { padding: 30px 55px 46px; border-radius: 10px; background: #e4f8f6; }
:is([class~="723-panel-title"]) { position: relative; z-index: 0; width: fit-content; margin: 0 auto 33px; font-size: 42px; font-weight: 700; letter-spacing: .05em; line-height: 1.1; }
:is([class~="723-panel-title"])::after { position: absolute; z-index: -1; right: 0; bottom: -5px; left: 0; height: 13px; background: rgba(232, 204, 77, .82); content: ""; }
:is([class~="723-panel-accent"]) { color: #00d0c8; }
:is([class~="723-cards"]) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
:is([class~="723-card"]) { position: relative; display: grid; min-height: 345px; overflow: hidden; place-items: start center; padding: 27px 16px 20px; border-radius: 4px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .16); text-align: center; }
:is([class~="723-icon"]) { position: relative; z-index: 2; width: 82px; height: 68px; max-width: none; color: #00d0c8; }
:is([class~="723-laurel"]) { position: absolute; z-index: 1; top: 78px; left: 50%; width: 330px; max-width: none; height: 242px; object-fit: cover; object-position: center 31%; transform: translateX(-50%); }
:is([class~="723-card-content"]) { position: absolute; z-index: 2; inset: 117px 0 16px; display: flex; flex-direction: column; align-items: center; }
:is([class~="723-card-label"]) { min-height: 53px; margin: 0; font-size: 22px; font-weight: 700; line-height: 1.25; }
:is([class~="723-card-value"]) { margin-top: 9px; color: #00d0c8; font-size: 50px; font-weight: 700; letter-spacing: .02em; line-height: 1; }
:is([class~="723-card-note"]) { margin: 54px 0 0; font-size: 19px; font-weight: 700; line-height: 1.3; }

@media (max-width: 767px) {
  :is([class~="723-section"]) { padding: 8.235vw 0 10.294vw; background: #f4f4f4; }
  :is([class~="723-container"]) { width: 100%; }
  :is([class~="723-heading"]) { display: grid; grid-template-columns: 8.824vw 1fr; grid-template-rows: 8.824vw 6.471vw; column-gap: 4.118vw; row-gap: 0; height: 16.176vw; margin: 0 7.353vw 7.353vw; }
  :is([class~="723-heading-mark"]) { grid-row: 1 / span 2; width: 1.471vw; height: 16.176vw; align-self: start; }
  :is([class~="723-heading-title"]) { align-self: end; font-size: 7.353vw; letter-spacing: -.412vw; line-height: 1; }
  :is([class~="723-heading-ja"]) { align-self: start; margin: 0; font-size: 5vw; letter-spacing: .04em; line-height: 1.25; white-space: nowrap; }
  :is([class~="723-panel"]) { margin: 0 7.353vw; padding: 6.765vw 5.882vw 9.412vw; border-radius: .882vw; }
  :is([class~="723-panel-title"]) { margin: 0 auto 11.765vw; font-size: min(5vw, 19px); letter-spacing: .02em; line-height: 1.2; text-align: center; white-space: nowrap; }
  :is([class~="723-panel-title"])::after { height: 2.353vw; bottom: -.882vw; }
  :is([class~="723-cards"]) { grid-template-columns: 1fr; gap: 5.882vw; }
  :is([class~="723-card"]) { min-height: 83.824vw; height: 83.824vw; padding: 3.824vw 3.529vw 4.706vw; }
  :is([class~="723-icon"]) { width: 24.118vw; height: 20vw; }
  :is([class~="723-laurel"]) { top: 24.706vw; width: 70.588vw; max-width: 100%; height: 61.765vw; }
  :is([class~="723-card-content"]) { inset: 34.412vw 0 4.706vw; }
  :is([class~="723-card-label"]) { min-height: 13.529vw; font-size: 4.412vw; line-height: 1.3; }
  :is([class~="723-card-value"]) { margin-top: 1.765vw; font-size: 10.294vw; }
  :is([class~="723-card-note"]) { margin-top: 10vw; font-size: 3.824vw; line-height: 1.35; }
}