@charset "UTF-8";

/*=================================================================
/ Basic
/=================================================================*/
body{
font-family:"Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
background-color:#fff;
}


*{
	margin:0;
	padding:0;
	font-size:13px;
	line-height:1.5em;
	letter-spacing: 0.1em;
	border-style: none;
}


img {
	/* -webkit-transition: 0.2s; */
	/* transition: 0.2s ; */
}


/*=================================================================
/ nakami
/=================================================================*/
.container {
	margin:0 auto;
	width: 100%;
}



.toplogo{
	padding-top: 50px;
	padding-bottom: 80px;
	margin: auto;
	text-align: center;
}

.youtube{

}

.sec1{
	background: url(../img/sec1.jpg) top no-repeat;
	background-size: 550px;
	width: 100%;
	height: 262px;
	margin-top: 80px;
}

.sec2{
	background: url(../img/sec2.jpg) top no-repeat;
	background-size: 602px;
	width: 100%;
	height: 258px;
	margin-top: 140px;
	margin-bottom: 42px;
}

.vimeo_top {
  position: relative;
  width: 960px;
  height:540px;
  margin:auto;
  /*padding: 56.25% 0 0 0;*/
}
.vimeo_top iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vimeo {
  position: relative;
  width: 800px;
  height:450px;
  margin:auto;
  /*padding: 56.25% 0 0 0;*/
}
.vimeo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.thum1{
	width:800px;
	margin:auto;
	text-align:center;
}

.video1{
	width:400px;
	height:250px;
}
.vimeo1 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.retu1{
	width:800px;
	margin:auto;
}

.video1{
	float:left;
}

.retu2{
	width:800px;
	margin:auto;
}

.video3{
	float:left;
}
.video5{
	float:left;
}
.thum3{
	width:800px;
	margin:auto;
}
.sec3{
	background: url(../img/sec3.jpg) top no-repeat;
	background-size: 800px;
	width: 100%;
	height: 1537px;
	margin-top: 50px;
}

.sec4{
	background: url(../img/sec4.jpg) top no-repeat;
	background-size: 800px;
	width: 100%;
	height: 1150px;
	margin-top: 140px;
}

.sec5{
	background: url(../img/sec5.jpg) top no-repeat;
	background-size: 800px;
	width: 100%;
	height: 577px;
	margin-top: 140px;
}

.sec6{
	background: url(../img/sec6.jpg) top no-repeat;
    background-size: 599px;
    width: 100%;
    height: 496px;
    margin-top: 80px;;
}


.btn{
	width: 500px;
	margin:auto;
	text-align:center;
	margin-top: 200px;
	padding-bottom: 100px;
}

.btn a{
	width: 500px;
	height: 88px;
	float:left;
	overflow: hidden;
	margin-bottom: 140px;
	}

.btn a:hover img{margin-top: -87px;}

@media screen and (max-width: 1100px) {
.vimeo {
  width: 100%;
  height:auto;
  padding: 56.25% 0 0 0;
}
}