/* ============================================================
   evidence.css — evidenceページ固有スタイル
   index.css の共通スタイル（ly_content / siteHeader / siteFooter 等）に依存
   ============================================================ */

/* ──────────────────────────────────────────
   インナー幅オーバーライド
────────────────────────────────────────── */
.ly_content_size--evidence {
  max-width: 1540px;
}

#ev1 .un_evLabel,
#ev1 .un_evSubheading,
#ev1>.ly_content>.ly_content_size>.ly_content_pad>.un_evSection>.un_evTable {
  max-width: calc(1010 / 1400 * 100%);
}

#ev1 .un_evSep {
  max-width: calc(496 / 1400 * 100%);
}

#ev2 .un_evSection {
  max-width: 54%;
}

#ev5 .un_evSection {
  max-width: 62%;
}

#ev6 .un_evSection {
  max-width: 62%;
}

#ev7 .un_evSection {
  max-width: 65%;
}

#ev8 .un_evSection {
  max-width: 60%;
}

@media screen and (max-width: 767px) {

  #ev1 .un_evLabel,
  #ev1 .un_evSep,
  #ev1 .un_evSubheading,
  #ev1>.ly_content>.ly_content_size>.ly_content_pad>.un_evSection>.un_evTable,
  #ev2 .un_evSection,
  #ev5 .un_evSection,
  #ev6 .un_evSection,
  #ev7 .un_evSection,
  #ev8 .un_evSection {
    max-width: 100%;
  }
}

/* ──────────────────────────────────────────
   MV
────────────────────────────────────────── */
.un_evMv {
  position: relative;
  height: 615px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: #000;
  margin-top: 120px;
}

.un_evMv_bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: -250px center;
}

.un_evMv>.ly_content,
.un_evMv>.ly_content>.ly_content_size,
.un_evMv>.ly_content>.ly_content_size>.ly_content_pad {
  width: 100%;
}

.un_evMv .ly_content_size--evidence {
  max-width: 1400px;
  padding-left: 0;
  padding-right: 0;
}

.un_evMv_body {
  position: absolute;
  left: calc(909 / 1400 * 100%);
  right: 0;
  top: 50%;
  transform: translateY(-100%);
  z-index: 1;
}

.un_evMv_en {
  font-size: 46px;
  letter-spacing: 0.05em;
  color: #fff;
  margin: 0 0 20px;
  text-shadow: 0 0 20px rgba(0, 0, 0, .8);
  line-height: 1.1;
}

.un_evMv_line {
  --evmv-line-bleed: clamp(0px, calc(50vw - 700px), 260px);
  width: calc(100% + var(--evmv-line-bleed));
  height: 1px;
  background: #fff;
  margin: 0 0 20px;
}

.un_evMv_ja {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #fff;
  margin: 0;
  text-shadow: 0 0 20px rgba(0, 0, 0, .8);
}

@media screen and (max-width: 767px) {
  .un_evMv {
    height: 325px;
  }

  .un_evMv .ly_content_size,
  .un_evMv .ly_content_pad {
    position: static;
  }

  .un_evMv_body {
    left: min(64.63%, calc(100% - 187px));
    right: 16px;
    top: 120px;
    transform: none;
  }

  .un_evMv_line {
    width: calc(100% + 16px);
  }

  .un_evMv_en {
    font-size: 32px;
  }

  .un_evMv_ja {
    font-size: 18px;
  }

  .un_evMv_bg {
    object-position: center center;
  }
}

/* ──────────────────────────────────────────
   共通セクション構造
────────────────────────────────────────── */
.un_evSection {
  padding: 72px 0 80px;
}

/* ──────────────────────────────────────────
   セクション間余白（PCのみ）
────────────────────────────────────────── */
@media screen and (min-width: 768px) {

  #ev1 {
    margin-top: 138px;
  }

  #ev2,
  #ev3,
  #ev4,
  #ev5,
  #ev6,
  #ev7,
  #ev8 {
    margin-top: 118px;
  }

  #ev8 {
    margin-bottom: 52px;
  }
}

