/*
 Theme Name: oltana-006 Child
 Template:   oltana-006
*/

/* ============================================================
   コンタクトエリアのボタン色変更（緑色テーマに統一）
   ※ホバー時はテーマ標準の挙動になります
   ============================================================ */

/* 1. 「30日無料トライアル」ボタン（緑背景・白文字） */
.ol-contact-mail2 a.ol-btn-regular-custom2 {
    background-color: #21b767 !important; /* 緑背景 */
    border: 2px solid #21b767 !important;  /* 緑枠 */
    color: #ffffff !important;             /* 白文字 */
    font-weight: bold !important;          /* 太字 */
}

/* 中のアイコンとテキストも強制的に白にする */
.ol-contact-mail2 a.ol-btn-regular-custom2 i,
.ol-contact-mail2 a.ol-btn-regular-custom2 span {
    color: #ffffff !important;
}


/* 2. 「資料ダウンロード」ボタン（白背景・緑文字・緑枠） */
.ol-contact-mail a.ol-btn-regular-custom1 {
    background-color: #ffffff !important;  /* 白背景 */
    border: 2px solid #21b767 !important;  /* 緑枠 */
    color: #21b767 !important;             /* 緑文字 */
}

/* 中のアイコンとテキストも強制的に緑にする */
.ol-contact-mail a.ol-btn-regular-custom1 i,
.ol-contact-mail a.ol-btn-regular-custom1 span {
    color: #21b767 !important;
}


/* ============================================================
   ファーストビューCVボタン：スマホ用強制上書き設定
   ============================================================ */
@media screen and (max-width: 767px) {
    .ol-firstview__cta-wrapper {
        /* 1. 「左寄せ」を打ち消して「中央寄せ」にする */
        justify-content: center !important;
        
        /* 2. もし縦並びを確実にしたい場合はこれを有効化 */
        /* flex-direction: column !important; */
        
        /* 3. 「間隔30px」を打ち消して「15px」に狭くする */
        gap: 15px !important;
        
        /* 4. 上の余白も少し狭くする（好みで調整可） */
        margin-top: 30px !important;
    }
    
    /* ボタン自体の調整（必要であれば） */
    .ol-firstview__cta-wrapper a {
        /* 横幅を少し調整して、はみ出し防止 */
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* ============================================================
   1. 共通セクション設定（背景グレー・フルワイド・余白確保）
   ============================================================ */
#olNewConcept02,
#olFeature,
#olPlan,
#olInfo,
#olProposal {
    background-color: #eff0f2 !important; /* 背景グレー */
    width: 100% !important;                /* フルワイド */
    
    /* ★マージン（肌色）を強制的に消す記述を追加 */
    margin: 0 !important;
    
    /* スマホ用パディング（上80px, 下0） */
    padding: 80px 0 0 0 !important;        
    
    overflow: hidden !important;
}

@media (min-width: 768px) {
    #olNewConcept02,
    #olFeature,
    #olPlan,
    #olInfo,
    #olProposal {
        /* ★パディング（緑色）を180pxから100pxに減らす */
        padding: 180px 0 0 0 !important;
        
        /* 念のためPCでもマージン削除を徹底 */
        margin: 0 !important;
    }
}

/* ============================================================
   2. インナー幅の設定（フルワイド対応）
   ============================================================ */
#olNewConcept02 .inner,
#olProposal .inner,
#olSecurity .inner,
#olFunction .inner {
    width: 100% !important;
    max-width: none !important;   /* 幅制限を解除 */
    margin: 0 auto !important;
    padding: 0 20px !important;   /* スマホ用余白 */
    box-sizing: border-box !important;
}

@media (min-width: 768px) {
    #olNewConcept02 .inner,
    #olProposal .inner,
    #olSecurity .inner,
    #olFunction .inner {
        padding: 0 5% !important; /* PC用余白 */
    }
}

