/*
 * AREA PAGE STYLES v2
 * 蟇ｾ雎｡: /area/ 驟堺ｸ具ｿｽEAREA譛ｬ譁・・ｽ・ｽ逕ｨ
 * 豕ｨ諢・ 繝倥ャ繝€繝ｼ縲√ヱ繝ｳ縺上★縲・ｿｽE騾咾TA縲∝崋螳咾TA縲√ヵ繝・・ｽ・ｽ繝ｼ縺ｯ蟇ｾ雎｡螟・ */

.md-area-page {
  background: #fff;
  color: #000000;
}

.md-area-section {
  background: #fff;
  padding: 72px 0;
}

/* Keep non-white backgrounds for the two requested section blocks. */
.md-area-section.md-area-region-section,
.md-area-section.bg-primary-soft.py-16.md\:py-24 {
  background: #f8fcff;
}

.md-area-section + .md-area-section {
  border-top: 0;
}

.md-area-container {
  max-width: 1136px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

.md-area-fv-section {
  background: #fff;
}

.md-area-fv-content {
  background: #fff;
}

.md-area-visual-stack {
  max-width: 1040px;
}

.md-area-fv-image-wrap {
  border-radius: 0;
  overflow: visible;
  border: 1px solid #d5dfeb;
  box-shadow: none;
}

.md-area-fv-image {
  width: 100%;
  height: auto;
  display: block;
}

.md-area-coverage {
  margin-top: 14px;
  padding: 24px 26px;
  background: #f7f2e8;
  border: 1px solid #e5ddcf;
  border-radius: 4px;
}

.md-area-coverage__inner {
  padding: 24px 24px 22px;
  background: #fff;
  border: 1px solid #d9e3ec;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.md-area-coverage__title {
  margin: 0 0 16px;
  text-align: center;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 900;
  color: #0f2740;
}

.md-area-coverage__subheading {
  margin: 24px 0 12px;
  text-align: center;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
  color: #1f3b56;
}

.md-area-coverage__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  justify-items: center;
}

.md-area-coverage__grid--few {
  grid-template-columns: repeat(auto-fit, minmax(220px, 280px));
  justify-content: center;
}

.md-area-coverage__button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  width: 100%;
  padding: 10px 14px;
  background: linear-gradient(#ffffff, #f7f9fb);
  border: 1px solid #cfd8e3;
  color: #0b2f55;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  overflow-wrap: anywhere;
}

.md-area-coverage__button:hover {
  background: #eef7ff;
  border-color: #1e88d1;
  color: #005bac;
}

.md-area-coverage__text-list {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 2;
  color: #21364c;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
}

.md-area-coverage__text-item {
  display: inline;
}

.md-area-coverage__text-sep {
  margin: 0 6px;
  color: #5f7488;
}

/* Leaf area pages use existing detail-region markup; align it to the same coverage design. */
.md-area-fv-detail-region-block {
  margin-top: 0;
  padding: 24px 26px;
  background: #F2EEE4;
  border: none;
  border-radius: 0;
}

.md-area-fv-detail-region-title {
  display: none;
}

.md-area-fv-detail-region-list-title {
  margin: 0;
  text-align: center;
  font-size: 28px;
  line-height: 1.35;
  font-weight: 700;
  color: #111111;
  padding: 0 24px 24px;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.md-area-fv-detail-region-list {
  margin: 0;
  padding: 24px 50px 24px;
  background: #ffffff;
  border: none;
  font-size: 16px;
  line-height: 2;
  color: #000000;
  font-weight: 500;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: none;
}

.md-area-page--leaf .md-area-fv-detail-region-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}

.md-area-page--leaf .md-area-fv-detail-region-item {
  display: inline;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}

.md-area-page--leaf .md-area-fv-detail-region-item:not(:last-child)::after {
  content: " ｜ ";
  color: #123a63;
  font-weight: 500;
}
.md-area-fv-cta-row {
  margin-top: 16px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
}

