@charset "utf-8";


/* ==========================================================================
   1. トークン
   ========================================================================== */
:root {
	--color-navy: #021632;
	--color-gold: #F3CE6B;
	--color-gold-accent: #D9A63B;

	--color-card-bg: #FBFBFC;
	--color-cream: #F5EFDF;
	--color-remarks-bg: #EDEEF0;
	--color-panel-bg: #FFFFFF;
	--color-border: rgba(11, 46, 92, .15);

	--color-text: #0D141F;
	--color-text-sub: #5F6A79;
	--color-link: #1A5FD6;
	--color-link-hover: #0E44A3;

	--color-link-on-navy: #5C88E6;

	--gradient-cta: linear-gradient(180deg, #238A46, #187035);
	--gradient-cta-sub: linear-gradient(180deg, #F2FDF1, #D8F3D6);
	--color-cta-sub-line: #1C7C3C;

	--gradient-cardtop: linear-gradient(90deg,
		#D9A63B 0%, #F2E8CF 30%, #A4CEB6 72%, #B3C6D7 100%);

	--font-sans: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	--font-serif: "Hiragino Mincho ProN", "Yu Mincho", YuMincho,
	              "MS PMincho", serif;

	--color-tint: #F5FAFF;
	--color-badge-bg: #FFF4CA;
	--gradient-tablehead: linear-gradient(180deg, #0A3369, #02254B);

	--comparemap-plot-bg-start: #FCF9F0;
	--comparemap-plot-bg: linear-gradient(to top right,
		var(--comparemap-plot-bg-start) 0%, #FBF3DA 55%, #F9E68C 100%);
	--comparemap-axis: rgba(11, 46, 92, .20);
	--comparemap-axislabel: #4A5261;
	--comparemap-plot-h: 400px;
	--comparemap-dot: 26px;

	--fv-h: 340px;

	--card-w: 1120px;
	--card-pad-x: 48px;
	--card-radius: 24px;
	--gap-groupb: 38px;
}


/* ==========================================================================
   2. ページの地
   ========================================================================== */
body.fundingGuide #maincontents {
	min-width: var(--card-w);
	padding-bottom: 38px;
	background-color: var(--color-navy);
	background-image:
		radial-gradient(76.6% 676px at 100% calc(var(--fv-h) + 300px), rgba(40, 155, 220, .31) 0%, rgba(2, 22, 50, 0) 100%);
	background-repeat: no-repeat;
	font-family: var(--font-sans);
	font-size: 16px;
	line-height: 1.85;
	color: var(--color-text);
}


body#fundingGuide #maincontents {
	background-image:
		radial-gradient(76.6% 676px at 100% calc(var(--fv-h) + 300px), rgba(40, 155, 220, .31) 0%, rgba(2, 22, 50, 0) 100%),
		radial-gradient(min(calc(244px + 35.6vw), calc(650px + 13.6vw)) calc(260px + 10.9vw) at right 3vw top -20px,
			rgba(2, 22, 50, 0) 55%, rgba(2, 22, 50, .25) 80%, rgba(2, 22, 50, 1) 100%),
		url(/images/special/fundingGuide/hero.webp);
	background-repeat: no-repeat;
	background-position: left top, left top, right -81px;
	background-size: auto, auto, calc(680px + 16.6vw) auto;
}


/* ==========================================================================
   3. セクションカード
   ========================================================================== */

#navi,
#map {
	--card-bg: var(--color-cream);
}

#comparison,
#beginner,
#feature,
#situation,
#faq,
#supervisor {
	--card-bg: var(--color-card-bg);
}

#remarks {
	--card-bg: var(--color-remarks-bg);
}

body#fundingGuide #remarks { --card-gap: 0; --card-pad-b: 26px; }

body#fundingGuide #maincontents > section:not(#fv) {
	--card-bg: var(--color-panel-bg);

	width: var(--card-w);
	margin: 0 auto var(--card-gap, var(--gap-groupb));
	padding: 6px var(--card-pad-x) var(--card-pad-b, 48px);
	background-color: var(--card-bg);
	border-radius: var(--card-radius);
}

body#fundingGuide #maincontents > section#navi:not(#fv) {
	--card-bg: var(--color-cream);
}

#maincontents > section#fv {
	margin-bottom: var(--gap-groupb);
}

body#fundingGuide #comparison,
body#fundingGuide #beginner,
body#fundingGuide #feature,
body#fundingGuide #situation,
body#fundingGuide #faq,
body#fundingGuide #supervisor,
body#fundingGuide #remarks {
	background-image: var(--gradient-cardtop);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% 6px;
}


/* ==========================================================================
   4. 共通見出しブロック
   ========================================================================== */
body#fundingGuide :is(#navi, #map, #comparison, #beginner, #feature, #situation, #faq, #supervisor) > div:first-child,
body#fundingGuideMethod #modal-navi > #navi > div:first-child {
	position: relative;
	min-height: 190px;
	padding: 67px 0 0 32px;
	background-color: var(--card-bg);
	background-repeat: no-repeat;
	background-position: right top 24px;
	background-size: auto 165px;
	background-blend-mode: multiply;
}

body#fundingGuide :is(#navi, #map, #comparison, #beginner, #feature, #situation, #faq, #supervisor) > div:first-child::before,
body#fundingGuideMethod #modal-navi > #navi > div:first-child::before {
	content: "";
	position: absolute;
	top: 37px;
	left: 0;
	width: 6px;
	height: 131px;
	background-color: var(--color-gold-accent);
}

body#fundingGuide :is(#navi, #map, #comparison, #beginner, #feature, #situation, #faq, #supervisor) > div:first-child > p,
body#fundingGuideMethod #modal-navi > #navi > div:first-child > p {
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-text-sub);
}

body#fundingGuide :is(#navi, #map, #comparison, #beginner, #feature, #situation, #faq, #supervisor) > div:first-child > h2,
body#fundingGuideMethod #modal-navi > #navi > div:first-child > h2 {
	margin-top: 8px;
	font-family: var(--font-serif);
	font-size: 30px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: .04em;
	color: var(--color-navy);
}

/* ==== 2026-08-25 イラスト一時非表示 ここから ====================================
   復活のしかた: この見出しの直後にある開始のコメント記号だけの行と、
   対になる終了のコメント記号だけの行、その2行を消すだけでよい。
   （CSS のコメントは入れ子にできないため、この範囲の規則からは行末の注記を外してある）
   見出しの右のイラスト8点（第8-26節）。記事ページのモーダル内 #navi も含む。
   ============================================================================ */
/*
body#fundingGuide #navi > div:first-child,
body#fundingGuideMethod #modal-navi > #navi > div:first-child { background-image: url(/images/special/fundingGuide/navi-illust.webp); }
body#fundingGuide #map > div:first-child        { background-image: url(/images/special/fundingGuide/map-illust.webp); }
body#fundingGuide #comparison > div:first-child { background-image: url(/images/special/fundingGuide/comparison-illust.webp); }
body#fundingGuide #beginner > div:first-child   { background-image: url(/images/special/fundingGuide/beginner-illust.webp); }
body#fundingGuide #feature > div:first-child    { background-image: url(/images/special/fundingGuide/feature-illust.webp); }
body#fundingGuide #situation > div:first-child  { background-image: url(/images/special/fundingGuide/situation-illust.webp); }
body#fundingGuide #faq > div:first-child        { background-image: url(/images/special/fundingGuide/faq-illust.webp); }
body#fundingGuide #supervisor > div:first-child { background-image: url(/images/special/fundingGuide/supervisor-illust.webp); }
*/
/* ==== 2026-08-25 イラスト一時非表示 ここまで ==================================== */


/* ==========================================================================
   5. 本文・リンク
   ========================================================================== */
body#fundingGuide :is(#comparison, #beginner, #feature, #situation, #faq, #supervisor) > div:nth-child(2) > p {
	padding-top: 1px;
	font-size: 16px;
	line-height: 1.85;
	color: var(--color-text);
}

#maincontents a {
	color: var(--color-link);
	text-decoration: underline;
	transition: color .15s ease;
}

#maincontents a:hover {
	color: var(--color-link-hover);
	opacity: 1;
	text-decoration: underline;
}


/* ==========================================================================
   6. CTA
   ========================================================================== */
#maincontents a.cta-1st,
#maincontents a.cta-2nd,
#modal-navi a.cta-1st,
#modal-navi a.cta-2nd,
#fundingGuideMethod #article :is(#pr, #recommendation) > a {
	display: inline-block;
	padding: 7px 22px;
	border-radius: 6px;
	font-family: var(--font-serif);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	transition: box-shadow .15s ease, transform .15s ease;
}

#maincontents a.cta-1st,
#modal-navi a.cta-1st,
#fundingGuideMethod #article :is(#pr, #recommendation) > a {
	background: var(--gradient-cta);
	border: 0;
	color: #FFFFFF;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .18);
}

