@charset "shift_JIS";


/* [header] */

div#jp1PageTitleArea1{
	background:#4972c7 url('/Prod/comp/soft1/jp1/feature/ransomware_security/images/topBrandingBack.png') no-repeat center;
	background-size:1330px auto;
	height:450px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	position:relative;
	overflow:hidden;
}
div#jp1PageTitleArea1.FeatureTitle3:after{
	content:"";
	display:block;
	background:url('/Prod/comp/soft1/jp1/feature/ransomware_security/images/topBrandingIcon.png') no-repeat right 15px;
	background-size:auto 400px;
	width:1210px;
	height:450px;
	position:absolute;
	top:0;
	right:calc(50% - 700px);
	z-index:10;
}
div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1{
	width:calc((50% - 482.5px) + 850px);
	margin:0;
	overflow:hidden;
}
div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 div#PageTitleInner{
	display:flex;
	background:rgba(31, 61, 182, 0.4);
	transform:skew(-25deg);
	margin:0 100px 0 -100px;
	padding:30px 0;
	position:relative;
	z-index:11;
}
div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
	color:#FFF;
	transform:skew(25deg);
	margin-left:calc(50vw - 380.5px);
	box-sizing:border-box;
	font-size:138%;
}
div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1 a{
	pointer-events:none;
	display:block;
	font-weight:bold;
	font-size:130%;
	margin-bottom:15px;
}
div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1 span:first-child{
	font-size:90%;
}
div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1 span:not(:first-child){
	font-size:100%;
	font-weight:bold;
}

div#TitleSubTextArea{
	width:965px;
	box-sizing:border-box;
	margin:0 auto;
	color:#FFF;
	padding:30px 0;
	position:relative;
	z-index:11;
	font-size: 85%;
}
div#TitleSubTextArea ul.titleListStyle{ margin:0 0 15px 15px; }
div#TitleSubTextArea ul.titleListStyle li:before{
	content:"・";
	margin-left:-1em;
}


/* [InnerLinks] */
nav{
	background:var(--ransomBlue);
}
ul#horizontalInnerLinks{
	width:965px;
	box-sizing:border-box;
	flex-wrap:wrap;
	justify-content:center;
	gap:5px;
	padding:10px 15px;
	margin:0 auto;
}
ul#horizontalInnerLinks li a{
	color:#FFF;
	display:inline-block;
	padding:0 10px 0 5px;
}
ul#horizontalInnerLinks li:not(:last-child) a{
	border-right:1px solid #0092B9;
}
ul#horizontalInnerLinks li a:before{
	content:"▽";
	margin-right:0.2em;
}

/*[全ブロック共通]*/
:root{
	--ransomBlue:#215F9A;
}
section{
	padding:0 0 20px;
}

div.ransomSecBlock{
	padding:30px 15px;
	text-align:center;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
div.ransomSecBlock h2{
	font-weight:bold;
	text-decoration:underline;
}
mark.circleItem{
	background:none;
	font-size:70%;
	margin:0.1em 0.2em 0 0;
}

div#ransomSec02Area dl dt a{
	color: #08427c;
}

div#ransomSec02Area dl dt a:after{
	content: "▽";
	margin-left: 0.2em;
}

.ransomText{
	font-weight:bold;
	color:var(--ransomBlue);
}

div.iconTextArray :is(dl, dd){
	display:flex;
	flex-direction:column;
}
div.iconTextArray dt{
	color:var(--ransomBlue);
	font-weight:bold;
	padding-top:140px;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:auto 130px;
	margin-bottom: 15px;
}
div.iconTextArray dd{
	font-size:83%;
	flex:1;
	justify-content:end;
	text-align: left;
}

div.BoxPatternB,
div.BoxPatternC{
	background-color:#FFF;
}
div.BoxPatternB,
div.BoxPatternC{
	border-radius:15px;
}
.addBtmArrow{
	position:relative;
	padding-bottom:20px;
	margin-bottom:20px;
}
.addBtmArrow:after{
	content:"";
	border:30px solid rgba(255, 255, 255, 0);
	border-top:20px solid #C00;
	position:absolute;
	bottom:-40px;
	left:calc(50% - 30px);
}
.caption{ color:#C00000; }
.FlexWrap{
	gap:25px;
}
.FlexWrap.addGap20{ gap:20px; }
.FlexWrap.addGap30{ gap:30px; }


/*[ランサムウェア対策の課題]*/
div#ransomSec01Area{
	background:#F4F4F4;
}

