@charset "UTF-8";
/* --------------------------------------------------
 ※※※※※※※※※※※※※※※※※※※※※※※※
 共通ページ用
 このファイルはsassでコンパイルされています
 以下の内容を変更したい場合は構成するscssファイルを
 ご確認ください
 ※※※※※※※※※※※※※※※※※※※※※※※※
-------------------------------------------------- */
@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";
:root {
  /* ------------------------------
  pallet colors
  ------------------------------ */
  --pallet-main-100: #effdfd;
  --pallet-main-500: #4dbdb7;
  --pallet-main-600: #00a098;
  --pallet-main-700: #006c67;
  --pallet-red: #e43e35;
  --pallet-red-pale: #fef1f4;
  --pallet-red-notice: #c90000;
  --pallet-orange-400: #ff6533;
  --pallet-yellow-100: #fff6ba;
  --pallet-gold-400: #ddaa04;
  --pallet-brown-400: #d28f55;
  --pallet-blue-400: #2784ff;
  --pallet-gray-10: #fafafa;
  --pallet-gray-50: #efefef;
  --pallet-gray-300: #d1d1d1;
  --pallet-gray-500: #8b8b8b;
  --pallet-gray-600: #646464;
  --pallet-gray-800: #1f2937;
  --pallet-white: #fff;
  --color-surface-shadow: 100 100 100;
  --color-modal-shadow: 100 100 100;
  --color-mv-shadow: 0 108 103;
  --color-header-shadow: 0 108 103;
  --color-bottombar-shadow: 0 108 103;
  /* ------------------------------
    Semantic colors
    役割・意味を表現（テーマで変更される）
  ------------------------------ */
  --color-main: var(--pallet-main-600);
  --color-on-main: var(--pallet-white);
  --color-main-sub: var(--pallet-main-500);
  --color-main-pale: var(--pallet-main-100);
  --color-on-main-pale: var(--pallet-main-600);
  --color-main-dark: var(--pallet-main-700);
  --color-paramount: var(--pallet-orange-400);
  --color-on-paramount: var(--pallet-white);
  --color-accent: var(--pallet-yellow-100);
  --color-attention: var(--pallet-red);
  --color-on-attention: var(--pallet-white);
  --color-attention-pale: var(--pallet-red-pale);
  --color-notice: var(--pallet-red-notice);
  --color-done: var(--pallet-gray-500);
  --color-disabled: var(--pallet-gray-300);
  --color-surface-disabled: var(--pallet-gray-50);
  --color-on-disabled: var(--pallet-white);
  --color-text: var(--pallet-gray-800);
  --color-text-sub: var(--pallet-gray-500);
  --color-text-link: var(--pallet-gray-800);
  --color-text-link-hover: var(--pallet-orange-400);
  --color-heading02-accent: var(--pallet-main-600);
  --color-heading-footer-accent: var(--pallet-main-600);
  --color-border: var(--pallet-gray-500);
  --color-surface: var(--pallet-white);
  --color-surface-main: var(--pallet-main-100);
  --color-surface-sub: var(--pallet-gray-50);
  --color-on-surface-sub: var(--pallet-gray-800);
  --color-bg-main: var(--pallet-main-100);
  --color-bg-disabled: var(--pallet-gray-50);
  --color-bg-section: var(--pallet-gray-50);
  --color-bg-section-pale: var(--pallet-gray-10);
  --color-bg-header: var(--pallet-white);
  --color-bg-footer: var(--pallet-main-100);
  --color-modal-close: var(--pallet-white);
  --color-modal-close-hover: var(--pallet-main-600);
  --color-bg-modal: var(--pallet-white);
  --color-bg-modal-overlay: 100 100 100;
  --color-form-icon: var(--pallet-main-600);
  --color-form-placeholder: var(--pallet-gray-500);
  --color-radio-disabled: var(--pallet-gray-800);
  --color-focus: var(--pallet-blue-400);
  --color-on-ranking-crown: var(--pallet-white);
  --color-ranking-first: var(--pallet-gold-400);
  --color-ranking-second: var(--pallet-gray-500);
  --color-ranking-third: var(--pallet-brown-400);
  --color-book-border: var(--pallet-gray-500);
  --color-bg-service: var(--pallet-gray-10);
  --color-border-service: var(--pallet-gray-50);
  --color-text-sub-service: var(--pallet-gray-500);
  --color-list-disc: var(--pallet-gray-500);
  --color-list-border: var(--pallet-gray-500);
}

