body.menu-open {
  width: 100%;
  height: 100%; }
  body.menu-open * a {
    cursor: pointer; }

#header {
  position: fixed;
  width: 100%;
  height: 80px;
  background: #d00b1c;
  text-align: center;
  line-height: 98px;
  z-index: 50;
  transform: translateX(0);
  transition: all 0.2s 0s ease;
  transition-delay: 0.01s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  perspective: 1000;
  overflow: hidden; }
  #header .icon {
    width: 30px;
    height: 23px;
    background-image: url('../img/_sprites-s2e264ae1d1.png');
    background-position: 0 -662px;
    background-repeat: repeat;
    background-size: 533px, auto;
    position: fixed;
    display: block;
    top: 30px;
    left: 30px;
    z-index: 60; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #header .icon {
        top: 26px;
        left: 30px;
        width: 42px;
        height: 32.2px;
        background-image: url('../img/_sprites-s2e264ae1d1.png');
        background-position: 0 -926.8px;
        background-repeat: repeat;
        background-size: 746.2px, auto; } }
  #header .logo {
    width: 397px;
    height: 28px;
    background-image: url('../img/_sprites-s2e264ae1d1.png');
    background-position: 0 -474.5px;
    background-repeat: repeat;
    background-size: 533px, auto;
    display: inline-block;
    position: relative; }
  #header.menu-open {
    transform: translateX(280px); }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #header.menu-open {
        transform: translateX(100%); } }

#menu_icon {
  width: 30px;
  height: 23px;
  background-image: url('../img/_sprites-s2e264ae1d1.png');
  background-position: 0 -543px;
  background-repeat: repeat;
  background-size: 533px, auto;
  top: 30px;
  left: 30px;
  display: block;
  position: fixed;
  z-index: 60;
  opacity: 1;
  transform: none;
  transition: opacity 0.2s 0s ease;
  transition-delay: 0.01s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  perspective: 1000;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none; }
  #menu_icon::before {
    content: "";
    position: absolute;
    top: -32px;
    left: -30px;
    right: -30px;
    bottom: -22px; }
  @media screen and (min-width: 0) and (max-width: 640px) {
    #menu_icon {
      top: 26px;
      left: 30px;
      width: 42px;
      height: 32.2px;
      background-image: url('../img/_sprites-s2e264ae1d1.png');
      background-position: 0 -760.2px;
      background-repeat: repeat;
      background-size: 746.2px, auto; } }
  #menu_icon.hide {
    opacity: 0; }
  #menu_icon.top {
    position: absolute;
    bottom: 28px;
    left: 40px;
    top: auto; }
  #menu_icon.w {
    width: 30px;
    height: 23px;
    background-image: url('../img/_sprites-s2e264ae1d1.png');
    background-position: 0 -662px;
    background-repeat: repeat;
    background-size: 533px, auto; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #menu_icon.w {
        top: 26px;
        left: 30px;
        width: 42px;
        height: 32.2px;
        background-image: url('../img/_sprites-s2e264ae1d1.png');
        background-position: 0 -926.8px;
        background-repeat: repeat;
        background-size: 746.2px, auto; } }

