@charset "UTF-8";
@font-face {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal; }

/**
 * Fontサイズのプロパティ設定用 mixin。
*/
/**
 * radiusサイズのプロパティ設定用 mixin。
*/
/**
 * コンテンツのプロパティ設定用 mixin。
 *
 * @param {String} property margin か padding　デフォルトは padding
 * @param {String} Large の指定
 * @param {String} Midium の指定
 * @param {String} Small の指定
 * @param {String} Extra small の指定
*/
/*
  text drop shadow
*/
.pheader {
  height: 132px;
  width: 100%;
  background: #7cbfce;
  padding-top: 24px;
  padding-bottom: 24px; }
  .pheader .ph-inner {
    width: calc(100% - 48px);
    height: 132px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid white;
    position: relative; }
    .pheader .ph-inner p {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      color: white;
      font-size: 38px;
      text-align: center; }

.contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between; }
  @media (max-width: 991px) {
    .contents {
      display: block; } }
  .contents .items {
    width: 65.2%; }
    @media (max-width: 991px) {
      .contents .items {
        width: 100%; } }

.nagara-asso {
  margin-bottom: 75px;
  padding-bottom: 75px;
  border-bottom: 1px solid #efefef; }
  .nagara-asso h3 {
    margin-top: 70px;
    font-size: 28px;
    font-weight: 400;
    position: relative; }
    .nagara-asso h3:after {
      width: 120px;
      height: 5px;
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: -8px;
      background: #7cbfce; }
  .nagara-asso p {
    margin-top: 32px;
    font-size: 18px;
    line-height: 1.87; }

.item-list ul li.post {
  margin-bottom: 90px; }
  .item-list ul li.post a {
    width: 100%;
    display: block; }
    .item-list ul li.post a figure.item-img {
      background: #f6faff; }
      .item-list ul li.post a figure.item-img .item {
        position: relative;
        max-width: 442px;
        margin-left: auto;
        margin-right: auto; }
        .item-list ul li.post a figure.item-img .item .post-cat {
          position: absolute;
          top: 24px;
          left: 0;
          width: 50.8%;
          background: #7cbfce;
          color: white;
          display: block;
          padding: 5px 24px;
          font-weight: 700; }
        .item-list ul li.post a figure.item-img .item img {
          position: relative;
          height: 260px;
          max-width: 100%;
          margin-left: auto;
          margin-right: auto;
          display: block; }
          @media (max-width: 991px) {
            .item-list ul li.post a figure.item-img .item img {
              height: 200px; } }
    .item-list ul li.post a .item-detail {
      margin-top: 40px;
      width: 83%;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 991px) {
        .item-list ul li.post a .item-detail {
          margin-top: 24px;
          width: 90%; } }
      .item-list ul li.post a .item-detail .date {
        font-size: 14px; }
      .item-list ul li.post a .item-detail h1 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 26px; }
        @media (max-width: 991px) {
          .item-list ul li.post a .item-detail h1 {
            font-size: 17px; } }
      @media (max-width: 991px) {
        .item-list ul li.post a .item-detail p {
          font-size: 15px; } }

.pagination {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
  text-align: center; }
  .pagination .page-numbers {
    display: inline-block;
    border: none;
    padding: 8px 12px;
    background: #7cbfce;
    border: 1px solid #7cbfce;
    color: white;
    margin-left: 4px;
    margin-right: 4px; }
    .pagination .page-numbers.current {
      color: #7cbfce;
      background: white;
      border: 1px solid #7cbfce; }

.cat-list {
  margin-top: 80px;
  padding-left: 44px; }
  @media (max-width: 991px) {
    .cat-list {
      padding-left: 0;
      width: 90%;
      padding-left: 30px;
      padding-right: 30px;
      margin-bottom: 80px; } }
  .cat-list h3 {
    font-size: 28px;
    position: relative; }
    .cat-list h3:before {
      position: absolute;
      content: "";
      display: block;
      width: 17px;
      height: 48px;
      left: -28px;
      top: -5px;
      background: #7cbfce; }
  @media (max-width: 991px) {
    .cat-list ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
              justify-content: space-between;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap; } }
  @media (max-width: 991px) {
    .cat-list ul li {
      width: 50%; }
      .cat-list ul li:last-child {
        width: 100%; } }
  .cat-list ul li a {
    margin-bottom: 10px;
    display: inline-block; }
    .cat-list ul li a:hover {
      text-decoration: underline; }
  @media (max-width: 991px) {
    .cat-list ul li .children {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
              justify-content: space-between; } }
  .cat-list ul li .children li {
    padding-left: 10px; }
    .cat-list ul li .children li a {
      margin-bottom: 7px; }
      .cat-list ul li .children li a:hover {
        text-decoration: underline; }
    .cat-list ul li .children li:before {
      content: "-";
      display: inline-block;
      padding-right: 8px; }
/*# sourceMappingURL=archive.css.map */