#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;
  animation: anime 16s 0s infinite;
}
#mv01 {
  z-index: 20;
}
#mv02 {
  z-index: 18;
  animation-delay: 4s;
}
#mv03 {
  z-index: 16;
  animation-delay: 8s;
}
#mv04 {
  z-index: 14;
  animation-delay: 12s;
}

@keyframes anime {
  0% { opacity: 0; }
  15% { opacity: 1; }
  35% { opacity: 1; }
  50% { opacity: 0; }
  /*100% { transform: scale(1.2); }*/
}
#news header{
  background-color: #397aae;
}
/*#news a{
  color: #397aae;
}*/
#news a{
  color: #333;
}
#news p a:hover{
  color:#fff;
}
#news ul{
  width:100%;
  height:350px;
  padding:20px;
  border:1px solid #999;
  overflow:auto;
  overflow-y:scroll;
}

text-center pt-3
.vision{
  background-color:#f7f7f7;
}
#vision h1 {
    display: inline-block;
    position: relative;
    color: #333;
}
#vision h1:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width:100%;
    height: 3px;
    background-color:#120951;
}
#vision h2 {
  color:#993300;
}
.greeting{
  background-position:bottom center;
  background-repeat:no-repeat; 
}
#greeting header{
  background-color:#397aae;
}
#greeting ul li{
  border-bottom:dashed 1px #ccc;
  line-height: 2em;
}
#greeting .greeting-group{
  background-color:#f7f7f7;
}
#greeting h3{
  position: relative;
  color: white;
  background:#8db4d3;
  line-height: 1.4;
}
/*#greeting h3:before {
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
  font-weight: 900;
  position: absolute;
  left : 0.5em;
}*/
#banner{
  background-size: cover;
  background-position: top;
  position: relative;
}
#banner a div:before{
  content: "";
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background-color: rgb(0,0,0,40%);
  overflow: hidden;
  transition: 0.2s ease-out;
}
#banner a{
  transition: 0.2s ease-out;
}
#banner a:hover div:before{
  background-color: rgb(0,0,0,0%);
}
/*#banner .contents_bar{
  padding: 15px;
  border: solid 1px #fff;
  background-color: rgb(255,255,255,75%);
  border-radius: 10px;
}*/
.banner_img {
  color:#6f532a;
  height: 22vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#banner h1,
#banner h2 {
  /*position: absolute;
  width: 100%;
  left: 0;*/
}
#banner h1 {
  position: absolute;
  width: 100%;
  bottom:0;
  left: 0;
  font-size: 160%;
  /* top: -1.5vw; */
  transition: 0.2s ease-out;
    text-shadow: 0 0 5px #000;
}
#banner h1 span {
  border-radius: .3vw;
  /*color: #fff;*/
  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;
  }
  #banner > div {
    margin-bottom: 10vw;
  }
  #banner img {
    height: 55vw;
  }
  .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;
  }
}