p{
	line-height:1.7;
}

main#main{
	margin-top:8rem;
}

.lpInner{
	width:100%;
	max-width:99rem;
	margin:0 auto;
	padding:7rem 0;
}

.firstView{
	width:100%;
	height:37.2rem;
	background:linear-gradient(90deg,#0E69E2,#0E5EC8);
}

.firstView .lpInner{
	padding:0;
	display:flex;
	justify-content: space-around;
	align-items:center;
}

.fvLeft{
	/* width:42.22%; */
	width:43.22%;
}

.fvRight{
	width:40.61%;
}

h1 .speechBubble{
	position:relative;
	display:block;
	background:#FFD600;
	color:#0549A3;
	text-align:center;
	font-size:2rem;
	border-radius:10rem;
	padding:.8rem 0rem;
	margin-bottom:2.6rem;
}

h1 .speechBubble:after{
	position:absolute;
	content:"";
	background:center / contain no-repeat url(../img/anti_ransomware_solutions/fv_arrow.svg);
	width:2.174rem;
	height:1.812rem;
	bottom:-1.812rem;
	left:0;
	right:0;
	margin:0 auto;
}

h1 > .copy{
	display:block;
	color:#fff;
	font-size:4.6rem;
	text-align:center;
}

h1 > .copy span{
	display:block;
}

h1 > .copy > span:nth-of-type(1){
	font-size:6rem;
}

.fvRight{
	text-align:center;
}

.fvRight img{
	width:100%;
	height:auto;
}

.lpInner h2{
	font-size:2.8rem;
	text-align:center;
	color:#000000;
	position:relative;
	margin-bottom:3.2rem;
}

.read h2{
	margin-bottom:1.6rem;
}

.read h2 span{
	position:relative;
	z-index:1;
}

.read h2 span:nth-of-type(1):after{
	position:absolute;
	content:"";
	background:#FFD600;
	width:100%;
	height:1.7rem;
	bottom:0;
	left:0;
	z-index:-1;
}

.read h2 span:nth-of-type(2){
	font-size:3.8rem;
	color:#0E69E2;
}

.col3{
	justify-content: space-between;
	flex-wrap:nowrap;
	margin:3.2rem auto 0;
}

.col3Child{
	width:31.72%;
	margin:0;
	text-align:center;
}

.col3Child img{
	width:70.38%;
}

.col3Child h3{
	position:relative;
	margin:1.2rem 0 1.8rem;
	font-size:2rem;
}

.col3Child h3:after{
	position:absolute;
	content:"";
	background:#0E69E2;
	width:6.3rem;
	height:.4rem;
	bottom:-1rem;
	left:0;
	right:0;
	margin:0 auto;
}

.route{
	background:#EDF3FF;
}

.route h2 span{
	color:#0E69E2;
}

.routeContentBox{
	width:100%;
	background:#fff;
	padding:2.4rem 1.6rem;
	border-radius:.8rem;
	box-shadow: 0 .1rem 1rem rgba(14,105,226,.06);
	margin-bottom:1.6rem;
	display:flex;
	justify-content: space-between;
	align-items: stretch;
}

.rcLeft{
	width:19.39%;
	display: flex;
}

.rcLeft h3{
	color:#fff;
	background:linear-gradient(90deg,#28BBF8,#0E69E2);
	text-align:center;
	font-size:2rem;
	width:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	border-radius:.8rem;
}

.rcRight{
	width:74.95%;
	/* padding-left:4.72%; */
}

.rcRight h4{
	font-size:1.8rem;
	position:relative;
}

.rcRight h4:before{
	position:absolute;
	content:"";
	background:center / contain no-repeat url(../img/anti_ransomware_solutions/route_icon.svg);
	width:2.9rem;
	height:2.9rem;
	top:0;
	/* bottom:0; */
	left:-3.4rem;
	margin:auto 0;
}

.rcRight h4 + p{
	margin:1rem 0 1.8rem;
}

.rcRight h4:nth-of-type(2) + p{
	margin:1rem 0 0;
}

.note ul{
	list-style: none;
	margin:0;
	padding:0;
	text-align: right;
}

.note ul li{
	font-size:1.2rem;
}

.note ul li a{
	text-decoration:underline;
	font-size:1.2rem;
	color:#0E69E2;
}

.case{
	background:linear-gradient(45deg,#28BBF8,#0E69E2);
}

.case h2{
	color:#fff;
}

.col2{
	justify-content: space-between;
}

.col2Child{
	width:48.38%;
	background:#fff;
	margin:0 0 3.2rem;
	padding:1.6rem 2.3rem;
	border-radius:.8rem;
	text-align:center;
}

.col2Child:nth-of-type(3),.col2Child:nth-of-type(4){
	margin-bottom:0;
}

.col2Child img{
	width:12.7rem;
	height:auto;
}

.col2Child h3{
	position:relative;
	font-size:2rem;
	display: flex;
    justify-content: center;
    align-items: center;
}

.col2Child h3 span{
	display:inline-block;
	background:linear-gradient(90deg,#FFD600,#FFC507);
	color:#000;
	border-radius:.6rem;
	padding:.4rem .5rem .2rem;
	margin-right:.8rem;
	font-size:1.6rem;
}

.col2Child p{
	text-align:left;
}

.solution h2 span{
	color:#0E69E2;
}

.solution h2{
	margin-bottom:1.6rem;
}

.solution h2 + p{
	text-align:center;
}

.solution h2 + p span{
	color:#0E69E2;
}

.solution .col3{
	margin: 2rem auto 0;
}

.solution .col3 .col3Child{
	background:#fff;
	border-radius: .8rem;
	border:.2rem solid #D5E3FF;
	display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}

.solution .col3 .col3Child .spanTag{
	background:#0E69E2;
	border:.2rem solid #0E69E2;
	border-top-left-radius: .6rem;
	border-top-right-radius: .6rem;
	color:#fff;
	font-size:1.6rem;
	text-align: center;
	padding:.4rem 0;
	line-height:1.3;
	width:100%;
	height:5.4rem;
	display:flex;
	justify-content: center;
	align-items: center;
}

.solution .col3 .col3Child img{
	width:calc(100% - 2.4rem);
	margin:.8rem auto 0;
}

.solution .col3 .col3Child h3{
	position: relative;
	margin-top:0;
}

.solution .col3 .col3Child h3:after {
    position: absolute;
    content: "";
    background: #FFD600;
    width: 6.3rem;
    height: .4rem;
    bottom: -1rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.solution .col3 .col3Child h3 + p{
	text-align: left;
	margin:0 auto 1.6rem;
	width:calc(100% - 2.4rem);
}

.solution .col3 .col3Child .commonButton{
	margin:auto auto 2.6rem;
	min-width:auto;
	width:22rem;
}

br.sp{
	display:none;
}

sup{
	font-size:50%;
}

@media(max-width:1200px){
	main#main{
		margin-top:10rem;
	}
}

@media(max-width:1050px){
	.lpInner{
		padding:7rem 1.5rem;
	}
	h1 .speechBubble{
		font-size: 1.9vw;
	}
	h1 > .copy{
		font-size: 4.3vw;
	}
	h1 > .copy > span:nth-of-type(1){
		font-size: 5.8vw;
	}
	.firstView{
		height:auto;
	}
	.solution .col3 .col3Child .spanTag{
		font-size:1.2rem;
	}
	.solution .col3 .col3Child .commonButton{
		width:80%;
	}
}

@media(max-width:768px){
	main#main{
		margin-top:8rem;
	}
	p{
		font-size:1.5rem;
	}
}

@media(max-width:700px){
	.rcLeft h3{
		font-size:1.6rem;
	}
	.rcRight h4:before{
		width:1.6rem;
		height:1.6rem;
		top:.8rem;
		left: -2.4rem;
	}
}

@media(max-width:599px){
	br.sp{
		display:block;
	}
	main#main{
		margin-top:6rem;
	}
	.lpInner h2{
		font-size:2.4rem;
		margin-bottom:2.4rem;
	}
	.read h2 span:nth-of-type(2){
		font-size:3.2rem;
	}
	.firstView .lpInner{
		flex-wrap:wrap;
		padding:3.2rem 1.5rem;
	}
	.fvLeft{
		width:100%;
	}
	.fvRight{
		width:100%;
	}
	h1 .speechBubble{
		font-size:4.4vw;
	}
	h1 > .copy{
		font-size: 9.4vw;
	}
	h1 > .copy > span:nth-of-type(1){
		font-size: 12vw;
	}
	.lpInner{
		padding:3.2rem 1.5rem;
	}
	.col3Child{
		width:100%;
		margin-bottom:3.2rem;
	}
	* .col3Child:last-of-type,* .col2Child:last-of-type{
		margin-bottom:0;
	}
	.col3Child img{
		width:80%;
		max-width:32rem;
	}
	.routeContentBox{
		flex-wrap:wrap;
		padding:2rem 1.5rem;
	}
	.rcLeft{
		width:100%;
		margin-bottom:1.2rem;
	}
	.rcRight{
		width:100%;
	}
	.rcLeft h3{
		font-size:2rem;
		border-radius:100rem;
		padding:.8rem;
	}
	.rcRight h4{
		margin-left:1.6rem;
	}
	.rcRight h4:before{
		top: .6rem;
        left: -1.8rem;
	}
	.note ul{
		text-align:left;
	}
	.note ul li{
		word-break: break-all;
	}
	.col2Child{
		width:100%;
		padding: 1.6rem 1.5rem;
	}
	.col2Child:nth-of-type(3){
		margin-bottom:3.2rem;
	}
	.solution h2 + p{
		text-align: left;
	}
	.solution .col3 .col3Child .spanTag{
		/* height:auto; */
		font-size:1rem;
	}
	.solution .col3 .col3Child img{
		width: calc(100% - 3rem);
	}
	.solution .col3 .col3Child h3 + p{
		width: calc(100% - 3rem);
	}
}

@media(max-width:480px){
	.solution .col3 .col3Child .spanTag{
		font-size:1.6rem;
	}
}