.vr-quality-20-22 .q-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.vr-quality-20-22 .q-pair>div{background:#fff;border-top:3px solid #327e6e;padding:12px 8px;text-align:center}
.vr-quality-20-22 .q-pair span{font-size:15px;display:block;line-height:1.6}
.vr-quality-20-22 .q-pair strong{display:block;font-size:24px;line-height:1.7;color:#165b4e;margin-top:6px}
.vr-quality-20-22 .q-pair strong .vr-nowrap{font:inherit}
.vr-quality-20-22 .q-value{display:flex;justify-content:space-between;gap:8px;margin:10px 0!important;align-items:baseline}
.vr-quality-20-22 .q-value b{white-space:nowrap;font-size:18px}
.vr-quality-20-22 .q-breakdown{background:#fff;padding:12px 14px;margin:14px 0}
.vr-quality-20-22 .q-breakdown h3{font-size:18px;margin:12px 0 8px}
.vr-quality-20-22 .q-bars p{margin:8px 0;font-size:16px}
.vr-quality-20-22 .q-parallel{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0;border-top:2px solid #7d9e91;padding-top:12px}
.vr-quality-20-22 .q-parallel>section{margin:0;padding:0;min-width:0}
.vr-quality-20-22 .q-parallel h3{font-size:18px;text-align:center;margin:8px 0}
.vr-quality-20-22 .q-parallel .n-flow li{padding:10px 8px}
.vr-quality-20-22 .q-check-list section{border-left:3px solid #327e6e;background:#fff;padding:12px;margin:12px 0}
.vr-quality-20-22 .q-check-list h3{margin:0 0 6px;font-size:18px}
.vr-quality-20-22 .q-check-list p{margin:0}
.vr-quality-20-22 .q-essential,.vr-quality-20-22 .q-visible-note{padding:14px;background:#fff9ed;border-left:4px solid #a66c33;font-size:16px;line-height:1.85}
.vr-quality-20-22 .q-more{margin:24px 0}
.vr-quality-20-22 .q-more>h2{font-size:24px}
.vr-quality-20-22 .q-topic section{margin:14px 0}
.vr-quality-20-22 .q-topic h3{font-size:20px;line-height:1.7}
.vr-quality-20-22 .q-topic h4{font-size:18px;line-height:1.7}
.vr-quality-20-22 .q-payment{margin:16px 0}
.vr-quality-20-22 .q-payment p{margin:4px 0;font-size:15px}
.vr-quality-20-22 .q-payment p:first-child{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px}
.vr-quality-20-22 .q-payment b{white-space:nowrap}
.vr-quality-20-22 .q-payment .n-pay-track{height:24px;margin:6px 0}
@media(max-width:600px){
 .vr-quality-20-22 .vr-diagram{padding:14px 10px}
 .vr-quality-20-22 .vr-diagram figcaption{margin-bottom:14px}
 .vr-quality-20-22 .n-compare{gap:12px}
 .vr-quality-20-22 .n-compare>div{padding:10px 8px}
 .vr-quality-20-22 .n-legend p{margin:7px 0}
 .vr-quality-20-22 .n-result{padding:10px 8px;margin:12px 0}
 .vr-quality-20-22 .n-result strong{margin-top:4px}
 .vr-quality-20-22 .n-flow{margin:12px 0}
 .vr-quality-20-22 .n-flow li{padding:10px;margin-bottom:26px}
 .vr-quality-20-22 .n-flow li:not(:last-child):after{bottom:-27px}
 .vr-quality-20-22 .n-pay>div{margin:12px 0}
 .vr-quality-20-22 .n-pay p{margin:3px 0}
 .vr-quality-20-22 .vr-diagram .vr-note{margin-top:14px}
 .vr-quality-20-22 .q-parallel{gap:8px}
 .vr-quality-20-22 .q-parallel .n-flow strong{font-size:18px}
 .vr-quality-20-22 .q-parallel .n-flow li>span{font-size:15px}
 .vr-quality-20-22 .q-value{flex-wrap:wrap}
 .vr-quality-20-22 .q-pair strong{font-size:23px}
 .vr-quality-20-22 .q-pair>div{padding:10px 4px}
 .vr-quality-20-22 .n-dots{max-width:200px;gap:3px}
 .vr-quality-20-22 .q-compact-legend .n-legend p{grid-template-columns:12px 1fr auto}
 .vr-quality-20-22 .q-compact-legend .n-legend b{grid-column:auto}
}