#eyecatch {
  background-color: #C7C7C7;
  height: 320px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center; }
  #eyecatch h2 span {
    display: block;
    line-height: 1;
    text-align: center;
    color: #000000; }
  #eyecatch h2 .en {
    font-size: 30px;
    font-size: 3.0rem;
    letter-spacing: 0.3em; }
  #eyecatch h2 .jp {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    padding-top: 10px; }

#detail {
  padding-top: 110px;
  padding-bottom: 200px; }
  #detail .date {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    padding-bottom: 20px; }
  #detail .ttl {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 0.3em;
    line-height: 1.45;
    padding-bottom: 50px; }
  #detail .main_photo {
    text-align: center;
    padding-bottom: 70px; }
  #detail .naiyo p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.625;
    letter-spacing: 0.1em;
    padding-bottom: 30px; }
  #detail .naiyo .aligncenter {
    text-align: center;
    margin: 0 auto;
    display: block; }
  #detail .naiyo .alignright {
    margin-left: auto;
    display: block; }
  #detail .naiyo .alignleft {
    margin-right: auto;
    display: block; }

#backnumber {
  background-color: #E8E7E7;
  padding-top: 40px;
  padding-bottom: 50px;
  margin-bottom: 200px; }
  #backnumber h3 {
    text-align: center;
    font-size: 20px;
    font-size: 2.0rem;
    letter-spacing: 0.01em;
    line-height: 1;
    color: #414040;
    padding-bottom: 50px; }
  #backnumber ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    padding: 0 35px; }
    #backnumber ul li {
      width: calc(25% - 30px);
      margin-left: 30px; }
      #backnumber ul li .trim img {
        width: 100%;
        height: 160px;
        object-fit: cover;
        font-family: 'object-fit: cover;'; }
      #backnumber ul li p {
        text-align: center;
        font-size: 14px;
        font-size: 1.4rem;
        padding-top: 10px; }
      #backnumber ul li a {
        color: #414040; }

@media screen and (max-width: 1040px) {
  #eyecatch {
    height: calc(320 / 1040 * 100vw); }
    #eyecatch h2 .en {
      font-size: calc(30 / 1040 * 100vw); }
    #eyecatch h2 .jp {
      font-size: calc(16 / 1040 * 100vw);
      padding-top: calc(10 / 1040 * 100vw); }

  #detail {
    padding-top: calc(110 / 1040 * 100vw);
    padding-bottom: calc(200 / 1040 * 100vw); }
    #detail .date {
      font-size: calc(14 / 1040 * 100vw);
      padding-bottom: calc(20 / 1040 * 100vw); }
    #detail .ttl {
      font-size: calc(24 / 1040 * 100vw);
      padding-bottom: calc(50 / 1040 * 100vw); }
    #detail .main_photo {
      padding-bottom: calc(70 / 1040 * 100vw); }
    #detail .naiyo p {
      font-size: calc(16 / 1040 * 100vw);
      padding-bottom: calc(30 / 1040 * 100vw); }

  #backnumber {
    padding-top: calc(40 / 1040 * 100vw);
    padding-bottom: calc(50 / 1040 * 100vw);
    margin-bottom: calc(200 / 1040 * 100vw); }
    #backnumber h3 {
      font-size: calc(20 / 1040 * 100vw);
      padding-bottom: calc(50 / 1040 * 100vw); }
    #backnumber ul {
      margin-left: calc(-30 / 1040 * 100vw);
      padding: 0 calc(35 / 1040 * 100vw); }
      #backnumber ul li {
        width: calc(25% - calc(30 / 1040 * 100vw));
        margin-left: calc(30 / 1040 * 100vw); }
        #backnumber ul li .trim img {
          height: calc(160 / 1040 * 100vw); }
        #backnumber ul li p {
          font-size: calc(14 / 1040 * 100vw);
          padding-top: calc(10 / 1040 * 100vw); } }
@media screen and (max-width: 750px) {
  #eyecatch {
    height: calc(400 / 750 * 100vw);
    background-color: #fff; }
    #eyecatch h2 .en {
      font-size: calc(36 / 750 * 100vw);
      line-height: 1.9; }
    #eyecatch h2 .jp {
      font-size: calc(26 / 750 * 100vw);
      padding-top: calc(30 / 750 * 100vw); }

  #detail {
    padding-top: 0;
    padding-bottom: calc(180 / 750 * 100vw);
    width: calc(590 / 750 * 100vw);
    margin: 0 auto; }
    #detail .date {
      font-size: calc(24 / 750 * 100vw);
      padding-bottom: calc(30 / 750 * 100vw); }
    #detail .ttl {
      font-size: calc(28 / 750 * 100vw);
      padding-bottom: calc(80 / 750 * 100vw); }
    #detail .naiyo p {
      font-size: calc(26 / 750 * 100vw);
      padding-bottom: calc(50 / 750 * 100vw); }

  #backnumber {
    padding-top: calc(80 / 750 * 100vw);
    padding-bottom: calc(40 / 750 * 100vw);
    margin-bottom: calc(240 / 750 * 100vw); }
    #backnumber h3 {
      font-size: calc(28 / 750 * 100vw);
      padding-bottom: calc(60 / 750 * 100vw); }
    #backnumber ul {
      width: calc(670 / 750 * 100vw);
      margin: 0 auto;
      padding: 0; }
      #backnumber ul li {
        width: calc(320 / 750 * 100vw);
        margin-left: 0;
        margin-bottom: calc(70 / 750 * 100vw); }
        #backnumber ul li:nth-child(2n) {
          margin-left: auto; }
        #backnumber ul li .trim img {
          height: calc(320 / 750 * 100vw); }
        #backnumber ul li p {
          font-size: calc(24 / 750 * 100vw);
          padding-top: calc(25 / 750 * 100vw); } }