* {
  font-family: 'Noto Sans JP','Yu Mincho','BIZ UDP明朝','BIZ UDPMincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN',serif;
}

/** お問い合わせボタン **/

.is-style-fill {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  background: #FBB202;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #c58668;
  border-radius: 8px;
}
.is-style-fill:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}


/** H3 **/
.heading_h3 {
	font-size: 24px;
	font-family: serif;
	line-height: 1.5;
}

.heading_h3::before {
	content: attr(data-en);
	letter-spacing: 0.05em;
	font-family: 'Calisto MT','Bookman Old Style',serif;
	display: block;
	color: #CCC;
	font-size: 24px;
	font-style: italic;
}

.heading_h3::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #CCC;
}

/** 1文字目メインカラー **/
.num-fl {
	font-family: 'Cambria','Calisto MT','Bookman Old Style',serif;
	letter-spacing: 0.02em;
}

.num-fl:first-letter {
	color: #7E9DAE;
}

/** 事例boxに影 **/
.case-box {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}

/** アコーディオンタイトル帯 **/
.smb-accordion__item__title {
background-color: #CBDDD7;
}

/** マーカー・Ｂ **/
.markerbold {
	  background: linear-gradient(120deg, #A0C8CF 30%, #deecdd 100%);
  background-repeat: no-repeat;
  background-position:0 100%;
  background-size: 100% 30%;
	font-weight: bold;
}

/** サイドバー見出し **/
.sidebar_h {
  position: relative;
  padding: 0.5em 0.5em;
  color: #1f2937;
  border-bottom: 2px solid #406D88;
  margin-bottom: 1.5em;
  font-size: 18px;
  text-align: left;
}


/* カテゴリーリストの基本スタイル */
.cat-item {
  list-style-type: none; /* リストの点を消す */
  padding-left: 1em; /* 左の余白 */
	margin-left: 20px;
}

/* リンクのスタイル */
.cat-item a {
  text-decoration: none; /* 下線を消す */
  color: #000; /* 文字色 */
}

/* 親カテゴリーの前にフォルダアイコンを追加 */
.cat-item::before {
  content: "\f07b"; /* Font Awesomeのフォルダアイコンのコード */
  font-family: "Font Awesome 6 Free"; /* Font Awesomeのフォントファミリーを指定 */
  font-weight: 900; /* Solidスタイルのアイコンを使用するために必要 */
  margin-right: 8px; /* アイコンとテキストの間隔 */
  color: inherit; /* 親要素の文字色を継承 */
}

/* 子カテゴリーのスタイル */
.children {
  padding-left: 10px; /* 子カテゴリーのインデント */
	list-style-type: none;
}

/* 子カテゴリーの前に右向きの矢印を追加 */
.children .cat-item::before {
  content: ">"; /* 右向きの矢印 */
  margin-right: 8px;
}