/* ============================================================
   3. 白いカードのデザイン（パディング追加）
   ============================================================ */
.benefit-card {
    background-color: #ffffff !important; /* 白背景 */
    width: 100% !important;
    
    /* カードの最大幅（フルワイド） */
    max-width: none !important;          
    
    margin: 0 auto !important;            /* 中央配置 */
    border-radius: 20px !important;       /* 角丸 */
    box-shadow: 0 10px 40px rgba(0,0,0,0.06) !important; /* 影 */
    box-sizing: border-box !important;    /* 余白を含めて幅を計算する設定 */

    /* カードの内側の余白（スマホ用） */
    padding: 30px !important; 
}

/* カード内の画像設定 */
.benefit-figure-img {
    display: block !important;
    width: 100% !important;           /* 基本は親に合わせて伸縮 */
    height: auto !important;
    vertical-align: bottom !important;
    
    /* ★ここを追加：PCで800px以上広がらないように制限 */
    max-width: 800px !important;
    
    /* ★ここを追加：1200pxで止まった時に中央に寄せる */
    margin: 0 auto !important;
}

/* --- PC表示（幅768px以上）の調整 --- */
@media (min-width: 768px) {
    .benefit-card {
        /* カードの内側の余白（PC用は広めに） */
        padding: 60px !important; 
    }
}

/* ============================================================
   4. 画像の設定（フルワイド）
   ============================================================ */
.benefit-figure-img {
    width: 100% !important;
    max-width: 800px !important; 
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    border-radius: 8px !important;
}

/* ============================================================
   共通パーツ：セクションの説明文（H2の下）
   ============================================================ */
.ol-section-description {
    text-align: center !important;      /* 中央揃え */
    margin-bottom: 40px !important;     /* 下の余白 */
    font-size: 15px;                    /* スマホの文字サイズ */
    line-height: 1.8;                   /* 行間を少し広めに */
    color: #0e1a25;                     /* 文字色（黒系） */
    font-weight: 500;                   /* 少しだけ太くして読みやすく */
}

/* PC表示（768px以上）の設定 */
@media (min-width: 768px) {
    .ol-section-description {
        font-size: 18px;                /* PCでは文字を大きく */
        margin-bottom: 60px !important; /* PCでは余白も少し広げる */
        max-width: 800px;               /* 横に広がりすぎないように制限 */
        margin-left: auto !important;   /* 中央配置用 */
        margin-right: auto !important;  /* 中央配置用 */
    }
}

/* ============================================================
   7. FUNCTIONセクション専用スタイル（完全版・修正済み）
   ============================================================ */

/* ------------------------------------------------------------
   1. 基本設定（ベース）
   ------------------------------------------------------------ */
#olFunction {
    background-color: #eff0f2 !important;
    width: 100% !important;
    padding: 80px 0 !important;
    overflow: hidden !important;
}

#olFunction .inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* ------------------------------------------------------------
   2. グリッドとレスポンシブ（列数設定）
   ------------------------------------------------------------ */
.func-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    justify-content: flex-start !important; /* 左詰め */
    width: 100% !important;
}

/* ▼ スマホ（～767px）：1列 */
.func-item {
    width: 100% !important;
    background-color: #154AB5 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important;
    display: flex !important;
    flex-direction: column !important;
}

/* ▼ タブレット（768px～1024px）：3列 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .func-item {
        width: calc((100% - 48px) / 3) !important;
    }
}

/* ▼ PC（1025px～）：4列 */
@media screen and (min-width: 1025px) {
    .func-item {
        width: calc((100% - 72px) / 4) !important;
    }
}

/* PC共通の余白設定（インナー幅） */
@media (min-width: 768px) {
    #olFunction .inner {
        padding: 0 4% !important;
    }
}

/* ------------------------------------------------------------
   3. 画像エリア（見切れ防止）
   ------------------------------------------------------------ */
