h3{
		letter-spacing: 0;
	}
	.sec{
		height: auto;
	}
	.container{
		width: 62.5%;
		position: relative;
		margin:0 auto;
	}
/* ---------- sec01 ---------- */
	.vwrap{
		position: relative;
		display: block;
		width:85%;
		height:0;
		padding-bottom: 48%;
		margin:0 auto 50px;
	}
	#video{
		position: absolute;
		top:0;bottom: 0;left:0;right: 0;
		width:100%;
		height:100%;
	}
	.sec01 h3{
		font-size: 2.8em;
		margin-top:-0.4em;
		margin-bottom: .6em;
	}
/* ---------- END sec01 ---------- */

/* ---------- sec02 ---------- */
	.sec02{
		height: 500px;
		background: #e6e6e6;
	}
	#slider_v{
		width: calc(100% - 110px);
	}

	#slider_v .item{
		padding: 40px 0px;
		width: 90%;
	}
	#slider_v a{
		width: 320px;
		height: 180px;
		position: relative;
	}
	#slider_v img{
		width: 100%;
		height: 100%;
	}
	.preview{
		width: 100%;
		height: 0;
		padding-bottom: 57%;
		display: block;
		background: rgba(0,0,0,.6);
		position: absolute;
		transition: .5s;
		opacity: 0;
	}
	.preview:hover{
		opacity: 1;
	}
	.preview:after{
		content:"";
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 0;right: 0;bottom: 0;left: 0;
		margin:auto;
		background: url('./../img/play.png');
		background-size: contain;
		animation: fadeIn .5s forwards;
		pointer-events: none;
	}
	@keyframes fadeIn{
		from{opacity: 0;}
		to  {opacity: 1;}
	}
	#slider_v h2{
		margin-top: 1.5em;
	}
	#slider_v h3{
		text-align: left;
		margin-top:-0.5em;
		font-size: 1.6em;
		line-height: 2.1em;
	}

	.sec02 .control{
		width: 92px;
		height: 39px;
		position: absolute;
		right: 0;
		top:40px;
	}
	.sec02 .control .prev,
	.sec02 .control .next{
		display: inline-block;
		filter: grayscale(100%) brightness(70%);
		-webkit-filter: grayscale(100%) brightness(70%); /* Chrome, Safari, Opera */
		position: absolute;
		width: 39px;
		height: 39px;
		border-radius: 10px;
		z-index: 3;
		cursor: pointer;
		opacity: .6;
		-webkit-transition: opacity .4s ease;
		   -moz-transition: opacity .4s ease;
		    -ms-transition: opacity .4s ease;
		     -o-transition: opacity .4s ease;
		        transition: opacity .4s ease;
	}
	.sec02 .control .prev{
		background:url('./../img/prev.png');
		left: 0;
	}
	.sec02 .control .next{
		background:url('./../img/next.png');
		right: 0;
	}
	.sec02 .control .prev:hover,
	.sec02 .control .next:hover{
		opacity: 1;
	}

/* ---------- END sec02 ---------- */

/* ---------- sec03+04 ---------- */
	.sec03{
		margin-top: 100px;
	}
	.left,
	.right{
		display: inline-block;
		vertical-align: top;
	}
	.left{
		width: 320px;
		margin-top: 5%;
		margin-right:2.4%;
		/*background: #eee;*/
	}
	.right .img_wrap{
		display: block;
		margin:30px auto;
	}
	.img_wrap > img{
		width: 48%;
	}
	.img_wrap > img:first-child{
		margin-right: 3.2%;
	}
	.right{
		width: calc(97.15% - 320px);
		margin-top: calc(5% + 35px);
		/*background: #eee;*/
	}
/* ---------- END sec03+04 ---------- */

/* ---------- sec04 ---------- */
	.frame{
		margin: 5% 0;
	}
	.sec04{
		padding-bottom: 9%;
	}
/* ---------- END sec04 ---------- */

/* ---------- RWD ---------- */
@media only screen and (max-width: 1550px){
	.container{
		width: 85%;
	}
	.vwrap{
		margin-top:50px;
	}
}
@media only screen and (max-width: 1350px){
	.right{
		width: calc(97% - 320px);
	}
}
@media only screen and (max-width: 950px){
	#menu{
		min-width: 450px;
	}
	#menu li {
		padding:0 .5%;

	}
	#menu li a {
		font-size: 1em;
	}
	.right{
		width: calc(96.65% - 320px);
	}
	.frame{
		width: 100%;
		min-width: 0;
		height: auto;
	}
}
@media only screen and (max-width: 768px){
	#menu li a {
		color:white;
	}
	#menu li.active:after {
		background:white;
	}
	#slider_v h3{
		font-size: 1.5em;
	}
	.left,
	.right{
		display: inline-block;
		width: 100%;
	}
	.right{
		margin-top: 30px;
	}
	.frame{
		width: 72%;
		min-width: 345px;
	}
}
@media only screen and (max-width: 617px){
	.sec02 .control{
		position: relative;
		margin:0 auto 20px;

	}
	#slider_v{
		width:100%;
	}
}
@media only screen and (max-width: 480px){
	.sec01 h3{
		font-size: 2em;
	}
	.frame{
		width: 100%;
		min-width: 0;
		height: auto;
	}
	.img_wrap > img{
		width: 100%;
	}
	.img_wrap > img:first-child{
		margin:0 auto 20px;
	}
}
/* ---------- END RWD ---------- */