#maincontents a.cta-1st:hover,
#modal-navi a.cta-1st:hover,
#fundingGuideMethod #article :is(#pr, #recommendation) > a:hover {
	background: var(--gradient-cta);
	color: #FFFFFF;
	opacity: 1;
	box-shadow: 0 5px 12px rgba(0, 0, 0, .38),
	            inset 0 0 0 1px rgba(255, 255, 255, .38);
	transform: translateY(-1px);
}

#maincontents a.cta-2nd,
#modal-navi a.cta-2nd {
	background: var(--gradient-cta-sub);
	border: 1px solid var(--color-cta-sub-line);
	color: var(--color-cta-sub-line);
}

#maincontents a.cta-2nd:hover,
#modal-navi a.cta-2nd:hover {
	background: var(--gradient-cta-sub);
	color: var(--color-cta-sub-line);
	opacity: 1;
	box-shadow: inset 0 0 0 1px var(--color-cta-sub-line),
	            0 4px 10px rgba(2, 22, 50, .30);
	transform: translateY(-1px);
}


/* ==========================================================================
   7. フォーカス表示
   ========================================================================== */
#maincontents a:focus-visible {
	outline: 2px solid var(--color-navy);
	outline-offset: 2px;
}

#fv a:focus-visible {
	outline-color: var(--color-gold);
}

@media (prefers-reduced-motion: reduce) {
	#maincontents a,
	#maincontents a.cta-1st,
	#maincontents a.cta-2nd,
	#modal-navi a.cta-1st,
	#modal-navi a.cta-2nd,
	#fundingGuideMethod #article :is(#pr, #recommendation) > a {
		transition: none;
	}

	#maincontents a.cta-1st:hover,
	#maincontents a.cta-2nd:hover,
	#modal-navi a.cta-1st:hover,
	#modal-navi a.cta-2nd:hover,
	#fundingGuideMethod #article :is(#pr, #recommendation) > a:hover {
		transform: none;
	}
}


/* ==========================================================================
   8. 資金調達かんたん比較表（#comparison）
   ========================================================================== */

#comparison > div:nth-child(2) {
	position: relative;
}

#comparison > div:nth-child(2) > div {
	margin-top: 24px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
	box-shadow: 0 4px 12px rgba(11, 46, 92, .12);
}

#comparison .scroll-guide {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	right: auto !important;
	z-index: 998;
	margin: -62px 0 0 -100px;
	width: 200px;
	height: 124px;
	background: url(/images/special/fundingGuide/icon_scrollable.png) 0 0 no-repeat;
	background-size: contain;
	opacity: .65;
	pointer-events: none;
	animation: hscrollFluffy 3s ease infinite;
	font-size: 1px;
	color: transparent;
	text-indent: -5000px;
	white-space: nowrap;
}

@keyframes hscrollFluffy {
	0%, 10% { transform: translateY(0); }
	20%     { transform: translateY(-10px); }
	25%     { transform: translateY(0); }
	30%     { transform: translateY(-10px); }
	50%, 100% { transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
	#comparison .scroll-guide {
		animation: none;
	}
}

#comparison table {
	width: auto;
	min-width: 100%;
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 0;
	background-color: var(--color-panel-bg);
	font-size: 16px;
	line-height: 1.55;
}

#comparison thead th {
	padding: 12px 10px;
	white-space: nowrap;
	background: var(--gradient-tablehead);
	color: #FFFFFF;
	font-weight: 700;
	text-align: left;
	vertical-align: middle;
}

#comparison thead th + th {
	border-left: 1px solid rgba(255, 255, 255, .9);
}

#comparison tbody th,
#comparison tbody td {
	padding: 12px 10px;
	white-space: nowrap;
	color: var(--color-text);
	font-weight: 400;
	text-align: left;
	vertical-align: middle;
}

#comparison tbody tr + tr > th,
#comparison tbody tr + tr > td {
	border-top: 1px solid var(--color-border);
}

#comparison tbody th + td,
#comparison tbody td + td {
	border-left: 1px solid var(--color-border);
}

#comparison thead th {
	border-top: 1px solid var(--color-border);
}

#comparison thead th:first-child,
#comparison tbody th {
	border-left: 1px solid var(--color-border);
}

#comparison thead th:last-child,
#comparison tbody td:last-child {
	border-right: 1px solid var(--color-border);
}

#comparison tbody tr:last-child > th,
#comparison tbody tr:last-child > td {
	border-bottom: 1px solid var(--color-border);
}

#comparison thead th:first-child,
#comparison tbody th {
	position: sticky;
	left: 0;
	z-index: 1;
}

#comparison tbody th {
	background-color: var(--color-tint);
	box-shadow: 2px 0 4px rgba(11, 46, 92, .10);
}

#comparison tbody th a {
	color: var(--color-link);
	text-decoration: none;
}

#comparison tbody th a:hover {
	color: var(--color-link-hover);
	text-decoration: underline;
}

#comparison a.to-article {
	display: block;
	padding: 6px 8px;
	font-size: 16px;
	line-height: 1.5;
	white-space: nowrap;
}


/* ==========================================================================
   9. #beginner / #feature / #situation
   ========================================================================== */

/* --------------------------------------------------------------------------
   9-1. #beginner（読み物）
   -------------------------------------------------------------------------- */
#beginner > div:nth-child(2) > section {
	margin-top: 40px;
}

#beginner h3 {
	margin-bottom: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--color-border);
	font-family: var(--font-serif);
	font-size: 25px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: .04em;
	color: var(--color-navy);
}

#beginner h4 {
	margin: 28px 0 10px;
	font-size: 19px;
	font-family: var(--font-serif);
	font-weight: 700;
	line-height: 1.5;
	color: var(--color-navy);
}

#beginner h5 {
	margin: 18px 0 6px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	color: var(--color-text);
}

#beginner p {
	margin-bottom: 14px;
	font-size: 16px;
	line-height: 1.85;
	color: var(--color-text);
}

#beginner ul {
	margin: 0 0 14px;
	padding-left: 1.3em;
	list-style: square;
}

#beginner li {
	font-size: 16px;
	line-height: 1.85;
	color: var(--color-text);
}

#beginner li::marker {
	color: var(--color-gold-accent);
}

#beginner ul.linkList {
	padding-left: 0;
	list-style: none;
}

#beginner ul.linkList > li {
	padding-left: 13px;
	background: url(/images/common/gray-arrow.png) no-repeat left top .62em;
	background-size: 5px auto;
	list-style: none;
}

#beginner ul.linkList > li > a {
	text-decoration: none;
}

#beginner ul.linkList > li > a:hover {
	text-decoration: underline;
}

/* --------------------------------------------------------------------------
   9-2. #feature（資金調達方法別のカード・3列）
   -------------------------------------------------------------------------- */
#feature > div:nth-child(2) > dl {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 38px 26px;
}

#feature > div:nth-child(2) > dl > div {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	row-gap: 0;
	overflow: hidden;
	border-radius: 6px;
	background-color: var(--color-panel-bg);
	box-shadow: 0 2px 8px rgba(11, 46, 92, .10);
}

#feature dt {
	padding: 15px 14px;
	background: var(--gradient-tablehead);
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.45;
}

#feature dd {
	margin: 0;
	padding: 0 14px;
}

#feature dd:first-of-type {
	padding-top: 14px;
}

#feature dd:last-of-type {
	margin-top: auto;
	padding-top: 14px;
	padding-bottom: 14px;
}

#feature dd > span {
	display: inline-block;
	margin: 14px 0 8px;
	padding: 3px 7px;
	border-radius: 3px;
	background-color: var(--color-badge-bg);
	color: var(--color-navy);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
}

#feature ul {
	margin: 0;
	padding-left: 1.2em;
	list-style: disc;
}

#feature dd:first-of-type ul {
	list-style-type: "\2713\0020";
}

#feature dd:nth-of-type(2) ul {
	list-style-type: disc;
}

#feature li {
	font-size: 16px;
	line-height: 1.75;
	color: var(--color-text);
}

#feature li + li {
	margin-top: 6px;
}

#feature a.to-article {
	display: block;
	width: 70%;
	margin: 0 auto;
	padding: 8px 4px;
	font-size: 16px;
	line-height: 1.5;
}

/* --------------------------------------------------------------------------
   9-3. #situation（状況別・2列）
   -------------------------------------------------------------------------- */
#situation > div:nth-child(2) > dl {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
	margin-top: 22px;
}

#situation > div:nth-child(2) > dl > div {
	display: block;
	overflow: hidden;
	border-radius: 6px;
	background-color: var(--color-tint);
	box-shadow: 0 2px 8px rgba(11, 46, 92, .10);
}

