.t_ttl01 {
  display: flex;
  align-items: flex-end;
  margin: 0; }
  @media (max-width: 768px) {
    .t_ttl01 {
      flex-flow: column;
      align-items: center; } }
  .t_ttl01 .eng {
    font-size: 5.856515373352855vw;
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    color: #194DA8; }
    @media (max-width: 768px) {
      .t_ttl01 .eng {
        font-size: 8vw; } }
  .t_ttl01 .jpg {
    font-size: 1.3177159590043925vw;
    font-weight: 500;
    line-height: 2.5;
    margin: 0 1.0rem; }
    @media (max-width: 768px) {
      .t_ttl01 .jpg {
        font-size: 4.266666666666667vw;
        margin: 0; } }

.news {
  margin-top: 10.0rem;
  margin-bottom: 20.0rem; }
  @media (max-width: 768px) {
    .news {
      margin-bottom: 18.666666666666668vw; } }
  .news-block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7.0rem; }
    @media (max-width: 768px) {
      .news-block {
        display: block; } }
  .news .t_ttl01 {
    width: 16.83748169838946vw;
    flex-flow: column;
    align-items: flex-start;
    margin-left: 7.320644216691069vw; }
    @media (max-width: 768px) {
      .news .t_ttl01 {
        align-items: center;
        width: 100%; } }
  .news .news-list {
    width: 53.80673499267935vw; }
    @media (max-width: 768px) {
      .news .news-list {
        width: 100%; } }
    .news .news-list__item {
      border-bottom: 1px solid #B4B4B4;
      padding: 1.5rem 0;
      margin: 0; }
      @media (max-width: 768px) {
        .news .news-list__item {
          padding: 4vw 0; } }
      .news .news-list__item dt {
        display: flex;
        align-items: center; }
        .news .news-list__item dt .date {
          margin-right: 1.5em;
          font-size: 1.4rem;
          color: #7C7C7C; }
          @media (max-width: 768px) {
            .news .news-list__item dt .date {
              margin-right: 2.666666666666667vw;
              font-size: 3.2vw; } }
        .news .news-list__item dt .category {
          display: block;
          color: #fff;
          text-decoration: none;
          background-color: #194DA8;
          font-size: 1.0rem;
          padding: .5rem 1.0rem;
          border-radius: 3.0rem; }
          @media (max-width: 768px) {
            .news .news-list__item dt .category {
              font-size: 2.666666666666667vw;
              padding: 1.3333333333333335vw 2.666666666666667vw; } }
      .news .news-list__item dd {
        margin-left: 0;
        margin-top: 1.0rem; }
        @media (max-width: 768px) {
          .news .news-list__item dd {
            margin-top: 2.666666666666667vw; } }
        .news .news-list__item dd a {
          line-height: 1.75;
          font-size: 1.8rem;
          color: #101010;
          text-decoration: none; }
          @media (max-width: 768px) {
            .news .news-list__item dd a {
              font-size: 3.733333333333334vw; } }
          .news .news-list__item dd a:hover {
            text-decoration: underline; }
  .news .wp-pagenavi {
    display: flex;
    justify-content: flex-end; }
    .news .wp-pagenavi a, .news .wp-pagenavi span {
      font-size: 1.2rem;
      color: #5A5A5A;
      background-color: #FFF;
      border: solid 1px #DEDEDE;
      padding: 8px 10px;
      margin: 0 2px;
      white-space: nowrap;
      -webkit-transition: 0.2s ease-in-out;
      -moz-transition: 0.2s ease-in-out;
      -o-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out;
      text-align: center;
      text-decoration: none; }
      .news .wp-pagenavi a:hover, .news .wp-pagenavi span:hover {
        color: #FFF;
        background-color: #194DA8;
        border-color: #194DA8; }
    .news .wp-pagenavi span.current {
      color: #FFF;
      background-color: #194DA8;
      border-color: #194DA8;
      font-weight: bold; }

.news-detail {
  margin-bottom: 20.0rem; }
  .news-detail.c_container {
    padding: 0 14.128843338213763vw; }
  .news-detail .thumbnail img {
    margin: 0 auto 3.0rem; }
  .news-detail .date-category {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem; }
    .news-detail .date-category .date {
      margin-right: 1.5em;
      font-size: 1.4rem;
      color: #7C7C7C; }
      @media (max-width: 768px) {
        .news-detail .date-category .date {
          margin-right: 2.666666666666667vw;
          font-size: 3.2vw; } }
    .news-detail .date-category .category {
      display: block;
      color: #fff;
      text-decoration: none;
      background-color: #194DA8;
      font-size: 1.0rem;
      padding: .5rem 1.0rem;
      border-radius: 3.0rem; }
      @media (max-width: 768px) {
        .news-detail .date-category .category {
          font-size: 2.666666666666667vw;
          padding: 1.3333333333333335vw 2.666666666666667vw; } }
  .news-detail .title {
    line-height: 1.75;
    font-size: 1.8rem;
    font-weight: bold;
    color: #101010;
    text-decoration: none;
    margin-bottom: 5.0rem; }
    @media (max-width: 768px) {
      .news-detail .title {
        font-size: 3.733333333333334vw; } }
  .news-detail .entry {
    line-height: 1.75;
    margin-bottom: 8.0rem; }
  .news-detail .page-con {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .news-detail .page-con div {
      width: 33.33%; }
      .news-detail .page-con div.all-link {
        text-align: center; }
      .news-detail .page-con div.next {
        text-align: right; }
    .news-detail .page-con a {
      display: inline-block;
      color: #194DA8;
      text-decoration: none;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      border: 1px solid #194DA8;
      line-height: 3.0rem;
      padding: 0 2.0rem;
      border-radius: 3.0rem; }
      .news-detail .page-con a:hover {
        background-color: #194DA8;
        color: #fff; }
