.ttl {
  text-align: center;
  padding-bottom: 40px; }
  .ttl span {
    display: block; }
    .ttl span.main_ttl .message {
      width: 140px; }
    .ttl span.sub_ttl {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1;
      padding-top: 20px;
      font-weight: normal; }

#message {
  padding-bottom: 100px; }

.message_li {
  display: flex;
  flex-wrap: wrap;
  margin-left: -60px; }
  .message_li li {
    width: calc(33.333% - 60px);
    margin-left: 60px;
    margin-bottom: 50px; }
    .message_li li img {
      width: 100%;
      height: auto; }
    .message_li li p.message_ttl {
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: bold;
      line-height: 1.5;
      padding: 0.8em 0 0.5em; }
    .message_li li p.message_name {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5; }

.pager {
  border-top: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
  padding: 20px 0; }

.pager .pager-inner {
  margin: 0 auto;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
  display: flex; }

.pager .pager-inner span,
.pager .pager-inner a {
  display: block;
  margin: 0 30px; }

.pager .pager-inner span.now {
  color: #BBBBBB; }

.pager .pager-inner a.pager_prev {
  display: block;
  width: 70px;
  height: 70px;
  background: url(../images/common/page_prev.svg) center center #F2F2F2 no-repeat;
  background-size: 24px auto;
  margin-left: 0;
  margin-right: 60px; }

.pager .pager-inner a.pager_next {
  display: block;
  width: 70px;
  height: 70px;
  background: url(../images/common/page_next.svg) center center #F2F2F2 no-repeat;
  background-size: 24px auto;
  margin-right: 0;
  margin-left: 60px; }

@media screen and (max-width: 1300px) {
  .ttl {
    padding-bottom: calc(30 / 1300 * 100vw); }
    .ttl span.main_ttl {
      font-size: calc(28 / 1300 * 100vw);
      padding-top: calc(20 / 1300 * 100vw); }
      .ttl span.main_ttl .new {
        width: calc(180 / 1300 * 100vw); }
      .ttl span.main_ttl .message {
        width: calc(140 / 1300 * 100vw); }
    .ttl span.sub_ttl {
      font-size: calc(14 / 1300 * 100vw);
      padding-top: calc(10 / 1300 * 100vw); }

  #message {
    padding-bottom: calc(100 / 1300 * 100vw); }

  .message_li {
    margin-left: -4.6vw; }
    .message_li li {
      width: calc(33.333% - 4.6vw);
      margin-left: 4.6vw;
      margin-bottom: calc(50 / 1300 * 100vw); }
      .message_li li p.message_ttl {
        font-size: calc(14 / 1300 * 100vw); }
      .message_li li p.message_name {
        font-size: calc(12 / 1300 * 100vw); }

  .pager {
    padding: calc(20 / 1300 * 100vw) 0; }

  .pager .pager-inner span,
  .pager .pager-inner a {
    margin: 0 calc(30 / 1300 * 100vw); }

  .pager .pager-inner a.pager_prev {
    width: calc(70 / 1300 * 100vw);
    height: calc(70 / 1300 * 100vw);
    background-size: calc(24 / 1300 * 100vw) auto;
    margin-right: calc(60 / 1300 * 100vw); }

  .pager .pager-inner a.pager_next {
    width: calc(70 / 1300 * 100vw);
    height: calc(70 / 1300 * 100vw);
    background-size: calc(24 / 1300 * 100vw) auto;
    margin-left: calc(60 / 1300 * 100vw); } }
@media screen and (max-width: 768px) {
  #header_txt {
    display: none; }

  .ttl {
    padding-bottom: calc(80 / 768 * 100vw); }
    .ttl img {
      width: calc(100 / 768 * 100vw); }
    .ttl span.main_ttl {
      font-size: calc(56 / 768 * 100vw);
      padding-top: calc(40 / 768 * 100vw); }
      .ttl span.main_ttl .new {
        width: calc(360 / 768 * 100vw); }
      .ttl span.main_ttl .message {
        width: calc(270 / 768 * 100vw); }
    .ttl span.sub_ttl {
      font-size: calc(24 / 768 * 100vw);
      padding-top: calc(30 / 768 * 100vw); }

  #message {
    padding: 0 calc(30 / 768 * 100vw) calc(190 / 768 * 100vw); }

  .message_li {
    margin-left: -6.5vw; }
    .message_li li {
      width: calc(50% - 6.5vw);
      margin-left: 6.5vw;
      margin-bottom: calc(60 / 768 * 100vw); }
      .message_li li p.message_ttl {
        font-size: calc(24 / 768 * 100vw); }
      .message_li li p.message_name {
        font-size: calc(24 / 768 * 100vw); }

  .pager {
    padding: calc(40 / 750 * 100vw) 0;
    width: 100%; }

  .pager .pager-inner {
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    height: calc(100 / 750 * 100vw);
    padding: 0 calc(100 / 750 * 100vw); }

  .pager .pager-inner span,
  .pager .pager-inner a {
    margin: 0 calc(40 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw); }

  .pager .pager-inner a.pager_prev {
    width: calc(100 / 750 * 100vw);
    height: calc(100 / 750 * 100vw);
    background-size: calc(36 / 750 * 100vw) auto;
    position: absolute;
    left: 0;
    margin: 0;
    margin-right: 0px; }

  .pager .pager-inner a.pager_next {
    width: calc(100 / 750 * 100vw);
    height: calc(100 / 750 * 100vw);
    background-size: calc(36 / 750 * 100vw) auto;
    position: absolute;
    right: 0;
    padding: 0;
    padding-left: 0px; } }