#archive {
  position: relative; }
  #archive .last:last-of-type::after {
    display: none; }
  #archive #cover.w .modules .top-graphic {
    top: inherit;
    height: 96%;
    width: inherit;
    bottom: -50%;
    object-fit: contain; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #archive #cover.w .modules .top-graphic {
        top: inherit;
        bottom: -430px;
        height: auto;
        width: 100%;
        max-width: 100%;
        padding: 0 30px; } }
    @media screen and (min-width: 641px) and (max-width: 960px) {
      #archive #cover.w .modules .top-graphic {
        top: inherit;
        height: 98%;
        object-fit: contain;
        padding: 0 30px; } }
  #archive #cover.w .modules .top-left {
    width: 35vw; }
    @media screen and (max-aspect-ratio: 8 / 6) {
      #archive #cover.w .modules .top-left {
        display: inherit;
        height: inherit;
        left: 40px;
        width: 40vw;
        bottom: 170px; } }
    @media screen and (min-width: 961px) and (max-width: 1080px) {
      #archive #cover.w .modules .top-left {
        left: 65px; } }
    @media screen and (min-width: 641px) and (max-width: 960px) {
      #archive #cover.w .modules .top-left {
        left: 60px;
        width: 40vw;
        bottom: 150px; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #archive #cover.w .modules .top-left {
        width: 50vw;
        bottom: 130px; } }
  #archive #cover.h .modules .top-graphic {
    top: inherit;
    height: 96%;
    width: inherit;
    bottom: -50%;
    object-fit: contain; }
    @media screen and (min-aspect-ratio: 14 / 9) {
      #archive #cover.h .modules .top-graphic {
        left: inherit;
        transform: translate(0, -50%);
        right: 60px; } }
    @media screen and (min-width: 641px) and (max-width: 960px) {
      #archive #cover.h .modules .top-graphic {
        height: 98%;
        object-fit: contain;
        padding: 0 30px; } }
  #archive #cover.h .modules .top-left {
    left: 60px;
    height: 24.3%;
    bottom: 5.4%; }
    @media screen and (min-width: 960px) and (max-aspect-ratio: 14 / 9) {
      #archive #cover.h .modules .top-left {
        display: none; } }
    @media screen and (max-aspect-ratio: 8 / 6) {
      #archive #cover.h .modules .top-left {
        display: inherit;
        height: inherit;
        left: 60px;
        width: 40vw;
        bottom: 170px; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #archive #cover.h .modules .top-left {
        height: inherit;
        width: 50vw;
        bottom: 130px; } }
    @media screen and (min-width: 641px) and (max-width: 960px) {
      #archive #cover.h .modules .top-left {
        height: inherit;
        left: 60px;
        width: 40vw;
        bottom: 150px; } }
  #archive #cover {
    position: relative;
    display: block;
    background-color: #fff;
    height: 1080px;
    width: 100%;
    text-align: center; }
    #archive #cover .modules {
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden; }
      #archive #cover .modules img {
        filter: saturate(1.05) hue-rotate(-5deg);
        position: absolute;
        max-width: 100%; }
      #archive #cover .modules .top-graphic {
        left: 50%;
        transform: translate(-50%, -50%); }
      #archive #cover .modules .top-right {
        right: 40px;
        top: 40px; }
      #archive #cover .modules .top-left {
        left: 40px;
        bottom: 40px; }
    #archive #cover .publish-check-buttons {
      display: block;
      position: absolute;
      z-index: 1000;
      width: auto;
      right: 70px;
      bottom: -45px; }
      @media screen and (min-width: 961px) and (max-width: 1080px) {
        #archive #cover .publish-check-buttons {
          bottom: 35px; } }
      @media screen and (min-width: 960px) and (max-aspect-ratio: 14 / 9) {
        #archive #cover .publish-check-buttons {
          right: calc((100% - 110.5vh) / 2); } }
      @media screen and (max-height: 1080px) and (max-aspect-ratio: 14 / 9) {
        #archive #cover .publish-check-buttons {
          bottom: 35px; } }
      @media screen and (max-aspect-ratio: 8 / 6) {
        #archive #cover .publish-check-buttons {
          right: inherit;
          left: 60px;
          bottom: 15px; } }
      @media screen and (max-height: 660px) {
        #archive #cover .publish-check-buttons {
          right: 70px;
          bottom: 35px; } }
      @media screen and (min-width: 641px) and (max-width: 960px) {
        #archive #cover .publish-check-buttons {
          right: inherit;
          left: 60px;
          bottom: 15px; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archive #cover .publish-check-buttons {
          right: inherit;
          left: 30px;
          bottom: 120px; } }
      #archive #cover .publish-check-buttons .slide {
        display: block;
        margin: 0 0 15px 0;
        z-index: 1000;
        opacity: 1;
        transition: 0.5s opacity; }
        @media screen and (min-width: 961px) and (max-width: 1080px) {
          #archive #cover .publish-check-buttons .slide {
            display: inline-block;
            margin: 0; } }
        @media screen and (min-width: 960px) and (max-aspect-ratio: 14 / 9) {
          #archive #cover .publish-check-buttons .slide {
            display: block;
            margin: 0 0 15px 0; } }
        @media screen and (max-aspect-ratio: 8 / 6) {
          #archive #cover .publish-check-buttons .slide {
            display: inline-block;
            margin: 0; } }
        @media screen and (max-height: 660px) {
          #archive #cover .publish-check-buttons .slide {
            display: inline-block;
            margin: 0; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive #cover .publish-check-buttons .slide {
            display: inline-block;
            margin: 0; } }
        @media screen and (min-width: 641px) and (max-width: 960px) {
          #archive #cover .publish-check-buttons .slide {
            display: inline-block;
            margin: 0; } }
        #archive #cover .publish-check-buttons .slide.result {
          width: 171px;
          height: 171px;
          background-image: url('../img/_sprites-s2e264ae1d1.png');
          background-position: 0 -1534.5px;
          background-repeat: repeat;
          background-size: 479.7px, auto; }
          @media screen and (min-width: 961px) and (max-width: 1080px) {
            #archive #cover .publish-check-buttons .slide.result {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s2e264ae1d1.png');
              background-position: 0 -1193.5px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (max-aspect-ratio: 8 / 6) {
            #archive #cover .publish-check-buttons .slide.result {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s2e264ae1d1.png');
              background-position: 0 -1193.5px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (max-width: 960px) {
            #archive #cover .publish-check-buttons .slide.result {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s2e264ae1d1.png');
              background-position: 0 -1193.5px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (max-height: 1080px) and (max-aspect-ratio: 14 / 9) {
            #archive #cover .publish-check-buttons .slide.result {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s2e264ae1d1.png');
              background-position: 0 -1193.5px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (max-height: 660px) {
            #archive #cover .publish-check-buttons .slide.result {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s2e264ae1d1.png');
              background-position: 0 -1193.5px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (min-width: 641px) and (max-width: 960px) {
            #archive #cover .publish-check-buttons .slide.result {
              width: 114px;
              height: 114px;
              background-image: url('../img/_sprites-s2e264ae1d1.png');
              background-position: 0 -1023px;
              background-repeat: repeat;
              background-size: 319.8px, auto; } }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #archive #cover .publish-check-buttons .slide.result {
              width: 114px;
              height: 114px;
              background-image: url('../img/_sprites-s2e264ae1d1.png');
              background-position: 0 -1023px;
              background-repeat: repeat;
              background-size: 319.8px, auto; } }
        #archive #cover .publish-check-buttons .slide.talkshow {
          width: 171px;
          height: 171px;
          background-image: url('../img/_sprites-s2e264ae1d1.png');
          background-position: 0 -1707.3px;
          background-repeat: repeat;
          background-size: 479.7px, auto; }
          @media screen and (min-width: 961px) and (max-width: 1080px) {
            #archive #cover .publish-check-buttons .slide.talkshow {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s2e264ae1d1.png');
              background-position: 0 -1327.9px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (max-aspect-ratio: 8 / 6) {
            #archive #cover .publish-check-buttons .slide.talkshow {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s2e264ae1d1.png');
              background-position: 0 -1327.9px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (max-width: 960px) {
            #archive #cover .publish-check-buttons .slide.talkshow {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s2e264ae1d1.png');
              background-position: 0 -1327.9px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (max-height: 1080px) and (max-aspect-ratio: 14 / 9) {
            #archive #cover .publish-check-buttons .slide.talkshow {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s2e264ae1d1.png');
              background-position: 0 -1327.9px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (max-height: 660px) {
            #archive #cover .publish-check-buttons .slide.talkshow {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s2e264ae1d1.png');
              background-position: 0 -1327.9px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (min-width: 641px) and (max-width: 960px) {
            #archive #cover .publish-check-buttons .slide.talkshow {
              width: 114px;
              height: 114px;
              background-image: url('../img/_sprites-s2e264ae1d1.png');
              background-position: 0 -1138.2px;
              background-repeat: repeat;
              background-size: 319.8px, auto; } }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #archive #cover .publish-check-buttons .slide.talkshow {
              width: 114px;
              height: 114px;
              background-image: url('../img/_sprites-s2e264ae1d1.png');
              background-position: 0 -1138.2px;
              background-repeat: repeat;
              background-size: 319.8px, auto; } }
      #archive #cover .publish-check-buttons .slide + .slide {
        margin: 15px 0 0 0; }
        @media screen and (min-width: 961px) and (max-width: 1080px) {
          #archive #cover .publish-check-buttons .slide + .slide {
            margin: 0 0 0 15px; } }
        @media screen and (min-width: 960px) and (max-aspect-ratio: 14 / 9) {
          #archive #cover .publish-check-buttons .slide + .slide {
            margin: 15px 0 0 0; } }
        @media screen and (max-aspect-ratio: 8 / 6) {
          #archive #cover .publish-check-buttons .slide + .slide {
            margin: 0 0 0 15px; } }
        @media screen and (max-height: 660px) {
          #archive #cover .publish-check-buttons .slide + .slide {
            margin: 0 0 0 15px; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive #cover .publish-check-buttons .slide + .slide {
            margin: 0 0 0 15px; } }
        @media screen and (min-width: 641px) and (max-width: 960px) {
          #archive #cover .publish-check-buttons .slide + .slide {
            margin: 0 0 0 15px; } }
    #archive #cover .news {
      font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      font-size: 1.6rem;
      line-height: 1;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      letter-spacing: 0.1rem;
      font-feature-settings: "palt";
      line-height: 1.5;
      width: 100%;
      height: 220px;
      border-top: 1px solid #eee;
      border-bottom: 1px solid #eee;
      background: #fafafa;
      padding: 10px 50px;
      position: absolute;
      bottom: -220px;
      transition: opacity 0.4s 0.2s ease; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archive #cover .news {
          font-variation-settings: "wght" 380;
          font-weight: 300; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #archive #cover .news {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archive #cover .news {
          font-variation-settings: "wght" 380;
          font-weight: 300; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #archive #cover .news {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
      #archive #cover .news.hide {
        opacity: 0; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archive #cover .news {
          line-height: 50px;
          padding: 0 30px;
          height: 360px;
          bottom: -200px; } }
      #archive #cover .news .inner {
        max-width: 720px;
        margin: 0 auto;
        position: relative;
        text-align: center; }
        #archive #cover .news .inner .title {
          color: #d00b1c;
          display: inline-block;
          position: absolute;
          left: 0;
          margin: 20px 0 0 0; }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #archive #cover .news .inner .title {
              font-size: 1.4rem;
              line-height: 1;
              font-weight: 300;
              font-variation-settings: "wght" 350;
              letter-spacing: 0;
              font-feature-settings: "palt";
              margin: 2rem 0 0 0;
              position: relative;
              width: 100%; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
    #archive #cover .news .inner .title {
      font-variation-settings: "wght" 380;
      font-weight: 300; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
    #archive #cover .news .inner .title {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 380; } }

        #archive #cover .news .inner .list {
          display: inline-block;
          width: 100%;
          position: relative;
          margin: 20px 0; }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #archive #cover .news .inner .list {
              width: 100%; } }
          #archive #cover .news .inner .list.n::after {
            display: none; }
          #archive #cover .news .inner .list .set {
            width: 100%;
            padding: 0 50px 0 100px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            text-align: left;
            margin: 0; }
            @media screen and (min-width: 0) and (max-width: 640px) {
              #archive #cover .news .inner .list .set {
                padding: 0 50px 0 0; } }
            #archive #cover .news .inner .list .set .date {
              color: #999;
              display: inline-block;
              padding: 0 25px 0 0;
              vertical-align: top;
              text-align: left; }
            #archive #cover .news .inner .list .set .content {
              color: #333;
              display: inline-block;
              width: auto;
              padding: 0 50px 0 0; }
          #archive #cover .news .inner .list::after {
            content: "";
            display: inline;
            width: 10px;
            height: 18px;
            background-image: url('../img/_sprites-s2e264ae1d1.png');
            background-position: 0 -244.5px;
            background-repeat: repeat;
            background-size: 533px, auto;
            margin: 3.5px 0 0 20px;
            position: absolute;
            text-align: center;
            right: 0;
            top: 0px; }
            @media screen and (min-width: 0) and (max-width: 640px) {
              #archive #cover .news .inner .list::after {
                top: 16px; } }
  #archive .section01 .title {
    width: 198.5px;
    height: 36.5px;
    background-image: url('../img/_sprites-s2e264ae1d1.png');
    background-position: 0 -802px;
    background-repeat: repeat;
    background-size: 533px, auto; }
  #archive .section01 .contents {
    font-size: 1.8rem;
    font-weight: 300;
    font-variation-settings: "wght" 350;
    line-height: 3.4rem;
    letter-spacing: 0.12rem;
    font-feature-settings: "pwid" 1; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #archive .section01 .contents {
        font-variation-settings: "wght" 360;
        font-weight: 300;
        letter-spacing: 0.17rem; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      #archive .section01 .contents {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 360; } }
    @media screen and (min-width: 961px) and (max-width: 1080px) {
      #archive .section01 .contents {
        text-align: left;
        white-space: normal; } }
    @media screen and (min-width: 641px) and (max-width: 960px) {
      #archive .section01 .contents {
        text-align: left;
        white-space: normal; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #archive .section01 .contents {
        text-align: left;
        white-space: normal; } }
  #archive .section02 {
    margin-top: 0px; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #archive .section02 {
        margin-top: 0px; } }
    #archive .section02 .title {
      width: 123.5px;
      height: 33px;
      background-image: url('../img/_sprites-s2e264ae1d1.png');
      background-position: 0 -873px;
      background-repeat: repeat;
      background-size: 533px, auto; }
    #archive .section02 .contents {
      text-align: center;
      font-size: 1.8rem;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      line-height: 3.4rem;
      letter-spacing: 0.12rem;
      font-feature-settings: "pwid" 1;
      letter-spacing: 0.1em;
      line-height: 2.2em; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archive .section02 .contents {
          font-variation-settings: "wght" 360;
          font-weight: 300;
          letter-spacing: 0.17rem; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #archive .section02 .contents {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 360; } }
      @media screen and (min-width: 961px) and (max-width: 1080px) {
        #archive .section02 .contents {
          text-align: left; }
          #archive .section02 .contents br {
            display: none; } }
      @media screen and (min-width: 641px) and (max-width: 960px) {
        #archive .section02 .contents {
          text-align: left; }
          #archive .section02 .contents br {
            display: none; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archive .section02 .contents {
          text-align: left; }
          #archive .section02 .contents br {
            display: none; } }
      #archive .section02 .contents .theme {
        width: 255px;
        height: 30.5px;
        background-image: url('../img/_sprites-s2e264ae1d1.png');
        background-position: 0 -840.5px;
        background-repeat: repeat;
        background-size: 533px, auto;
        display: block;
        margin: 0 auto 60px; }
  #archive .section02-1 .title {
    width: 169.5px;
    height: 39.5px;
    background-image: url('../img/_sprites-s2e264ae1d1.png');
    background-position: 0 -760.5px;
    background-repeat: repeat;
    background-size: 533px, auto; }
  #archive .section02-1 .contents {
    text-align: center; }
    #archive .section02-1 .contents .text {
      width: 489px;
      height: 24px;
      background-image: url('../img/_sprites-s2e264ae1d1.png');
      background-position: 0 -305.5px;
      background-repeat: repeat;
      background-size: 533px, auto;
      display: inline-block; }
  #archive .section03 .title {
    width: 127.5px;
    height: 39px;
    background-image: url('../img/_sprites-s2e264ae1d1.png');
    background-position: 0 -972px;
    background-repeat: repeat;
    background-size: 533px, auto; }
  #archive .section03 .sub-title-guest {
    width: 189.5px;
    height: 30px;
    background-image: url('../img/_sprites-s2e264ae1d1.png');
    background-position: 0 -940px;
    background-repeat: repeat;
    background-size: 533px, auto;
    margin: 0px auto 50px auto; }
  #archive .section03 .sub-title {
    width: 158.5px;
    height: 30px;
    background-image: url('../img/_sprites-s2e264ae1d1.png');
    background-position: 0 -908px;
    background-repeat: repeat;
    background-size: 533px, auto;
    margin: 0px auto 50px auto; }
  #archive .section03 .contents {
    font-size: 0;
    letter-spacing: 0; }
    #archive .section03 .contents .mem {
      vertical-align: top;
      display: inline-block;
      margin: 0;
      padding: 0;
      text-align: center; }
      #archive .section03 .contents .mem.m:hover .name {
        opacity: 1; }
      #archive .section03 .contents .mem.m:hover .position {
        opacity: 1; }
      #archive .section03 .contents .mem.s3 {
        width: 33.33%;
        margin: 0 0 40px 0; }
        @media screen and (min-width: 961px) and (max-width: 1080px) {
          #archive .section03 .contents .mem.s3 {
            width: 50%; } }
        @media screen and (min-width: 641px) and (max-width: 960px) {
          #archive .section03 .contents .mem.s3 {
            width: 50%; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive .section03 .contents .mem.s3 {
            width: 50%; } }
      #archive .section03 .contents .mem.s2 {
        width: 50%; }
        #archive .section03 .contents .mem.s2.l {
          margin: 0 0 60px;
          padding: 0 30px 0 0; }
          #archive .section03 .contents .mem.s2.l .position span {
            white-space: nowrap; }
        #archive .section03 .contents .mem.s2.r {
          margin: 0 0 60px 0;
          padding: 0 0 0 30px; }
        #archive .section03 .contents .mem.s2.c {
          margin: 0 auto 0;
          padding: 0 15px 0;
          display: block; }
        @media screen and (min-width: 641px) and (max-width: 960px) {
          #archive .section03 .contents .mem.s2 {
            width: 100%;
            margin: 0; }
            #archive .section03 .contents .mem.s2.l, #archive .section03 .contents .mem.s2.r {
              margin: 0 0 40px 0;
              padding: 0 10px; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive .section03 .contents .mem.s2 {
            width: 100%;
            margin: 0; }
            #archive .section03 .contents .mem.s2.l, #archive .section03 .contents .mem.s2.r {
              margin: 0 0 60px 0;
              padding: 0 10px; } }
      #archive .section03 .contents .mem .photo {
        display: inline-block; }
      #archive .section03 .contents .mem p {
        margin: 0; }
      #archive .section03 .contents .mem .name {
        vertical-align: top;
        font-size: 2rem;
        line-height: 1;
        margin: 32px 0 0 0; }
      #archive .section03 .contents .mem .position {
        vertical-align: top;
        font-size: 1.4rem;
        line-height: 1.5;
        margin: 16px 0 0 0;
        color: #999; }
      #archive .section03 .contents .mem .comment {
        vertical-align: top;
        font-size: 1.4rem;
        line-height: 2.2em;
        margin: 24px 0 20px;
        color: #333;
        text-align: justify; }
      #archive .section03 .contents .mem .interview-btn {
        display: inline-block;
        margin: 20px 0 40px;
        font-size: 1.2rem;
        line-height: 1em;
        border: 1px solid #aaa;
        padding: 10px 20px;
        color: #333; }
        #archive .section03 .contents .mem .interview-btn:hover {
          background: #d00b1c;
          color: #fff;
          border: 1px solid #d00b1c; }
      #archive .section03 .contents .mem .photo {
        width: 200px;
        height: 200px; }
  #archive .section04 .title {
    width: 172.5px;
    height: 39.5px;
    background-image: url('../img/_sprites-s2e264ae1d1.png');
    background-position: 0 -1013px;
    background-repeat: repeat;
    background-size: 533px, auto; }
  #archive .section04 .list {
    width: 100%;
    font-size: 0;
    letter-spacing: 0;
    color: #333; }
    #archive .section04 .list .name {
      font-size: 2.2rem;
      line-height: 1;
      font-weight: 400;
      font-variation-settings: "wght" 370;
      letter-spacing: 0.12rem;
      font-feature-settings: "palt";
      display: inline-block;
      width: 20%;
      color: black;
      margin: 0 10% 6rem 0;
      text-align: center;
      height: 40px;
      line-height: 40px; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archive .section04 .list .name {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 370;
          font-weight: 400; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #archive .section04 .list .name {
          font-variation-settings: "wght" 370; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archive .section04 .list .name {
          height: 60px;
          line-height: 60px;
          margin: 0 10% 2rem 0;
          width: 100%; } }
    #archive .section04 .list .desc {
      font-size: 1.6rem;
      line-height: 1;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      letter-spacing: 0.1rem;
      font-feature-settings: "palt";
      display: inline-block;
      width: 70%;
      vertical-align: top;
      margin: 3px 0 6rem 0;
      line-height: 2.2em; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archive .section04 .list .desc {
          font-variation-settings: "wght" 380;
          font-weight: 300; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #archive .section04 .list .desc {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archive .section04 .list .desc {
          width: 100%;
          margin: 4px 0 6rem 0; } }
      #archive .section04 .list .desc.last {
        margin: 5px 0 0 0; }
      #archive .section04 .list .desc.b {
        width: 100%; }
      #archive .section04 .list .desc .theme {
        font-size: 2.2rem;
        line-height: 1;
        font-weight: 400;
        font-variation-settings: "wght" 370;
        letter-spacing: 0.12rem;
        font-feature-settings: "palt";
        line-height: 1.5;
        margin-bottom: 2.4rem; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive .section04 .list .desc .theme {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 370;
            font-weight: 400; } }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
          #archive .section04 .list .desc .theme {
            font-variation-settings: "wght" 370; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive .section04 .list .desc .theme {
            font-size: 1.8rem;
            line-height: 1;
            font-weight: 300;
            font-variation-settings: "wght" 350;
            letter-spacing: 0.1rem;
            font-feature-settings: "palt";
            margin-bottom: 1.6rem; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
    #archive .section04 .list .desc .theme {
      font-variation-settings: "wght" 360;
      font-weight: 300; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
    #archive .section04 .list .desc .theme {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 360; } }

    #archive .section04 .list .sp-center {
      display: block; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archive .section04 .list .sp-center {
          text-align: center; } }
    #archive .section04 .list .sub-list {
      width: 100%;
      font-size: 0;
      letter-spacing: 0; }
      #archive .section04 .list .sub-list .dot {
        list-style: disc;
        vertical-align: middle;
        margin: 0 0 20px 20px;
        font-size: 1.6rem;
        line-height: 2.2em; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive .section04 .list .sub-list .dot {
            margin: 0 0 20px 30px; } }
      #archive .section04 .list .sub-list .name {
        font-size: 1.6rem;
        line-height: 1;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        letter-spacing: 0.1rem;
        font-feature-settings: "palt";
        display: inline-block;
        background: none;
        color: #333;
        text-align: left;
        font-size: 1.6rem;
        margin: 0;
        height: auto;
        line-height: 2.2em;
        width: 30%;
        max-width: 140px; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive .section04 .list .sub-list .name {
            font-variation-settings: "wght" 380;
            font-weight: 300; } }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
          #archive .section04 .list .sub-list .name {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 380; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive .section04 .list .sub-list .name {
            width: 36%;
            max-width: 100%; } }
        #archive .section04 .list .sub-list .name.b {
          display: block;
          font-size: 1.8rem;
          margin: 0 0 16px 0; }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #archive .section04 .list .sub-list .name.b {
              display: block; } }
        #archive .section04 .list .sub-list .name.s {
          margin: 0 0 0 32px;
          width: 100px; }
      #archive .section04 .list .sub-list .desc {
        font-size: 1.6rem;
        margin: 0 0 20px;
        width: 64%; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive .section04 .list .sub-list .desc {
            max-width: 100%; } }
        #archive .section04 .list .sub-list .desc.b {
          width: 70%; }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #archive .section04 .list .sub-list .desc.b {
              width: 90%;
              margin: 0 0 16px 40px; } }
        #archive .section04 .list .sub-list .desc a {
          color: #d00b1c;
          text-decoration: underline; }
      #archive .section04 .list .sub-list .desc-w {
        font-size: 1.6rem;
        margin: 0 0 20px;
        width: 100%; }
      #archive .section04 .list .sub-list .sub-desc {
        font-size: 1.6rem;
        line-height: 1;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        letter-spacing: 0.1rem;
        font-feature-settings: "palt";
        width: 100%;
        line-height: 1.5;
        margin: 1rem 0 0 0; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive .section04 .list .sub-list .sub-desc {
            font-variation-settings: "wght" 380;
            font-weight: 300; } }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
          #archive .section04 .list .sub-list .sub-desc {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 380; } }
      #archive .section04 .list .sub-list .cul {
        font-size: 1.6rem;
        line-height: 1;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        letter-spacing: 0.1rem;
        font-feature-settings: "palt";
        width: 100%;
        line-height: 2.2em;
        margin: 0 0 20px 20px;
        padding: 0 20px 0 0;
        list-style: decimal;
        vertical-align: middle; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive .section04 .list .sub-list .cul {
            font-variation-settings: "wght" 380;
            font-weight: 300; } }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
          #archive .section04 .list .sub-list .cul {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 380; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive .section04 .list .sub-list .cul {
            margin: 0 0 20px 30px; } }
    #archive .section04 .list .pstr-ver {
      display: inline-block;
      width: 210px;
      height: 300px;
      border: 1px solid #ccc;
      margin: 30px 40px 40px 0; }
    #archive .section04 .list .pstr-hol {
      display: inline-block;
      width: 300px;
      height: 210px;
      border: 1px solid #ccc;
      margin: 30px 0; }
    #archive .section04 .list .pstr-ver, #archive .section04 .list .pstr-hol {
      vertical-align: top;
      text-align: left; }
      #archive .section04 .list .pstr-ver .name, #archive .section04 .list .pstr-ver .consept, #archive .section04 .list .pstr-ver .number, #archive .section04 .list .pstr-hol .name, #archive .section04 .list .pstr-hol .consept, #archive .section04 .list .pstr-hol .number {
        display: block;
        text-align: left;
        background: none;
        font-size: 12px;
        color: #999;
        margin: 0;
        width: 100%;
        height: auto;
        padding: 8px 0 0 8px;
        line-height: 16px; }
    #archive .section04 .list .schedule {
      width: 100%;
      font-size: 0;
      letter-spacing: 0; }
      #archive .section04 .list .schedule .name {
        background: none;
        color: #333;
        text-align: left;
        font-size: 1.6rem;
        margin: 0 4% 0 0;
        height: auto;
        line-height: 30px;
        width: 35%;
        max-width: 150px;
        height: 35px;
        border: 1px solid #333;
        text-align: center;
        vertical-align: middle; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive .section04 .list .schedule .name {
            width: 40%;
            max-width: 100%;
            line-height: 40px;
            height: 44px; } }
        #archive .section04 .list .schedule .name::after {
          content: "";
          width: 18px;
          height: 10px;
          background-image: url('../img/_sprites-s2e264ae1d1.png');
          background-position: 0 -212.5px;
          background-repeat: repeat;
          background-size: 533px, auto;
          display: block;
          margin: 15px auto; }
        #archive .section04 .list .schedule .name:nth-of-type(3)::after {
          margin: 30px auto 0; }
          @media screen and (min-width: 641px) and (max-width: 960px) {
            #archive .section04 .list .schedule .name:nth-of-type(3)::after {
              margin: 45px auto 0; } }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #archive .section04 .list .schedule .name:nth-of-type(3)::after {
              margin: 60px auto 0; } }
        #archive .section04 .list .schedule .name:nth-last-of-type(2)::before {
          background: black; }
        #archive .section04 .list .schedule .name:nth-last-of-type(2)::after {
          display: none; }
      #archive .section04 .list .schedule .desc {
        margin: 0 0 30px;
        width: 65%;
        vertical-align: top; }
        @media screen and (min-width: 641px) and (max-width: 960px) {
          #archive .section04 .list .schedule .desc {
            width: 60%; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive .section04 .list .schedule .desc {
            width: 56%;
            max-width: 100%; } }
  #archive .section05 {
    margin-top: 100px;
    text-align: center;
    line-height: 0;
    font-size: 0; }
    #archive .section05::after {
      content: none;
      display: none;
      text-align: center; }
    #archive .section05 .form {
      width: 50%;
      height: 80px;
      display: inline-block;
      text-align: center;
      margin: 0 0 50px;
      padding: 0;
      line-height: 2.2em;
      font-size: 1.2rem;
      vertical-align: top; }
      @media screen and (min-width: 641px) and (max-width: 960px) {
        #archive .section05 .form {
          width: 100%; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archive .section05 .form {
          width: 100%; } }
      #archive .section05 .form:hover {
        opacity: 0.75; }
      #archive .section05 .form:nth-of-type(1) .label {
        margin: 0 20px 0 0; }
        #archive .section05 .form:nth-of-type(1) .label::after {
          width: 261px;
          height: 22px;
          background-image: url('../img/_sprites-s2e264ae1d1.png');
          background-position: 0 -1078.5px;
          background-repeat: repeat;
          background-size: 533px, auto;
          margin: 28px 0 0 0; }
      @media screen and (min-width: 641px) and (max-width: 960px) {
        #archive .section05 .form:nth-of-type(1) {
          margin: 0 0 60px 0; }
          #archive .section05 .form:nth-of-type(1) .label {
            margin: 0; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archive .section05 .form:nth-of-type(1) {
          margin: 0 0 60px 0; }
          #archive .section05 .form:nth-of-type(1) .label {
            margin: 0; } }
      #archive .section05 .form:nth-of-type(2) .label {
        margin: 0 0 0 20px; }
        #archive .section05 .form:nth-of-type(2) .label::after {
          width: 189px;
          height: 22px;
          background-image: url('../img/_sprites-s2e264ae1d1.png');
          background-position: 0 -1054.5px;
          background-repeat: repeat;
          background-size: 533px, auto;
          margin: 28px 0 0 0; }
      @media screen and (min-width: 641px) and (max-width: 960px) {
        #archive .section05 .form:nth-of-type(2) .label {
          margin: 0; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archive .section05 .form:nth-of-type(2) .label {
          margin: 0; } }
      #archive .section05 .form .label {
        display: block;
        position: relative;
        background: #d00b1c;
        height: 80px;
        width: auto; }
        #archive .section05 .form .label::after {
          content: "";
          display: inline-block; }
      #archive .section05 .form.lock {
        pointer-events: none; }
        #archive .section05 .form.lock .label {
          pointer-events: none;
          background: #ccc; }
        #archive .section05 .form.lock .text {
          margin: 10px 0 0 0;
          color: #999;
          display: inline-block; }
  #archive .section06 .title {
    width: 243.5px;
    height: 39px;
    background-image: url('../img/_sprites-s2e264ae1d1.png');
    background-position: 0 -331.5px;
    background-repeat: repeat;
    background-size: 533px, auto; }
  #archive .section06 .more-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 60px auto 40px;
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding: 0;
    color: #333;
    height: 5rem;
    width: 24rem;
    background: #d00b1c;
    color: #fff;
    text-align: center; }
    #archive .section06 .more-btn:hover {
      color: #fff;
      opacity: 0.6; }
  #archive .section06 .article {
    width: auto;
    margin: 0 auto;
    max-width: 720px;
    text-align: left; }
    #archive .section06 .article .q {
      width: auto;
      margin: 40px 0 0;
      font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      font-size: 2.2rem; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archive .section06 .article .q {
          font-variation-settings: "wght" 380;
          font-weight: 300; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #archive .section06 .article .q {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
      #archive .section06 .article .q ul li {
        font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        position: relative;
        list-style-type: none !important;
        padding: 0 0 0 40px;
        text-align: left; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive .section06 .article .q ul li {
            font-variation-settings: "wght" 380;
            font-weight: 300; } }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
          #archive .section06 .article .q ul li {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 380; } }
        #archive .section06 .article .q ul li span {
          position: absolute;
          top: 0;
          left: 0;
          color: #d00b1c; }
    #archive .section06 .article .a.last {
      border-bottom: 0px solid #fff;
      padding: 0; }
    #archive .section06 .article .a {
      font-size: 1.6rem;
      line-height: 1;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      letter-spacing: 0.1rem;
      font-feature-settings: "palt";
      width: auto;
      margin: 26px 0 0;
      border-bottom: 5px solid #ffffff;
      line-height: 2.2em; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archive .section06 .article .a {
          font-variation-settings: "wght" 380;
          font-weight: 300; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #archive .section06 .article .a {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
      #archive .section06 .article .a a {
        font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        border-bottom: 1px solid #ccc; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive .section06 .article .a a {
            font-variation-settings: "wght" 380;
            font-weight: 300; } }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
          #archive .section06 .article .a a {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 380; } }
      #archive .section06 .article .a .ids:hover {
        opacity: 0.6;
        transition: opacity 0s; }
      #archive .section06 .article .a .ids {
        border-bottom: 0px solid #fff !important; }
      #archive .section06 .article .a ul li {
        font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        position: relative;
        list-style-type: none;
        padding: 0 0 0 40px;
        vertical-align: bottom; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive .section06 .article .a ul li {
            font-variation-settings: "wght" 380;
            font-weight: 300; } }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
          #archive .section06 .article .a ul li {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 380; } }
        #archive .section06 .article .a ul li p {
          margin: 0 0 24px 0; }
        #archive .section06 .article .a ul li span {
          font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
          font-weight: 300;
          font-variation-settings: "wght" 350;
          position: absolute;
          top: -1px;
          left: 0;
          color: #d00b1c;
          font-size: 2.2rem; }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #archive .section06 .article .a ul li span {
              font-variation-settings: "wght" 380;
              font-weight: 300; } }
          @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
            #archive .section06 .article .a ul li span {
              -webkit-font-smoothing: antialiased;
              font-variation-settings: "wght" 380; } }
        #archive .section06 .article .a ul li ul {
          margin: 0 0 24px 0; }
          #archive .section06 .article .a ul li ul li {
            list-style-type: disc;
            padding: 0;
            margin: 0 0 0 1.5em; }
  #archive .section07 {
    text-align: center; }
    #archive .section07 .more-btn {
      display: inline-block;
      margin: 20px 20px 40px;
      font-size: 1.6rem;
      line-height: 42px;
      padding: 10px 20px;
      color: #333;
      height: 60px;
      width: 340px;
      background: #d00b1c;
      color: #fff;
      text-align: center; }
      #archive .section07 .more-btn:hover {
        color: #fff;
        opacity: 0.6; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #archive .section07 .more-btn:hover {
            line-height: 42px; } }
    #archive .section07 .title {
      width: 245.5px;
      height: 38.5px;
      background-image: url('../img/_sprites-s2e264ae1d1.png');
      background-position: 0 -1143.5px;
      background-repeat: repeat;
      background-size: 533px, auto; }

