.page-ttl {
  padding-bottom: 1rem; }

.content_head {
  padding-bottom: 5rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end; }

.content_list .content_item:nth-of-type(2n+1) {
  background-color: #f3f3f3; }
.content_list .content_item a {
  padding: 3rem 4rem;
  display: flex;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center; }
.content_list .content_item .content_thum {
  width: 22rem; }
.content_list .content_item .content_txt {
  padding-left: 4rem;
  width: calc(100% - 34rem); }
  .content_list .content_item .content_txt .date {
    color: #7c7a79;
    font-size: 1.6rem; }
  .content_list .content_item .content_txt .autor {
    color: #7c7a79;
    font-size: 1.6rem; }
    .content_list .content_item .content_txt .autor .icon {
      display: none; }
  .content_list .content_item .content_txt .content_ttl {
    color: #4c4948;
    font-size: 2.1rem;
    font-weight: 600; }
    .content_list .content_item .content_txt .content_ttl .number {
      display: block;
      font-size: 1.8rem; }
.content_list .content_item .content_autor {
  width: 12rem;
  text-align: center;
  color: #4c4948;
  font-size: 1.6rem; }
  .content_list .content_item .content_autor img {
    width: 8.8rem;
    display: block;
    margin: 0 auto;
    padding-bottom: 1.0rem; }

@media screen and (max-width: 767px) {
  .page-ttl {
    padding-bottom: 12rem; }

  .m_con {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }

  .content_head {
    width: 64.7rem;
    margin: 0 auto;
    order: 3;
    display: block;
    padding-top: 16rem;
    padding-bottom: 0; }
    .content_head .content_cat_list {
      width: 100%;
      margin-left: -1.2rem;
      margin-bottom: 1rem; }
      .content_head .content_cat_list li {
        font-size: 2.6rem;
        width: calc(25% - 1.2rem);
        margin-right: 0;
        margin-left: 1.2rem;
        margin-bottom: 2.8rem; }
    .content_head .content_cat {
      width: 100%; }

  .wp-pagenavi {
    order: 2;
    width: 64.7rem;
    margin-left: auto;
    margin-right: auto; }

  .content_list {
    width: 100%;
    order: 1; }
    .content_list .content_item a {
      padding: 8rem 5rem; }
    .content_list .content_item .content_thum {
      width: 100%;
      padding-bottom: 7rem; }
    .content_list .content_item .content_txt {
      padding-left: 0;
      width: 100%; }
      .content_list .content_item .content_txt .date {
        font-size: 2.5rem;
        border-right: 1px solid #7c7a79;
        padding-right: 4rem; }
      .content_list .content_item .content_txt .autor {
        font-size: 2.4rem;
        padding-left: 4rem;
        padding-right: 10rem;
        position: relative; }
        .content_list .content_item .content_txt .autor .icon {
          display: block;
          position: absolute;
          right: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          width: 7rem; }
      .content_list .content_item .content_txt .content_ttl {
        padding-top: 4rem;
        font-size: 3	.1rem; }
        .content_list .content_item .content_txt .content_ttl .number {
          font-size: 2.5rem; }
    .content_list .content_item .content_autor {
      display: none; } }