@charset "UTF-8";
/* miaxis Plus ONLY; do not apply to existing pages */
.pa-miaxisplus .mp-hero {height:315px;position:relative;background:#565b5a url('/works/miaxisplus/images/hero-family.jpg') center center/cover no-repeat;}
.pa-miaxisplus .mp-hero-inner {width:100%;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:0 40px 25px;}
.pa-miaxisplus .mp-hero-brand {display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;color:#00b6ae;}
.pa-miaxisplus .mp-hero-brand h1 {font-size:51px;line-height:1;margin:0;font-weight:800;letter-spacing:-.06em;}
.pa-miaxisplus .mp-brand-name span {font-weight:700;letter-spacing:-.05em;}
.pa-miaxisplus .mp-hero-brand p {font-size:15px;font-weight:700;margin:0;color:#08aea8;}
.pa-miaxisplus .mp-hero-sbi {width:275px;max-height:82px;object-fit:contain;object-position:right center;}
.pa-miaxisplus .mp-container {width:1040px;max-width:calc(100% - 40px);margin:0 auto;}
.pa-miaxisplus .st-breadcrumb_wrap {margin-bottom:70px;}
.pa-miaxisplus .mp-intro {margin-bottom:58px;}
.pa-miaxisplus .mp-intro h2 {margin:0 0 55px;font-size:34px;line-height:1.65;}
.pa-miaxisplus .mp-wide-image {width:100%;height:auto;display:block;}
.pa-miaxisplus .mp-logo-combo {border-radius:13px;}
.pa-miaxisplus .mp-story {min-height:660px;background: #737875 url('/works/miaxisplus/images/family-home.jpg') center center/cover no-repeat;padding:24px 25px;display:flex;align-items:stretch;margin-bottom:58px;}
.pa-miaxisplus .mp-story-panel {background:rgba(25,30,30,.52);color:#fff;width:100%;padding:45px 42px 34px;}
.pa-miaxisplus .mp-story h2 {font-size:21px;color:#fff;line-height:1.6;margin:0 0 30px;font-weight:700;}
.pa-miaxisplus .mp-story p {font-size:15px;line-height:2.0;margin:0 0 12px;}
/* Story body only: larger than before but smaller than the 21px heading. */
.pa-miaxisplus .mp-story-panel p:not(:last-child) {font-size:17px;}
.pa-miaxisplus .mp-coverage {margin-bottom:58px;}
.pa-miaxisplus .mp-assurance {display:grid;grid-template-columns:44% 1fr;gap:28px;align-items:stretch;margin-bottom:65px;}
.pa-miaxisplus .mp-assurance > img {width:100%;height:100%;object-fit:cover;}
.pa-miaxisplus .mp-assurance-content {display:flex;flex-direction:column;}
.pa-miaxisplus .mp-assurance h2 {font-size:20px;color:#202020;line-height:1.5;margin:0 0 14px;}
.pa-miaxisplus .mp-assurance p {font-size:15px;line-height:1.85;margin:0 0 12px;}
.pa-miaxisplus .mp-detail-button {display:flex;align-items:center;justify-content:center;position:relative;margin-top:auto;background:#1bb7b1;color:#fff;min-height:50px;border-radius:4px;font-weight:700;font-size:17px;transition:background .2s;}
.pa-miaxisplus .mp-detail-button:hover {background:#008f8b;color:#fff;}
.pa-miaxisplus .mp-detail-button span {position:absolute;right:15px;font-size:26px;line-height:1;}
.pa-miaxisplus .mp-resta {background:#f1f1f1;padding:70px 0 62px;}
.pa-miaxisplus .mp-resta h2 {font-size:23px;color:#202020;margin:0 0 35px;line-height:1.6;}
.pa-miaxisplus .mp-resta p, .pa-miaxisplus .mp-resta li {font-size:15px;line-height:2.05;}
.pa-miaxisplus .mp-resta-list {list-style:disc;padding-left:25px;margin:30px 0;}
.pa-miaxisplus .mp-resta-list li {margin:0 0 10px;}
.pa-miaxisplus .mp-resta-link {overflow-wrap:anywhere;margin:35px 0 0;}
.pa-miaxisplus .mp-resta-link a {text-decoration:underline;color:#2b669d;}
.pa-miaxisplus .mp-resta-logo {display:block;width:390px;max-width:75%;height:auto;margin:5px 0 0 auto;}
.pa-miaxisplus .mp-bottom-space {height:65px;}
@media screen and (max-width:750px){
  .pa-miaxisplus .mp-hero {height:54vw;background-position:66% center;}
  .pa-miaxisplus .mp-hero-inner {padding:0 5.3vw 5vw;gap:2vw;}
  .pa-miaxisplus .mp-hero-brand {display:block;min-width:0;}
  .pa-miaxisplus .mp-hero-brand h1 {font-size:9vw;}
  .pa-miaxisplus .mp-hero-brand p {font-size:2.35vw;line-height:1.35;margin-top:1vw;}
  .pa-miaxisplus .mp-hero-sbi {width:29vw;max-height:12vw;}
  .pa-miaxisplus .mp-container {width:89.33vw;max-width:none;}
  .pa-miaxisplus .st-breadcrumb_wrap {margin-bottom:8vw;}
  .pa-miaxisplus .mp-intro {margin-bottom:8vw;}
  .pa-miaxisplus .mp-intro h2 {font-size:5vw;margin-bottom:7vw;}
  .pa-miaxisplus .mp-pc-break {display:none;}
  .pa-miaxisplus .mp-story {min-height:0;padding:3vw;background-position:65% center;margin-bottom:8vw;}
  .pa-miaxisplus .mp-story-panel {padding:6vw 4.5vw;}
  .pa-miaxisplus .mp-story h2 {font-size:4.5vw;margin-bottom:5vw;}
  .pa-miaxisplus .mp-story p {font-size:3.3vw;line-height:1.85;}
  .pa-miaxisplus .mp-story-panel p:not(:last-child) {font-size:3.8vw;}
  .pa-miaxisplus .mp-coverage {margin-bottom:8vw;}
  .pa-miaxisplus .mp-assurance {grid-template-columns:1fr;gap:5vw;margin-bottom:10vw;}
  .pa-miaxisplus .mp-assurance > img {height:auto;}
  .pa-miaxisplus .mp-assurance h2 {font-size:4.8vw;}
  .pa-miaxisplus .mp-assurance p {font-size:3.7vw;}
  .pa-miaxisplus .mp-detail-button {margin-top:3vw;min-height:12vw;font-size:4vw;}
  .pa-miaxisplus .mp-resta {padding:12vw 0;}
  .pa-miaxisplus .mp-resta h2 {font-size:5vw;margin-bottom:5vw;}
  .pa-miaxisplus .mp-resta p,.pa-miaxisplus .mp-resta li {font-size:3.7vw;line-height:1.85;}
  .pa-miaxisplus .mp-resta-list {padding-left:5vw;margin:6vw 0;}
  .pa-miaxisplus .mp-resta-logo {width:58vw;}
  .pa-miaxisplus .mp-bottom-space {height:6.25vw;}
}

/* miaxis Plus: transparent at the top, teal only after scrolling. */
body.pa-miaxisplus .st-header::before {
  background: transparent;
}
body.pa-miaxisplus .st-header.mp-scrolled::before,
body.pa-miaxisplus .st-header.is-contPosition::before {
  background: rgba(0, 161, 157, 0.8);
}

/* Resta section background: soft light gray. */
.pa-miaxisplus .mp-resta { background-color: #f5f5f5; }

/* Contact jump between the insurance details and the service links. */
/* Increase vertical whitespace around the link without changing the HTML inline height. */
.pa-miaxisplus .mp-bottom-space {
  height: auto !important; /* override the HTML inline height */
  min-height: 0;
  padding-top: 78px;
  padding-bottom: 117px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 1040px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
}
.pa-miaxisplus .mp-contact-jump {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: #2c2e2e;
  font-size: 15px;
  text-decoration: none;
  white-space: nowrap;
}
.pa-miaxisplus .mp-contact-jump:hover,
.pa-miaxisplus .mp-contact-jump:focus-visible {
  color: #00a19d;
  text-decoration: underline;
}
.pa-miaxisplus #mp-contact-area { scroll-margin-top: 125px; }
html:has(.pa-miaxisplus) { scroll-behavior: smooth; }
@media screen and (max-width: 750px) {
  .pa-miaxisplus .mp-bottom-space { width: 89.33vw; max-width: none; padding-top: 64px; padding-bottom: 96px; }
  .pa-miaxisplus .mp-contact-jump { font-size: 3.5vw; }
  .pa-miaxisplus #mp-contact-area { scroll-margin-top: 22vw; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(.pa-miaxisplus) { scroll-behavior: auto; }
}