.un_evLabel {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.un_evLabel_bar {
  display: block;
  width: 10px;
  height: 24px;
  background: linear-gradient(to bottom, #009EE5, #0068B2);
  flex-shrink: 0;
}

.un_evLabel_num {
  font-size: 22px;
  letter-spacing: 0.1em;
  color: #fff;
}

.un_evSep {
  border: none;
  border-top: 1px solid #707070;
  margin: 0 0 48px;
}

.un_evSep--inner {
  margin: 24px 0;
}

.un_evHeading {
  font-family: "Noto Serif JP", serif;
  font-size: 46px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: #fff;
  margin: 0 0 90px;
}

#ev7 .un_evHeading {
  margin-bottom: 48px;
}

.un_evSubheading {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: #fff;
  margin: 0 0 24px;
}

.un_evTxt {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.1em;
  color: #fff;
  margin: 0 0 60px;
}

.un_evNote {
  margin-top: 24px;
  font-size: 20px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.1em;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .un_evSection {
    padding: 48px 0 56px;
  }

  #ev1 {
    margin-top: 52px;
  }

  #ev2,
  #ev3,
  #ev4,
  #ev5,
  #ev6,
  #ev7,
  #ev8 {
    margin-top: 56px;
  }

  #ev8 {
    margin-bottom: 44px;
  }

  .un_evHeading {
    font-size: 6.13333vw;
    margin-bottom: 40px;
  }

  .un_evSubheading {
    font-size: 16px;
    margin-top: 28px;
  }

  .un_evNote {
    font-size: 16px;
  }

  .un_evSep {
    margin: 0 0 32px;
  }

  .un_evTxt {
    margin: 0;
    font-size: 14px;
  }

  #ev7 .un_evHeading {
    margin-bottom: 14px;
  }
}

/* ──────────────────────────────────────────
   Step / 結果 サークル行
────────────────────────────────────────── */
.un_evRow {
  display: flex;
  gap: 32px;
  margin-bottom: 48px;
  align-items: flex-start;
}