:root {
  --font-family: "Roboto", "Zen Kaku Gothic New", sans-serif;
  --font-family-jp: "Zen Kaku Gothic New", sans-serif;
  --font-family-jp-serif: "ヒラギノ明朝 ProN", "Hiragino Kaku Mincho ProN", 游明朝, "Yu Mincho", hg明朝e, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  --font-weight-light: 400;
  --font-weight-normal: 500;
  --font-weight-bold: 700;
  --font-4xl: 36px;
  --font-3xl: 32px;
  --font-3xl-sm: 28px;
  --font-2xl: 24px;
  --font-2xl-sm: 22px;
  --font-xl: 20px;
  --font-lg: 18px;
  --font-base: 16px;
  --font-sm: 14px;
  --font-xs: 12px;
  --font-2xs: 10px;
  --line-none: 1;
  --line-sm: 1.35;
  --line-base: 1.5;
  --line-relax: 1.75;
}

:root {
  interpolate-size: allow-keywords;
  --trans-quick: 0.1s ease;
  --trans-default: 0.2s ease;
  --trans-slow: 0.4s ease;
}

/* ------------------------------
  ## 命名ルール
  $color-{component}-{variant}-{property}-{state}

  ## 構成要素
  {component}: btn, tag, card, input... （必須）
  {variant}: primary, secondary, tertiary, paramount... （必須）
  {property}: border, outline, shadow... （省略時は背景色）
  {state}: hover, active, focus, disabled...（省略時は通常状態）

  ## on- プレフィックス（コンテンツ色）
  $color-on-{component}-{variant}-{state}
  背景上のコンテンツ（テキスト・アイコン・装飾要素）に使用

  ## 例
  $color-btn-primary                    // ボタン primary の背景色
  $color-on-btn-primary                 // ボタン primary のコンテンツ色（テキスト・アイコン）
  $color-btn-primary-border             // ボタン primary のボーダー色
  $color-btn-primary-hover              // ボタン primary の背景色（ホバー時）
  $color-on-btn-primary-hover           // ボタン primary のコンテンツ色（ホバー時）
  $color-btn-primary-border-hover       // ボタン primary のボーダー色（ホバー時）
------------------------------ */
/* ------------------------------
  base
------------------------------ */
/* ------------------------------
  ly-lower-container
------------------------------ */
.ly-lower-container {
  box-sizing: border-box;
  width: 100%;
  min-width: 980px;
  max-width: 1280px;
  margin-inline: auto;
  padding-inline: 40px;
  flex: 1;
  width: 100%;
  margin-top: 60px;
}
@media screen and (max-width: 768.9px) {
  .ly-lower-container {
    min-width: 100%;
    padding-inline: 16px;
  }
}
@media screen and (max-width: 768.9px) {
  .ly-lower-container {
    margin-top: 20px;
  }
}

/* ------------------------------
  ewd-ufaq-faq-clear
------------------------------ */
.ewd-ufaq-faq-clear {
  display: none;
}

/* ------------------------------
  ewd-ufaq-faq-body
------------------------------ */
.ewd-ufaq-faq-body {
  position: relative;
  padding: 16px 20px !important;
  font-size: var(--font-sm);
}
@media screen and (max-width: 768.9px) {
  .ewd-ufaq-faq-body {
    padding: 16px 8px 16px 16px !important;
  }
}
.ewd-ufaq-faq-body > *:first-child {
  margin-top: 0;
}
.ewd-ufaq-faq-body > *:last-child {
  margin-bottom: 0 !important;
}
.ewd-ufaq-faq-body p:first-child {
  position: relative;
}
.ewd-ufaq-faq-body p:first-child::before {
  content: "A.";
  margin-right: 0.28em;
}

