.page_ttl {
  margin-bottom: 80px; }
  @media screen and (max-width: 767px) {
    .page_ttl {
      margin-bottom: 11.4666666667vw; } }

.page_read {
  margin-bottom: 80px; }
  .page_read .inner {
    width: 94%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 767px) {
      .page_read .inner {
        width: 88%; } }
    .page_read .inner p {
      text-align: center;
      font-size: 16px;
      letter-spacing: 0.1em; }
  @media screen and (max-width: 767px) {
    .page_read {
      margin-bottom: 8.8vw; }
      .page_read p {
        font-size: 4.2666666667vw;
        line-height: 2; } }

.content_wrap {
  margin-bottom: 240px; }
  @media screen and (max-width: 767px) {
    .content_wrap {
      margin-bottom: 21.3333333333vw; } }

main {
  width: 94%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 767px) {
    main {
      width: 88%; } }
  main .post_list {
    margin-bottom: 40px; }
    main .post_list .single {
      background: #fff;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
      border-radius: 200px; }
      main .post_list .single:not(:last-of-type) {
        margin-bottom: 20px; }
        @media screen and (max-width: 767px) {
          main .post_list .single:not(:last-of-type) {
            margin-bottom: 5.3333333333vw; } }
      main .post_list .single a {
        display: block;
        padding: 23px 60px;
        position: relative;
        text-decoration: none; }
        main .post_list .single a::after {
          content: "";
          background: url("../img/icon/arrow_icon2.svg") no-repeat center/100%;
          width: 15px;
          height: 15px;
          position: absolute;
          top: 0;
          right: 30px;
          bottom: 0;
          margin: auto; }
        main .post_list .single a .day {
          font-size: 14px;
          color: #898989;
          margin-bottom: 10px; }
        main .post_list .single a .post_ttl {
          font-size: 16px;
          line-height: 1.5; }
  main .pager {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    align-items: center; }
    main .pager > * {
      margin-right: 30px; }
    main .pager span {
      width: 40px;
      line-height: 40px;
      background: #BE3A47;
      border-radius: 20px;
      text-align: center;
      font-size: 16px;
      color: #fff; }
    main .pager a {
      line-height: 40px;
      font-size: 16px; }
      main .pager a.next .nex_arrow, main .pager a.prev .pre_arrow {
        width: 16px;
        height: 16px;
        background: url("../img/icon/arrow_icon2.svg") no-repeat center/100%; }
      main .pager a.prev .pre_arrow {
        transform: rotate(-180deg); }
  @media screen and (max-width: 767px) {
    main .post_list .single {
      border-radius: 2.6666666667vw; }
      main .post_list .single a {
        padding: 4.5333333333vw 18.6666666667vw 4.5333333333vw 5.3333333333vw; }
        main .post_list .single a::after {
          width: 4vw;
          height: 4vw;
          right: 4vw; }
        main .post_list .single a .day {
          font-size: 3.7333333333vw;
          margin-bottom: 2.6666666667vw; }
        main .post_list .single a .post_ttl {
          font-size: 3.7333333333vw;
          line-height: 1.8; }
    main .pager {
      justify-content: center; }
      main .pager > * {
        margin-right: 8vw; }
      main .pager span {
        width: 11.4666666667vw;
        line-height: 11.4666666667vw;
        border-radius: 11.4666666667vw;
        font-size: 5.3333333333vw; }
      main .pager a {
        font-size: 5.3333333333vw;
        line-height: 11.4666666667vw; }
        main .pager a.next .nex_arrow, main .pager a.prev .pre_arrow {
          width: 4vw;
          height: 4vw; } }