* {
  box-sizing: border-box; }

.newsListContainer .select-wrap {
  display: none; }
  @media screen and (max-width: 750px) {
    .newsListContainer .select-wrap {
      display: block; } }

.section7-index-pc {
  padding: 4.6875vw 8.33333vw;
  padding-left: 0;
  padding-top: 0;
  background-color: #f8fcfd;
  box-sizing: border-box;
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 750px) {
    .section7-index-pc {
      padding: 0 5.33333vw; } }
  .section7-index-pc .title {
    padding-left: 8.33333vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.96875vw; }
    .section7-index-pc .title .txt-left {
      font-size: 2.08333vw;
      color: #000; }
    .section7-index-pc .title .more {
      font-size: 0.83333vw;
      color: #6e7071;
      display: flex;
      flex-direction: row;
      align-items: center; }
      @media screen and (min-width: 750px) {
        .section7-index-pc .title .more:hover img {
          right: -0.52083vw; } }
      .section7-index-pc .title .more img {
        position: relative;
        right: 0;
        width: 0.83333vw;
        height: 0.83333vw;
        display: block;
        margin-left: 0.52083vw;
        transition: all 0.2s linear; }
  .section7-index-pc .newsListContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    @media screen and (max-width: 750px) {
      .section7-index-pc .newsListContainer {
        flex-direction: column; } }
    .section7-index-pc .newsListContainer .leftNav {
      width: 20.83333vw;
      background-color: #fff;
      padding-left: 8.33333vw;
      box-sizing: border-box;
      padding-top: 4.16666vw; }
      @media screen and (max-width: 750px) {
        .section7-index-pc .newsListContainer .leftNav {
          position: relative;
          width: 100%;
          height: auto;
          padding: 0 4vw;
          margin-bottom: 4vw; }
          .section7-index-pc .newsListContainer .leftNav select {
            display: block;
            width: 100%;
            font-size: 3.2vw;
            line-height: 10.66666vw;
            color: #0097e0;
            background: url("../img/arr-down-mob.png") no-repeat;
            background-size: 2.4vw auto;
            background-position: center right; }
          .section7-index-pc .newsListContainer .leftNav::before {
            position: absolute;
            content: "";
            left: 0;
            bottom: 0;
            width: 100%;
            height: 0.53333vw;
            background: linear-gradient(90deg, #19b7ff 0%, #0097e0 100%); } }
      .section7-index-pc .newsListContainer .leftNav .monthCon {
        border-left: 0.20833vw #e2edf3 solid;
        display: flex;
        flex-direction: column; }
        @media screen and (max-width: 750px) {
          .section7-index-pc .newsListContainer .leftNav .monthCon {
            display: none; } }
        .section7-index-pc .newsListContainer .leftNav .monthCon a {
          display: block;
          padding-left: 2.08333vw;
          border-left: 0.20833vw #e2edf3 solid;
          height: 2.5vw;
          line-height: 2.5vw;
          font-size: 0.9375vw;
          color: #000;
          position: relative;
          left: -0.20833vw; }
        .section7-index-pc .newsListContainer .leftNav .monthCon .active {
          border-color: #0097e0;
          color: #0097e0;
          z-index: 2; }
    .section7-index-pc .newsListContainer .rightLsit {
      display: block;
      align-self: flex-start;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 66.66666vw;
      box-sizing: border-box;
      flex-wrap: wrap; }
      @media screen and (max-width: 750px) {
        .section7-index-pc .newsListContainer .rightLsit {
          flex-direction: column;
          width: 100%;
          padding-bottom: 13.33333vw; } }
      .section7-index-pc .newsListContainer .rightLsit .mainShow {
        padding: 2.60416vw;
        border-bottom: 0.20833vw solid #fff;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        width: 43.54166vw; }
        @media screen and (max-width: 750px) {
          .section7-index-pc .newsListContainer .rightLsit .mainShow {
            width: auto;
            padding: 5.33333vw;
            margin-bottom: 4vw; } }
        @media screen and (min-width: 750px) {
          .section7-index-pc .newsListContainer .rightLsit .mainShow:hover {
            border-color: #0097e0; }
          .section7-index-pc .newsListContainer .rightLsit .mainShow:hover h2 {
            font-weight: bold; }
          .section7-index-pc .newsListContainer .rightLsit .mainShow:hover .newsArr {
            background: url(../img/arr-right-active.png) no-repeat;
            background-size: 100% 100%; }
          .section7-index-pc .newsListContainer .rightLsit .mainShow:hover .imgBox img {
            transform: scale(1.05, 1.05); } }
        .section7-index-pc .newsListContainer .rightLsit .mainShow .imgBox {
          width: 38.33333vw;
          height: 20.3125vw;
          margin-bottom: 1.45833vw; }
          .section7-index-pc .newsListContainer .rightLsit .mainShow .imgBox img {
            width: 100%;
            height: 100%;
            display: block;
            transform: scale(1, 1);
            transition: all .3s linear; }
          @media screen and (max-width: 750px) {
            .section7-index-pc .newsListContainer .rightLsit .mainShow .imgBox {
              width: 100%;
              height: 41.6vw;
              margin-bottom: 3.46666vw; } }
        .section7-index-pc .newsListContainer .rightLsit .mainShow h2 {
          font-size: 1.45833vw;
          color: #000;
          margin-bottom: 2.34375vw; }
          @media screen and (max-width: 750px) {
            .section7-index-pc .newsListContainer .rightLsit .mainShow h2 {
              font-size: 3.73333vw;
              margin-bottom: 5.33333vw; } }
        .section7-index-pc .newsListContainer .rightLsit .mainShow .newsArr {
          width: 1.5625vw;
          height: 0.3125vw;
          background: url(../img/arr-right-default.png) no-repeat;
          background-size: 100% 100%; }
          @media screen and (max-width: 750px) {
            .section7-index-pc .newsListContainer .rightLsit .mainShow .newsArr {
              width: 4vw;
              height: 0.8vw;
              background: url(../img/arr-right-active.png) no-repeat;
              background-size: 100% 100%; } }
      .section7-index-pc .newsListContainer .rightLsit .partBox-s7 {
        padding-top: 2.39583vw;
        overflow: hidden; }
        .section7-index-pc .newsListContainer .rightLsit .partBox-s7:nth-child(2) {
          width: auto;
          padding-top: 0; }
        @media screen and (max-width: 750px) {
          .section7-index-pc .newsListContainer .rightLsit .partBox-s7 {
            padding-top: 4vw; } }
      .section7-index-pc .newsListContainer .rightLsit .buttonContainer {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-top: 1.5625vw; }
        @media screen and (max-width: 750px) {
          .section7-index-pc .newsListContainer .rightLsit .buttonContainer {
            padding-top: 10.66666vw; } }
        .section7-index-pc .newsListContainer .rightLsit .buttonContainer .loadMore {
          width: 10.41666vw;
          height: 3.33333vw;
          background: linear-gradient(90deg, #19b7ff 0%, #0097e0 100%);
          color: #fff;
          font-size: 0.83333vw;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center; }
          @media screen and (max-width: 750px) {
            .section7-index-pc .newsListContainer .rightLsit .buttonContainer .loadMore {
              width: 26.66666vw;
              height: 8.53333vw;
              font-size: 2.93333vw;
              line-height: 8.53333vw; } }
          @media screen and (min-width: 750px) {
            .section7-index-pc .newsListContainer .rightLsit .buttonContainer .loadMore:hover .arr {
              margin-left: 1.5625vw; } }
          .section7-index-pc .newsListContainer .rightLsit .buttonContainer .loadMore .arr {
            display: block;
            width: 0.83333vw;
            height: 0.83333vw;
            margin-left: 1.04166vw;
            transition: all 0.2s linear; }
            @media screen and (max-width: 750px) {
              .section7-index-pc .newsListContainer .rightLsit .buttonContainer .loadMore .arr {
                margin-left: 1.33333vw;
                width: 2.66666vw;
                height: 2.66666vw; } }
      .section7-index-pc .newsListContainer .rightLsit .normalPart {
        display: flex;
        flex-direction: column;
        padding: 3.125vw 2.70833vw;
        box-sizing: border-box;
        width: 18.46875vw;
        border-bottom: 0.20833vw solid #fff;
        background-color: #fff;
        margin-bottom: 2.60416vw;
        float: left;
        margin-right: 2.60416vw;
        height: 32.03125vw; }
        .section7-index-pc .newsListContainer .rightLsit .normalPart:nth-child(3n) {
          margin-right: 0; }
        @media screen and (max-width: 750px) {
          .section7-index-pc .newsListContainer .rightLsit .normalPart {
            width: 100%;
            height: auto;
            padding: 5.33333vw 6.66666vw 10.66666vw;
            margin-bottom: 4vw;
            margin-right: 0; }
            .section7-index-pc .newsListContainer .rightLsit .normalPart:nth-child(3n) {
              margin-right: 0; }
            .section7-index-pc .newsListContainer .rightLsit .normalPart:last-child {
              margin-bottom: 0; } }
        @media screen and (min-width: 750px) {
          .section7-index-pc .newsListContainer .rightLsit .normalPart:hover {
            border-color: #0097e0; }
          .section7-index-pc .newsListContainer .rightLsit .normalPart:hover h2 {
            color: #0097e0; } }
        .section7-index-pc .newsListContainer .rightLsit .normalPart h2 {
          font-size: 1.25vw;
          color: #000;
          margin-bottom: 1.61458vw;
          height: 4.32291vw; }
          @media screen and (max-width: 750px) {
            .section7-index-pc .newsListContainer .rightLsit .normalPart h2 {
              font-size: 3.73333vw;
              line-height: 5.33333vw;
              margin-bottom: 5.06666vw; } }
        .section7-index-pc .newsListContainer .rightLsit .normalPart p {
          font-size: 0.9375vw;
          color: #6e7071;
          margin-bottom: 1.04166vw;
          line-height: 1.45833vw; }
          @media screen and (max-width: 750px) {
            .section7-index-pc .newsListContainer .rightLsit .normalPart p {
              font-size: 3.2vw;
              line-height: 4.8vw;
              margin-bottom: 0.66666vw; }
              .section7-index-pc .newsListContainer .rightLsit .normalPart p:last-child {
                margin-bottom: 0; } }