#situation dt {
	display: block;
	padding: 14px 18px;
	background: var(--gradient-tablehead);
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
}

#situation dd {
	margin: 0;
	padding: 11px 18px 18px;
}

#situation dd > p {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.75;
	color: var(--color-text);
}

#situation dd > ul {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 3px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#situation dd > ul > li > a {
	display: inline-block;
	padding: 5px 12px;
	border: 1px solid var(--color-border);
	border-radius: 4px;
	background-color: var(--color-panel-bg);
	color: var(--color-link);
	font-size: 14px;
	line-height: 1.5;
	text-decoration: none;
	white-space: nowrap;
}

#situation dd > ul > li > a:hover {
	border-color: var(--color-link-hover);
	color: var(--color-link-hover);
	text-decoration: none;
}


/* ==========================================================================
   10. #faq / #supervisor / #remarks
   ========================================================================== */

/* --------------------------------------------------------------------------
   10-1. #faq
   -------------------------------------------------------------------------- */
#faq > div:nth-child(2) > dl {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 22px;
}

#faq > div:nth-child(2) > dl > div {
	overflow: hidden;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	background-color: var(--color-panel-bg);
	box-shadow: 0 2px 6px rgba(11, 46, 92, .08);
}

#faq dt {
	position: relative;
	padding: 15px 20px 15px 66px;
	background-color: var(--color-tint);
	color: var(--color-navy);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: .04em;
}

#faq dd {
	position: relative;
	margin: 0;
	padding: 16px 20px 18px 66px;
	font-size: 16px;
	line-height: 1.9;
	color: var(--color-text);
}

#faq dt::before,
#faq dd::before {
	content: "Q";
	position: absolute;
	left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
}

#faq dt::before {
	top: 11px;
	width: 36px;
	height: 36px;
	background-color: var(--color-navy);
	color: #FFFFFF;
}

#faq dd::before {
	content: "A";
	top: 13px;
	width: 36px;
	height: 36px;
	background-color: var(--color-badge-bg);
	color: var(--color-navy);
}

#faq dd a {
	color: var(--color-link);
	text-decoration: none;
}

#faq dd a:hover {
	color: var(--color-link-hover);
	text-decoration: underline;
}

/* --------------------------------------------------------------------------
   10-2. #supervisor
   -------------------------------------------------------------------------- */
#supervisor > div:nth-child(2) {
	display: grid;
	grid-template-columns: 240px 1fr;
	gap: 28px;
	align-items: start;
	margin-top: 22px;
	padding: 26px 28px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	background-color: var(--color-panel-bg);
}

#supervisor img {
	display: block;
	width: 100%;
	height: auto;
}

#supervisor :is(h3, h5) {
	margin-bottom: 12px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	color: var(--color-navy);
}

#supervisor > div:nth-child(2) p {
	font-size: 16px;
	line-height: 1.3;
	color: var(--color-text);
}

#supervisor > div:nth-child(2) p + p {
	margin-top: 12px;
}

/* --------------------------------------------------------------------------
   10-3. #remarks
   -------------------------------------------------------------------------- */
#remarks > ul {
	margin: 0;
	padding: 20px 0 0 1.15em;
	list-style: disc;
}

#remarks li {
	font-size: 14px;
	line-height: 1.75;
	color: var(--color-text);
}

#remarks li + li {
	margin-top: 8px;
}

#remarks li::marker {
	color: var(--color-navy);
}

#remarks a {
	color: var(--color-link);
	text-decoration: none;
}

#remarks a:hover {
	color: var(--color-link-hover);
	text-decoration: underline;
}


/* ==========================================================================
   11. FV（#fv）
   ========================================================================== */
#fv {
	box-sizing: border-box;
	min-height: var(--fv-h);
	padding: 27px 0 30px;
}

#fv > span,
#fv > h1,
#fv > div,
#fv > ul {
	width: var(--card-w);
	margin-right: auto;
	margin-left: auto;
}

#fv > span {
	display: block;
	font-size: 18px;
	line-height: 1.4;
	color: #FFFFFF;
}

#fv > h1 {
	margin-top: 8px;
}

#fv > h1 > img {
	display: block;
	width: 350px;
	height: 50px;
}

#fv > div {
	margin-top: 16px;
}

#fv > div > p {
	font-family: var(--font-sans);
	font-size: 22px;
	font-weight: 400;
	line-height: 1.5;
	color: #FFFFFF;
}

#fundingGuide #fv em {
	font-style: normal;
	font-size: 26px;
	font-weight: 700;
	line-height: 0;
	color: var(--color-gold);
}

#fv > ul {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-top: 19px;
	padding: 0;
	list-style: none;
}

#fv a.cta-1st,
#fv a.cta-2nd {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 50px;
	padding: 0 28px;
	font-size: 16.75px;
	line-height: 1.2;
}


/* ==========================================================================
   12. 資金調達診断（#navi）
   ========================================================================== */

/* --------------------------------------------------------------------------
   12-1. カードの土台とパネル帯
   -------------------------------------------------------------------------- */
body#fundingGuide #maincontents > section#navi,
body#fundingGuideMethod #modal-navi > #navi {
	position: relative;
	overflow: hidden;
}

body#fundingGuide #maincontents > section#navi::before,
body#fundingGuide #maincontents > section#navi::after,
body#fundingGuideMethod #modal-navi > #navi::before,
body#fundingGuideMethod #modal-navi > #navi::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: var(--card-pad-x);
	background-color: var(--card-bg);
	z-index: 1;
	pointer-events: none;
}

body#fundingGuide #maincontents > section#navi::before,
body#fundingGuideMethod #modal-navi > #navi::before { left: 0; }
body#fundingGuide #maincontents > section#navi::after,
body#fundingGuideMethod #modal-navi > #navi::after  { right: 0; }

#navi-panels {
	position: relative;
	display: flex;
	align-items: flex-start;
	margin: 0;
	padding: 0;
	list-style: none;

	--navi-height-floor: panels;
}

#navi-panels.sliding {
	transition: height 500ms cubic-bezier(0.42, 0, 0.58, 1);
}

#navi-panels > li.panel {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0 48px;
}

#navi-panels > li.panel.sub {
	display: none;
}

#navi-panels > li.panel.questionPanel {
	padding-bottom: 8px;
}

/* --------------------------------------------------------------------------
   12-2. 進捗バー
   -------------------------------------------------------------------------- */
#navi-progress {
	visibility: hidden;
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 14px;
}

#navi-progress progress {
	flex: 1 1 auto;
	appearance: none;
	-webkit-appearance: none;
	height: 10px;
	border: 0;
	border-radius: 5px;
	background-color: var(--color-navy);
}

#navi-progress progress::-webkit-progress-bar {
	border-radius: 5px;
	background-color: var(--color-navy);
}

#navi-progress progress::-webkit-progress-value {
	border-radius: 5px;
	background-color: var(--color-gold);
}

#navi-progress progress::-moz-progress-bar {
	border-radius: 5px;
	background-color: var(--color-gold);
}

#navi-progress > span {
	flex: 0 0 auto;
	font-size: 16px;
	font-weight: 700;
	color: #4A5261;
	white-space: nowrap;
}

/* --------------------------------------------------------------------------
   12-3. 質問ステップ
   -------------------------------------------------------------------------- */
#navi .question {
	margin-bottom: 16px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	color: #17263c;
}

#navi .question > span {
	font-size: 16px;
	font-weight: 400;
	color: var(--color-text-sub);
}

#navi ul.options {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#navi ul.options > li {
	box-sizing: border-box;
	padding: 11px 20px;
	border: 1px solid rgba(11, 46, 92, .28);
	border-radius: 6px;
	background-color: var(--color-panel-bg);
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-navy);
	cursor: pointer;
	transition: border-color .15s ease, background-color .15s ease;
}

#panel-5 ul.options {
	gap: 6px;
}

#panel-5 ul.options > li {
	padding-left: 7px;
	padding-right: 7px;
}

#navi ul.options > li:hover {
	border-color: var(--color-navy);
}

#navi ul.options > li.selected {
	border-color: var(--color-navy);
	background-color: var(--color-navy);
	color: #FFFFFF;
}

#navi ul.options.multiple > li {
	display: flex;
	align-items: center;
	gap: 10px;
}

#navi ul.options.multiple > li::before {
	content: "";
	flex: 0 0 auto;
	box-sizing: border-box;
	width: 15px;
	height: 15px;
	border: 1px solid rgba(11, 46, 92, .38);
	border-radius: 3px;
	background-color: var(--color-panel-bg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 13px 13px;
}

#navi ul.options.multiple > li.selected::before {
	border-color: #FFFFFF;
	background-color: var(--color-navy);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3 8.4 6.4 11.8 13 4.6'/%3E%3C/svg%3E");
}

#navi .note {
	margin-top: 14px;
	font-size: 16px;
	line-height: 1.7;
	color: var(--color-text-sub);
}

