/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 25 2026 | 19:26:14 */
/* =========================================================
   吉津総合保険｜TOP CSS
   TOPページ専用

   構成
   01. 取扱保険（TCD既存カード調整）
   02. SP セクション間余白
   03. MVスライダー文章
   04. TOP SERVICE
   05. 取扱保険会社

   ※ VOICE / FOOTER / INVIEW は 01｜共通CSS で管理
========================================================= */

/* =========================================================
   01. 取扱保険
========================================================= */


/* PC：992px以上
--------------------------------------------------------- */

@media screen and (min-width: 992px) {

  .p-cd-service-cards.column_type2.is-few-items {
    gap: 40px;
  }

  .p-cd-service-cards.column_type2.is-few-items .p-cd-service_item {
    width: calc((100% - 40px) / 2);
  }

  /* カード間を空けるため中央の区切り線を削除 */
  .p-cd-service-cards.column_type2.is-few-items
  .p-cd-service_item:nth-child(2n)
  .p-cd-service_item_title,

  .p-cd-service-cards.column_type2.is-few-items
  .p-cd-service_item:nth-child(2n)
  .p-cd-service_item_desc {
    border-left: none;
  }

}


/* タブレット：768～991px
--------------------------------------------------------- */

@media screen and (min-width: 768px) and (max-width: 991px) {

  .p-cd-service-cards.column_type2 {
    gap: 30px;
  }

}


/* スマホ：767px以下
--------------------------------------------------------- */

@media screen and (max-width: 767px) {

  .p-cd-service-cards.column_type2 {
    gap: 20px;
  }

}


/* =========================================================
   02. TOP
   スマホ：セクション間の余白
========================================================= */

@media screen and (max-width: 767px) {

  .p-cb {
    margin-top: 60px;

    row-gap: 60px;
  }

}


/* =========================================================
   03. MVスライダー文章
   PC・タブレット：非表示 / SP：縦書き表示
========================================================= */

#js-mv2-slider .p-mv2__slide_link_info {
  display: none !important;
}


/* =========================================================
   SP：縦書き / 右中央 / 32px / 文字フェード
   SP：縦書き / 右中央 / 32px / 文字フェード
========================================================= */

@media screen and (max-width: 767px) {

  /* ---------------------------------
     キャッチコピー全体
  --------------------------------- */

  #js-mv2-slider .p-mv2__slide_link_info {
    position: absolute !important;

    top: 50% !important;
    right: 22px !important;
    bottom: auto !important;
    left: auto !important;

    display: block !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    /* 縦書き用の表示領域 */
    height: 78% !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    /* 背景なし */
    background: transparent !important;
    background-color: transparent !important;

    border: none !important;
    box-shadow: none !important;

    /* 縦書き */
    writing-mode: vertical-rl !important;
    -webkit-writing-mode: vertical-rl !important;

    text-orientation: upright !important;

    overflow: visible !important;

    /* 右中央 */
    transform: translateY(-50%) !important;

    /* 文字基本設定 */
    color: #fff !important;

    font-size: 32px !important;
    font-weight: 700 !important;

    line-height: 1.5 !important;
    letter-spacing: .04em !important;

    /* ---------------------------------
       文字フェード
    --------------------------------- */

    opacity: 0 !important;

    transition:
      opacity 2.4s ease !important;

    z-index: 10;
  }


  /* ---------------------------------
     表示中のスライド
     文字をフェードイン
  --------------------------------- */

  #js-mv2-slider
  .splide__slide.is-active
  .p-mv2__slide_link_info {
    opacity: 1 !important;

    /* 画像切替から少し遅れて文字表示 */
    transition-delay: .5s !important;
  }


  /* ---------------------------------
     非表示になったスライド
     文字をフェードアウト
  --------------------------------- */

  #js-mv2-slider
  .splide__slide:not(.is-active)
  .p-mv2__slide_link_info {
    opacity: 0 !important;

    transition-delay: 0s !important;
  }


  /* ---------------------------------
     内部の文字要素
     テーマ側の文字サイズを上書き
  --------------------------------- */

  #js-mv2-slider .p-mv2__slide_link_info *,
  #js-mv2-slider .p-mv2__slide_link_info p,
  #js-mv2-slider .p-mv2__slide_link_info div,
  #js-mv2-slider .p-mv2__slide_link_info span {
    color: #fff !important;

    font-size: 32px !important;
    font-weight: 700 !important;

    line-height: 1.5 !important;
    letter-spacing: .04em !important;

    font-family: inherit !important;

    writing-mode: inherit !important;
    -webkit-writing-mode: inherit !important;

    text-orientation: inherit !important;

    text-shadow:
      0 1px 3px rgba(0, 0, 0, .55),
      0 2px 8px rgba(0, 0, 0, .28);
  }


  /* ---------------------------------
     文章本体
  --------------------------------- */

  #js-mv2-slider .p-mv2__slide_link_info p {
    display: block !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    /* 縦方向のスペースを確保 */
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    /*
     自動折り返しを防止
     <br> の位置でのみ次の縦列へ
    */
    white-space: nowrap !important;

    overflow: visible !important;

    text-align: left !important;
  }


  /* ---------------------------------
     span
  --------------------------------- */

  #js-mv2-slider .p-mv2__slide_link_info span {
    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  /* ---------------------------------
     line-clamp 完全解除
  --------------------------------- */

  #js-mv2-slider
  .p-mv2__slide_link_info
  .c-line-clamp {
    display: block !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;

    white-space: nowrap !important;
  }


  /* ---------------------------------
     背景・疑似要素を完全解除
  --------------------------------- */

  #js-mv2-slider
  .p-mv2__slide_link_info::before,

  #js-mv2-slider
  .p-mv2__slide_link_info::after {
    content: none !important;

    display: none !important;
  }

}

