.inr_mv_area {
  margin-bottom: 0; }
  .inr_mv_area .inr {
    background-image: url(../img/mv.jpg); }

.news {
  position: relative;
  padding-top: 170px; }
  @media only screen and (max-width: 767px) {
    .news {
      padding-top: 100px; } }
  .news .inr .news_list li {
    border-bottom: 1px solid #008e72; }
    .news .inr .news_list li a {
      position: relative;
      width: 100%;
      display: block;
      padding: 20px 20px 20px 0; }
      @media only screen and (max-width: 767px) {
        .news .inr .news_list li a {
          padding-top: 10px;
          padding-bottom: 10px; } }
      .news .inr .news_list li a::after {
        position: absolute;
        top: 50%;
        right: 20px;
        display: block;
        width: 0.5em;
        height: 0.5em;
        content: "";
        border-right: 2px solid #008e72;
        border-bottom: 2px solid #008e72;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -0.25em;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all; }
        @media only screen and (max-width: 767px) {
          .news .inr .news_list li a::after {
            right: 0; } }
      .news .inr .news_list li a .date {
        font-family: "EB Garamond", serif;
        letter-spacing: 0.01em;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .news .inr .news_list li a .date {
            display: block; } }
      .news .inr .news_list li a .new {
        font-family: "EB Garamond", serif;
        color: #e51d1d;
        font-weight: bold;
        padding-left: 20px; }
        @media only screen and (max-width: 767px) {
          .news .inr .news_list li a .new {
            padding-left: 0; } }
      .news .inr .news_list li a .news_text {
        width: 780px;
        padding-left: 20px;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        vertical-align: top;
        display: inline-block; }
        @media only screen and (max-width: 1199px) {
          .news .inr .news_list li a .news_text {
            width: 540px; } }
        @media only screen and (max-width: 767px) {
          .news .inr .news_list li a .news_text {
            width: 460px;
            padding-left: 5px; } }
        @media only screen and (max-width: 575px) {
          .news .inr .news_list li a .news_text {
            width: 380px; } }
        @media only screen and (max-width: 479px) {
          .news .inr .news_list li a .news_text {
            width: 270px; } }
      .news .inr .news_list li a:hover {
        color: #008e72; }
        .news .inr .news_list li a:hover::after {
          right: 0; }
  .news .inr .pager {
    margin-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .news .inr .pager li {
      margin: 0 1.5px; }
      .news .inr .pager li a {
        display: block;
        width: 1.6em;
        height: 1.6em;
        border: 1px solid;
        text-align: center;
        font-family: "EB Garamond", serif;
        font-weight: bold;
        line-height: 1.5; }
        .news .inr .pager li a.active {
          background-color: #585858;
          color: #fff; }
        .news .inr .pager li a:hover {
          background-color: #585858;
          color: #fff; }
      .news .inr .pager li:first-child a {
        position: relative; }
        .news .inr .pager li:first-child a::before {
          position: absolute;
          top: 50%;
          left: 10px;
          display: block;
          width: 0.5em;
          height: 0.5em;
          content: "";
          border-right: 2px solid #585858;
          border-bottom: 2px solid #585858;
          margin-top: -0.25em;
          pointer-events: none;
          -webkit-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
          transform: rotate(135deg); }
        .news .inr .pager li:first-child a:hover::before {
          border-color: #fff; }
      .news .inr .pager li:last-child a {
        position: relative; }
        .news .inr .pager li:last-child a::after {
          position: absolute;
          top: 50%;
          right: 10px;
          display: block;
          width: 0.5em;
          height: 0.5em;
          content: "";
          border-right: 2px solid #585858;
          border-bottom: 2px solid #585858;
          margin-top: -0.25em;
          pointer-events: none;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        .news .inr .pager li:last-child a:hover::after {
          border-color: #fff; }

.news_detail {
  padding-top: 170px; }
  @media only screen and (max-width: 767px) {
    .news_detail {
      padding-top: 100px; } }
  .news_detail .inr {
    max-width: 980px;
    width: 95%;
    margin: 0 auto; }
    .news_detail .inr .date {
      font-family: "EB Garamond", serif;
      font-size: 1.2em; }
    .news_detail .inr a {
      text-decoration: underline; }
    .news_detail .inr h2 {
      font-size: 1.6em;
      font-weight: bold;
      font-family: "Zen Old Mincho", serif;
      margin-top: 10px; }
      @media only screen and (max-width: 767px) {
        .news_detail .inr h2 {
          font-size: 1.3em; } }
    .news_detail .inr .text {
      margin-top: 40px; }
      @media only screen and (max-width: 767px) {
        .news_detail .inr .text {
          margin-top: 20px; } }
    .news_detail .inr img {
      margin-top: 30px;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .news_detail .inr img {
          margin-top: 20px; } }