#navi .ctrl {
	margin-top: 26px;
	text-align: center;
}

#navi .ctrl a {
	min-width: 240px;
}

#navi .ctrl a.disabled {
	background: #C7CBD1;
	box-shadow: none;
	color: #FFFFFF;
	pointer-events: none;
}

#navi a.return {
	display: block;
	box-sizing: border-box;
	width: 38px;
	height: 38px;
	margin-top: 26px;
	border: 1px solid rgba(11, 46, 92, .28);
	border-radius: 50%;
	background-color: var(--color-panel-bg);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23021632' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M14.5 6 8.5 12l6 6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px 22px;
	text-decoration: none;
}

#navi a.return:hover {
	border-color: var(--color-navy);
	opacity: 1;
}

#navi-loading {
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	align-content: center;
	padding: 40px 0;
	font-size: 16px;
	text-align: center;
	color: var(--color-text);
}

#navi-loading[style*="display"]:not([style*="none"]) {
	display: flex !important;
}

#navi-panels::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
	background-image: url(/unified/images/spinner.gif);
}

#navi-loading::before {
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 auto 12px;
	background: url(/unified/images/spinner.gif) no-repeat center center / contain;
}

/* --------------------------------------------------------------------------
   12-4. 入口パネル（#panel-top）
   -------------------------------------------------------------------------- */
#panel-top {
	display: flex;
	flex-direction: column;
	margin-top: 18px;
	column-gap: 20px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	background-color: var(--color-panel-bg);
}

#navi-panels > li#panel-top {
	padding-top: 32px;
	padding-bottom: 32px;
}

#panel-top > p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.85;
	color: var(--color-text);
}

#panel-top > .row {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

#panel-top .feature {
	display: flex;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#panel-top .feature > li > span {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: var(--color-navy);
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: -0.05em;
	color: #FFFFFF;
	text-align: center;
}

#panel-top .feature > li > span br {
	display: none;
}

#panel-top .feature em {
	font-style: normal;
	font-size: 20px;
	font-weight: 700;
	color: var(--color-gold);
}

#panel-top .ctrl {
	margin-top: 0;
	text-align: center;
}

#panel-top .ctrl a {
	min-width: 0;
	padding: 13px 34px;
	font-size: 16.75px;
}

/* --------------------------------------------------------------------------
   12-5. 結果画面
   -------------------------------------------------------------------------- */
#navi-result {
	display: none;
	padding-top: 6px;
}

#navi-result-list > h3,
#navi-result-comparison > h3 {
	margin-bottom: 16px;
	font-size: 22px;
	font-weight: 700;
	color: var(--color-navy);
}

#navi-result-list > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navi-result-list > ul > li {
	padding: 22px 24px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	background-color: var(--color-panel-bg);
}

#navi-result-list > ul > li + li {
	margin-top: 20px;
}

/* ==== 2026-08-25 イラスト一時非表示 ここから ====================================
   部内会議のため、ページからイラストを一時的に外している。後日そのまま復活させる。
   復活のしかた: この見出しの直後にある開始のコメント記号だけの行と、
   対になる終了のコメント記号だけの行、その2行を消すだけでよい。
   （CSS のコメントは入れ子にできないため、この範囲の規則からは行末の注記を外してある）
   候補イラスト（第1〜第3候補・第8-25節）。図版そのものと、右に 284px 空ける指定。
   行末に付けていた注記は、復活時に元へ戻せるようここに書き写しておく。
     background-position: right 24px top 22px  → li の padding と同値。内容ボックスの右上に合わせる
     background-blend-mode: multiply           → 素材の白背景をカード地色になじませる（第8-5節）
     padding-right: 284px                      → 260px ＋ 本文との間隔 24px
   ============================================================================ */
/*
#navi-result-list > ul > li[data-recommend="1"],
#navi-result-list > ul > li[data-recommend="2"],
#navi-result-list > ul > li[data-recommend="3"] {
	background-repeat: no-repeat;
	background-position: right 24px top 22px;
	background-size: 260px 203px;
	background-blend-mode: multiply;
}

#navi-result-list > ul > li[data-recommend="1"] { background-image: url(/images/special/fundingGuide/rank1-illust.webp); }
#navi-result-list > ul > li[data-recommend="2"] { background-image: url(/images/special/fundingGuide/rank2-illust.webp); }
#navi-result-list > ul > li[data-recommend="3"] { background-image: url(/images/special/fundingGuide/rank3-illust.webp); }

#navi-result-list > ul > li[data-recommend="1"] > .conclusion,
#navi-result-list > ul > li[data-recommend="1"] > .subtext,
#navi-result-list > ul > li[data-recommend="2"] > .conclusion,
#navi-result-list > ul > li[data-recommend="2"] > .subtext,
#navi-result-list > ul > li[data-recommend="3"] > .conclusion,
#navi-result-list > ul > li[data-recommend="3"] > .subtext {
	padding-right: 284px;
}

#navi-result-list > ul > li[data-recommend="1"] > .list-box,
#navi-result-list > ul > li[data-recommend="2"] > .list-box,
#navi-result-list > ul > li[data-recommend="3"] > .list-box {
	margin-right: 284px;
}
*/
/* ==== 2026-08-25 イラスト一時非表示 ここまで ==================================== */

#navi-result-list .conclusion {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	color: var(--color-navy);
}

#navi-result-list .conclusion > em {
	margin: 0 6px;
	padding: 2px 8px;
	background-color: var(--color-gold);
	font-family: var(--font-serif);
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	color: var(--color-navy);
}

#navi-result-list .subtext {
	margin: 0;
	margin-top: 12px;
	padding: 0;
	list-style: none;
	font-size: 16px;
	line-height: 1.8;
	color: var(--color-text);
}

#navi-result-list .list-box {
	margin-top: 16px;
	padding: 14px 18px;
	border-radius: 6px;
	background-color: #F2F5F9;
}

#navi-result-list .list-box > p {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 700;
	color: var(--color-navy);
}

#navi-result-list .list-box > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navi-result-list .list-box > ul > li {
	position: relative;
	padding-left: 28px;
	font-size: 16px;
	line-height: 1.8;
	color: var(--color-text);
}

#navi-result-list .list-box > ul > li + li {
	margin-top: 4px;
}

#navi-result-list .reason > ul > li::before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23021632' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M2.5 8.6 6 12.1 13.5 3.9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#navi-result-list .remarks > ul > li::before {
	content: "!";
	position: absolute;
	top: 6px;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: var(--color-navy);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #FFFFFF;
}

#navi-result-list section.links {
	margin-top: 18px;
}

#navi-result-list .to-list {
	margin-top: 18px;
	text-align: center;
}

#navi-result-list .to-list a {
	padding: 12px 46px;
}

#navi-result-comparison {
	margin-top: 34px;
}

#navi-result-comparison table {
	width: 100%;
	border-collapse: collapse;
	background-color: var(--color-panel-bg);
	font-size: 16px;
	line-height: 1.55;
}

#navi-result-comparison th,
#navi-result-comparison td {
	padding: 12px 10px;
	vertical-align: middle;
}

#navi-result-comparison thead th {
	background-color: var(--color-navy);
	color: #FFFFFF;
	font-weight: 700;
	text-align: center;
}

#navi-result-comparison tbody tr + tr > th,
#navi-result-comparison tbody tr + tr > td {
	border-top: 1px solid var(--color-border);
}

#navi-result-comparison thead th + th {
	border-left: 1px solid rgba(255, 255, 255, .9);
}

#navi-result-comparison tbody th + td,
#navi-result-comparison tbody td + td {
	border-left: 1px solid var(--color-border);
}

#navi-result-comparison thead th {
	border-top: 1px solid var(--color-border);
}

#navi-result-comparison thead th:first-child,
#navi-result-comparison tbody th {
	border-left: 1px solid var(--color-border);
}

#navi-result-comparison thead th:last-child,
#navi-result-comparison tbody td:last-child {
	border-right: 1px solid var(--color-border);
}

#navi-result-comparison tbody tr:last-child > th,
#navi-result-comparison tbody tr:last-child > td {
	border-bottom: 1px solid var(--color-border);
}

#navi-result-comparison tbody th {
	background-color: var(--color-tint);
	font-weight: 400;
	text-align: left;
}

#navi-result-comparison tbody th a {
	color: var(--color-link);
	text-decoration: none;
}

#navi-result-comparison tbody th a:hover {
	color: var(--color-link-hover);
	text-decoration: underline;
}

#navi-result-comparison tbody td {
	color: var(--color-text);
	text-align: left;
}

#navi-result-comparison tbody td:is(.col-speed, .col-amount, .col-cost, .col-hurdle) {
	text-align: center;
}

#navi-result-comparison table .icon-eval {
	margin-right: 0;
}

