@charset "UTF-8";

#ransomware {
	color: #2a2a27;
	font-size:14px;
	line-height: 1.6;
	margin-bottom:60px;
}

#ransomware a{
	color:#278bd1;
	text-decoration: none;
}

#ransomware a:hover{
	text-decoration:underline;
}

#ransomware a img:hover{
	opacity: 0.6;
}

#ransomware h2 {
	font-size:20px;
	font-weight:bold;
	text-align: center;
	margin-bottom:20px;
	line-height: 1.6;
	color:#ed1c24;
}

#tm_title{
	margin:20px 0 30px 0;
}

#ransomware .title_shoulder {
	background:#FFF url(../images/bgi_headline.png) left center repeat-x;
	margin:0 0 40px 0;
	padding:0;
	text-align: center;
}

#ransomware .title_shoulder span{
	display: inline-block;
	color: #ed1c24;
	font-size:28px;
	font-weight:bold;
	margin:0 auto;
	padding:15px 20px;
	line-height:1.4;
	background-color:#fff;
}

#ransomware .diagram_title{
	color:#333;
	font-size:20px;
	text-align:center;
	margin:60px 0 30px 0;
	font-weight:bold;
}

.tm_title_2{
	font-size:28px !important;
	font-weight:bold;
	line-height:1.4;
	color:#204a62;
	text-align: center;
	margin-bottom: 40px;
}

#section_4.tm_title_2{
	padding-top: 20px;
}

.tm_title_2.green{
	color:#30945a;
}

.tm_title_3{
	font-size:24px !important;
	font-weight:bold;
	line-height:1.4;
	color:#333;
	text-align:left;
	margin-bottom:20px;
}

.tm_contents {
	padding:0 120px 40px;
}

.virus_caution{
	background-color:#ffcd48;
	border-radius:3px;
	margin:0 0 140px 0;
	padding:30px 0 30px 30px;
}

.virus_caution:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.virus_caution .item{
	float:left;
	width:230px;
	background-color:#FFF;
	border-radius:3px;
	margin-right:30px;
	padding:20px 25px 0 25px;
	height:165px;
	color:#204a62;
}

.virus_caution .item p{
	text-align: justify;
	text-justify:distribute;
	margin-bottom:15px;
	font-size:15px !important;
	line-height:1.8 !important;
	font-weight:bold;
}

.content_l, .content_r{
	width:432px;
	color:#666;
}

.content_l{
	float:left;
}

.content_r{
	float:right;
}

.content_l p, .content_r p{
	margin-bottom: 10px;
}

#caution_sp{
	margin:120px 0;
	background-color: #f1f1f1;
}

#internal_link ul:after,
#caution_sp:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#caution_sp .content_l{
	width:287px;
	position: relative;
}

#caution_sp .content_l img{
	position: absolute;
	display: block;
	left: 100px;
	top: -47px;
}

#caution_sp .content_l .img_caption{
	position: absolute;
	left:310px;
	top:250px;
	width:600px;
	color: #666;
}

#caution_sp .content_r{
	width:520px;
	padding: 45px 90px 35px 0;
}

#caution_sp .content_r p{
	font-size: 16px;
	line-height: 1.5;
	color: #204a62;
}

.tm_container_red {
	border:3px solid #ff0000;
	margin:20px 0 80px;
	padding:45px 0px;
}

.tm_container_red p{
	font-size:20px !important;
	color:#ed1c24;
	font-weight:bold;
	text-align:center;
	line-height:1.6 !important;
}


#contents #ransomware p.tm_contents_text {
	font-size:16px;
	text-align:left;
	line-height:1.6;
}

.title_wave{
	text-align: center;
	width:380px;
	margin:80px auto 40px auto;
	padding:0 0 12px 0;
	background:url(../images/bgi_wave_line.png) center bottom repeat-x;
}

.title_wave span{
	font-size: 22px;
	font-weight: bold;
	color: #204a62;
	letter-spacing:0px;
}

#tm_archive {
	border:1px solid #ddd;
	background: #fff;
/*
	margin:0 45px 130px 45px ;
*/
	margin:60px 65px 0px 65px;
	padding:39px 29px 39px 39px;
}

#tm_archive .title{
	font-size: 18px;
	font-weight: normal;
	background:url(../images/bgi_dot_gray.png) left bottom repeat-x;
	padding-bottom:8px;
	margin-bottom: 25px;
	color:#204a62;
}

#tm_archive li{
	margin-bottom:20px;
}