.un_evStep {
  flex-shrink: 0;
  width: 94px;
  height: 94px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.un_evStep--step {
  background: #000;
}

.un_evStep--result {
  background: #626262;
}

.un_evStep>span {
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: 0.05em;
  color: #fff;
}

.un_evStepBadge {
  display: flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1;
}

.un_evStepBadge_step {
  font-size: 20px;
  font-weight: 400;
}

.un_evStepBadge_num {
  font-size: 40px;
  font-weight: 400;
}

.un_evStepResult {
  font-family: "Noto Serif JP", serif;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #fff;
}

.un_evRow_body {
  flex: 1;
  min-width: 0;
}

.un_evRow_label {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.1em;
  color: #fff;
  margin: 24px 0;
}

.un_evRow_label--yellow {
  color: #E9F092;
}

.un_evRow_labelLead {
  color: #fff;
}

.un_evRow_labelDot {
  color: #fff;
  margin-right: 0.25em;
}

.un_ev8_badge .un_evSymbol {
  color: #E9F092;
}

@media screen and (max-width: 767px) {
  .un_evRow {
    gap: 16px;
    margin-bottom: 26px;
    padding: 0 24px;
  }

  .un_evStep {
    width: 76px;
    height: 76px;
  }

  .un_evStep>span {
    font-size: 22px;
  }

  .un_evStepBadge_step {
    font-size: 16px;
  }

  .un_evStepBadge_num {
    font-size: 32px;
  }

  .un_evRow_label {
    margin: 20px 0;
  }
}

/* ──────────────────────────────────────────
   3列比較（Evidence 2）
────────────────────────────────────────── */
.un_evCompare3 {
  width: 100%;
}

.un_evCompare3_heads {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.un_evCompare3_head {
  padding: 18px 8px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.05em;
  line-height: 1.4;
  border: 2px solid #707070;
}

.un_evCompare3_head--dark {
  background: #292929;
}

.un_evCompare3_head--echelon {
  background: linear-gradient(to bottom, #009EE5, #0068B2);
  border-color: #626262;
}

.un_evCompare3_img img {
  width: 100%;
  height: auto;
  display: block;
  border: 2px solid #707070;
  border-top: none;
}

.un_evCompare3_img--result {
  position: relative;
}

.un_evCompare3_badge {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% / 3);
  padding-bottom: calc(100% / 3);
  border-radius: 50%;
  background: linear-gradient(to bottom, #009EE5, #0068B2);
  border: 5px solid #009EE5;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .un_evCompare3_head {
    font-size: 11px;
    padding: 10px 4px;
  }

  .un_evCompare3_badge {
    width: calc(100% / 3.5);
    padding-bottom: calc(100% / 3.5);
  }
}

/* ──────────────────────────────────────────
   2列比較（Evidence 3 / 8）
────────────────────────────────────────── */
.un_evCompare2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4%;
}

.un_evCompare2_col {
  border: 2px solid #707070;
  background: #000;
}

.un_evCompare2_head {
  padding: 14px 16px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #fff;
}

.un_evCompare2_head--echelon {
  background: linear-gradient(to bottom, #009EE5, #0068B2);
}

.un_evCompare2_head--dark {
  background: #292929;
}

.un_evCompare2_inner {
  padding: 24px;
}

.un_evCompare2_result {
  font-family: "Noto Serif JP", serif;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin: 0 0 16px;
  padding-bottom: 16px;
  border-bottom: 2px solid #E9F092;
}

.un_evCompare2_photos {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 24px;
}

.un_evCompare2_strip {
  flex-shrink: 0;
  width: 30%;
}

.un_evCompare2_strip img {
  width: 100%;
  height: auto;
  display: block;
}

.un_evCompare2_circle {
  flex: 1;
}

.un_evCompare2_circle img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 50%;
  border: 2px solid #009EE5;
}

.un_evCompare2_layers {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.un_evCompare2_layerDiagram {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex-shrink: 0;
}

.un_evCompare2_layerLabel {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.08em;
  color: #fff;
  padding: 4px 10px;
  background: rgba(0, 158, 229, .3);
  border-left: 3px solid #009EE5;
  display: block;
}

.un_evCompare2_layerLabel--dark {
  background: rgba(51, 51, 51, .5);
  border-left-color: #555;
  color: #aaa;
}

.un_evCompare2_layerTxt {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
  color: #fff;
  margin: 0;
}

.un_evCompare2_summary {
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.1em;
  color: #fff;
  margin: 16px 0 0;
  padding: 16px 20px;
  background: linear-gradient(to bottom, #009EE5, #0068B2);
}

.un_evCompare2_col:last-child .un_evCompare2_summary {
  background: #292929;
}

@media screen and (max-width: 767px) {
  .un_evCompare2 {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .un_evCompare2_result {
    font-size: 18px;
  }

  .un_evCompare2_inner {
    padding: 16px;
  }

  .un_evCompare2_summary {
    font-size: 14px;
  }

  .un_evCompare2_head {
    font-size: 12px;
    padding: 12px 16px;
  }
}

/* ──────────────────────────────────────────
   Evidence 3: TPU伸縮率
────────────────────────────────────────── */
.un_evCompare2--ev3 {
  display: block;
  width: 73%;
  margin-inline: auto;
}

.un_evCompare2--ev3 .un_evCompare2_col {
  margin-bottom: 76px;
}

.un_evCompare2--ev3 .un_evCompare2_col:last-child {
  margin-bottom: 0;
}

.un_evCompare2--ev3 .un_evCompare2_inner {
  padding: 42px 16px;
}

.un_evCompare2--ev3 .un_evCompare2_result {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 24px;
  font-size: 20px;
}

.un_evCompare2--ev3 .un_evCompare2_result .un_evCompare2_result_ul {
  border-bottom: 2px solid #E9F092;
  padding-bottom: 4px;
}

.un_ev3_photos {
  width: 75%;
  margin-inline: auto;
  margin-bottom: 24px;
}

.un_ev3_photos_top,
.un_ev3_photos_bottom {
  display: block;
  width: 100%;
  height: auto;
  margin-inline: auto;
}

.un_ev3_photos_top {
  margin-bottom: 24px;
}

.un_ev3_photos_divider {
  border: none;
  border-top: 1px solid #707070;
  width: 100%;
  margin: 0 0 24px;
}

.un_ev3_arrow {
  position: relative;
  background: #333;
  padding: 56px 24px 24px;
  margin: 0;
  clip-path: polygon(0 0, 25.5% 0, 50% 40px, 74.5% 0, 100% 0, 100% 100%, 0 100%);
}

.un_evCompare2_col:first-child .un_ev3_arrow {
  background: linear-gradient(to bottom, #009EE5, #0068B2);
}

.un_evCompare2_col:last-child .un_ev3_arrow {
  background: #292929;
}

.un_ev3_arrow p {
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #fff;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .un_evCompare2--ev3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr auto;
    gap: 4%;
    row-gap: 0;
    width: 100%;
  }

  .un_evCompare2--ev3 .un_evCompare2_col {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: 1 / -1;
    margin-bottom: 0;
  }

  .un_evCompare2--ev3 .un_evCompare2_inner {
    padding: 60px 48px 50px;
  }

  .un_evCompare2--ev3 .un_evCompare2_result {
    margin-bottom: 56px;
    font-size: 28px;
  }

  .un_ev3_photos {
    width: 100%;
    margin-bottom: 0;
  }

  .un_ev3_photos_top {
    width: calc(448 / 579 * 100%);
    margin: 0 auto 50px;
  }

  .un_ev3_photos_divider {
    width: 100%;
    margin: 0 auto 50px;
  }

  .un_ev3_photos_bottom {
    width: calc(513 / 579 * 100%);
    margin: 0 auto;
  }

  .un_ev3_arrow {
    padding: 82px 48px 48px;
    clip-path: polygon(0 0, 25.5% 0, 50% 62px, 74.5% 0, 100% 0, 100% 100%, 0 100%);
  }

  .un_ev3_arrow p {
    font-size: 18px;
  }
}

/* ──────────────────────────────────────────
   Evidence 1: フィルム構造
────────────────────────────────────────── */
.un_ev1_body {
  display: flex;
  gap: calc(181 / 1400 * 100%);
  align-items: flex-start;
  margin-bottom: -4%;
}

@media screen and (min-width: 768px) and (max-width: 1520px) {
  .un_ev1_body {
    margin-bottom: 4%;
  }
}

.un_ev1_left {
  flex: 0 0 calc(510 / 1400 * 100%);
  max-width: calc(510 / 1400 * 100%);
}

.un_ev1_left .un_evHeading {
  margin-bottom: 28px;
}

.un_ev1_right {
  flex: 1;
  min-width: 0;
  --ev1-bleed: clamp(70px, calc(50vw - 700px), 260px);
  margin-right: calc(var(--ev1-bleed) * -1);
}

.un_ev1_right img {
  width: 100%;
  height: auto;
  display: block;
}

.un_ev1_note {
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #fff;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .un_ev1_body {
    flex-direction: column;
    gap: 24px;
    margin-bottom: 32px;
  }

  .un_ev1_left {
    flex: unset;
    max-width: 100%;
    /* SP では子要素を un_ev1_body 直下に展開し、DOM 順 (heading → body → note → image) で並べる */
    display: contents;
  }

  .un_ev1_right {
    margin-right: 0;
  }

  .un_ev1_note {
    font-size: 10px;
  }

  .un_ev1_left .un_evHeading {
    margin-bottom: 0;
  }
}

/* ──────────────────────────────────────────
   Evidence 4: 黄変耐性（SWOM）
────────────────────────────────────────── */
.un_ev4_body {
  display: flex;
  gap: 5%;
  margin-bottom: 32px;
  align-items: flex-start;
}

.un_ev4_left {
  flex: 0 0 55%;
  min-width: 0;
}

.un_ev4_top {
  display: flex;
  gap: 60px;
  align-items: flex-start;
  margin-bottom: 24px;
}

.un_ev4_machine {
  flex-shrink: 0;
}

.un_ev4_machine img {
  width: 180px;
  height: auto;
  display: block;
}

.un_ev4_table {
  flex: 1;
  min-width: 0;
}

.un_ev4_resultTxt {
  font-size: 20px;
  line-height: 2;
  letter-spacing: 0.05em;
  color: #fff;
  margin: 0 0 24px;
}

.un_ev4_photos {
  margin-bottom: 16px;
}

.un_ev4_photos img {
  width: 100%;
  height: auto;
  display: block;
}

.un_ev4_right {
  flex: 0 0 40%;
  box-sizing: border-box;
  background: #1D1D1D;
  padding: 40px 50px;
}

.un_ev4_colorTitle {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-align: left;
  color: #fff;
  margin: 0 0 20px;
}

.un_ev4_colorTxt {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.1em;
  color: #fff;
  margin: 0 0 24px;
}

.un_ev4_gauge {
  margin-bottom: 24px;
}

.un_ev4_gauge img {
  width: 100%;
  height: auto;
  display: block;
}

.un_ev4_colorDesc {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.1em;
  color: #fff;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .un_ev4_top {
    flex-direction: column;
    gap: 16px;
  }
}

@media screen and (max-width: 767px) {
  .un_ev4_resultTxt {
    font-size: 16px;
  }

  .un_ev4_body {
    flex-direction: column;
    gap: 24px;
  }

  /* SP では設計どおり装置 + 表を横並びに戻す（768-1024 の column-stack を上書き） */
  .un_ev4_top {
    display: grid;
    grid-template-columns: 169fr 430fr;
    gap: 8%;
    align-items: start;
  }

  .un_ev4_machine {
    width: 100%;
  }

  .un_ev4_machine img {
    width: 100%;
  }

  .un_ev4_table {
    min-width: 0;
  }

  .un_ev4_right {
    padding: 45px 50px;
    width: 85%;
    margin-inline: auto;
  }

  .un_ev4_colorTitle {
    font-size: 20px;
  }

  .un_ev4_colorTxt {
    font-size: 14px;
  }
}

/* ──────────────────────────────────────────
   Evidence 5: 置外暴露テスト
────────────────────────────────────────── */
.un_ev5_title {
  display: inline-block;
  padding: 18px 22px;
  background: #292929;
  border: 1px solid #707070;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0 0 -30px 28px;
  position: relative;
  z-index: 1;
}

.un_ev5_samples {
  margin-bottom: 32px;
  margin-top: -20px;
}

.un_ev5_samples img {
  width: 100%;
  height: auto;
  display: block;
}

.un_ev5_fieldRow {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  margin-bottom: 260px;
  margin-top: -16px;
}

.un_ev5_fieldImg {
  flex: 1;
  min-width: 0;
}

.un_ev5_fieldImg img {
  width: 100%;
  height: auto;
  display: block;
}

.un_ev5_fieldTxt {
  flex: 0 0 40%;
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.1em;
  color: #fff;
  margin: 0;
}

.un_ev5_heading {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #fff;
  margin: 0 0 28px;
}

.un_ev5_accent {
  border-bottom: 2px solid #E9F092;
  padding-bottom: 2px;
}

.un_ev5_accent_yellow {
  color: #E9F092;
}

.un_ev5_desc {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.1em;
  color: #fff;
  margin: 0 0 24px;
}

.un_ev5_graph {
  margin-bottom: 24px;
}

.un_ev5_graph img {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (max-width: 767px) {
  .un_ev5_title {
    padding: 12px 16px;
    font-size: 14px;
    margin: 0 0 -18px 16px;
  }

  .un_ev5_fieldRow {
    gap: calc(20 / 687 * 100%);
    margin-bottom: 80px;
  }

  .un_ev5_fieldImg {
    flex: 0 0 calc(381 / 687 * 100%);
  }

  .un_ev5_fieldTxt {
    font-size: 14px;
    flex: 0 0 calc(286 / 687 * 100%);
  }

  .un_ev5_heading {
    font-size: 20px;
  }

  .un_ev5_desc {
    font-size: 14px;
  }
}

/* ──────────────────────────────────────────
   Evidence 6: テーブルラッパー
────────────────────────────────────────── */
.un_ev6_table {
  max-width: 520px;
  margin-bottom: 40px;
}

/* ──────────────────────────────────────────
   Evidence 7: テーブルラッパー
────────────────────────────────────────── */
.un_ev7_table {
  margin-bottom: 40px;
}

/* ──────────────────────────────────────────
   Evidence 8: 糊残り性
────────────────────────────────────────── */
.un_evCompare2--ev8 .un_evCompare2_inner {
  padding: 40px;
}

.un_evCompare2--ev8 .un_evCompare2_inner img {
  width: 75%;
  height: auto;
  display: block;
  margin-inline: auto;
}

.un_ev8_badge {
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
  margin: 0 0 36px;
}

@media screen and (max-width: 767px) {

  .un_evCompare2--ev8 {
    grid-template-columns: 1fr 1fr;
    gap: 3.3%;
  }

  .un_evCompare2--ev8 .un_evCompare2_head {
    font-size: 11px;
    padding: 10px 6px;
  }

  .un_evCompare2--ev8 .un_evCompare2_inner {
    padding: 34px 32px 40px;
  }

  .un_evCompare2--ev8 .un_evCompare2_inner img {
    width: 65%;
  }

  .un_ev8_badge {
    font-size: 16px;
  }
}

/* ──────────────────────────────────────────
   共通テーブル
────────────────────────────────────────── */
.un_evTable {
  width: 100%;
  border-collapse: collapse;
}

.un_evTable th,
.un_evTable td {
  border: 1px solid #626262;
  padding: 14px 20px;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #fff;
}

.un_evTable thead th {
  background: #292929;
  font-weight: bold;
}

.un_evTable_headBlue {
  background: linear-gradient(to right, #009EE5, #0068B2) !important;
}

.un_evTable .un_evTable_cond {
  text-align: left;
  padding-left: 40px;
}

@media screen and (max-width: 767px) {
  .un_evTable .un_evTable_cond {
    padding: 12px;
  }
}

.un_evTable tbody td {
  background: #000;
}

#ev1 .un_evTable {
  table-layout: fixed;
}

.un_evTable_col--item {
  width: calc(260 / 940 * 100%);
}

.un_evTable_col--condMain {
  width: calc(350 / 940 * 100%);
}

.un_evTable_col--condSub {
  width: calc(70 / 940 * 100%);
}

.un_evTable_col--value {
  width: calc(260 / 940 * 100%);
}

#ev4 .un_evTable {
  table-layout: fixed;
}

.un_ev4Table_col--no {
  width: calc(100 / 512 * 100%);
}

.un_ev4Table_col--item {
  width: calc(262 / 512 * 100%);
}

.un_ev4Table_col--result {
  width: calc(150 / 512 * 100%);
}

#ev7 .un_evTable {
  table-layout: fixed;
}

.un_ev7Table_col--type {
  width: calc(530 / 840 * 100%);
}

.un_ev7Table_col--status {
  width: calc(310 / 840 * 100%);
}

#ev4 .un_evTable th:nth-child(2),
#ev4 .un_evTable tbody td:nth-child(2),
#ev6 .un_evTable tbody td:nth-child(2) {
  text-align: left;
}