/* ------------------------------
  ewd-ufaq-faq-categories
------------------------------ */
.ewd-ufaq-faq-categories {
  column-gap: 8px !important;
  font-size: 0;
  translate: -8px 0;
}
.ewd-ufaq-faq-categories a {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border: solid 1px var(--color-main) !important;
  border-radius: 4px !important;
  background: var(--color-main);
  color: #fff !important;
  font-size: var(--font-xs);
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
  gap: 4px;
}

/* ------------------------------
  ewd-ufaq-faq-div
------------------------------ */
.ewd-ufaq-faq-div {
  border-bottom: solid 1px var(--color-main);
}
.ewd-ufaq-faq-div:last-child {
  border-bottom: 0;
}

/* ------------------------------
  ewd-ufaq-faq-tags
------------------------------ */
.ewd-ufaq-faq-tags {
  column-gap: 8px !important;
  font-size: 0;
  translate: -8px 0;
}
.ewd-ufaq-faq-tags a {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border: solid 1px var(--color-main-pale) !important;
  border-radius: 4px !important;
  background: var(--color-main-pale);
  color: var(--color-main) !important;
  font-size: var(--font-xs);
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
  gap: 4px;
}

/* ------------------------------
  ewd-ufaq-faq-title
------------------------------ */
.ewd-ufaq-faq-title h1,
.ewd-ufaq-faq-title h2,
.ewd-ufaq-faq-title h3,
.ewd-ufaq-faq-title h4,
.ewd-ufaq-faq-title h5,
.ewd-ufaq-faq-title h6 {
  display: flex !important;
  margin: 0 !important;
}

/* ------------------------------
  ewd-ufaq-faq-title-text
------------------------------ */
.ewd-ufaq-faq-title-text {
  width: 100% !important;
}
.ewd-ufaq-faq-title-text > h4 {
  position: relative;
  margin: 0 !important;
  padding: 11px 56px 11px 15px !important;
  color: var(--color-text);
  font-size: var(--font-lg);
}
@media screen and (max-width: 768.9px) {
  .ewd-ufaq-faq-title-text > h4 {
    padding: 11px 40px 11px 11px !important;
    font-size: var(--font-base);
  }
}
.ewd-ufaq-faq-title-text > h4::before {
  content: "Q.";
  display: inline;
  margin-right: 0.28em;
  white-space: nowrap;
}
.ewd-ufaq-faq-title-text > h4::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 24px;
  height: 24px;
  mask: url("../images//icon/ico_arrow-down.svg") no-repeat center/contain;
  background-color: var(--color-main);
  translate: 0 -50%;
}
@media screen and (max-width: 768.9px) {
  .ewd-ufaq-faq-title-text > h4::after {
    right: 3px;
  }
}
.ewd-ufaq-post-active .ewd-ufaq-faq-title-text > h4::after {
  transform: scale(1, -1);
}

/* ------------------------------
  ewd-ufaq-faqs
------------------------------ */
.ewd-ufaq-faqs {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media screen and (max-width: 768.9px) {
  .ewd-ufaq-faqs {
    row-gap: 16px;
  }
}

/* ------------------------------
  ewd-ufaq-faq-category
------------------------------ */
.ewd-ufaq-faq-category {
  margin: 0 !important;
}

/* ------------------------------
  ewd-ufaq-faq-category-inner
------------------------------ */
.ewd-ufaq-faq-category-inner {
  margin: 0 !important;
  padding-top: 20px;
}
@media screen and (max-width: 768.9px) {
  .ewd-ufaq-faq-category-inner {
    padding-top: 16px;
  }
}

/* ------------------------------
  ewd-ufaq-faq-category-title 
------------------------------ */
.ewd-ufaq-faq-category-title {
  margin: 0 !important;
}
.ewd-ufaq-faq-category-title > h3 {
  display: flex;
  position: relative;
  box-sizing: border-box;
  align-items: center;
  width: 100%;
  min-height: 56px;
  margin: 0 !important;
  padding: 16px 56px 16px 20px;
  border-radius: 8px;
  background-color: var(--color-main-pale);
  color: var(--color-main);
  font-size: var(--font-lg);
  font-weight: var(--font-weight-bold);
}
@media screen and (max-width: 768.9px) {
  .ewd-ufaq-faq-category-title > h3 {
    min-height: 48px;
    padding: 12px 40px 12px 16px;
    font-size: var(--font-base);
  }
}
.ewd-ufaq-faq-category-title > h3::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 24px;
  height: 24px;
  mask: url("../images/icon/ico_minus.svg");
  background-color: var(--color-main);
  translate: 0 -50%;
}
@media screen and (max-width: 768.9px) {
  .ewd-ufaq-faq-category-title > h3::after {
    right: 8px;
  }
}
.ewd-ufaq-faq-category:has(.ewd-ufaq-faq-category-body-hidden) .ewd-ufaq-faq-category-title > h3::after {
  mask-image: url("../images/icon/ico_plus.svg");
}

