.wrapper_ > * {
  padding: 0; }

#topics-newstyle.oldnnew {
  background: #e3c65b;
  padding-bottom: 150px; }
  #topics-newstyle.oldnnew .wrapper {
    max-width: 1200px; }
  #topics-newstyle.oldnnew h2 {
    font-family: "Zen Antique", serif;
    font-size: 2.4em;
    text-align: center;
    font-weight: 500; }
  #topics-newstyle.oldnnew .mv {
    padding-top: 60px; }
    #topics-newstyle.oldnnew .mv img {
      margin: 0 auto; }
  #topics-newstyle.oldnnew section:not(:first-of-type) {
    padding: 60px 0 0; }
  #topics-newstyle.oldnnew section.lead p {
    font-family: "Zen Antique","Libre Baskerville","Noto Serif JP",serif;
    text-align: center;
    font-size: 2.8em; }
  #topics-newstyle.oldnnew section.items {
    padding-top: 60px;
    padding-bottom: 3em; }
    #topics-newstyle.oldnnew section.items h2 {
      text-align: left;
      padding-bottom: 0;
      display: contents; }
    #topics-newstyle.oldnnew section.items .items_wrap {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 40px; }
      #topics-newstyle.oldnnew section.items .items_wrap .lead {
        font-size: 1.1em;
        font-family: "Zen Kaku Gothic New", sans-serif; }
      #topics-newstyle.oldnnew section.items .items_wrap .img, #topics-newstyle.oldnnew section.items .items_wrap .text {
        width: calc( 50% - 20px); }
      #topics-newstyle.oldnnew section.items .items_wrap .img {
        position: relative; }
        #topics-newstyle.oldnnew section.items .items_wrap .img .notice {
          font-family: "Zen Kaku Gothic New", sans-serif;
          text-align: center;
          padding-top: 1em;
          display: block;
          position: absolute;
          left: 50%;
          transform: translateX(-50%); }
      #topics-newstyle.oldnnew section.items .items_wrap .text {
        font-family: "Zen Antique","Libre Baskerville","Noto Serif JP",serif;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        #topics-newstyle.oldnnew section.items .items_wrap .text ul {
          display: flex;
          flex-wrap: wrap; }
          #topics-newstyle.oldnnew section.items .items_wrap .text ul li {
            font-family: "Zen Kaku Gothic New", sans-serif;
            font-size: 0.9em; }
            #topics-newstyle.oldnnew section.items .items_wrap .text ul li:not(:last-of-type)::after {
              content: "/";
              padding-left: 0.5em;
              margin-right: 0.5em; }
  #topics-newstyle.oldnnew section.graphic ul li {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
    padding-bottom: 40px; }
    #topics-newstyle.oldnnew section.graphic ul li:nth-of-type(odd) {
      flex-direction: row-reverse; }
    #topics-newstyle.oldnnew section.graphic ul li:nth-of-type(even) {
      flex-direction: row; }
    #topics-newstyle.oldnnew section.graphic ul li .img {
      width: calc(60% - 20px);
      padding: 20px;
      background-image: url(/cms/topics/26SS/old-and-new/noise.png);
      background-repeat: repeat; }
    #topics-newstyle.oldnnew section.graphic ul li .text {
      width: calc(40% - 20px); }
      #topics-newstyle.oldnnew section.graphic ul li .text .ttl {
        font-family: "Zen Antique","Libre Baskerville","Noto Serif JP",serif;
        font-weight: 600;
        font-size: 1.8em;
        padding-bottom: 20px; }
      #topics-newstyle.oldnnew section.graphic ul li .text p {
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-size: 1.1em; }
  #topics-newstyle.oldnnew section.link a.link-btn {
    display: block;
    width: 100%;
    max-width: 500px;
    padding: 16px 20px;
    font-size: 1.1em;
    background: #fff;
    color: #2d2d2d;
    text-align: center;
    margin: 0 auto;
    border: 2px solid #2d2d2d;
    position: relative;
    font-family: "Zen Antique","Libre Baskerville","Noto Serif JP",serif;
    font-weight: 600;
    line-height: 1.4; }
    #topics-newstyle.oldnnew section.link a.link-btn svg {
      width: 14px;
      height: 18px;
      fill: #2d2d2d;
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%); }
    #topics-newstyle.oldnnew section.link a.link-btn:hover {
      text-decoration: none; }

@media screen and (max-width: 767px) {
  #topics-newstyle.oldnnew {
    font-size: 12.5px;
    padding-bottom: 80px; }
    #topics-newstyle.oldnnew h2 {
      font-size: 1.8em;
      text-align: center;
      margin-top: 10px; }
    #topics-newstyle.oldnnew .mv {
      padding-top: 15px; }
    #topics-newstyle.oldnnew section {
      padding: 40px 0 0; }
      #topics-newstyle.oldnnew section.lead {
        padding-top: 0; }
        #topics-newstyle.oldnnew section.lead p {
          font-size: 1.8em;
          text-align: center;
          padding-top: 15px; }
      #topics-newstyle.oldnnew section.items {
        padding-top: 40px;
        padding-bottom: 0; }
        #topics-newstyle.oldnnew section.items .items_wrap {
          display: block; }
          #topics-newstyle.oldnnew section.items .items_wrap .img, #topics-newstyle.oldnnew section.items .items_wrap .text {
            width: 100%; }
          #topics-newstyle.oldnnew section.items .items_wrap .img .notice {
            position: relative;
            padding-top: 0.5em; }
          #topics-newstyle.oldnnew section.items .items_wrap .text {
            padding: 0;
            text-align: left;
            font-size: 1em; }
            #topics-newstyle.oldnnew section.items .items_wrap .text h2 {
              display: block;
              text-align: center;
              margin-top: 15px; }
      #topics-newstyle.oldnnew section.graphic ul li {
        gap: 15px; }
        #topics-newstyle.oldnnew section.graphic ul li .img, #topics-newstyle.oldnnew section.graphic ul li .text {
          width: 100%;
          flex-direction: column; }
        #topics-newstyle.oldnnew section.graphic ul li .text .ttl {
          font-size: 1.6em;
          text-align: center;
          padding-bottom: 10px; } }
@media screen and (min-width: 1033px) {
  .wrapper_ > * {
    width: auto; } }
.fadeIn.delay-1.is-inview {
  transition-delay: .4s; }
.fadeIn.delay-2.is-inview {
  transition-delay: .5s; }
.fadeIn.delay-3.is-inview {
  transition-delay: .6s; }
.fadeIn.delay-4.is-inview {
  transition-delay: .7s; }
.fadeIn.delay-5.is-inview {
  transition-delay: .8s; }
.fadeIn.delay-6.is-inview {
  transition-delay: 1s; }

.fadeIn {
  opacity: 0;
  transition: ease-in-out all .5s; }
  .fadeIn.is-inview {
    opacity: 1;
    transition-delay: .3s; }