body{
	margin: 0;
  padding: 0;
  body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}


.inner{
	width:70%;
font-size:2vw;	
font-weight:bold;
margin:0 auto;
    color:#fff;
    text-shadow: 0 0 15px #666;
}

.inner img{
	width:100%;
	height;auto;
}

#header-top{
	margin:0;
	padding:0;
	background-color: #2EA7E0;
	z-index: 3;
  }
}


#header-top img{
     width: 25%;
	height:auto;
    vertical-align: bottom;
}



.bar{
	color:#fff;
	background-color: #2EA7E0;	
	height: 3.5vw;

}
.bar p{
float: left;
  font-size: 1.5vw;
  margin: 1vw 0vw 0vw 18vw;
  color: white;
}

/*========= 背景動画設定のCSS ===============*/

/*header設定*/
#header{
    position: relative;/*h1の中央寄せ配置の起点とするためのrelative*/
    height: 100vh;/*高さを全画面にあわせる*/
} 

#video-area{
    position: fixed;
    z-index: -1;/*最背面に設定*/
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
}

#video {
    /*天地中央配置*/
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
}

/*見出し設定*/
h2{
    /*要素の配置*/
    text-align: center;
    /*要素を天地中央寄せ*/

    color:#fff;
    text-shadow: 0 0 15px #666;
}


h2 img{
	width:100%;
	height;auto;
}




#top1{
	width:75%;
	margin:0 auto;
	display:block;
	    color:#fff;
		background-color: rgba(0, 0, 0, 0.5);
}

#company_product{
	padding: 2vw;
}

.img-erea{
	
}

.img-erea ul{
list-style: none;	
}

.img-erea li{
	width:30%;
	display: inline-block;
	vertical-align: top;
	margin: 0.5vw;
}

.img-erea li img{
	width:100%;
	height:auto;
}


#profile{
	width:60%;
	margin:0 auto;
}

.img-perea li{
	width:46%;
	display: inline-block;
	vertical-align: top;
	margin: 0.5vw;
}

.img-perea li img{
	width:100%;
	height:auto;
}

#profile ul{
	list-style: none;	
}

.p-title{
	width:20%!important;
		display: inline-block;
	vertical-align: top;
	margin: 0.5vw 0.5vw;
}

.p-main{
	width:70%!important;
		display: inline-block;
	vertical-align: top;
	margin: 0.5vw 0.5vw;
}


#footer{

	margin:0;
	padding:0;
	background-color: #2EA7E0;
}	

.inner-f{
	width:70%;
font-size:2vw;	
font-weight:bold;
margin:0 auto;
    color:#fff;
    text-shadow: 0 0 15px #666;
	text-align: right;
}

.inner-f img{
     width: 25%;
	height:auto;
    vertical-align: bottom;
}

.inner-f p{
font-size:1vw;
margin:0;
padding:0;
}

#copy{
	margin:0;
	padding:0;
	color: #fff;
	background-color: #000;
	text-align:center;
}

	.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 35%; /* 比率を4:3に固定 */
}
 
/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}