#news, #shachihata, #entry {
  position: relative;
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  padding: 0 50px;
  font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 300;
  font-variation-settings: "wght" 350;
  color: #333;
  text-align: center; }
  @media screen and (min-width: 0) and (max-width: 640px) {
    #news, #shachihata, #entry {
      font-variation-settings: "wght" 380;
      font-weight: 300; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    #news, #shachihata, #entry {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 380; } }
  @media screen and (min-width: 0) and (max-width: 640px) {
    #news, #shachihata, #entry {
      padding: 0 30px; } }
  #news .br-sp, #shachihata .br-sp, #entry .br-sp {
    display: none;
    content: " "; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #news .br-sp, #shachihata .br-sp, #entry .br-sp {
        display: inline;
        content: none; } }
  #news .interview-title, #shachihata .interview-title, #entry .interview-title {
    width: 244px;
    height: 36.5px;
    background-image: url('../img/_sprites-s2e264ae1d1.png');
    background-position: 0 -504.5px;
    background-repeat: repeat;
    background-size: 533px, auto;
    display: inline-block;
    margin: 160px 0 20px; }
  #news .news-title, #shachihata .news-title, #entry .news-title {
    width: 160px;
    height: 30.5px;
    background-image: url('../img/_sprites-s2e264ae1d1.png');
    background-position: 0 -687px;
    background-repeat: repeat;
    background-size: 533px, auto;
    display: inline-block;
    margin: 160px 0 0; }
  #news .shachihata-title, #shachihata .shachihata-title, #entry .shachihata-title {
    width: 409px;
    height: 39px;
    background-image: url('../img/_sprites-s2e264ae1d1.png');
    background-position: 0 -1184px;
    background-repeat: repeat;
    background-size: 533px, auto;
    display: inline-block;
    margin: 160px 0 20px; }
  #news .filter, #shachihata .filter, #entry .filter {
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 300;
    font-variation-settings: "wght" 350;
    letter-spacing: 0.1rem;
    font-feature-settings: "palt";
    margin: 4rem 0 0 0; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #news .filter, #shachihata .filter, #entry .filter {
        font-variation-settings: "wght" 380;
        font-weight: 300; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      #news .filter, #shachihata .filter, #entry .filter {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 380; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #news .filter, #shachihata .filter, #entry .filter {
        display: -ms-flexbox;
        display: flex;
        overflow-x: scroll;
        overflow-y: clip;
        gap: 0.8rem;
        padding: 1rem 0; } }
    #news .filter a, #shachihata .filter a, #entry .filter a {
      margin: 0 0.5rem;
      color: #999; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #news .filter a, #shachihata .filter a, #entry .filter a {
          width: 80px;
          text-align: center; } }
    #news .filter .select, #shachihata .filter .select, #entry .filter .select {
      display: inline;
      width: 80px;
      margin: 0 0.5rem;
      color: #000; }
  #news .article:nth-last-of-type(2) .sec, #news .article:nth-last-of-type(1) .sec, #shachihata .article:nth-last-of-type(2) .sec, #shachihata .article:nth-last-of-type(1) .sec, #entry .article:nth-last-of-type(2) .sec, #entry .article:nth-last-of-type(1) .sec {
    display: none; }
  #news .article:nth-last-of-type(2)::after, #news .article:nth-last-of-type(1)::after, #shachihata .article:nth-last-of-type(2)::after, #shachihata .article:nth-last-of-type(1)::after, #entry .article:nth-last-of-type(2)::after, #entry .article:nth-last-of-type(1)::after {
    display: none; }
  #news .article .title-set, #shachihata .article .title-set, #entry .article .title-set {
    text-align: center;
    margin: 8rem 0 4rem 0; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #news .article .title-set, #shachihata .article .title-set, #entry .article .title-set {
        margin: 6rem 0 3rem 0; } }
    #news .article .title-set.i, #shachihata .article .title-set.i, #entry .article .title-set.i {
      margin: 8rem 0 4rem 0; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #news .article .title-set.i, #shachihata .article .title-set.i, #entry .article .title-set.i {
          margin: 4rem 0 2rem 0; } }
    #news .article .title-set .title, #shachihata .article .title-set .title, #entry .article .title-set .title {
      font-size: 2.6rem;
      line-height: 1;
      font-weight: 400;
      font-variation-settings: "wght" 370;
      letter-spacing: 0.16rem;
      font-feature-settings: "palt";
      line-height: 4rem;
      letter-spacing: 0.03rem;
      color: #333;
      margin: 0;
      word-break: keep-all;
      overflow-wrap: anywhere; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #news .article .title-set .title, #shachihata .article .title-set .title, #entry .article .title-set .title {
          font-variation-settings: "wght" 370;
          font-weight: 400; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #news .article .title-set .title, #shachihata .article .title-set .title, #entry .article .title-set .title {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 370; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #news .article .title-set .title, #shachihata .article .title-set .title, #entry .article .title-set .title {
          font-size: 2.2rem;
          line-height: 1;
          font-weight: 400;
          font-variation-settings: "wght" 370;
          letter-spacing: 0.12rem;
          font-feature-settings: "palt";
          line-height: 3.6rem; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
    #news .article .title-set .title, #shachihata .article .title-set .title, #entry .article .title-set .title {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 370;
      font-weight: 400; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
    #news .article .title-set .title, #shachihata .article .title-set .title, #entry .article .title-set .title {
      font-variation-settings: "wght" 370; } }

    #news .article .title-set .info, #shachihata .article .title-set .info, #entry .article .title-set .info {
      font-size: 1.6rem;
      line-height: 1;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      letter-spacing: 0.1rem;
      font-feature-settings: "palt";
      display: inline-block;
      width: 100%;
      color: #999;
      margin: 2rem 0 0 0; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #news .article .title-set .info, #shachihata .article .title-set .info, #entry .article .title-set .info {
          font-variation-settings: "wght" 380;
          font-weight: 300; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #news .article .title-set .info, #shachihata .article .title-set .info, #entry .article .title-set .info {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
      #news .article .title-set .info .date, #news .article .title-set .info .categories, #news .article .title-set .info .cate, #shachihata .article .title-set .info .date, #shachihata .article .title-set .info .categories, #shachihata .article .title-set .info .cate, #entry .article .title-set .info .date, #entry .article .title-set .info .categories, #entry .article .title-set .info .cate {
        display: inline-block;
        color: #999; }
      #news .article .title-set .info .date, #shachihata .article .title-set .info .date, #entry .article .title-set .info .date {
        margin: 0 2rem; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #news .article .title-set .info .date, #shachihata .article .title-set .info .date, #entry .article .title-set .info .date {
            display: block; } }
      #news .article .title-set .info .categories, #shachihata .article .title-set .info .categories, #entry .article .title-set .info .categories {
        margin: 0 1rem; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #news .article .title-set .info .categories, #shachihata .article .title-set .info .categories, #entry .article .title-set .info .categories {
            margin: 1rem; } }
      #news .article .title-set .info .cate, #shachihata .article .title-set .info .cate, #entry .article .title-set .info .cate {
        margin: 0 1rem; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #news .article .title-set .info .slash, #shachihata .article .title-set .info .slash, #entry .article .title-set .info .slash {
          display: none; } }
  #news .article .content, #shachihata .article .content, #entry .article .content {
    font-size: 1.6rem;
    font-weight: 300;
    font-variation-settings: "wght" 350;
    line-height: 1.88;
    letter-spacing: 0.12rem;
    font-feature-settings: "pwid" 1;
    width: 100%;
    text-align: left; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #news .article .content, #shachihata .article .content, #entry .article .content {
        font-variation-settings: "wght" 380;
        font-weight: 300;
        letter-spacing: 0.17rem; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      #news .article .content, #shachihata .article .content, #entry .article .content {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 380; } }
    #news .article .content .back-news-btn, #shachihata .article .content .back-news-btn, #entry .article .content .back-news-btn {
      display: block;
      position: relative;
      color: #d00b1c;
      margin: 60px 0 0 0; }
    #news .article .content .caption, #shachihata .article .content .caption, #entry .article .content .caption {
      font-size: 1.4rem; }
    #news .article .content a, #shachihata .article .content a, #entry .article .content a {
      font-size: 1.6rem;
      line-height: 1;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      letter-spacing: 0.1rem;
      font-feature-settings: "palt";
      color: #d00b1c;
      margin: 0 2rem 0 0; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #news .article .content a, #shachihata .article .content a, #entry .article .content a {
          font-variation-settings: "wght" 380;
          font-weight: 300; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #news .article .content a, #shachihata .article .content a, #entry .article .content a {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
    #news .article .content img, #shachihata .article .content img, #entry .article .content img {
      width: 100%;
      height: auto;
      margin: 20px 0 20px 0; }
    #news .article .content .dash, #news .article .content .name, #shachihata .article .content .dash, #shachihata .article .content .name, #entry .article .content .dash, #entry .article .content .name {
      font-size: 1.6rem;
      line-height: 1;
      font-weight: 400;
      font-variation-settings: "wght" 450;
      letter-spacing: 0.06rem;
      font-feature-settings: "palt";
      line-height: 1.9;
      letter-spacing: -0.1px; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #news .article .content .dash, #news .article .content .name, #shachihata .article .content .dash, #shachihata .article .content .name, #entry .article .content .dash, #entry .article .content .name {
          font-variation-settings: "wght" 460;
          font-weight: 400; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #news .article .content .dash, #news .article .content .name, #shachihata .article .content .dash, #shachihata .article .content .name, #entry .article .content .dash, #entry .article .content .name {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 460; } }
    #news .article .content .question, #shachihata .article .content .question, #entry .article .content .question {
      font-size: 1.6rem;
      font-weight: 400;
      font-variation-settings: "wght" 450;
      line-height: 1.88;
      letter-spacing: 0.12rem;
      font-feature-settings: "pwid" 1;
      line-height: 1.8; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #news .article .content .question, #shachihata .article .content .question, #entry .article .content .question {
          font-variation-settings: "wght" 460;
          font-weight: 400; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #news .article .content .question, #shachihata .article .content .question, #entry .article .content .question {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 460; } }
    #news .article .content .info, #shachihata .article .content .info, #entry .article .content .info {
      width: 100%; }
      #news .article .content .info.last::after, #shachihata .article .content .info.last::after, #entry .article .content .info.last::after {
        display: none !important; }
      #news .article .content .info::after, #shachihata .article .content .info::after, #entry .article .content .info::after {
        z-index: 1;
        content: "";
        display: block;
        position: relative;
        bottom: 30px;
        width: 40%;
        height: 20px;
        margin: 0 auto 0;
        box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1);
        border-radius: 300px/30px; }
      #news .article .content .info .title, #shachihata .article .content .info .title, #entry .article .content .info .title {
        font-size: 3.2rem;
        line-height: 1;
        font-weight: 400;
        font-variation-settings: "wght" 370;
        letter-spacing: 0.2rem;
        font-feature-settings: "palt";
        line-height: 1.5;
        display: block;
        margin: 8px auto 0;
        text-align: center; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #news .article .content .info .title, #shachihata .article .content .info .title, #entry .article .content .info .title {
            font-variation-settings: "wght" 370;
            font-weight: 400; } }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
          #news .article .content .info .title, #shachihata .article .content .info .title, #entry .article .content .info .title {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 370; } }
      #news .article .content .info .icon, #shachihata .article .content .info .icon, #entry .article .content .info .icon {
        display: block;
        margin: 32px auto 0; }
      #news .article .content .info img, #shachihata .article .content .info img, #entry .article .content .info img {
        margin: 0; }
      #news .article .content .info .sub, #shachihata .article .content .info .sub, #entry .article .content .info .sub {
        margin: 80px 0 0 0;
        font-size: 1.8rem;
        line-height: 2em;
        position: relative;
        text-align: center; }
      #news .article .content .info .name, #shachihata .article .content .info .name, #entry .article .content .info .name {
        font-size: 2.2rem;
        line-height: 1;
        font-weight: 400;
        font-variation-settings: "wght" 370;
        letter-spacing: 0.12rem;
        font-feature-settings: "palt";
        letter-spacing: 0;
        text-align: center;
        margin: 15px 0 0 0; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #news .article .content .info .name, #shachihata .article .content .info .name, #entry .article .content .info .name {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 370;
            font-weight: 400; } }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
          #news .article .content .info .name, #shachihata .article .content .info .name, #entry .article .content .info .name {
            font-variation-settings: "wght" 370; } }
      #news .article .content .info .spell, #shachihata .article .content .info .spell, #entry .article .content .info .spell {
        margin: 0.4rem 0 0 0;
        font-size: 1.4rem;
        line-height: 1.8em;
        letter-spacing: 0;
        text-align: center;
        color: #999; }
      #news .article .content .info .desc, #shachihata .article .content .info .desc, #entry .article .content .info .desc {
        padding: 0 0 30px 0;
        margin: 3.6rem 0 0 0; }
      #news .article .content .info .group, #shachihata .article .content .info .group, #entry .article .content .info .group {
        width: 100%;
        text-align: center;
        margin: 0 0; }
      #news .article .content .info .separate, #shachihata .article .content .info .separate, #entry .article .content .info .separate {
        margin: 152px 12px 0 12px;
        display: inline-block;
        position: relative;
        width: 1px;
        height: 40px;
        vertical-align: top;
        text-align: center;
        background: #ccc; }
      #news .article .content .info .person, #shachihata .article .content .info .person, #entry .article .content .info .person {
        display: inline-block; }
      #news .article .content .info .label, #shachihata .article .content .info .label, #entry .article .content .info .label {
        font-size: 1.4rem;
        line-height: 1em;
        margin: 24px 0 0 0; }
      #news .article .content .info .subsec, #shachihata .article .content .info .subsec, #entry .article .content .info .subsec {
        width: 100%;
        background: #fff;
        height: 100px;
        line-height: 100px;
        position: relative;
        text-align: center;
        vertical-align: bottom;
        z-index: 10; }
        #news .article .content .info .subsec::after, #shachihata .article .content .info .subsec::after, #entry .article .content .info .subsec::after {
          content: "";
          display: inline-block;
          position: relative;
          width: 14px;
          height: 14px;
          margin: 0 auto;
          background: #d00b1c; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #news .article .content .info .sub, #shachihata .article .content .info .sub, #entry .article .content .info .sub {
          font-size: 1.6rem;
          line-height: 1;
          font-weight: 300;
          font-variation-settings: "wght" 350;
          letter-spacing: 0.1rem;
          font-feature-settings: "palt";
          margin: 4.2rem 0 0 0; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
    #news .article .content .info .sub, #shachihata .article .content .info .sub, #entry .article .content .info .sub {
      font-variation-settings: "wght" 380;
      font-weight: 300; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
    #news .article .content .info .sub, #shachihata .article .content .info .sub, #entry .article .content .info .sub {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 380; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #news .article .content .info .title, #shachihata .article .content .info .title, #entry .article .content .info .title {
          font-size: 2.6rem;
          line-height: 1;
          font-weight: 400;
          font-variation-settings: "wght" 370;
          letter-spacing: 0.16rem;
          font-feature-settings: "palt";
          line-height: 1.2;
          margin: 1rem 0 0 0; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
    #news .article .content .info .title, #shachihata .article .content .info .title, #entry .article .content .info .title {
      font-variation-settings: "wght" 370;
      font-weight: 400; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
    #news .article .content .info .title, #shachihata .article .content .info .title, #entry .article .content .info .title {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 370; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #news .article .content .info .person, #shachihata .article .content .info .person, #entry .article .content .info .person {
          margin: 30px 0 0 0; }
        #news .article .content .info .separate, #shachihata .article .content .info .separate, #entry .article .content .info .separate {
          display: inline-block;
          position: relative;
          width: 1px;
          height: 3.6rem;
          margin: 11.6rem 1.4rem 0 1.4rem;
          vertical-align: top;
          background: #ccc; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 1081px) and (max-width: 1200px) {
    #news .article .content .info .separate, #shachihata .article .content .info .separate, #entry .article .content .info .separate {
      margin: 10.5rem 1.2rem 0 1.2rem; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 961px) and (max-width: 1080px) {
    #news .article .content .info .separate, #shachihata .article .content .info .separate, #entry .article .content .info .separate {
      margin: 10.5rem 0.8rem 0 0.8rem; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #news .article .content .info .icon, #shachihata .article .content .info .icon, #entry .article .content .info .icon {
          display: block;
          width: 8rem;
          height: 8rem;
          margin: 0px auto 0; }
        #news .article .content .info .name, #shachihata .article .content .info .name, #entry .article .content .info .name {
          font-size: 1.8rem;
          line-height: 1;
          font-weight: 300;
          font-variation-settings: "wght" 350;
          letter-spacing: 0.1rem;
          font-feature-settings: "palt";
          margin: 0.8rem 0 0 0; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
    #news .article .content .info .name, #shachihata .article .content .info .name, #entry .article .content .info .name {
      font-variation-settings: "wght" 360;
      font-weight: 300; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
    #news .article .content .info .name, #shachihata .article .content .info .name, #entry .article .content .info .name {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 360; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #news .article .content .info .spell, #shachihata .article .content .info .spell, #entry .article .content .info .spell {
          font-size: 1.2rem;
          line-height: 1;
          font-weight: 300;
          font-variation-settings: "wght" 350;
          letter-spacing: 0;
          font-feature-settings: "palt";
          color: #999;
          margin: 0.8rem 0 0 0; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
    #news .article .content .info .spell, #shachihata .article .content .info .spell, #entry .article .content .info .spell {
      font-variation-settings: "wght" 380;
      font-weight: 300; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
    #news .article .content .info .spell, #shachihata .article .content .info .spell, #entry .article .content .info .spell {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 380; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #news .article .content .info .team, #shachihata .article .content .info .team, #entry .article .content .info .team {
          font-size: 1.2rem;
          line-height: 1;
          font-weight: 300;
          font-variation-settings: "wght" 350;
          letter-spacing: 0;
          font-feature-settings: "palt";
          margin: 2rem 0 0 0; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
    #news .article .content .info .team, #shachihata .article .content .info .team, #entry .article .content .info .team {
      font-variation-settings: "wght" 380;
      font-weight: 300; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
    #news .article .content .info .team, #shachihata .article .content .info .team, #entry .article .content .info .team {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 380; } }

  #news .article .load-more, #shachihata .article .load-more, #entry .article .load-more {
    margin: 0;
    width: 100%;
    text-align: center; }
    #news .article .load-more .load-more-btn, #shachihata .article .load-more .load-more-btn, #entry .article .load-more .load-more-btn {
      display: inline-block;
      margin: 50px 0 0;
      font-size: 1.6rem;
      line-height: 1em;
      border: 1px solid #aaa;
      padding: 1.4rem 3rem 1.6rem 3rem;
      color: #333; }
      #news .article .load-more .load-more-btn:hover, #shachihata .article .load-more .load-more-btn:hover, #entry .article .load-more .load-more-btn:hover {
        background: #d00b1c;
        color: #fff;
        border: 1px solid #d00b1c; }
  #news .article .sec, #shachihata .article .sec, #entry .article .sec {
    width: 100%;
    background: #fff;
    height: 100px;
    line-height: 100px;
    position: relative;
    text-align: center;
    vertical-align: bottom;
    z-index: 10; }
    #news .article .sec::after, #shachihata .article .sec::after, #entry .article .sec::after {
      content: "";
      display: inline-block;
      position: relative;
      width: 14px;
      height: 14px;
      margin: 0 auto;
      background: #d00b1c; }
  #news .article::after, #shachihata .article::after, #entry .article::after {
    z-index: 1;
    content: "";
    display: block;
    position: relative;
    bottom: 30px;
    width: 40%;
    height: 20px;
    margin: 0 auto 0;
    box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1);
    border-radius: 300px/30px; }
  #news .pagination, #shachihata .pagination, #entry .pagination {
    color: #333;
    font-size: 2rem;
    margin: 100px 0 0 0; }
    #news .pagination .split, #shachihata .pagination .split, #entry .pagination .split {
      display: inline-block;
      border-radius: 30px;
      background: #ccc;
      width: 5px;
      height: 5px;
      margin: 0 25px 3px; }
    #news .pagination .next, #shachihata .pagination .next, #entry .pagination .next {
      display: inline-block;
      vertical-align: middle; }
      #news .pagination .next::before, #shachihata .pagination .next::before, #entry .pagination .next::before {
        content: "";
        display: inline-block;
        width: 42px;
        height: 42px;
        background-image: url('../img/_sprites-s2e264ae1d1.png');
        background-position: 0 -36.5px;
        background-repeat: repeat;
        background-size: 533px, auto;
        margin: 0 20px 0 0;
        position: relative;
        bottom: 3px; }
      #news .pagination .next.end, #shachihata .pagination .next.end, #entry .pagination .next.end {
        pointer-events: none;
        color: #ccc; }
        #news .pagination .next.end::before, #shachihata .pagination .next.end::before, #entry .pagination .next.end::before {
          width: 42px;
          height: 42px;
          background-image: url('../img/_sprites-s2e264ae1d1.png');
          background-position: 0 -80.5px;
          background-repeat: repeat;
          background-size: 533px, auto; }
    #news .pagination .prev, #shachihata .pagination .prev, #entry .pagination .prev {
      display: inline-block;
      vertical-align: middle; }
      #news .pagination .prev::after, #shachihata .pagination .prev::after, #entry .pagination .prev::after {
        content: "";
        display: inline-block;
        width: 42px;
        height: 42px;
        background-image: url('../img/_sprites-s2e264ae1d1.png');
        background-position: 0 -124.5px;
        background-repeat: repeat;
        background-size: 533px, auto;
        margin: 0 0 0 20px;
        position: relative;
        bottom: 3px; }
      #news .pagination .prev.end, #shachihata .pagination .prev.end, #entry .pagination .prev.end {
        pointer-events: none;
        color: #ccc; }
        #news .pagination .prev.end::after, #shachihata .pagination .prev.end::after, #entry .pagination .prev.end::after {
          width: 42px;
          height: 42px;
          background-image: url('../img/_sprites-s2e264ae1d1.png');
          background-position: 0 -168.5px;
          background-repeat: repeat;
          background-size: 533px, auto; }

