@charset "utf-8";

/* ------ visualSection ------ */
.visualSection__title {
	background: #000 url(/products/bizprojector/spaceproduction/images/common/visual_bg.jpg) no-repeat center top;
}
.visualSection__title h2,
.visualSection__title p {
	width: 960px;
	margin: 0 auto;
}
.visualSection__nav {
	background: #034fa0;
}
.visualSection__nav ul {
	display: table;
	table-layout: fixed;
	width: 960px;
	margin: 0 auto;
}
.visualSection__nav ul li {
	display: table-cell;
	padding: 10px 0;
	vertical-align: middle;
	text-align: center;
}
.visualSection__nav ul li + li a,
.visualSection__nav ul li + li span {
	border-left: solid 1px #4f84bd;
}
.visualSection__nav a,
.visualSection__nav span {
	display: block;
	padding: 20px 10px;
	font-size: 16px;
	line-height: 1.3;
}
.visualSection__nav a {
	background-image: url(/products/bizprojector/spaceproduction/images/common/nav_icn_default.png);
	background-repeat: no-repeat;
	background-position: right 13px center;
	color: #fff;
}
.visualSection__nav span {
	background-image: url(/products/bizprojector/spaceproduction/images/common/nav_icn_active.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	color: #034fa0;
}
.visualSection__nav li.is-active {
	background: #fff;	
}
.visualSection__nav li.is-active span {
	border-color: #fff;
}
.visualSection__nav ul li:hover {
	background: #fff;
}
.visualSection__nav li:hover a,
.visualSection__nav li:hover span {
	border-left: solid 1px #fff;
	color: #034fa0;
	text-decoration: none;
}
.visualSection__nav li:first-child:hover span {
	border-left: none;
}
.visualSection__nav li:hover a {
	background-image: url(/products/bizprojector/spaceproduction/images/common/nav_icn_hover.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
}
.visualSection__nav h2 {
	font-weight: normal;
}

/* section */
.section {
	padding: 60px 0 70px;
}
.section--gray {
	background: #f5f6f6;
}
.section__inner {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.section__title {
	margin: 0 0 20px 0;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}
.section__title a {
	display: inline-block;
	padding-right: 32px;
	background: url(/products/bizprojector/spaceproduction/images/common/icn_link.png) no-repeat right center;
	color: #0164d4;
}
.section__title a:hover {
	text-decoration: none;
}
.section__title--top{
  position: relative;
  text-align: left;
  color: #034FA0;
  padding-left: 20px;
}
.section__title--top::before {
  position: absolute;
	left: 0;
	top: 2px;
	display: block;
	content: "";
	width: 6px;
	height: 29px;
	background: #034FA0;
}
.section__text {
	font-size: 16px;
	line-height: 1.7;
}
.section__text sup {
	font-size: 11px !important;
}
.section__notes {
	font-size: 12px !important;
}
.section__notes--small {
	font-size: 11px !important;
}
.section__notes li {
	overflow: hidden;
}
.section__notes span {
	display: block;
}
.section__notes li span:nth-child(1) {
	float: left;
}
.section__notes li span:nth-child(2) {
	overflow: hidden;
}

/* wow */
.wow {
	visibility: hidden;
}
@media print {
	.wow {
		visibility: visible !important;
	}
}

/* opacity rolloer */
.oro {
	transition: all 0.25s;
	opacity: 1;
}
.oro:hover {
	opacity: 0.7;
}