/*
Theme Name: 学費コンパス child
Theme URI: https://gakuhicompass.com/
Description: Lightning G3 子テーマ（学費コンパス専用）
Author: 大国屋ビジネスコンサルティング
Template: lightning
Version: 1.0.0
Text Domain: gakuhicompass
*/

:root {
  --gc-green: #1B5E4A;
  --gc-green-dark: #103D31;
  --gc-gold: #D9A62E;
  --gc-green-pale: #EDF5F1;
  --gc-gray: #F6F8FA;
  --gc-text: #25332E;
  --gc-border: #D9E2DE;
  --gc-caution: #A66F00;
  --gc-out: #68736F;
  --gc-radius-card: 12px;
  --gc-radius-cta: 10px;
  --gc-radius-input: 8px;
}

body {
  color: var(--gc-text);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 17px;
  line-height: 1.85;
}

@media (max-width: 767px) {
  body { font-size: 16px; }
}

.entry-body > *,
.gc-narrow { max-width: 760px; }

a { color: var(--gc-green); }

/* ============================================================
   学費コンパス：投稿末尾の関連記事・CTA
   設置先：子テーマ gakuhicompass-child の style.css の末尾に追記
   記事本文の .gca とは別スコープのため、色は同じ値を直接指定している
   ============================================================ */

.gcf-related{
	margin:2.6em 0 0;
	padding:1.2em 1.35em;
	border:1px solid #dce6e0;
	border-radius:9px;
	background:#f6fbf8;
	line-height:1.9;
}
.gcf-related__title{
	margin:0 0 .5em;
	color:#145c47;
	font-weight:700;
}
.gcf-related__list{
	margin:0;
	padding-left:1.35em;
}
.gcf-related__list li{
	margin-bottom:.4em;
}
.gcf-related__list li:last-child{
	margin-bottom:0;
}
.gcf-related__list a{
	color:#145c47;
	text-underline-offset:3px;
}

.gcf-cta{
	margin:1.6em 0 0;
	padding:1.35em 1.45em;
	border-radius:10px;
	background:#0f4938;
	color:#fff;
	line-height:1.9;
}
.gcf-cta__title{
	margin:0 0 .4em;
	font-size:1.05em;
	font-weight:700;
}
.gcf-cta__text{
	margin:0 0 1em;
	font-size:.95em;
}
.gcf-cta__btns{
	margin:0;
}
.gcf-btn{
	display:inline-block;
	margin:.25em .4em .1em 0;
	padding:.55em 1.1em;
	border:1px solid #fff;
	border-radius:999px;
	background:#fff;
	color:#0f4938 !important;
	font-weight:700;
	text-decoration:none !important;
}
.gcf-btn--sub{
	background:transparent;
	color:#fff !important;
}
.gcf-btn:hover{
	opacity:.9;
}

@media(max-width:700px){
	.gcf-btn{
		display:block;
		margin:0 0 .6em;
		text-align:center;
	}
}