.md-area-fv-cta-row--dual {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.md-area-fv-title {
  margin: 0;
  font-size: 36px;
  line-height: 1.35;
  font-weight: 900;
  color: #123c6b;
}

.md-area-fv-lead {
  margin: 16px 0 0;
  font-size: 17px;
  line-height: 1.9;
}

.md-area-fv-phone,
.md-area-fv-estimate,
.md-area-fv-contact {
  min-height: 64px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: .2s ease;
}

.md-area-fv-phone {
  padding: 10px 14px;
  flex-direction: column;
  gap: 2px;
  background: #ef4444;
  color: #fff;
  border: 1px solid #ef4444;
}

.md-area-fv-phone-label {
  font-size: 12px;
  font-weight: 700;
}

.md-area-fv-phone strong {
  font-size: 27px;
  line-height: 1.1;
}

.md-area-fv-estimate {
  background: #1fa739;
  border: 1px solid #1fa739;
  color: #fff;
}

.md-area-fv-contact {
  background: #ff7a00;
  border: 1px solid #ff7a00;
  color: #fff;
}

/* Match header CTA press animation on leaf/hub/archive area pages */
.md-area-page--leaf .md-area-fv-phone,
.md-area-page--leaf .md-area-fv-estimate,
.md-area-page--leaf .md-area-fv-contact,
.md-area-page--hub .md-area-fv-phone,
.md-area-page--hub .md-area-fv-estimate,
.md-area-page--hub .md-area-fv-contact,
.md-area-page--archive .md-area-fv-phone,
.md-area-page--archive .md-area-fv-estimate,
.md-area-page--archive .md-area-fv-contact {
  transition: transform 0.2s cubic-bezier(0.45, 0, 0.55, 1), box-shadow 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}

.md-area-page--leaf .md-area-fv-phone,
.md-area-page--hub .md-area-fv-phone,
.md-area-page--archive .md-area-fv-phone {
  box-shadow: 0 4px 0 #a62a2a;
  border-radius: 5px;
}

.md-area-page--leaf .md-area-fv-estimate,
.md-area-page--hub .md-area-fv-estimate,
.md-area-page--archive .md-area-fv-estimate {
  box-shadow: 0 4px 0 #008436;
  border-radius: 5px;
}

.md-area-page--leaf .md-area-fv-contact,
.md-area-page--hub .md-area-fv-contact,
.md-area-page--archive .md-area-fv-contact {
  box-shadow: 0 4px 0 #9d3700;
  border-radius: 5px;
}

.md-area-page--leaf .md-area-fv-estimate,
.md-area-page--leaf .md-area-fv-contact,
.md-area-page--hub .md-area-fv-estimate,
.md-area-page--hub .md-area-fv-contact,
.md-area-page--archive .md-area-fv-estimate,
.md-area-page--archive .md-area-fv-contact {
  font-size: 20px;
  font-weight: 700;
}

.md-area-page--leaf .md-area-fv-phone strong,
.md-area-page--hub .md-area-fv-phone strong,
.md-area-page--archive .md-area-fv-phone strong {
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-weight: 500;
}

.md-area-page--leaf .md-area-fv-phone:hover,
.md-area-page--leaf .md-area-fv-estimate:hover,
.md-area-page--leaf .md-area-fv-contact:hover,
.md-area-page--hub .md-area-fv-phone:hover,
.md-area-page--hub .md-area-fv-estimate:hover,
.md-area-page--hub .md-area-fv-contact:hover,
.md-area-page--archive .md-area-fv-phone:hover,
.md-area-page--archive .md-area-fv-estimate:hover,
.md-area-page--archive .md-area-fv-contact:hover {
  transform: translateY(4px);
  box-shadow: none;
  opacity: 1;
}

.md-area-fv-phone:hover,
.md-area-fv-estimate:hover,
.md-area-fv-contact:hover {
  opacity: .9;
}

.md-area-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.md-area-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 10px;
  font-weight: 800;
  text-decoration: none;
  border: 1px solid transparent;
  transition: .2s ease;
}

.md-area-btn:hover {
  opacity: .9;
}

.md-area-btn.is-estimate {
  background: #143f7a;
  color: #fff;
}

.md-area-btn.is-contact {
  background: #5138df;
  color: #fff;
}

.md-area-btn.is-phone {
  background: #ef4444;
  color: #fff;
  border-color: #ef4444;
  flex-direction: column;
  gap: 2px;
}

.md-area-btn-label {
  font-size: 12px;
  font-weight: 700;
}

.md-area-btn-main {
  font-size: 22px;
  line-height: 1.1;
}

.md-area-section-head {
  text-align: center;
  margin-bottom: 32px;
}

.md-area-section-kicker {
  margin: 0;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .16em;
  color: #147fbc;
  text-transform: uppercase;
}

.md-area-section-title {
  margin: 8px 0 0;
  font-size: 30px;
  line-height: 1.45;
  font-weight: 900;
  color: #000000;
}

.md-area-section-lead {
  margin: 12px auto 0;
  max-width: 760px;
  font-size: 15px;
  line-height: 1.9;
  color: #000000;
}

.md-area-intro-box {
  padding: 32px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid #d8e7f2;
  box-shadow: 0 12px 28px rgba(24, 50, 74, 0.06);
}

.md-area-intro-box p {
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 2;
}

.md-area-intro-box p:last-child {
  margin-bottom: 0;
}

.md-area-banner-title {
  margin: 0 0 16px;
  padding: 14px 16px;
  border-radius: 10px;
  background: #33a9df;
  color: #fff;
  font-size: 24px;
  line-height: 1.45;
  font-weight: 900;
}

/* Municipal (leaf) page adjustments */
.md-area-page--leaf .md-area-section {
  padding: 50px 0;
}

