/* common
=================================================================== */
/* color
=================================================================== */
/* layout
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* form
=================================================================== */
/* max-width: 1023px
=================================================================== */
@media only screen and (max-width: 1023px) {
  /* contents
  =================================================================== */
  article .section.news {
    width: calc(100% - 10px);
    font-size: 12px; }
    article .section.news .news__content ul li {
      margin-bottom: 20px;
      padding-bottom: 20px; }
      article .section.news .news__content ul li.news--img dl dt {
        flex-basis: calc(50% - 35px); }
      article .section.news .news__content ul li.news--img dl dd {
        flex-basis: calc(50% + 15px); }
      article .section.news .news__content ul li.news--img dl dt span {
        padding-top: calc(214 / 190 * 100%); }
      article .section.news .news__content ul li.news--text {
        flex-basis: 100%; }
        article .section.news .news__content ul li.news--text dl dd {
          padding-bottom: 30px; } }