@charset "utf-8";
/*----- header -----*/
#header {
  box-shadow: 0.2rem 0.2rem 0.4rem rgba(104, 104, 104, 0.5);
  padding: 0;
  width: 75rem;
  background: #FFF;
  z-index: 101;
  top: 0;
  background : -moz-linear-gradient(0% 50% 0deg,rgba(121, 189, 175, 1) 0%,rgba(159, 199, 197, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(121, 189, 175, 1) 0%, rgba(159, 199, 197, 1) 100%);
  background : -o-linear-gradient(0deg, rgba(121, 189, 175, 1) 0%, rgba(159, 199, 197, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(121, 189, 175, 1) 0%, rgba(159, 199, 197, 1) 100%);
  background : linear-gradient(90deg, rgba(121, 189, 175, 1) 0%, rgba(159, 199, 197, 1) 100%);
}
#h_logo {width:34.6rem;}
#h_web {width:27.7rem;}

/*----- mi -----*/
#mi {
  background-image: url(../img/fvBg.png);
  background-size: 100% auto;
  background-position: bottom;
  background-repeat: no-repeat;
}

#mi_bg {
  position: relative;
  height: 60.7rem;
}
#mi_bg li {
  background: url(../img/bg01.png) no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 60.7rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index:10;
  opacity: 0;
  animation: anime 18s 0s infinite;
}
#mi_bg li:nth-child(2) {
  background: url(../img/bg02.png) no-repeat center center;
  background-size: cover;
  animation-delay: 6s;
}
@keyframes anime {
  0% {opacity: 0;}
  16% {opacity: 1;}
  34% {opacity: 1;}
  50% {
    opacity: 0;
    transform: scale(1);
    z-index:9;
  }
  100% {opacity: 0}
}

#mi_li {
  position: relative;
  z-index: 11;
  padding: 0 1rem;
}
#mi_li li {
  margin: 0 -1rem 0 0;
}
#mi_li li:last-child {
  margin: 0;
}
.mi_li {
  width: 25rem;
}

.fvPrice {
  height: 18.8rem;
  display: block;
  margin: 0 auto -13rem auto;
  position: relative;
  z-index: 20;
}

.fvBanner {
  width: 100%;
  position: relative;
  z-index: 20;
  margin-top: -11.5rem;
  margin-bottom: -4rem;
}