.md-area-page--leaf .md-area-intro-box {
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.md-area-page--leaf .md-area-banner-title {
  margin: 0 0 16px;
  padding: 14px 16px;
  border-radius: 0;
  background: #2086e6;
  color: #fff;
  font-size: 24px;
  line-height: 1.45;
  font-weight: 700;
}

/* Municipal (leaf) pages: unify rounded corners to 5px */
.md-area-page--leaf .md-area-fv-detail-region-block,
.md-area-page--leaf .md-area-fv-detail-region-list,
.md-area-page--leaf .md-area-fv-phone,
.md-area-page--leaf .md-area-fv-estimate,
.md-area-page--leaf .md-area-fv-contact,
.md-area-page--leaf .md-area-btn,
.md-area-page--leaf .md-area-service-card,
.md-area-page--leaf .md-area-service-thumb,
.md-area-page--leaf .md-area-service-box-details summary,
.md-area-page--leaf .md-area-cta-box,
.md-area-page--leaf .md-area-works-card,
.md-area-page--leaf .md-area-works-card figure,
.md-area-page--leaf .md-area-consultation-card,
.md-area-page--leaf .md-area-flow-service-section .rounded-\[16px\],
.md-area-page--leaf .md-area-subsidy-lead-box,
.md-area-page--leaf .md-area-subsidy-program-card,
.md-area-page--leaf .md-area-subsidy-program-label,
.md-area-page--leaf .md-area-subsidy-usage-box,
.md-area-page--leaf .md-area-subsidy-flow-box,
.md-area-page--leaf .md-area-subsidy-cta a,
.md-area-page--leaf .md-area-contact-cta-main,
.md-area-page--leaf .md-area-contact-btn {
  border-radius: 5px;
}

.md-area-page--leaf .md-area-contact-message {
  border-radius: 5px 5px 0 0;
}

/* Municipal (leaf) pages: main services box visual tune */
.md-area-page--leaf .md-area-main-services-section .md-area-service-box {
  border: none;
  box-shadow: none;
  border-radius: 5px;
}

.md-area-page--leaf .md-area-main-services-section .md-area-section-title {
  font-weight: 700;
}

/* Hub/archive pages: align shared visual rhythm with current leaf baseline */
.md-area-page--hub .md-area-section,
.md-area-page--archive .md-area-section {
  padding: 50px 0;
}

.md-area-page--hub .md-area-visual-stack,
.md-area-page--archive .md-area-visual-stack {
  max-width: 1136px;
}

.md-area-page--hub .md-area-coverage,
.md-area-page--archive .md-area-coverage {
  margin-top: 0;
  padding: 24px 26px;
  background: #F2EEE4;
  border: none;
  border-radius: 5px;
}

.md-area-page--hub .md-area-coverage__inner,
.md-area-page--archive .md-area-coverage__inner {
  padding: 24px;
  background: #ffffff;
  border: none;
  box-shadow: none;
}

.md-area-page--hub .md-area-coverage__title,
.md-area-page--archive .md-area-coverage__title {
  margin: 0;
  text-align: center;
  font-size: 28px;
  line-height: 1.35;
  font-weight: 700;
  color: #111111;
  padding: 0 24px 24px;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.md-area-page--hub .md-area-coverage__subheading,
.md-area-page--archive .md-area-coverage__subheading {
  margin: 22px 0 12px;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  color: #1f3b56;
}

.md-area-page--hub .md-area-coverage__grid,
.md-area-page--archive .md-area-coverage__grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 15px 15px;
  justify-items: stretch;
}

.md-area-page--hub .md-area-coverage__grid--few,
.md-area-page--archive .md-area-coverage__grid--few {
  grid-template-columns: repeat(auto-fit, minmax(190px, 240px));
  justify-content: center;
}

.md-area-page--hub .md-area-coverage__grid > li,
.md-area-page--archive .md-area-coverage__grid > li {
  display: flex;
}

.md-area-page--hub .md-area-coverage__button,
.md-area-page--archive .md-area-coverage__button {
  min-height: 55px;
  width: 100%;
  padding: 10px 16px;
  background: #F2EEE4;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  border: 1px solid #c9c5bb;
  border-radius: 5px;
  box-shadow: 0 6px 0 #65635D;
  transition: transform 0.2s cubic-bezier(0.45, 0, 0.55, 1), box-shadow 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}

.md-area-page--hub .md-area-coverage__button:hover,
.md-area-page--hub .md-area-coverage__button:active,
.md-area-page--archive .md-area-coverage__button:hover,
.md-area-page--archive .md-area-coverage__button:active {
  transform: translateY(4px);
  box-shadow: none;
  opacity: 1;
  background: #F2EEE4;
  color: #000000;
  border-color: #c9c5bb;
}

.md-area-page--hub .md-area-banner-title,
.md-area-page--archive .md-area-banner-title {
  margin: 0 0 16px;
  padding: 14px 16px;
  border-radius: 0;
  background: #2086e6;
  color: #fff;
  font-size: 24px;
  line-height: 1.45;
  font-weight: 700;
}

.md-area-page--hub .md-area-intro-box,
.md-area-page--archive .md-area-intro-box {
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.md-area-page--hub .md-area-intro-box p,
.md-area-page--archive .md-area-intro-box p {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 2;
  color: #000;
}

.md-area-page--hub .md-area-intro-box p:last-child,
.md-area-page--archive .md-area-intro-box p:last-child {
  margin-bottom: 0;
}

/* Hub/archive pages: unify rounded corners to 5px (leaf-aligned components) */
.md-area-page--hub .md-area-fv-detail-region-block,
.md-area-page--hub .md-area-fv-detail-region-list,
.md-area-page--hub .md-area-fv-phone,
.md-area-page--hub .md-area-fv-estimate,
.md-area-page--hub .md-area-fv-contact,
.md-area-page--hub .md-area-btn,
.md-area-page--hub .md-area-service-card,
.md-area-page--hub .md-area-service-thumb,
.md-area-page--hub .md-area-service-box-details summary,
.md-area-page--hub .md-area-cta-box,
.md-area-page--hub .md-area-works-card,
.md-area-page--hub .md-area-works-card figure,
.md-area-page--hub .md-area-consultation-card,
.md-area-page--hub .md-area-flow-service-section .rounded-\[16px\],
.md-area-page--hub .md-area-subsidy-lead-box,
.md-area-page--hub .md-area-subsidy-program-card,
.md-area-page--hub .md-area-subsidy-program-label,
.md-area-page--hub .md-area-subsidy-usage-box,
.md-area-page--hub .md-area-subsidy-flow-box,
.md-area-page--hub .md-area-subsidy-cta a,
.md-area-page--hub .md-area-contact-cta-main,
.md-area-page--hub .md-area-contact-btn,
.md-area-page--hub .md-area-region-link,
.md-area-page--hub .md-area-mid-contact-cta__button,
.md-area-page--hub .md-area-mid-contact-cta__phone-box,
.md-area-page--archive .md-area-fv-detail-region-block,
.md-area-page--archive .md-area-fv-detail-region-list,
.md-area-page--archive .md-area-fv-phone,
.md-area-page--archive .md-area-fv-estimate,
.md-area-page--archive .md-area-fv-contact,
.md-area-page--archive .md-area-btn,
.md-area-page--archive .md-area-service-card,
.md-area-page--archive .md-area-service-thumb,
.md-area-page--archive .md-area-service-box-details summary,
.md-area-page--archive .md-area-cta-box,
.md-area-page--archive .md-area-works-card,
.md-area-page--archive .md-area-works-card figure,
.md-area-page--archive .md-area-consultation-card,
.md-area-page--archive .md-area-flow-service-section .rounded-\[16px\],
.md-area-page--archive .md-area-subsidy-lead-box,
.md-area-page--archive .md-area-subsidy-program-card,
.md-area-page--archive .md-area-subsidy-program-label,
.md-area-page--archive .md-area-subsidy-usage-box,
.md-area-page--archive .md-area-subsidy-flow-box,
.md-area-page--archive .md-area-subsidy-cta a,
.md-area-page--archive .md-area-contact-cta-main,
.md-area-page--archive .md-area-contact-btn,
.md-area-page--archive .md-area-region-link,
.md-area-page--archive .md-area-mid-contact-cta__button,
.md-area-page--archive .md-area-mid-contact-cta__phone-box {
  border-radius: 5px;
}

.md-area-page--hub .md-area-contact-message,
.md-area-page--archive .md-area-contact-message {
  border-radius: 5px 5px 0 0;
}

.md-area-richtext p {
  margin-bottom: 10px;
}

.md-area-kyoto-note {
  margin: 12px auto 0;
  text-align: center;
  color: #0f63a0;
  font-weight: 700;
}

.md-area-service-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 18px;
}

.md-area-service-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 260px;
  padding: 24px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #d8e7f2;
  text-decoration: none;
  color: #000000;
  box-shadow: 0 10px 24px rgba(24, 50, 74, 0.06);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.md-area-service-card:hover {
  transform: translateY(-3px);
  border-color: #33a9df;
  box-shadow: 0 16px 32px rgba(51, 169, 223, 0.16);
}

.md-area-service-card h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 900;
  color: #123c6b;
}

