@charset "UTF-8";
/* CSS INFORMATION -====================================================
File name : news.css
Description : お知らせ
===================================================================== */
@keyframes textAnime {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
/* =====================================================================
    news
======================================================================*/
.news .sec_ttl {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  animation: textAnime 1s steps(6) forwards;
  display: inline-block;
}
.news_block {
  background: #ffffff;
  box-shadow: 0 0 3rem rgba(53, 45, 18, 0.05);
  padding: 0;
  max-width: 1320px;
  margin: 0 auto 10rem;
}
.news_inner {
  margin: auto;
  width: 90%;
  max-width: 1080px;
  text-align: left;
}
.news_contents {
  padding: 5rem 0;
}
.news_ttl {
  background: #d94869;
  padding: 4rem 0;
  text-align: left;
}
.news_ttl h3 {
  color: #ffffff;
  font-size: 2.2rem;
  font-family: "BIZ UDPMincho", serif;
  line-height: 1.6;
}
.news_ttl .date {
  color: #ffffff;
  font-size: 1.8rem;
  padding: 0;
  margin: 0;
}
.news h4 {
  font-size: 2.2rem;
  font-family: "BIZ UDPMincho", serif;
  line-height: 1.6;
  position: relative;
  padding-bottom: 1rem;
}
.news h4::before {
  content: "● ";
}
.news p {
  text-align: left;
  line-height: 1.9;
  margin: auto auto 2rem;
  font-size: 2.6rem;
}
.news p a {
  display: inline;
  color: #d94869;
}

@media screen and (min-width: 768px) {
  .news p {
    font-size: 1.8rem;
  }
}