#news .shachihata-title, #entry .shachihata-title {
  width: 409px;
  height: 39px;
  background-image: url('../img/_sprites-s2e264ae1d1.png');
  background-position: 0 -1184px;
  background-repeat: repeat;
  background-size: 533px, auto;
  display: inline-block;
  margin: 160px 0 0 0; }
#news .article .content, #entry .article .content {
  margin: 0;
  padding: 0; }
  #news .article .content .icon, #entry .article .content .icon {
    width: 10rem;
    height: 10rem;
    display: inline-block; }
  #news .article .content .desc p, #entry .article .content .desc p {
    text-align: left; }
  #news .article .content .desc p + p, #entry .article .content .desc p + p {
    margin-top: 1.6rem; }
  #news .article .content .info .name, #entry .article .content .info .name {
    margin: 16px 0 0; }
  #news .article .content .interview-talk, #entry .article .content .interview-talk {
    margin: 0;
    padding: 0; }
    #news .article .content .interview-talk p, #entry .article .content .interview-talk p {
      display: -ms-flexbox;
      display: flex;
      margin: 3.8rem 0 0 0; }
    #news .article .content .interview-talk figcaption, #entry .article .content .interview-talk figcaption {
      font-size: 1.4rem;
      line-height: 1;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      letter-spacing: 0;
      font-feature-settings: "palt";
      line-height: 1.5;
      font-feature-settings: "pwid" 1;
      word-break: keep-all;
      word-wrap: anywhere; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #news .article .content .interview-talk figcaption, #entry .article .content .interview-talk figcaption {
          font-variation-settings: "wght" 380;
          font-weight: 300; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #news .article .content .interview-talk figcaption, #entry .article .content .interview-talk figcaption {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
    #news .article .content .interview-talk iframe, #entry .article .content .interview-talk iframe {
      padding: 20px 0; }
    #news .article .content .interview-talk span.name, #news .article .content .interview-talk span.dash, #entry .article .content .interview-talk span.name, #entry .article .content .interview-talk span.dash {
      width: 12%;
      min-width: 6rem;
      padding-right: clamp(1.6rem, 5%, 6.4rem);
      vertical-align: top;
      display: inline-block;
      text-align: right; }
    #news .article .content .interview-talk span.comment, #entry .article .content .interview-talk span.comment {
      width: 88%;
      display: inline-block; }
    #news .article .content .interview-talk span.comment span, #entry .article .content .interview-talk span.comment span {
      display: inline-block; }
    #news .article .content .interview-talk span.comment span + span, #entry .article .content .interview-talk span.comment span + span {
      margin-top: 1.6rem; }
    #news .article .content .interview-talk .margin-s, #entry .article .content .interview-talk .margin-s {
      display: block;
      margin: 1.6rem 0 0 0; }
    #news .article .content .interview-talk .margin-m, #entry .article .content .interview-talk .margin-m {
      display: block;
      margin: 3.8rem 0 0 0; }
    #news .article .content .interview-talk .margin-l, #entry .article .content .interview-talk .margin-l {
      display: block;
      margin: 6.4rem 0 0 0; }
  #news .article .content .interview-single, #entry .article .content .interview-single {
    margin: 0;
    padding: 0; }
    #news .article .content .interview-single p, #entry .article .content .interview-single p {
      margin: 3.8rem 0 0 0; }
    #news .article .content .interview-single p span, #entry .article .content .interview-single p span {
      display: inline-block; }
    #news .article .content .interview-single p span + span, #entry .article .content .interview-single p span + span {
      margin-top: 1.6rem; }
    #news .article .content .interview-single figcaption, #entry .article .content .interview-single figcaption {
      font-size: 1.4rem;
      line-height: 1;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      letter-spacing: 0;
      font-feature-settings: "palt";
      font-feature-settings: "pwid" 1;
      word-break: keep-all;
      word-wrap: anywhere; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #news .article .content .interview-single figcaption, #entry .article .content .interview-single figcaption {
          font-variation-settings: "wght" 380;
          font-weight: 300; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #news .article .content .interview-single figcaption, #entry .article .content .interview-single figcaption {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
    #news .article .content .interview-single iframe, #entry .article .content .interview-single iframe {
      padding: 20px 0; }
    #news .article .content .interview-single span.name, #news .article .content .interview-single span.dash, #entry .article .content .interview-single span.name, #entry .article .content .interview-single span.dash {
      padding-right: 8px; }
    #news .article .content .interview-single span.question, #entry .article .content .interview-single span.question {
      display: inline; }
    #news .article .content .interview-single .margin-s, #entry .article .content .interview-single .margin-s {
      display: block;
      margin: 1.6rem 0 0 0; }
    #news .article .content .interview-single .margin-m, #entry .article .content .interview-single .margin-m {
      display: block;
      margin: 3.8rem 0 0 0; }
    #news .article .content .interview-single .margin-l, #entry .article .content .interview-single .margin-l {
      display: block;
      margin: 6.4rem 0 0 0; }

