@charset "UTF-8";

/* ============================================
   IT事業リスク対策部 ページ
   ============================================ */

.p-itRisk {
	margin-top: 80px;
}

/* ===== リスクマネージャー紹介 ===== */
.p-itRisk__intro {
	display: flex;
	gap: 64px;
	align-items: flex-end;
	margin-bottom: 80px;
}

.p-itRisk__introBody {
	flex: 1;
	min-width: 0;
	line-height: 1.9;
}

.p-itRisk__introBody p {
	margin: 0 0 24px;
}

.p-itRisk__introBody p:last-child {
	margin-bottom: 0;
}

.p-itRisk__introProfile {
	flex-shrink: 0;
	width: 220px;
	text-align: left;
}

.p-itRisk__introImage {
	margin: 0 0 16px;
}

.p-itRisk__introImage img {
	width: 100%;
	height: auto;
	display: block;
}

.p-itRisk__introPosition {
	margin: 0 0 4px;
	line-height: 1.6;
}

.p-itRisk__introName {
	font-size: 24px;
	font-weight: 700;
	margin: 0;
	line-height: 1.6;
}

/* ===== 関連情報リンク ===== */
.p-itRisk__related {
	margin-bottom: 80px;
}

.p-itRisk__relatedList {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.p-itRisk__relatedItem.c-heading-leftLine {
	margin-bottom: 0;
	font-size: 20px;
}

.p-itRisk__relatedLink {
	color: var(--color_main);
	text-decoration: underline;
}

.p-itRisk__relatedLink:hover {
	text-decoration: none;
}

/* ===== チェックリスト ===== */
.p-itRisk__check {
	margin-bottom: 80px;
}

.p-itRisk__checkBody {
	line-height: 1.8;
}

.p-itRisk__checkBody ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.p-itRisk__checkBody ul li {
	position: relative;
	padding-left: 28px;
	margin-bottom: 16px;
	line-height: 1.8;
}

.p-itRisk__checkBody ul li:last-child {
	margin-bottom: 0;
}

/* チェックアイコン（single-risk.php の p-risk__check と同じ意匠） */
.p-itRisk__checkBody ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	display: block;
	width: 16px;
	height: 16px;
	border: 2px solid #0c4394;
	box-sizing: border-box;
	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='%230c4394' stroke-width='4' d='M4 12l5 5L20 6'/%3E%3C/svg%3E");
	background-size: 14px;
	background-position: center;
	background-repeat: no-repeat;
}

.p-itRisk__checkBody strong,
.p-itRisk__checkBody b {
	font-weight: 700;
}

/* ===== バナー ===== */
/* マークアップ・意匠は TOPページの .p-home-banners__item と同一。
   スタイル本体は home.css を流用（functions.php で本ページ用に読み込み）。
   本ページでは 1 バナーのみのため、.p-home-banners のTOP用の大きな余白は打ち消す。 */
.p-itRisk__banner.p-home-banners {
	padding: 0;
	margin-bottom: 80px;
}

/* ===== SP ===== */
@media screen and (max-width: 599px) {

	.p-itRisk {
		margin-top: 40px;
	}

	.p-itRisk__intro {
		flex-direction: column;
		gap: 32px;
		margin-bottom: 56px;
	}

	.p-itRisk__introProfile {
		width: 60%;
		max-width: 220px;
		margin: 0 auto;
	}

	.p-itRisk__introPosition {
		font-size: 14px;
	}

	.p-itRisk__introName {
		font-size: 20px;
	}

	.p-itRisk__introBody {
		font-size: 14px;
	}

	.p-itRisk__introBody p {
		margin-bottom: 16px;
	}

	.p-itRisk__related {
		margin-bottom: 56px;
	}

	.p-itRisk__relatedList {
		gap: 16px;
	}

	.p-itRisk__relatedItem.c-heading-leftLine {
		font-size: 16px;
	}

	.p-itRisk__check {
		margin-bottom: 56px;
	}

	.p-itRisk__checkBody {
		font-size: 14px;
	}

	.p-itRisk__banner.p-home-banners {
		margin-bottom: 56px;
	}
}