#ev4 .un_evTable thead th:nth-child(2) {
  text-align: center;
}

#ev6 .un_evTable thead th:nth-child(2) {
  text-align: center;
}

#ev4 .un_evTable tbody td:nth-child(2),
#ev6 .un_evTable tbody td:nth-child(2),
#ev4 .un_evTable tbody tr:has(> td:nth-child(2)):not(:has(> td:nth-child(3)))>td:first-child,
#ev6 .un_evTable tbody tr:has(> td:nth-child(2)):not(:has(> td:nth-child(3)))>td:first-child {
  padding-left: 40px;
}

#ev4 .un_evTable td[rowspan],
#ev6 .un_evTable td[rowspan] {
  vertical-align: middle;
}

/*
 * rowspan 直後の行は列が1つずれる（No列が欠ける）ため、
 * 「2セルだけの行」は 1列目=項目 / 2列目=試験結果 として扱う
 */
#ev4 .un_evTable tbody tr:has(> td:nth-child(2)):not(:has(> td:nth-child(3)))>td:first-child,
#ev6 .un_evTable tbody tr:has(> td:nth-child(2)):not(:has(> td:nth-child(3)))>td:first-child {
  text-align: left;
}

#ev4 .un_evTable tbody tr:has(> td:nth-child(2)):not(:has(> td:nth-child(3)))>td:last-child,
#ev6 .un_evTable tbody tr:has(> td:nth-child(2)):not(:has(> td:nth-child(3)))>td:last-child {
  text-align: center;
}