#tm_archive li a{
	background:url(../images/ico_book.png) left center no-repeat;
	padding-left:35px;
}

.solution_box{
	margin-bottom: 30px;
}

.solution_box .title{
	font-size: 28px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background:#FFF url(../images/bgi_title_red.png) left top no-repeat;
	height:89px;
	padding:30px 0 0 0;
}

.solution_box .body{
	border:3px solid #f00;
	border-top:none;
	margin-top: -2px;
	padding: 30px 0;
}

.solution_box .title_function {
  color: #fff;
  background: #d61e20;
  text-align: center;
  font-size: 22px;
  padding: 8px 0;
  margin-bottom: 20px;
}

.check_list{
	margin-left: 220px;
}

.check_list li{
	background:url(../images/ico_ttl.gif) left center no-repeat;
	font-size: 20px !important;
	color: #204a62;
	margin-bottom:25px;
	padding-left:40px;
}

#free-trial{
	margin-bottom:60px;
	position:relative;
	width:964px;
	height:325px;
	background:url(../images/bgi_vb10.jpg) left top no-repeat;
}

#free-trial.r201609{
	background:url(../images/bgi_vb10-201609.png) left top no-repeat;
}

#free-trial p{
	position:absolute;
	left:435px;
	top:210px;
}

#free-trial.r201609 p{
	top:190px;
}

ul.free_trial li {
	margin-bottom:60px;
	position:relative;
	width:964px;
	min-height:280px;
}

ul.free_trial li p {
	position:absolute;
	left:435px;
	top:200px;
}

ul.free_trial li.vb {
	background: #d61e20 url(../images/banner_vb2_201909.png) left top 45px no-repeat;
	border-radius: 3px;
	padding: 45px 0;
}
ul.free_trial li.vb.vb2023{
	background: #d61e20 url(../images/banner_vb2_202302.png) left top 45px no-repeat;
}

ul.free_trial li.vbmac {
	background: #d61e20 url(../images/banner_vbmac2_201909.png) left top 45px no-repeat;
	border-radius: 3px;
	padding: 45px 0;
}
ul.free_trial li.vbmac.vbmac2023 {
	background: #d61e20 url(../images/banner_vbmac2_202302.png) left top 45px no-repeat;
}


ul.free_trial li.vbm {
	background: #d61e20 url(../images/banner_vbm2_201808.png) left top 45px no-repeat;
	border-radius: 3px;
	padding: 45px 0;
}




.link_box{
	margin:0 65px 40px 65px;
	padding:30px 40px 10px 40px;
	border:4px solid #204a62;
}

.link_box p{
	margin-bottom:20px;
	line-height:1.8 !important;
}

.link_box .title{
	font-size:20px !important;
	font-weight:bold;
	color:#204a62;
	text-align:center;
}

.link_box.green{ border:4px solid #30945a; }
.link_box.green .title{ color:#30945a; }

.link_box.gray{ border:4px solid #DDD; }
.link_box.gray .title{ color:#333; }

.link_box.large{
	margin:0 0px 40px 0px;
}

#internal_link li{
	float:left;
	width:28%;
}

#internal_link li.line_1{
	width:22%;
}

#internal_link{
	margin-bottom: 50px;
}

#internal_link li a{
	display: block;
	width:100%;
	height:80px;
	padding-top: 10px;
	background:url(../images/btn_to_bottom.png) center bottom no-repeat;
	text-align: center;
	color: #204a62;
	font-size: 16px;
	font-weight: bold;
	position: relative;
}

#internal_link .line_1 a{
	height:70px;
	padding-top: 20px;
}

.border_dot_r{
	background:url(../images/bgi_dot_gray_v.png) right top no-repeat;
}


.fw_b{ font-weight: bold; }

.mb-40{ margin-bottom:40px; }
.mb-50{ margin-bottom:50px; }

.mr-10{ margin-right:10px; }

.mt-40{ margin-top:40px; }

.ml-470{ margin-left:470px; }

.w_25p{width:25%;}
.w_30p{width:30%;}
.w_40p{width:40%;}
.w_60p{width:60%;}
.w_70p{width:70%;}
.w_75p{width:75%;}


#ransomware .fz_12{ font-size: 12px; line-height: 1.6; }
#ransomware .fz_20{ font-size: 20px; line-height: 1.6; }

.info_box{
	margin:10px 65px 0px 65px;
	/*padding:30px 40px 10px 40px;*/
	padding:30px 40px;
	border:1px solid #CCC;
}

