@charset "UTF-8";
/*!
*/

/* =========================================================
 * btn
 * ====================================================== */
.sec_link_area  {
	border: 2px solid #FDD100;
	border-radius: 8px;
	background-color: #004387;
	color: #FDD100;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
.sec_link_area .sec_link_target {
	font-size: 18px;
	font-weight: bold;
	color: #FDD100;
	padding: 12px;
}
.sec_link_area .sec_link_target:after {
	content: url(/content/dam/nttcom/hq/jp/business/lp/ocn-security/img/icon_right_arrow.png);
	margin-left: 10px;
}
.sec_link_area:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}


/* =========================================================
 * sec_box01 共通レイアウト（ocn-security_common.css）
 * ====================================================== */


/* =========================================================
 * sec_box02
 * ====================================================== */

.parsys h3.sec_box02_head {
	font-size: 30px !important;
	text-align: center;
	background-color: #004386;
	color: #fff;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	margin-bottom: 0px !important;
	border-radius: 8px 8px 0 0;
}
.sec_box02 {
	background-color: #fff;
	padding: 25px;
	border: 2px solid #004387;
	border-radius: 0 0 8px 8px;
}
.sec_box02 .price img {
	left: -5px;
	position: relative;
}


/* =========================================================
 * func_comp
 * ====================================================== */

.func_comp {
	width: 80%;
	margin:0 auto;
}
.func_comp th,
.func_comp td {
	text-align: center;
	vertical-align: middle;
}
.func_comp tbody td:nth-child(2) {
	text-align: left;
}
.vertical_title {
	-webkit-writing-mode: vertical-rl;
	writing-mode: tb-rl; /* IE */
	writing-mode: vertical-rl; /* Chrome、Firefox */
	margin: 0 auto;
	white-space: nowrap;
	width: 1em; /* firefox */
	line-height: 1em; /* firefox */
	text-orientation: upright;
}


@media only screen and (min-width: 0px) and (max-width: 768px) {
	.sec_box02 img {
		width: 100%;
	}
	.sec_box02 .price {
		height: auto;
	}
	.func_comp {
		width: 100%;
	}
}

