header{
	padding-top: 0;
  background-image: url("../images/head_back.webp");
  background-size: cover;
  background-position: center center;
}
header h1{
  padding: 30px 0;
	text-align: center;
}
header h1 img{
	width: 650px;
}
.sub-title h2{
	width: 1030px;
  margin: 0 auto 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFF;
	text-align: center;
	box-sizing: border-box;
  background-image: url("../images/i01.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}
@media screen and (max-width:1100px){
  .sub-title h2{
    width: 100%;
    background-size: 100%;
  }
}
@media screen and (max-width:768px){
  header{
  }
  header h1{
    padding: 20px 0;
    text-align: center;
  }
  header h1 img{
    width: 80%;
  }
  .sub-title h2{
    width: 100%;
    font-size: 14px;
    line-height: 1.4em;
  }
}
@media screen and (max-width:480px){
  header h1 img{
    width: 75%;
  }
  .sub-title h2{
    font-size: 12px;
    line-height: 1.4em;
  }
}