/* 情報セキュリティへの取り組み */
.info-security-header {
	margin-top: 6.4rem;
}
.info-security-section {
	margin:3.2rem 0 !important;
}
.info-security-section > ul {
	display: grid;
	gap: 6.4rem;
}
.underline:hover{
	text-decoration: underline;
}
.item-block {
	display: grid;
	gap:3.2rem;
}
.item-block > img {
	max-width: 28rem;
	margin: auto;
}
.item-text-block {
	display: grid;
	font-size: 1.4rem;
}
.item-text-block > h3 {
	font-size: 2.4rem;
	margin-bottom: 1.6rem;
}
.item-text-block p:first-child {
	margin-bottom: 0.8rem;
}
.item-text-block p:last-child {
	margin-top: 0.8rem;
}
.item-text-block ul {
	list-style: disc;
	padding-left: 2.4rem;
}
.info-security-isms {
	display: grid;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 2.4rem;
	margin-top: 6.4rem;
}
.info-security-isms img {
	padding-top: 4px;
	padding-left: 0;
    padding-right: 0;
}

.isms-link {
    
    border: 1px solid #252729;
}
.security-image-container {
    display: flex;
	flex-direction: column;
    align-items: center;
    gap: 2.4rem;
}
.isms-image {
	height: auto;
	width: 12rem;
	padding: 0.4rem 0.8rem;
	box-sizing: border-box;
}
.aws-image {
	width: 113px;
	height: auto;
}
.security-image-container > div{
	display: flex;
	flex-direction: column;
	align-items: anchor-center;
}
.security-image-container > div > span{
	color: #000;
	text-align: center;
	font-family: "Noto Sans CJK JP";
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 24.7px */
}
.security-image-container > div > a{
	color: var(--blue-0, #0974E8);
	font-family: "Noto Sans JP";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%; /* 36px */
}

@media (min-width: 768px) {
	.info-security-header {
		margin-top: 8rem;
	}
	.info-security-section {
		margin:12rem 0 20rem !important;
	}
	.info-security-section > ul {
		max-width: 92rem;
		margin: auto;
		gap:12rem;
	}
	.item-block {
		display: flex;
		align-items: center;
		gap: 8rem;
	}
	.item-block > img {
		max-width: 32rem;
	}
	.item-block:nth-of-type(even) {
		flex-direction: row-reverse;
	}
	.item-text-block {
		font-size: 1.6rem;
	}
	.item-text-block > h3 {
		margin-bottom: 2.4rem;
		font-size: 3.2rem;
	}
	.security-image-container {
		flex-direction: row;
		align-items: flex-start;
	}
	.info-security-isms {
		margin-top: 12rem;
	}
	.isms-image {
		height: 12rem;
		width: auto;
	}
}