@media screen and (max-width: 767px) {

  #js-mv2-slider .p-mv2__slide_link_info,
  #js-mv2-slider .p-mv2__slide_link_info span,
  #js-mv2-slider .p-mv2__slide_link_info .c-line-clamp {
    font-family: var(--kitsu-font-ja) !important;
    font-weight: 500 !important;

    letter-spacing: .04em;
    line-height: 1.28;

    text-shadow:
      0 2px 7px rgba(0, 0, 0, .28) !important;
  }

}


/* =========================================================
   04. TOP SERVICE
========================================================= */


/* =========================================================
   04-1. カード一覧
========================================================= */

.top-service__cards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 36px !important;

  width: calc(100% - 60px);
  max-width: 1000px;

  margin: 0 auto !important;
  padding: 0 !important;

  box-sizing: border-box;
}

.top-service__cards > br {
  display: none !important;
}


/* =========================================================
   04-2. カード
========================================================= */

.top-service-card {
  position: relative;

  display: flex !important;
  flex-direction: column !important;

  overflow: hidden;

  width: 100% !important;
  height: 100%;

  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;
  background: #fff !important;

  border: 0 !important;
  border-radius: 22px !important;

  box-shadow:
    0 8px 30px
    rgba(8, 71, 95, 0.09);

  text-decoration: none !important;

  box-sizing: border-box;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}


.top-service-card:hover,
.top-service-card:focus {
  color: inherit !important;
  text-decoration: none !important;
}


@media (hover: hover) {

  .top-service-card:hover {
    transform: translateY(-5px);

    box-shadow:
      0 16px 38px
      rgba(8, 71, 95, 0.14);
  }

}


/* =========================================================
   04-3. 写真
========================================================= */

.top-service-card__image {
  position: relative;

  overflow: hidden;

  width: 100%;
  aspect-ratio: 16 / 9;

  margin: 0 !important;
  padding: 0 !important;

  background: #eef2f3;
}


/* 自動p対策 */

.top-service-card__image p {
  width: 100%;
  height: 100%;

  margin: 0 !important;
  padding: 0 !important;
}


.top-service-card__image img {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: cover !important;

  transition:
    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}


/* 個人向け */

.top-service-card--personal
.top-service-card__image img {
  object-position: center 53% !important;
}


/* 法人向け */

.top-service-card--business
.top-service-card__image img {
  object-position: center 48% !important;
}


@media (hover: hover) {

  .top-service-card:hover
  .top-service-card__image img {
    transform: scale(1.035);
  }

}
/* =========================================================
   04-4. 本文
========================================================= */

.top-service-card__body {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column !important;

  padding: 28px 32px 30px !important;

  box-sizing: border-box;
}


/* =========================================================
   04-5. PERSONAL / BUSINESS
========================================================= */

.top-service-card__en {
  margin: 0 0 6px !important;
  padding: 0 !important;

  color: #0c6283 !important;

  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.18em;
}