.md-area-service-card p {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.8;
  color: #000000;
}

.md-area-service-card h3 a {
  color: inherit;
  text-decoration: none;
}

.md-area-service-thumb {
  margin: 0 0 12px;
  border-radius: 10px;
  overflow: visible;
  background: #f4faff;
}

.md-area-service-thumb img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  display: block;
}

.md-area-region-box {
  background: #fff;
  padding: 32px;
}

.md-area-region-box-title {
  margin: 0 0 24px;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 900;
  color: #000000;
}

.md-area-region-link-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 15px 15px;
  justify-items: stretch;
}

.md-area-region-link-grid > li {
  display: flex;
}

.md-area-region-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 55px;
  padding: 10px 16px;
  border-radius: 5px;
  background: #F2EEE4;
  border: 1px solid #c9c5bb;
  box-shadow: 0 6px 0 #65635D;
  color: #000000;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  transition: transform 0.2s cubic-bezier(0.45, 0, 0.55, 1), box-shadow 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}

.md-area-region-link:hover,
.md-area-region-link:active {
  transform: translateY(4px);
  box-shadow: none;
  opacity: 1;
  background: #F2EEE4;
  color: #000000;
  border-color: #c9c5bb;
}

.md-area-region-note {
  margin: 28px 0 0;
  text-align: center;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 700;
  color: #000000;
}

.md-area-cta-box {
  padding: 36px;
  border-radius: 24px;
  background: linear-gradient(135deg, #0ea5d7 0%, #147fbc 100%);
  color: #fff;
  text-align: center;
}

.md-area-cta-box h2,
.md-area-cta-box h3 {
  margin: 0;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.45;
}

.md-area-cta-box p {
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.9;
}

.md-area-works-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.md-area-works-card {
  border: 1px solid #d8e7f2;
  border-radius: 20px;
  background: #fff;
  padding: 16px;
}

.md-area-works-card a {
  text-decoration: none;
  color: inherit;
}

.md-area-works-card figure {
  margin: 0 0 10px;
  border-radius: 10px;
  overflow: visible;
}

.md-area-works-card img {
  width: 100%;
  height: auto;
  display: block;
}

.md-area-works-card h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 800;
  color: #123c6b;
}

