@charset 'UTF-8';
.sec-inner-hr{
	border-bottom: 1px solid #c9d1da;
	width: 100%;
	margin: 3.75rem auto;
}
/*
==================================================
回線の負荷軽減したい　/case/network/　style
==================================================
*/

@media screen and (min-width: 40em) {

	.sec-page-top .sec-top-dl{
		margin-top:30px;
	}
	.inner-link-lists{
		max-width: 770px;
		justify-content: center;
		margin-top:100px;
	}
	.inner-link-li{
		text-align: center;
	}
	.inner-link-li .downarrow-link{
		max-width: 360px;
	}
	.inner-link-li .downarrow-link.line1{
		line-height: 3.2;
	}
	.inner-link-text{
		display: inline-block;
		margin-bottom: 10px;
	}
	/*torocca*/
	.ttl-cdn span{
		display: block;
		font-size:1rem;
		/*margin-bottom:0.5rem;*/
	}
	.ttl-cdn img{
		margin-top:10px;
		width: 310px;
		height: 53px;
		object-position: center;
		object-fit: cover;
	}
	.cdn-text{
		text-align: center;
		margin-bottom: 30px;
	}
	.torocca-box{
		padding:20px 10px 0;
		border: 1px solid #3366cc;
		background:#fff;
		margin:30px auto;
	}
	.torocca-box .feature02,.torocca-box .feature03{
		display: table;
	}
	.torocca-box .feature-img{
		display: table-cell;
		width: 30%;
		vertical-align: middle;
	}
	.torocca-box .feature-img img{
		width:112px;
		height:80px;
		object-fit: contain;
		object-position: center;

	}

	/*アルタスディレクトリバックアップ*/
	.altusbackup-area{
		margin:30px auto;
		padding:30px 0 20px;
	}
	.bg-green{background: rgba(68, 183, 150, 0.1);}
	.ttl-altusbackup span{
		display: block;
		font-size:1rem;
		margin-bottom:0.5rem;
	}
	.altusbackup-text{text-align: center;}
	.callout.altusbackup-box{
		position: relative;
		width: 100%;
		border: 2px solid #3366cc;
		padding:4.5rem  1.6rem 1.6rem;
		background-color: transparent;
	}
	.callout.altusbackup-box .ttl-h5{
		color:#fff;
		background: #3366cc;
		padding: 9px 17px;
		position: absolute;
		top:0;
		left:0;
	}
	.altusbackup-img img{
		width: 420px;
		height: 150px;
		object-position: center;
		object-fit: contain;
	}
	.altusbackup-img.snapshot-img img{
		object-position: top;
	}
}

@media screen and (max-width: 39.9375em) {
	.inner-link-text{
		display: block;
		margin-bottom: 10px;
		font-size: 1rem;
		text-align: center;
	}
	.ttl-cdn span{
		display: block;
		font-size:0.9rem;
	}
	.ttl-cdn img{
		margin-top:10px;
		width: 200px;
		height: 40px;
		object-position: center;
		object-fit: cover;
	}
	.torocca-box{
		padding:20px 10px 0;
		border: 1px solid #3366cc;
		background:#fff;
		margin-bottom:20px;
	}
	.torocca-box .feature02,.torocca-box .feature03{
		display: table;
	}
	.torocca-box .feature-img{
		display: table-cell;
		width: 25%;
		vertical-align: middle;
	}
	.ttl-altusbackup span{
		display: block;
		font-size:0.9rem;
		margin-bottom:0.5rem;
	}
	.altusbackup-area{
		margin:30px auto;
		padding:30px 0 20px;
	}
	.bg-green{background: rgba(68, 183, 150, 0.1);}

	.callout.altusbackup-box{
		position: relative;
		width: 100%;
		border: 2px solid #3366cc;
		padding:3.2rem  1.6rem 1.6rem;
		background-color: transparent;
	}
	.callout.altusbackup-box .ttl-h5{
		color:#fff;
		background: #3366cc;
		padding: 9px 17px;
		position: absolute;
		top:0;
		left:0;
	}
	.altusbackup-img{
		padding:1rem;
		/*background: rgba(68, 183, 150, 0.1);*/
	}


}