/* =========================================================
   04-6. タイトル
========================================================= */

.top-service-card__title {
  margin: 0 !important;
  padding: 0 !important;

  color: #08475f !important;
  background: none !important;

  border: 0 !important;

  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.04em;

  text-align: left !important;
}


.top-service-card__title::before,
.top-service-card__title::after {
  content: none !important;
  display: none !important;
}


/* =========================================================
   04-7. キャッチコピー
========================================================= */

.top-service-card__catch {
  margin: 16px 0 0 !important;
  padding: 0 !important;

  color: #333 !important;

  font-size: 16px;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.04em;
}


/* =========================================================
   04-8. 説明文
========================================================= */

.top-service-card__text {
  margin: 8px 0 0 !important;
  padding: 0 !important;

  color: #666 !important;

  font-size: 14px;
  font-weight: 500;
  line-height: 1.9;
  letter-spacing: 0.02em;
}


/* =========================================================
   04-9. 詳しく見る
========================================================= */

.top-service-card__more {
  display: flex !important;

  align-items: center;
  justify-content: flex-end;

  gap: 11px;

  margin-top: auto !important;
  padding-top: 23px;

  color: #08475f !important;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.05em;
}


.top-service-card__arrow {
  position: relative;

  display: block;

  flex: 0 0 auto;

  width: 33px;
  height: 33px;

  border: 1px solid #0c6283;
  border-radius: 50%;

  box-sizing: border-box;

  transition:
    background 0.3s ease,
    border-color 0.3s ease;
}


.top-service-card__arrow::before {
  content: "";

  position: absolute;

  top: 50%;
  left: 50%;

  width: 6px;
  height: 6px;

  border-top: 1px solid #0c6283;
  border-right: 1px solid #0c6283;

  transform:
    translate(-65%, -50%)
    rotate(45deg);
}


@media (hover: hover) {

  .top-service-card:hover
  .top-service-card__arrow {
    background: #0c6283;
    border-color: #0c6283;
  }


  .top-service-card:hover
  .top-service-card__arrow::before {
    border-color: #fff;
  }

}


/* =========================================================
   04-10. ご相談の流れ
========================================================= */

.top-service__flow {
  display: flex !important;
  align-items: center;
  justify-content: center;

  width: 100%;

  margin: 38px auto 0 !important;
  padding: 0 !important;

  text-align: center;
}


/* WordPress自動p対策 */

.top-service__flow > p {
  display: contents !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   TOP既存ボタンと同じ見た目に固定
========================================================= */

.top-service__flow .p-cb-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #08475f !important;
  text-decoration: none !important;
}


/* hover */

