/* main */
.main {
  /* -------
  	madia
  ------- */ }
  .main .post-ct {
    line-height: 1em; }
    .main .post-ct a {
      background: #5c8344;
      display: inline-block;
      font-size: 1.4rem;
      line-height: 1em;
      padding: 5px 15px;
      border-radius: 20px;
      color: white; }
  .main .contents {
    flex-wrap: wrap; }
    .main .contents .main-box {
      order: 1;
      flex-basis: calc(100% - 330px); }
      .main .contents .main-box#news .post-list ul {
        flex-wrap: wrap; }
        .main .contents .main-box#news .post-list ul li {
          flex-basis: calc((100% - 30px)/2); }
          .main .contents .main-box#news .post-list ul li:nth-of-type(n+3) {
            margin-top: 30px; }
      .main .contents .main-box .post-box .txt-box {
        margin-top: 15px; }
        .main .contents .main-box .post-box .txt-box .post-date {
          margin: 5px 0 0;
          font-size: 1.8rem; }
        .main .contents .main-box .post-box .txt-box .post-tit {
          font-size: 2.6rem;
          margin-bottom: 20px; }
        .main .contents .main-box .post-box .txt-box .post-article p {
          vertical-align: baseline; }
        .main .contents .main-box .post-box .txt-box .post-article h1 {
          font-size: 2.6rem;
          margin-bottom: 1em;
          font-weight: bold; }
        .main .contents .main-box .post-box .txt-box .post-article h2 {
          font-size: 2.4rem;
          margin-bottom: 1em;
          font-weight: bold; }
        .main .contents .main-box .post-box .txt-box .post-article h3 {
          font-size: 2.2rem;
          margin-bottom: 1em;
          font-weight: bold; }
        .main .contents .main-box .post-box .txt-box .post-article h4 {
          font-size: 2.0rem;
          margin-bottom: 1em;
          font-weight: bold; }
        .main .contents .main-box .post-box .txt-box .post-article h5 {
          font-size: 1.8rem;
          margin-bottom: 1em;
          font-weight: bold; }
        .main .contents .main-box .post-box .txt-box .post-article h6 {
          font-size: 1.6rem;
          margin-bottom: 1em;
          font-weight: bold;
          margin-top: 0; }
        .main .contents .main-box .post-box .txt-box .post-article strong {
          font-weight: bold; }
        .main .contents .main-box .post-box .txt-box .post-article sup {
          vertical-align: super;
          font-size: small; }
        .main .contents .main-box .post-box .txt-box .post-article sub {
          vertical-align: sub;
          font-size: small; }
        .main .contents .main-box .post-box .txt-box .post-article s {
          text-decoration: line-through; }
        .main .contents .main-box .post-box .txt-box .post-article em {
          font-style: italic; }
    .main .contents .ct-box {
      order: 2;
      flex-basis: 300px; }
      .main .contents .ct-box ul li a {
        text-align: left;
        display: block;
        background: #d5e0ce url("/asset/img/common/arrow_gr2.webp") no-repeat top 50% right 15px/25px;
        font-feature-settings: "palt";
        padding: 10px;
        font-size: min(5vw, 2rem);
        border-radius: 5px; }
      .main .contents .ct-box ul li:nth-of-type(n+2) {
        margin-top: 5px; }
    .main .contents .page-navi {
      margin: 80px 0 0;
      order: 3;
      flex-basis: 100%; }
      .main .contents .page-navi .wp-pagenavi {
        display: flex;
        justify-content: center;
        width: 100%;
        gap: 10px; }
      .main .contents .page-navi a {
        font-size: 1.6rem;
        display: flex;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        justify-content: center;
        align-items: center; }
        .main .contents .page-navi a:not(.prev, .next) {
          background: #e88512;
          color: white; }
        .main .contents .page-navi a.prev, .main .contents .page-navi a.next {
          color: #e88512;
          border: 1px solid #e88512; }
      .main .contents .page-navi span.current {
        font-size: 1.6rem;
        min-width: 30px;
        max-width: 30px;
        height: 30px;
        justify-content: center;
        display: flex;
        align-items: center;
        background: #e88512;
        border-radius: 50%;
        color: #fff;
        opacity: 0.7; }
    .main .contents .btn-row {
      margin: 80px 0 0;
      order: 3;
      flex-basis: 100%; }
  @media only screen and (min-width: 767px) {
    .main .contents .ct-box ul {
      position: sticky;
      top: 100px;
      left: 0;
      right: 0; } }
  @media only screen and (max-width: 767px) {
    .main .contents .ct-box {
      margin-top: 60px; }
    .main .contents .page-navi {
      margin: 60px 0 0; } }

/*# sourceMappingURL=news.css.map */