div#ransomSec01Area div.flexItem{
	width: 260%;
}

div#ransomSec01Area p.ImgOnlyStyle{
	margin:auto 0;
}

/*[JP1 ランサムウェア対策の全体像]*/
div#ransomSec02Area h2{
	color:var(--ransomBlue);
}

div#ransomSec02Area dl mark.circleItem{
	margin-right:1em;
	border-color:var(--ransomBlue);
	border-width:1.5px;
}
div#ransomSec02Area dl :is(dt, mark.circleItem){
	color:var(--ransomBlue);
	font-weight:bold;
}
div#ransomSec02Area dl dd{
	padding:0 0 3px 2em;
}


/*[脆弱性対策]*/
div#ransomSec03Area{
	background:#DCEAF7;
}
div#ransomSec03Area div.iconTextArray dl:first-child dt{
	background-image:url('/Prod/comp/soft1/jp1/feature/ransomware_security/images/RansomProtect03.png');
}
div#ransomSec03Area div.iconTextArray dl:first-child + dl dt{
	background-image:url('/Prod/comp/soft1/jp1/feature/ransomware_security/images/RansomProtect04.png');
}
div#ransomSec03Area div.iconTextArray dl:last-child dt{
	background-image:url('/Prod/comp/soft1/jp1/feature/ransomware_security/images/RansomProtect05.png');
}


/*[アクセス制御・暗号化抑止]*/
div#ransomSec04Area{
	background:#DEEEEE;
}
div#ransomSec04Area .BoxPatternB h3{ color:var(--ransomBlue); }
div#ransomSec04Area :is(.BoxPatternB, .Inner, .accompanyingText){
	display:flex;
	flex-direction:column;
}
div#ransomSec04Area :is(.Inner, .accompanyingText){
	flex:1;
}
div#ransomSec04Area .accompanyingText{
	justify-content:end;
}

div#ransomSec04Area div.iconTextArray dl:first-child dt{
	background-image:url('/Prod/comp/soft1/jp1/feature/ransomware_security/images/RansomProtect09.png');
}
div#ransomSec04Area div.iconTextArray dl:first-child + dl dt{
	background-image:url('/Prod/comp/soft1/jp1/feature/ransomware_security/images/RansomProtect10.png');
}
div#ransomSec04Area div.iconTextArray dl:last-child dt{
	background-image:url('/Prod/comp/soft1/jp1/feature/ransomware_security/images/RansomProtect11.png');
}

/*[感染前に戻すためのバックアップ]*/
div#ransomSec05Area{
	background:#DCEAF7;
}
div#ransomSec05Area .addBtmArrow{
	justify-content:center;
}
div#ransomSec05Area .addBtmArrow :is(#ransomSecBox01, #ransomSecBox02){
	border:1px solid;
	padding:10px 20px;
}
div#ransomSec05Area .addBtmArrow h3{ color:#000; }
div#ransomSec05Area .addBtmArrow #ransomSecBox01{
	border-color:#595959;
	background:#F2F2F2;
}
div#ransomSec05Area .addBtmArrow #ransomSecBox02{
	border-color:#C00000;
	background:#FFF;
}

div#ransomSec03Area p.ramsomCopyText,
div#ransomSec04Area p.ramsomCopyText,
div#ransomSec05Area p.ramsomCopyText{
	font-size: 110%;
}

div#ransomSec05Bottom p.ImgOnlyStyle{
	padding:15px;
	margin-bottom:15px;
	background:#FFF;
	box-sizing:border-box;
	height:300px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
div#ransomSec05Bottom dt{
	color:var(--ransomBlue);
	font-weight:bold;
	margin-bottom:10px;
}


/*[まとめ]*/
div#ransomSec06Area{
	background:#215F9A;
	color:#FFF;
}
div#ransomSec06Area dl.CircleList{
	display:inline-block;
	text-align:left;
}
div#ransomSec06Area dl.CircleList dt{
	font-weight:bold;
	font-size:100%;
}
div#ransomSec06Area dl.CircleList dt:before{
	background:#FFF;
}
div#ransomSec06Area div.BoxPatternC p.TextStyle1 strong{
	color:var(--ransomBlue);
	font-size:105%;
}

