.yumail-test-page .yumail-features { font-family: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif; color: #253c70; padding: 28px 30px 30px; background: radial-gradient(ellipse at 50% 0, #f6fcff, #e9f8ff); }
.yumail-test-page .yumail-features .features-inner { max-width: 1345px; margin-inline: auto; }
.yumail-test-page .yumail-features .features-heading { text-align: center; margin-bottom: 18px; }
.yumail-test-page .yumail-features .features-heading h2 { display: inline-block; position: relative; margin: 0 0 5px; color: #00469f; font-size: 38px; font-weight: 900; line-height: 1.4; }
.yumail-test-page .yumail-features .features-heading h2::before, .yumail-test-page .yumail-features .features-heading h2::after { content: ""; position: absolute; top: 10px; width: 10px; height: 42px; border-inline: 2px solid #0861c3; }
.yumail-test-page .yumail-features .features-heading h2::before { left: -49px; transform: rotate(-36deg); }
.yumail-test-page .yumail-features .features-heading h2::after { right: -49px; transform: rotate(36deg); }
.yumail-test-page .yumail-features .features-heading p { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.6; }
.yumail-test-page .yumail-features .features-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 15px; }
.yumail-test-page .yumail-features .feature-card { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 15px; align-items: center; padding: 16px 17px; border-radius: 11px; background: #ffffffed; min-width: 0; }
.yumail-test-page .yumail-features .feature-image { display: block; width: 130px; max-width: 100%; height: auto; }
.yumail-test-page .yumail-features .feature-copy { min-width: 0; }
.yumail-test-page .yumail-features .feature-copy h3 { margin: 0 0 8px; color: #00469f; font-size: 24px; font-weight: 900; line-height: 1.35; }
.yumail-test-page .yumail-features .feature-copy p { margin: 0; font-weight: 400; font-size: 16px; line-height: 1.46; overflow-wrap: break-word; text-wrap: balance; word-break: auto-phrase; }
.yumail-test-page .yumail-features .pc-only { display: none; }
@media (min-width: 1351px) { .yumail-test-page .yumail-features .pc-only { display: inline; } }
.yumail-test-page .yumail-features .sp-only { display: none; }
.yumail-test-page .yumail-features .keep { white-space: nowrap; }
@media (max-width: 1350px) {
  .yumail-test-page .yumail-features .features-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .yumail-test-page .yumail-features .pc-only { display: none; }
  .yumail-test-page .yumail-features .feature-copy p { line-height: 1.7; }
}
@media (min-width: 700px) and (max-width: 999px) {
  .yumail-test-page .yumail-features .features-grid { grid-template-columns: 1fr; }
  .yumail-test-page .yumail-features .feature-card { grid-template-columns: 90px minmax(0,1fr); gap: 12px; padding: 18px 14px; }
  .yumail-test-page .yumail-features .feature-image { width: 90px; }
  .yumail-test-page .yumail-features .feature-copy h3 { font-size: 22px; text-wrap: balance; }
}
@media (max-width: 699px) {
  .yumail-test-page .yumail-features { padding: 30px 16px; }
  .yumail-test-page .yumail-features .features-heading { margin-bottom: 22px; }
  .yumail-test-page .yumail-features .features-heading h2 { font-size: 27px; margin-bottom: 12px; }
  .yumail-test-page .yumail-features .features-heading h2::before, .yumail-test-page .yumail-features .features-heading h2::after { height: 27px; top: 5px; width: 6px; }
  .yumail-test-page .yumail-features .features-heading h2::before { left: -25px; }
  .yumail-test-page .yumail-features .features-heading h2::after { right: -25px; }
  .yumail-test-page .yumail-features .features-heading p { font-size: 15px; line-height: 1.7; }
  .yumail-test-page .yumail-features .sp-only { display: inline; }
  .yumail-test-page .yumail-features .features-grid { grid-template-columns: 1fr; gap: 12px; }
  .yumail-test-page .yumail-features .feature-card { grid-template-columns: 86px minmax(0,1fr); padding: 17px 12px; gap: 12px; }
  .yumail-test-page .yumail-features .feature-image { width: 86px; }
  .yumail-test-page .yumail-features .feature-copy h3 { font-size: 20px; text-wrap: balance; }
  .yumail-test-page .yumail-features .feature-copy p { font-size: 15px; line-height: 1.65; }
}