@media (hover: hover) {

  .top-service__flow .p-cb-button:hover {
    color: #fff !important;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media screen and (min-width: 768px) and (max-width: 991px) {

  .top-service__flow {
    margin-top: 32px !important;
  }

}


/* =========================================================
   SMARTPHONE
========================================================= */

@media screen and (max-width: 767px) {

  .top-service__flow {
    width: calc(100% - 30px);

    margin-top: 28px !important;
  }


  .top-service__flow .p-cb-button {
    min-width: 210px !important;
    min-height: 50px !important;

    padding: 11px 28px !important;

    font-size: 13px !important;
  }

}


/* =========================================================
   04-11. TABLET
   768px ～ 991px
========================================================= */

@media screen and (min-width: 768px) and (max-width: 991px) {

  .top-service__cards {
    width: calc(100% - 50px);

    gap: 25px !important;
  }


  .top-service-card {
    border-radius: 20px !important;
  }


  .top-service-card__body {
    padding: 25px 25px 27px !important;
  }


  .top-service-card__title {
    font-size: 21px !important;
  }


  .top-service-card__catch {
    margin-top: 13px !important;

    font-size: 15px;
  }


  .top-service-card__text {
    font-size: 13px;
    line-height: 1.8;
  }


  .top-service-card__more {
    padding-top: 19px;

    font-size: 12px;
  }


  .top-service__flow {
    margin-top: 32px !important;
  }

}



/* =========================================================
   04-12. SMARTPHONE
   767px以下
========================================================= */

@media screen and (max-width: 767px) {

  /* 1列 */

  .top-service__cards {
    grid-template-columns: 1fr !important;

    width: calc(100% - 30px);
    max-width: 520px;

    gap: 24px !important;
  }


  /* カード */

  .top-service-card {
    border-radius: 18px !important;
  }


  /* 写真 */

  .top-service-card__image {
    aspect-ratio: 16 / 10;
  }


  /* 本文 */

  .top-service-card__body {
    padding: 22px 21px 24px !important;
  }


  .top-service-card__en {
    margin-bottom: 5px !important;

    font-size: 10px;
  }


  .top-service-card__title {
    font-size: 20px !important;
  }


  .top-service-card__catch {
    margin-top: 12px !important;

    font-size: 15px;
  }


  .top-service-card__text {
    margin-top: 6px !important;

    font-size: 13px;
    line-height: 1.8;
  }


  /* HTML内の手動改行をSPでは解除 */

  .top-service-card__text br {
    display: none;
  }


  /* 詳しく見る */

  .top-service-card__more {
    padding-top: 17px;

    font-size: 12px;
  }


  .top-service-card__arrow {
    width: 30px;
    height: 30px;
  }


  /* ご相談の流れ */

  .top-service__flow {
    width: calc(100% - 30px);

    margin-top: 28px !important;
  }

}



/* =========================================================
   04-13. SMALL SMARTPHONE
   480px以下
========================================================= */

@media screen and (max-width: 480px) {

  .top-service__cards {
    width: calc(100% - 24px);
  }


  .top-service-card__image {
    aspect-ratio: 4 / 3;
  }


  .top-service-card__body {
    padding: 20px 18px 22px !important;
  }


  .top-service-card__title {
    font-size: 19px !important;
  }


  .top-service-card__catch {
    font-size: 14px;
  }


  .top-service-card__text {
    font-size: 12px;
  }


  .top-service__flow {
    width: calc(100% - 24px);
  }

}

/* =========================================================
   SERVICE
   TCD / WordPress 自動生成タグを完全除外
========================================================= */

.top-service__cards > p:empty,
.top-service__cards > br {
  display: none !important;
}


/* カード以外をGridアイテムとして表示させない */
.top-service__cards > p:not([class]) {
  display: none !important;

  width: 0 !important;
  height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* カードだけを2列の対象にする */
.top-service__cards > .top-service-card {
  display: flex !important;
}


/* ご相談の流れ周辺の空pも削除 */
.top-service__flow > p:empty {
  display: none !important;
}

/* =========================================================
   TOP SERVICE
   セクション背景・上下余白
========================================================= */

#section-20 {
  background: #f6fafb !important;

  padding: 85px 0 95px !important;

  box-sizing: border-box;
}


/* =========================================================
   TABLET
   768px ～ 991px
========================================================= */

@media screen and (min-width: 768px) and (max-width: 991px) {

  #section-20 {
    padding: 70px 0 80px !important;
  }

}


/* =========================================================
   SMARTPHONE
   767px以下
========================================================= */

@media screen and (max-width: 767px) {

  #section-20 {
    padding: 55px 0 65px !important;
  }

}


/* =========================================================
   05. TOP
   取扱保険会社
========================================================= */

.top-insurance-companies {
  width: 100%;
}


/* =========================================================
   05-1. 共通
========================================================= */

.top-insurance-companies__inner {
  width: 100%;
  max-width: 1200px;

  margin: 0 auto;

  background: #f5f6f7;

  border-radius: 28px;

  box-sizing: border-box;
}


/* =========================================================
   05-2. 見出し
========================================================= */

.top-insurance-companies__heading {
  position: relative;

  box-sizing: border-box;
}


/* 英字 */

.top-insurance-companies__en {
  margin: 0 0 10px !important;
  padding: 0 !important;

  color: #0c6283;

  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.16em;
}


/* 日本語 */

.top-insurance-companies__title {
  margin: 0 !important;
  padding: 0 !important;

  color: #08475f !important;
  background: none !important;

  border: 0 !important;

  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.04em;

  text-align: left !important;
}


/* AIDER側の見出し装飾を解除 */

.top-insurance-companies__title::before,
.top-insurance-companies__title::after {
  content: none !important;
  display: none !important;
}


/* =========================================================
   05-3. ロゴ一覧
========================================================= */

.top-insurance-companies__list {
  display: flex !important;
  flex-wrap: wrap !important;

  justify-content: center !important;
  align-items: center !important;
  align-content: center !important;

  box-sizing: border-box;
}


