#mv {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100vh;
}

.mv-bg {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
#mv01 {
  z-index: 20;
  animation: anime 20s 0s 1;
}
#mv02 {
  z-index: 18;
  animation: anime2 45s 0s 1;
}
#mv03 {
  z-index: 16;
  animation: anime3 70s 0s 1;
}
#mv04 {
  z-index: 14;
  animation-delay: 95s;
  opacity: 1;
}

@keyframes anime {
  0% { opacity: 1; }
  20% { opacity: 1; }
  50% { opacity: 0; }
  /*100% { transform: scale(1.2); }*/
}
@keyframes anime2 {
  0% { opacity: 1; }
  20% { opacity: 1; }
  30% { opacity: 0; }
  /*100% { transform: scale(1.2); }*/
}
@keyframes anime3 {
  0% { opacity: 1; }
  20% { opacity: 1; }
  30% { opacity: 0; }
  /*100% { transform: scale(1.2); }*/
}
#news a:hover{
  text-decoration: none;
}
.greeting{
  background-position:bottom center;
  background-repeat:no-repeat; 
}
.greeting h1{
  border-bottom: solid 1px #ddd;
}
.greeting h1 span{
  font-size: 120%;
  color: #ccc;
}
.greeting p{
  line-height: 2;
}
#greeting ul li{
  border-bottom:dashed 1px #ccc;
  line-height: 2em;
}
#banner{
  background-size: cover;
  background-position: top;
  position: relative;
}
#banner h1 {
  font-size: 160%;
  /*top: -1.5vw;*/
  transition: 0.2s ease-out;
}
#banner h1 span {
  border-radius: .3vw;
  color: #ccc;
  transition: 0.2s ease-out;
}
#banner a:hover h1 {
  top: -1.3vw;
  color: #FFDD01;
}
#banner a:hover h1 span {
  color: #FFDD01;
}
#banner a:hover h2 {
  bottom: .5vw;
}
#banner .banner_img{
  height:18vw;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
}
.bnr-line {
  content: "";
  position: absolute;
  z-index: 123;
  border: solid 1px #666;
  display: block;
  transition: 0.2s ease-out;
}
.vt,
.vb {
  border-width: 0 0 0 1px;
  height: 19vw;
}
.hr,
.hl {
  border-width: 1px 0 0 0;
  width: 33vw;
}
.vt {
  right: 6%;
  bottom: -20vw;
}
.bnr-link:hover .vt {
  right: 6%;
  bottom: 17%;
}
.vb {
  left: 36%;
  top: 20vw;
}
.bnr-link:hover .vb {
  left: 36%;
  top: 55%;
}
.hl {
  right: -33vw;
  bottom: 17%;
}
.bnr-link:hover .hl {
  right: 6%;
  bottom: 17%;
}
.hr {
  left: -33vw;
  top: 55%;
}
.bnr-link:hover .hr {
  left: 36%;
  top: 55%;
}
a.btn-fullhouse:hover{
  color: #fff;
}
/*#news ul {
  height: 20vw;
  overflow: auto;
}*/

@media (max-width: 1199px){
  
}

@media (max-width: 991px){
  
}

@media (max-width: 767px){
  #mv {
    height: 30vh;
  }
  #greeting header {
      font-size: 2vw;
  }
  #greeting ul li,
  #greeting p{
    font-size: 2.6vw;
  }
  #banner > div {
    margin-bottom: 10vw;
  }
  #banner img {
    height: 55vw;
  }
  #banner .banner_img{
    height:24vh;
  }
  #banner h1 {
    top: -3.5vw;
  }
  .btn-fullhouse {
    width: 60vw;
  }
  #news ul {
    height: 40vw;
  }
}

@media (max-width: 575px){
  #greeting header{
    font-size:2.8vw;
  }
  #greeting ul li,
  #greeting p{
    font-size: 3.5vw;
  }
}