.news_details {
  background-color: #E6E6E6;
  padding: 65px 0 75px; }
  @media (max-width: 600px) {
    .news_details {
      padding: 0;
      background-color: #fff; } }
  .news_details .detail-box {
    width: 92%;
    max-width: 940px;
    margin: 0 auto 85px;
    background-color: #fff;
    padding: 30px 80px 65px; }
    @media (max-width: 960px) {
      .news_details .detail-box {
        padding: 25px 25px 35px; } }
    @media (max-width: 600px) {
      .news_details .detail-box {
        padding: 20px 0 80px;
        margin-bottom: 0; } }
    .news_details .detail-box .category {
      margin-bottom: 15px; }
      @media (max-width: 600px) {
        .news_details .detail-box .category {
          margin-bottom: 10px; } }
      .news_details .detail-box .category a {
        display: inline-block;
        margin-right: 25px;
        padding: 5px 15px;
        color: #fff;
        font-size: 13rem; }
      .news_details .detail-box .category.news a {
        background-color: #781383; }
      .news_details .detail-box .category.update a {
        background-color: #1C287E; }
    .news_details .detail-box .title {
      font-size: 20rem;
      line-height: 1.75;
      margin-bottom: 15px; }
      @media (max-width: 600px) {
        .news_details .detail-box .title {
          font-size: 18rem;
          margin-bottom: 10px; } }
    .news_details .detail-box .date {
      font-size: 13rem;
      color: #767575;
      margin-bottom: 30px; }
      @media (max-width: 600px) {
        .news_details .detail-box .date {
          font-size: 12rem;
          margin-bottom: 15px; } }
    .news_details .detail-box .text-area {
      margin-bottom: 100px; }
      .news_details .detail-box .text-area p {
        line-height: 1.88;
        margin-bottom: 1em; }
        .news_details .detail-box .text-area p a {
          color: #781383;
          text-decoration: underline; }
          .news_details .detail-box .text-area p a:hover {
            text-decoration: none; }
    .news_details .detail-box .sns-shea {
      display: flex; }
      @media (max-width: 600px) {
        .news_details .detail-box .sns-shea {
          justify-content: center; } }
      .news_details .detail-box .sns-shea li {
        margin-right: 5px;
        height: 27px; }
        .news_details .detail-box .sns-shea li img {
          height: 100%; }
  .news_details .control {
    width: 92%;
    max-width: 940px;
    margin: 0 auto;
    display: flex; }
    @media (max-width: 600px) {
      .news_details .control {
        margin-bottom: 70px; } }
    .news_details .control div {
      width: 50%;
      padding: 30px 0;
      font-size: 20rem;
      line-height: 1.75; }
      @media (max-width: 600px) {
        .news_details .control div {
          padding: 12px 0;
          border: 1px solid #B3B3B3;
          color: #B3B3B3;
          text-align: center;
          font-size: 13rem; } }
      .news_details .control div.prev {
        border-right: 1px solid #B3B3B3;
        padding-left: 75px;
        position: relative; }
        @media (max-width: 600px) {
          .news_details .control div.prev {
            border-right: none;
            padding-left: 0; } }
        .news_details .control div.prev::before {
          position: absolute;
          content: "<";
          left: 0;
          top: 50%;
          transform: translateY(-50%); }
          @media (max-width: 600px) {
            .news_details .control div.prev::before {
              left: 12px; } }
      .news_details .control div.next {
        text-align: right;
        padding-right: 75px;
        position: relative; }
        @media (max-width: 600px) {
          .news_details .control div.next {
            text-align: center;
            padding-right: 0; } }
        .news_details .control div.next::before {
          position: absolute;
          content: ">";
          right: 0;
          top: 50%;
          transform: translateY(-50%); }
          @media (max-width: 600px) {
            .news_details .control div.next::before {
              right: 12px; } }
      .news_details .control div:hover {
        opacity: .6; }

.footer {
  margin-top: 0; }