.info_box p{
	line-height:1.4 !important;
	margin-bottom: 10px;
}

.tm_title_4{
	font-size:18px !important;
	font-weight: bold;
	margin-bottom:10px;
	height:40px;
	line-height:40px;
	vertical-align: middle !important;
}

.tm_title_4 img{
	width:auto;
	max-width:100%;
	margin-right:15px;
	vertical-align: middle !important;
}

.info_box:after,
.tm_title_4:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

ul.sp_function li {
  width: 828px;
  box-sizing: border-box;
	margin: 100px auto;
	padding:30px 40px;
	border:1px solid #CCC;
	position: relative;
}

ul.sp_function li:nth-child(2) {
  margin-bottom: 60px;
}

ul.sp_function li .image {
  position: absolute;
  top: 50%;
  bottom: 50%;
  margin: auto;
  margin-top: -128px;
  width: 139px;
  height: 256px;
}
ul.sp_function li:first-child .text {
  padding-left: 200px;
}

ul.sp_function li:nth-child(2) .text {
  padding-right: 200px;
}


/* -- 20170807追記 -- */
.ml-40 {
margin-left: 40px;
}
.e_def_list {
background: url(../images/ico_check.png) no-repeat left top;
padding-left: 40px;
margin-bottom: 10px;
color: #666;
line-height: 1.2;
}
.e_def_ttl {
font-size: 16px;
font-weight: bold;
}
.e_def_cnts {
}
.info_box .content_l {
width: calc(60% - 40px);
margin-right: 40px;
}
.info_box .content_r {
width: 40%;
}
.info_box .content_r img {
max-width: 100%;
}

ul.sp_function li:nth-child(2) .image {
  right: 40px;
}
ul.sp_function li:last-child:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
ul.sp_function li:last-child .text {
	float: right;
	width: calc(60% - 40px);
	margin-left: 40px;
}
ul.sp_function li:last-child .text .fz_12 {
margin-top: 10px;
}
ul.sp_function li:last-child .image {
  position: static;
	margin: 0;
	width: 40%;
	height: auto;
}
ul.sp_function li:last-child .image img {
	max-width: 100%;
}


.free_trial .m_free_trial {
position: absolute;
width: 615px;
left: 318px;
top: 210px;
}
.free_trial .m_free_trial span {
display: block;
text-align: center;
}
.free_trial .m_free_trial .m_free_trial_lead {
font-size: 16px;
font-weight: bold;
color: #FFF;
}
.free_trial .m_free_trial .m_free_trial_btn {
margin-top: 10px;
}
.free_trial .m_free_trial .m_free_trial_spec {
margin-top: 10px;
}
#ransomware .free_trial .m_free_trial .m_free_trial_spec a {
color: #FFF;
font-size: 16px;
text-decoration: underline;
}
#ransomware .free_trial .m_free_trial .m_free_trial_spec a:hover {
text-decoration: none;
}

.free_trial .vbm .m_vbm {
display: table;
}
.free_trial .vbm .m_vbm .m_free_trial_item {
display: table-cell;
width: 50%;
max-width: 308px;
}


#ransomware .free_trial .m_free_trial .m_free_trial_gg,
#ransomware .free_trial .m_free_trial .m_free_trial_app {
margin-top: 20px;
}
#ransomware .free_trial .m_free_trial .m_free_trial_gg a,
#ransomware .free_trial .m_free_trial .m_free_trial_app a {
display: block;
width: 80%;
margin: 0 auto;
color: #FFF;
font-size: 16px;
text-decoration: underline;
}
#ransomware .free_trial .m_free_trial .m_free_trial_gg a:hover,
#ransomware .free_trial .m_free_trial .m_free_trial_app a:hover {
text-decoration: none;
}
#ransomware .free_trial .m_free_trial .m_free_trial_gg a img,
#ransomware .free_trial .m_free_trial .m_free_trial_app a img {
max-width: 100%;
}

/* 2018.8.23 修正・追加 */

#page-header {
    border-top: none !important;
  }

#page-header #ci img {
  width: auto;
	height: 50px;
}

@media screen and (max-width: 521px) {
	#page-header {
    border-top: none !important;
  }
}

.movie {
	margin: 20px auto;
	width: 80%;
	text-align: center;
	overflow: hidden;
}

.movie-inner {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	text-align: center;
	background-color: #000;
}

@media (min-width: 1024px){
	.movie-inner {
		width: 80%;
	}
}