@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:500,700|PT+Sans:400i,700,700i");#case{padding-bottom:70px !important}@media (max-width: 1199px){#case{padding-bottom:60px !important}}@media (max-width: 991px){#case{padding-bottom:5px !important}}@media (max-width: 767px){#case{padding-bottom:15px !important}}.caseList li{margin-bottom:50px;font-weight:600;font-size:2rem}@media (max-width: 1199px){.caseList li{margin-bottom:40px}}@media (max-width: 991px){.caseList li{margin-bottom:35px;font-size:1.7rem}}@media (max-width: 767px){.caseList li{margin-bottom:25px;font-size:1.5rem}}.caseList li a{color:#2C4273;text-decoration:underline}.caseList li a:hover{color:#D40066}.caseList li p{margin-top:10px}@media (max-width: 767px){.caseList li p{margin-top:5px}}.object-fit-img{width:100%;height:200px;object-fit:cover}@media (max-width: 1199px){.object-fit-img{height:150px}}@media (max-width: 991px){.object-fit-img{height:110px}}@media (max-width: 767px){.object-fit-img{height:90px}}.pagerList{text-align:center}.pagerList li{display:inline-block;color:#2C4273}.pagerList li.cur span,.pagerList li a{padding:5px 10px;display:block;border:2px solid #2C4273;font-size:1.8rem}.pagerList li.cur span{color:#2C4273}.pagerList li a{background:#2C4273;color:#FFF}
/* 導入事例 横長ボックス */
.caseList li .caseBox {
	display: flex;
	align-items: stretch;
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
	color: #333;
	text-decoration: none;
	overflow: hidden;
	box-sizing: border-box;
	transition: box-shadow 0.3s ease;
}

.caseList li .caseBox:hover {
	color: #333;
	text-decoration: none;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.caseList li .caseBox:focus-visible {
	outline: 3px solid #2C4273;
	outline-offset: 3px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.caseBox-image {
	width: 30%;
	flex-shrink: 0;
}

.caseBox-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.caseBox-content {
	width: 70%;
	padding: 32px 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
}

.caseBox-content h3 {
	margin: 0 0 10px;
	padding-bottom: 8px;
	font-size: 2.4rem;
	color: #333;
	border-bottom: 3px solid #ddd;
}

.caseList li .caseBox-content p {
	margin: 0 0 10px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.6;
	color: #333;
}

.caseBox-link {
	font-size: 1.6rem;
	font-weight: 700;
	color: #2C4273;
	display: block;
	margin-top: 6px;
}

/* スマートフォン */
@media (max-width: 767px) {

	.caseList li .caseBox {
		display: block;
	}

	.caseBox-image {
		width: 100%;
	}

	.caseBox-image img {
		width: 100%;
		height: auto;
	}

	.caseBox-content {
		width: 100%;
		padding: 20px;
	}

	.caseBox-content h3 {
		font-size: 2rem;
	}

	.caseList li .caseBox-content p {
		font-size: 1.4rem;
	}
}


@media (prefers-reduced-motion: reduce) {
	.caseList li .caseBox {
		transition: none;
	}
}

.caseList li .caseBox:hover .caseBox-link,
.caseList li .caseBox:focus-visible .caseBox-link {
	color: #D40066;
}

.pagerList li a:focus-visible {
	outline: 3px solid #2C4273;
	outline-offset: 3px;
}

/* Internet3 ブランド表記：数字の3のみアクセントカラー */
.internet3-num {
	color: #D40066;
}