#news .article .title-set .title {
  word-break: break-all;
  overflow-wrap: normal; }

#help {
  margin-top: 180px; }
  #help .section {
    width: 100%;
    margin: auto; }
    #help .section.s01 .title {
      width: 259.5px;
      height: 39px;
      background-image: url('../img/_sprites-s2e264ae1d1.png');
      background-position: 0 -1582px;
      background-repeat: repeat;
      background-size: 533px, auto; }
    #help .section.s02 .title {
      width: 390.5px;
      height: 39px;
      background-image: url('../img/_sprites-s2e264ae1d1.png');
      background-position: 0 -1541px;
      background-repeat: repeat;
      background-size: 533px, auto; }
    #help .section.s03 .title {
      width: 423px;
      height: 39px;
      background-image: url('../img/_sprites-s2e264ae1d1.png');
      background-position: 0 -1623px;
      background-repeat: repeat;
      background-size: 533px, auto; }
    #help .section.s04 .title {
      width: 300px;
      height: 39px;
      background-image: url('../img/_sprites-s2e264ae1d1.png');
      background-position: 0 -1664px;
      background-repeat: repeat;
      background-size: 533px, auto; }
    #help .section.s04::after {
      display: none; }
    #help .section .content {
      display: inline-block;
      font-size: 1.8rem;
      text-align: left;
      line-height: 2.2em; }
      #help .section .content ul .dot {
        list-style: disc;
        margin: 0 0 20px 20px; }
      #help .section .content a {
        color: #d00b1c; }
      #help .section .content .center {
        display: inline-block;
        font-size: 2.4rem;
        text-align: center;
        font-weight: bold;
        width: 100%; }
      #help .section .content .sub {
        display: inline-block;
        margin: 20px 0 0 0;
        font-size: 1.6rem;
        color: #888; }

#faq.loading {
  opacity: 0; }

#faq {
  margin-top: 80px;
  display: block;
  width: 100%;
  min-height: 100%;
  text-align: center; }
  #faq .faq-title {
    width: 243.5px;
    height: 39px;
    background-image: url('../img/_sprites-s2e264ae1d1.png');
    background-position: 0 -331.5px;
    background-repeat: repeat;
    background-size: 533px, auto;
    display: inline-block;
    margin: 100px 0 0; }
  #faq .articles {
    width: auto;
    position: relative;
    display: block;
    margin: 80px auto 0 auto; }
    #faq .articles .article-title {
      width: auto;
      position: relative;
      display: block;
      margin: 100px auto 0;
      text-align: center;
      font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      padding: 31px 0;
      font-size: 2.4rem;
      max-width: 1060px;
      background: #fafafa; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #faq .articles .article-title {
          font-variation-settings: "wght" 380;
          font-weight: 300; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #faq .articles .article-title {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
    #faq .articles .article {
      width: auto;
      margin: 0 auto;
      max-width: 1060px;
      text-align: left; }
      #faq .articles .article .q {
        width: auto;
        margin: 80px 30px 0;
        font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        font-size: 2.2rem; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #faq .articles .article .q {
            font-variation-settings: "wght" 380;
            font-weight: 300; } }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
          #faq .articles .article .q {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 380; } }
        #faq .articles .article .q ul li {
          font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
          font-weight: 300;
          font-variation-settings: "wght" 350;
          position: relative;
          list-style-type: none !important;
          padding: 0 0 0 40px;
          text-align: left; }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #faq .articles .article .q ul li {
              font-variation-settings: "wght" 380;
              font-weight: 300; } }
          @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
            #faq .articles .article .q ul li {
              -webkit-font-smoothing: antialiased;
              font-variation-settings: "wght" 380; } }
          #faq .articles .article .q ul li span {
            position: absolute;
            top: 0;
            left: 0;
            color: #d00b1c; }
      #faq .articles .article .a.last {
        border-bottom: 0px solid #fff;
        padding: 0; }
      #faq .articles .article .a {
        width: auto;
        margin: 66px 30px 0;
        border-bottom: 5px solid #fafafa;
        padding: 0 0 56px;
        font-size: 1.6rem;
        line-height: 2.2em; }
        #faq .articles .article .a a {
          font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
          font-weight: 300;
          font-variation-settings: "wght" 350;
          border-bottom: 1px solid #ccc; }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #faq .articles .article .a a {
              font-variation-settings: "wght" 380;
              font-weight: 300; } }
          @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
            #faq .articles .article .a a {
              -webkit-font-smoothing: antialiased;
              font-variation-settings: "wght" 380; } }
        #faq .articles .article .a .ids:hover {
          opacity: 0.6;
          transition: opacity 0s; }
        #faq .articles .article .a .ids {
          border-bottom: 0px solid #fff !important; }
        #faq .articles .article .a ul li {
          font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
          font-weight: 300;
          font-variation-settings: "wght" 350;
          position: relative;
          list-style-type: none;
          padding: 0 0 0 40px;
          vertical-align: bottom; }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #faq .articles .article .a ul li {
              font-variation-settings: "wght" 380;
              font-weight: 300; } }
          @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
            #faq .articles .article .a ul li {
              -webkit-font-smoothing: antialiased;
              font-variation-settings: "wght" 380; } }
          #faq .articles .article .a ul li p {
            margin: 0 0 24px 0; }
          #faq .articles .article .a ul li span {
            font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
            font-weight: 300;
            font-variation-settings: "wght" 350;
            position: absolute;
            top: -1px;
            left: 0;
            color: #d00b1c;
            font-size: 2.2rem; }
            @media screen and (min-width: 0) and (max-width: 640px) {
              #faq .articles .article .a ul li span {
                font-variation-settings: "wght" 380;
                font-weight: 300; } }
            @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
              #faq .articles .article .a ul li span {
                -webkit-font-smoothing: antialiased;
                font-variation-settings: "wght" 380; } }
          #faq .articles .article .a ul li ul {
            margin: 0 0 24px 0; }
            #faq .articles .article .a ul li ul li {
              list-style-type: disc;
              padding: 0;
              margin: 0 0 0 1.5em; }

