@charset "UTF-8";
@-webkit-keyframes bound {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  8% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  17% {
    -webkit-transform: scale(1.332);
            transform: scale(1.332);
    opacity: 1;
  }
  34% {
    scale: 1;
    opacity: 1;
  }
  51% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }
  68% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  84% {
    -webkit-transform: scale(1.03525);
            transform: scale(1.03525);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes bound {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  8% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  17% {
    -webkit-transform: scale(1.332);
            transform: scale(1.332);
    opacity: 1;
  }
  34% {
    scale: 1;
    opacity: 1;
  }
  51% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }
  68% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  84% {
    -webkit-transform: scale(1.03525);
            transform: scale(1.03525);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes pop {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  5% {
    opacity: 0.3;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes pop {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  5% {
    opacity: 0.3;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes pop_sp {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes pop_sp {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes pop_02 {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes pop_02 {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes text_anime_left {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1000% 0;
  }
}
@keyframes text_anime_left {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1000% 0;
  }
}
@-webkit-keyframes text_anime_right {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 1000% 0;
  }
}
@keyframes text_anime_right {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 1000% 0;
  }
}
main {
  background: #F7F0D8;
}
main .news {
  position: relative;
  padding: min(0vw, 0px) 0 0;
}
@media only screen and (max-width: 768px) {
  main .news::before {
    position: absolute;
    display: inline-block;
    content: "";
    width: 67.436vw;
    height: 46.795vw;
    left: 0;
    top: -30vw;
    background: url(../img/news/ttl_cloud01_sp.png) no-repeat center top;
    background-size: contain;
  }
}
main .news_bg {
  position: relative;
  padding-bottom: min(9.766vw, 100px);
}
@media only screen and (max-width: 768px) {
  main .news_bg {
    width: 100vw;
    margin: 0 calc(50% - 50vw) 0;
    padding: 0 7.692vw 25.641vw;
    background: url(../img/news/cloud01_sp.png) repeat-y center top;
    background-size: contain;
  }
}
main .news .inner {
  position: relative;
  z-index: 1;
}
main .news_ttl {
  position: relative;
  width: min(35.547vw, 364px);
  margin: 0 auto min(13.672vw, 140px);
}
@media only screen and (max-width: 768px) {
  main .news_ttl {
    position: initial;
    width: 59.487vw;
    margin-bottom: 10.256vw;
  }
}
main .news_ttl::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: min(112.305vw, 1150px);
  height: min(53.809vw, 551px);
  left: -243%;
  top: -361%;
  background: url(../img/news/ttl_cloud01.png) no-repeat center;
  background-size: contain;
  z-index: -10;
}
@media only screen and (max-width: 768px) {
  main .news_ttl::before {
    display: none;
  }
}
main .news_ttl::after {
  position: absolute;
  display: inline-block;
  content: "";
  width: min(91.797vw, 940px);
  height: min(43.262vw, 443px);
  right: -390%;
  top: -220%;
  background: url(../img/news/ttl_cloud02.png) no-repeat center;
  background-size: contain;
  z-index: -10;
}
@media only screen and (max-width: 768px) {
  main .news_ttl::after {
    display: none;
  }
}
main .news_block {
  width: 100%;
  margin: 0 auto;
  border: solid 2px #00B68D;
  background: #fff;
  text-align: left;
}
main .news_block:not(:last-of-type) {
  margin-bottom: min(1.465vw, 15px);
}
@media only screen and (max-width: 768px) {
  main .news_block:not(:last-of-type) {
    margin-bottom: 3.846vw;
  }
}
main .news_block.active .news_block_ttl {
  color: #fff;
  background: #00B68D;
}
main .news_block.active .news_block_ttl .news_block_ttl_day p {
  color: #fff;
}
main .news_block.active .news_block_ttl_txt .icon::after {
  background: #fff;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
}
main .news_block.active .news_block_ttl_txt .icon::before {
  background: #fff;
}
main .news_block_ttl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  color: #000;
  gap: 0 min(3.418vw, 35px);
  padding: min(1.465vw, 15px) min(8.789vw, 90px);
}
main .news_block_ttl:hover {
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  main .news_block_ttl {
    display: block;
    padding: 5.128vw 17.949vw 5.128vw 5.128vw;
  }
}
main .news_block_ttl_day p {
  font-size: min(1.367vw, 14px);
  font-weight: 700;
  color: #969696;
}
@media only screen and (max-width: 768px) {
  main .news_block_ttl_day p {
    font-size: 3.59vw;
  }
}
main .news_block_ttl_txt p {
  font-size: min(1.563vw, 16px);
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  main .news_block_ttl_txt p {
    font-size: 4.103vw;
  }
}
main .news_block_ttl_txt .icon_wrap {
  position: absolute;
  width: min(2.148vw, 22px);
  height: min(2.148vw, 22px);
  right: min(2.93vw, 30px);
  top: 0;
  bottom: 0;
  margin: auto 0;
}
@media only screen and (max-width: 768px) {
  main .news_block_ttl_txt .icon_wrap {
    width: 5.641vw;
    height: 5.641vw;
    right: 5.128vw;
  }
}
main .news_block_ttl_txt .icon_wrap .icon {
  width: min(2.148vw, 22px);
  height: min(2.148vw, 22px);
  position: relative;
  display: block;
  margin: auto;
  -webkit-transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  cursor: pointer;
  will-change: transform;
}
@media only screen and (max-width: 768px) {
  main .news_block_ttl_txt .icon_wrap .icon {
    width: 5.641vw;
    height: 5.641vw;
  }
}
main .news_block_ttl_txt .icon_wrap .icon:hover {
  -webkit-transform: scale(0.92);
          transform: scale(0.92);
}
main .news_block_ttl_txt .icon_wrap .icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 2px;
  background: #00B68D;
  display: block;
}
main .news_block_ttl_txt .icon_wrap .icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 2px;
  height: 100%;
  background: #00B68D;
  display: block;
  will-change: transform;
  -webkit-transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
main .news_block_cnt {
  display: none;
  padding: min(1.953vw, 20px) min(8.789vw, 90px);
}
@media only screen and (max-width: 768px) {
  main .news_block_cnt {
    padding: 5.128vw;
  }
}
main .news_block_cnt p {
  font-weight: 500;
}
main .news_block_cnt p:not(:last-of-type) {
  margin-bottom: min(0.977vw, 10px);
}
@media only screen and (max-width: 768px) {
  main .news_block_cnt p:not(:last-of-type) {
    margin-bottom: 3vw;
  }
}
main .news_block_cnt p.f14 {
  font-size: min(1.367vw, 14px);
}
main .news_block_cnt p.f14.mb30 {
  margin-bottom: min(2.93vw, 30px);
}
@media only screen and (max-width: 768px) {
  main .news_block_cnt p.f14.mb30 {
    margin-bottom: 5.128vw;
  }
}
@media only screen and (max-width: 768px) {
  main .news_block_cnt p.f14 {
    font-size: 3.59vw;
  }
}
main .news_block_cnt p.f12 {
  line-height: 1.5;
  font-size: min(1.172vw, 12px);
}
main .news_block_cnt p.f12.mb20 {
  margin-bottom: min(1.953vw, 20px);
}
@media only screen and (max-width: 768px) {
  main .news_block_cnt p.f12.mb20 {
    margin-bottom: 5.128vw;
  }
}
@media only screen and (max-width: 768px) {
  main .news_block_cnt p.f12 {
    font-size: 3.077vw;
  }
}
main .news_block_cnt p a {
  padding-bottom: 3px;
  border-bottom: solid 1px #000;
}
@media only screen and (max-width: 768px) {
  main .news_block_cnt p a {
    padding-bottom: 1px;
  }
}
main .news_block_wrap {
  margin: min(4.883vw, 50px) 0 min(4.883vw, 50px);
}
@media only screen and (max-width: 768px) {
  main .news_block_wrap {
    margin: 0 0 12.821vw;
  }
}
main .news_block_wrap::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: min(136.426vw, 1397px);
  height: 100%;
  left: -100%;
  top: 0;
  background: url(../img/news/cloud01.png) repeat-y center top;
  background-size: auto min(148.145vw, 1517px);
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  main .news_block_wrap::before {
    display: none;
  }
}
main .news_block_wrap::after {
  position: absolute;
  display: inline-block;
  content: "";
  width: min(113.281vw, 1160px);
  height: 100%;
  right: -65%;
  top: -1%;
  background: url(../img/news/cloud02.png) repeat-y center top;
  background-size: auto min(151.074vw, 1547px);
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  main .news_block_wrap::after {
    display: none;
  }
}
main .news .btn_style-02_wrap {
  width: min(33.008vw, 338px);
  height: min(5.859vw, 60px);
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  main .news .btn_style-02_wrap {
    width: 100%;
    height: 15.385vw;
  }
}

/* -----------------------------
提灯イラスト
------------------------------*/
.news_chouchin_left {
  position: absolute;
  top: -185px;
  left: -10px;
  width: min(9.18vw, 94px);
}
@media screen and (max-width: 1440px) {
  .news_chouchin_left {
    left: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .news_chouchin_left {
    width: 11.795vw;
    left: 7.692vw;
    top: -21.795vw;
  }
}
.news_chouchin_right-01 {
  position: absolute;
  top: -130px;
  right: -10px;
  width: min(11.133vw, 114px);
}
@media screen and (max-width: 1440px) {
  .news_chouchin_right-01 {
    right: 70px;
  }
}
@media only screen and (max-width: 768px) {
  .news_chouchin_right-01 {
    width: 14.615vw;
    right: 6.41vw;
    top: -21.795vw;
  }
}
.news_chouchin_right-02 {
  position: absolute;
  top: -130px;
  right: -80px;
  width: min(8.398vw, 86px);
}
@media screen and (max-width: 1440px) {
  .news_chouchin_right-02 {
    right: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .news_chouchin_right-02 {
    width: 12.051vw;
    right: -4.615vw;
    top: -21.795vw;
  }
}