/* Original static trial site's common design is retained; subpages only. */
body#preview-subpage {background:#f5f6f3; color:#183128; }
#preview-subpage .header {background:#fff; box-shadow:0 3px 20px rgba(0,47,22,.09);}
#preview-subpage .header_inner {box-sizing:border-box; max-width:1060px; width:calc(100% - 32px); margin:0 auto; padding:19px 12px 15px; }
#preview-subpage .header_top {margin-bottom:16px;}
#preview-subpage .header_logo_all {display:block; max-width:470px; height:auto;}
#preview-subpage .header_logo_home,#preview-subpage .header_logo_sp {display:none;}
#preview-subpage .menu_btn {display:none;}
#preview-subpage .globalnavi {display:flex;}
#preview-subpage .globalnavi li {white-space:normal; padding:0 8px; }
#preview-subpage .globalnavi a {font-size:13px; text-align:center; line-height:1.4;}
#preview-subpage .globalnavi li.is-current a {color:#006638; font-weight:700;}
.vm-hero {background:#075336; color:#fff; position:relative; overflow:hidden; padding:0;}
.vm-hero .vm-hero-bg {position:absolute; inset:0; overflow:hidden;}
.vm-hero .vm-hero-bg img {width:100%;height:100%;object-fit:cover;filter:brightness(.46) saturate(.75);}
.vm-hero .vm-hero-inner {position:relative;z-index:1;max-width:1000px;min-height:245px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:35px 25px; box-sizing:border-box;}
.vm-hero h1 {font-size:32px;letter-spacing:.05em;line-height:1.45;color:#fff;margin:7px 0;}
.vm-hero p {color:#ecf4ee;max-width:730px;line-height:1.8;font-size:14px;margin:5px 0;}
.vm-hero .vm-eyebrow {color:#aaddbf;letter-spacing:.19em;font-size:12px;font-weight:700;}
.vm-crumb {max-width:1000px;margin:0 auto;padding:15px 25px 0;color:#647a6a;font-size:12px;}
.vm-crumb a {color:#38684b;text-decoration:none;}
.vm-crumb span {padding:0 7px;}
.vm-page {max-width:1000px;margin:0 auto;padding:25px 25px 80px;display:grid;grid-template-columns:minmax(0,720px) minmax(220px,240px);gap:32px;align-items:start;box-sizing:border-box;}
.vm-main {background:#fff;padding:30px 34px 38px;min-width:0;border:1px solid #e7ebe5;border-top:4px solid #006638;box-shadow:0 12px 26px rgba(0,41,22,.04);}
.vm-lead {font-size:16px;line-height:2; color:#283d31;margin:0 0 24px;}
.vm-main h2 {font-size:22px;line-height:1.5;color:#004d32;margin:0 0 22px;padding:0 0 11px;border-bottom:2px solid #d3e3d5;}
.vm-main h2::after {display:none;}
.vm-main h3 {font-size:16px;color:#1a4730;line-height:1.65;margin:0 0 10px;}
.vm-main p,.vm-main li {font-size:14px;line-height:1.95;}
.vm-main a {color:#00663b;text-decoration:underline;text-underline-offset:3px;}
.vm-section {margin-top:36px;}
.vm-section:first-child {margin-top:0;}
.vm-photo-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 25px;}
.vm-photo {margin:0;background:#f4f5f2;border:1px solid #e4e9e2;padding:8px;}
.vm-photo img {display:block;width:100%;max-height:290px;aspect-ratio:4/3;object-fit:contain;background:#fff;}
.vm-photo figcaption {padding:9px 4px 4px;color:#596d5d;text-align:center;font-size:12px;line-height:1.65;}
.vm-section > .vm-photo {max-width:720px;margin:14px 0 25px;}
.vm-section > .vm-photo img {aspect-ratio:16/9;object-fit:contain;max-height:430px;}
.vm-bullets {list-style:disc;padding-left:24px;margin:12px 0 20px;}
.vm-bullets li {padding-bottom:5px;}
.vm-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 28px;}
.vm-card {min-width:0;background:#fff;border:1px solid #dce7df;overflow:hidden;transition:transform .2s,box-shadow .2s;}
.vm-card:hover {transform:translateY(-2px);box-shadow:0 9px 18px rgba(0,40,10,.09);}
.vm-card > a {display:block;color:#143728;text-decoration:none;}
.vm-card img {display:block;width:100%;height:155px;object-fit:cover;background:#f3f5f1;}
.vm-card div {padding:15px;}
.vm-card h3 {font-size:17px;color:#005338;margin:0 0 6px;}
.vm-card p {font-size:13px;line-height:1.75;margin:0 0 10px;}
.vm-card-link {font-size:12px;font-weight:700;color:#006638;}
.vm-step-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.vm-step {border:1px solid #dee7df;background:#fbfcfa;padding:13px;}
.vm-step img {width:100%;height:115px;object-fit:cover;background:white;}
.vm-step .vm-step-no {display:inline-block;color:#23875b;letter-spacing:.14em;font-weight:800;font-size:12px;margin:8px 0 2px;}
.vm-step h3 {margin:0;}
.vm-step p {margin:4px 0;font-size:12px;}
.vm-table-scroll {overflow-x:auto;}
.vm-facts {width:100%;border-collapse:collapse;margin:5px 0 18px;font-size:13px;}
.vm-facts th,.vm-facts td {padding:13px 14px;text-align:left;border-bottom:1px solid #e3e8e3;vertical-align:top;line-height:1.8;}
.vm-facts th {width:155px;background:#f3f7f3;color:#164934;font-weight:700;}
.vm-info,.vm-warn {border:1px solid #b7d6c2;background:#f0f8f1;padding:16px 18px;margin:20px 0;}
.vm-warn {border-color:#dfca97;background:#fff9e9;}
.vm-info strong,.vm-warn strong {font-size:14px;color:#264c2e;}
.vm-info p,.vm-warn p {font-size:13px;margin:6px 0 0;}
.vm-sidebar {background:#fff;padding:20px;border:1px solid #e5eae4;}
.vm-sidebar > h2 {font-size:14px;color:#005336;padding:0 0 12px;margin:0 0 8px;border-bottom:2px solid #006638;}
.vm-sidebar ul {padding:0;margin:0;list-style:none;}
.vm-sidebar li {border-bottom:1px solid #edf0eb;}
.vm-sidebar a {display:block;padding:11px 1px;font-size:13px;line-height:1.6;color:#405247;text-decoration:none;}
.vm-sidebar a:hover,.vm-sidebar a[aria-current="page"] {color:#006638;font-weight:700;}
.vm-sidebar .vm-side-note {font-size:12px;background:#f4f8f4;padding:12px;margin-top:20px;line-height:1.8;color:#536a5b;}
.vm-empty-news {border:1px solid #dce7df;background:#fbfcfa;text-align:center;padding:42px 15px;margin-top:20px;}
.vm-empty-news .vm-empty-mark {font-size:34px;color:#5b9474;margin:0;}
.vm-empty-news h2 {border:0;color:#07593c;padding:0;margin:4px 0 10px;font-size:20px;}
.vm-muted {color:#809084;}
.vm-map-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.vm-map-grid section {padding:15px;background:#f8faf8;border:1px solid #dce7de;}
.vm-map-grid h2 {font-size:16px;border-bottom:1px solid #d5e3d9;}
.vm-map-grid ul {list-style:none;padding:0;margin:0;}
.vm-map-grid li {margin:6px 0;}
.vm-map-grid a {font-size:13px;}
.vm-primary-link {display:inline-flex;background:#006638!important;color:white!important;text-decoration:none!important;padding:13px 18px;border-radius:3px;}
#preview-subpage .footer {padding-top:32px;}
#preview-subpage .footer_inner {max-width:1000px;}
#preview-subpage .footer_note {max-width:1000px;}
#preview-subpage .footer_logo a {color:#fff;}
#preview-subpage .footer_pagelist a {color:#fff;}
@media(max-width:980px){
 #preview-subpage .header_inner {padding:15px 12px;max-width:100%;width:100%;}
 #preview-subpage .header_top {justify-content:center;flex-wrap:wrap;gap:10px;}
 #preview-subpage .header_left {width:100%;text-align:center;}
 #preview-subpage .header_left .header_logo_all {max-width:min(440px,100%);margin:0 auto;}
 #preview-subpage .header_right {justify-content:center;}
 #preview-subpage .menu_btn {display:none;}
 .js #preview-subpage .menu_btn {display:block;min-height:44px;padding:10px 12px;width:100%;border:1px solid #d9e6dc;background:#edf4ee;color:#004f32;}
 #preview-subpage .globalnavi {display:flex;flex-wrap:wrap;}
 .js #preview-subpage .globalnavi {display:none;}
 .js #preview-subpage .globalnavi.is-open {display:flex;}
 #preview-subpage .globalnavi li {flex:0 0 50%;height:auto;min-height:42px;padding:0;}
 #preview-subpage .globalnavi a {padding:12px 4px;width:100%;}
 .vm-page {grid-template-columns:1fr;gap:18px;max-width:760px;}
 .vm-sidebar {order:2;}
 .vm-sidebar ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;}
}
@media(max-width:580px){
 .vm-hero .vm-hero-inner {min-height:210px;padding:30px 18px;}
 .vm-hero h1 {font-size:26px;}
 .vm-hero p {font-size:12px;}
 .vm-crumb {padding:10px 16px 0;}
 .vm-page {padding:18px 14px 42px;gap:16px;}
 .vm-main {padding:20px 17px 30px;}
 .vm-main h2 {font-size:20px;}
 .vm-lead {font-size:14px;}
 .vm-cards,.vm-photo-grid,.vm-step-grid,.vm-map-grid {grid-template-columns:1fr;}
 .vm-card img {height:185px;}
 .vm-sidebar {padding:16px;}
 .vm-sidebar ul {grid-template-columns:1fr;}
 .vm-facts th {width:95px;}
 .vm-facts th,.vm-facts td {padding:11px 8px;font-size:12px;}
}
@media(prefers-reduced-motion:reduce){.vm-card {transition:none;}}

/* Keep the long testing label from colliding with the old theme mail icon. */
#preview-subpage .footer_right {float:right;width:250px;max-width:100%;margin:26px 0 0;}
#preview-subpage .footer_contact {display:block;box-sizing:border-box;width:100%;height:auto;min-height:72px;padding:12px 13px;background:#fff;color:#1c3e2d;font-size:12px;line-height:1.5;text-decoration:none;border:1px solid #d0ddce;}
#preview-subpage .footer_contact .footer_contact_botten {display:block;font-size:13px;line-height:1.5;letter-spacing:0;background:#006638;color:#fff!important;padding:7px 4px;margin:7px auto 0;border-radius:3px;}
#preview-subpage .footer_contact .footer_contact_botten::before {content:none!important;}
@media(max-width:980px){#preview-subpage .footer_right{float:none;margin:20px auto;}}

/* STEP 9: Replace low-resolution page hero photos with a plain dark title area. */
.vm-hero { background:#15191d; color:#ffffff; }
.vm-hero .vm-hero-inner { min-height:192px; }
.vm-hero h1 { color:#ffffff; }
.vm-hero p { color:#e4e7e9; }
.vm-hero .vm-eyebrow { color:#c5d2da; }
@media (max-width:580px) { .vm-hero .vm-hero-inner { min-height:164px; } }