.component-aricles-carousel .announcement-carousel-item > div {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.component-aricles-carousel .announcement-carousel-item > div {
  -webkit-flex-direction: column !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important; }

.component-aricles-carousel .announcement-carousel-item > div > div:last-child {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.component-aricles-carousel .announcement-carousel-item > div > div:last-child {
  -webkit-flex: 1 1 auto !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important; }

.component-aricles-carousel .announcement-carousel-item > div > div:last-child {
  -webkit-flex-direction: column !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important; }

.component-aricles-carousel .announcement-carousel-item > div > div:last-child > div:last-child {
  margin-top: auto; }

.component-aricles-carousel .announcement-carousel-item span {
  font-size: 0.8125rem !important; }

.component-aricles-carousel .announcement-carousel-item span {
  line-height: 125% !important; }

@media (min-width: 768px) {
  .component-aricles-carousel .announcement-carousel-item span {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important; } }

.component-aricles-carousel .announcement-carousel-item h3 {
  font-size: 22px !important; }

.component-aricles-carousel .announcement-carousel-item h3 {
  line-height: 125% !important; }

.component-aricles-carousel .announcement-carousel-item h3 {
  letter-spacing: -0.25px !important; }

@media (min-width: 768px) {
  .component-aricles-carousel .announcement-carousel-item h3 {
    font-size: 32px !important; } }

.component-aricles-carousel .announcement-carousel-item div p {
  margin-bottom: 0px !important; }

.component-aricles-carousel .announcement-carousel-item div p {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important; }

.component-aricles-carousel .announcement-carousel-item div p {
  line-height: 125% !important; }

@media (min-width: 768px) {
  .component-aricles-carousel .announcement-carousel-item div p {
    font-size: 1rem !important;
    line-height: 1.5rem !important; } }

.component-aricles-carousel .announcement-carousel-item div p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2; }

.component-aricles-carousel {
  margin-top: 0 !important; }
  .component-aricles-carousel .slickContainer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .component-aricles-carousel .slickContainer > div h2 {
      display: block;
      font-size: 28px;
      line-height: 110%;
      letter-spacing: -0.5px; }
    .component-aricles-carousel .slickContainer > div.space-y-8 h2 {
      display: none; }
  .component-aricles-carousel .slick-arrow {
    height: 3rem;
    width: 3rem; }
    .component-aricles-carousel .slick-arrow#anime-next {
      margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }
      .component-aricles-carousel .slick-arrow#anime-next:before {
        background-image: url(../images/icon-arrow-mobile-next.svg); }
      .component-aricles-carousel .slick-arrow#anime-next:hover:before {
        background-image: url(../images/icon-arrow-mobile-next-hover.svg); }
    .component-aricles-carousel .slick-arrow svg {
      display: none; }
    .component-aricles-carousel .slick-arrow:before {
      content: "";
      background-image: url(../images/icon-arrow-mobile-prev.svg);
      background-position: center;
      background-size: 100%;
      width: 5px;
      height: 6px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .component-aricles-carousel .slick-arrow#anime-prev:hover:before {
      background-image: url(../images/icon-arrow-mobile-prev-hover.svg); }
  .component-aricles-carousel .announcement-carousel-item span {
    line-height: 125% !important;
    font-size: 0.8125rem !important; }
  .component-aricles-carousel .announcement-carousel-item h3 {
    font-size: 22px !important; }
  .component-aricles-carousel .announcement-carousel-item div p {
    font-size: 0.875rem !important;
    line-height: 125% !important; }
  .component-aricles-carousel .announcement-carousel-item > div > div:last-child > div:last-child {
    font-size: 0.75rem;
    line-height: 125%; }

section.component-aricles-carousel.wrapper {
  padding-right: 0; }
  @media only screen and (max-width: 767px) {
    section.component-aricles-carousel.wrapper {
      padding-right: 16px; } }
  section.component-aricles-carousel.wrapper .announcement-carousel-item__type {
    text-transform: uppercase; }
  section.component-aricles-carousel.wrapper #anime-prev,
  section.component-aricles-carousel.wrapper #anime-next {
    transition: opacity 0.15s cubic-bezier(0.1, 0.1, 0, 1) 0s, background 0.2s cubic-bezier(0.1, 0.1, 0, 1) 0s, -webkit-transform 0.15s cubic-bezier(0.1, 0.1, 0, 1) 0s;
    transition: opacity 0.15s cubic-bezier(0.1, 0.1, 0, 1) 0s, background 0.2s cubic-bezier(0.1, 0.1, 0, 1) 0s, transform 0.15s cubic-bezier(0.1, 0.1, 0, 1) 0s;
    transition: opacity 0.15s cubic-bezier(0.1, 0.1, 0, 1) 0s, background 0.2s cubic-bezier(0.1, 0.1, 0, 1) 0s, transform 0.15s cubic-bezier(0.1, 0.1, 0, 1) 0s, -webkit-transform 0.15s cubic-bezier(0.1, 0.1, 0, 1) 0s;
    position: relative; }