/* =========================================================
   05-4. ロゴ1社
========================================================= */

.top-insurance-companies__item {
  position: relative;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;

  border: none !important;

  box-sizing: border-box !important;
}


/* ロゴ間の区切り線は使用しない */

.top-insurance-companies__item::before,
.top-insurance-companies__item::after {
  content: none !important;
  display: none !important;
}


/* =========================================================
   05-5. ロゴ画像
========================================================= */

.top-insurance-companies__item img {
  display: block !important;

  width: auto !important;
  height: auto !important;

  margin: 0 auto !important;

  object-fit: contain !important;
}


/* =========================================================
   05-6. PC
   1001px以上
========================================================= */

@media screen and (min-width: 1001px) {


  /* ---------------------------------
     全体
  --------------------------------- */

  .top-insurance-companies__inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;

    padding: 42px 50px !important;
  }


  /* ---------------------------------
     左：見出し
  --------------------------------- */

  .top-insurance-companies__heading {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    flex: 0 0 230px !important;

    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;

    min-height: 190px !important;

    margin: 0 !important;
    padding: 0 35px 0 0 !important;
  }


  /* 見出しとロゴエリアの境界線 */

  .top-insurance-companies__heading::after {
    content: "";

    position: absolute;

    top: 10%;
    right: 0;

    width: 1px;
    height: 80%;

    background: #d8dfe2;
  }


  /* ---------------------------------
     右：ロゴ一覧
  --------------------------------- */

  .top-insurance-companies__list {
    flex: 1 1 0 !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 0 0 35px !important;
  }


  /* ---------------------------------
     4列
     7社なので 4 + 3
  --------------------------------- */

  .top-insurance-companies__item {
    flex: 0 0 25% !important;

    width: 25% !important;
    max-width: 25% !important;

    height: 92px !important;

    padding: 16px 18px !important;
  }


  /* ---------------------------------
     ロゴサイズ
  --------------------------------- */

  .top-insurance-companies__item img {
    max-width: 170px !important;
    max-height: 58px !important;
  }

}


/* =========================================================
   05-7. TABLET
   768px ～ 1000px
========================================================= */

@media screen and (min-width: 768px) and (max-width: 1000px) {


  /* ---------------------------------
     全体
  --------------------------------- */

  .top-insurance-companies__inner {
    display: grid !important;

    grid-template-columns:
      185px
      minmax(0, 1fr) !important;

    align-items: center !important;

    padding: 38px 32px !important;

    border-radius: 22px;
  }


  /* ---------------------------------
     見出し
  --------------------------------- */

  .top-insurance-companies__heading {
    display: flex !important;
    flex-direction: column;
    justify-content: center;

    min-height: 190px;

    margin: 0 !important;
    padding: 0 25px 0 0 !important;
  }


  .top-insurance-companies__heading::after {
    content: "";

    position: absolute;

    top: 10%;
    right: 0;

    width: 1px;
    height: 80%;

    background: #d8dfe2;
  }


  .top-insurance-companies__en {
    font-size: 10px;
  }


  .top-insurance-companies__title {
    font-size: 21px !important;
  }


  /* ---------------------------------
     ロゴ一覧
  --------------------------------- */

  .top-insurance-companies__list {
    width: 100%;

    margin: 0 !important;
    padding: 0 0 0 25px !important;
  }


  /* ---------------------------------
     3列
  --------------------------------- */

  .top-insurance-companies__item {
    flex: 0 0 33.3333% !important;

    width: 33.3333% !important;
    max-width: 33.3333% !important;

    height: 90px;

    padding: 15px;
  }


  /* ロゴ */

  .top-insurance-companies__item img {
    max-width: 150px !important;
    max-height: 54px !important;
  }

}


/* =========================================================
   05-8. SMARTPHONE
   767px以下
========================================================= */