.func-image-wrapper img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;     /* 比率固定解除 */
    object-fit: contain !important;    /* 全体を表示 */
    display: block !important;
    background-color: #e0e7f7 !important; /* 背景色（画像に隙間が出た時用） */
}

/* ------------------------------------------------------------
   4. テキストエリア・文字設定
   ------------------------------------------------------------ */
.func-content {
    flex: 1 !important;
    width: 100% !important;
    padding: 20px 16px 32px 16px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 見出し（ベース：スマホ18px） */
#olFunction .func-content h3.card__shortcut-h3-text {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 説明文 */
.func-content p.ol-text {
    font-size: 14px !important;
    color: #ffffff !important;
    line-height: 1.6 !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

/* ------------------------------------------------------------
   5. PC表示（768px以上）の文字調整
   ------------------------------------------------------------ */
@media (min-width: 768px) {
    /* 文字サイズ拡大・高さ固定 */
    #olFunction .func-content h3.card__shortcut-h3-text {
        font-size: 24px !important;
        min-height: 60px !important;
    }
}

/* ------------------------------------------------------------
   6. スマホ表示（767px以下）の微調整
   ------------------------------------------------------------ */
@media screen and (max-width: 767px) {
    #olFunction {
        padding: 60px 0 !important;
    }
    
    .func-content {
        padding: 32px 16px 32px 16px !important; /* ★修正：16pxにしました */
    }
    
    .func-content h3.card__shortcut-h3-text {
        min-height: auto !important;
    }
}

/* ============================================================
   Securityセクション：共通設定
   （基本はPC向け・センター揃え）
   ============================================================ */

/* カード外枠（グリッド） */
.ol-security-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 24px !important;
    width: 100% !important;
}

.ol-security-item {
    width: 100% !important;
    display: flex !important;
}

/* カラム数調整（タブレット・PC） */
@media (min-width: 640px) { .ol-security-item { width: calc(50% - 15px) !important; } }
@media (min-width: 1024px) { .ol-security-item { width: calc(33.333% - 20px) !important; } }

/* カード本体（基本：縦積み・センター） */
.ol-security-card {
    background: #ffffff !important;
    display: flex !important;
    flex-direction: column !important; /* 縦積み */
    align-items: center !important;    /* ★左右中央 */
    text-align: center !important;     /* ★テキスト中央 */
    padding: 30px 20px !important;
    height: 100% !important;
    box-sizing: border-box !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.06) !important;
}

/* アイコン（基本：センター） */
.security-icon-wrapper {
    width: 80px !important;
    height: 80px !important;
    background: #EBF1FC !important;
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto 30px auto !important; /* ★左右autoで中央 */
    flex-shrink: 0 !important;
}

/* アイコン画像 */
.ol-security-card img {
    margin: 0 !important;
    display: block !important;
}

/* テキストエリア（基本：センター） */
.security-text-wrapper {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* ★左右中央 */
}

/* 説明文（基本：センター） */
.security-text-wrapper p,
#olSecurity .ol-text {
    text-align: center !important; /* ★PCでは中央揃え */
    margin: 0 !important;
    width: 100% !important;
}

/* ============================================================
   見出し（H3）設定
   ============================================================ */

/* 1. 共通設定（色・太さ） */
#olSecurity .card__shortcut-h3-text,
#olFunction .card__shortcut-h3-text {
    color: #154AB5 !important;
    font-weight: bold !important;
    font-size: 18px !important; /* スマホ基本サイズ */
    line-height: 1.4;
    margin: 0 0 15px 0 !important;
}

/* 2. PC用設定（24px・高さ60px固定・上下中央） */
@media (min-width: 768px) {
    /* Securityの見出し */
    #olSecurity .card__shortcut-h3-text {
        font-size: 24px !important;
        height: 60px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-bottom: 20px !important;
        text-align: center !important;
    }
    
    /* Functionの見出し（サイズだけ揃える） */
    #olFunction .card__shortcut-h3-text {
        font-size: 24px !important;
    }
}