.md-area-works-card p {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.8;
  color: #000000;
}

.md-area-consultation-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.md-area-consultation-card {
  padding: 24px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #d8e7f2;
}

.md-area-consult-attr {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  color: #0f63a0;
}

.md-area-consultation-card h3 {
  margin: 0;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.6;
}

.md-area-consultation-card p {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.9;
}

.md-area-reason-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.md-area-reason-card {
  padding: 22px;
  border-radius: 0;
  background: #fff;
  border: 1px solid #d8e7f2;
  font-weight: 700;
  color: #000000;
  line-height: 1.7;
}

.md-area-flow-service-section .rounded-\[16px\] {
  border-radius: 16px;
}

.md-area-flow-service-section .shadow-\[0_8px_24px_rgba\(15\2c 42\2c 74\2c 0\.06\)\] {
  box-shadow: 0 8px 24px rgba(15, 42, 74, 0.06);
}

.md-area-flow-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.md-area-flow-head-text {
  min-width: 0;
}

.md-area-flow-toggle {
  display: none;
}

@media (max-width: 900px) {
  .md-area-service-grid,
  .md-area-works-grid,
  .md-area-consultation-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md-area-reason-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .md-area-section {
    padding: 48px 0;
  }

  .md-area-page--leaf .md-area-section {
    padding: 50px 0;
  }

  .md-area-page--hub .md-area-section,
  .md-area-page--archive .md-area-section {
    padding: 50px 0;
  }

  .md-area-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .md-area-fv-title {
    font-size: 26px;
  }

  .md-area-banner-title {
    font-size: 20px;
  }

  .md-area-section-title {
    font-size: 24px;
  }

  .md-area-btn,
  .md-area-fv-phone,
  .md-area-fv-estimate,
  .md-area-fv-contact {
    width: 100%;
  }

  .md-area-fv-cta-row,
  .md-area-fv-cta-row--dual {
    grid-template-columns: 1fr;
  }

  .md-area-flow-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-top: 2px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    background: #ffffff;
    color: #0f172a;
    flex-shrink: 0;
    transition: transform 0.2s ease, background-color 0.2s ease;
  }

  .md-area-flow-caret {
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    transition: transform 0.2s ease;
  }

  .md-area-flow-service-section .md-area-flow-body {
    display: none;
  }

  .md-area-flow-step.is-open .md-area-flow-body {
    display: block;
  }

  .md-area-flow-step.is-open .md-area-flow-caret {
    transform: rotate(180deg);
  }

  .md-area-coverage {
    margin-top: 12px;
    padding: 16px;
  }

  .md-area-page--hub .md-area-coverage,
  .md-area-page--archive .md-area-coverage {
    margin-top: 12px;
    padding: 16px;
  }

  .md-area-coverage__inner {
    padding: 16px;
  }

  .md-area-page--hub .md-area-coverage__inner,
  .md-area-page--archive .md-area-coverage__inner {
    padding: 16px;
  }

  .md-area-coverage__title {
    margin-bottom: 12px;
    font-size: 20px;
  }

  .md-area-page--hub .md-area-coverage__title,
  .md-area-page--archive .md-area-coverage__title {
    margin: 0;
    text-align: center;
    font-size: 28px;
    line-height: 1.35;
    font-weight: 700;
    color: #111111;
    padding: 0 24px 24px;
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .md-area-page--hub .md-area-coverage__subheading,
  .md-area-page--archive .md-area-coverage__subheading {
    margin-top: 18px;
    font-size: 17px;
  }

  .md-area-page--hub .md-area-coverage__grid,
  .md-area-page--archive .md-area-coverage__grid,
  .md-area-page--hub .md-area-coverage__grid--few,
  .md-area-page--archive .md-area-coverage__grid--few {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
  }

  .md-area-page--hub .md-area-coverage__button,
  .md-area-page--archive .md-area-coverage__button {
    min-height: 56px;
    font-size: 14px;
    padding: 8px 10px;
  }

  .md-area-coverage__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .md-area-region-link-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
  }

  .md-area-region-link {
    min-height: 56px;
    font-size: 14px;
    padding: 8px 10px;
  }

  .md-area-coverage__grid--few {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md-area-coverage__button {
    min-height: 46px;
    font-size: 13px;
    padding: 8px 10px;
  }

  .md-area-coverage__text-list {
    font-size: 13px;
    line-height: 2;
  }

  .md-area-fv-detail-region-block {
    margin-top: 12px;
    padding: 16px;
  }

  .md-area-fv-detail-region-list-title {
    font-size: 28px;
    padding: 0 24px 24px;
  }

  .md-area-page--leaf .md-area-fv-detail-region-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    font-size: 14px;
    line-height: 1.45;
    padding: 16px;
  }

  .md-area-page--leaf .md-area-fv-detail-region-item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid #d5e0ea;
    border-radius: 8px;
    background: #f8fbff;
    font-size: 13px;
    font-weight: 700;
    color: #0f2a44;
    overflow-wrap: anywhere;
    word-break: keep-all;
    text-align: center;
  }

  .md-area-page--leaf .md-area-fv-detail-region-item::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #1e88d1;
    margin-right: 6px;
    flex: 0 0 auto;
  }

  .md-area-page--leaf .md-area-fv-detail-region-item:not(:last-child)::after {
    content: none;
  }

  .md-area-page--hub .md-area-intro-box p,
  .md-area-page--archive .md-area-intro-box p {
    font-size: 14px;
    line-height: 1.9;
  }

  .md-area-fv-phone strong {
    font-size: 24px;
  }

  .md-area-region-box-title {
    font-size: 20px;
  }

  .md-area-region-note {
    font-size: 15px;
  }

  .md-area-service-grid,
  .md-area-works-grid,
  .md-area-consultation-grid,
  .md-area-reason-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .md-area-region-box {
    padding: 20px;
  }

  .md-area-coverage__grid {
    grid-template-columns: 1fr;
  }

  .md-area-coverage__grid--few {
    grid-template-columns: 1fr;
  }

  .md-area-page--leaf .md-area-fv-detail-region-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
  }
}