#navi-result-comparison .notes {
	margin-top: 10px;
	font-size: 16px;
	color: #4A5261;
}

#navi-retry {
	margin-top: 30px;
	text-align: center;
}

#navi-retry > a.cta-1st {
	padding: 13px 34px;
	font-size: 16.75px;
}

#navi-remarks {
	margin-top: 34px;
}

#navi-remarks > ul {
	margin: 0;
	padding-left: 1.15em;
	list-style: disc;
}

#navi-remarks li {
	font-size: 16px;
	line-height: 1.75;
	color: #4A5261;
}

#navi-remarks li + li {
	margin-top: 6px;
}

#navi-remarks li::marker {
	color: var(--color-navy);
}

#navi-remarks a {
	color: var(--color-link);
	font-weight: 700;
	text-decoration: underline;
}


/* ==========================================================================
   13. 資金調達比較マップ（#map）
   ========================================================================== */

/* --------------------------------------------------------------------------
   13-1. マップの枠
   -------------------------------------------------------------------------- */
#map > div + div > p {
	margin-top: 16px;
	font-size: 16px;
	line-height: 1.85;
	color: #4d5a6c;
}

#map-chart {
	padding: 14px;
	background: var(--comparemap-plot-bg);
	border: 1px solid var(--color-border);
	border-radius: 8px;
}

/* --------------------------------------------------------------------------
   13-2. 軸の選択
   -------------------------------------------------------------------------- */
#axis-selection {
	margin: 0;
	padding: 10px 14px 6px;
	background-color: var(--color-panel-bg);
	border: 1px solid var(--color-border);
	border-radius: 8px;
}

#axis-selection > div {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 8px;
}

#axis-selection > div > span {
	display: inline-block;
	flex: 0 0 288px;
	width: 288px;
	font-size: 16px;
	color: #4d5a6c;
}

#axis-selection label {
	display: inline-block;
	margin: 0;
	padding: 3px 11px;
	background-color: #f6f7f9;
	border: 1px solid var(--color-border);
	border-radius: 13px;
	font-size: 14px;
	color: #5F6A79;
}

#axis-selection label input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

#axis-selection label.checked {
	background-color: var(--color-navy);
	border-color: var(--color-navy);
	color: #fff;
}

#axis-selection label.disabled {
	background-color: #f6f7f9;
	border-color: var(--color-border);
	color: #5F6A79;
	opacity: .42;
}

#axis-selection label:not(.disabled):not(.checked) {
	cursor: pointer;
}

#axis-selection label:not(.disabled):not(.checked):hover {
	background-color: var(--color-panel-bg);
	border-color: var(--color-navy);
	color: var(--color-navy);
}

#axis-selection label:has(input:focus-visible) {
	outline: 2px solid var(--color-navy);
	outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   13-3. プロット（散布図）
   -------------------------------------------------------------------------- */
#chart {
	position: relative;
	width: 100%;
	height: var(--comparemap-plot-h);
	margin-top: 14px;
}

#chart-x,
#chart-y {
	display: block;
	position: absolute;
	background-color: var(--comparemap-axis);
}

#chart-x {
	top: 50%;
	left: 30px;
	width: calc(100% - 60px);
	height: 1px;
}

#chart-y {
	top: 30px;
	left: 50%;
	width: 1px;
	height: calc(100% - 60px);
}

#chart-x-arrow,
#chart-y-arrow {
	display: block;
	position: absolute;
	box-sizing: border-box;
	width: 8px;
	height: 8px;
	border: 2px solid var(--comparemap-axislabel);
	border-bottom: 0;
	border-left: 0;
}

#chart-y-arrow {
	top: 30px;
	right: calc(50% - 4px);
	transform: rotate(-45deg);
}

#chart-x-arrow {
	top: calc(50% - 4px);
	right: 30px;
	transform: rotate(45deg);
}

#chart-x-label,
#chart-y-label,
#chart-x-high,
#chart-x-low,
#chart-y-high,
#chart-y-low {
	display: block;
	position: absolute;
	width: auto;
	font-size: 16px;
	line-height: 1;
	color: var(--comparemap-axislabel);
	white-space: nowrap;
	text-align: left;
}

#chart-y-label {
	top: 6px;
	left: calc(50% - 3.5em - 9.25px);
	width: 7em;
	text-align: center;
}

#chart-x-label {
	top: calc(50% - .5em - 2.75px);
	right: calc(16px - 3.5em);
	width: 7em;
	text-align: center;
	transform: rotate(90deg);
}

#chart-y-high { top: 30px; left: calc(50% + 8px); }
#chart-y-low  { top: auto; bottom: 30px; left: calc(50% + 8px); }
#chart-x-low  { top: calc(50% + 4px); left: 32px; }
#chart-x-high { top: calc(50% + 4px); right: 46px; }

.chart-group {
	display: none;
}

/* --------------------------------------------------------------------------
   13-4. チップ（.chart-item）
   -------------------------------------------------------------------------- */
.chart-item {
	position: absolute;
	display: inline-block;
	padding: 5px 7px;
	background-color: var(--color-panel-bg);
	border: 1px solid rgba(11, 46, 92, .28);
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
	white-space: nowrap;
	cursor: pointer;
}

.chart-item.init {
	top: calc(50% - 21px);
	left: calc(50% - 68px);
}

.chart-item:hover {
	z-index: 10000 !important;
	border-color: var(--color-navy);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .20);
}

.chart-item > span {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	color: #17263c;
	cursor: pointer;
}

.chart-item[data-id="A"] { --dot-bg: #CD5F64; }
.chart-item[data-id="I"] { --dot-bg: #EB4600; }
.chart-item[data-id="B"] { --dot-bg: #3CF064; }
.chart-item[data-id="C"] { --dot-bg: #009673; }
.chart-item[data-id="D"] { --dot-bg: #28DCFF; }
.chart-item[data-id="E"] { --dot-bg: #3287DC; }
.chart-item[data-id="F"] { --dot-bg: #8769FF; }
.chart-item[data-id="G"] { --dot-bg: #FFB4F5; }
.chart-item[data-id="H"] { --dot-bg: #FF0091; }

.chart-item[data-id] > span::before {
	content: "▼";
	margin-right: 4px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: var(--dot-bg);
}

.chart-item[data-id].opened > span::before {
	content: "▲";
}

#map.show-guide .chart-item::before {
	content: "＼クリック！／";
	position: absolute;
	top: -20px;
	left: 50%;
	z-index: 10000;
	display: block;
	transform: translateX(-50%);
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #F28D33;
	white-space: nowrap;
	pointer-events: none;
}

/* --------------------------------------------------------------------------
   13-5. 吹き出し（.chart-tip・クリックで map.js が生成する）
   -------------------------------------------------------------------------- */
.chart-tip {
	padding: 4px 12px 8px;
}

.chart-tip > dl {
	padding-top: 4px;
	font-size: 16px;
	white-space: nowrap;
}

.chart-tip > dl > div {
	display: flex;
	line-height: 1.7;
	color: #4d5a6c;
}

.chart-tip > dl > div > dt {
	flex: 0 0 7em;
	margin-right: 12px;
	color: var(--comparemap-axislabel);
}

.chart-tip > p {
	margin: 10px auto 0;
	text-align: center;
}

#map .chart-tip a {
	padding: 7px 53px;
	font-size: 14px;
}

/* --------------------------------------------------------------------------
   13-6. すべて開く／閉じる
   -------------------------------------------------------------------------- */
#ctrl-slide {
	position: absolute;
	top: 6px;
	right: 6px;
	z-index: 1;
}

#ctrl-slide ul {
	display: flex;
	justify-content: flex-end;
	gap: 4px;
}

#ctrl-slide ul > li {
	background-color: var(--color-panel-bg);
	border: 1px solid var(--color-border);
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
}

#ctrl-slide ul > li > a {
	display: block;
	padding: 2px 6px;
	font-size: 14px;
	color: var(--color-navy);
	text-decoration: none;
}

#ctrl-slide ul > li > a:hover {
	color: var(--color-navy);
	text-decoration: none;
}

#ctrl-slide ul > li:hover {
	border-color: var(--color-navy);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .20);
}

/* --------------------------------------------------------------------------
   13-7. 評価記号（◎ / ○ / △）
   -------------------------------------------------------------------------- */
.icon-eval {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 6px;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
}

.icon-eval[data-eval="\25CE"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%234d5a6c' stroke-width='1.6'%3E%3Ccircle cx='8' cy='8' r='6.8'/%3E%3Ccircle cx='8' cy='8' r='3.1'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-eval[data-eval="\25CB"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6.8' fill='none' stroke='%234d5a6c' stroke-width='1.6'/%3E%3C/svg%3E");
}

