:root { --green: #00452b; --green-dark: #002f20; --gold: #a87b16; --gold2: #d6b445; --ink: #14241b; --cream: #fbf8ef; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0px; color: var(--ink); background: rgb(247, 243, 232); font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif; overflow-x: hidden; }
.site-header { height: 78px; background: rgba(255, 255, 255, 0.984); border-bottom: 3px solid var(--gold); position: relative; z-index: 20; }
.header-inner { width: calc(100% - 48px); max-width: 1320px; height: 100%; margin: 0px auto; display: grid; grid-template-columns: minmax(250px, 300px) minmax(410px, 1fr) minmax(320px, 340px); align-items: center; gap: 14px; }
.brand { display: block; color: var(--green); text-decoration: none; white-space: nowrap; line-height: 1; min-width: 0px; }
.brand-sub { display: block; font-size: 16px; letter-spacing: 0.2em; margin-bottom: 8px; }
.brand-main { display: block; font-size: 31px; letter-spacing: 0.16em; font-weight: 700; }
.global-nav { display: flex; align-items: center; justify-content: center; min-width: 0px; overflow: hidden; }
.global-nav a { color: rgb(27, 37, 31); text-decoration: none; font-size: clamp(13px, 1.05vw, 16px); letter-spacing: 0.09em; padding: 0px clamp(8px, 1.1vw, 16px); border-left: 1px solid rgba(181, 138, 28, 0.45); white-space: nowrap; }
.global-nav a:last-child { border-right: 1px solid rgba(181, 138, 28, 0.45); }
.header-tel { text-align: right; color: var(--green); min-width: 0px; overflow: hidden; }
.tel-main { font-family: Arial, "Helvetica Neue", sans-serif; font-size: clamp(25px, 2.25vw, 32px); line-height: 1; font-weight: 800; letter-spacing: 0.02em; white-space: nowrap; }
.tel-icon { font-size: 0.85em; margin-right: 7px; position: relative; top: -1px; }
.tel-note { margin-top: 8px; color: rgb(59, 51, 40); font-size: clamp(13px, 1vw, 14px); letter-spacing: 0.02em; white-space: nowrap; }
h1 { margin: 10px 0px; color: var(--green); font-size: clamp(43px, 4.15vw, 50px); line-height: 1.28; letter-spacing: 0.08em; font-weight: 700; text-shadow: rgba(255, 255, 255, 0.55) 0px 1px 0px; }
h1 span { color: var(--gold); }
@media (max-width: 1260px) {
.header-inner { grid-template-columns: minmax(230px, 280px) minmax(390px, 1fr) minmax(300px, 320px); gap: 10px; width: calc(100% - 32px); }
.brand-main { font-size: 28px; }
.brand-sub { font-size: 14px; }
h1 { font-size: clamp(40px, 4vw, 48px); line-height: 1.25; }
}
@media (max-width: 1180px) {
.header-inner { grid-template-columns: 230px minmax(320px, 1fr) 270px; width: calc(100% - 24px); }
.global-nav a { font-size: 13px; padding: 0px 7px; letter-spacing: 0.04em; }
.tel-main { font-size: 24px; }
.tel-note { font-size: 12px; }
.brand-main { font-size: 24px; }
h1 { font-size: clamp(36px, 3.9vw, 43px); line-height: 1.24; }
}
@media (max-width: 1040px) {
h1 { font-size: clamp(34px, 3.75vw, 39px); }
}
@media (max-height: 760px) {
h1 { font-size: clamp(38px, 4vw, 46px); line-height: 1.24; }
}
.container { width: calc(100% - 80px); max-width: 1180px; margin: 0px auto; }
.section-label { margin: 0px 0px 14px; color: var(--gold); font-size: 15px; font-weight: 800; letter-spacing: 0.16em; }
.problem-section, .items-section, .cannot-section, .trust-section, .access-section { padding: 86px 0px; background: rgb(255, 253, 248); }
.hp-field { position: absolute; left: -9999px; }
.fixed-contact { position: fixed; right: 22px; bottom: 22px; z-index: 50; display: flex; overflow: hidden; border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.18) 0px 12px 30px; }
.fixed-contact div { background: rgb(255, 255, 255); color: var(--green); padding: 10px 18px; }
.fixed-contact small { display: block; font-size: 11px; color: rgb(138, 104, 28); }
.fixed-contact strong { font-family: Arial, "Helvetica Neue", sans-serif; font-size: 20px; }
.fixed-contact a { display: flex; align-items: center; padding: 0px 20px; background: var(--green); color: rgb(255, 255, 255); text-decoration: none; font-weight: 800; }
.footer { padding: 28px 0px; background: var(--green-dark); color: rgb(255, 255, 255); font-size: 14px; letter-spacing: 0.08em; }
:root { --manual-hero-bottom-space: 60px; --manual-advisor-card-bottom: 60px; }
:root { --fv-copy-top: 78px; --fv-eyebrow-size: 18px; --fv-eyebrow-top: 0px; --fv-eyebrow-margin-bottom: 13px; --fv-title-size: 52px; --fv-title-margin-top: 8px; --fv-title-line-height: 1.25; --fv-lead-size: 24px; --fv-lead-margin-top: 52px; --fv-lead-line-height: 1.55; --fv-cta-bottom: 178px; --fv-points-bottom: 82px; --fv-advisor-bottom: 110px; }
@media (max-width: 1260px) {
:root { --fv-copy-top: 72px; --fv-eyebrow-size: 17px; --fv-eyebrow-top: 0px; --fv-eyebrow-margin-bottom: 12px; --fv-title-size: 49px; --fv-title-margin-top: 8px; --fv-title-line-height: 1.25; --fv-lead-size: 22px; --fv-lead-margin-top: 44px; --fv-lead-line-height: 1.52; --fv-cta-bottom: 172px; --fv-points-bottom: 78px; --fv-advisor-bottom: 108px; }
}
@media (max-width: 1180px) {
:root { --fv-copy-top: 64px; --fv-eyebrow-size: 16px; --fv-eyebrow-margin-bottom: 11px; --fv-title-size: 44px; --fv-title-margin-top: 8px; --fv-title-line-height: 1.24; --fv-lead-size: 19.5px; --fv-lead-margin-top: 34px; --fv-lead-line-height: 1.5; --fv-cta-bottom: 158px; --fv-points-bottom: 70px; --fv-advisor-bottom: 100px; }
}
@media (max-width: 1040px) {
:root { --fv-copy-top: 50px; --fv-eyebrow-size: 15px; --fv-eyebrow-margin-bottom: 9px; --fv-title-size: 39px; --fv-title-margin-top: 7px; --fv-title-line-height: 1.23; --fv-lead-size: 17px; --fv-lead-margin-top: 24px; --fv-lead-line-height: 1.45; --fv-cta-bottom: 142px; --fv-points-bottom: 60px; --fv-advisor-bottom: 90px; }
}
@media (max-height: 760px) {
:root { --fv-copy-top: 34px; --fv-eyebrow-size: 17px; --fv-eyebrow-top: 0px; --fv-eyebrow-margin-bottom: 8px; --fv-title-size: 36px; --fv-title-margin-top: 30px; --fv-title-line-height: 1.4; --fv-lead-size: 19px; --fv-lead-margin-top: 32px; --fv-lead-line-height: 1.6; --fv-cta-bottom: 146px; --fv-points-bottom: 64px; --fv-advisor-bottom: 96px; }
}
@media (max-height: 680px) {
:root { --fv-copy-top: 25px; --fv-eyebrow-size: 17px; --fv-eyebrow-top: 0px; --fv-eyebrow-margin-bottom: 8px; --fv-title-size: 32px; --fv-title-margin-top: 20px; --fv-title-line-height: 1.4; --fv-lead-size: 17px; --fv-lead-margin-top: 28px; --fv-lead-line-height: 1.6; --fv-cta-bottom: 140px; --fv-points-bottom: 60px; --fv-advisor-bottom: 68px; }
}
.access-section { padding: 86px 0px 96px; background: radial-gradient(circle at 50% 0%, rgba(214, 180, 69, 0.13), rgba(214, 180, 69, 0) 34%), rgb(255, 253, 248); }
.company-container { max-width: 1220px; }
.company-heading { display: flex; align-items: center; justify-content: center; gap: 26px; margin-bottom: 14px; }
.company-heading .section-label { margin: 0px; color: var(--green); font-size: 40px; line-height: 1; letter-spacing: 0.18em; font-weight: 800; }
.company-heading-line { width: 140px; height: 1px; background: linear-gradient(90deg, rgba(168, 123, 22, 0), rgba(168, 123, 22, 0.9), rgba(168, 123, 22, 0)); position: relative; }
.company-heading-line::before { content: ""; position: absolute; top: 50%; width: 9px; height: 9px; border: 1px solid rgba(168, 123, 22, 0.72); transform: translateY(-50%) rotate(45deg); background: rgb(255, 253, 248); }
.company-heading-line:first-child::before { right: -3px; }
.company-heading-line:last-child::before { left: -3px; }
.company-lead { margin: 0px 0px 38px; text-align: center; color: rgb(50, 43, 36); font-size: 20px; line-height: 1.8; letter-spacing: 0.08em; }
.company-layout { display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(390px, 0.85fr); gap: 26px; align-items: stretch; }
.company-card { background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(168, 123, 22, 0.24); border-radius: 22px; box-shadow: rgba(52, 39, 15, 0.09) 0px 18px 44px; }
.company-table { margin: 0px; border: 1px solid rgba(168, 123, 22, 0.22); border-radius: 10px; overflow: hidden; background: rgb(255, 253, 248); }
.company-row { display: grid; grid-template-columns: 210px minmax(0px, 1fr); min-height: 68px; border-bottom: 1px solid rgba(168, 123, 22, 0.2); }
.company-row:last-child { border-bottom: 0px; }
.company-row dt, .company-row dd { display: flex; align-items: center; margin: 0px; letter-spacing: 0.08em; }
.company-row dt { justify-content: center; padding: 14px 18px; background: linear-gradient(135deg, var(--green), var(--green-dark)); color: rgb(255, 255, 255); font-size: 19px; font-weight: 800; border-bottom: 1px solid rgba(255, 255, 255, 0.23); }
.company-row:last-child dt { border-bottom: 0px; }
.company-row dd { padding: 14px 34px; color: rgb(31, 27, 23); font-size: 19px; line-height: 1.75; border-left: 1px solid rgba(168, 123, 22, 0.22); }
.map-button { margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 18px; min-height: 70px; padding: 0px 22px; border-radius: 10px; border: 2px solid rgba(214, 180, 69, 0.62); background: linear-gradient(135deg, var(--green), var(--green-dark)); color: rgb(246, 230, 175); text-decoration: none; font-size: 23px; font-weight: 800; letter-spacing: 0.1em; box-shadow: rgba(0, 69, 43, 0.18) 0px 12px 26px; }
.map-button .material-symbols-outlined { font-size: 30px; }
@media (max-width: 1100px) {
.company-layout { grid-template-columns: 1fr; }
.company-heading .section-label { font-size: 34px; }
.company-heading-line { width: 100px; }
}
@media (max-width: 760px) {
.access-section { padding: 64px 0px 78px; }
.company-heading { gap: 14px; }
.company-heading .section-label { font-size: 29px; letter-spacing: 0.12em; }
.company-heading-line { width: 52px; }
.company-lead { font-size: 16px; text-align: left; margin-bottom: 24px; }
.company-row { grid-template-columns: 1fr; min-height: 0px; }
.company-row dt { justify-content: flex-start; font-size: 15px; padding: 9px 14px; }
.company-row dd { border-left: 0px; font-size: 16px; padding: 12px 14px 14px; }
.map-button { min-height: 60px; font-size: 17px; gap: 10px; }
}
.company-container { max-width: 1160px; }
.company-lead { margin: 0px 0px 34px; }
.company-layout { display: block; }
.company-stack-card { padding: 42px 46px 38px; }
.company-table { border-radius: 14px; margin-bottom: 30px; }
.company-row { grid-template-columns: 260px minmax(0px, 1fr); }
.company-row dt { font-size: 18px; }
.company-row dd { font-size: 17px; padding: 16px 28px; }
.company-map-panel { display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(300px, 0.95fr); gap: 28px; align-items: center; padding: 12px; border: 1px solid rgba(168, 123, 22, 0.22); border-radius: 14px; background: rgb(255, 253, 248); }
.company-map-visual { position: relative; display: block; min-height: 238px; overflow: hidden; border: 1px solid rgba(168, 123, 22, 0.2); border-radius: 12px; background: rgb(239, 233, 220); text-decoration: none; }
.company-map-info { display: flex; min-height: 238px; flex-direction: column; justify-content: center; align-items: flex-start; padding: 8px 6px; }
.company-map-search { margin: 0px 0px 24px; color: rgb(31, 27, 23); font-size: 18px; line-height: 1.8; font-weight: 700; letter-spacing: 0.08em; }
.company-map-caption { width: 100%; margin: 24px 0px 0px; padding-top: 22px; border-top: 1px dotted rgba(168, 123, 22, 0.42); color: rgb(90, 80, 67); font-size: 15px; line-height: 1.8; letter-spacing: 0.05em; }
.map-button { width: 100%; max-width: 390px; min-height: 76px; font-size: 20px; letter-spacing: 0.08em; }
@media (max-width: 960px) {
.company-stack-card { padding: 30px 24px 24px; }
.company-row { grid-template-columns: 220px minmax(0px, 1fr); }
.company-map-panel { grid-template-columns: 1fr; gap: 20px; }
.company-map-info { min-height: 0px; padding: 0px; }
.company-map-search { margin-bottom: 16px; }
.map-button { max-width: none; }
}
@media (max-width: 760px) {
.company-stack-card { padding: 20px 16px; }
.company-table { margin-bottom: 18px; }
.company-row { grid-template-columns: 1fr; }
.company-row dt { justify-content: flex-start; font-size: 15px; padding: 9px 14px; }
.company-row dd { border-left: 0px; font-size: 16px; padding: 12px 14px 14px; }
.company-map-panel { padding: 10px; }
.company-map-visual { min-height: 210px; }
.company-map-search { font-size: 16px; line-height: 1.7; }
.company-map-caption { font-size: 14px; padding-top: 16px; margin-top: 18px; }
.map-button { min-height: 62px; font-size: 18px; gap: 10px; }
}
.company-map-panel { grid-template-columns: minmax(0px, 1.04fr) minmax(320px, 0.96fr); align-items: stretch; }
.company-map-media { display: flex; flex-direction: column; }
.company-map-visual { min-height: 0px; height: 238px; background: rgb(239, 233, 220); }
.company-map-visual img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
.company-map-info { align-items: center; text-align: center; }
.company-map-search { width: 100%; text-align: center; }
.company-map-caption { text-align: center; }
@media (max-width: 960px) {
.company-map-panel { grid-template-columns: 1fr; }
.company-map-visual { height: 220px; }
}
@media (max-width: 760px) {
.company-map-visual { height: 200px; }
}
.access-section { background: rgb(248, 242, 230); }
.company-map-panel { grid-template-columns: minmax(0px, 1fr) minmax(340px, 0.92fr); gap: 30px; }
.company-map-media { position: relative; }
.company-map-visual { height: 300px; }
.company-map-visual img { object-fit: cover; object-position: center center; }
.company-map-info { min-height: 300px; justify-content: center; align-items: center; gap: 24px; text-align: center; }
.company-map-search { margin: 0px; font-size: 19px; line-height: 1.8; }
.map-button { margin: 0px auto; }
.company-map-caption { width: 100%; margin: 0px; padding-top: 18px; text-align: center; }
@media (max-width: 960px) {
.company-map-panel { grid-template-columns: 1fr; }
.company-map-info { min-height: 0px; gap: 18px; }
}
@media (max-width: 760px) {
.company-map-visual { height: 220px; }
.company-map-search { font-size: 16px; }
.company-map-caption { padding-top: 14px; font-size: 14px; }
}
.company-map-panel { grid-template-columns: 500px minmax(320px, 1fr); justify-content: center; align-items: center; }
.company-map-media { width: 500px; }
.company-map-visual { width: 500px; height: 300px; max-width: 100%; }
.company-map-visual img { width: 500px; height: 300px; max-width: 100%; object-fit: contain; object-position: center center; }
.company-map-info { min-height: 300px; gap: 18px; justify-content: center; }
.company-map-search { margin: 0px; }
.company-map-caption { margin: 0px; padding-top: 14px; }
@media (max-width: 960px) {
.company-map-panel { grid-template-columns: 1fr; }
.company-map-media, .company-map-visual, .company-map-visual img { width: 500px; max-width: 100%; }
.company-map-info { min-height: 0px; gap: 16px; }
}
@media (max-width: 760px) {
.company-map-media, .company-map-visual, .company-map-visual img { width: 100%; height: auto; }
}
@media (max-width: 980px) {
.container { width: min(94%, 1120px) !important; }
}
.company-map-panel { display: grid !important; grid-template-columns: minmax(0px, 500px) minmax(240px, 1fr) !important; gap: 24px !important; align-items: center !important; }
.company-map-media { width: min(100%, 500px) !important; min-width: 0px !important; }
.company-map-visual { width: 100% !important; height: auto !important; aspect-ratio: 500 / 300 !important; min-height: 0px !important; }
.company-map-visual img { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; object-fit: contain !important; object-position: center center !important; }
.company-map-info { min-width: 0px !important; min-height: 0px !important; }
.company-map-search, .company-map-caption { text-align: center !important; }
.map-button { margin: 0px auto !important; max-width: 100% !important; white-space: nowrap !important; }
@media (max-width: 1100px) {
.company-map-panel { grid-template-columns: minmax(0px, 1fr) minmax(230px, 0.9fr) !important; gap: 18px !important; }
}
@media (max-width: 920px) {
.company-map-panel { grid-template-columns: minmax(0px, 1fr) minmax(205px, 0.82fr) !important; gap: 14px !important; }
.company-map-search { font-size: 16px !important; line-height: 1.6 !important; }
.company-map-caption { font-size: 13px !important; line-height: 1.6 !important; }
.map-button { min-height: 60px !important; font-size: 16px !important; gap: 8px !important; }
}
@media (max-width: 760px) {
.company-map-panel { grid-template-columns: minmax(0px, 1fr) minmax(180px, 0.8fr) !important; gap: 12px !important; }
.company-map-visual { height: auto !important; }
}
.access-section { background: rgb(250, 247, 240) !important; }
.faq-heading-v97 h2, .company-heading .section-label { font-size: clamp(30px, 3.2vw, 43px) !important; line-height: 1.42 !important; }
.company-heading .section-label { letter-spacing: 0.08em !important; }
@media (max-width: 760px) {
.faq-heading-v97 h2, .company-heading .section-label { font-size: 27px !important; line-height: 1.42 !important; }
}
.footer-v134 .container { display: flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap; }
.footer-v134 a { color: rgba(255, 255, 255, 0.88); font-size: 12px; letter-spacing: 0.05em; text-decoration: underline; text-underline-offset: 3px; }
.privacy-page { background: rgb(254, 252, 247); }
.privacy-header { position: relative; top: auto; z-index: 10; }
.privacy-main { background: rgb(254, 252, 247); }
.privacy-hero { padding: 82px 0px 54px; background: radial-gradient(circle at 50% 0%, rgba(214, 180, 69, 0.13), rgba(214, 180, 69, 0) 38%), linear-gradient(rgb(255, 253, 250) 0%, rgb(248, 242, 230) 100%); text-align: center; }
.privacy-hero .container { max-width: 1080px; }
.privacy-kicker { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 0px 0px 18px; color: rgb(167, 123, 24); font-size: 15px; line-height: 1.4; letter-spacing: 0.18em; font-weight: 600; }
.privacy-kicker::before, .privacy-kicker::after { content: ""; width: 86px; height: 1px; background: linear-gradient(90deg, transparent, rgba(181, 136, 37, 0.72)); }
.privacy-kicker::after { background: linear-gradient(90deg, rgba(181, 136, 37, 0.72), transparent); }
.privacy-hero h1 { margin: 0px; color: rgb(6, 60, 42); font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif; font-size: clamp(34px, 3.4vw, 48px); line-height: 1.42; letter-spacing: 0.08em; font-weight: 500; }
.privacy-hero p { max-width: 760px; margin: 20px auto 0px; color: rgb(50, 43, 36); font-size: 16px; line-height: 1.95; letter-spacing: 0.055em; }
.privacy-content-section { padding: 58px 0px 84px; }
.privacy-container { max-width: 1040px; }
.privacy-card { padding: 46px 54px 50px; border: 1px solid rgba(181, 136, 37, 0.38); border-radius: 22px; background: rgba(255, 255, 255, 0.86); box-shadow: rgba(52, 39, 15, 0.08) 0px 18px 44px; }
.privacy-block { padding: 0px 0px 28px; margin: 0px 0px 28px; border-bottom: 1px solid rgba(181, 136, 37, 0.18); }
.privacy-block:last-of-type { border-bottom: 0px; margin-bottom: 0px; }
.privacy-block h2 { margin: 0px 0px 14px; color: rgb(6, 60, 42); font-size: 22px; line-height: 1.55; letter-spacing: 0.08em; font-weight: 700; }
.privacy-block p { margin: 0px 0px 12px; color: rgb(47, 42, 36); font-size: 16px; line-height: 1.95; letter-spacing: 0.045em; }
.privacy-block p:last-child { margin-bottom: 0px; }
.privacy-block ul { margin: 12px 0px 0px; padding: 0px; list-style: none; display: grid; gap: 8px; }
.privacy-block li { position: relative; padding-left: 18px; color: rgb(47, 42, 36); font-size: 16px; line-height: 1.75; letter-spacing: 0.045em; }
.privacy-block li::before { content: ""; position: absolute; left: 0px; top: 0.72em; width: 6px; height: 6px; border-radius: 50%; background: rgb(167, 123, 24); }
.privacy-contact-block dl { margin: 18px 0px 0px; border: 1px solid rgba(181, 136, 37, 0.24); border-radius: 12px; overflow: hidden; background: rgb(255, 253, 248); }
.privacy-contact-block dl div { display: grid; grid-template-columns: 180px minmax(0px, 1fr); border-bottom: 1px solid rgba(181, 136, 37, 0.18); }
.privacy-contact-block dl div:last-child { border-bottom: 0px; }
.privacy-contact-block dt, .privacy-contact-block dd { margin: 0px; padding: 13px 18px; font-size: 15px; line-height: 1.65; letter-spacing: 0.045em; }
.privacy-contact-block dt { display: flex; align-items: center; justify-content: center; background: rgb(6, 60, 42); color: rgb(255, 255, 255); font-weight: 700; }
.privacy-contact-block dd { color: rgb(47, 42, 36); }
.privacy-back { margin-top: 34px; text-align: center; }
.privacy-back a { display: inline-flex; align-items: center; justify-content: center; min-width: 230px; min-height: 52px; padding: 0px 26px; border-radius: 999px; background: rgb(6, 60, 42); color: rgb(255, 253, 248); text-decoration: none; font-size: 15px; line-height: 1.4; letter-spacing: 0.08em; font-weight: 700; box-shadow: rgba(0, 69, 43, 0.18) 0px 10px 24px; }
@media (max-width: 760px) {
.privacy-hero { padding: 58px 0px 42px; }
.privacy-kicker::before, .privacy-kicker::after { width: 52px; }
.privacy-card { padding: 32px 22px 36px; border-radius: 18px; }
.privacy-block h2 { font-size: 19px; }
.privacy-block p, .privacy-block li { font-size: 15px; }
.privacy-contact-block dl div { grid-template-columns: 1fr; }
.privacy-contact-block dt { justify-content: flex-start; }
}
:root { --fv-copy-top: 49px; --fv-advisor-bottom: 60px; }
@media (max-width: 1260px) {
:root { --fv-copy-top: 43px; --fv-advisor-bottom: 58px; }
}
@media (max-width: 1180px) {
:root { --fv-copy-top: 38px; --fv-advisor-bottom: 50px; }
}
@media (max-width: 1040px) {
:root { --fv-copy-top: 30px; --fv-advisor-bottom: 40px; }
}
@media (max-height: 760px) {
:root { --fv-copy-top: 20px; --fv-advisor-bottom: 46px; }
}
@media (max-height: 680px) {
:root { --fv-copy-top: 15px; --fv-advisor-bottom: 18px; }
}
:root { --wl-fv-height: 760px; --wl-fv-eyebrow-top: 50px; --wl-fv-eyebrow-min: 18px; --wl-fv-eyebrow-max: 18px; --wl-fv-title-top: 110px; --wl-fv-title-min: 40px; --wl-fv-title-max: 50px; --wl-fv-lead-top: 330px; --wl-fv-lead-min: 22px; --wl-fv-lead-max: 24px; --wl-fv-cta-bottom: 180px; --wl-fv-points-bottom: 80px; --wl-fv-advisor-right: 40px; --wl-fv-advisor-bottom: 80px; }
.service-page { background: rgb(255, 253, 250); color: rgb(36, 50, 37); }
.sub-hero { position: relative; min-height: 640px; overflow: hidden; color: rgb(255, 255, 255); background: rgb(30, 44, 33); }
.sub-hero-media, .sub-hero-shade { position: absolute; inset: 0px; }
.sub-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center center; filter: saturate(0.94) contrast(1.02); }
.sub-hero-shade { background: linear-gradient(90deg, rgba(23, 35, 25, 0.88) 0%, rgba(23, 35, 25, 0.76) 42%, rgba(23, 35, 25, 0.28) 72%, rgba(23, 35, 25, 0.08) 100%); z-index: 1; }
.sub-hero-inner { position: relative; z-index: 2; min-height: 640px; display: grid; grid-template-columns: minmax(0px, 680px) minmax(280px, 360px); gap: 56px; align-items: center; }
.sub-kicker { display: inline-flex; align-items: center; gap: 10px; margin: 0px 0px 22px; padding: 8px 15px; border: 1px solid rgba(217, 181, 111, 0.55); border-radius: 999px; color: rgb(246, 232, 199); background: rgba(255, 255, 255, 0.08); font-size: 15px; font-weight: 700; letter-spacing: 0.04em; }
.sub-hero-copy h1 { margin: 0px; font-size: clamp(38px, 4.1vw, 58px); line-height: 1.28; letter-spacing: 0.02em; text-shadow: rgba(0, 0, 0, 0.26) 0px 2px 20px; }
.sub-hero-copy h1 strong { color: rgb(241, 207, 131); font-weight: 800; }
.sub-hero-copy > p:not(.sub-kicker) { width: min(620px, 100%); margin: 24px 0px 0px; font-size: 20px; line-height: 1.9; color: rgb(247, 241, 223); }
.sub-hero-actions { display: flex; align-items: stretch; gap: 16px; margin-top: 34px; }
.sub-hero-note { align-self: end; margin-bottom: 70px; padding: 24px 26px; border: 1px solid rgba(217, 181, 111, 0.42); border-radius: 24px; background: rgba(255, 253, 246, 0.92); color: rgb(41, 53, 38); box-shadow: rgba(0, 0, 0, 0.25) 0px 18px 40px; }
.sub-hero-note strong { display: block; margin-bottom: 8px; font-size: 20px; color: rgb(23, 53, 31); }
.sub-hero-note p { margin: 0px; color: rgb(75, 87, 76); line-height: 1.8; }
.sub-section { padding: 86px 0px; background: rgb(255, 253, 250); }
.sub-section-head { display: grid; grid-template-columns: minmax(0px, 0.95fr) minmax(360px, 0.8fr); gap: 46px; align-items: end; margin-bottom: 36px; }
.sub-section h2, .sub-section-head h2 { margin: 0px; color: rgb(25, 50, 31); font-size: clamp(30px, 3vw, 43px); line-height: 1.45; letter-spacing: 0.02em; }
.sub-section-head p, .split-layout > div > p, .sub-cost-panel p { margin: 0px; color: rgb(82, 96, 82); font-size: 17px; line-height: 1.95; }
.sub-card-grid { display: grid; gap: 22px; }
.sub-card-grid.three { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.sub-card { padding: 28px 28px 30px; border: 1px solid rgb(229, 218, 194); border-radius: 24px; background: rgb(255, 255, 255); box-shadow: rgba(54, 45, 29, 0.08) 0px 14px 34px; }
.sub-card .material-symbols-outlined { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 15px; background: rgb(236, 242, 229); color: rgb(49, 92, 52); font-size: 28px; }
.sub-card h3 { margin: 18px 0px 10px; color: rgb(29, 51, 34); font-size: 22px; }
.sub-card p { margin: 0px; color: rgb(86, 97, 86); line-height: 1.85; }
.split-layout { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(360px, 480px); gap: 54px; align-items: center; }
.split-layout h2 { margin: 10px 0px 20px; }
.sub-info-card { padding: 34px 38px; border-radius: 26px; background: rgb(255, 255, 255); border: 1px solid rgb(228, 215, 192); box-shadow: rgba(54, 45, 29, 0.08) 0px 14px 34px; }
.sub-info-card h2 { font-size: 28px; margin: 0px 0px 18px; }
.sub-info-card ul { margin: 0px; padding-left: 1.2em; color: rgb(77, 91, 77); line-height: 2; }
.sub-caution-card { background: rgb(255, 250, 240); }
@media (max-width: 1100px) {
.sub-hero-inner, .sub-section-head, .split-layout, .sub-cost-panel { grid-template-columns: 1fr; }
.sub-hero-note { align-self: auto; margin: 0px 0px 48px; }
.sub-card-grid.three, .sub-flow-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 760px) {
.sub-hero, .sub-hero-inner { min-height: auto; }
.sub-hero-inner { padding: 90px 20px 50px; }
.sub-hero-copy h1 { font-size: 34px; }
.sub-hero-copy > p:not(.sub-kicker) { font-size: 17px; }
.sub-hero-actions, .sub-two-columns { flex-direction: column; display: grid; grid-template-columns: 1fr; }
.sub-card-grid.three, .sub-flow-grid, .sub-check-list { grid-template-columns: 1fr; }
.sub-section { padding: 60px 0px; }
}
.footer-links-v150 { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 14px 24px; }
.footer-links-v150 a { color: inherit; text-decoration: none; }
.footer-links-v150 a:hover { text-decoration: underline; }
.area-layout-v150 { align-items: start; }
.area-map-panel-v150 { background: rgb(255, 255, 255); border: 1px solid rgb(225, 211, 186); border-radius: 28px; padding: 18px; box-shadow: rgba(51, 38, 17, 0.08) 0px 18px 42px; }
.area-map-panel-v150 img { width: 100%; height: auto; display: block; border-radius: 20px; background: rgb(255, 255, 255); }
.area-map-panel-v150 p { margin: 12px 6px 0px; color: rgb(100, 112, 100); font-size: 13px; line-height: 1.8; }
.area-chip-list-v150 { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0px 20px; }
.area-chip-list-v150 span { display: inline-flex; align-items: center; justify-content: center; min-width: 92px; padding: 10px 14px; border-radius: 999px; background: rgb(240, 234, 219); color: rgb(6, 75, 46); border: 1px solid rgb(216, 199, 157); font-weight: 800; }
.sub-soft-v150 { background: rgb(254, 252, 247); }
.sub-cta-v150 { padding: 70px 0px; background: rgb(6, 75, 46); color: rgb(255, 255, 255); text-align: center; }
.sub-cta-v150 h2 { margin: 0px 0px 16px; font-size: 34px; line-height: 1.45; }
.sub-cta-v150 p { margin: 0px auto 28px; max-width: 760px; line-height: 1.9; color: rgba(255, 255, 255, 0.86); }
.item-detail-grid-v150 { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px; }
.item-detail-card-v150 { background: rgb(255, 255, 255); border: 1px solid rgb(227, 214, 189); border-radius: 22px; padding: 26px 28px; box-shadow: rgba(54, 45, 29, 0.06) 0px 12px 28px; }
.item-detail-card-v150 h3 { margin: 0px 0px 12px; color: rgb(6, 75, 46); font-size: 22px; }
.item-detail-card-v150 p { margin: 0px; color: rgb(79, 93, 80); line-height: 1.9; }
.item-detail-card-v150 .item-detail-examples-v150 { color: rgb(45, 60, 47); font-weight: 700; margin-bottom: 10px; }
@media (max-width: 900px) {
.item-detail-grid-v150 { grid-template-columns: 1fr; }
.sub-cta-v150 h2 { font-size: 28px; }
}
.sub-hero { min-height: 640px !important; color: rgb(6, 63, 40) !important; background: rgb(255, 253, 250) !important; }
.sub-hero-media img { filter: saturate(1.02) contrast(1.02) brightness(1.04) !important; object-position: center center !important; }
.area-hero .sub-hero-media img { object-position: center center !important; }
.purchase-hero .sub-hero-media img { object-position: center center !important; }
.sub-hero-shade { background: linear-gradient(90deg, rgba(255, 253, 246, 0.98) 0%, rgba(255, 253, 246, 0.96) 28%, rgba(255, 253, 246, 0.78) 44%, rgba(255, 253, 246, 0.34) 60%, rgba(255, 253, 246, 0.08) 76%, rgba(255, 253, 246, 0) 100%) !important; z-index: 1 !important; }
.sub-hero-inner { min-height: 640px !important; align-items: center !important; }
.sub-kicker { color: rgb(6, 63, 40) !important; background: rgba(255, 253, 246, 0.72) !important; border-color: rgb(199, 164, 90) !important; box-shadow: rgba(49, 38, 18, 0.06) 0px 10px 24px !important; }
.sub-hero-copy h1 { color: rgb(6, 63, 40) !important; text-shadow: rgba(255, 255, 255, 0.9) 0px 2px 18px !important; font-size: clamp(42px, 4.2vw, 62px) !important; line-height: 1.28 !important; }
.sub-hero-copy h1 strong { color: rgb(6, 63, 40) !important; font-weight: 800 !important; }
.sub-hero-copy > p:not(.sub-kicker) { color: rgb(35, 51, 38) !important; text-shadow: rgba(255, 255, 255, 0.92) 0px 2px 16px !important; font-size: 19px !important; line-height: 1.9 !important; max-width: 650px !important; }
.sub-hero-note { background: rgba(255, 253, 246, 0.92) !important; border-color: rgba(199, 164, 90, 0.46) !important; color: rgb(35, 51, 38) !important; box-shadow: rgba(49, 38, 18, 0.12) 0px 18px 42px !important; }
.sub-hero-note strong { color: rgb(6, 75, 46) !important; }
@media (max-width: 980px) {
.sub-hero-shade { background: rgba(255, 253, 246, 0.86) !important; }
.sub-hero-copy h1 { font-size: clamp(34px, 9vw, 48px) !important; }
}
.sub-action-row { gap: 14px !important; flex-wrap: wrap !important; }
.sub-action-primary, .sub-action-secondary, .sub-cta-primary-v152, .sub-cta-secondary-v152 { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; min-height: 58px !important; padding: 0px 26px !important; border-radius: 999px !important; text-decoration: none !important; font-weight: 800 !important; letter-spacing: 0.04em !important; line-height: 1.2 !important; transition: transform 0.18s, box-shadow 0.18s, background 0.18s !important; }
.sub-action-primary, .sub-cta-primary-v152 { color: rgb(255, 255, 255) !important; border: 1px solid rgb(6, 75, 46) !important; background: linear-gradient(rgb(10, 90, 56) 0%, rgb(4, 63, 40) 100%) !important; box-shadow: rgba(6, 75, 46, 0.24) 0px 18px 36px !important; }
.sub-action-secondary, .sub-cta-secondary-v152 { color: rgb(6, 75, 46) !important; border: 1px solid rgba(190, 151, 72, 0.72) !important; background: rgba(255, 253, 246, 0.94) !important; box-shadow: rgba(49, 38, 18, 0.1) 0px 16px 34px !important; }
.sub-action-primary .material-symbols-outlined, .sub-action-secondary .material-symbols-outlined, .sub-cta-primary-v152 .material-symbols-outlined, .sub-cta-secondary-v152 .material-symbols-outlined { font-size: 23px !important; line-height: 1 !important; }
.sub-action-secondary { min-width: 238px !important; }
.sub-action-secondary small, .sub-cta-secondary-v152 strong { font-size: 16px !important; font-weight: 900 !important; letter-spacing: 0.02em !important; }
.sub-action-secondary small { padding-left: 2px !important; }
.sub-action-primary:hover, .sub-action-secondary:hover, .sub-cta-primary-v152:hover, .sub-cta-secondary-v152:hover { transform: translateY(-2px) !important; box-shadow: rgba(6, 75, 46, 0.22) 0px 22px 42px !important; }
.sub-cta-actions-v152 { display: flex !important; justify-content: center !important; align-items: center !important; gap: 16px !important; flex-wrap: wrap !important; margin-top: 34px !important; }
.sub-cta-v150 .sub-cta-actions-v152 a { min-width: 230px !important; color: inherit; }
.sub-cta-v150 .sub-cta-primary-v152 { color: rgb(6, 63, 40) !important; border-color: rgb(226, 191, 115) !important; background: linear-gradient(rgb(246, 223, 168) 0%, rgb(217, 177, 94) 100%) !important; box-shadow: rgba(0, 0, 0, 0.22) 0px 18px 36px !important; }
.sub-cta-v150 .sub-cta-secondary-v152 { color: rgb(255, 255, 255) !important; border-color: rgba(255, 255, 255, 0.42) !important; background: rgba(255, 255, 255, 0.12) !important; box-shadow: rgba(0, 0, 0, 0.18) 0px 18px 36px !important; }
@media (max-width: 780px) {
.sub-action-primary, .sub-action-secondary, .sub-cta-primary-v152, .sub-cta-secondary-v152 { width: 100% !important; min-width: 0px !important; }
}
.fv { container-type: inline-size; position: relative; width: 100%; max-width: none; aspect-ratio: 1672 / 941; overflow: hidden; background: var(--green-deep); isolation: isolate; }
.fv__top-line { position: absolute; inset: 0px 0px auto; height: 3cqw; background: linear-gradient(rgb(0, 68, 41) 0%, rgb(0, 45, 27) 100%); z-index: 12; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px, rgba(255, 255, 255, 0.06) 0px 1px 0px inset; }
.fv__photo { position: absolute; top: 0px; right: -1.8cqw; width: 48.45%; height: 82.6%; z-index: 1; overflow: hidden; background: rgb(26, 19, 14); }
.fv__photo img { width: 100%; height: 100%; object-fit: cover; object-position: 53% 0%; display: block; filter: brightness(0.93) contrast(1.02) saturate(0.95); }
.fv__photo::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 72%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); pointer-events: none; }
.fv__white-panel { position: absolute; top: 0px; left: 0px; width: 70.2%; height: 82.6%; z-index: 2; background: rgb(255, 255, 255); clip-path: polygon(0px 0px, 100% 0px, 83.4% 100%, 0px 100%); }
.fv__white-panel::after { content: ""; position: absolute; inset: 0px; opacity: 0.11; background-image: radial-gradient(circle at 1px 1px, rgb(206, 206, 206) 1px, transparent 1.35px); background-size: 18px 18px; }
.fv__copy { position: absolute; top: 5.1cqw; left: 3.35cqw; width: 55.4cqw; z-index: 3; transform: scale(1.25); transform-origin: left top; }
.fv__headline { margin: 0px; color: var(--green); font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif; font-weight: 800; letter-spacing: 0.04em; line-height: 0.84; text-shadow: rgba(0, 0, 0, 0.08) 0px 1px 0px; }
.fv__headline span { display: block; }
.fv__headline-top { font-size: 8.65cqw; white-space: nowrap; }
.fv__headline-bottom { margin-top: 0.035em; font-size: 15.05cqw; letter-spacing: 0.018em; white-space: nowrap; }
.fv__service { margin: calc(1.02cqw + 10px) 0px 0px; transform: translateY(-5px); display: flex; align-items: baseline; gap: 0px; color: var(--green); font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif; font-size: 2cqw; font-weight: 900; letter-spacing: -0.035em; line-height: 1.2; white-space: nowrap; }
.fv__service-text { position: relative; top: -2px; color: var(--green); font-size: 1.1em; font-weight: 900; letter-spacing: -0.038em; margin-right: 10px; }
.fv__service-buy { position: relative; display: inline-block; font-size: 1.95em; font-weight: 900; letter-spacing: 0px; line-height: 0.9; margin: 0px; padding-bottom: 0.2em; color: rgb(255, 109, 47); -webkit-text-fill-color: rgb(255, 109, 47); text-shadow: rgba(255, 255, 255, 0.45) 0px 0.018em 0px, rgba(94, 35, 8, 0.13) 0px 0.045em 0.055em; }
.fv__service-buy-kanji { display: inline-block; letter-spacing: 0.035em; }
.fv__service-buy-kana { display: inline-block; letter-spacing: 0.005em; }
.fv__service-buy::before { content: ""; position: absolute; left: -0.02em; right: -0.02em; bottom: calc(-0.09em - 2px); height: 0.31em; background: url("../image/buy-underline.svg") center center / 100% 100% no-repeat; transform: rotate(-1.2deg); pointer-events: none; }
.fv__service-area-wrap { position: relative; top: -2px; display: inline-flex; align-items: baseline; }
.fv__service-divider, .fv__service-area { color: var(--green); font-size: 0.72em; font-weight: 900; letter-spacing: -0.025em; }
.fv__service-divider { margin-left: 0px; }
.fv__service-area { margin-left: 5px; }
.fv__lead { position: relative; width: 42cqw; margin: calc(1.05cqw + 3px) 0px 0px; display: flex; align-items: center; justify-content: center; gap: 1.08cqw; color: rgb(71, 66, 66); font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif; font-size: 2cqw; font-weight: 900; letter-spacing: 0.02em; line-height: 1.2; white-space: nowrap; }
.fv__lead::before, .fv__lead::after { content: ""; flex: 1 1 auto; height: 1px; max-width: 4cqw; background: var(--gold); opacity: 0.92; }
.fv__badge { position: absolute; top: 3.85cqw; right: 13.8cqw; width: 250px; height: 250px; z-index: 6; filter: drop-shadow(rgba(0, 0, 0, 0.34) 0px 0.34cqw 0.64cqw); }
.fv__person { position: absolute; right: -4cqw; bottom: -2.55cqw; width: auto; height: auto; max-width: none; z-index: 7; filter: drop-shadow(rgba(0, 0, 0, 0.2) -0.18cqw 0.24cqw 0.48cqw); }
.fv__bottom-band { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 17.4%; z-index: 4; background: linear-gradient(rgb(0, 60, 36) 0%, rgb(0, 39, 21) 100%); }
.fv__cta { position: absolute; left: 3.65cqw; bottom: 5.7cqw; z-index: 8; width: 74.6cqw; display: grid; grid-template-columns: 1fr 1fr; gap: 1.45cqw; }
.fv__button { position: relative; height: 6.15cqw; min-height: 76px; border-radius: 0.62cqw; display: flex; align-items: center; text-decoration: none; overflow: hidden; transition: transform 0.18s, filter 0.18s; }
.fv__button:hover { transform: translateY(-2px); filter: brightness(1.03); }
.fv__button--form { background: linear-gradient(rgb(255, 109, 47) 0%, rgb(235, 79, 24) 100%); border: 2px solid rgb(255, 155, 89); color: rgb(255, 255, 255); padding: 0px 2.6cqw; gap: 1.55cqw; box-shadow: rgba(0, 0, 0, 0.28) 0px 0.22cqw 0.52cqw; }
.fv__button--tel { background: rgb(255, 255, 255); border: 2px solid var(--green); color: var(--green); padding: 0px 2cqw 0px 1.75cqw; gap: 1.15cqw; box-shadow: rgba(0, 0, 0, 0.18) 0px 0.22cqw 0.52cqw; }
.fv__button-text { font-size: 2.48cqw; font-weight: 900; letter-spacing: 0.015em; line-height: 1; white-space: nowrap; }
.fv__mail-icon { flex: 0 0 auto; width: 3.8cqw; height: 2.62cqw; border: 0.24cqw solid rgb(255, 255, 255); border-radius: 0.16cqw; position: relative; }
.fv__mail-icon::before, .fv__mail-icon::after { content: ""; position: absolute; top: 43%; width: 58%; height: 0.24cqw; background: rgb(255, 255, 255); transform-origin: center center; }
.fv__mail-icon::before { left: -3%; transform: rotate(30deg); }
.fv__mail-icon::after { right: -3%; transform: rotate(-30deg); }
.fv__phone-icon { flex: 0 0 auto; width: 3.45cqw; height: 3.45cqw; border-radius: 50%; background: var(--green); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 1.84cqw; line-height: 1; }
.fv__tel-content { display: grid; align-content: center; gap: 0.22cqw; min-width: 0px; line-height: 1; }
.fv__tel-label { color: var(--green); font-size: 1.26cqw; font-weight: 900; letter-spacing: 0.03em; line-height: 1; white-space: nowrap; }
.fv__tel-content strong { color: var(--green); font-size: 3.05cqw; font-family: Arial, "Helvetica Neue", "Yu Gothic", Meiryo, sans-serif; font-weight: 800; letter-spacing: 0.045em; line-height: 1; white-space: nowrap; }
.fv__arrow { margin-left: auto; color: rgb(255, 255, 255); font-size: 4cqw; line-height: 1; font-weight: 300; }
.fv__arrow--tel { color: var(--green); }
.fv__note { position: absolute; left: 3.65cqw; right: 3.1cqw; bottom: 1.08cqw; z-index: 9; margin: 0px; color: rgb(255, 255, 255); font-size: 1.16cqw; font-weight: 700; letter-spacing: 0.045em; line-height: 1.35; text-shadow: rgba(0, 0, 0, 0.45) 0px 1px 2px; white-space: nowrap; }
.fv { --green: #00371f; --green-deep: #002a17; --green-dark: #001f12; --orange: #f15a24; --orange-light: #ff7a3a; --gold: #b89538; --black: #111; --white: #fff; }
.fv__headline, .fv__headline-top, .fv__headline-bottom { color: rgb(0, 55, 31) !important; }
.fv__service-text, .fv__service-divider, .fv__service-area, .fv__service-area-wrap { color: rgb(0, 55, 31) !important; }
.fv__service-buy, .fv__service-buy * { color: rgb(255, 109, 47) !important; -webkit-text-fill-color: rgb(255, 109, 47) !important; }
.fv__headline, .fv__headline-top, .fv__headline-bottom { color: rgb(0, 55, 31) !important; }
.fv__top-line { display: none !important; height: 0px !important; box-shadow: none !important; background: transparent !important; }
.site-header { background: var(--green) !important; border-bottom: 3px solid var(--gold) !important; }
.site-header, .site-header a, .site-header .brand, .site-header .brand-sub, .site-header .brand-main, .site-header .global-nav a, .site-header .header-tel, .site-header .tel-main, .site-header .tel-note, .site-header .tel-icon { color: rgb(255, 255, 255) !important; }
.site-header .global-nav a { border-left-color: rgba(255, 255, 255, 0.35) !important; }
.site-header .global-nav a:last-child { border-right-color: rgba(255, 255, 255, 0.35) !important; }
.site-header { background: rgb(0, 55, 31) !important; border-bottom: 3px solid var(--gold) !important; }
.site-header, .site-header * { color: rgb(255, 255, 255) !important; }
.site-header a, .site-header a:visited { color: rgb(255, 255, 255) !important; }
.global-nav a { color: rgb(255, 255, 255) !important; border-left-color: rgba(255, 255, 255, 0.32) !important; }
.global-nav a:last-child { border-right-color: rgba(255, 255, 255, 0.32) !important; }
.header-tel, .header-tel *, .tel-main, .tel-note, .tel-icon { color: rgb(255, 255, 255) !important; }
.fv__top-line { display: none !important; height: 0px !important; background: transparent !important; }
.fv__headline { transform: translateY(-20px) !important; }
.fv__service { transform: translateY(-15px) !important; }
.fv__lead { margin-top: calc(1.05cqw - 7px) !important; }
.fv__badge { top: calc(3.85cqw - 10px) !important; right: calc(13.8cqw - 15px) !important; }
.fv__badge { top: calc(3.85cqw - 20px) !important; right: calc(13.8cqw - 30px) !important; }
:root { --fv-badge-move-x: 15px; --fv-badge-move-y: -10px; }
.fv__badge { transform: translate(
    var(--fv-badge-move-x),
    var(--fv-badge-move-y)
  ) !important; }
:root { --fv-badge-left-from-boundary: 18px; --fv-badge-top-from-fv: 14px; --fv-badge-size: 250px; }
.fv__badge { width: var(--fv-badge-size) !important; height: var(--fv-badge-size) !important; left: calc(66.1cqw + var(--fv-badge-left-from-boundary)) !important; right: auto !important; top: var(--fv-badge-top-from-fv) !important; transform: none !important; }
:root { --fv-person-size: 100%; }
.fv__person { transform: scale(var(--fv-person-size)) !important; transform-origin: right bottom !important; }
:root { --fv-person-size: 100%; }
@media (min-width: 1400px) {
:root { --fv-person-size: 106%; }
}
@media (max-width: 1200px) {
:root { --fv-person-size: 97%; }
}
@media (max-width: 1050px) {
:root { --fv-person-size: 94%; }
}
.fv__person { transform: scale(var(--fv-person-size)) !important; transform-origin: right bottom !important; }
:root { --fv-person-size: 100%; }
@media (min-width: 1500px) {
:root { --fv-person-size: 120%; }
}
@media (min-width: 1400px) {
:root { --fv-person-size: 116%; }
}
@media (max-width: 1200px) {
:root { --fv-person-size: 80%; }
}
@media (max-width: 1050px) {
:root { --fv-person-size: 65%; }
}
@media (max-width: 950px) {
:root { --fv-person-size: 55%; }
}
.fv__person { transform: scale(var(--fv-person-size)) !important; transform-origin: right bottom !important; }
:root { --fv-badge-left-from-boundary: 30px; --fv-badge-top-from-fv: 14px; --fv-badge-size: 250px; }
@media (max-width: 1200px) {
:root { --fv-badge-size: 230px; }
}
@media (max-width: 1050px) {
:root { --fv-badge-size: 210px; }
}
@media (max-width: 950px) {
:root { --fv-badge-size: 190px; }
}
.fv__badge { width: var(--fv-badge-size) !important; height: var(--fv-badge-size) !important; left: calc(66.1cqw + var(--fv-badge-left-from-boundary)) !important; right: auto !important; top: var(--fv-badge-top-from-fv) !important; transform: none !important; }
:root { --fv-person-base-width: 520px; --fv-person-size: 100%; }
@media (min-width: 1500px) {
:root { --fv-person-size: 120%; }
}
@media (min-width: 1400px) {
:root { --fv-person-size: 116%; }
}
@media (max-width: 1200px) {
:root { --fv-person-size: 80%; }
}
@media (max-width: 1050px) {
:root { --fv-person-size: 65%; }
}
@media (max-width: 950px) {
:root { --fv-person-size: 55%; }
}
.fv__person { width: var(--fv-person-base-width) !important; max-width: none !important; height: auto !important; transform: scale(var(--fv-person-size)) !important; transform-origin: right bottom !important; }
:root { --fv-badge-left-from-boundary: 30px; --fv-badge-top-from-fv: 14px; --fv-badge-size: 250px; }
@media (max-width: 1200px) {
:root { --fv-badge-size: 230px; }
}
@media (max-width: 1050px) {
:root { --fv-badge-size: 210px; }
}
@media (max-width: 950px) {
:root { --fv-badge-size: 190px; }
}
.fv__badge { width: var(--fv-badge-size) !important; height: var(--fv-badge-size) !important; left: calc(66.1cqw + var(--fv-badge-left-from-boundary)) !important; right: auto !important; top: var(--fv-badge-top-from-fv) !important; transform: none !important; }
:root { --fv-person-base-width: 520px; --fv-person-size: 100%; }
@media (min-width: 1500px) {
:root { --fv-person-size: 120%; }
}
@media (min-width: 1450px) {
:root { --fv-person-size: 110%; }
}
@media (max-width: 1350px) {
:root { --fv-person-size: 85%; }
}
@media (max-width: 1200px) {
:root { --fv-person-size: 70%; }
}
@media (max-width: 1000px) {
:root { --fv-person-size: 55%; }
}
.fv__person { width: var(--fv-person-base-width) !important; max-width: none !important; height: auto !important; transform: scale(var(--fv-person-size)) !important; transform-origin: right bottom !important; }
:root { --fv-badge-left-from-boundary: 30px; --fv-badge-top-from-fv: 14px; --fv-badge-size: 250px; }
@media (max-width: 1200px) {
:root { --fv-badge-size: 230px; }
}
@media (max-width: 1050px) {
:root { --fv-badge-size: 210px; }
}
@media (max-width: 950px) {
:root { --fv-badge-size: 150px; }
}
.fv__badge { width: var(--fv-badge-size) !important; height: var(--fv-badge-size) !important; left: calc(66.1cqw + var(--fv-badge-left-from-boundary)) !important; right: auto !important; top: var(--fv-badge-top-from-fv) !important; transform: none !important; }
:root { --problem-consult-bg-color: #f7e7c6; }
:root { --problem-consult-bg-color: #eadecc; }
:root { --problem-consult-copy-font-size: 25px; }
:root { --problem-consult-copy-font-size: 28px; --problem-consult-copy-underline-gap: 6px; --problem-consult-copy-underline-color: rgba(181, 136, 37, .55); }
:root { --problem-consult-copy-underline-gap: 0px; --problem-consult-copy-underline-thickness: 1px; }
:root { --problem-consult-copy-font-size: 27px; --problem-consult-copy-underline-gap: 7px; --problem-consult-copy-underline-color: rgba(181, 136, 37, .40); }
:root { --bulk-heading-min-size: 36px; --bulk-heading-fluid-size: 8.2cqw; --bulk-heading-max-size: 54px; --bulk-heading-line-height: 1.42; --bulk-heading-letter-spacing: .04em; --bulk-heading-max-width: 100%; }
:root { --bulk-copy-points-gap: 32px; --bulk-copy-points-gap-md: 30px; --bulk-copy-points-gap-sm: 28px; }
:root { --bulk-copy-points-gap: 32px; --bulk-copy-points-gap-md: 30px; --bulk-copy-points-gap-sm: 28px; }
:root { --bulk-point-card-font-size: 14px; --bulk-point-card-gap: 12px; }
:root { --bulk-point-card-font-size: 15px; --bulk-point-card-gap: 18px; --bulk-point-card-margin-left: 10px; }