@charset "UTF-8";
/*
====>> 動きや表示の状態を表すデフォルトスタイリング <<====

・このファイルはベースのスタイルになるので、原則オーバーライド(上書き)はしない事
・サイトのパーツ等のスタイルを格納するファイル

*/
.is-hover-img {
  overflow: hidden;
  transition: all 0.3s ease;
}
.is-hover-img img {
  transition: all 0.3s ease;
}
@media (hover: hover) {
  .is-hover-img:hover img {
    transform: scale(1.1);
  }
}

.p-send_list_item a {
  transition: all 0.1s ease;
}
.p-send_list_item a:hover {
  color: var(--color-orange);
}
.p-send_list_item a:hover .icon_arrow_bottom {
  animation: pulse-effect 0.35s ease-in-out;
}
.p-send_list_item a:hover .p-send_list_item_img_box img {
  animation: pulse-effect-img 0.35s ease-in-out;
}
.p-send_list_item a:hover .icon_send_img_back {
  animation: pulse-effect-img 0.35s ease-in-out;
}

@keyframes pulse-effect {
  0% {
    transform-origin: center;
    transform: scale(1);
  }
  50% {
    transform-origin: center;
    transform: scale(1.5);
  }
  100% {
    transform-origin: center;
    transform: scale(1);
  }
}
@keyframes pulse-effect-img {
  0% {
    transform-origin: center;
    transform: scale(1);
  }
  50% {
    transform-origin: center;
    transform: scale(1.125);
  }
}
.arrow-hover a {
  transition: all 0.1s ease;
}
.arrow-hover a:hover .c-card_arrow img {
  animation: arrow-hover-effect 0.35s ease-in-out;
}
.arrow-hover a:hover .p-news_item_arrow img {
  animation: arrow-hover-effect 0.35s ease-in-out;
}

@keyframes arrow-hover-effect {
  0% {
    transform-origin: center;
    transform: scale(1);
  }
  50% {
    transform-origin: center;
    transform: scale(1.2);
  }
  100% {
    transform-origin: center;
    transform: scale(1);
  }
}

/*# sourceMappingURL=state.css.map */