.icon-eval[data-eval="\25B3"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.4 15.1 14.2H0.9Z' fill='none' stroke='%234d5a6c' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/* ==========================================================================
   14. 記事ページ（body#fundingGuideMethod）
   ========================================================================== */

/* --------------------------------------------------------------------------
   14-1. ページ地とカード
   -------------------------------------------------------------------------- */
body.fundingGuide#fundingGuideMethod #maincontents {
	background-color: var(--color-navy);
	font-family: var(--font-sans);
	color: var(--color-text);
}

#fundingGuideMethod #article,
#fundingGuideMethod #links {
	--card-bg: var(--color-card-bg);
}

body#fundingGuideMethod #remarks { --card-pad-b: 26px; }


body#fundingGuideMethod #maincontents > section:not(#fv) {
	width: var(--card-w);
	margin: 0 auto var(--gap-groupb);
	padding: 6px var(--card-pad-x) var(--card-pad-b, 48px);
	background-color: var(--card-bg);
	border-radius: var(--card-radius);
}

#fundingGuideMethod #article,
#fundingGuideMethod #links,
#fundingGuideMethod #remarks {
	background-image: var(--gradient-cardtop);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% 6px;
}

#fundingGuideMethod #article {
	color: var(--color-text);
	font-size: 16px;
	line-height: 1.85;
}

#fundingGuideMethod ul.local-breadcrumbs {
	position: relative;
	z-index: 1;
	display: flex;
	box-sizing: border-box;
	width: 100%;
	max-width: 1220px;
	height: 30px;
	margin: 0 auto;
	padding: 0 20px;
	line-height: 30px;
	color: #FFFFFF;
}

#fundingGuideMethod ul.local-breadcrumbs > li + li::before {
	content: " > ";
	padding: 0 .25em;
}

/* --------------------------------------------------------------------------
   14-2. 見出しとリンク
   -------------------------------------------------------------------------- */
#fundingGuideMethod #article h1,
#fundingGuideMethod #article h2,
#fundingGuideMethod #article h3 {
	font-family: var(--font-serif);
	font-weight: 600;
	letter-spacing: .04em;
	color: var(--color-navy);
}

#fundingGuideMethod #article h2 {
	font-size: 32px;
}

#fundingGuideMethod #maincontents a:not(.cta-1st):not(.cta-2nd) {
	color: var(--color-link);
	text-decoration: none;
}

#fundingGuideMethod #maincontents a:not(.cta-1st):not(.cta-2nd):hover {
	color: var(--color-link-hover);
	opacity: 1;
	text-decoration: underline;
}

#fundingGuideMethod #maincontents ul.local-breadcrumbs a:not(.cta-1st):not(.cta-2nd) {
	color: #FFFFFF;
	text-decoration: none;
}

#fundingGuideMethod #maincontents ul.local-breadcrumbs a:not(.cta-1st):not(.cta-2nd):hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#fundingGuideMethod #navi-opener a:not(.cta-1st):not(.cta-2nd),
#fundingGuideMethod #article #ranking ul li a:not(.cta-1st):not(.cta-2nd),
#fundingGuideMethod #links ul li a:not(.cta-1st):not(.cta-2nd),
#fundingGuideMethod #table-of-contents a.toggle:not(.cta-1st):not(.cta-2nd) {
	text-decoration: none;
}

/* --------------------------------------------------------------------------
   14-3. 記事ページの FV
   -------------------------------------------------------------------------- */
#fundingGuideMethod #fv {
	min-height: 0;
	margin-top: -30px;
	padding: 64px 0 38px;
	color: #FFFFFF;
	text-align: left;
}

body#fundingGuideMethod #maincontents {
	background-image:
		radial-gradient(76.6% 676px at 100% calc(var(--fv-h) + 300px), rgba(40, 155, 220, .31) 0%, rgba(2, 22, 50, 0) 100%),
		radial-gradient(min(calc(244px + 35.6vw), calc(650px + 13.6vw)) 270px at right 3vw top -20px,
			rgba(2, 22, 50, 0) 55%, rgba(2, 22, 50, .25) 80%, rgba(2, 22, 50, 1) 100%),
		url(/images/special/fundingGuide/hero.webp);
	background-repeat: no-repeat;
	background-position: left top, left top, right -140px;
	background-size: auto, auto, calc(680px + 16.6vw) auto;
}

#fundingGuideMethod #fv > h1 {
	display: block;
	width: var(--card-w);
	margin-right: auto;
	margin-left: auto;
}

#fundingGuideMethod #fv h1 {
	font-family: var(--font-serif);
	font-size: 40px;
	font-weight: 700;
	line-height: 1.5;
	background: linear-gradient(180deg, #F3E198, #E7C46F);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#fundingGuideMethod #fv h1 > em,
#fundingGuideMethod #fv h1 > span {
	display: block;
	font-style: normal;
}

#fundingGuideMethod #fv h1 > span {
	font-family: var(--font-sans);
	font-size: 24px;
	line-height: 1.4;
	color: #FFFFFF;
	-webkit-text-fill-color: #FFFFFF;
}

/* --------------------------------------------------------------------------
   14-4. 記事本文
   -------------------------------------------------------------------------- */
#fundingGuideMethod #article > section + section,
#fundingGuideMethod #article > section + article,
#fundingGuideMethod #article > article + section,
#fundingGuideMethod #article > article > section {
	margin-top:2em;
}

#fundingGuideMethod #article section > p+p {
	margin-top:1em;
}

#fundingGuideMethod #article section:not(.pr) ul,
#fundingGuideMethod #article section:not(.pr) ol {
	margin:1em 0 1em 2em;
}

#fundingGuideMethod #article section:not(.pr) ul li {
	list-style:disc;
}

#fundingGuideMethod #article section:not(.pr) ol li {
	list-style:decimal;
}

#fundingGuideMethod #article #basic-info table {
	border-collapse:collapse;
}

#fundingGuideMethod #article #basic-info table thead th {
	background-color:var(--color-navy);
	color:white;
	font-weight:bold;
}

#fundingGuideMethod #article #basic-info table thead tr > th:nth-of-type(1) {
	border-right:1px solid #fff;
}

#fundingGuideMethod #article #basic-info table tbody th {
	color:var(--color-navy);
	text-align:left;
}

#fundingGuideMethod #article #basic-info table th,
#fundingGuideMethod #article #basic-info table td {
	padding:4px 30px;
	border:1px solid var(--color-navy);
}

#fundingGuideMethod #article #basic-info table td {
	padding-right:100px;
}

#fundingGuideMethod #article #suitable dl {
	display:flex;
	justify-content: space-between;
	gap:10px;
}

#fundingGuideMethod #article #suitable dl > div {
	flex: 1 1 0;
	border:1px solid var(--color-navy);
}

#fundingGuideMethod #article #suitable dl > div > dt {
	background-color:var(--color-navy);
	font-weight:bold;
	color:#fff;
	font-size:18px;
	padding:10px 20px;
	border:1px solid var(--color-navy);
}

#fundingGuideMethod #article #suitable dl > div > dd {
	padding:10px 20px;
}

#fundingGuideMethod #article #suitable dl > div > dd > ul {
	margin-top:0;
	margin-bottom:0;
}

#fundingGuideMethod #article #merit dl > div,
#fundingGuideMethod #article #demerit dl > div,
#fundingGuideMethod #article #conditions dl > div {
	margin-top:.5em;
}

#fundingGuideMethod #article #merit dl dt,
#fundingGuideMethod #article #demerit dl dt,
#fundingGuideMethod #article #conditions dl dt {
	color:var(--color-navy);
	font-size:18px;
}

#fundingGuideMethod #article #merit dl dt::before,
#fundingGuideMethod #article #demerit dl dt::before,
#fundingGuideMethod #article #conditions dl dt::before {
	content:"●";
	margin-right:5px;
}

#fundingGuideMethod #article #flow ol li {
	font-size:18px;
	color:var(--color-navy);
}

#fundingGuideMethod #article #point ul li {
	font-size:18px;
	color:var(--color-navy);
}

#fundingGuideMethod #article #faq dl > div {
	margin-top:10px;
	padding:0;
	background-color: transparent;
}

#fundingGuideMethod #article #faq dl > div:after {
	content:"";
}

#fundingGuideMethod #article #faq dl > div+div {
	margin-top:20px;
}

#fundingGuideMethod #article #faq dl > div > dt {
	font-size:18px;
}

/* --------------------------------------------------------------------------
   14-5. ランキング（#ranking）
   -------------------------------------------------------------------------- */
#fundingGuideMethod #article #ranking h2 {
	padding:0 10px 0;
}

#fundingGuideMethod #article #ranking p {
	color:#fff;
	padding:20px 30px 0;
}

#fundingGuideMethod #article #ranking ul {
	padding:10px 20px;
}

#fundingGuideMethod #article #ranking ul li {
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
}

