/* 1023px
=================================================================== */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  /* vw
  ================================================*/
  .newsDetail .newsDetail__text .newsDate {
    top: -35px; }

  .newsDetail .newsListSlick .news__list--items {
    padding-right: 30px;
    padding-left: 30px; } }
/* 767px
=================================================================== */
@media only screen and (max-width: 767px) {
  .news .section.section__news {
    padding-top: 65px;
    padding-bottom: 35px; }

  .newsDetail .newsDetail__youtube {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }
  .newsDetail .newsDate {
    flex-direction: column;
    left: 50%;
    transform: translateX(-50%);
    text-align: center; }
    .newsDetail .newsDate > dt {
      transform-origin: center center;
      margin-right: 0;
      margin-bottom: 7px; }
  .newsDetail .newsDetail__img .newsDetail__img--slick img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }
  .newsDetail .newsDetail__img .newsDetail__img--slick .slick-prev {
    left: -15px; }
  .newsDetail .newsDetail__img .newsDetail__img--slick .slick-next {
    right: -15px; }
  .newsDetail .newsDetail__text {
    padding-bottom: 35px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
    .newsDetail .newsDetail__text .newsDetail__text--data {
      font-size: 11px;
      margin-top: 10px; }
    .newsDetail .newsDetail__text .newsDate {
      top: -32px; }
      .newsDetail .newsDetail__text .newsDate > dd > span {
        font-size: 16px; }
    .newsDetail .newsDetail__text .newsDetail__text--h3 {
      font-size: 18px;
      margin-bottom: 20px; }
    .newsDetail .newsDetail__text .newsDetail__text--link {
      margin-top: 40px;
      padding-top: 35px;
      border-top: 1px dotted #efe6e0; }
      .newsDetail .newsDetail__text .newsDetail__text--link .newsDetail__link--h4 {
        width: 86px;
        height: 27px;
        border-radius: 27px;
        top: -16px;
        font-size: 11px; }
      .newsDetail .newsDetail__text .newsDetail__text--link .newsDetail__link--list > li {
        margin: 0 12px 12px; }
        .newsDetail .newsDetail__text .newsDetail__text--link .newsDetail__link--list > li.btn > a {
          font-size: 12px; }
  .newsDetail .newsListSlick {
    width: calc(100% + 50px);
    left: -25px; }
    .newsDetail .newsListSlick .slick-slide {
      padding-top: 20px; }
    .newsDetail .newsListSlick .news__list--items {
      padding-right: 4vw;
      padding-left: 4vw; }
      .newsDetail .newsListSlick .news__list--items .newsDate {
        width: 100%;
        top: 0; }
      .newsDetail .newsListSlick .news__list--items > a {
        padding-top: 30px;
        padding-left: 0; }
        .newsDetail .newsListSlick .news__list--items > a .news__list--img {
          position: relative;
          width: 100%;
          height: auto;
          padding-top: 100%; }
        .newsDetail .newsListSlick .news__list--items > a .news__list--text {
          width: 100%;
          text-align: center; } }