@media (max-width: 360px) {
  .md-area-page--leaf .md-area-fv-detail-region-list {
    grid-template-columns: 1fr;
  }
}

.md-area-main-services-section {
  padding: 96px 0;
  background: #f5fbff;
}

.md-area-main-services-section .md-area-section-kicker {
  color: #1ea7e1;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-align: center;
}

.md-area-main-services-section .md-area-section-title {
  color: #111111;
  font-size: 34px;
  line-height: 1.45;
  font-weight: 900;
  text-align: center;
}

.md-area-main-services-section .md-area-section-lead {
  max-width: 760px;
  margin: 16px auto 0;
  color: #000000;
  font-size: 16px;
  line-height: 1.9;
  text-align: center;
}

.md-area-main-services-list {
  display: block;
}

.md-area-service-box {
  background: #ffffff;
  padding: 64px;
  margin-top: 64px;
  border: 1px solid #d9e8f2;
  box-shadow: 0 8px 24px rgba(18, 60, 107, 0.04);
}

.md-area-service-box-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
  gap: 56px;
  align-items: center;
}

.md-area-service-box-kicker {
  margin: 0;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: #1ea7e1;
}

.md-area-service-box-title {
  margin: 10px 0 0;
  font-size: 32px;
  line-height: 1.45;
  font-weight: 900;
  color: #123c6b;
}

.md-area-service-box-catch {
  margin: 12px 0 0;
  font-size: 22px;
  line-height: 1.7;
  font-weight: 700;
  color: #000000;
}

.md-area-service-box-lead,
.md-area-service-box-copy p,
.md-area-service-feature-card p {
  color: #000000;
  line-height: 1.95;
}

.md-area-service-box-lead {
  margin: 22px 0 0;
  font-size: 16px;
}

.md-area-service-box-image-placeholder {
  min-height: 300px;
  background: #eaf7ff;
  border: 1px solid #cfe3ef;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #123c6b;
  font-weight: 700;
}

.md-area-service-feature-image-placeholder {
  min-height: 190px;
  background: #eaf7ff;
  border: 1px solid #cfe3ef;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #123c6b;
  font-weight: 700;
  margin-bottom: 22px;
}

.md-area-service-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.md-area-service-box-details {
  margin-top: 64px;
}

.md-area-service-box-details summary {
  cursor: pointer;
  list-style: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 46px;
  min-width: 214px;
  padding: 0 24px;
  border-radius: 999px;
  border: 1px solid #d8d2ca;
  background: #fff;
  color: #123c6b;
  font-weight: 800;
  margin: 0 auto;
}

.md-area-service-box-details summary::-webkit-details-marker {
  display: none;
}

.md-area-service-box-details-icon {
  font-size: 20px;
  line-height: 1.2;
}

.md-area-service-feature-grid {
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

.md-area-service-feature-grid--desktop {
  margin-top: 52px;
}

.md-area-service-feature-grid--sp {
  margin-top: 24px;
}

.md-area-service-feature-card {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}

.md-area-service-feature-card h4 {
  margin-top: 20px;
  color: #111111;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 900;
}

.md-area-service-feature-card p {
  margin-top: 12px;
  color: #000000;
  font-size: 15px;
}

.md-area-service-box-links {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}

.md-area-service-box-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #1ea7e1;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.md-area-service-box-link:hover {
  color: #123c6b;
}

@media (min-width: 768px) {
  .md-area-service-feature-grid--desktop {
    display: grid;
  }

  .md-area-service-box-details {
    display: none;
  }
}

@media (max-width: 1024px) {
  .md-area-service-box-main {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .md-area-service-box-image-placeholder {
    min-height: 300px;
  }

  .md-area-service-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
  }
}