/* ============================================================
   ★Securityセクション：スマホ表示（767px以下）の特別対応
   ※ここが重要！Securityだけを強制的に「左寄せ」にします
   ============================================================ */
@media screen and (max-width: 767px) {
    
    /* カードを「横並び」に変更 */
    #olSecurity .ol-security-card {
        flex-direction: row !important;     /* 横並び */
        align-items: center !important;     /* 上下中央 */
        text-align: left !important;        /* ★強制左寄せ */
        padding: 20px !important;
    }

    /* アイコンを小さく・右に余白 */
    #olSecurity .security-icon-wrapper {
        width: 60px !important;
        height: 60px !important;
        margin: 0 20px 0 0 !important;      /* 右に余白、左右auto解除 */
    }

    /* テキストエリアを「左寄せ」 */
    #olSecurity .security-text-wrapper {
        align-items: flex-start !important; /* ★強制左寄せ */
    }
    
    /* 見出しを「左寄せ」・高さ固定解除 */
    #olSecurity .card__shortcut-h3-text {
        height: auto !important;            /* 高さなりゆき */
        display: block !important;          /* flex解除 */
        text-align: left !important;        /* ★強制左寄せ */
        margin: 0 0 5px 0 !important;
        min-height: 0 !important;
    }
    
    /* 説明文も左寄せ */
    #olSecurity .security-text-wrapper p,
    #olSecurity .ol-text {
        text-align: left !important;        /* ★強制左寄せ */
    }
}

/* ============================================================
   【緊急修正】スマホでの画面横揺れ・はみ出し防止
   ============================================================ */

/* 1. サイト全体で横スクロールを強制的に禁止する（最強の安全策） */
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    position: relative;
}

/* 2. Needsセクションのはみ出し修正 */
/* パディングを含めた幅計算（border-box）を強制する */
#ol-section-needs .ol-needs__list-item,
.ol-needs__list-item,
#olFunction .func-item,
.func-item {
    box-sizing: border-box !important;
}

/* 3. 画像がはみ出さないように制限 */
img {
    max-width: 100% !important;
    height: auto !important;
}


/* ============================================================
   スマホ表示（767px以下）のとき、ボタンエリアを調整 
   ============================================================ */

@media screen and (max-width: 767px) {
    .ol-firstview__sub-image-num2 {
        justify-content: center !important; /* 中央寄せ */
        gap: 12px !important;               /* 間隔を30pxから12pxに詰める */
    }
}

/* ============================================================
   トップのキャッチコピー（レスポンシブ対応）
   ============================================================ */
.responsive-lead-text {
    font-size: 15px !important;      /* スマホ：小さく */
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    font-weight: normal !important;
    text-align: center !important;
    line-height: 1.6 !important;
    color: #0e1a25 !important;
}

/* PC（768px以上）の設定 */
@media screen and (min-width: 768px) {
    .responsive-lead-text {
        font-size: 24px !important;  /* PC：大きく */
        margin-top: 28px !important;
        margin-bottom: 14px !important;
    }
}

/* ============================================================
   ラベル（CONCEPTなどの青背景）
   ============================================================ */

.ol-needs__heading-sub-shortcut,
.ol-product__heading-sub-shortcut, 
.ol-compare__heading-sub-shortcut, 
.ol-story__heading-sub-shortcut, 
.ol-faq__heading-sub-shortcut, 
.ol-media__heading-sub-shortcut {
    background-color: #154ab5;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
}



/* ============================================================
   8. FEATUREセクション（製品紹介）専用スタイル
   ============================================================ */

/* カード全体の外枠余白を削除 */
.ol-product__item {
    padding: 0px !important;
}

/* 画像エリアの余白削除 */
.ol-product__image-wrapper {
    padding: 0 !important;
}