/* ------------------------------
  ewd-ufaq-faq-post
------------------------------ */
.ewd-ufaq-faq-post > *:first-child {
  margin-top: 0;
}
.ewd-ufaq-faq-post a {
  color: var(--color-main);
  text-decoration: none;
}
@media (any-hover: hover) {
  .ewd-ufaq-faq-post a:hover {
    color: var(--color-text-link-hover);
    text-decoration: underline;
  }
}

/* ------------------------------
  ewd-ufaq-post-margin-symbol
------------------------------ */
.ewd-ufaq-post-margin-symbol {
  display: none;
}

/* ------------------------------
  breadcrumb
------------------------------ */
.breadcrumb {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  color: var(--color-main);
  list-style: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 768.9px) {
  .breadcrumb {
    min-width: auto;
  }
}
.breadcrumb__item {
  display: inline;
}
.breadcrumb__item:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-inline: 10px;
  background: url("../images//icon/ico_arrow-breadcrumb.svg") no-repeat center center/contain;
}
.breadcrumb__link {
  color: var(--color-main);
  font-size: var(--font-sm);
  text-decoration: none;
}
@media (any-hover: hover) {
  .breadcrumb__link:hover {
    color: var(--color-text-link-hover);
    text-decoration: underline;
  }
}

/* ------------------------------
  common-faq-list
------------------------------ */
.common-faq-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  font-size: var(--font-sm);
  row-gap: 8px;
  list-style: none;
}
@media screen and (max-width: 768.9px) {
  .common-faq-list {
    row-gap: 12px;
  }
}
.common-faq-list li {
  position: relative;
  padding-left: 16px;
}
.common-faq-list li::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  translate: 0 -50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-main);
}
@media screen and (max-width: 768.9px) {
  .common-faq-list li::before {
    top: 10px;
  }
}
.common-faq-list li a {
  color: var(--color-main);
  text-decoration: none;
}
@media (any-hover: hover) {
  .common-faq-list li a:hover {
    color: var(--color-text-link-hover);
    text-decoration: underline;
  }
}

/* ------------------------------
  mega-container
------------------------------ */
.mega-container {
  background-color: var(--color-surface) !important;
}
/* ------------------------------
  mainContentsTitle
------------------------------ */
.mainContentsTitle {
  display: none;
}

/* ------------------------------
  pages
------------------------------ */
.pages:has(.ly-lower-container) {
  flex: 1;
}

/* ------------------------------
  sideBar
------------------------------ */
.sideBar {
  display: none;
}

/* ------------------------------
  ub-button-block
------------------------------ */
.ub-button-block {
  width: 100%;
  border: solid aqua;
}