#archives {
  display: block;
  width: 100%;
  min-height: 100%;
  text-align: center;
  font-feature-settings: "palt";
  color: #333; }
  #archives .archives-title {
    width: 340px;
    height: 34.5px;
    background-image: url('../img/_sprites-s2e264ae1d1.png');
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 533px, auto;
    display: inline-block;
    margin: 100px 0 100px; }
  #archives .desc {
    font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 300;
    font-variation-settings: "wght" 350;
    font-size: 1.6rem; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #archives .desc {
        font-variation-settings: "wght" 380;
        font-weight: 300; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      #archives .desc {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 380; } }
  #archives .article {
    font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 300;
    font-variation-settings: "wght" 350;
    display: block;
    font-size: 0;
    letter-spacing: 0;
    line-height: 0;
    text-align: left;
    margin: 0 auto 100px auto;
    max-width: 1060px;
    width: 100%;
    text-align: left;
    font-feature-settings: "pwid" 1;
    letter-spacing: 0.1em;
    font-size: 1.6rem;
    line-height: 2.2em;
    padding: 0 60px; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #archives .article {
        font-variation-settings: "wght" 380;
        font-weight: 300; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      #archives .article {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 380; } }
    #archives .article .title {
      font-size: 26px;
      margin: 0 0 30px;
      text-align: center; }
    #archives .article p {
      margin: 0 0 20px 0;
      line-height: 2.2em; }
    #archives .article .caption {
      font-size: 1.4rem; }
    #archives .article .image {
      line-height: 0; }
    #archives .article img {
      max-width: 100%;
      width: 100%;
      height: auto;
      padding: 0 0.15%;
      margin: 0.3% 0; }
    #archives .article span.name, #archives .article span.comment {
      display: inline-block; }
    #archives .article span.name {
      width: 10%;
      vertical-align: top;
      font-weight: bold; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archives .article span.name {
          width: 100%;
          margin: 0 0 30px 0; } }
    #archives .article span.comment {
      width: 90%; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archives .article span.comment {
          width: 100%; } }
    #archives .article .info {
      position: relative;
      letter-space: 0;
      line-height: 0;
      width: 100%; }
    #archives .article .btn-half {
      display: inline-block;
      margin: 30px 0 30px;
      font-size: 2rem;
      line-height: 53px;
      padding: 10px 20px;
      color: #333;
      height: 70px;
      width: 33%;
      margin: 0 0.15%;
      background: #d00b1c;
      color: #fff;
      text-align: center; }
      #archives .article .btn-half p {
        display: inline-block; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #archives .article .btn-half {
          width: 100%;
          margin: 0.15%; } }
      #archives .article .btn-half:hover {
        color: #fff;
        opacity: 0.6; }

#products {
  display: block;
  width: 100%;
  min-height: 100%;
  max-width: 1180px;
  margin: 0 auto;
  text-align: center;
  font-feature-settings: "palt";
  color: #333;
  padding: 0 50px; }
  @media screen and (min-width: 0) and (max-width: 640px) {
    #products {
      padding: 0 30px; } }
  #products.entry {
    max-width: 1180px; }
  #products .products-title {
    width: 391px;
    height: 39px;
    background-image: url('../img/_sprites-s2e264ae1d1.png');
    background-position: 0 -719.5px;
    background-repeat: repeat;
    background-size: 533px, auto;
    display: block;
    margin: 160px auto 60px;
    position: relative; }
  #products .article {
    font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 300;
    font-variation-settings: "wght" 350;
    font-size: 1.6rem;
    line-height: 2.2em;
    margin: 0; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #products .article {
        font-variation-settings: "wght" 380;
        font-weight: 300; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      #products .article {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 380; } }
    #products .article .title {
      text-align: center;
      font-size: 3.8rem;
      line-height: 2.2em;
      margin: 40px 0 30px 0; }
    #products .article .info {
      font-size: 0;
      width: 100%;
      text-align: center; }
      #products .article .info li {
        margin: 5px 0;
        font-size: 1.6rem;
        display: inline-block; }
      #products .article .info .title {
        font-weight: bold;
        text-align: right;
        width: 49%;
        padding: 0 15px 0 0;
        vertical-align: top; }
      #products .article .info .name {
        text-align: left;
        width: 50%;
        padding: 0 0 0 15px; }
    #products .article .cover {
      width: 100%; }
      #products .article .cover img {
        width: 100%; }
    #products .article .content {
      margin: 60px 0 0 0;
      width: 100%;
      text-align: left;
      font-feature-settings: "pwid" 1;
      letter-spacing: 0.1em; }
      #products .article .content .back-news-btn {
        display: inline-block;
        position: relative;
        color: #d00b1c;
        margin: 40px 0 0 0; }
      #products .article .content .sec {
        margin: 60px 0 40px 0;
        line-height: 2.2em;
        text-align: center;
        font-size: 2.4rem; }
      #products .article .content .sub-sec {
        margin: 60px 0 20px 0;
        text-align: left; }
      #products .article .content .caption {
        margin: 0px 0 40px 0;
        font-size: 1.4rem;
        text-align: right; }
      #products .article .content .prices {
        width: 100%; }
        #products .article .content .prices .type {
          width: 49%;
          display: inline-block;
          margin: 0 0 30px; }
          #products .article .content .prices .type:nth-child(odd) {
            padding: 0 15px 0 0; }
          #products .article .content .prices .type:nth-child(even) {
            padding: 0 15px 0 0; }
          @media screen and (min-width: 641px) and (max-width: 960px) {
            #products .article .content .prices .type {
              width: 100%; } }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #products .article .content .prices .type {
              width: 100%; } }
          #products .article .content .prices .type .name {
            font-size: 1.8rem;
            margin: 0; }
          #products .article .content .prices .type .price {
            font-size: 1.4rem; }
          #products .article .content .prices .type .link {
            display: inline-block;
            width: 100%;
            height: 3em;
            background: #d00b1c;
            text-align: center;
            color: #fff;
            vertical-align: center;
            line-height: 3em; }
            #products .article .content .prices .type .link.block {
              background: #ccc; }
          #products .article .content .prices .type .caption {
            font-size: 1.6rem; }
      #products .article .content p {
        margin: 0 0 20px 0;
        line-height: 2.2em; }
      #products .article .content img {
        width: 100%;
        height: auto;
        margin: 20px 0 20px 0; }
      #products .article .content .links {
        width: 100%; }
        #products .article .content .links .link {
          text-align: left; }
          #products .article .content .links .link a {
            color: #d00b1c; }
  #products .product {
    font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 300;
    font-variation-settings: "wght" 350;
    width: 33%;
    display: inline-block;
    font-size: 0;
    letter-spacing: 0;
    line-height: 0;
    text-align: left;
    margin: 0 auto;
    max-width: 1080px;
    text-align: left;
    font-feature-settings: "pwid" 1;
    letter-spacing: 0.1em;
    font-size: 1.6rem;
    line-height: 2.2em;
    padding: 0 30px;
    margin: 30px 0; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #products .product {
        font-variation-settings: "wght" 380;
        font-weight: 300; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      #products .product {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 380; } }
    @media screen and (min-width: 961px) and (max-width: 1080px) {
      #products .product {
        width: 49%;
        padding: 0 30px; } }
    @media screen and (min-width: 641px) and (max-width: 960px) {
      #products .product {
        width: 49%;
        padding: 0 30px; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #products .product {
        width: 100%;
        padding: 0px; } }
    #products .product p {
      margin: 20px 0 20px 0;
      line-height: 2.4em; }
    #products .product .caption {
      font-size: 1.4rem; }
    #products .product img {
      width: 100%;
      height: auto;
      margin: 0; }
    #products .product span.name, #products .product span.comment {
      display: inline-block; }
    #products .product span.name {
      width: 10%;
      vertical-align: top;
      font-weight: bold; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #products .product span.name {
          width: 100%;
          margin: 0 0 30px 0; } }
    #products .product span.comment {
      width: 90%; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #products .product span.comment {
          width: 100%; } }