/* テキストコンテンツ（青背景部分）のデザイン */
.ol-product__item .ol-product__content {
    /* PC表示：左側を丸くする */
    background-color: #154ab5 !important;
    border-radius: 1.5em 0 0 1.5em !important;
    
    /* PC用の余白（広い画面では clamp が効きます） */
    padding: clamp(4.5em, 6vw, 5.1em) !important;
}

/* 文字色を白にする */
.ol-product__content .ol-font-en, 
.ol-product__content-list-item {
    color: #fff !important;
}

/* リストのチェックマークも白にする */
.ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item::before {
    color: #fff !important;
}

/* 不要なライン装飾を消す */
.ol-heading-sub-line {
    display: none !important;
}

/* ▼▼▼ スマホ表示の調整（ここを修正しました） ▼▼▼ */
@media screen and (max-width: 767px) {
    .ol-product__item .ol-product__content { 
        /* スマホ表示：上側を丸くする */
        border-radius: 1.5em 1.5em 0 0 !important;
        
        /* ★ここが重要：PCのclamp設定（72px）を無視して、スマホ用の程よい余白にする */
        padding: 30px 20px !important; /* 上下30px、左右20px */
    }
}

/* ============================================================
    CUSTOM CTA (Oltana Style)
   ============================================================ */

  /* テーマのスタイルを補完し、背景を画像に設定。 */
  .ol-custom-cta {
    background-image: url('https://eerp.jp/minutes/wp-content/uploads/2026/01/cta_bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #154AB5;
    /* サイト最下部のCONTACTセクションに合わせたパディング */
    padding: 80px 0;
    width: 100%;
    position: relative;
    z-index: 1;
  }

  /* オーバーレイはなし（明るさを維持） */
  .ol-custom-cta::before {
    display: none;
  }

  /* インナーコンテナの設定 */
  .ol-custom-cta .ol-contact__inner {
    max-width: none !important;
    width: 100% !important;
    padding: 0 4% !important;
    box-sizing: border-box;
  }

  /* リード文：シャドウを削除し、サイト最下部のスタイルに同期 */
  .ol-custom-cta .ol-contact__description {
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff; /* 白抜き文字 */
    line-height: 1.5;
    text-shadow: none !important; /* シャドウを完全に削除 */
  }

  @media (min-width: 768px) {
    .ol-custom-cta .ol-contact__description {
      font-size: 24px;
    }
  }

  /* アニメーション：テーマ標準のフェードアップ */
  .ol-cta-fadein {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .ol-cta-fadein.is-animated {
    opacity: 1;
    transform: translateY(0);
  }

  /* ボタンエリアのレイアウト */
  .ol-contact__mail-button-set {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
  }

  /* モバイル対応 */
  @media (max-width: 767px) {
    .ol-custom-cta {
      padding: 60px 0;
    }
    .ol-contact__mail-button-set {
      flex-direction: column;
      gap: 16px;
    }
    .ol-contact__mail-button {
      width: 100%;
      margin: 0 !important;
    }
    .ol-contact__mail-button a {
      width: 100% !important;
      max-width: 100% !important;
      justify-content: center;
      padding: 18px 20px !important;
    }
  }

  /* ボタンのホバー設定 */
  .ol-contact__mail-button a {
    transition: opacity 0.3s ease, transform 0.3s ease !important;
  }
  .ol-contact__mail-button a:hover {
    opacity: 0.95;
    transform: translateY(-2px);
  }

/* ============================================================
   Securityセクション：見出しの高さ調整
   ============================================================ */

/* ▼ PC表示（768px以上）：高さを60pxに固定して上下中央 */
@media (min-width: 768px) {
    #olSecurity .card__shortcut-h3-text {
        height: 60px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-bottom: 20px !important;
    }
}

/* ▼ スマホ表示（767px以下）：高さ固定を解除（なりゆき） */
@media (max-width: 767px) {
    #olSecurity .card__shortcut-h3-text {
        height: auto !important;       /* 高さを自動にする */
        display: block !important;     /* flex解除（左寄せのまま自然に） */
        margin-bottom: 10px !important;
        min-height: 0 !important;      /* 念のためのリセット */
    }
}
.ol-needs__list.ol-needs-visual-single .ol-needs__list-item {
justify-content: center;
}
.ol-btn-regular-download:hover {
    color: #21b767 !important;
}
/* パディング調整 */
#olNewConcept02 {
        padding-top: clamp(0em, 21vw, 4em) !important;
        padding-bottom: clamp(0em, 21vw, 4em) !important;
    }

