@charset "UTF-8";
.basic-top-title {
  font-size: 30px;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 2.5px;
  position: relative; }

.container-mv .mv {
  min-height: 250px;
  background: #c1fff6;
  background: -moz-linear-gradient(45deg, #c1fff6 0%, #fffaf4 26%, #fff9fd 54%, #ffe2e6 75%, #fffcdd 100%);
  background: -webkit-linear-gradient(45deg, #c1fff6 0%, #fffaf4 26%, #fff9fd 54%, #ffe2e6 75%, #fffcdd 100%);
  background: -o-linear-gradient(45deg, #c1fff6 0%, #fffaf4 26%, #fff9fd 54%, #ffe2e6 75%, #fffcdd 100%);
  background: linear-gradient(45deg, #c1fff6 0%, #fffaf4 26%, #fff9fd 54%, #ffe2e6 75%, #fffcdd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1fff6', endColorstr='#fffcdd', GradientType=1); }
  .container-mv .mv #breadCrumb {
    padding: 15px 25px 5px 25px; }
    .container-mv .mv #breadCrumb a:hover {
      opacity: 0.7; }
    .container-mv .mv #breadCrumb .bread-item {
      color: #999999;
      font-size: 13px; }
    .container-mv .mv #breadCrumb .fa-home {
      color: #ffa9bb; }
    .container-mv .mv #breadCrumb p {
      line-height: 1.2; }
  .container-mv .mv .mv-title-area h2 {
    text-align: center;
    font-size: 36px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 2.5px;
    padding: 50px 0; }
    .container-mv .mv .mv-title-area h2 .blue {
      color: #8ae2f8;
      font-weight: 700; }
    .container-mv .mv .mv-title-area h2 .ja {
      display: block;
      text-align: center;
      color: #666666;
      font-size: 20px;
      font-weight: 300;
      padding: 8px 0 0 0; }

.category {
  padding: 65px 0 35px; }
  .category ul {
    text-align: center;
    padding: 0 15px;
    line-height: 2.5; }
    .category ul li {
      display: inline-block;
      padding: 0 25px 0 0;
      margin: 0 25px 0 0;
      position: relative; }
      .category ul li a {
        color: #999999;
        font-size: 16px; }
      .category ul li::after {
        content: "/";
        position: absolute;
        right: 0;
        top: 0; }
      .category ul li:last-child::after {
        display: none; }
      .category ul li:first-child {
        padding: 0 25px; }
      .category ul li.cat-all span a.current {
        color: #000000;
        position: relative; }
        .category ul li.cat-all span a.current::after {
          content: "";
          width: 100%;
          height: 2px;
          position: absolute;
          background-color: #000000;
          bottom: -5px;
          left: 0; }
      .category ul li.cat-oshirase span a.current {
        color: #ffa9bb;
        position: relative; }
        .category ul li.cat-oshirase span a.current::after {
          content: "";
          width: 100%;
          height: 2px;
          position: absolute;
          background-color: #ffa9bb;
          bottom: -5px;
          left: 0; }
      .category ul li.cat-blog span a.current {
        color: #8ae2f8;
        position: relative; }
        .category ul li.cat-blog span a.current::after {
          content: "";
          width: 100%;
          height: 2px;
          position: absolute;
          background-color: #8ae2f8;
          bottom: -5px;
          left: 0; }
      .category ul li.cat-saiyou span a.current {
        color: #85dc7e;
        position: relative; }
        .category ul li.cat-saiyou span a.current::after {
          content: "";
          width: 100%;
          height: 2px;
          position: absolute;
          background-color: #85dc7e;
          bottom: -5px;
          left: 0; }

.table-news {
  display: block;
  width: 70%;
  max-width: 1000px;
  margin: auto; }
  .table-news td {
    font-size: 14px;
    letter-spacing: 1.2px;
    padding: 22px 5px 22px 15px;
    position: relative; }
    .table-news td.firstLine:before {
      content: "";
      width: 100%;
      height: 3px;
      background-image: url(/lib/cmn_img/line.png);
      background-repeat: repeat-x;
      position: absolute;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      left: 50%;
      top: 0; }
    .table-news td::after {
      content: "";
      width: 100%;
      height: 3px;
      background-image: url(/lib/cmn_img/line.png);
      background-repeat: repeat-x;
      position: absolute;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      left: 50%;
      bottom: 0; }
    .table-news td.table-news-title {
      font-size: 16px; }
    .table-news td.table-news-date {
      padding: 22px 130px 22px 5px;
      width: 20%; }
      .table-news td.table-news-date span {
        position: relative;
        cursor: pointer; }
        .table-news td.table-news-date span.oshirase:after {
          content: "#お知らせ";
          line-height: 1.8;
          height: 25px;
          width: 100px;
          text-align: center;
          color: #ffa9bb;
          font-size: 14px;
          border: 1px solid #ffa9bb;
          border-radius: 20px;
          position: absolute;
          -webkit-transform: translate(100%, -50%);
          -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
          top: 50%;
          right: -15px; }
        .table-news td.table-news-date span.saiyou:after {
          content: "#採用";
          line-height: 1.8;
          height: 25px;
          width: 100px;
          text-align: center;
          color: #85dc7e;
          font-size: 14px;
          border: 1px solid #85dc7e;
          border-radius: 20px;
          position: absolute;
          -webkit-transform: translate(100%, -50%);
          -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
          top: 50%;
          right: -15px; }
        .table-news td.table-news-date span.blog:after {
          content: "#ブログ";
          line-height: 1.8;
          height: 25px;
          width: 100px;
          text-align: center;
          color: #8ae2f8;
          font-size: 14px;
          border: 1px solid #8ae2f8;
          border-radius: 20px;
          position: absolute;
          -webkit-transform: translate(100%, -50%);
          -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
          top: 50%;
          right: -15px; }

.page-number {
  padding: 40px 0 90px; }
  .page-number ul {
    text-align: center; }
    .page-number ul li {
      color: white;
      font-size: 16px;
      padding: 4px 12px 1px 12px;
      background-color: #dadada;
      display: inline-block;
      margin: 4px;
      -webkit-transition-timing-function: ease-in;
      -o-transition-timing-function: ease-in;
      transition-timing-function: ease-in;
      -webkit-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      transition-duration: 0.2s;
      cursor: pointer;
      position: relative; }
      .page-number ul li.prev {
        padding: 4px 20px 1px 35px; }
        .page-number ul li.prev::after {
          content: "◀︎";
          position: absolute;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
          top: 53%;
          font-size: 10px;
          left: 17px; }
      .page-number ul li.next {
        padding: 4px 35px 1px 20px; }
        .page-number ul li.next::after {
          content: "▶︎";
          position: absolute;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
          top: 53%;
          font-size: 9px;
          right: 17px; }
      .page-number ul li.number.active {
        background-color: #ffa9bb; }
      .page-number ul li:hover {
        color: #555555; }

@media screen and (max-width: 1050px) {
  .container-mv .mv {
    min-height: 220px; }
  .container-mv .mv .mv-title-area h2 {
    padding: 40px 0; } }

@media screen and (max-width: 768px) {
  .container-mv .mv {
    min-height: 180px; }
  .container-mv .mv .mv-title-area h2 {
    padding: 30px 0; }
  .category {
    padding: 45px 0 30px; }
  .table-news td.table-news-title {
    font-size: 14px; }
  .table-news {
    display: block;
    width: 90%; } }

@media screen and (max-width: 480px) {
  .container-mv .mv {
    min-height: 150px; }
  .container-mv .mv .mv-title-area h2 {
    padding: 17px 0;
    font-size: 28px; }
  .container-mv .mv .mv-title-area h2 .ja {
    font-size: 17px; }
  .container-mv .mv #breadCrumb .bread-item {
    font-size: 12px; }
  .container-mv .mv #breadCrumb {
    padding: 7px 5px 5px 15px; }
  .table-news td.table-news-date {
    width: 100%; }
  .table-news td {
    padding: 15px 0px 15px 0px;
    display: block; }
  .table-news td.firstLine:last-child:before {
    display: none; }
  .table-news td.table-news-date {
    padding: 15px 15px 15px 5px; } }

.news-detail-container {
  padding: 60px 0;
  width: 76.39%;
  max-width: 1100px; }
  .news-detail-container .news-detail-title-area .news-detail-date {
    padding: 0 0 5px 0; }
    .news-detail-container .news-detail-title-area .news-detail-date span {
      position: relative;
      font-size: 14px; }
      .news-detail-container .news-detail-title-area .news-detail-date span.oshirase:after {
        content: "#お知らせ";
        line-height: 1.8;
        height: 25px;
        width: 100px;
        text-align: center;
        color: #ffa9bb;
        font-size: 14px;
        border: 1px solid #ffa9bb;
        border-radius: 20px;
        position: absolute;
        -webkit-transform: translate(100%, -50%);
        -ms-transform: translate(100%, -50%);
        transform: translate(100%, -50%);
        top: 50%;
        right: -15px; }
      .news-detail-container .news-detail-title-area .news-detail-date span.saiyou:after {
        content: "#採用";
        line-height: 1.8;
        height: 25px;
        width: 100px;
        text-align: center;
        color: #85dc7e;
        font-size: 14px;
        border: 1px solid #85dc7e;
        border-radius: 20px;
        position: absolute;
        -webkit-transform: translate(100%, -50%);
        -ms-transform: translate(100%, -50%);
        transform: translate(100%, -50%);
        top: 50%;
        right: -15px; }
      .news-detail-container .news-detail-title-area .news-detail-date span.blog:after {
        content: "#ブログ";
        line-height: 1.8;
        height: 25px;
        width: 100px;
        text-align: center;
        color: #8ae2f8;
        font-size: 14px;
        border: 1px solid #8ae2f8;
        border-radius: 20px;
        position: absolute;
        -webkit-transform: translate(100%, -50%);
        -ms-transform: translate(100%, -50%);
        transform: translate(100%, -50%);
        top: 50%;
        right: -15px; }
  .news-detail-container .news-detail-title-area h3 {
    color: #333333;
    font-size: 26px;
    margin: 0px 0 10px 0;
    position: relative; }
    .news-detail-container .news-detail-title-area h3::after {
      content: "";
      width: 100%;
      height: 3px;
      background-image: url(/lib/cmn_img/line.png);
      background-repeat: repeat-x;
      position: absolute;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      left: 50%;
      bottom: -3px; }
  .news-detail-container h4 {
    font-size: 24px;
    color: #444444;
    margin: 10px 0 15px;
    position: relative; }
    .news-detail-container h4::before {
      content: "";
      width: 100%;
      height: 6px;
      background-image: url(/lib/cmn_img/line3.png);
      background-color: blue;
      position: absolute;
      left: 0;
      bottom: -5px; }
  .news-detail-container h5 {
    font-size: 20px;
    margin: 10px 0 5px 35px;
    position: relative; }
    .news-detail-container h5::before {
      content: url(/lib/cmn_img/square_blue.png);
      position: absolute;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      left: -35px;
      top: 60%; }
  .news-detail-container ul {
    margin: 10px 0 10px 18px; }
    .news-detail-container ul li {
      font-size: 14px;
      line-height: 1.7;
      padding: 5px 0;
      position: relative; }
      .news-detail-container ul li::before {
        content: url(/lib/cmn_img/losange.svg);
        position: absolute;
        left: -18px;
        top: 4px; }
  .news-detail-container table,
  .news-detail-container table td,
  .news-detail-container table th {
    border-collapse: collapse;
    border: 1px solid #eaeaea;
    font-size: 14px;
    padding: 15px 5px 11px 19px;
    text-align: left;
    line-height: 1.5; }
  .news-detail-container table {
    width: 100%;
    margin: 25px 0; }
    .news-detail-container table th {
      background-color: #f7feff;
      width: 35%; }
  .news-detail-container p {
    padding: 15px 0; }
  .news-detail-container img {
    margin: 10px 0; }
  .news-detail-container .news-detail-btn {
    margin: 50px auto;
    text-align: center;
    display: block; }
    .news-detail-container .news-detail-btn a {
      color: white;
      padding: 15px 70px 12px 90px;
      background-color: #dadada;
      -webkit-transition-timing-function: ease-in;
      -o-transition-timing-function: ease-in;
      transition-timing-function: ease-in;
      -webkit-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      transition-duration: 0.2s;
      position: relative; }
      .news-detail-container .news-detail-btn a::after {
        content: "◀︎";
        position: absolute;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        top: 53%;
        font-size: 10px;
        left: 65px; }
      .news-detail-container .news-detail-btn a:hover {
        color: black; }

@media screen and (max-width: 768px) {
  .news-detail-container {
    padding: 45px 18px;
    width: 100%; } }

@media screen and (max-width: 480px) {
  .news-detail-container {
    padding: 40px 18px; }
    .news-detail-container .news-detail-title-area h3 {
      font-size: 20px;
      padding: 0px 0 0px 0; }
    .news-detail-container p {
      padding: 10px 0;
      font-size: 14px; }
    .news-detail-container h4 {
      font-size: 17px;
      padding: 0 0 3px 0; }
    .news-detail-container h5 {
      font-size: 18px;
      margin: 10px 0 5px 30px; }
      .news-detail-container h5::before {
        top: 0;
        left: -30px;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8); }
    .news-detail-container table td,
    .news-detail-container table th {
      display: block;
      width: 100%;
      border-left: none;
      border-right: none;
      border-top: none; }
    .news-detail-container table {
      border-bottom: none; }
  .container-mv .mv #breadCrumb {
    padding: 5px 10px; } }