.pankuzu_list {
  margin-bottom: 84px; }
  @media screen and (max-width: 767px) {
    .pankuzu_list {
      margin-bottom: 11.7333333333vw; } }

.news_area {
  width: 94%;
  max-width: 1040px;
  margin: 0 auto; }
  .news_area .page_ttl {
    margin-bottom: 68px; }
    .news_area .page_ttl::before, .news_area .page_ttl::after {
      content: "";
      position: absolute;
      bottom: 0;
      z-index: 1; }
    .news_area .page_ttl::before {
      display: block;
      content: "";
      background: url("../../img/2303_renew/top/ttl_illust1.png") no-repeat center/100%;
      width: 143px;
      height: 155px;
      left: 202px; }
    .news_area .page_ttl::after {
      display: block;
      content: "";
      background: url("../../img/2303_renew/top/ttl_illust2.png") no-repeat center/100%;
      width: 111px;
      height: 89px;
      right: 227px; }
  .news_area .news_category_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px; }
    .news_area .news_category_list li {
      margin: 0 8px;
      width: 160px;
      line-height: 36px;
      border-radius: 20px;
      border-width: 2px;
      border-style: solid;
      text-align: center;
      background: #fff; }
      .news_area .news_category_list li a {
        display: block;
        font-size: 16px;
        font-weight: 700;
        text-decoration: none; }
      .news_area .news_category_list li.all {
        border-color: #696E6E; }
        .news_area .news_category_list li.all a {
          color: #696E6E; }
      .news_area .news_category_list li.cmp {
        border-color: #E25B44; }
        .news_area .news_category_list li.cmp a {
          color: #E25B44; }
      .news_area .news_category_list li.news {
        border-color: #67ABD5; }
        .news_area .news_category_list li.news a {
          color: #67ABD5; }
      .news_area .news_category_list li.column {
        border-color: #0B9067; }
        .news_area .news_category_list li.column a {
          color: #0B9067; }
      .news_area .news_category_list li.event {
        border-color: #E3D201; }
        .news_area .news_category_list li.event a {
          color: #E3D201; }
  .news_area .post_list {
    border: 2px solid #F59600;
    padding: 30px;
    background: #fff;
    border-radius: 20px; }
    .news_area .post_list .single {
      padding: 24px 24px 47px;
      background: url("../../img/2303_renew/common/stripe_line.svg") repeat-x bottom left; }
      .news_area .post_list .single .post_info .category {
        margin-bottom: 16px; }
        .news_area .post_list .single .post_info .category span {
          width: 160px;
          line-height: 36px;
          display: block;
          border-style: solid;
          border-width: 2px;
          border-radius: 20px;
          text-align: center;
          font-size: 16px;
          font-weight: 700; }
          .news_area .post_list .single .post_info .category span.cmp {
            border-color: #E25B44;
            color: #E25B44; }
          .news_area .post_list .single .post_info .category span.news {
            border-color: #67ABD5;
            color: #67ABD5; }
          .news_area .post_list .single .post_info .category span.column {
            border-color: #0B9067;
            color: #0B9067; }
          .news_area .post_list .single .post_info .category span.event {
            border-color: #E3D201;
            color: #E3D201; }
      .news_area .post_list .single .post_info .day {
        font-size: 14px;
        margin-bottom: 8px; }
      .news_area .post_list .single .post_info .post_ttl {
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 0.01em;
        line-height: 1.5;
        margin-bottom: 13px; }
      .news_area .post_list .single .post_content p {
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 0.01em; }
        .news_area .post_list .single .post_content p a {
          display: inline-block;
          color: #F59600;
          font-size: inherit; }
    .news_area .post_list .single + .properties {
      margin: 30px auto 0; }
    .news_area .post_list .properties {
      margin: 0; }
      .news_area .post_list .properties span {
        font-size: 16px;
        font-weight: 500;
        display: block; }
  @media screen and (max-width: 1023px) {
    .news_area .page_ttl::before {
      left: 5vw;
      width: 14vw;
      height: 15.15vw; }
    .news_area .page_ttl::after {
      right: 5vw;
      width: 10.85vw;
      height: 8.699vw; }
    .news_area .news_category_list {
      width: 558px;
      margin: 0 auto 8px; }
      .news_area .news_category_list li {
        width: 170px;
        margin: 0 8px 16px; } }
  @media screen and (max-width: 767px) {
    .news_area {
      width: 92%; }
      .news_area .page_ttl {
        margin-bottom: 11.7333333333vw; }
        .news_area .page_ttl::before {
          left: 0;
          width: 22.1333333333vw;
          height: 24vw; }
        .news_area .page_ttl::after {
          right: 0;
          width: 17.0666666667vw;
          height: 13.6vw; }
      .news_area .news_category_list {
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 11.2vw; }
        .news_area .news_category_list li {
          width: 46.38%;
          margin: 0; }
          .news_area .news_category_list li:nth-of-type(odd) {
            margin-right: 7.24%; }
          .news_area .news_category_list li:not(:nth-last-of-type(-n + 2)) {
            margin-bottom: 3.4666666667vw; }
      .news_area .post_list {
        padding: 8.5333333333vw 4.8vw; }
        .news_area .post_list .single {
          padding: 0 0 8.2666666667vw; }
          .news_area .post_list .single:not(:last-of-type) {
            margin-bottom: 5.3333333333vw; }
          .news_area .post_list .single .post_info .category {
            margin-bottom: 3.2vw; }
            .news_area .post_list .single .post_info .category span {
              width: 42.6666666667vw;
              line-height: 10.1333333333vw; }
          .news_area .post_list .single .post_info .day {
            font-size: 4.2666666667vw;
            margin-bottom: 2.1333333333vw; }
          .news_area .post_list .single .post_info .post_ttl {
            margin-bottom: 4.2666666667vw;
            font-size: 6.4vw;
            line-height: 1.3; }
          .news_area .post_list .single .post_content p {
            font-size: 4.2666666667vw;
            line-height: 1.75; } }

.pagenation {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 40px; }
  .pagenation span {
    font-size: 18px;
    font-weight: 500;
    margin: 0 5px;
    color: #fff;
    width: 30px;
    line-height: 30px;
    border-radius: 15px;
    display: block;
    text-align: center;
    background: #F59600; }