@media (max-width: 767px) {
  .md-area-main-services-section {
    padding: 72px 0;
  }

  .md-area-main-services-section .md-area-section-title {
    font-size: 26px;
  }

  .md-area-service-box {
    padding: 36px 20px;
    margin-top: 40px;
  }

  .md-area-service-box-title {
    font-size: 26px;
  }

  .md-area-service-box-catch {
    font-size: 20px;
    line-height: 1.7;
  }

  .md-area-service-box-lead {
    font-size: 15px;
    line-height: 1.95;
  }

  .md-area-service-box-image-placeholder {
    min-height: 230px;
  }

  .md-area-service-feature-grid--desktop {
    display: none;
  }

  .md-area-service-box-details {
    display: block;
  }

  .md-area-service-box-details:not([open]) .md-area-service-feature-grid--sp {
    display: none;
  }

  .md-area-service-feature-grid--sp {
    grid-template-columns: 1fr;
    gap: 36px;
    margin-top: 24px;
  }

  .md-area-service-feature-image-placeholder {
    min-height: 190px;
  }

  .md-area-service-feature-card h4 {
    font-size: 18px;
  }

  .md-area-service-box-details {
    margin-top: 30px;
  }

  .md-area-service-box-links {
    margin-top: 24px;
  }

  .md-area-page--leaf .md-area-service-box-kicker,
  .md-area-page--leaf .md-area-service-box-title {
    text-align: center;
  }

  .md-area-page--leaf .md-area-service-box-details summary {
    display: flex;
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    text-align: center;
  }

  .md-area-page--leaf .md-area-service-box-links {
    justify-content: center;
  }

  .md-area-page--leaf .md-area-main-services-section .md-area-service-box-link {
    justify-content: center;
    text-align: center;
  }

  .md-area-page--hub .md-area-service-box-kicker,
  .md-area-page--hub .md-area-service-box-title,
  .md-area-page--archive .md-area-service-box-kicker,
  .md-area-page--archive .md-area-service-box-title {
    text-align: center;
  }

  .md-area-page--hub .md-area-service-box-details summary,
  .md-area-page--archive .md-area-service-box-details summary {
    display: flex;
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    text-align: center;
  }

  .md-area-page--hub .md-area-service-box-links,
  .md-area-page--archive .md-area-service-box-links {
    justify-content: center;
  }

  .md-area-page--hub .md-area-main-services-section .md-area-service-box-link,
  .md-area-page--archive .md-area-main-services-section .md-area-service-box-link {
    justify-content: center;
    text-align: center;
  }

  .md-area-page--leaf .md-area-fv-detail-region-item {
    background: #f5f8fb;
    border: none;
    box-shadow: none;
    border-radius: 6px;
    min-height: 34px;
    padding: 7px 8px;
  }

  .md-area-page--leaf .md-area-fv-detail-region-item::before {
    content: none;
    display: none;
  }
}

.md-area-subsidy-section {
  padding: 96px 0 88px;
  background: #FFFFFF;
  color: #000000;
}

.md-area-subsidy-head {
  text-align: center;
}

.md-area-subsidy-section p,
.md-area-subsidy-section li,
.md-area-subsidy-section dd,
.md-area-subsidy-section dt,
.md-area-subsidy-section span {
  color: #000000;
}

.md-area-subsidy-kicker {
  margin: 0;
  color: #1ea7e1;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-align: center;
  text-transform: uppercase;
}

.md-area-subsidy-title {
  margin: 12px 0 0;
  color: #111;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
}

.md-area-subsidy-intro {
  color: #000000;
  font-size: 16px;
  line-height: 1.9;
  margin: 18px auto 0;
  max-width: 860px;
}

.md-area-subsidy-lead-box {
  margin-top: 36px;
  padding: 30px 34px;
  background: #EAF7FF;
  border: 1px solid #CFE3EF;
  border-radius: 14px;
}

.md-area-subsidy-lead-box h3 {
  margin: 0 0 12px;
  color: #123c6b;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.5;
}

.md-area-subsidy-lead-box p {
  margin: 0;
  color: #000;
  line-height: 1.9;
}

.md-area-subsidy-program-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  margin-top: 42px;
}

.md-area-subsidy-program-grid.is-single {
  grid-template-columns: 1fr;
}

.md-area-subsidy-program-card {
  background: #FFFFFF;
  border: 1px solid #CFE3EF;
  border-radius: 14px;
  padding: 28px;
}

.md-area-subsidy-program-label {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  background: #1ea7e1;
  color: #fff !important;
  font-size: 13px;
  font-weight: 900;
  border-radius: 999px;
}

.md-area-subsidy-program-card h3 {
  margin: 16px 0 18px;
  color: #111;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.5;
}

.md-area-subsidy-program-summary {
  margin: 0;
  color: #000;
  line-height: 1.9;
}

.md-area-subsidy-program-card dl {
  margin: 0;
}

.md-area-subsidy-program-card dt {
  margin-top: 18px;
  color: #123c6b;
  font-weight: 900;
}

.md-area-subsidy-program-card dd {
  margin: 8px 0 0;
  color: #000;
  line-height: 1.9;
}

.md-area-subsidy-usage-box,
.md-area-subsidy-flow-box {
  margin-top: 36px;
  padding: 30px 34px;
  background: #F5FBFF;
  border: 1px solid #CFE3EF;
  border-radius: 14px;
}

.md-area-subsidy-usage-box h3,
.md-area-subsidy-flow-box h3 {
  margin: 0 0 18px;
  color: #123c6b;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.5;
}

