@charset "utf-8";
/*
 * ================================================
 *
 * [feature]
 *
 * ================================================
 */
#wrapper {
	background: scroll url(../../images/global/bg_slash01.gif) repeat left center;
}
#content {
	width: 100%;
	padding-top: 0;
}
#pageTitle {
	background-image: url(../../images/content/feature/mv.jpg);
}
#lNav { background-color: #FFFFFF; }
.sectionVox {
	padding: 60px 0 85px;
}
.sectionVox:last-child {
	padding-bottom: 0;
}
	.sectionVox h2 {
		text-align: center;
		margin-bottom: 60px;
	}
		.sectionVox h2 span {
			border-top: 3px solid #026DB6;
			border-bottom: 3px solid #026DB6;
			display: inline-block;
			padding: 10px 0;
			font-weight: bold;
			color: #026DB6;
			letter-spacing: 0.2em;
		}
	.sectionVox > .inner {
		width: 1000px;
		margin: 0 auto;
	}
	.sectionVox .vox01 {
		margin-bottom: 55px;
		height: 0;
		padding-top: 31.5%;
		position: relative;
	}
		.sectionVox .vox01 .inner {
			position: absolute;
			top: 0;
			width: 608px;
			height: 100%;
			background-color: rgba(255,255,255,0.9);
		}
			.sectionVox .vox01 .inner .content {
				width: 100%;
				position: absolute;
				top: 50%;
				padding-left: 50px;
				-webkit-transform: translateY(-50%);
				    -ms-transform: translateY(-50%);
				        transform: translateY(-50%);
			}
			.sectionVox .vox01 .inner .copy {
				font-weight: bold;
				color: #026DB6;
				margin-bottom: 30px;
				line-height: 2;
			}
	.sectionVox .itemWrapper {
		overflow: hidden;
		margin-bottom: 30px;
	}
	.sectionVox .itemWrapper:last-child {
		margin-bottom: 60px;
	}
		.sectionVox .itemWrapper .item {
			width: 486px;
			float: left;
			background: #FFFFFF;
		}
		.sectionVox .itemWrapper .item:nth-child(odd) {
			margin-right: 26px;
		}
			.sectionVox .itemWrapper .item .content {
				padding: 20px;
			}
			.sectionVox .itemWrapper .item .label {
				margin-bottom: 5px;
				color: #E96D65;
				font-weight: bold;
			}
			.sectionVox .itemWrapper .item .copy {
				color: #026DB6;
				margin-bottom: 10px;
			}
#system {}
	#system .vox01 {
		background: scroll url(../../images/content/feature/system_img01.jpg) no-repeat left top;
	}
		#system .vox01 .inner {
			right: 0;
		}
	#system .btn {
		text-align: center;
	}
		#system .btn .btnStyle01 {
			width: 340px;
			font-weight: bold;
		}
#global {
	background-color: #EAF4FF;
}
	#global .vox01 {
		background: scroll url(../../images/content/feature/global_img01.jpg) no-repeat left top;
	}
		#global .vox01 .inner {
			left: 0;
			background-color: rgba(255,255,255,0.6);
		}
			#global .vox01 .inner .content {
				padding-left: 35px;
			}
	#global .itemWrapper {
		margin-bottom: 10px;
		padding-bottom: 35px;
		background: scroll url(../../images/content/feature/global_img08.png) no-repeat 360px bottom;
	}
	#global .itemWrapper.last {
		background: none;
		margin: 0;
		padding: 0;
	}
		#global .itemWrapper .item {
			width: 100%;
			float: none;
			overflow: hidden;
            display: flex;
            flex-flow: row-reverse;
            align-items: center;
		}
			#global .itemWrapper .item figure {
				float: right;
			}
	#global .globalContent {
		background: scroll url(../../images/content/feature/global_img10.png) no-repeat right top;
		min-height: 1176px;
		position: relative;
	}
		#global .globalContent .itemWrapper {
			width: 730px;
		}
			#global .globalContent .itemWrapper .item {}
				#global .globalContent .itemWrapper .item .content {
					padding: 30px 20px 30px 20px;
				}
				#global .globalContent .itemWrapper .item .copy {
					margin-bottom: 5px;
				}
	#global .item.flow {
		width: 245px;
		border: 1px solid #026DB6;
		padding: 25px;
		position: absolute;
		right: 0;
		background: #FFFFFF;
	}
	#global .item.flow.flow01 {
		top: 320px;
	}
	#global .item.flow.flow02 {
		bottom: 110px;
	}
		#global .item.flow .label {
			margin-bottom: 5px;
			color: #E96D65;
			font-weight: bold;
		}
		#global .item.flow .copy {
			color: #026DB6;
			margin-bottom: 5px;
		}
#style {}
	#style .vox01 {
		background: scroll url(../../images/content/feature/style_img01.jpg) no-repeat left top;
	}
		#style .vox01 .inner {
			left: 0;
			background-color: rgba(255,255,255,0.8);
		}
			#style .vox01 .inner .content {
				padding-left: 35px;
			}
	#style .btn {
		margin-top: 20px;
	}
		#style .btn .btnStyle01 {
			font-weight: bold;
		}
/**
 ****************************************************
 *
 * screens larger than 768
 *
 ****************************************************
 */
@media only screen and (min-width: 768px) {

}
/**
 ****************************************************
 *
 * screens smaller than 768
 *
 ****************************************************
 */
@media only screen and (max-width: 768px) {

}
@media screen and (max-width: 768px) and (orientation:landscape) {

}
/**
 ****************************************************
 *
 * screens smaller than 767
 *
 ****************************************************
 */
@media only screen and (max-width: 767px) {

}