@media screen and (max-width: 767px) {

  /* 全体 */
  .top-insurance-companies__inner {
    display: block !important;

    padding: 30px 20px 28px !important;

    border-radius: 18px;
  }


  /* 見出し */
  .top-insurance-companies__heading {
    min-height: 0;

    margin: 0 0 24px !important;
    padding: 0 0 18px !important;

    text-align: center !important;
  }


  /* 見出し下の短いライン */
  .top-insurance-companies__heading::after {
    content: "";

    position: absolute;

    top: auto;
    right: auto;
    bottom: 0;
    left: 50% !important;

    width: 35px;
    height: 2px;

    background: #0c6283;

    transform: translateX(-50%) !important;
  }


  /* 英字 */
  .top-insurance-companies__en {
    margin-bottom: 6px !important;

    font-size: 10px;

    text-align: center !important;
  }


  /* 日本語タイトル */
  .top-insurance-companies__title {
    font-size: 21px !important;

    text-align: center !important;
  }


  /* ロゴ一覧 */
  .top-insurance-companies__list {
    width: 100%;

    margin: 0 !important;
    padding: 0 !important;
  }


  /* 2列 */
  .top-insurance-companies__item {
    flex: 0 0 50% !important;

    width: 50% !important;
    max-width: 50% !important;

    height: 96px !important;

    padding: 8px 6px !important;
  }


  /* ロゴ */
  .top-insurance-companies__item img {
    width: 100% !important;
    height: auto !important;

    max-width: 165px !important;
    max-height: 62px !important;

    object-fit: contain !important;
  }

}


/* =========================================================
   05-9. SMALL SMARTPHONE
   480px以下
========================================================= */

@media screen and (max-width: 480px) {

  .top-insurance-companies__inner {
    padding: 27px 15px 26px !important;
  }


  .top-insurance-companies__item {
    height: 94px !important;

    padding: 7px 5px !important;
  }


  .top-insurance-companies__item img {
    max-width: 160px !important;
    max-height: 60px !important;
  }

}

/* =========================================================
   FV｜メインキャッチ
   メイン：A1明朝
   説明文：新ゴ R
========================================================= */


/* =========================================================
   PC
========================================================= */

body.home .p-mv2_catch_content .main_catch,
body.home .p-mv2_catch_content .main_catch span {
  font-family: var(--kitsu-font-mincho) !important;

  font-size: 48px !important;
  font-weight: 400 !important;

  line-height: 1.45 !important;
  letter-spacing: 0.035em !important;
}


/* 説明文 */

body.home .p-mv2_catch_content .sub_catch,
body.home .p-mv2_catch_content .sub_catch span {
  font-family: var(--kitsu-font-ja) !important;

  font-size: 16px !important;
  font-weight: 400 !important;

  line-height: 2 !important;
  letter-spacing: 0.025em !important;
}


/* =========================================================
   TABLET
   768px ～ 991px
========================================================= */

@media screen and (min-width: 768px) and (max-width: 991px) {

  body.home .p-mv2_catch_content .main_catch,
  body.home .p-mv2_catch_content .main_catch span {
    font-size: 40px !important;
  }

  body.home .p-mv2_catch_content .sub_catch,
  body.home .p-mv2_catch_content .sub_catch span {
    font-size: 15px !important;
  }

}


/* =========================================================
   SMARTPHONE
   スライダー内キャッチ
========================================================= */

@media screen and (max-width: 767px) {

  #js-mv2-slider .p-mv2__slide_link_info,
  #js-mv2-slider .p-mv2__slide_link_info * {
    font-family: var(--kitsu-font-mincho) !important;

    font-size: 32px !important;
    font-weight: 400 !important;

    line-height: 1.55 !important;
    letter-spacing: 0.035em !important;
  }

}

/* =========================================================
   ABOUT｜メインキャッチ
========================================================= */

#about .p-cb-split-main_catch {
  font-family: var(--kitsu-font-ja) !important;
  font-weight: 300 !important;
  letter-spacing: .025em;
  line-height: 1.55;
}

/* =========================================================
   MV｜SP オーバーレイ
========================================================= */
@media screen and (max-width: 800px) {

  .p-mv2__slide_img_item {
    position: relative;
    overflow: hidden;
  }

  .p-mv2__slide_img_item::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background: linear-gradient(
      90deg,
      rgba(8, 71, 95, 0) 0%,
      rgba(8, 71, 95, 0) 48%,
      rgba(8, 71, 95, 0.08) 62%,
      rgba(8, 71, 95, 0.20) 78%,
      rgba(8, 71, 95, 0.34) 100%
    );
  }

  .p-mv2__slide_link_info {
    position: relative;
    z-index: 2;
  }

  .p-mv2__slide_link_info .main_info {
    color: #fff;

    text-shadow:
      0 2px 10px rgba(0, 0, 0, 0.32),
      0 0 2px rgba(0, 0, 0, 0.18);
  }

}