.md-area-subsidy-usage-row {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 20px;
  padding: 18px 0;
  border-top: 1px solid #CFE3EF;
}

.md-area-subsidy-usage-row:first-of-type {
  border-top: 0;
}

.md-area-subsidy-usage-row strong {
  color: #111;
  font-weight: 900;
}

.md-area-subsidy-usage-row p,
.md-area-subsidy-flow-box p {
  margin: 0;
  color: #000;
  line-height: 1.9;
}

.md-area-subsidy-cta {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-top: 34px;
}

.md-area-subsidy-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 24px;
  border-radius: 10px;
  font-weight: 900;
  color: #fff !important;
  text-decoration: none;
}

.md-area-subsidy-cta a:first-child {
  background: #123C6B;
}

.md-area-subsidy-cta a:last-child {
  background: #1EA7E1;
}

.md-area-subsidy-note {
  margin-top: 24px;
  color: #000;
  font-size: 14px;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .md-area-subsidy-section {
    padding: 72px 0 64px;
  }

  .md-area-subsidy-title {
    font-size: 28px;
  }

  .md-area-subsidy-program-card h3 {
    font-size: 24px;
  }

  .md-area-subsidy-program-grid {
    grid-template-columns: 1fr;
  }

  .md-area-subsidy-lead-box,
  .md-area-subsidy-program-card,
  .md-area-subsidy-usage-box,
  .md-area-subsidy-flow-box {
    padding: 24px;
  }

  .md-area-subsidy-usage-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .md-area-subsidy-cta {
    flex-direction: column;
  }

  .md-area-subsidy-cta a {
    width: 100%;
  }
}

.md-area-pref-voice-section p,
.md-area-pref-voice-section h2,
.md-area-pref-voice-section h3 {
  color: #000;
}

.md-area-pref-voice-section .mt-8.grid {
  align-items: stretch;
}

.md-area-pref-voice-section article {
  height: 100%;
}

.md-area-contact-cta-section {
  position: relative;
  padding-top: 48px;
  padding-bottom: 64px;
  background: #0096DB;
}

.md-area-mid-contact-cta {
  margin: 0 auto;
  max-width: 980px;
  text-align: center;
  color: #fff;
}

.md-area-mid-contact-cta__title {
  margin: 0;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
}

.md-area-mid-contact-cta__lead {
  margin: 16px 0 0;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.7;
}

.md-area-mid-contact-cta__buttons {
  margin: 32px auto 0;
  display: grid;
  gap: 16px;
  max-width: 760px;
}

.md-area-mid-contact-cta__button {
  display: flex;
  min-height: 74px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: #fff;
  padding: 16px 24px;
  color: #0096DB;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.md-area-mid-contact-cta__icon-wrap {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}

.md-area-mid-contact-cta__icon-wrap.is-doc {
  width: 22px;
  height: 22px;
}

.md-area-mid-contact-cta__icon-wrap.is-mail {
  width: 24px;
  height: 24px;
}

.md-area-mid-contact-cta__icon {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity 0.3s ease;
}

.md-area-mid-contact-cta__icon.is-default {
  opacity: 1;
}

.md-area-mid-contact-cta__icon.is-hover {
  opacity: 0;
}

.md-area-mid-contact-cta__button:hover,
.md-area-mid-contact-cta__button:focus-visible {
  border-color: #fff;
  background: #0096DB;
  color: #fff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
  transform: scale(1.01);
}

.md-area-mid-contact-cta__button:hover .md-area-mid-contact-cta__icon.is-default,
.md-area-mid-contact-cta__button:focus-visible .md-area-mid-contact-cta__icon.is-default {
  opacity: 0;
}

.md-area-mid-contact-cta__button:hover .md-area-mid-contact-cta__icon.is-hover,
.md-area-mid-contact-cta__button:focus-visible .md-area-mid-contact-cta__icon.is-hover {
  opacity: 1;
}

.md-area-mid-contact-cta__phone-box {
  margin: 32px auto 0;
  max-width: 760px;
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 28px 24px;
}

.md-area-mid-contact-cta__phone-title {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}

.md-area-mid-contact-cta__phone-branches {
  margin: 12px 0 0;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.7;
  letter-spacing: -0.02em;
}

.md-area-mid-contact-cta__phone-branches a {
  color: #fff;
  text-decoration: none;
}

.md-area-mid-contact-cta__phone-meta {
  margin: 16px 0 0;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .md-area-contact-cta-section {
    padding-top: 64px;
  }

  .md-area-mid-contact-cta__title {
    font-size: 34px;
  }

  .md-area-mid-contact-cta__buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md-area-mid-contact-cta__phone-title {
    font-size: 34px;
  }

  .md-area-mid-contact-cta__phone-branches {
    font-size: 34px;
  }

  .md-area-mid-contact-cta__phone-meta {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .md-area-contact-cta-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .md-area-mid-contact-cta__button {
    font-size: 20px;
  }

  .md-area-mid-contact-cta__phone-box {
    padding: 22px 16px;
  }

  .md-area-mid-contact-cta__phone-branches {
    font-size: 20px;
  }

  .md-area-mid-contact-cta__phone-meta {
    font-size: 14px;
  }
}