@charset "utf-8";
      .topNewsEvolutionAreaWrapper {
          margin-top: 80px
      }

      .is-spView .topNewsEvolutionAreaWrapper {
          margin-top: 40px;
      }

      .topNewsEvolutionArea {
          padding: 40px 25px 30px;
          background-color: #f5f5f5;
      }

      .is-spView .topNewsEvolutionArea {
          width: auto;
          padding: 10px;
          border: 1px solid #004098;
          background-color: transparent;
      }

      .topNewsEvolutionArea [class^="m-btn--"] {
          width: 100%;
          height: 47px;
          padding: 14px 16px
      }

      .topNewsEvolutionAreaTitle {
          position: relative;
          height: 50px;
          background: #004098;
          color: #fff;
          font-weight: bold
      }

      .is-spView .topNewsEvolutionAreaTitle {
          width: auto;
          height: auto;
      }

      .topNewsEvolutionAreaTitle h2.topNewsEvolutionAreaTitle__title {
          margin: 0;
          padding: 10px 0 4px 20px;
          vertical-align: bottom;
          line-height: 1.1em;
          text-align: center;
      }

      .is-spView .topNewsEvolutionAreaTitle h2.topNewsEvolutionAreaTitle__title {
          padding: 15px 10px;
      }

      .topNewsEvolutionAreaTitle h2.topNewsEvolutionAreaTitle__title strong img {
          vertical-align: bottom
      }

      .is-spView .topNewsEvolutionAreaTitle h2.topNewsEvolutionAreaTitle__title strong img {
          width: 98%;
          height: auto;
      }

      .topNewsEvolutionAreaTitle .topNewsEvolutionAreaTitle__btn {
          display: none;
      }

      .is-spView .topNewsEvolutionAreaTitle .topNewsEvolutionAreaTitle__btn {
          display: block;
          bottom: auto;
          right: auto;
          margin: 0 10px 10px 0;
          text-align: right;
      }

      .is-spView .topNewsEvolutionAreaTitle .topNewsEvolutionAreaTitle__btn a {
          display: block;
          min-height: 15px;
          padding-right: 20px;
          color: #fff;
          font-size: 16px;
          line-height: 1.1em;
          background: url(/operation/top/img/promo_area/20201126/arrow.gif) no-repeat right 1px;
      }

      .is-spView .topNewsEvolutionAreaTitle .topNewsEvolutionAreaTitle__btn a:hover {
          text-decoration: none;
      }

      .topNewsEvolutionArea .evo_date {
          display: table;
          margin: 0 0 4px;
      }

      .topNewsEvolutionArea .evo_date > span {
          display: table-cell;
          padding: 3px 5px 1px 0;
          line-height: 1.1em;
      }

      .topNewsEvolutionArea .evo_date > strong {
          padding: 3px 6px 3px;
          font-size: 12px;
          line-height: 1;
          background: #e60012;
          color: #fff;
          text-align: center;
          font-weight: normal;
      }

      .topNewsEvolutionBox {
          max-width: 1130px;
          margin-left: auto;
          margin-right: auto
      }

      .is-spView .topNewsEvolutionBox {
          max-width: none;
          margin-left: 0;
          margin-right: 0;
      }

      .topNewsEvolutionList {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
      }

      .is-spView .topNewsEvolutionList {
          display: block;
          width: auto;
      }

      .topNewsEvolutionList > li {
          flex-shrink: 0;
          flex-grow: 0;
          width: 320px;
          vertical-align: top;
          margin-bottom: 20px;
      }

      .is-spView .topNewsEvolutionList > li {
          display: block;
          width: auto;
          padding: 20px 10px 20px;
      }

      .is-spView .topNewsEvolutionList > li + li {
          border-top: 1px solid #bfbfbf;
      }

      .topNewsEvolutionList > li dt {
width: 320px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
      }

      .is-spView .topNewsEvolutionList > li dt {
          display: flex;
          flex-direction: row-reverse;
          width: auto;
          height: auto;
          margin-left: 0;
          margin-right: 0;
          padding: 0;
          background-color: transparent;
          text-align: left;
      }
      
      .topNewsEvolutionList > li dt > .topNewsEvolutionRead {
          width: 180px;
      }

      .is-spView .topNewsEvolutionRead {
          flex-grow: 1;
          flex-shrink: 1;
      }

      .topNewsEvolutionList > li dd {
          margin-top: 10px
      }

      .is-spView .topNewsEvolutionList > li dd {
          margin-top: 15px
      }

      .topNewsEvolutionList .evo_link a {
          color: #004098;
      }

      .is-spView .topNewsEvolutionList .evo_link a {
          color: #004098;
      }

      .topNewsEvolutionList .evo_link a:hover {
          color: #004098;
          text-decoration: underline
      }

      .topNewsEvolutionTitle {
          text-align: center;
          font-size: 17px;
          font-weight: bold
      }

      .is-spView .topNewsEvolutionTitle {
          text-align: left;
          font-size: 16px;
          line-height: 1.2;
          padding-left: 10px;
      }

      .is-spView .topNewsEvolutionText {
          font-size: 12px;
      }

      .topNewsEvolutionImg {
          width: 100px;
          height: 63px;
          margin-left: auto;
          margin-right: auto;
          overflow: hidden
      }

      
      .topNewsEvolutionImg--right {
        margin-right: 0;
      }

      .is-spView .topNewsEvolutionImg {
          width: 100px;
          height: 67px;
          margin: -10px 9px -19px -3px;
      }

      .is-spView .topNewsEvolutionImg img {
          height: auto;
      }

      .topNewsEvolutionBtn {
          width: 260px;
          margin-top: 20px;
          margin-right: auto;
          margin-left: auto
      }

      .is-spView .topNewsEvolutionBtn {
          display: none;
      }

      @media screen and (max-width: 1199px) {
          .topNewsEvolutionList > li {
              width:266px
          }
           .topNewsEvolutionList > li dt {
           width: 266px;
          }
          .topNewsEvolutionTitle {
          font-size: 15px;
          }
          .topNewsEvolutionList > li dt > .topNewsEvolutionRead {
          width: 134px;
          }
      }