#fundingGuideMethod #article #ranking ul li+li {
	margin-top:10px;
}

#fundingGuideMethod #article #ranking ul.ranking > li {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 16px;
	align-items: center;
}

#fundingGuideMethod #article #ranking ul.ranking > li::before {
	grid-column: 1;
	grid-row: 1 / 4;
	align-self: center;
	margin-bottom: 0;
}

#fundingGuideMethod #article #ranking ul.ranking > li > img {
	grid-column: 2;
	grid-row: 1;
}

#fundingGuideMethod #article #ranking ul.ranking > li > span:nth-of-type(2) {
	grid-column: 2;
	grid-row: 2;
}

#fundingGuideMethod #article #ranking ul.ranking > li > span:nth-of-type(3) {
	grid-column: 2;
	grid-row: 3;
}

#fundingGuideMethod #article #ranking ul.ranking > li > dl,
#fundingGuideMethod #article #ranking ul.ranking > li > a {
	grid-column: 1 / -1;
}

#fundingGuideMethod #article #ranking ul.ranking > li[data-rank]::before {
	width: 60px;
	height: 46px;
}

#fundingGuideMethod #article #ranking ul li img {
	width:160px;
}

#fundingGuideMethod #article #ranking ul li span {
	display:block;
}

#fundingGuideMethod #article #ranking ul li a {
	display: block;
	width: fit-content;
	margin: 0 auto;
	padding: 10px 80px;
	border-radius: 30px;
	background: var(--gradient-cta);
	font-family: var(--font-serif);
	font-weight: bold;
	color: white;
	text-align: center;
}

/* --------------------------------------------------------------------------
   14-6. 他の資金調達方法についての記事（#links）
   -------------------------------------------------------------------------- */
#fundingGuideMethod #links > h2 {
	position: relative;
	margin: 20px 0;
	padding: 10px 0 10px 32px;
	font-family: var(--font-serif);
	font-size: 30px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: .04em;
	color: var(--color-navy);
}

#fundingGuideMethod #links > h2::before {
	content: "";
	position: absolute;
	top: 14px;
	left: 0;
	width: 6px;
	height: 33px;
	background-color: var(--color-gold-accent);
}

#fundingGuideMethod #links ul {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:5px;
	margin-top:20px;
}

#fundingGuideMethod #links ul li {
	flex-basis:30%;
	flex-grow:1;
	text-align:center;
	border-radius: 4px;
	font-weight: normal;
}

#fundingGuideMethod #links ul li.selected {
	box-sizing: border-box;
	min-height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 12px;
	border: 1px solid var(--color-navy);
	background-color:var(--color-navy);
	font-size: 16px;
	line-height: 1.5;
	color:#fff;
}

#fundingGuideMethod #links ul li a {
	box-sizing: border-box;
	min-height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 12px;
	border: 1px solid var(--color-border);
	border-radius: 4px;
	background: var(--color-panel-bg);
	font-family: var(--font-sans);
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	color: var(--color-link);
	box-shadow: none;
}

#fundingGuideMethod #links ul li a:hover {
	border-color: var(--color-link-hover);
	background: var(--color-panel-bg);
	color: var(--color-link-hover);
	opacity: 1;
	box-shadow: none;
	transform: none;
	text-decoration: none;
}

/* --------------------------------------------------------------------------
   14-7. 読了時間と目次
   -------------------------------------------------------------------------- */
#fundingGuideMethod #reading-time {
	margin-top:12px !important;
	margin-bottom:12px;
	padding:12px 16px;
	background-color:var(--color-tint);
	border-radius:6px;
	text-align:center;
}

#fundingGuideMethod #reading-time em {
	color:var(--color-navy);
	font-style:normal;
	font-weight:bold;
	text-decoration:underline;
}

#fundingGuideMethod #table-of-contents {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	column-gap:12px;
	margin-top:0 !important;
	padding:18px 24px;
	border:1px solid var(--color-border);
	border-radius:6px;
}

#fundingGuideMethod #article #table-of-contents > h2 { order:1; }
#fundingGuideMethod #table-of-contents > a.toggle    { order:2; }
#fundingGuideMethod #table-of-contents > ul           { order:3; width:100%; }

#fundingGuideMethod #article #table-of-contents h2 {
	position:relative;
	margin:0;
	padding-left:14px;
	font-family:var(--font-serif);
	font-size:20px;
	font-weight:600;
	line-height:1.35;
	letter-spacing:.04em;
	color:var(--color-navy);
}

#fundingGuideMethod #article #table-of-contents h2::before {
	content:"";
	position:absolute;
	top:3px;
	left:0;
	width:4px;
	height:22px;
	background-color:var(--color-gold-accent);
}

#fundingGuideMethod #table-of-contents a.toggle {
	position:static;
	font-size:14px;
}

#fundingGuideMethod #table-of-contents a.toggle:before {
	content:"▼開く";
}

#fundingGuideMethod #table-of-contents a.toggle.opened:before {
	content:"▲閉じる";
}

#fundingGuideMethod #table-of-contents ul {
	display:none;
	margin:24px 0 0 !important;
	padding-left:0;
	list-style:none;
}

#fundingGuideMethod #article #table-of-contents ul > li {
	padding-left:13px;
	background:url(/images/common/gray-arrow.png) no-repeat left top .62em;
	background-size:5px auto;
	list-style:none;
}

#fundingGuideMethod #table-of-contents ul > li > a:not(.cta-1st):not(.cta-2nd) {
	text-decoration:none;
}

#fundingGuideMethod #table-of-contents ul > li > a:not(.cta-1st):not(.cta-2nd):hover {
	text-decoration:underline;
}

/* --------------------------------------------------------------------------
   14-8. ランキング／ピックアップ枠（section.pr）
   -------------------------------------------------------------------------- */
