@charset "utf-8";
/* CSS Document */

#global_menu > ul > li {
	font-size: 20px !important;
}

@media screen and (max-width: 1600px) {
	#global_menu > ul > li {
		font-size: 18px !important;
	}
}

/*********************************************
フォントサイズ
*********************************************/

.post_content h3 {
	font-size: 22px!important;
}

.post_content p {
	font-size: 18px!important;
}

/*********************************************
Section
*********************************************/

.post_content section {
	margin-bottom: 40px;
}

/*********************************************
投稿記事「お問い合わせはこちら」ボタン
*********************************************/

.btn-contact-wrapper {
  text-align: center;
  margin-top: 2em;
}

.btn-style-contact {
  display: inline-block;
  background-color: #006c3f;
  padding: 0.8em 3em;
  border-radius: 50px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.btn-style-contact:hover {
  background-color: #004f2d;
  text-decoration: none;
}

.post_content .btn-style-contact,
.post_content .btn-style-contact *,
.post_content .btn-style-contact a,
.post_content .btn-style-contact span {
  color: #ffffff !important;
  opacity: 1 !important;
}

/*********************************************
コラム一覧のカテゴリタブから「個別相談」を非表示（liごと）
※管理画面（投稿カテゴリ一覧）には残したいため、CSSで前面のみ非表示。
※a要素だけでは枠が残るため、:has()を使用してliごと消す。
※Chrome / Edge / Safari などの最新ブラウザで対応（TCDテーマ monad_tcd110 確認済）
*********************************************/
#category_sort_button li.item:has(> a[href*="service"]) {
  display: none !important;
}