.yumail-test-page .yumail-spec { padding: 8px 32px 24px; background: radial-gradient(ellipse at top,#f7fcff,#ecf9ff); font-family: "Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif; color:#073e8d; }
.yumail-test-page .yumail-spec * { box-sizing:border-box; }
.yumail-test-page .yumail-spec .spec-inner { max-width:1340px; margin-inline:auto; }
.yumail-test-page .yumail-spec .spec-heading { text-align:center; margin-bottom:12px; }
.yumail-test-page .yumail-spec .spec-heading h2 { display:inline-block; position:relative; margin:0 0 2px; font-size:36px; line-height:1.35; font-weight:900; }
.yumail-test-page .yumail-spec .spec-heading h2::before,.yumail-test-page .yumail-spec .spec-heading h2::after { content:""; position:absolute; top:8px; width:8px; height:32px; border-inline:2px solid #2588e8; }
.yumail-test-page .yumail-spec .spec-heading h2::before { left:-45px; transform:rotate(-40deg); }
.yumail-test-page .yumail-spec .spec-heading h2::after { right:-45px; transform:rotate(40deg); }
.yumail-test-page .yumail-spec .spec-heading p { margin:0; font-size:18px; line-height:1.6; font-weight:700; text-wrap:balance; word-break:auto-phrase; }
.yumail-test-page .yumail-spec .spec-grid { display:grid; grid-template-columns:1.12fr 1.12fr 1fr; gap:15px; }
.yumail-test-page .yumail-spec .spec-card { min-width:0; border-radius:12px; padding:16px 23px 18px; display:flex; flex-direction:column; }
.yumail-test-page .yumail-spec .spec-card-blue { background:#e3f4ff; }
.yumail-test-page .yumail-spec .spec-card-green { background:#e7f8f2; color:#07876b; }
.yumail-test-page .yumail-spec .spec-card h3 { margin:0; text-align:center; font-size:29px; line-height:1.4; font-weight:900; }
.yumail-test-page .yumail-spec .spec-card h3 span { font-size:23px; white-space:nowrap; }
.yumail-test-page .yumail-spec .spec-illustration { display:grid; grid-template-columns: minmax(80px,1fr) 78px minmax(0,1.45fr); gap:8px; align-items:center; flex:1; min-height:140px; }
.yumail-test-page .yumail-spec img { display:block; max-width:100%; height:auto; }
.yumail-test-page .yumail-spec .spec-envelope { width:140px; justify-self:center; }
.yumail-test-page .yumail-spec .spec-paper { width:78px; }
.yumail-test-page .yumail-spec .spec-illustration p { margin:0; font-size:18px; font-weight:700; line-height:1.5; word-break:auto-phrase; text-wrap:balance; }
.yumail-test-page .yumail-spec .spec-min { margin:0; padding:4px 6px; border-radius:6px; background:#1176bf; color:white; text-align:center; font-size:22px; font-weight:900; line-height:1.4; }
.yumail-test-page .yumail-spec .spec-card-green .spec-min { background:#209c78; }
.yumail-test-page .yumail-spec .spec-min strong { color:#ffe995; font-size:30px; margin-left:7px; white-space:nowrap; }
.yumail-test-page .yumail-spec .spec-min strong span { color:white; font-size:18px; }
.yumail-test-page .yumail-spec .spec-print { padding:16px 20px; border:1px solid #d5edff; border-radius:11px; background:white; box-shadow:0 2px 8px #147cc80b; }
.yumail-test-page .yumail-spec .spec-print-row { display:grid; grid-template-columns:65px minmax(0,1fr); gap:14px; align-items:start; padding:4px 0 16px; }
.yumail-test-page .yumail-spec .spec-print-row + .spec-print-row { border-top:1px solid #c9d8e9; padding:16px 0 0; }
.yumail-test-page .yumail-spec .spec-print-row img { width:65px; }
.yumail-test-page .yumail-spec .spec-print h3 { margin:0 0 4px; font-size:24px; line-height:1.4; font-weight:900; text-wrap:balance; }
.yumail-test-page .yumail-spec .spec-print p { margin:0; font-size:18px; line-height:1.5; font-weight:400; word-break:auto-phrase; text-wrap:balance; }
@media(max-width:1199px) {
  .yumail-test-page .yumail-spec .spec-grid { grid-template-columns:1fr 1fr; }
  .yumail-test-page .yumail-spec .spec-print { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:24px; }
  .yumail-test-page .yumail-spec .spec-print-row + .spec-print-row { border-top:0; border-left:1px solid #c9d8e9; padding:4px 0 16px 24px; }
  .yumail-test-page .yumail-spec .spec-pc { display:none; }
}
@media(max-width:999px) {
  .yumail-test-page .yumail-spec { padding:24px 16px; }
  .yumail-test-page .yumail-spec .spec-heading { margin-bottom:18px; }
  .yumail-test-page .yumail-spec .spec-heading h2 { font-size:28px; }
  .yumail-test-page .yumail-spec .spec-heading h2::before { left:-30px; }
  .yumail-test-page .yumail-spec .spec-heading h2::after { right:-30px; }
  .yumail-test-page .yumail-spec .spec-heading h2::before,.yumail-test-page .yumail-spec .spec-heading h2::after { height:24px; top:5px; width:6px; }
  .yumail-test-page .yumail-spec .spec-heading p { font-size:16px; }
  .yumail-test-page .yumail-spec .spec-grid { grid-template-columns:1fr; }
  .yumail-test-page .yumail-spec .spec-card { padding:16px; }
  .yumail-test-page .yumail-spec .spec-card h3 { font-size:25px; }
  .yumail-test-page .yumail-spec .spec-card h3 span { display:block; font-size:20px; }
  .yumail-test-page .yumail-spec .spec-illustration { grid-template-columns:100px 64px minmax(0,1fr); min-height:150px; }
  .yumail-test-page .yumail-spec .spec-envelope { width:100px; }
  .yumail-test-page .yumail-spec .spec-paper { width:64px; }
  .yumail-test-page .yumail-spec .spec-illustration p { font-size:16px; }
  .yumail-test-page .yumail-spec .spec-print { grid-column:auto; display:block; padding:18px; }
  .yumail-test-page .yumail-spec .spec-print-row + .spec-print-row { border-left:0; border-top:1px solid #c9d8e9; padding:18px 0 0; }
  .yumail-test-page .yumail-spec .spec-print h3 { font-size:21px; }
  .yumail-test-page .yumail-spec .spec-print p { font-size:16px; }
}