@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto);

html, body{
	margin: 0;
	padding: 0; font-family: 'Roboto', sans-serif; font-size:15px;
}


.body .main-bg {
	 background-color:rgba(0, 0, 0, 0.9);
		width: 100%;
	 overflow:hidden; height:654px;
}


.body {

 background: url(../images/1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.all {
	width: 1024px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

.wrap-tabs,
.wrap-tab-contents {
  width: 100%;
  float: left;
}

.tabs .tab {
  float: left;
  padding: 10px;
  margin: 0 10px 10px 0;
  border-bottom: 3px solid #eee;
  color: #aaa; background-color:#333333;
} 

.tabs .tab:hover {
  cursor: pointer;
  border-bottom: 3px solid #aaa;
  color: #fff; 
}

.tabs .tab-active,
.tabs .tab-active:hover {
  color: #000;
  border-bottom: 3px solid #fcb52d; background-color:#FFFFFF;
}

.tab-contents { position: relative; }
.body .tabme .icon .nomi-con {
	float: left;
	margin-left: 20px;
}
.space-bottom {height:0px;} 

@media (max-width: 480px) {
  .body .main-bg {
	 background-color:rgba(0, 0, 0, 0.9);
		width: 100%;
	 overflow:hidden; height:1200px;
}

.all {
	width: 90%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

.contact-box { width:100%; float:left;}
}