@charset "utf-8";

main#sub {height: 100%;}

#mv {
  margin: 0 auto 23px;
  padding: 0;
}
.siema > * {
  display: none;
}
.siema > *:last-child {
  display: block;
}
.siema > div {
  transform: none !important;
  display: flex !important;
  position: relative;
}
.siema > div > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 2s ease-in-out, visibility 2s;
}
.siema > div > div.active {
  position: relative;
  opacity: 1;
  visibility: visible;
}
#nws {
  margin: 0 auto 30px;
  padding: 0;
}
#nws > div {
  align-items: baseline;
}
#nws h2 {
  margin: 0;
  padding: 0 2% 0 0;
  border-right: 1px solid #ccc;
  color: var(--r-clr);
  font-size: 1.2rem;
  line-height: 1;
}
#nws dl {
  width: calc(100% - 120px);
  font-family: var(--g-font);
    align-items: baseline;
    justify-content: flex-start;
  text-align: left;
}
#nws dl dt {
  padding: 4px 6px 6px;
  background: var(--r-clr);
  color: #fff;
  line-height: 1;
}
#nws dl dd {
  width: calc(97% - 130px);
  padding: 0 0 0 3%;
}


/* sp */
@media screen and (max-width: 640px) {
  #mv ul#slder li > img {
    width: auto;
    height: 52vh;
    object-position: 55% top;
    object-fit: cover;
  }
  #mv ul#slder div > div:nth-child(1) li > img {
    object-position: 44% top;
  }
  #mv ul#slder div > div:nth-child(2) li > img {
    object-position: 44% top;
  }
  #mv ul#slder div > div:nth-child(6) li > img {
    object-position: 48% top;
  }

  #nws > div {display: revert;}
  #nws h2 {
    margin: 0 auto 20px;
    padding: 0 0 6px;
    border: none;
    border-bottom: 1px solid #ccc;
    text-align: left;
  }

  #nws dl {width: 100%;}
  #nws dl dt {margin: 0 0 10px;}
  #nws dl dd {
    width: 100%;
    margin: 0 auto 15px;
    line-height: 1.4;
  }

}
/* e.o.c. */