@charset "UTF-8";

.section--new *, .section--new ::after, .section--new ::before { box-sizing: border-box; }
.section--new a:link { color: #000000; }
.section--new a:hover { text-decoration: none; }
.ico--pause::before { content: "\e907"; }
.ico--play::before { content: "\e908"; }
.new__body { width: 100%; }
.new__date { position: absolute; }

.section--new { margin-top: 20px; }
.new__inner:before, .greenBtn__inner:before, .app__inner:before, .btn__inner:before { background-color: #006c90; }
.new:before { background-image: none; background-color: #c8e8fb; }
.section__title { color: #007194; }
.new__inner { font-size: 0.9em; }
.slider--new { margin-bottom: 4.25rem; font-size: 16px; }
.slick-dots button { overflow: hidden; }
@media (min-width: 1199.98px) {
    .new__title, .app__title, .new__tag { max-height: 4.81818182em; font-size: 1.125em; }
    .new__title { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; white-space: normal; }
}

@media (min-width: 768px) {
    main .section__title { font-size: 1.5em; }
    main .section--new { width: 25%; box-sizing: border-box; float: right; }
    main #content { width: 75%; padding-right: 0; box-sizing: border-box; float: left; }
    main::after { content: ""; display: block; clear: both; }
}


.section--new {
  visibility: hidden;
  animation: fadeInAnimation ease 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.section--new {
  display: none;
}

@media (min-width: 768px) {
  .section--new {
    display: block;
  }
}