.ol-product__section {
    padding-top: clamp(0em, 21vw, 4em);
    padding-bottom: clamp(0em, 21vw, 4em);
}
.ol-section {
    margin-top: 0px !important;
    margin-bottom: clamp(0em, 21vw, 6em);
    padding-top: clamp(0em, 21vw, 6em);
    padding-bottom: 0em;
}
#olFeature, #olPlan, #olInfo, #olProposal, #olFunction {
        padding-top: clamp(0em, 21vw, 6em) !important;
}
@media (max-width: 767px) {
    .ol-section {
        margin-top: 0px !important;
        margin-bottom: clamp(0em, 21vw, 4em);
        padding-top: clamp(0em, 21vw, 4em);
        padding-bottom: 0em;
    }
    #olFeature, #olPlan, #olInfo, .ol-product__section {
        padding-top: clamp(0em, 21vw, 2em) !important;
    }
    #olProposal, #olFunction {
        padding-top: clamp(0em, 21vw, 6em) !important;
    }
}
#olCompare, .ol-faq__section {
    padding-top: clamp(0em, 21vw, 2em) !important;
}
.ol-product__image-wrapper img {
        height: 100% !important;
        border-radius: 0px 30px 30px 0 !important;
}
.ol-product__item {
    column-gap: 0;
}
#olNewConcept02 {
    padding-top: clamp(0em, 21vw, 2em) !important;
}
.ol-content div:last-child .ol-section {
    padding-top: 0;
}
/* MV調整 */
@media (max-width: 640px) {
    .ol-firstview-copy-position-top-sp {
        top: 2em;
    }
    .ol-firstview__inner {
        display: flex;
        flex-direction: column;
        gap: clamp(0em, 3.3vw, 2em);
        height: 92% !important;
    }
    .ol-firstview__title {
        flex-grow: 0;
        flex-basis: 0;
    }
    .ol-firstview__sub-image-wrapper {
        justify-content: center !important;
        align-items: flex-end;
        flex-grow: 1 !important;
        align-content: flex-end;
    }
    .ol-firstview__text-size-sp-3 .ol-firstview__title-maincopy .ol-firstview__title-accent {
        font-size: 1.6em;
    }
}
/* news調整 */
.ol-news__title {
    color: #0e1a25 !important;
}
.ol-news__title:hover {
    color: #154ab5 !important;
}
@media (min-width: 768px) {
    .ol-archive__template, .ol-single__template {
        padding-top: 7em;
    }
    #olFirstview {
        padding-top: 4em;
    }
}
/* コラム画像非表示 */
.ol-media__list-inner .ol-card-item .ol-card-item-image,
.ol-latest-article_list .ol-card-item .ol-card-item-image {
    display: none;
}
.ol-media__list-inner .ol-card-item,
.ol-latest-article_list .ol-card-item {
    padding-top: 2em;
}
@media screen and (max-width: 767px) { 
    .ol-firstview__title-main-subcopy_wrapper {
        padding-top: 0.8em !important;
    }
	.ol-firstview__title-main-subcopy_att::after {
		content:"\A" !important;
        white-space:pre !important;
	}
}
.ol-faq__shortcut-content-text {
    color: #000;
}