@charset "UTF-8";
@media screen and (min-width: 769px) {
  .news nav.category {
    width: 750px;
    margin-bottom: 40px; }

  .article_info {
    width: 900px;
    margin-top: 20px;
    font-size: 13px;
    margin-bottom: 10px;
    max-width: 100%; }

  article.main h2.tit {
    width: 900px;
    max-width: 100%; }

  .news nav.category ul {
    width: 100%;
    display: flex;
    justify-content: space-between; }
    .news nav.category ul li {
      width: calc(100% / 4 - 15px);
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: solid 1px #ccc;
      color: #666; }
      .news nav.category ul li a {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        color: #666; }
        .news nav.category ul li a:hover {
          background-color: #dddddd; }
    .news nav.category ul li.on {
      background-color: #dddddd; }
  .news ul.list li {
    color: #666;
    font-size: 14px;
    border-bottom: dotted 1px #ccc;
    line-height: 1.5;
    padding-bottom: 8px;
    margin-bottom: 10px; }
  .news ul.cat li span::after {
    width: 100px;
    height: 23px;
    display: inline-flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0;
    margin: 0 15px 0 10px; }
  .news ul.cat li.topics span::after {
    content: 'お知らせ';
    background-color: #3890b1; }
  .news ul.cat li.release span::after {
    content: 'プレスリリース';
    background-color: #ff4b46; }
  .news ul.cat li.media span::after {
    content: 'メディア掲載';
    background-color: #5fa129; }
  .news ul.sub-cat li span::after {
    width: 50px;
    height: 23px;
    display: inline-flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    border: solid 1px;
    color: #45d4e9;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 0 15px 0 10px; }
  .news ul.sub-cat li.gakkou span::after {
    content: '学校'; }
  .news ul.sub-cat li.juku span::after {
    content: '塾'; }
  .news ul.sub-cat li.hoiku span::after {
    content: '保育'; }
  .news ul.sub-cat li.kaigo span::after {
    content: '介護'; }
  .news ul.sub-cat li.public span::after {
    content: '公民'; }
  .news ul.sub-cat li.sonota span::after {
    content: 'その他'; }

  .article_info span.category {
    margin-left: 10px; }

  .article {
    _width: 740px;
    width: 900px;
    _display: flex;
    _flex-direction: column;
    _align-items: center;
    display: block; }
    .article p:not(.article_info) {
      width: 840px;
      margin: 0 0 0 20px;
      _display: flex;
      _flex-direction: column;
      _align-items: center;
      line-height: 2.2;
      text-align: left;
      margin-bottom: 1em;
      max-width: 100%; }
    .article h2 {
      width: 900px;
      margin: 10px auto 35px; }
    .article h3 {
      margin: 50px 0 1em;
      width: 840px;
      max-width: 100%; }
    .article h4 {
      font-size: 19px;
      margin-bottom: 10px; }
      .article h4:not(:first-of-type) {
        margin-top: 50px; }
    .article .topics_image {
      margin-top: 20px; }
    .article span.att {
      font-size: 12px; }
    .article p.left {
      text-align: left; }

  .intro-img_right {
    display: flex;
    flex-direction: row-reverse;
    align-items: center; }
    .intro-img_right p.img {
      margin-left: 10px; } }
@media screen and (max-width: 768px) {
  .news nav.category {
    width: 95%;
    margin-top: 3vw;
    margin-bottom: 10vw; }

  article.article h2.tit-sp {
    width: 100vw;
    background-color: #3cc9db;
    background-image: none;
    border: none;
    color: #fff;
    font-family: 'Yu Gothic';
    font-size: 6.6vw;
    text-align: center;
    padding: 1.7vw 0;
    margin-bottom: 2vw; }

  #article .article.main h2.tit {
    width: 100%;
    background-image: url(../../images/common/mark_border-left.gif);
    background-size: 3.75vw 6.9vw;
    background-repeat: no-repeat;
    background-position: left top 1.25vw;
    border-bottom: dotted 1px;
    font-size: 6.3vw;
    line-height: 1.5;
    letter-spacing: 0.08em;
    padding-left: 6.25vw;
    padding-bottom: 2vw;
    margin-top: 2vw;
    margin-bottom: 0.5em;
    color: #000;
    background-color: transparent;
    text-align: left; }

  .news nav.category ul {
    width: 100%;
    display: flex;
    justify-content: space-between; }
    .news nav.category ul li {
      width: calc(100% / 4);
      height: 14vw;
      display: flex;
      justify-content: center;
      align-items: center;
      border-left: solid 1px #ccc;
      border-top: solid 1px #ccc;
      border-bottom: solid 1px #ccc;
      color: #666;
      line-height: 1.3;
      text-align: center; }
      .news nav.category ul li:last-child {
        border-right: solid 1px #ccc; }
      .news nav.category ul li a {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        color: #666; }
    .news nav.category ul li.on {
      background-color: #dddddd; }
  .news ul.list li {
    color: #666;
    font-size: 4.4vw;
    border-bottom: dotted 1px #ccc;
    line-height: 1.5;
    padding-bottom: 2.5vw;
    margin-bottom: 3.1vw; }

  .article_info {
    margin-right: auto; }
    .article_info span.category {
      margin-left: 2vw; }

  .article p:not(.article_info) {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 1em; }
  .article h4 {
    width: 100%;
    margin-bottom: 2vw; }
    .article h4:not(:first-of-type) {
      margin-top: 1em; }
  .article img {
    width: 100%;
    height: auto; }
  .article .topics_image {
    margin-top: 4vw; }
  .article p.link {
    text-align: center; }
  .article span.att {
    font-size: 3.5vw;
    margin-left: auto;
    margin-right: auto; } }