#mv {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100vh;
}
/*#mv:before {
  content:"";
  width: 100%;
  height:100%;
  position:absolute;
  top: 0;
  left: 0;
  background-color:rgb(0,0,0,10%);
  overflow: hidden;
  z-index:30;
}*/
.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;
  animation: anime 20s 0s infinite;
}
#mv01 {
  z-index: 18;
}
#mv02 {
  z-index: 16;
  animation-delay: 5s;
}
#mv03 {
  z-index: 14;
  animation-delay: 10s;
}
#mv04 {
  z-index: 12;
  animation-delay: 15s;
}
@keyframes anime {
  0% { opacity: 0; }
  20% { opacity: 1; }
  70% { opacity: 0; }
  100% { transform: scale(1.0); }
}
#news header{
  background-color: #397aae;
}
#news a:hover{
  text-decoration: none;
}
.greeting{
  position: relative;
  background-position:bottom center;
  background-repeat:no-repeat; 
}
.greeting h1{
  position: relative;
  padding-top: .75em;
  color: #333333;
  border-bottom:solid 3px #c9ebd2;
}
.greeting h1::before {
  width:100%;
  position: absolute;
  bottom: .7em;
  left: 0;
  z-index: -1;
  color:#c9ebd2;
  font-size: 1.5em;
  line-height: 1;
  content: attr(data-word);
  pointer-events: none;
}
#greeting ul li{
  border-bottom:dashed 1px #ccc;
  line-height: 2em;
}
/*#greeting h3:before {
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
  font-weight: 900;
  position: absolute;
  left : 0.5em;
}*/
.greeting-bg{
  background-size:cover;
  height:23vw;
}
#greeting a{
  text-decoration: underline;
}
#banner{
  background-size: cover;
  background-position: top;
  position: relative;
}
#banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255, 50%);
  background-image: linear-gradient(180deg, transparent 0 60%, #FFF 100%);
}
#banner a{
  transition: 0.2s ease-out;
}
#banner a:hover div:before{
  background-color: rgb(0,0,0,0%);
}
#banner .contents_bar{
  background-size:cover;
  height: 23vw;
  background-position: center;
}
#banner .container .row{
  background-color:rgb(255,255,255,75%);
  border:solid 5px #78d6ff;
}
.banner_img {
  color:#6f532a;
  height: 22vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#banner h1 {
  font-size: 160%;
  /* top: -1.5vw; */
  transition: 0.2s ease-out;
}
#banner h1 span {
  border-radius: .3vw;
  color: #28a745;
  transition: 0.2s ease-out;
}
#banner h2 {
  font-size: 100%;
  bottom: 0;
  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;
}

.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;
  }
  .greeting-bg{
    background-size:cover;
    height:23vh;
  }
  #banner > div {
    margin-bottom: 10vw;
  }
  #banner img {
    height: 55vw;
  }
  #banner .contents_bar{
    height: 23vh;
  }
  .banner_img{
    height: 30vh;
  }
  .btn-fullhouse {
    width: 60vw;
  }
  /*#news ul {
    height: 40vw;
  }*/
}

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