body {
  margin: 0;
  padding: 0;
  /* height: 100%; */
  font-family: Microsoft YaHei, "Noto Sans SC", Helvetica, arial, sans-serif;
  background: #faf5e7 url("../img/BG.jpg?=555") 50% 50% no-repeat;
  background-size: cover;
  background-attachment: fixed;
  /*overflow: hidden;*/
}

a {
  text-decoration: none;
}

ul {
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
}

img {
  font-size: 0;
  line-height: 0;
}

.BG_item01 {
  position: absolute;
  top: 0;
  background: url(../img/BG_item01.png?=555) 50% 100% no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -1;
  bottom: 0;
}
.BG_item02 {
  position: absolute;
  top: 50%;
  background: url(../img/BG_item02.png?=555) 50% 100% no-repeat;
  background-size: 100% auto;
  width: 100px;
  height: 100px;
  display: block;
  z-index: -1;
}

header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 65px;
  background: #222;
}

.logo {
  width: 200px;
  height: 47px;
  margin: 7.5px auto 0 auto;
}
.logo a {
  background: url(../img/logo.png?=555) 50% 50% no-repeat;
  background-size: auto 100%;
  width: 200px;
  height: 47px;
  display: inline-block;
  margin: 0 auto;
}

.title {
  /* position: absolute;
      top: calc(60px + 0px); */
  margin: 65px auto 0 auto;
  background: url(../img/title.png?=555) no-repeat;
  background-size: 100% auto;
  padding-top: min(59.6%, 444px);
  width: 100%;
  max-width: 726px;
  max-height: 451px;
}

.btn_box {
  z-index: 999;
  margin: 0 auto 30px;
}
.btn_grop{
    width: 80%;
    max-width: 444px;
    text-align: center;
    margin: 0 auto;
}
.btn a{
  width: 100%;
  margin: 0 0 5px 0;
  padding-top: 16%;
  display: inline-block;
}

.btn:nth-of-type(1) a{
  background: url(../img/btn01.png?=555) 50% 50% no-repeat;
  background-size: contain;
}
.btn:nth-of-type(2) a{
  background: url(../img/btn02.png?=555) 50% 50% no-repeat;
  background-size: contain;
}
.btn:nth-of-type(3) a{
  background: url(../img/btn03.png?=555) 50% 50% no-repeat;
  background-size: contain;
}
.btn:nth-of-type(4) a{
  background: url(../img/btn04.png?=555) 50% 50% no-repeat;
  background-size: contain;
}
.btn:nth-of-type(5) a{
  background: url(../img/btn05.png?=555) 50% 50% no-repeat;
  background-size: contain;
}


@media screen and (min-aspect-ratio: 1/2){
    .BG_item01{
        background-position: 50% 0%;
    }
}