:is(#fundingGuideMethod #article, #navi-result-list) section.pr {
	background-color: var(--color-navy);
	border-radius: 20px;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr :is(h2, h3) {
	background: linear-gradient(180deg, #F3E198, #E7C46F);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	padding: 20px 10px 0 20px;
	font-size: 28px;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.pickup {
	display: flex;
	gap: 10px;
	padding: 10px 20px 10px;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.pickup li {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex-basis: 33%;
	background-color: #FFFFFF;
	padding: 10px;
	border-radius: 10px;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.pickup li span,
:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.ranking li span {
	display: block;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.pickup li span:first-child {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.ranking li span:first-child {
	text-align: left;
	font-weight: bold;
	font-size: 20px;
}

:is(#navi-result #navi-result-list, #fundingGuideMethod #article)
	section.pr :is(ul.pickup, ul.ranking) li[data-rank] {
	position: relative;
}

:is(#navi-result #navi-result-list, #fundingGuideMethod #article)
	section.pr :is(ul.pickup, ul.ranking) li[data-rank] > span:first-child {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

:is(#navi-result #navi-result-list, #fundingGuideMethod #article)
	section.pr :is(ul.pickup, ul.ranking) li[data-rank]::before {
	content: "";
	display: block;
	flex: none;
	width: 46px;
	height: 35px;
	margin: 0 0 2px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

:is(#navi-result #navi-result-list, #fundingGuideMethod #article)
	section.pr ul.pickup li[data-rank]::before {
	margin-right: auto;
	margin-left: auto;
}

:is(#navi-result #navi-result-list, #fundingGuideMethod #article) section.pr :is(ul.pickup, ul.ranking) li[data-rank="1"]::before { background-image: url(/images/special/label-rank1.png); }
:is(#navi-result #navi-result-list, #fundingGuideMethod #article) section.pr :is(ul.pickup, ul.ranking) li[data-rank="2"]::before { background-image: url(/images/special/label-rank2.png); }
:is(#navi-result #navi-result-list, #fundingGuideMethod #article) section.pr :is(ul.pickup, ul.ranking) li[data-rank="3"]::before { background-image: url(/images/special/label-rank3.png); }
:is(#navi-result #navi-result-list, #fundingGuideMethod #article) section.pr :is(ul.pickup, ul.ranking) li[data-rank="4"]::before { background-image: url(/images/special/label-rank4.png); }
:is(#navi-result #navi-result-list, #fundingGuideMethod #article) section.pr :is(ul.pickup, ul.ranking) li[data-rank="5"]::before { background-image: url(/images/special/label-rank5.png); }
:is(#navi-result #navi-result-list, #fundingGuideMethod #article) section.pr :is(ul.pickup, ul.ranking) li[data-rank="6"]::before { background-image: url(/images/special/label-rank6.png); }
:is(#navi-result #navi-result-list, #fundingGuideMethod #article) section.pr :is(ul.pickup, ul.ranking) li[data-rank="7"]::before { background-image: url(/images/special/label-rank7.png); }
:is(#navi-result #navi-result-list, #fundingGuideMethod #article) section.pr :is(ul.pickup, ul.ranking) li[data-rank="8"]::before { background-image: url(/images/special/label-rank8.png); }
:is(#navi-result #navi-result-list, #fundingGuideMethod #article) section.pr :is(ul.pickup, ul.ranking) li[data-rank="9"]::before { background-image: url(/images/special/label-rank9.png); }
:is(#navi-result #navi-result-list, #fundingGuideMethod #article) section.pr :is(ul.pickup, ul.ranking) li[data-rank="10"]::before { background-image: url(/images/special/label-rank10.png); }

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.pickup li img+span,
:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.ranking li img+span {
	font-size: 24px;
	font-weight: bold;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.pickup li img+span+span,
:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.ranking li img+span+span {
	font-size: 16px;
	font-weight: bold;
}

#fundingGuideMethod #article #ranking ul.ranking li img+span+span {
	font-size: 20px;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.pickup li img+span+span {
	min-height: 2.8em;
	line-height: 1.4;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.pickup li span em,
:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.ranking li span em {
	font-weight: bold;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.pickup li img,
:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.ranking li img {
	width: 160px;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.pickup li dl {
	margin: 10px 0;
}

#navi-result-list section.pr ul.pickup li dl {
	font-size: 14px;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.pickup li dl > div {
	display: flex;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.pickup li dl > div > dt {
	width: 7.5em;
	padding: 5px;
	background-color: #EEEEEE;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.pickup li dl > div > dd {
	flex-grow: 1;
	padding: 5px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.pickup li dl > div:last-child > dt,
:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.pickup li dl > div:last-child > dd {
	border-bottom: 1px solid #CCCCCC;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.pickup li a {
	display: block;
	width: fit-content;
	margin: auto auto 0;
	padding: 10px 80px;
	border-radius: 30px;
	background: var(--gradient-cta);
	color: #FFFFFF;
	font-family: var(--font-serif);
	font-weight: bold;
	text-align: center;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.ranking li dl {
	margin: 10px 0;
	display: flex;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.ranking li dl > div {
	flex-grow: 1;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.ranking li dl > div > dt {
	padding: 5px;
	background-color: #EEEEEE;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	text-align: center;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.ranking li dl > div > dd {
	padding: 5px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.ranking li dl > div:last-child > dt,
:is(#fundingGuideMethod #article, #navi-result-list) section.pr ul.ranking li dl > div:last-child > dd {
	border-right: 1px solid #CCCCCC;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr > div.remarks {
	padding-bottom: 20px;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr > div.remarks > span {
	display: block;
	margin: 0 20px;
	color: #FFFFFF;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr > div.remarks > span > a {
	color: var(--color-link-on-navy);
	text-decoration: none;
}

:is(#fundingGuideMethod #article, #navi-result-list) section.pr > div.remarks > span > a:hover {
	color: var(--color-link-on-navy);
	text-decoration: underline;
}

/* --------------------------------------------------------------------------
   14-10. 記事ページの h2（記事 No.10 ／ 記事 No.11）
   -------------------------------------------------------------------------- */
#fundingGuideMethod #article section:not(.pr):not(#table-of-contents) > h2::before,
#fundingGuideMethod #supervisor > div:first-child > h2::before {
	content: "";
	display: inline-block;
	vertical-align: -.08em;
	width: 1em;
	height: 1em;
	margin-right: .24em;
	background-image: url(/images/special/fundingGuide/icon-signpost.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#fundingGuideMethod #supervisor > div:first-child > p {
	margin-bottom: 2px;
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-text-sub);
}


/* --------------------------------------------------------------------------
   14-8b. 診断結果の2社間ファクタリング（トップ 修正事項 No.57・No.58）
   -------------------------------------------------------------------------- */
#navi-result #navi-result-list li[data-method-id="F"] section.links ul.pickup > li {
	container-type: inline-size;
}

#navi-result #navi-result-list li[data-method-id="F"] section.links ul.pickup > li > span:nth-of-type(1) {
	font-size: clamp(14px, 6.2cqi, 20px);
	line-height: 1.4;
	white-space: nowrap;
	color: var(--color-navy);
}

#navi-result #navi-result-list li[data-method-id="F"] section.links ul.pickup > li > span:nth-of-type(2) {
	margin-top: 2px;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-text-sub);
}

#navi-result #navi-result-list li[data-method-id="F"] section.links ul.pickup > li > span:nth-of-type(3) {
	margin-top: 12px;
	font-size: 16px;
	line-height: 1.7;
	text-align: left;
	color: var(--color-text);
}

#navi-result #navi-result-list li[data-method-id="F"] section.links ul.pickup > li > span:nth-of-type(3) em {
/*	color: var(--color-navy);*/
	color: #D93900;
}


/* --------------------------------------------------------------------------
   14-8c. 記事「2社間ファクタリング」のピックアップ（記事 修正事項 No.30）
   -------------------------------------------------------------------------- */


body#fundingGuideMethod.method-F #article section.pr ul.pickup > li {
	container-type: inline-size;
}

body#fundingGuideMethod.method-F #article section.pr ul.pickup > li > span:nth-of-type(1) {
	font-size: clamp(14px, 6.2cqi, 20px);
	line-height: 1.4;
	white-space: nowrap;
	color: var(--color-navy);
}

body#fundingGuideMethod.method-F #article section.pr ul.pickup > li > span:nth-of-type(2) {
	margin-top: 2px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	text-align: center;
	color: var(--color-text-sub);
}

body#fundingGuideMethod.method-F #article section.pr ul.pickup > li > span:nth-of-type(3) {
	margin-top: 12px;
	font-size: 16px;
	line-height: 1.7;
	text-align: left;
	color: var(--color-text);
}

body#fundingGuideMethod.method-F #article section.pr ul.pickup > li > span:nth-of-type(3) em {
	color: #D93900;
}

/* --------------------------------------------------------------------------
   14-11. 記事のテキストリンク（記事 No.21〜23 → No.25・No.29 で改訂）
   -------------------------------------------------------------------------- */

#fundingGuideMethod #table-of-contents a.toggle:not(.cta-1st):not(.cta-2nd):hover {
	text-decoration: underline;
}


/* --------------------------------------------------------------------------
   14-9b. 記事内から他コーナーへの導線（#pr / #recommendation）
   -------------------------------------------------------------------------- */
#fundingGuideMethod #article :is(#pr, #recommendation) > a {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: fit-content;
	min-height: 50px;
	margin: 16px 0 0;
}


/* --------------------------------------------------------------------------
   14-9. 資金調達診断のモーダル
   -------------------------------------------------------------------------- */
#fundingGuideMethod #navi-opener {
	width: 100px;
}

#fundingGuideMethod #navi-opener a {
	display:block;
	width:100px;
	line-height:1.2;
	background: var(--gradient-cta);
	border-radius: 10px;
	color:#fff;
	margin:auto 0;
	text-align:center;
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
	padding:15px 0;
}

#fundingGuideMethod #navi-opener a:hover {
	opacity:0.7;
}

#fundingGuideMethod .overlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 999;
}

#fundingGuideMethod #modal-navi {
	display:none;
	position:fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: none;
	z-index: 1000;
	overflow-y:auto;
	height: max-content;
	max-height: calc(100% - 60px);
	border:5px solid var(--color-navy);
	border-radius:4px;
	width: 1048px;
	max-width: calc(100% - 40px);
	padding: 0;
	background-color: var(--color-cream);
}

#fundingGuideMethod #modal-navi > #navi {
	--card-pad-x: 24px;
	padding: 6px var(--card-pad-x) 48px;
}

body#fundingGuideMethod #modal-navi #navi-panels > li.panel {
	padding: 0 24px;
}

body#fundingGuideMethod #modal-navi #navi-panels > li#panel-top {
	padding-top: 32px;
	padding-bottom: 32px;
}

#fundingGuideMethod #modal-navi > #navi-closer {
	display:none;
	position: sticky;
	top: 0;
	right: auto;
	z-index: 1001;
	padding: 8px 14px 0;
	line-height: 1;
	text-align: right;
	background-color: var(--color-cream);
}

#fundingGuideMethod #navi-closer a {
	font-size:20px;
	color: var(--color-navy);
	font-weight:bold;
}

#fundingGuideMethod #navi-closer a:hover {
	opacity:0.7;
}

#fundingGuideMethod #modal-navi::-webkit-scrollbar {
	width: 16px;
	background: var(--color-cream);
	border-radius:0 20px 20px 0;
}

#fundingGuideMethod #modal-navi::-webkit-scrollbar-thumb {
	background: var(--color-navy);
	border-right: 1px solid var(--color-cream);
	border-left: 1px solid var(--color-cream);
}

#fundingGuideMethod #modal-navi::-webkit-scrollbar-track {
	margin-top: 15px;
	margin-bottom: 15px;
}