#works {
  font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 300;
  font-variation-settings: "wght" 350;
  display: block;
  width: 100%;
  min-height: 100%;
  max-width: 1180px;
  padding: 0 50px;
  margin: 0 auto;
  text-align: center;
  color: #333; }
  @media screen and (min-width: 0) and (max-width: 640px) {
    #works {
      font-variation-settings: "wght" 380;
      font-weight: 300; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    #works {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 380; } }
  @media screen and (min-width: 1081px) and (max-width: 1200px) {
    #works {
      padding: 0 30px; } }
  @media screen and (min-width: 961px) and (max-width: 1080px) {
    #works {
      padding: 0 30px; } }
  @media screen and (min-width: 641px) and (max-width: 960px) {
    #works {
      padding: 0 30px; } }
  @media screen and (min-width: 0) and (max-width: 640px) {
    #works {
      padding: 0 30px; } }
  #works .award-title {
    width: 384.5px;
    height: 39px;
    background-image: url('../img/_sprites-s2e264ae1d1.png');
    background-position: 0 -264.5px;
    background-repeat: repeat;
    background-size: 533px, auto;
    display: block;
    margin: 160px auto 0px auto;
    position: relative; }
  #works .product {
    display: inline-block;
    vertical-align: top; }
    #works .product .interview-btn {
      width: 100%;
      max-width: 440px;
      height: 70px;
      margin: 40px auto 80px;
      border: 1px solid #ccc;
      display: block;
      position: relative;
      font-size: 1.8rem;
      line-height: 70px;
      color: #333333;
      text-align: center; }
    #works .product .cover {
      margin: 80px 0 0;
      width: 100%; }
      #works .product .cover img {
        width: 100%;
        height: auto; }
  #works .year {
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 400;
    font-variation-settings: "wght" 370;
    letter-spacing: 0.12rem;
    font-feature-settings: "palt";
    margin: 8rem 0 0 0; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .year {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 370;
        font-weight: 400; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      #works .year {
        font-variation-settings: "wght" 370; } }
    @media screen and (min-width: 641px) and (max-width: 960px) {
      #works .year {
        margin: 8rem 0 0 0; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .year {
        margin: 6rem 0 0 0; } }
  #works .theme {
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 400;
    font-variation-settings: "wght" 370;
    letter-spacing: 0.2rem;
    font-feature-settings: "palt";
    margin: 2rem 0 0 0; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .theme {
        font-variation-settings: "wght" 370;
        font-weight: 400; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      #works .theme {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 370; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .theme {
        font-size: 2.6rem;
        font-height: 2.6rem; } }
  #works .description {
    font-size: 1.8rem;
    font-weight: 300;
    font-variation-settings: "wght" 350;
    line-height: 3.4rem;
    letter-spacing: 0.12rem;
    font-feature-settings: "pwid" 1;
    text-align: left;
    margin: 6rem 0 0 0; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .description {
        font-variation-settings: "wght" 360;
        font-weight: 300;
        letter-spacing: 0.17rem; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      #works .description {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 360; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .description {
        margin: 3rem 0 0 0;
        line-height: 2.2em; } }
  #works .archives {
    text-align: left;
    margin: 3rem 0 0 0; }
    @media screen and (min-width: 641px) and (max-width: 960px) {
      #works .archives {
        margin: 4rem 0 2rem 0; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .archives {
        margin: 4rem 0 4rem 0; } }
    #works .archives a {
      font-size: 1.6rem;
      line-height: 1;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      letter-spacing: 0.1rem;
      font-feature-settings: "palt";
      color: #d00b1c;
      margin: 0 2rem 0 0; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #works .archives a {
          font-variation-settings: "wght" 380;
          font-weight: 300; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #works .archives a {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
  #works .filter {
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 300;
    font-variation-settings: "wght" 350;
    letter-spacing: 0.1rem;
    font-feature-settings: "palt";
    margin: 4rem 0 0 0; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .filter {
        font-variation-settings: "wght" 380;
        font-weight: 300; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      #works .filter {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 380; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .filter {
        display: -ms-flexbox;
        display: flex;
        overflow-x: scroll;
        overflow-y: clip;
        gap: 0.8rem;
        padding: 1rem 0; } }
    #works .filter a {
      margin: 0 0.5rem;
      color: #999; }
    #works .filter .select {
      display: inline;
      margin: 0 0.5rem;
      color: #000; }
  #works .works {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 0 60px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (min-width: 1081px) and (max-width: 1200px) {
      #works .works {
        gap: 0 30px; } }
    @media screen and (min-width: 961px) and (max-width: 1080px) {
      #works .works {
        gap: 0 30px; } }
    #works .works:nth-last-of-type(2) .sec, #works .works:nth-last-of-type(1) .sec {
      display: none; }
    #works .works:nth-last-of-type(2)::after, #works .works:nth-last-of-type(1)::after {
      display: none; }
    #works .works .sec {
      width: 100%;
      background: #fff;
      height: 100px;
      line-height: 100px;
      position: relative;
      text-align: center;
      vertical-align: bottom;
      z-index: 10; }
      #works .works .sec::after {
        content: "";
        display: inline-block;
        position: relative;
        width: 14px;
        height: 14px;
        margin: 0 auto;
        background: #d00b1c; }
    #works .works::after {
      z-index: 1;
      content: "";
      display: block;
      position: relative;
      bottom: 30px;
      width: 40%;
      height: 20px;
      margin: 0 auto 0;
      box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1);
      border-radius: 300px/30px; }
  #works .work {
    display: inline-block;
    text-align: left;
    padding: 0;
    margin: 4.8rem 0 0 0; }
    @media screen and (min-width: 641px) and (max-width: 960px) {
      #works .work {
        margin: 4.8rem 0 0 0; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .work {
        margin: 4.2rem 0 0 0; } }
    #works .work .info .persons {
      margin: 2rem 0 0 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center; }
    #works .work .info .person {
      margin: 0 0 0 0;
      display: inline-block; }
    #works .work img {
      width: 100%;
      height: auto;
      transition: filter 0.2s ease-out, transform 0.2s ease-out; }
    #works .work .image {
      position: relative;
      overflow: hidden; }
      #works .work .image::after {
        pointer-events: none;
        content: "";
        position: absolute;
        display: inline-block;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top, rgba(255, 255, 255, 0.85), 25%, rgba(255, 255, 255, 0));
        opacity: 0;
        transition: opacity 0.2s ease-out; }
      #works .work .image:hover::after {
        cursor: pointer;
        opacity: 1; }
      #works .work .image:hover img {
        filter: saturate(1.08) contrast(1.15) brightness(0.93);
        transform: scale(1.01); }
      #works .work .image:has(~ .info .title a:hover)::after {
        cursor: pointer;
        opacity: 1; }
      #works .work .image:has(~ .info .title a:hover) img {
        cursor: pointer;
        filter: saturate(1.08) contrast(1.15) brightness(0.93);
        transform: scale(1.01); }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #works .work .image {
          -webkit-user-select: none;
          -ms-user-select: none;
          user-select: none; }
          #works .work .image:hover::after {
            cursor: pointer;
            opacity: 0; }
          #works .work .image:hover img {
            filter: none;
            transform: none; } }
      @media screen and (min-width: 641px) and (max-width: 960px) {
        #works .work .image {
          -webkit-user-select: none;
          -ms-user-select: none;
          user-select: none; }
          #works .work .image:hover::after {
            cursor: pointer;
            opacity: 0; }
          #works .work .image:hover img {
            filter: none;
            transform: none; } }
  #works .grandprix {
    width: 100%;
    max-width: none; }
    #works .grandprix .info .award {
      font-size: 1.8rem;
      line-height: 1;
      font-weight: 400;
      font-variation-settings: "wght" 450;
      letter-spacing: 0.1rem;
      font-feature-settings: "palt";
      margin: 2.4rem 0 0 0; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #works .grandprix .info .award {
          font-variation-settings: "wght" 460;
          font-weight: 400; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #works .grandprix .info .award {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 460; } }
    #works .grandprix .info .title {
      font-size: 2.6rem;
      line-height: 1;
      font-weight: 400;
      font-variation-settings: "wght" 370;
      letter-spacing: 0.16rem;
      font-feature-settings: "palt";
      line-height: 1.2;
      margin: 1.2rem 0 0 0; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #works .grandprix .info .title {
          font-variation-settings: "wght" 370;
          font-weight: 400; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #works .grandprix .info .title {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 370; } }
    #works .grandprix .info .separate {
      display: inline-block;
      position: relative;
      width: 1px;
      height: 4.2rem;
      margin: 11.6rem 1.4rem 0 1.4rem;
      vertical-align: top;
      background: #ccc; }
    #works .grandprix .info .icon {
      display: block;
      width: 10rem;
      margin: 0px auto 0; }
    #works .grandprix .info .name {
      font-size: 2.2rem;
      line-height: 1;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      letter-spacing: 0.1rem;
      font-feature-settings: "palt";
      margin: 1.2rem 0 0 0;
      white-space: nowrap;
      word-break: keep-all;
      overflow-wrap: anywhere; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #works .grandprix .info .name {
          font-variation-settings: "wght" 360;
          font-weight: 300; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #works .grandprix .info .name {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 360; } }
    #works .grandprix .info .spell {
      font-size: 1.4rem;
      line-height: 1;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      letter-spacing: 0;
      font-feature-settings: "palt";
      color: #999;
      margin: 1rem 0 0 0; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #works .grandprix .info .spell {
          font-variation-settings: "wght" 380;
          font-weight: 300; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #works .grandprix .info .spell {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
    #works .grandprix .info .team {
      font-size: 1.4rem;
      line-height: 1;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      letter-spacing: 0;
      font-feature-settings: "palt";
      margin: 2rem 0 0 0; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #works .grandprix .info .team {
          font-variation-settings: "wght" 380;
          font-weight: 300; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #works .grandprix .info .team {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .grandprix .info .award {
        font-size: 1.6rem;
        line-height: 1;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        letter-spacing: 0.1rem;
        font-feature-settings: "palt";
        margin: 2.4rem 0 0 0; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
    #works .grandprix .info .award {
      font-variation-settings: "wght" 380;
      font-weight: 300; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
    #works .grandprix .info .award {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 380; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .grandprix .info .title {
        font-size: 2.2rem;
        line-height: 1;
        font-weight: 400;
        font-variation-settings: "wght" 370;
        letter-spacing: 0.12rem;
        font-feature-settings: "palt";
        line-height: 1.2;
        margin: 1.2rem 0 0 0; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
    #works .grandprix .info .title {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 370;
      font-weight: 400; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
    #works .grandprix .info .title {
      font-variation-settings: "wght" 370; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .grandprix .info .separate {
        display: inline-block;
        position: relative;
        width: 1px;
        height: 3.6rem;
        margin: 9.2rem 1.4rem 0 1.4rem;
        vertical-align: top;
        background: #ccc;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
      #works .grandprix .info .icon {
        display: block;
        width: 8rem;
        margin: 0px auto 0; }
      #works .grandprix .info .name {
        font-size: 1.8rem;
        line-height: 1;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        letter-spacing: 0.1rem;
        font-feature-settings: "palt";
        margin: 1rem 0 0 0;
        word-break: keep-all;
        overflow-wrap: anywhere; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
    #works .grandprix .info .name {
      font-variation-settings: "wght" 360;
      font-weight: 300; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
    #works .grandprix .info .name {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 360; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .grandprix .info .spell {
        font-size: 1.2rem;
        line-height: 1;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        letter-spacing: 0;
        font-feature-settings: "palt";
        color: #999;
        margin: 0.8rem 0 0 0;
        white-space: normal; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
    #works .grandprix .info .spell {
      font-variation-settings: "wght" 380;
      font-weight: 300; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
    #works .grandprix .info .spell {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 380; } }

  #works .semi {
    width: calc(50% - 30px);
    max-width: 510px; }
    @media screen and (min-width: 1081px) and (max-width: 1200px) {
      #works .semi {
        max-width: none;
        width: calc(50% - 15px); } }
    @media screen and (min-width: 961px) and (max-width: 1080px) {
      #works .semi {
        max-width: none;
        width: calc(50% - 15px); } }
  #works .other {
    width: calc(33.333% - 40px);
    max-width: 320px; }
    @media screen and (min-width: 1081px) and (max-width: 1200px) {
      #works .other {
        max-width: none;
        width: calc(33.333% - 20px); } }
    @media screen and (min-width: 961px) and (max-width: 1080px) {
      #works .other {
        max-width: none;
        width: calc(33.333% - 20px); } }
    @media screen and (min-width: 641px) and (max-width: 960px) {
      #works .other {
        max-width: none;
        width: calc(50% - 30px); } }
  @media screen and (min-width: 0) and (max-width: 640px) {
    #works .grandprix, #works .semi, #works .other {
      max-width: none;
      width: 100%; } }
  #works .grandprix .info, #works .semi .info, #works .other .info {
    font-size: 0;
    width: 100%;
    margin: 0px auto 0;
    text-align: center; }
  #works .semi .info .award, #works .other .info .award {
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 300;
    font-variation-settings: "wght" 350;
    letter-spacing: 0.1rem;
    font-feature-settings: "palt";
    margin: 2.4rem 0 0 0; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .semi .info .award, #works .other .info .award {
        font-variation-settings: "wght" 380;
        font-weight: 300; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      #works .semi .info .award, #works .other .info .award {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 380; } }
  #works .semi .info .title, #works .other .info .title {
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 400;
    font-variation-settings: "wght" 370;
    letter-spacing: 0.12rem;
    font-feature-settings: "palt";
    line-height: 1.2;
    margin: 1.2rem 0 0 0;
    color: #333; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .semi .info .title, #works .other .info .title {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 370;
        font-weight: 400; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      #works .semi .info .title, #works .other .info .title {
        font-variation-settings: "wght" 370; } }
  #works .semi .info .separate, #works .other .info .separate {
    display: inline-block;
    position: relative;
    width: 1px;
    height: 3.6rem;
    margin: 9.2rem 1.4rem 0 1.4rem;
    vertical-align: top;
    background: #ccc;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  #works .semi .info .icon, #works .other .info .icon {
    display: block;
    width: 8rem;
    margin: 0px auto 0; }
  #works .semi .info .name, #works .other .info .name {
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 300;
    font-variation-settings: "wght" 350;
    letter-spacing: 0.1rem;
    font-feature-settings: "palt";
    margin: 1rem 0 0 0;
    white-space: nowrap;
    word-break: keep-all;
    overflow-wrap: anywhere; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .semi .info .name, #works .other .info .name {
        font-variation-settings: "wght" 360;
        font-weight: 300; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      #works .semi .info .name, #works .other .info .name {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 360; } }
  #works .semi .info .spell, #works .other .info .spell {
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 300;
    font-variation-settings: "wght" 350;
    letter-spacing: 0;
    font-feature-settings: "palt";
    color: #999;
    margin: 0.8rem 0 0 0;
    white-space: nowrap; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .semi .info .spell, #works .other .info .spell {
        font-variation-settings: "wght" 380;
        font-weight: 300; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      #works .semi .info .spell, #works .other .info .spell {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 380; } }
    @media screen and (min-width: 1081px) and (max-width: 1200px) {
      #works .semi .info .spell, #works .other .info .spell {
        white-space: normal; } }
    @media screen and (min-width: 961px) and (max-width: 1080px) {
      #works .semi .info .spell, #works .other .info .spell {
        white-space: normal; } }
    @media screen and (min-width: 641px) and (max-width: 960px) {
      #works .semi .info .spell, #works .other .info .spell {
        white-space: normal; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .semi .info .spell, #works .other .info .spell {
        white-space: normal; } }
  #works .semi .info .team, #works .other .info .team {
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 300;
    font-variation-settings: "wght" 350;
    letter-spacing: 0;
    font-feature-settings: "palt";
    margin: 2rem 0 0 0; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .semi .info .team, #works .other .info .team {
        font-variation-settings: "wght" 380;
        font-weight: 300; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      #works .semi .info .team, #works .other .info .team {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 380; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .semi .info .team, #works .other .info .team {
        font-size: 1.4rem;
        line-height: 1;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        letter-spacing: 0;
        font-feature-settings: "palt"; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
    #works .semi .info .team, #works .other .info .team {
      font-variation-settings: "wght" 380;
      font-weight: 300; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
    #works .semi .info .team, #works .other .info .team {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 380; } }

  #works .semi .info .persons.persons-over3 .icon, #works .other .info .persons.persons-over3 .icon {
    width: 6rem; }
  #works .semi .info .persons.persons-over3 .name, #works .other .info .persons.persons-over3 .name {
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 300;
    font-variation-settings: "wght" 350;
    letter-spacing: 0.1rem;
    font-feature-settings: "palt"; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #works .semi .info .persons.persons-over3 .name, #works .other .info .persons.persons-over3 .name {
        font-variation-settings: "wght" 380;
        font-weight: 300; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      #works .semi .info .persons.persons-over3 .name, #works .other .info .persons.persons-over3 .name {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 380; } }
  #works .semi .info .persons.persons-over3 .separate, #works .other .info .persons.persons-over3 .separate {
    height: 3.4rem;
    margin: 7.2rem 0.8rem 0 0.8rem; }
  @media screen and (min-width: 0) and (max-width: 640px) {
    #works .semi .info .persons.persons-over3 .icon, #works .other .info .persons.persons-over3 .icon {
      width: 8rem; }
    #works .semi .info .persons.persons-over3 .name, #works .other .info .persons.persons-over3 .name {
      font-size: 1.8rem;
      line-height: 1;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      letter-spacing: 0.1rem;
      font-feature-settings: "palt"; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
    #works .semi .info .persons.persons-over3 .name, #works .other .info .persons.persons-over3 .name {
      font-variation-settings: "wght" 360;
      font-weight: 300; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
    #works .semi .info .persons.persons-over3 .name, #works .other .info .persons.persons-over3 .name {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 360; } }
  @media screen and (min-width: 0) and (max-width: 640px) {
    #works .semi .info .persons.persons-over3 .spell, #works .other .info .persons.persons-over3 .spell {
      font-size: 1.2rem;
      line-height: 1;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      letter-spacing: 0;
      font-feature-settings: "palt"; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
    #works .semi .info .persons.persons-over3 .spell, #works .other .info .persons.persons-over3 .spell {
      font-variation-settings: "wght" 380;
      font-weight: 300; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
    #works .semi .info .persons.persons-over3 .spell, #works .other .info .persons.persons-over3 .spell {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 380; } }
  @media screen and (min-width: 0) and (max-width: 640px) {
    #works .semi .info .persons.persons-over3 .separate, #works .other .info .persons.persons-over3 .separate {
      height: 3.6rem;
      margin: 9.2rem 1.4rem 0 1.4rem; } }

