/*============================================================
フロー用
============================================================*/
:root{
  /*--boost-container: 1200px; /* 右寄せの基準幅（中央コンテナ想定） */
  /*--gutter-boost: clamp(24px, (100vw - var(--boost-container))/2, 72px);*/
  /*--right-max: 960px;        /* ロゴ／メッセージの最大幅 */
}

section div.secWrap h2{
	color:var(--color-text);
}


/****************
ヒーロー
****************/
section#hero {
	background:
	radial-gradient(
		circle at top right,
		rgba(255,255,255,.06) 0%,
		rgba(255,255,255,0) 35%
	),
	linear-gradient(
		135deg,
		#1f2b6d 0%,
		#25388c 60%,
		#2d5bb0 100%
	);
}
section#hero h1{
	color:var(--color-white);
	text-shadow:
		0 2px 4px rgba(0,0,0,0.6),
		0 4px 12px rgba(0,0,0,0.4),
		0 0 24px rgba(0,0,0,0.2);
}
section#hero div.heroLeft p{
	color:var(--color-white);
	text-shadow:
		0 2px 4px rgba(0,0,0,0.50),
		0 0 8px rgba(0,0,0,0.30);
}

/****************
よくあるご質問
****************/



/****************
ブレークポイント
****************/
@media (max-width: 399.98px) {}

@media (min-width: 400px) {}

@media (min-width: 640px) {}

@media (min-width: 860px) {}

@media (min-width: 960px) {}

@media (min-width: 1200px) {}