/* ------------------------------
  ub-button-block-main
------------------------------ */
/* ------------------------------
  ub-button-block-main
------------------------------ */
.is-inquiry .ub-button-block-main {
  min-height: 50px !important;
}
.is-inquiry .ub-button-block-main::before, .is-inquiry .ub-button-block-main::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  transition: background-color 0.5s, color 0.5s, border 0.5s;
}
.is-inquiry .ub-button-block-main::before {
  mask: url("../images/icon/ico_information.svg");
  background-color: var(--color-surface);
}
@media (any-hover: hover) {
  .ub-button-primary.is-inquiry:hover .ub-button-block-main::before {
    background-color: var(--color-main);
  }
}
.is-service .ub-button-block-main::before, .is-service .ub-button-block-main::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
}
.is-service .ub-button-block-main::before {
  mask: url("../images/icon/ico_leaf.svg");
  background-color: var(--color-main);
}
.is-guide .ub-button-block-main::before, .is-guide .ub-button-block-main::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
}
.is-guide .ub-button-block-main::before {
  mask: url("../images/icon/ico_information.svg");
  background-color: var(--color-main);
}
.ub-button-primary .ub-button-block-main {
  display: inline-flex !important;
  position: relative !important;
  box-sizing: border-box !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 40px;
  padding: 6px 12px !important;
  border: 2px solid transparent !important;
  border-radius: 999px !important;
  background: var(--color-main) !important;
  color: var(--color-on-main) !important;
  font-size: var(--font-sm) !important;
  font-weight: var(--font-weight-bold) !important;
  line-height: var(--line-sm) !important;
  text-align: center !important;
  text-decoration: none !important;
  gap: 8px !important;
}
@media screen and (max-width: 768.9px) {
  .ub-button-primary .ub-button-block-main {
    max-width: 390px;
  }
}
@media (any-hover: hover) {
  .ub-button-primary .ub-button-block-main:hover {
    border-color: var(--color-main) !important;
    background-color: var(--color-main-pale) !important;
    color: var(--color-on-main-pale) !important;
  }
}

.ub-button-secondary .ub-button-block-main {
  display: inline-flex !important;
  position: relative !important;
  box-sizing: border-box !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 40px;
  padding: 6px 12px !important;
  border: 2px solid var(--color-main) !important;
  border-radius: 999px !important;
  background: var(--color-surface) !important;
  color: var(--color-main) !important;
  font-size: var(--font-sm) !important;
  font-weight: var(--font-weight-bold) !important;
  line-height: var(--line-sm) !important;
  text-align: center !important;
  text-decoration: none !important;
  gap: 8px !important;
}
@media screen and (max-width: 768.9px) {
  .ub-button-secondary .ub-button-block-main {
    max-width: 390px;
  }
}
@media (any-hover: hover) {
  .ub-button-secondary .ub-button-block-main:hover {
    border-color: var(--color-main) !important;
    background-color: var(--color-main-pale) !important;
    color: var(--color-main) !important;
  }
}
/* ------------------------------
  ub-button-container
------------------------------ */
.ub-button-container {
  justify-content: center;
  min-width: 209px;
}
@media screen and (max-width: 768.9px) {
  .ub-button-container {
    width: 100%;
    min-width: 0;
  }
}
.is-inquiry .ub-button-container {
  min-width: 280px;
}

/* ------------------------------
  ub-buttons
------------------------------ */
.ub-buttons {
  margin: 0;
}
/* ------------------------------
  wp-block-columns
------------------------------ */
.wp-block-columns {
  margin: 0;
}

/* ------------------------------
  wp-block-group
------------------------------ */
.wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
}
.ly-lower-container > .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  row-gap: 40px;
}
@media screen and (max-width: 768.9px) {
  .ly-lower-container > .wp-block-group__inner-container {
    row-gap: 20px;
  }
}
.faq-section--common .wp-block-group__inner-container {
  row-gap: 32px;
}
@media screen and (max-width: 768.9px) {
  .faq-section--common .wp-block-group__inner-container {
    row-gap: 16px;
  }
}
.faq-section--list .wp-block-group__inner-container {
  row-gap: 20px;
}

/* ------------------------------
  wp-block-heading
------------------------------ */
.wp-block-heading {
  margin: 0;
}
@media screen and (max-width: 768.9px) {
  .wp-block-heading {
    font-size: var(--font-xl);
  }
}

/* ------------------------------
  wp-block-list
------------------------------ */
.wp-block-list {
  padding-left: 16px;
}

