@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:#f0f0f0;
}


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

a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}

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


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


.header{
	width:100%;
	height: 190px;
	background-color:#f0f0f0;
}
.toplogo{
	padding-top: 50px;
	margin: auto;
	text-align: center;
}

.toppic{
	background: url(../img/toppic.jpg) top no-repeat;
	background-size: 1400px;
	width: 100%;
	height: 635px;
	margin-top: 50px;
}

.vimeobg{
	background-color:#fff;
}
.vimeo {
  position: relative;
  width: 1100px;
  height:616px;
  margin:auto;
  /*padding: 56.25% 0 0 0;*/
}
.vimeo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mission{
	background: url(../img/mission.jpg) center no-repeat;
	background-size: 1400px;
	width: 100%;
	height: 50px;
	border: none;
	margin-top: 50px;
	border-style: none;
}
.mission_txt{
	background: url(../img/mission_txt.png) center no-repeat;
	background-size: 1400px;
	width: 100%;
	height: 450px;
}
.solution{
	background: url(../img/solution.jpg) center no-repeat;
	background-size: 1400px;
	width: 100%;
	height: 50px;
	border: none;
	/* margin-top: 50px; */
}
.solution_txt{
	background: url(../img/solution_pic.png) center no-repeat;
	background-size: 1400px;
	width: 100%;
	height: 740px;
	margin-bottom: 50px;
}

.end{
	width: 100%;
	text-align:center;
}

.end .end_img{
	margin-top:100px;
	margin-bottom:60px;

}

.end .site_img{

	padding-bottom:100px;
}

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