#ev4 .un_evTable tbody td:last-child,
#ev6 .un_evTable tbody td:last-child {
  text-align: center;
  padding-left: 20px;
}

@media screen and (max-width: 767px) {

  .un_evTable th,
  .un_evTable td {
    font-size: 13px;
    padding: 10px 12px;
  }

  #ev4 .un_evTable tbody td:nth-child(2),
  #ev6 .un_evTable tbody td:nth-child(2),
  #ev4 .un_evTable tbody tr:has(> td:nth-child(2)):not(:has(> td:nth-child(3)))>td:first-child,
  #ev6 .un_evTable tbody tr:has(> td:nth-child(2)):not(:has(> td:nth-child(3)))>td:first-child {
    padding-left: 20px;
  }

  #ev4 .un_evTable tbody td:last-child,
  #ev6 .un_evTable tbody td:last-child {
    padding-left: 12px;
  }

  /* ev7: 薬品名の長い行（Asphalt cleaner 等）が崩れるのを防ぐ */
  .un_ev7_table .un_evTable {
    table-layout: fixed;
  }

  .un_ev7_table .un_evTable th:first-child,
  .un_ev7_table .un_evTable td:first-child {
    width: 60%;
  }

  .un_ev7_table .un_evTable th:last-child,
  .un_ev7_table .un_evTable td:last-child {
    white-space: nowrap;
  }

  .un_ev7_table .un_evTable th,
  .un_ev7_table .un_evTable td {
    font-size: 14px;
    padding: 12px;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }
}

/* ──────────────────────────────────────────
   結果テキストボックス
────────────────────────────────────────── */
.un_evResultBox {
  background: #1D1D1D;
  border: 2px solid #009EE5;
  padding: 32px 48px;
  margin-top: 48px;
}

.un_evResultBox--inline {
  margin-top: 24px;
  padding: 20px 24px;
}

.un_evResultBox--inline .un_evResultBox_txt {
  font-size: 16px;
}

.un_evResultBox_txt {
  font-family: "Noto Serif JP", serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.05em;
  color: #fff;
  margin: 0;
}

.un_evResultBox_accent {
  color: #E9F092;
}

@media screen and (max-width: 767px) {
  .un_evResultBox {
    padding: 36px 24px;
    margin-top: 32px;
  }

  .un_evResultBox_txt {
    font-size: 20px;
  }
}