/* News CSS */
/* _setting CSS */
/* ___________________UI */
/* Smartphones (portrait and landscape) */
@media print, screen and (max-width: 780px) {
  .article .cont_inner {
    padding: 14.10256vw 5.12821vw 11.53846vw;
  }
  .article .news_head {
    margin-bottom: 3.84615vw;
  }
  .article .news_head .info {
    display: flex;
    justify-content: flex-start;
  }
  .article .news_head .date {
    width: 18.58974vw;
    font-size: 4.48718vw;
    font-weight: 900;
    margin-right: 3.20513vw;
  }
  .article .news_head .title {
    font-size: 4.48718vw;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 2.5641vw;
  }

  .news_archive .cont_wrap {
    position: relative;
  }
  .news_archive .cont_inner {
    padding: 12.82051vw 5.12821vw;
  }
  .news_archive #news .item {
    width: 100%;
  }
  .news_archive #news .item .date {
    margin-bottom: 1.28205vw;
  }
  .news_archive #news .item .title {
    margin-bottom: 1.92308vw;
  }
  .news_archive .cont .list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .news_archive .cont .item {
    position: relative;
    width: 100%;
  }
  .news_archive .cont .item .wrap {
    display: flex;
    justify-content: flex-start;
  }
  .news_archive .cont .item .image {
    width: 27.69231vw;
    margin-right: 2vw;
  }
  .news_archive .cont .item .info {
    width: calc(100% - 27.69231vw - 2vw);
  }
  .news_archive .cont .item::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 0.51282vw;
    background: url("../images/news/news_acce.svg") left top/100% no-repeat;
  }
  .news_archive .cont .item a {
    display: block;
    padding: 3.84615vw 0;
  }
}
/* Desktops and laptops */
@media screen and (min-width: 781px) {
  .cont_inner {
    width: 100%;
    max-width: 1050px;
    padding: 110px 0 70px;
    margin: 0 auto;
    box-sizing: border-box;
  }

  .article .cont_wrap {
    position: relative;
  }
  .article .cont {
    min-width: 0;
  }
  .article .cont_inner {
    max-width: 1300px;
    padding: 110px 125px 70px;
  }
  .article .wp_content {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .article .wp_content img {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .news_head .info {
    display: flex;
    justify-content: flex-start;
  }
  .news_head .date {
    width: 160px;
    flex-shrink: 0;
    font-size: 3.5rem;
    font-weight: 900;
    margin-right: 50px;
  }
  .news_head .title {
    font-size: 3.5rem;
    font-weight: 900;
    line-height: 1.3;
    margin-top: 25px;
    min-width: 0;
  }

  .news_archive .common_inner {
    padding-left: clamp(20px, 3.2vw, 50px);
    padding-right: clamp(20px, 3.2vw, 50px);
  }
  .news_archive .common_cont_title_left {
    top: -67px;
  }
  .news_archive #news .cont_inner {
    padding: 90px clamp(28px, 5vw, 80px) 60px;
  }
  .news_archive #news .item {
    width: calc((100% - clamp(20px, 3.8vw, 50px)) / 2);
    max-width: 500px;
    min-width: 0;
    box-sizing: border-box;
  }
  .news_archive #news .item .date {
    margin-bottom: 20px;
  }
  .news_archive #news .item .title {
    margin-bottom: 25px;
  }
  .news_archive .cont .list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: clamp(20px, 3.8vw, 50px);
  }
  .news_archive .cont .item {
    position: relative;
  }
  .news_archive .cont .item::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: url("../images/news/news_acce.svg") left top/100% no-repeat;
  }
  .news_archive .cont .item a {
    display: block;
    padding: 30px 0;
  }
}