/* ------------------------------
  wp-block-table
------------------------------ */
.wp-block-table {
  border: 1px solid var(--color-border);
  border-radius: 8px;
}
.wp-block-table table {
  overflow: hidden;
  border-spacing: 0;
  border: 0;
}
.wp-block-table tr {
  border: 0;
}
.wp-block-table th,
.wp-block-table td {
  border-color: var(--color-border) !important;
}
.wp-block-table tr:first-child th,
.wp-block-table tr:first-child td {
  border-top: 0;
}
.wp-block-table tr:last-child th,
.wp-block-table tr:last-child td {
  border-bottom: 0;
}
.wp-block-table th {
  width: 280px;
  padding: 16px 8px;
  border-width: 0 0 1px;
  background-color: var(--color-bg-main);
  font-size: var(--font-sm);
  font-weight: var(--font-weight-bold);
  text-align: left;
}
@media screen and (max-width: 768.9px) {
  .wp-block-table th {
    width: 120px;
  }
}
.wp-block-table td {
  padding: 16px;
  background-color: var(--color-surface);
  font-size: var(--font-sm);
}
tr:first-child .wp-block-table td {
  border-top: 0;
}
@media screen and (max-width: 768.9px) {
  .wp-block-table td {
    padding: 16px 12px;
  }
}

/* ------------------------------
  wp-block-search
------------------------------ */
.wp-block-search__inside-wrapper {
  display: flex;
  position: relative;
  height: 40px;
  padding: 0;
  border: 0;
}
.wp-block-search__label {
  width: 0;
}
.wp-block-search__input {
  width: 100%;
  height: 100%;
  padding: 12px 40px 12px 10px;
  border: solid 1px var(--color-border);
  border-radius: 12px;
  background-color: var(--color-surface);
}
@media screen and (max-width: 768.9px) {
  .wp-block-search__input {
    border-radius: 8px;
  }
}
.wp-block-search__button {
  position: absolute;
  top: 50%;
  right: 0;
  width: 40px;
  height: 38px;
  border: 0;
  border-radius: 0 12px 12px 0;
  translate: 0 -50%;
  background: none;
}
.wp-block-search__button svg {
  fill: var(--color-main);
}

/* ------------------------------
  wp-element-caption
------------------------------ */
.wp-element-caption {
  color: var(--color-text-sub);
  font-size: var(--font-sm);
}
@media screen and (max-width: 768.9px) {
  .wp-element-caption {
    font-size: var(--font-xs);
  }
}

/* ------------------------------
  wp-theme-store
------------------------------ */
.wp-theme-store {
  background-color: var(--color-surface) !important;
}
/* ------------------------------
  wp-singular
------------------------------ */
.wp-singular:has(.ly-lower-container) {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

/* ------------------------------
  faq
------------------------------ */
.faq {
  width: 100%;
}
.faq > .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  row-gap: 60px;
}

/* ------------------------------
  faq-head
------------------------------ */
.faq-head {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 40px;
  gap: 20px 30px;
}
@media screen and (max-width: 768.9px) {
  .faq-head {
    flex-direction: column-reverse;
    padding-inline: 0;
  }
}
.faq-head__column--buttons {
  flex: 0 0 auto !important;
}

/* ------------------------------
  faq-head-buttons
------------------------------ */
.faq-head-buttons {
  flex: 0 0 auto !important;
}
@media screen and (max-width: 768.9px) {
  .faq-head-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.faq-head-buttons__columns {
  display: flex;
  gap: 8px 16px;
}
.faq-head-buttons__column {
  flex: 0 0 209px !important;
}
@media screen and (max-width: 768.9px) {
  .faq-head-buttons__column {
    flex: 1 1 auto !important;
    max-width: 390px;
  }
}

/* ------------------------------
  faq-head-search
------------------------------ */
.faq-head-search {
  flex: 1 1 580px !important;
  font-size: var(--font-sm);
}
.faq-head-search input::placeholder {
  font-size: var(--font-xs);
}

/* ------------------------------
  faq-sections-wrapper
------------------------------ */
.faq-sections-wrapper {
  flex: 1;
  width: 100%;
}
.faq-sections-wrapper > .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  row-gap: 40px;
}

/*# sourceMappingURL=style-faq.css.map */