#work {
  font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 300;
  font-variation-settings: "wght" 350;
  display: block;
  min-height: 100%;
  width: 100%;
  max-width: 1180px;
  margin: 160px auto 0 auto;
  text-align: center;
  color: #333;
  padding: 0 50px; }
  @media screen and (min-width: 0) and (max-width: 640px) {
    #work {
      font-variation-settings: "wght" 380;
      font-weight: 300; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    #work {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 380; } }
  @media screen and (min-width: 961px) and (max-width: 1080px) {
    #work {
      margin: 160px auto 0 auto; } }
  @media screen and (min-width: 641px) and (max-width: 960px) {
    #work {
      margin: 160px auto 0 auto; } }
  @media screen and (min-width: 0) and (max-width: 640px) {
    #work {
      max-width: none;
      margin: 130px 0 0 0;
      padding: 0 30px;
      width: 100%; } }
  #work img {
    width: 100%;
    height: auto; }
  #work .info {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0;
    width: 100%;
    margin: 4.8rem 0 0 0;
    text-align: center; }
    #work .info p {
      margin: 0; }
    #work .info .award {
      font-size: 1.8rem;
      line-height: 1;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      letter-spacing: 0.1rem;
      font-feature-settings: "palt";
      margin: 0; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #work .info .award {
          font-variation-settings: "wght" 360;
          font-weight: 300; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #work .info .award {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 360; } }
    #work .info .title {
      font-size: 3.2rem;
      line-height: 1;
      font-weight: 400;
      font-variation-settings: "wght" 370;
      letter-spacing: 0.2rem;
      font-feature-settings: "palt";
      margin: 1.6rem 0 0 0;
      color: #000; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #work .info .title {
          font-variation-settings: "wght" 370;
          font-weight: 400; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #work .info .title {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 370; } }
    #work .info .persons {
      margin: 4rem 0 0 0; }
    #work .info .person {
      display: inline-block; }
    #work .info .separate {
      display: inline-block;
      position: relative;
      width: 1px;
      height: 4.2rem;
      margin: 12.8rem 1.4rem 0 1.4rem;
      vertical-align: top;
      background: #ccc;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    #work .info .icon {
      display: block;
      width: 10rem;
      margin: 0 auto 0; }
    #work .info .name {
      font-size: 2.2rem;
      line-height: 1;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      letter-spacing: 0.1rem;
      font-feature-settings: "palt";
      margin: 2.4rem 0 0 0; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #work .info .name {
          font-variation-settings: "wght" 360;
          font-weight: 300; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #work .info .name {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 360; } }
    #work .info .spell {
      font-size: 1.4rem;
      line-height: 1;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      letter-spacing: 0;
      font-feature-settings: "palt";
      margin: 1.2rem 0 0 0;
      color: #999; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #work .info .spell {
          font-variation-settings: "wght" 380;
          font-weight: 300; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #work .info .spell {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
    #work .info .team {
      font-size: 1.4rem;
      line-height: 1;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      letter-spacing: 0;
      font-feature-settings: "palt";
      margin: 2rem 0 0 0; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #work .info .team {
          font-variation-settings: "wght" 380;
          font-weight: 300; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #work .info .team {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
    #work .info .description {
      font-size: 1.8rem;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      line-height: 3.4rem;
      letter-spacing: 0.12rem;
      font-feature-settings: "pwid" 1;
      margin: 4.8rem 0 0 0;
      padding: 0 0 6rem 0;
      text-align: left;
      border-bottom: 1px solid #ddd; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #work .info .description {
          font-variation-settings: "wght" 360;
          font-weight: 300;
          letter-spacing: 0.17rem; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #work .info .description {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 360; } }
      @media screen and (min-width: 641px) and (max-width: 960px) {
        #work .info .description {
          padding: 0 0 4.2rem 0; } }
    #work .info .comments {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 6rem 0 0 0; }
      @media screen and (min-width: 641px) and (max-width: 960px) {
        #work .info .comments {
          margin: 4.2rem 0 0 0; } }
      #work .info .comments .comment-1column {
        font-size: 1.6rem;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        line-height: 1.88;
        letter-spacing: 0.12rem;
        font-feature-settings: "pwid" 1;
        text-align: left;
        margin: 0 0 3.2rem 0; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #work .info .comments .comment-1column {
            font-variation-settings: "wght" 380;
            font-weight: 300;
            letter-spacing: 0.17rem; } }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
          #work .info .comments .comment-1column {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 380; } }
      #work .info .comments .comment-2column {
        font-size: 1.6rem;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        line-height: 1.88;
        letter-spacing: 0.12rem;
        font-feature-settings: "pwid" 1;
        text-align: left;
        width: calc(50% - 3rem);
        margin: 0 0 3.2rem 0; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #work .info .comments .comment-2column {
            font-variation-settings: "wght" 380;
            font-weight: 300;
            letter-spacing: 0.17rem; } }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
          #work .info .comments .comment-2column {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 380; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #work .info .comments .comment-2column {
            max-width: none;
            width: 100%; } }
    #work .info .interview-link {
      display: block;
      width: 100%;
      height: auto;
      margin: 6rem 0 0 0; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #work .info .interview-link {
          margin: 3.2rem 0 0 0; } }
      #work .info .interview-link .interview-btn {
        display: inline-block;
        font-size: 1.6rem;
        line-height: 1;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        letter-spacing: 0.1rem;
        font-feature-settings: "palt";
        padding: 1.92rem 15% 2.08rem;
        border: 1px solid #ccc; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #work .info .interview-link .interview-btn {
            font-variation-settings: "wght" 380;
            font-weight: 300; } }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
          #work .info .interview-link .interview-btn {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 380; } }
        #work .info .interview-link .interview-btn:hover {
          border: 1px solid #d00b1c;
          background-color: #d00b1c;
          color: white; }
  @media screen and (min-width: 0) and (max-width: 640px) {
    #work .info {
      margin: 3.2rem 0 0 0; }
      #work .info .award {
        font-size: 1.6rem;
        line-height: 1;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        letter-spacing: 0.1rem;
        font-feature-settings: "palt";
        margin: 0; } }
    @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
      #work .info .award {
        font-variation-settings: "wght" 380;
        font-weight: 300; } }
    @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
      #work .info .award {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 380; } }
  @media screen and (min-width: 0) and (max-width: 640px) {
      #work .info .title {
        font-size: 2.2rem;
        line-height: 1;
        font-weight: 400;
        font-variation-settings: "wght" 370;
        letter-spacing: 0.12rem;
        font-feature-settings: "palt";
        line-height: 1.2;
        margin: 1.2rem 0 0 0; } }
    @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
      #work .info .title {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 370;
        font-weight: 400; } }
    @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
      #work .info .title {
        font-variation-settings: "wght" 370; } }
  @media screen and (min-width: 0) and (max-width: 640px) {
      #work .info .persons {
        margin: 2rem 0 0 0; }
      #work .info .separate {
        display: inline-block;
        position: relative;
        width: 1px;
        height: 3.6rem;
        margin: 9.2rem 1.4rem 0 1.4rem;
        vertical-align: top;
        background: #ccc;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
      #work .info .icon {
        display: block;
        width: 8rem;
        margin: 0px auto 0; }
      #work .info .name {
        font-size: 1.8rem;
        line-height: 1;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        letter-spacing: 0.1rem;
        font-feature-settings: "palt";
        margin: 1rem 0 0 0;
        word-break: keep-all;
        overflow-wrap: anywhere; } }
    @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
      #work .info .name {
        font-variation-settings: "wght" 360;
        font-weight: 300; } }
    @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
      #work .info .name {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 360; } }
  @media screen and (min-width: 0) and (max-width: 640px) {
      #work .info .spell {
        font-size: 1.2rem;
        line-height: 1;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        letter-spacing: 0;
        font-feature-settings: "palt";
        color: #999;
        margin: 0.8rem 0 0 0;
        white-space: normal; } }
    @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
      #work .info .spell {
        font-variation-settings: "wght" 380;
        font-weight: 300; } }
    @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
      #work .info .spell {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 380; } }
  @media screen and (min-width: 0) and (max-width: 640px) {
      #work .info .team {
        font-size: 1.4rem;
        line-height: 1;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        letter-spacing: 0;
        font-feature-settings: "palt";
        margin: 2rem 0 0 0; } }
    @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
      #work .info .team {
        font-variation-settings: "wght" 380;
        font-weight: 300; } }
    @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
      #work .info .team {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 380; } }
  @media screen and (min-width: 0) and (max-width: 640px) {
      #work .info .description {
        font-size: 1.8rem;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        line-height: 3.4rem;
        letter-spacing: 0.12rem;
        font-feature-settings: "pwid" 1;
        margin: 4.8rem 0 0 0;
        padding: 0 0 3.6rem 0;
        text-align: left;
        border-bottom: 1px solid #ddd; } }
    @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
      #work .info .description {
        font-variation-settings: "wght" 360;
        font-weight: 300;
        letter-spacing: 0.17rem; } }
    @media screen and (min-width: 0) and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 2dppx), screen and (min-width: 0) and (max-width: 640px) and (min-resolution: 192dpi) {
      #work .info .description {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 360; } }
  @media screen and (min-width: 0) and (max-width: 640px) {
      #work .info .comments {
        margin: 3.6rem 0 0 0; } }

#talkshow {
  display: block;
  width: 100%;
  min-height: 100%;
  text-align: center;
  font-feature-settings: "palt";
  color: #333; }
  #talkshow .talkshow-title {
    width: 225.5px;
    height: 32px;
    background-image: url('../img/_sprites-s2e264ae1d1.png');
    background-position: 0 -1507px;
    background-repeat: repeat;
    background-size: 533px, auto;
    display: inline-block;
    margin: 100px 0 0; }
  #talkshow .article {
    font-family: "Noto sans JP", "source-han-sans-vf", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 300;
    font-variation-settings: "wght" 350;
    display: block;
    font-size: 0;
    letter-spacing: 0;
    line-height: 0;
    text-align: left;
    margin: 0 auto;
    max-width: 1180px;
    width: 100%;
    text-align: left;
    font-feature-settings: "pwid" 1;
    letter-spacing: 0.1em;
    font-size: 1.6rem;
    line-height: 2.2em;
    padding: 0 50px; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #talkshow .article {
        font-variation-settings: "wght" 380;
        font-weight: 300; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      #talkshow .article {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 380; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #talkshow .article {
        padding: 0 30px; } }
    #talkshow .article .content {
      margin: 0;
      padding: 0;
      font-size: 1.6rem;
      font-weight: 300;
      font-variation-settings: "wght" 350;
      line-height: 1.88;
      letter-spacing: 0.12rem;
      font-feature-settings: "pwid" 1; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #talkshow .article .content {
          font-variation-settings: "wght" 380;
          font-weight: 300;
          letter-spacing: 0.17rem; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #talkshow .article .content {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
      #talkshow .article .content p.paragraph + p.paragraph {
        margin-top: 1.6rem; }
      #talkshow .article .content img {
        width: 100%;
        padding: 20px 0;
        object-fit: contain; }
      #talkshow .article .content figure {
        width: 100%; }
      #talkshow .article .content figcaption {
        font-size: 1.4rem;
        line-height: 1;
        font-weight: 300;
        font-variation-settings: "wght" 350;
        letter-spacing: 0;
        font-feature-settings: "palt";
        font-feature-settings: "pwid" 1;
        word-break: keep-all;
        word-wrap: anywhere; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #talkshow .article .content figcaption {
            font-variation-settings: "wght" 380;
            font-weight: 300; } }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
          #talkshow .article .content figcaption {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 380; } }
      #talkshow .article .content iframe {
        padding: 20px 0; }
      #talkshow .article .content .talk {
        display: -ms-flexbox;
        display: flex;
        margin: 3.8rem 0 0 0; }
        #talkshow .article .content .talk .bold {
          font-size: 1.6rem;
          font-weight: 400;
          font-variation-settings: "wght" 450;
          line-height: 1.88;
          letter-spacing: 0.12rem;
          font-feature-settings: "pwid" 1; }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #talkshow .article .content .talk .bold {
              font-variation-settings: "wght" 460;
              font-weight: 400; } }
          @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
            #talkshow .article .content .talk .bold {
              -webkit-font-smoothing: antialiased;
              font-variation-settings: "wght" 460; } }
        #talkshow .article .content .talk .name {
          width: 12%;
          min-width: 6rem;
          padding-right: clamp(1.6rem, 5%, 6.4rem);
          vertical-align: top;
          display: inline-block;
          text-align: right;
          font-feature-settings: "palt" 1;
          line-height: 1.9;
          letter-spacing: -0.1px; }
        #talkshow .article .content .talk .comment {
          width: 88%;
          display: inline-block; }
          #talkshow .article .content .talk .comment span {
            display: inline-block; }
          #talkshow .article .content .talk .comment span + span {
            margin-top: 1.6rem; }
      #talkshow .article .content .image {
        width: 100%; }
      #talkshow .article .content .icon {
        width: 10rem;
        height: 10rem;
        display: inline-block; }
      #talkshow .article .content .desc p {
        text-align: left; }
      #talkshow .article .content .desc p + p {
        margin-top: 1.6rem; }
      #talkshow .article .content .info .name {
        margin: 16px 0 0; }
      #talkshow .article .content .margin-s {
        display: block;
        margin: 1.6rem 0 0 0; }
      #talkshow .article .content .margin-m {
        display: block;
        margin: 3.8rem 0 0 0; }
      #talkshow .article .content .margin-l {
        display: block;
        margin: 6.4rem 0 0 0; }
      #talkshow .article .content .margin-first {
        display: block;
        margin: 6.4rem 0 0 0; }