@charset "UTF-8";
/*
---------------------------------------------
baseファイルの読み込み
---------------------------------------------
*/
/*
---------------------------------------------
flexの設定
---------------------------------------------
*/
/*
---------------------------------------------
ブレイクポイントを指定
---------------------------------------------
*/
/*
---------------------------------------------
hoverするときのみ設定するメディアクエリ
---------------------------------------------
*/
/*
---------------------------------------------
色
---------------------------------------------
*/
/*
---------------------------------------------
必要なコンポーネントを読み込む
---------------------------------------------
*/
/*
---------------------------------------------
baseファイルの読み込み
---------------------------------------------
*/
/*
---------------------------------------------
baseファイルの読み込み
---------------------------------------------
*/
/**
	* 目次が開いている間はスクロールを禁止
	* 
	* @author ishizaka
	* @version 2025/05/29
	* @see body
	*/
body.fixed {
  overflow: hidden;
}

/**
	* mainタグの設定
	* 
	* @author ishizaka
	* @version 20250508
	* @example
	* // 使用例をここに記述
	*/
.article__main {
  width: 100%;
  margin: 0;
  padding: 76px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1380px) {
  .article__main {
    padding: 128px 0 0;
  }
}

/**
	* [要素名]の説明
	* 
	* @author ishizaka
	* @version 20250508
	* @example
	* // .articleInner
	*/
.articleInner {
  max-width: 1000px;
  padding: 23px;
  display: flex;
  flex-direction: row-reverse;
  gap: 64px;
}
@media screen and (min-width: 768px) {
  .articleInner {
    padding: 0 0 48px 0;
  }
}

/**
	* コンテンツエリアの設定
	* コンテンツは基本的にブロックエディタで作成
	* 
	* @author ishizaka
	* @version 20250508
	* @example
	* // .articleContent
	*/