/*[関連資料]*/
div#ransomSec07Area ul.DownloadLinkList li{
	max-width:80%;
	margin:0 auto 15px;
}
div#ransomSec07Area ul.DownloadLinkList li a{
	display:block;
	color:#FFF;
	font-weight:bold;
	background:var(--ransomBlue);
	padding:20px;
	border-radius:2em;
	text-align:center;
}
div#ransomSec07Area ul.DownloadLinkList li a span{
	background:url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif) no-repeat center right;
	padding-right:25px;
	background-size:25px;
}
div#ransomSec07Area ul.DownloadLinkList li a span b{
	font-size:130%;
}

/*[お問い合わせ]*/
#InquiryHeader .Inquiry{
	margin-top:15px;
}
#InquiryHeader .Inquiry > a{
    margin: 0 auto;
    max-width: 650px;
    background: #333 url('/image/jp/r1/icon/icon_inquiry_white_hd.png') no-repeat center right;
    border: 1px solid #2F528F;
    display: block;
    background-position-x: calc(100% - 25px);
    padding: 15px 55px;
}
#InquiryHeader .Inquiry > a:hover{
    text-decoration: none;
    opacity: 0.7;
}

#InquiryHeader .Inquiry span{
    display: block;
    color: #FFF;
}

#InquiryHeader .Inquiry span{
    font-weight: bold;
    font-size: 90%;
}

#InquiryHeader div#BoxBottom{
	max-width:760px;
	box-sizing:border-box;
	margin:0 auto;
	padding:20px;
	text-align:left;
	background:#FFF;
}

#InquiryHeader div#BoxBottom h3{
	font-size:100%;
	color:#000;
}
#InquiryHeader div#BoxBottom h4{
	font-weight:normal;
	line-height:110%;
}


/*丸付きリスト */
dl.CircleList dt,
ul.CircleList li{
	font-size:90%;
	margin-left:20px;
	text-indent:-20px;
}
dl.CircleList dt:before,
ul.CircleList li:before{
	content:"";
	display:inline-block;
	border-radius:50%;
	margin-right:10px;
	width:10px;
	height:10px;
	background:#333;
}
dl.CircleList dd{
	font-size:90%;
	margin-left:20px;
	margin-bottom:10px;
}

ul.CircleList.ransomVer li:before{ background:var(--ransomBlue); }


/* for - 1200px
=========================================================================================== */
@media screen and (max-width:1200px){
	.JS div#jp1PageTitleArea1.FeatureTitle3:after{
		right:0;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1{
		width:90%;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
		max-width:calc(100vw - 380px);
	}
}

/* for - 994px
=========================================================================================== */
@media screen and (max-width:994px){
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
		margin-left:115px;
	}
	.JS div#TitleSubTextArea{ width:100%; }
}
/* for - 965px
=========================================================================================== */
@media screen and (max-width:964px){
	.JS div#TitleSubTextArea{
		padding:30px 15px;
	}
}
/* for - 900px
=========================================================================================== */
@media screen and (max-width:899px){
	
}

/* for - 860px
=========================================================================================== */
@media screen and (max-width:859px){


}
/* for - 768px
=========================================================================================== */
@media screen and (max-width:767px){
	.JS div#jp1PageTitleArea1{
		justify-content:normal;
		height:auto;
		padding-bottom:250px;
		z-index:1;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3:after{
		background-size:auto 100%;
		background-position-x:60%;
		width:127%;
		height:285px;
		top:auto;
		right:-50px;
		bottom:0;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1{
		width:100%;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 div#PageTitleInner{
		transform:none;
		margin:50px 0 0;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
		text-shadow:none;
		transform:none;
		margin:0 15px;
		max-width:none;
	}
	.JS .FlexWrap{
		display:flex;
		flex-direction:column;
	}
	.JS ul#horizontalInnerLinks{ width:calc(100% - 30px); }
	.JS ul#horizontalInnerLinks li{
		text-align:center;
		border-bottom:1px solid #0092B9;
	}
	.JS ul#horizontalInnerLinks li:last-child{
		border:none;
	}
	.JS ul#horizontalInnerLinks li:not(:last-child) a{
		border-right:none;
	}

	.JS div#ransomSec01Area div.flexItem{
		width: 100%;
	}

	.JS div#ransomSec05Bottom p.ImgOnlyStyle{ height:auto; }
}
/* for - 600px
=========================================================================================== */
@media screen and (max-width:599px){

}
/* for - 580px
=========================================================================================== */
@media screen and (max-width:579px){
}
/* for - 480px
=========================================================================================== */
@media screen and (max-width:479px){

}
/* for - 400px
=========================================================================================== */
@media screen and (max-width: 399px){


}