@charset "UTF-8";

/* ====================================
	製品セキュリティのスタイル

	対象 : /corporate/info/product-security/
	       /corporate/info/product-security/disclosure-policy/
	       /corporate/info/product-security/advisory-list/
 ==================================== */

/* ====================================
	本文
 ==================================== */
.product-security-body {
	counter-reset: section;
	max-inline-size: 860px;
	margin-inline: auto;
	line-height: 1.8;
}

.product-security-section {
	counter-increment: section;
	margin-block-start: 2rem;
}

/* 見出しの連番 */
.product-security-section>.content-subtitle::before {
	content: counter(section) '. ';
}

.product-security-text+.product-security-text {
	margin-block-start: 1.6rem;
}

/* 注記 */
.product-security-note {
	margin-block-start: 1.2rem;
	font-size: 1.2rem;
}

/* 地の文のリンク */
.product-security-body .link-underline {
	color: var(--link-blue);
}

/* ====================================
	脆弱性情報開示ポリシー
 ==================================== */
.product-security-refs {
	margin: 3rem 0 0;
	padding: 0;
	list-style: none;
	font-size: 1.2rem;
}

.product-security-refs>li {
	display: flex;
	gap: .6rem;
}

.product-security-refs__mark {
	flex: none;
}

/* ====================================
	製品セキュリティアドバイザリ
 ==================================== */
.advisory-list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-block-start: 1px solid var(--gray-300);
}

.advisory-list__item {
	padding-block: 2rem;
	border-block-end: 1px solid var(--gray-300);
}

.advisory-list__date {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.4;
}

.advisory-list__title {
	margin-block-start: .6rem;
	line-height: 1.7;
}

.advisory-list__note {
	font-size: 1.2rem;
}

@media print,
screen and (768px <=width) {

	.advisory-list__item {
		display: flex;
		align-items: center;
		gap: 3rem;
		padding-block: 2.5rem;
	}

	.advisory-list__date {
		flex: none;
		inline-size: 18rem;
		font-size: 1.6rem;
	}

	.advisory-list__title {
		flex: 1;
		min-inline-size: 0;
		margin: 0;
	}
}

/* ====================================
	関連ページへのリンク
 ==================================== */
.product-security-nav {
	--product-security-nav-height: 40px;
	padding-block: 5rem 3rem;
	border-block-start: 1px solid var(--gray-300);
}

.product-security-nav__heading {
	font-size: 1.8rem;
	line-height: 1.6;
}

.product-security-nav__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-block-start: 2rem;
}

.product-security-nav__button {
	display: flex;
	justify-content: center;
	align-items: center;
	min-block-size: var(--product-security-nav-height);
	padding: .7rem 2rem;
	border: 1px solid var(--black);
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.4;
	text-align: center;
}

/* 現在ページ */
.product-security-nav__button.active {
	background: var(--gray-300);
}

@media (hover:hover) and (pointer: fine) {

	.product-security-nav__button:hover {
		background: var(--gray-100);
		text-decoration: none;
	}

	.product-security-nav__button.active:hover {
		background: var(--gray-300);
	}
}

@media print,
screen and (768px <=width) {

	.product-security-nav {
		padding-block: 6rem 3rem;
	}

	.product-security-nav__heading {
		font-size: 2.2rem;
	}

	.product-security-nav__list {
		flex-direction: row;
		flex-wrap: wrap;
		margin-block-start: 3rem;
	}

	.product-security-nav__button {
		min-inline-size: 160px;
	}
}