.articleContent {
  max-width: 620px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
@media screen and (min-width: 1024px) {
  .articleContent {
    gap: 64px;
  }
}

/**
	* 記事コンテンツのレイアウト設定
	* コンテンツは基本的にブロックエディタで作成
	* 
	* @author ishizaka
	* @version 20250508
	* @example
	* // .wpBlockContent
	*/
.wpBlockContent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
@media screen and (min-width: 1024px) {
  .wpBlockContent {
    gap: 64px;
  }
}

/**
	* h2を囲うdiv用
	* 
	* @author ishizaka
	* @version 20250513
	* @see .wpBlockContent__inner
	*/
.wpBlockContent__inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/**
	* 記事内のグループ要素に対して追加
	* 
	* @author ishizaka
	* @version 20250509
	*/
.contents {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 1024px) {
  .contents {
    gap: 24px;
  }
}

/**
	* ブロックエディタが作成する不要な
	* グループ用のdivを非表示に
	* 
	* @author ishizaka
	* @version 20250508
	* @example
	* // 使用例をここに記述
	*/
.wp-block-group__inner-container,
.wp-block-button {
  display: contents;
}

/**
	* 改行設定
	* 
	* @author ishizaka
	* @version 20250508
	* @example
	* // 使用例をここに記述
	*/
/*
---------------------------------------------
改行タグの設定
---------------------------------------------
*/
/* 非表示 */
.md,
.sm,
.sm.md.xl,
.sm.md.lg {
  display: none;
}

/* 表示 */
.sm,
.ssm,
.ssm.sm,
.ssm.sm.md,
.sm.md,
.ssm.xl,
.ssm.sm.md.lg.xl {
  display: block;
}

/*
---------------------------------------------
smサイズ（640px以上）
---------------------------------------------
*/
@media screen and (min-width: 768px) {
  .md,
  .ssm,
  .ssm.xl,
  .sm.md.lg,
  .ssm.sm.md.lg {
    display: none;
  }
  /* 表示 */
  .sm,
  .ssm.sm,
  .ssm.sm.md,
  .sm.md,
  .sm.md.xl,
  .sm.md.lg,
  .ssm.sm.md.lg.xl {
    display: block;
  }
}
/*
---------------------------------------------
mdサイズ（1080px以上）
---------------------------------------------
*/
@media screen and (min-width: 1080px) {
  .ssm,
  .sm,
  .ssm.xl,
  .ssm.sm {
    display: none;
  }
  /* 表示 */
  .md,
  .ssm.sm.md,
  .sm.md,
  .sm.md.lg,
  .sm.md.xl,
  .ssm.sm.md.lg.xl {
    display: block;
  }
}
/*
---------------------------------------------
lgサイズ（1280px以上）
---------------------------------------------
*/
@media screen and (min-width: 1280px) {
  .ssm,
  .sm,
  .md,
  .ssm.xl,
  .ssm.sm,
  .sm.md.lg,
  .ssm.sm.xl,
  .sm.md.xl,
  .ssm.sm.md.xl {
    display: none;
  }
  /* 表示 */
  .md,
  .ssm.sm.md,
  .sm.md {
    display: block;
  }
}
/*
---------------------------------------------
xlサイズ（1542px以上）
---------------------------------------------
*/
@media screen and (min-width: 1536px) {
  .ssm,
  .sm,
  .md,
  .ssm.sm,
  .sm.md.lg {
    display: none;
  }
  /* 表示 */
  .md,
  .ssm.sm.md,
  .sm.md,
  .sm.md.xl,
  .ssm.xl,
  .ssm.sm.xl,
  .ssm.sm.md.xl {
    display: block;
  }
}
/*
---------------------------------------------
baseファイルの読み込み
---------------------------------------------
*/
/*
---------------------------------------------
baseファイルの読み込み
---------------------------------------------
*/
/*
---------------------------------------------
記事情報のタイトル、公開日、アイキャッチ画像のデザイン反映用
---------------------------------------------
*/
/**
	* 記事情報のタイトル、公開日、アイキャッチ画像の並び
	* 
	* @author ishizaka
	* @version 20250508
	*/
.articleHead {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
@media screen and (min-width: 1024px) {
  .articleHead {
    gap: 24px;
  }
}

/**
	* 各要素の並び順
	* アイキャッチ
	* info情報
	* 記事タイトル
	* 
	* @author ishizaka
	* @version 20250508
	*/
.article__eyecatch {
  order: 1;
  width: 100%;
  height: auto;
  border-radius: 20px;
  aspect-ratio: 620/335.23;
  object-fit: cover;
}

/**
	* info情報のデザイン設定 
	* 
	* @author ishizaka
	* @version 20250508
	*/
.articleHeadInfo {
  order: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 12px;
}

.articleInfo__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #999999;
}
.articleInfo__item::before {
  content: "";
  display: flex;
  flex-direction: row;
  width: 14px;
  height: 14px;
  background-image: url(../../../img/icons/article_time_icon.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/**
	* infoのカテゴリデザイン
	* dd内で横並び
	* 
	* @author ishizaka
	* @version 20250508
	*/
.articleInfo__category {
  width: fit-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.category__exp {
  display: flex;
  align-items: center;
}

.category__expInner {
  padding: 5px 8px 7px 8px;
  background-color: #595750;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.category__name {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

/*
---------------------------------------------
baseファイルの読み込み
---------------------------------------------
*/
/*
---------------------------------------------
baseファイルの読み込み
---------------------------------------------
*/
/**
	* [要素名]の説明
	* 
	* @author ishizaka
	* @version 20250508
	* @example
	* // 使用例をここに記述
	*/
.wpBlockContent {
  color: #333333;
  font-weight: 400;
  line-height: 200%;
}

/**
	* 記事タイトルの設定
	* 
	* @author ishizaka
	* @version 20250508
	*/
.article__h1 {
  order: 3;
  padding-left: 24px;
  color: #595750;
  font-size: 21px;
  font-weight: 700;
  line-height: 150%; /* 31.5px */
  border-left: 4px solid #595750;
}

/**
	* 本文の設定
	* 
	* @author ishizaka
	* @version 20250508
	*/
.articleRead {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  align-self: stretch;
}

.articleBody__exp, .articleBody__exp--frame {
  color: #333333;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
}

.customBold {
  background: linear-gradient(transparent 60%, #FFFED6 0%);
  display: inline;
  padding: 0 1px 0px;
  width: fit-content;
  font-style: normal;
  font-weight: 700;
}

.articleRead__attention {
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}

/**
	* 見出し2の設定
	* 
	* @author ishizaka
	* @version 20250508
	*/
.article__h2 {
  display: flex;
  padding: 0px 0px 12px 0px;
  justify-content: stretch;
  align-items: center;
  align-self: stretch;
  border-bottom: 4px solid var(--yellow, #F5E400);
  color: #595750;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 31.5px */
}

/**
	* 見出し3の設定
	* 
	* @author ishizaka
	* @version 20250509
	*/
.article__h3 {
  margin-top: 40px;
  padding-left: 24px;
  color: #595750;
  font-size: 21px;
  font-weight: 700;
  line-height: 150%; /* 31.5px */
  border-left: 4px solid #595750;
}
@media screen and (min-width: 1024px) {
  .article__h3 {
    margin-top: 48px;
  }
}

/**
	* 見出し4単体の設定
	* 
	* @author [作成者名]
	* @version [バージョン]
	*/
.article__h4 {
  padding-top: 48px;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  gap: 16px;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
}
.article__h4::before {
  content: "";
  width: 40px;
  height: 2px;
  background-color: #595750;
}

/**
	* 枠囲み
	* 
	* @author ishizaka
	* @version 20250512
	*/
.article__border {
  padding: 16px;
  display: inline;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 28px */
  border-radius: 4px;
  border: 1px solid #D7DADA;
}

/**
	* テキストリンクの外部リンク設定
	* 
	* @author ishizaka
	* @version 20250509
	* @example
	* // クラス名に「aritcleExternal__link」を使用することその中にリンクがある
	*/
.aritcleExternal__link a {
  color: #333333;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 200%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 7%;
  text-underline-offset: 40%;
  text-underline-position: from-font;
  transition: opacity 0.3s;
  display: inline;
}
@media (any-hover: hover) {
  .aritcleExternal__link a:hover {
    opacity: 0.6;
  }
}
.aritcleExternal__link a::after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 2px;
  background-image: url(../../../img/icons/article_external_arrow.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/**
	* 表組みの文字サイズ設定
	* 
	* @author ishizaka
	* @version 20250515
	*/
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th,
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td {
  border: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
}

/*
---------------------------------------------
tdだけフォントウェイトを下げる
---------------------------------------------
*/
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td {
  font-weight: 400;
}

/**
	* 表組みのレイアウト設定
	* 
	* @author ishizaka
	* @version 20250512
	* @see .articleTable__type__A
	*/
.articleTable__type__A table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 4px !important;
  /*
  ---------------------------------------------
  aタグの設定
  ---------------------------------------------
  */
}
.articleTable__type__A table a {
  color: #333333;
  text-decoration: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 200%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 7%;
  text-underline-offset: 40%;
  text-underline-position: from-font;
  transition: opacity 0.3s;
  display: inline;
}
@media (any-hover: hover) {
  .articleTable__type__A table a:hover {
    opacity: 0.6;
  }
}

/**
	* 一つだけ注釈を入れたい場合の段落用
	* 
	* @author [作成者名]
	* @version [バージョン]
	* @see
	*/
.articleBody__attention {
  padding: 4px 16px 16px;
}

/**
	* キャプション付きの画像を掲載する
	* 
	* @author ishizaka
	* @version 20250512
	* @see .captionImg
	*/
.captionImg {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  /*
  ---------------------------------------------
  .figcaptionへの打ち消し1
  ---------------------------------------------
  */
}
.captionImg .wp-element-caption {
  margin: 0;
  text-align: center;
}

/*
---------------------------------------------
baseファイルの読み込み
---------------------------------------------
*/
/*
---------------------------------------------
baseファイルの読み込み
---------------------------------------------
*/
/**
	* 見出し＋番号付きリスト
	* 
	* @author ishizaka
	* @version 20250509
	* @example
	* // .articleOrderListBlock
	* //  h4.articleOrderListBlock__head
	* //  ol.articleOrderList
	*/
.articleOrderListBlock,
.articleUnOrderListBlock,
.quetionBlock {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #D7DADA;
}
.articleOrderListBlock .articleAttention,
.articleUnOrderListBlock .articleAttention,
.quetionBlock .articleAttention {
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
}
@media screen and (min-width: 768px) {
  .articleOrderListBlock .articleAttention,
  .articleUnOrderListBlock .articleAttention,
  .quetionBlock .articleAttention {
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 16px;
  }
}

.articleListBlock__head {
  padding: 12px 16px;
  border-radius: 4px 4px 0 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-self: stretch;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  background-color: #FFFCB2;
}

.articleOrderList,
.articleUnOrderList {
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  align-self: stretch;
  gap: 12px;
  /**
  	* ol内のリストタグに対する設定
  	* 
  	*/
}
.articleOrderList li,
.articleUnOrderList li {
  list-style: decimal;
  margin-left: 24px;
  /*
  ---------------------------------------------
  aタグがあった場合のデザイン調整
  ---------------------------------------------
  */
}
.articleOrderList li a,
.articleUnOrderList li a {
  text-underline-offset: 6px;
  transition: opacity 0.3s;
  color: #595750;
  text-decoration: underline;
}
@media (any-hover: hover) {
  .articleOrderList li a:hover,
  .articleUnOrderList li a:hover {
    opacity: 0.6;
  }
}

.articleUnOrderList li {
  list-style: disc;
}

/**
	* Q&Aの定義リスト（dl）
	* 
	* @author ishizaka
	* @version 20250512
	* @see 
	*/
.questionDl {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
  /*
  ---------------------------------------------
  customBoldの上書き
  ---------------------------------------------
  */
}
.questionDl .customBold {
  background: transparent;
}

/*
---------------------------------------------
baseファイルの読み込み
---------------------------------------------
*/
/*
---------------------------------------------
baseファイルの読み込み
---------------------------------------------
*/
/**
	* 各テキストリンクの設定
	* 
	* @author ishizaka
	* @version 20250509
	*/
/* 記事内のテキストリンク */
.wpBlockContent p a {
  color: #595750;
  text-decoration: underline;
  text-underline-offset: 4px;
  padding: 0 0 16px;
  display: inline;
  font-weight: 600;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .wpBlockContent p a:hover {
    opacity: 0.6;
  }
}

/**
	* 特定のアンカーリンク
	* SPとPCでafterのレイアウトが変わるので注意
	* 
	* @author ishizaka
	* @version 20250509
	* @example
	* // 使用例をここに記述
	*/
.wpBlockContent .articleAnker__link a {
  padding: 16px 66px 16px 16px;
  transition: opacity 0.3s;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 16px;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  border-radius: 4px;
  background-color: #595750;
}
.wpBlockContent .articleAnker__link a::after {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  display: block;
  background-image: url(../../../img/icons/article_anker_link_down_arrow.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .wpBlockContent .articleAnker__link a::after {
    right: 24px;
  }
}
@media (any-hover: hover) {
  .wpBlockContent .articleAnker__link a:hover {
    opacity: 0.6;
  }
}

/**
	* 資料ダウンロードとお問い合わせボタンの横並び
	* 
	* @author ishizaka
	* @version 20250512
	* @see .articleCta__double
	*/
.articleCta__double {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .articleCta__double {
    flex-direction: row;
  }
}

/**
	* 特定のアンカーリンク
	* SPとPCでafterのレイアウトが変わるので注意
	* 
	* @author ishizaka
	* @version 20250509
	* @example
	* // 使用例をここに記述
	*/
.wpBlockContent .articleCtaButton .articleCtaButton.document a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 16px;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
}
.wpBlockContent .articleCtaButton .articleCtaButton.document a::after {
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  background-image: url(../../../img/icons/article_anker_link_down_arrow.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (any-hover: hover) {
  .wpBlockContent .articleCtaButton .articleCtaButton.document a:hover {
    opacity: 0.6;
  }
}

/**
	* WalletCho内の別記事へのリンクボタン
	* ショートコードを使った、別記事へのリンク
	* 
	* @author ishizaka
	* @version 20250508
	*/
.customLinkButton {
  display: flex;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  align-self: stretch;
  background: var(--gray_08, #F4F5F5);
  text-decoration: none;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .customLinkButton:hover {
    opacity: 0.6;
  }
}
.customLinkButton a {
  text-decoration: none !important;
  width: 100%;
  padding: 0 !important;
}

.customLinkButton__inner {
  position: relative;
  display: flex;
  padding: 16px 40px 16px 16px;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  align-self: stretch;
  border-radius: var(--round, 4px);
  border-left: 16px solid var(--event_yellow, #F0DF00);
  background: var(--yellow, linear-gradient(104deg, #FFF 7.96%, #FFFCB2 87.45%));
  /* btn_shadow */
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
  color: var(--gray_primary, #595750);
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 24px */
}
.customLinkButton__inner::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  display: flex;
  background-image: url(../../../img/icons/article_external_right_arrow.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/**
	* 資料ダウンロードのCTAボタンとお問い合わせCTAボタンの設定
	* 
	* divタグ
	*  pタグ
	*   aタグ
	* 
	* @author ishizaka
	* @version 20250508
	*/
.articleCta__document,
.articleCta__contact {
  display: flex;
  padding: 32px 0px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.articleCta__document .articleCtaCatch,
.articleCta__contact .articleCtaCatch {
  color: var(--gray_primary, #595750);
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 18px */
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
}
.articleCta__document .articleCtaCatch::before, .articleCta__document .articleCtaCatch::after,
.articleCta__contact .articleCtaCatch::before,
.articleCta__contact .articleCtaCatch::after {
  content: "";
  display: block;
  width: 3px;
  height: 35px;
  background-color: #1A9CB2;
}
.articleCta__document .articleCtaCatch::before,
.articleCta__contact .articleCtaCatch::before {
  transform: rotate(-24deg);
}
.articleCta__document .articleCtaCatch::after,
.articleCta__contact .articleCtaCatch::after {
  transform: rotate(24deg);
}

/*
---------------------------------------------
お問い合わせ用ライン
---------------------------------------------
*/
.articleCta__contact .articleCtaCatch::before, .articleCta__contact .articleCtaCatch::after {
  background-color: #DE6317;
}

/**
	* 資料ダウンロード
	* 
	* @author ishizaka
	* @version 20250508
	*/
.wpBlockContent .articleCtaButton a {
  text-decoration: none;
  display: grid;
  place-content: center;
  padding: 16px 72px 16px 24px;
  position: relative;
  color: #FFFFFF;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 20px */
  transition: background-color 0.3s;
  border-radius: 100px;
  background-color: #1A9CB2;
  border: 2.182px solid #1A9CB2;
}
@media screen and (min-width: 1024px) {
  .wpBlockContent .articleCtaButton a {
    font-size: 20px;
    padding: 16px 72px 16px 40px;
  }
}
.wpBlockContent .articleCtaButton a::after {
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../../../img/download_icon_arrow_default.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (any-hover: hover) {
  .wpBlockContent .articleCtaButton a:hover {
    background-color: #388199;
    opacity: 1;
  }
  .wpBlockContent .articleCtaButton a:hover::after {
    background-image: url(../../../img/download_icon_arrow_hover.svg);
  }
}

/**
	* お問い合わせ
	* 
	* @author ishizaka
	* @version 20250512
	*/
.wpBlockContent .articleCtaButton.contact a {
  padding: 16x 64px 16px 24px;
  background-color: #DE6317;
  border: 2.182px solid #DE6317;
}
@media screen and (min-width: 1024px) {
  .wpBlockContent .articleCtaButton.contact a {
    padding: 16px 72px 16px 40px;
  }
}
@media (any-hover: hover) {
  .wpBlockContent .articleCtaButton.contact a:hover {
    background-color: #B65220;
  }
  .wpBlockContent .articleCtaButton.contact a:hover::after {
    background-image: url(../../../img/inquiry_icon_arrow_on.svg);
  }
}
.wpBlockContent .articleCtaButton.contact a::after {
  background-image: url(../../../img/inquiry_icon_arrow_on.svg);
}

/**
	* 一覧に戻るボタンの設定
	* 
	* @author ishizaka
	* @version 20250508
	*/
.detailsBack__btn, .detailsBack__btn--casestudy {
  position: relative;
  height: 64px;
  padding: 0px 40px 0px 72px;
  text-decoration: none;
  transition: opacity 0.3s;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #595750;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  /* 20px */
  border-radius: 40px;
  border: 1px solid #595750;
  background-color: #FFFFFF;
}
.detailsBack__btn::before, .detailsBack__btn--casestudy::before {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../../../img/icons/article_recommend_left_arrow.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (any-hover: hover) {
  .detailsBack__btn:hover, .detailsBack__btn--casestudy:hover {
    opacity: 0.6;
  }
}

.detailsBack__btn--casestudy {
  margin: 0 auto;
}

/**
	* 引用リンク用デザイン
	* 
	* @author ishizaka
	* @version 20250512
	* @see .quotationLink
	*/
.wpBlockContent .quotationLink a {
  height: 32px;
  width: fit-content;
  padding: 0 12px;
  text-decoration: none;
  background-color: #F4F5F5;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
}
@media (any-hover: hover) {
  .wpBlockContent .quotationLink a:hover {
    opacity: 0.6;
  }
}
.wpBlockContent .quotationLink a::after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  background-image: url(../../../img/icons/article_external_arrow.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/*
---------------------------------------------
baseファイルの読み込み
---------------------------------------------
*/
/*
---------------------------------------------
baseファイルの読み込み
---------------------------------------------
*/
/**
	* この記事を執筆した人の新デザイン設定
	* 
	* @author ishizaka
	* @version 20250508
	*/
.articleAuthor {
  width: 100%;
  color: #333333;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

/**
	* h2の設定
	* 
	* @author ishizaka
	* @version 20250508
	*/
.articleAuthor__head {
  display: flex;
  padding-bottom: 12px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-bottom: 4px solid #F5E400;
}

.articleAuthor__h2 {
  display: flex;
  justify-content: stretch;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  color: #595750;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
}
.articleAuthor__h2::before {
  content: "";
  display: flex;
  width: 24px;
  height: 24px;
  background-image: url(../../../img/icons/article_author_pen_icon.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/**
	* プロフィール部分の設定
	* PCとSPでデザインの構造が全く違うのでgridで強引に変更
	* 
	* @author ishizaka
	* @version 20250508
	*/
.articleAuthor__profile {
  padding-bottom: 16px;
  border-bottom: 1px solid #F5E400;
  display: grid;
  grid-template-areas: "authorImg authorName" "authorExp authorExp";
  grid-template-columns: 96px 1fr;
  grid-template-rows: auto;
  width: 100%;
  gap: 16px 24px;
  justify-items: stretch;
  align-items: center;
}

.articleAuthor__name {
  grid-area: authorName;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 25.2px */
}

.articleAuthor__introduction {
  grid-area: authorExp;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 28px */
}

.articleAuthor__photo {
  grid-area: authorImg;
  width: 96px;
  height: 96px;
}

/*
---------------------------------------------
baseファイルの読み込み
---------------------------------------------
*/
/*
---------------------------------------------
baseファイルの読み込み
---------------------------------------------
*/
/**
	* おすすめ記事の新デザイン
	* 
	* @author ishizaka
	* @version 20250508
	*/
.archiveRecommend {
  display: flex;
  padding: 32px 0px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  background: #F4F5F5;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04) inset;
}

/**
	* [要素名]の説明
	* 
	* @author ishizaka
	* @version 20250509
	* @example
	* // 使用例をここに記述
	*/
.archiveRecommend__card {
  display: flex;
  width: 345px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
@media screen and (min-width: 1024px) {
  .archiveRecommend__card {
    width: 100%;
    padding: 0 5.9%;
    flex-direction: row;
    justify-content: center;
  }
}

/**
	* [要素名]の説明
	* 
	* @author ishizaka
	* @version 20250509
	*/
.archiveRecommend__h3 {
  text-align: center;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 31.5px */
}

.articleH3 {
  position: relative;
}

/**
	* ポイントアイコンの位置調整
	* 
	* @author [作成者名]
	* @version [バージョン]
	* @see
	*/
.articlePoint {
  position: absolute;
  top: 0;
  left: 24px;
}

/*
---------------------------------------------
baseファイルの読み込み
---------------------------------------------
*/
/*
---------------------------------------------
baseファイルの読み込み
---------------------------------------------
*/
/*
---------------------------------------------
記事リストのレイアウト：articleList
---------------------------------------------
*/
.articleList {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, 345px);
  justify-content: center;
  align-items: stretch;
  gap: 24px;
}
@media screen and (min-width: 768px) {
  .articleList {
    grid-template-columns: repeat(2, 345px);
  }
}
@media screen and (min-width: 1280px) {
  .articleList {
    grid-template-columns: repeat(3, 366px);
  }
}
@media screen and (min-width: 1829px) {
  .articleList {
    max-width: 1536px;
    grid-template-columns: repeat(4, minmax(366px, 1fr));
  }
}

/*
---------------------------------------------
記事アイテムの設定：articleItem
---------------------------------------------
*/
.articleItem {
  width: 100%;
  height: auto;
  max-width: 345px;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .articleItem {
    max-width: 366px;
  }
}

/*
---------------------------------------------
記事アイテムのaタグ設定：articleLink
---------------------------------------------
*/
.articleLink {
  min-height: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  border-radius: 20px;
  background-color: #FFFFFF;
  text-decoration: none;
  color: #595750;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .articleLink:hover {
    opacity: 0.6;
  }
}

/*
---------------------------------------------
記事のアイキャッチ設定
---------------------------------------------
*/
.articleEyeCatch {
  border-radius: 20px 20px 0 0;
  max-height: 172px;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .articleEyeCatch {
    max-height: 183px;
  }
}

/*
---------------------------------------------
テキスト情報の設定：articleInfo
---------------------------------------------
*/
.articleInfo {
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
}

/*
---------------------------------------------
header内のレイアウト設定：infoInner
---------------------------------------------
*/
.infoInner {
  padding: 16px;
  color: #999999;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 12px;
  border-top: 4px solid #F5E400;
}
.infoInner p {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}

/**
	* 記事見出しテキスト：articleH3
	* ポイントアイコン追加するためにrelativeにする
	* 
	* @author ishizaka
	* @version 20250513
	* @see .articleH3
	*/
.articleH2 {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
}

/**
	* ポイントアイコンの位置調整
	* 
	* @author [作成者名]
	* @version [バージョン]
	* @see
	*/
.articlePoint {
  position: absolute;
  top: 0;
  left: 24px;
}

/**
	* タイム表示にアイコンを追加する設定
	* アイコンはbeforeタグで挿入
	* 
	* @author ishizaka
	* @version 20250509
	* @example
	* // 対象：infoInner__time
	*/
.infoInner__time {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.infoInner__time::before {
  content: "";
  width: 14px;
  height: 14px;
  display: flex;
  background-image: url(../../../img/icons/article_time_icon.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/**
	* [記事リスト]カテゴリーテキストのフォント設定
	* 
	* @author ishizaka
	* @version 20250507
	* @example
	* // 使用例をここに記述
	*/
.categoryItem {
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}

/*
** =================================
** 導入事例記事詳細のコンテンツ裏調整
** =================================
*/
.sr {
  background-color: #FAFAFA;
}

/**
 * headerの設定を追加
 * 
 * @author ishizaka
 * @version 2025/11/05
 */
.header {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.article__main__casestudy {
  width: 100%;
  height: fit-content;
  margin-top: 0 !important;
}

.articleBody__exp, .articleBody__exp--frame {
  margin-top: 0;
  font-size: 16px;
}
@media screen and (min-width: 1024px) {
  .articleBody__exp, .articleBody__exp--frame {
    font-size: 18px;
  }
}

.articleBody__exp--frame {
  font-size: 16px;
}

/*
** =================================
** 導入事例記事詳細のタイトルヘッド箇所
** =================================
*/
.article__casestudy {
  width: 100%;
  margin: 76px 0 0 0;
  height: fit-content;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .article__casestudy {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    width: 1000px;
    margin: 128px auto 0 auto;
    gap: 48px;
  }
}

.article__head {
  width: 100%;
  height: fit-content;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-top: 4px solid #FFFCB2;
  border-bottom: 4px solid #FFFCB2;
}
@media screen and (min-width: 1024px) {
  .article__head {
    width: 1000px;
    max-width: 1000px;
    height: fit-content;
    min-height: 290px;
    padding: 32px 56px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 40px;
  }
}

.article__head__left {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.article__category {
  color: #DE6317;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .article__category {
    font-size: 18px;
  }
}

.article__casestudy__h1 {
  font-size: 21px;
  line-height: 1.5em;
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .article__casestudy__h1 {
    font-size: 24px;
  }
}

.article__casestudy__infos {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  color: #595750;
  font-size: 16px;
  font-weight: normal !important;
}

.article__casestudy__dates {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.article__casestudy__dates img {
  width: 16px;
  height: 16px;
}

.article__category__names {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 32px;
  font-size: 16px;
  line-height: 12px;
  border: 1px solid #D2D2D2;
  border-radius: 16px;
  padding: 0 16px;
}
.article__category__names span {
  font-weight: normal !important;
  font-size: 16px !important;
}

.article__head__right {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1024px) {
  .article__head__right {
    width: 339px;
    height: 226px;
  }
}

/*
** =================================
** 導入事例記事詳細のh2囲い調整
** =================================
*/
.wpBlockContent__inner__casestudy {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.article__h2--casestudy {
  display: flex;
  margin: 40px 0 0 0;
  padding: 0 0px 12px 0px;
  justify-content: stretch;
  align-items: center;
  align-self: stretch;
  border-bottom: 4px solid var(--yellow, #F5E400);
  color: #595750;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5em;
  /* 31.5px */
}
@media screen and (min-width: 1024px) {
  .article__h2--casestudy {
    padding: 0px 0px 12px 0px;
    font-size: 24px;
  }
}
.article__h2--casestudy::before {
  content: none;
}

.article__h3--casestudy {
  margin-top: 40px;
  padding-left: 24px;
  color: #595750;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5em;
  /* 31.5px */
  border-left: 4px solid #595750;
}
@media screen and (min-width: 1024px) {
  .article__h3--casestudy {
    font-size: 24px;
    margin-top: 48px;
  }
}

/*
* ==============================================
* 導入事例記事詳細のリストデザイン調整
* ==============================================
*/
/**
    * 導入事例記事詳細のリストデザイン調整
    * 
    * @author sano
    * @version 20251218
*/
.articleListBlock__head--casestudy {
  padding: 12px 16px;
  margin-bottom: 0;
  border-left: 1px solid #595750;
  border-right: 1px solid #595750;
  border-top: 1px solid #595750;
  border-radius: 4px 4px 0 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-self: stretch;
  color: #FFFFFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5em;
  /* 24px */
  background-color: #595750;
}

.articleListBlock__head {
  padding: 12px 16px;
  border-radius: 4px 4px 0 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-self: stretch;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 24px */
  background-color: #FFFCB2;
}

.articleUnOrderList--casestudy {
  padding: 16px;
  margin-top: 0;
  border-left: 1px solid #595750;
  border-right: 1px solid #595750;
  border-bottom: 1px solid #595750;
  border-radius: 0 0 4px 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  align-self: stretch;
  /**
  	* ol内のリストタグに対する設定
  	* 
  	*/
}
.articleUnOrderList--casestudy li {
  list-style: decimal;
  margin-left: 24px;
  font-size: 14px;
  line-height: 2em;
  /*
  ---------------------------------------------fix/fix-top-casestudy-list-css
  aタグがあった場合のデザイン調整
  ---------------------------------------------
  */
}
@media screen and (min-width: 1024px) {
  .articleUnOrderList--casestudy li {
    font-size: 16px;
  }
}
.articleUnOrderList--casestudy li a {
  text-underline-offset: 6px;
  transition: opacity 0.3s;
  color: #595750;
  text-decoration: underline;
}
@media (any-hover: hover) {
  .articleUnOrderList--casestudy li a:hover {
    opacity: 0.6;
  }
}
.articleUnOrderList--casestudy li {
  list-style: disc;
}

.articleOrderList--casestudy {
  counter-reset: number;
  /*数字をリセット*/
  list-style-type: none !important;
  /*数字を一旦消す*/
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  align-self: stretch;
  gap: 12px;
}
.articleOrderList--casestudy li {
  display: flex !important;
  gap: 8px;
  justify-content: flex-start;
  align-items: center !important;
  line-height: 2em;
}
.articleOrderList--casestudy li a {
  color: #595750;
  text-decoration: none;
}
.articleOrderList--casestudy li::before {
  /* 以下数字をつける */
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display: inline-block;
  background: #DE6317;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 16px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  flex-shrink: 0;
}
@media screen and (min-width: 1024px) {
  .articleOrderList--casestudy {
    gap: 16px;
    padding: 16px;
  }
}

/*
** =================================
** 導入事例記事詳細の見出し3デザイン調整
** =================================
*/
.wpBlockContent__inner {
  gap: 16px;
  counter-reset: listnumber;
}
@media screen and (min-width: 1024px) {
  .wpBlockContent__inner {
    gap: 24px;
  }
}

.article__h3__wrapper .article__h3--list {
  width: 100%;
  display: flex !important;
  gap: 4px;
  justify-content: flex-start;
  align-items: center !important;
  margin-top: 0;
  margin-bottom: 0;
  color: #595750;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.5em;
}
@media screen and (min-width: 1024px) {
  .article__h3__wrapper .article__h3--list {
    margin-top: 32px;
    font-size: 24px;
  }
}
.article__h3__wrapper .article__h3--list::before {
  /* 以下数字をつける */
  counter-increment: listnumber;
  content: counter(listnumber);
  /*以下数字のデザイン変える*/
  display: inline-block;
  background: #DE6317;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 16px;
  border-radius: 50%;
  /* ▼▼▼ 修正箇所 ▼▼▼ */
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  /* これを追加することで幅の縮小を防ぎます */
  /* ▲▲▲ 修正箇所 ▲▲▲ */
  line-height: 24px;
  text-align: center;
}

/*
* ==============================================
* 導入事例記事詳細の目次デザイン調整    
* ==============================================
*/
/**
	* ページ内の「目次」を出力する要素のレイアウト
	* 
	* @author sano
	* @version 20251218
	* @example
	* // #ez-toc-container
*/
.articleUnOrderListBlock {
  border: none !important;
}

#ez-toc-container {
  width: 100%;
  height: fit-content;
  padding: 24px 12px !important;
  margin: 0 !important;
  background-color: #FAFAFA !important;
  border: none !important;
  border-radius: 4px;
}
#ez-toc-container .ez-toc-link {
  text-decoration: none;
  color: #333333;
  transition: background-color 0.3s;
  color: #333333;
  font-weight: bold;
  font-size: 16px !important;
  line-height: 1.4em;
}
@media screen and (min-width: 1024px) {
  #ez-toc-container .ez-toc-link {
    linehreight: 1.5em;
  }
}
@media screen and (min-width: 1024px) {
  #ez-toc-container {
    position: static;
    height: fit-content;
    width: 100%;
    margin: 0 !important;
    padding: 32px 80px 56px 80px !important;
    display: flex;
    flex-direction: column;
  }
}

#ez-toc-container a:hover {
  color: #787878 !important;
}

.ez-toc-title-container {
  display: none !important;
}

/**
	* 各目次に対する設定
	* 
	* @author ishizaka
	* @version 20250509
	*/
.ez-toc-list-level-1 {
  height: fit-content !important;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
}
@media screen and (min-width: 1024px) {
  .ez-toc-list-level-1 {
    height: fit-content !important;
  }
}
.ez-toc-list-level-1 .ez-toc-link {
  display: flex !important;
  justify-content: stretch;
  justify-self: flex-start;
  align-items: center !important;
  gap: 12px;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: 1.5em;
  color: #333333 !important;
  /* 21px */
}
.ez-toc-list-level-1 .ez-toc-link::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #F5E400;
  border-radius: 50%;
  flex-shrink: 0;
}
.ez-toc-list-level-1::before {
  content: "目次";
  display: block;
  font-size: 16px;
  line-height: 1.5em;
  text-align: center;
}

.ez-toc-heading-level-2 {
  width: 100%;
}

/**
	* 目次の内側の設定
	* 
	* @author [作成者名]
	* @version [バージョン]
	*/
.ez-toc-list-level-3,
.ez-toc-list-level-4,
.ez-toc-heading-level-3,
.ez-toc-heading-level-4 {
  display: none;
}

/*
** =================================
** 導入事例記事詳細の感謝文デザイン調整
** =================================
*/
.thanksText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 32px 0;
  margin: 16px 0;
  background-color: #FAFAFA;
}
.thanksText p {
  font-size: 14px;
  line-height: 2em;
  color: #333333;
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .thanksText p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .thanksText {
    margin: 64px 0;
  }
}

/*
** =================================
** 導入事例記事詳細のフッター調整
** =================================
*/
.breadcrumbs {
  width: 100%;
  margin: 32px 0 0 0;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  padding: 0;
  font-size: 0;
}
@media screen and (min-width: 1024px) {
  .breadcrumbs {
    width: 100%;
    margin: 52px auto 0 auto;
  }
}
@media screen and (min-width: 1536px) {
  .breadcrumbs {
    padding: 16px 4%;
  }
}
.breadcrumbs > .breadcrumb {
  padding: 16px 0;
  line-height: 1;
  width: 100%;
  max-width: 1536px;
}

/*
** =================================
** 導入事例記事詳細の枠囲い調整
** =================================
*/
.wpBlockContent__inner--boxHead {
  width: 100%;
  padding: 12px 16px;
  background-color: #FFFCB2;
  border-right: 1px solid #D7DADA;
  border-top: 1px solid #D7DADA;
  border-left: 1px solid #D7DADA;
  border-radius: 4px 4px 0 0;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: 1.5em;
}

.wpBlockContent__inner--boxContent {
  width: 100%;
  padding: 12px 12px;
  border-right: 1px solid #D7DADA;
  border-bottom: 1px solid #D7DADA;
  border-left: 1px solid #D7DADA;
  border-radius: 0 0 4px 4px;
}
@media screen and (min-width: 1024px) {
  .wpBlockContent__inner--boxContent {
    padding: 16px 16px;
  }
}
.wpBlockContent__inner--boxContent li {
  display: flex !important;
  gap: 8px;
  justify-content: flex-start;
  align-items: center !important;
  line-height: 2em;
}
.wpBlockContent__inner--boxContent li a {
  color: #595750;
  text-decoration: none;
}
.wpBlockContent__inner--boxContent li::before {
  /* 以下数字をつける */
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display: inline-block;
  background: #DE6317;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 16px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}

/*
** =========================
** fotter設定
** =========================
*/
.wpBlockContent__inner--boxContent div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wp-element-caption {
  font-size: 18px;
  text-align: center;
}

.footer {
  background-color: #FFFFFF;
}

/*
** =======================
** news用の設定
** ~======================
*/
.article__news {
  width: 100%;
  margin: 76px 0 0 0;
  height: fit-content;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 48px;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .article__news {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    width: 1000px;
    margin: 128px auto 12px auto;
    gap: 48px;
  }
}

.detailsBack__btn--casestudy {
  width: fit-content;
  height: 48px;
  padding: 0px 24px 0px 48px;
  font-size: 16px;
}
.detailsBack__btn--casestudy::before {
  width: 24px;
  height: 24px;
  left: 16px;
}
@media screen and (min-width: 1024px) {
  .detailsBack__btn--casestudy::before {
    width: 32px;
    height: 32px;
    left: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .detailsBack__btn--casestudy {
    height: 64px;
    padding: 0px 40px 0px 72px;
    font-size: 20px;
  }
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th,
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td {
  border: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
@media screen and (min-width: 1024px) {
  .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th,
  .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td {
    font-size: 16px;
  }
}/*# sourceMappingURL=casestudy_detail.css.map */