@charset "UTF-8";
#cta figure {
  margin: 0 0 30px;
  text-align: center;
}

#cta #tm_title {
  margin-bottom: 30px;
}
#cta #nav {
  margin-bottom: 40px;
}
#cta nav ul {
  overflow: hidden;
}
#cta nav ul li {
  float: left;
  width: 474px;
  margin-bottom: 10px;
}
#cta nav ul li:nth-child(odd) {
 margin-right: 16px;
}
#cta nav ul li a:hover img {
 opacity: 0.7;
}

#cta h2 {
  background: #d61e20;
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-weight: normal;
  padding: 16px 0 10px;
  border-bottom: 6px solid #bf1616;
}

#cta #contents > section {
  width: 760px;
  margin: 0 auto 60px;
}

#cta #contents h3 {
  color: #d61e20;
  font-size: 32px;
  border-bottom: 2px dotted #d61e20;
  padding-bottom: 10px;
  margin-bottom: 18px;
}
#cta #contents p {
  font-size: 16px;
  color: #222;
  line-height: 1.6;
  margin-bottom: 20px;
}
#cta #contents a.button {
  display: inline-block;
  background: #b0b0b0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-align: right;
  text-decoration: none;
  padding: 12px 20px 10px 15px;
}
#cta #contents a.button:hover {
  background: #969595;
}
#cta #contents a.button img {
  width: 14px;
  height: 14px;
  vertical-align: text-bottom;
  margin-left: 10px;
}
#cta #contents a.red {
  background: #d61e20;
}
#cta #contents a.red:hover {
  background: #c31214;
}



#cta #products #vb, #cta #products #pwm {
  margin-bottom: 50px;
}
#cta #products a.button {
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  width: 460px;
  padding: 20px 0 16px;
  position: relative;
}
#cta #products a.button img {
  position: absolute;
  top: 26px;
  right: 15px;
}


#cta #products #vb h3 {
  color: #222;
  font-size: 20px;
  text-align: center;
  margin-bottom: 30px;
}


#cta #products #vb a.button {
  background: #d61e20;
  -webkit-box-shadow: 4px 4px #b41213;
  -moz-box-shadow: 4px 4px #b41213;
  box-shadow: 4px 4px #b41213;
}
#cta #products #vb a.button:hover {
  background: #c71416;
}


#cta #products #vb ul.vb_package {
  overflow: hidden;
  margin-bottom: 30px;
}
#cta #products #vb ul.vb_package li {
  width: 465px;
  float: left;
  margin-left: 30px;
	text-align: center;
}
#cta #products #vb ul.vb_package li:first-child {
  margin-left: 0;
}
#cta #products #vb ul.vb_package li img {
  margin-bottom: 20px;
}
#cta #products #vb ul.vb_package li p {
  margin-bottom: 10px;
}
#cta #products #vb ul.vb_package li .e_txt {
  text-align: center;
	margin-bottom: 1em;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #222;
}
#cta #products #vb ul.vb_package li p.annotation {
  font-size: 12px;
}




#cta #products #pwm a.button {
  background: #d61e20;
  -webkit-box-shadow: 4px 4px #b41213;
  -moz-box-shadow: 4px 4px #b41213;
  box-shadow: 4px 4px #b41213;
}
#cta #products #pwm a.button:hover {
  background: #c71416;
}




#cta #products .align-center {
  padding: 20px 0 40px;
}

#cta #products ul.point {
  overflow: hidden;
  margin-bottom: 20px;
}
#cta #products ul.point li {
  float: left;
  width: 465px;
  margin-bottom: 20px;
}
#cta #products ul.point li:nth-child(odd) {
  margin-right: 34px;
}



#cta ul.button-group {
  overflow: hidden;
}
#cta ul.button-group li {
  float: right;
}
#cta ul.button-group li:first-child {
  float: left;
}
#cta .to_top a {
  display: block;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: rgba(0,78,120, 0.6);
  width: 50px;
  height: 50px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 28px;
  line-height: 49px;
  position: fixed;
  bottom: 80px;
  right: 50px;
}
#cta .to_top a:hover {
  background: rgba(0,78,120, 0.9);
}



#cta #products #fwp{
	margin-top: 40px;
	padding-bottom: 40px;
}

#cta #products #fwp a.button {
  background: #2976bc;
  -webkit-box-shadow: 4px 4px #1d5587;
  -moz-box-shadow: 4px 4px #1d5587;
  box-shadow: 4px 4px #1d5587;
}
#cta #products #fwp a.button:hover {
  background: #21619a;
}

#cta #products #fwp .title{
	color:#222;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	margin-bottom:40px;
}

#cta #products #fwp .title span{
	display: inline-block;
	padding:0 1em 5px 1em;
	border-bottom: 2px dotted #2976bc;
}

#cta #products .button_lead {
width: 460px;
margin: 20px auto 0;
}

/* 2018.7.27 追加 シニア向けセキュリティ対策ガイド ssg */

#ssg {
	height: 256px;
	margin-bottom: 30px;
	padding: 20px;
	border: 1px solid #e5e5e5;
	color: #222;
}

#ssg .left img {
	float: left;
	margin-right: 24px;
	border: 1px solid #e5e5e5;
}

#ssg a:hover img {
	opacity: 0.7;
}

#cta #ssg h2.bk {
	margin-bottom: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	line-height:1.5;
	color: #222;
	text-align: left;
	background: none;
	border: none;
}

#ssg h3 {
	font-size: 19px;
	font-weight: bold;
	color: #d61e20;
	margin-bottom: 1em;
}

#ssg ul.box {
	list-style: none;
	padding-left: 0;
	display: table;
	font-size: 16px;
}

#ssg ul.box li:after {
	content: "";
	display: block;
	margin-bottom: 0.4em;
}

#ssg ul.box li {
	display: table-row;
}

#ssg ul.box li:before {
	content: "■";
	display: table-cell;
	padding-right: 0.7em;
}

#ssg a.button {
	margin-top:1.5em;
	padding:12px 18px;
	position: relative;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 16px;
	line-height:18px;
	text-align: center;
	text-decoration: none;
	background: #d61e20;
	-webkit-box-shadow: 4px 4px #b41213;
	-moz-box-shadow: 4px 4px #b41213;
	box-shadow: 4px 4px #b41213;
}

#ssg a.button:hover {
  background: #c71416;
}

#ssg a.button img {
	margin-left:10px;
	vertical-align:top;
}

/* 2018.8.23 修正 */

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

#page-header #ci img {
	max-height: 30px;
}

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