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

#wrapper {
  position: relative;
  height: auto !important;
  left: 0;
  transform: translateX(0);
  transition: transform 0.2s 0s ease;
  min-height: 100%;
  overflow: hidden;
  width: 100%; }
  #wrapper.hide {
    opacity: 0; }
  #wrapper.menu-open {
    transform: translateX(280px); }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #wrapper.menu-open {
        transform: translateX(100%); } }
  @media screen and (min-width: 0) and (max-width: 640px) {
    #wrapper {
      min-width: 640px; } }
  #wrapper .section {
    position: relative;
    max-width: 1080px;
    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;
    font-feature-settings: "pwid" 1; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #wrapper .section {
        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) {
      #wrapper .section {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 380; } }
    @media screen and (min-width: 961px) and (max-width: 1080px) {
      #wrapper .section {
        padding: 0 50px; }
        #wrapper .section br {
          display: none; } }
    @media screen and (min-width: 641px) and (max-width: 960px) {
      #wrapper .section {
        padding: 0 30px; }
        #wrapper .section br {
          display: none; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #wrapper .section {
        padding: 0 30px; }
        #wrapper .section br {
          display: none; } }
    #wrapper .section .title {
      margin: 100px auto;
      position: relative; }
    #wrapper .section .contents {
      font-size: 1.6rem;
      line-height: 2.2em;
      color: #333; }
    #wrapper .section .sec {
      width: 100%;
      background: #fff;
      height: 100px;
      line-height: 100px;
      position: relative;
      text-align: center;
      vertical-align: bottom;
      z-index: 10; }
      #wrapper .section .sec::after {
        content: "";
        display: inline-block;
        position: relative;
        width: 14px;
        height: 14px;
        margin: 0 auto;
        background: #d00b1c; }
    #wrapper .section::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; }

#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-s638301d257.png');
    background-position: 0 -660.5px;
    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-s638301d257.png');
        background-position: 0 -924.7px;
        background-repeat: repeat;
        background-size: 746.2px, auto; } }
  #header .logo {
    width: 397px;
    height: 26.5px;
    background-image: url('../img/_sprites-s638301d257.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%); } }

#footer {
  position: relative;
  display: block;
  bottom: 0px;
  width: 100%;
  height: 370px;
  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;
  margin: 200px 0 0 0;
  color: #333;
  background: #fafafa;
  line-height: 0;
  font-size: 0;
  letter-spacing: 0; }
  @media screen and (min-width: 0) and (max-width: 640px) {
    #footer {
      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) {
    #footer {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 380; } }
  @media screen and (min-width: 641px) and (max-width: 960px) {
    #footer {
      height: auto; } }
  @media screen and (min-width: 0) and (max-width: 640px) {
    #footer {
      height: auto; } }
  #footer .inner {
    width: 100%;
    max-width: 1060px;
    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;
    line-height: 2.2em; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #footer .inner {
        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) {
      #footer .inner {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 380; } }
    @media screen and (min-width: 961px) and (max-width: 1080px) {
      #footer .inner {
        padding: 0 50px; } }
    @media screen and (min-width: 641px) and (max-width: 960px) {
      #footer .inner {
        padding: 0 30px; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #footer .inner {
        padding: 0 20px; } }
  #footer .presented {
    font-size: 0;
    color: #999;
    text-align: left;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 80px;
    border-top: 1px solid #ddd; }
    @media screen and (min-width: 641px) and (max-width: 960px) {
      #footer .presented {
        position: relative;
        height: auto;
        margin: 50px 0 0 0; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #footer .presented {
        position: relative;
        height: auto;
        margin: 30px 0 0 0; } }
    #footer .presented .inner {
      position: relative;
      display: block;
      margin: 0;
      width: 100%;
      max-width: 1060px;
      margin: 0 auto;
      padding: 0 50px;
      height: 100%;
      line-height: 80px; }
      @media screen and (min-width: 961px) and (max-width: 1080px) {
        #footer .presented .inner {
          padding: 0 50px; } }
      @media screen and (min-width: 641px) and (max-width: 960px) {
        #footer .presented .inner {
          padding: 0 30px; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #footer .presented .inner {
          padding: 0; } }
      #footer .presented .inner .left {
        font-size: 1.2rem;
        position: relative;
        display: inline-block;
        width: 70%;
        margin: 0;
        vertical-align: top; }
        #footer .presented .inner .left span {
          white-space: nowrap;
          margin: 0 20px 0 0; }
        @media screen and (min-width: 641px) and (max-width: 960px) {
          #footer .presented .inner .left {
            width: 60%;
            line-height: 2.2em;
            padding: 30px 0 30px 5%; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #footer .presented .inner .left {
            width: 70%;
            margin: 60px auto 0;
            line-height: 2.2em;
            text-align: center;
            display: block; } }
      #footer .presented .inner .right {
        font-size: 1.2rem;
        text-align: right;
        position: relative;
        display: inline-block;
        width: 30%;
        margin: 0;
        vertical-align: top; }
        @media screen and (min-width: 641px) and (max-width: 960px) {
          #footer .presented .inner .right {
            width: 40%;
            line-height: 2.2em;
            padding: 30px 5% 30px 0; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #footer .presented .inner .right {
            width: 70%;
            margin: 40px auto 30px;
            line-height: 2.2em;
            text-align: center;
            display: block; }
            #footer .presented .inner .right br {
              display: inline; } }
  #footer .list {
    display: inline-block;
    position: relative;
    width: 22%;
    text-align: left;
    margin: 0;
    vertical-align: top; }
    #footer .list:nth-child(1) {
      width: 20%;
      margin: 0 2% 0 0; }
    #footer .list:nth-child(2) {
      width: 20%;
      margin: 0 2%; }
    #footer .list:nth-child(3) {
      width: 24%;
      margin: 0 2%;
      font-size: 1.2rem; }
      #footer .list:nth-child(3) span {
        white-space: nowrap; }
    #footer .list:nth-child(4) {
      width: 24%;
      margin: 0 0 0 2%;
      font-size: 1.2rem; }
      #footer .list:nth-child(4) span {
        white-space: nowrap; }
    @media screen and (min-width: 641px) and (max-width: 960px) {
      #footer .list {
        text-align: left; }
        #footer .list:nth-child(1) {
          width: 45%;
          margin: 0 0 0 5%; }
        #footer .list:nth-child(2) {
          width: 45%;
          margin: 0 0 0 5%; }
        #footer .list:nth-child(3) {
          width: 45%;
          margin: 0 0 0 5%; }
        #footer .list:nth-child(4) {
          width: 45%;
          margin: 0 0 0 5%; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #footer .list {
        text-align: center; }
        #footer .list:nth-child(1) {
          width: 70%;
          margin: 0 auto; }
        #footer .list:nth-child(2) {
          width: 70%;
          margin: 0 auto; }
        #footer .list:nth-child(3) {
          width: 70%;
          margin: 0 auto; }
        #footer .list:nth-child(4) {
          width: 70%;
          margin: 0 auto; } }
    #footer .list .title {
      margin: 60px 0 30px 0;
      font-size: 1.4rem;
      color: #999; }
      #footer .list .title.under {
        margin: 30px 0 10px; }
      @media screen and (min-width: 641px) and (max-width: 960px) {
        #footer .list .title {
          margin: 60px 0 30px 0; }
          #footer .list .title.e {
            margin: 30px 0 30px; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #footer .list .title {
          margin: 60px 0 20px 0; }
          #footer .list .title.e {
            margin: 30px 0 30px; } }
      #footer .list .title.e::after {
        content: "";
        display: inline-block; }
    #footer .list li {
      font-size: 1.4rem;
      line-height: 2.2em;
      margin: 0 0 20px; }
      #footer .list li span, #footer .list li a {
        display: inline-block; }
      #footer .list li span {
        margin: 0 20px 0 0;
        width: auto; }
      #footer .list li a {
        text-decoration: underline;
        color: #d00b1c; }
      #footer .list li .sns-tw {
        width: 30px;
        height: 30px;
        background-image: url('../img/_sprites-s638301d257.png');
        background-position: 0 -1411px;
        background-repeat: repeat;
        background-size: 533px, auto;
        width: 150px;
        display: inline-block;
        border-bottom: 0px;
        padding: 0 0 0 50px;
        color: #333;
        text-decoration: none; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #footer .list li .sns-tw {
            width: 60px;
            height: 60px;
            background-image: url('../img/_sprites-s638301d257.png');
            background-position: 0 -1443px;
            background-repeat: repeat;
            background-size: 533px, auto;
            border-bottom: 0px;
            padding: 0 0 0 80px;
            width: 120px;
            line-height: 60px; } }
      #footer .list li .sns-fb {
        width: 30px;
        height: 30px;
        background-image: url('../img/_sprites-s638301d257.png');
        background-position: 0 -1223px;
        background-repeat: repeat;
        background-size: 533px, auto;
        display: inline-block;
        border-bottom: 0px;
        padding: 0 0 0 50px;
        color: #333;
        text-decoration: none; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #footer .list li .sns-fb {
            width: 60px;
            height: 60px;
            background-image: url('../img/_sprites-s638301d257.png');
            background-position: 0 -1255px;
            background-repeat: repeat;
            background-size: 533px, auto;
            border-bottom: 0px;
            padding: 0 0 0 80px;
            width: 170px;
            line-height: 60px; } }
      #footer .list li .sns-ig {
        margin: 0;
        width: 30px;
        height: 30px;
        background-image: url('../img/_sprites-s638301d257.png');
        background-position: 0 -1317px;
        background-repeat: repeat;
        background-size: 533px, auto;
        display: inline-block;
        border-bottom: 0px; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #footer .list li .sns-ig {
            margin: 0 15px;
            width: 60px;
            height: 60px;
            background-image: url('../img/_sprites-s638301d257.png');
            background-position: 0 -1349px;
            background-repeat: repeat;
            background-size: 533px, auto;
            border-bottom: 0px; } }
      #footer .list li .logo {
        width: 109px;
        height: 20px;
        background-image: url('../img/_sprites-s638301d257.png');
        background-position: 0 -372.5px;
        background-repeat: repeat;
        background-size: 533px, auto;
        display: inline-block;
        margin: 2px 0 0 0;
        vertical-align: top; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #footer .list li .logo {
            margin: 30px 0 0 0;
            width: 163.5px;
            height: 30px;
            background-image: url('../img/_sprites-s638301d257.png');
            background-position: 0 -394.5px;
            background-repeat: repeat;
            background-size: 533px, auto; } }

#menu {
  transform: translateX(-280px);
  transition: all 0.2s 0s ease;
  transition-delay: 0.01s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  perspective: 1000;
  position: fixed;
  display: block;
  background: #d00b1c;
  width: 280px;
  height: 100%;
  z-index: 100;
  overflow: auto; }
  #menu.open {
    transform: translateX(0); }
  @media screen and (min-width: 0) and (max-width: 640px) {
    #menu {
      transform: translateX(-100%);
      width: 100%; } }
  #menu .icon {
    width: 30px;
    height: 23px;
    background-image: url('../img/_sprites-s638301d257.png');
    background-position: 0 -660.5px;
    background-repeat: repeat;
    background-size: 533px, auto;
    top: 30px;
    left: 30px;
    display: block;
    position: absolute;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none; }
    @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-s638301d257.png');
        background-position: 0 -924.7px;
        background-repeat: repeat;
        background-size: 746.2px, auto; } }
  #menu .menu-inner {
    margin: 80px 0 0 0; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #menu .menu-inner {
        text-align: center; } }
    #menu .menu-inner .menu-h {
      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: 400;
      font-variation-settings: "wght" 450;
      letter-spacing: 0.06rem;
      font-feature-settings: "palt";
      color: #fff;
      margin: 1.4rem 0 2.8rem 0; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #menu .menu-inner .menu-h {
          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) {
        #menu .menu-inner .menu-h {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #menu .menu-inner .menu-h {
          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) {
        #menu .menu-inner .menu-h {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 460; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #menu .menu-inner .menu-h {
          font-size: 1.8rem;
          line-height: 1;
          font-weight: 400;
          font-variation-settings: "wght" 450;
          letter-spacing: 0.1rem;
          font-feature-settings: "palt";
          font-variation-settings: "wght" 420;
          font-weight: 400; } }
  @media screen and (min-width: 0) and (max-width: 640px) and (min-width: 0) and (max-width: 640px) {
    #menu .menu-inner .menu-h {
      font-variation-settings: "wght" 460;
      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) {
    #menu .menu-inner .menu-h {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 460; } }

    #menu .menu-inner .list {
      padding: 30px;
      border-top: 1px solid #fc4555; }
      #menu .menu-inner .list .sns-tw {
        line-height: 32px;
        padding: 0 0 0 50px;
        width: 27.5px;
        height: 28px;
        background-image: url('../img/_sprites-s638301d257.png');
        background-position: 0 -630.5px;
        background-repeat: repeat;
        background-size: 533px, auto;
        display: inline-block;
        width: 210px; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #menu .menu-inner .list .sns-tw {
            content: "";
            width: 80px; } }
      #menu .menu-inner .list .sns-fb {
        line-height: 32px;
        padding: 0 0 0 50px;
        width: 30px;
        height: 30px;
        background-image: url('../img/_sprites-s638301d257.png');
        background-position: 0 -566.5px;
        background-repeat: repeat;
        background-size: 533px, auto;
        display: inline-block; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #menu .menu-inner .list .sns-fb {
            width: 140px; } }
      #menu .menu-inner .list .sns-ig {
        line-height: 32px;
        padding: 0 0 0 50px;
        width: 30px;
        height: 30px;
        background-image: url('../img/_sprites-s638301d257.png');
        background-position: 0 -598.5px;
        background-repeat: repeat;
        background-size: 533px, auto;
        display: inline-block; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #menu .menu-inner .list .sns-ig {
            width: 140px; } }
      #menu .menu-inner .list li {
        margin: 1.6rem 0; }
        #menu .menu-inner .list li.block {
          opacity: 0.4;
          pointer-events: none; }
        #menu .menu-inner .list li.tag {
          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: #fff;
          font-size: 1.4rem;
          margin: 40px 0 0 0;
          font-weight: bold; }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #menu .menu-inner .list li.tag {
              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) {
            #menu .menu-inner .list li.tag {
              -webkit-font-smoothing: antialiased;
              font-variation-settings: "wght" 380; } }
          #menu .menu-inner .list li.tag::before {
            display: none; }
        #menu .menu-inner .list li.ind {
          margin: 20px 0 20px 30px; }
          #menu .menu-inner .list li.ind::before {
            display: none; }
        #menu .menu-inner .list li.m {
          margin: 40px 0 20px; }
        #menu .menu-inner .list li.n::before {
          display: none; }
        #menu .menu-inner .list li.sub {
          margin: 20px 0 20px 20px; }
        #menu .menu-inner .list li::before {
          content: "";
          display: inline-block;
          position: relative;
          width: 8px;
          height: 1px;
          background: #fff;
          margin: 0 10px 6px; }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #menu .menu-inner .list li::before {
              display: none; } }
        #menu .menu-inner .list li 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;
          font-size: 1.4rem;
          line-height: 1;
          font-weight: 300;
          font-variation-settings: "wght" 350;
          letter-spacing: 0;
          font-feature-settings: "palt";
          color: #fff; }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #menu .menu-inner .list li 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) {
            #menu .menu-inner .list li a {
              -webkit-font-smoothing: antialiased;
              font-variation-settings: "wght" 380; } }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #menu .menu-inner .list li 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) {
            #menu .menu-inner .list li a {
              -webkit-font-smoothing: antialiased;
              font-variation-settings: "wght" 380; } }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #menu .menu-inner .list li a {
              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) and (min-width: 0) and (max-width: 640px) {
    #menu .menu-inner .list li a {
      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) {
    #menu .menu-inner .list li a {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 380; } }

          #menu .menu-inner .list li a:hover {
            opacity: 0.6; }

#menu_icon {
  width: 30px;
  height: 23px;
  background-image: url('../img/_sprites-s638301d257.png');
  background-position: 0 -541.5px;
  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-s638301d257.png');
      background-position: 0 -758.1px;
      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-s638301d257.png');
    background-position: 0 -660.5px;
    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-s638301d257.png');
        background-position: 0 -924.7px;
        background-repeat: repeat;
        background-size: 746.2px, auto; } }

#wrapper .section br {
  display: inline; }

#top {
  position: relative; }
  #top .last:last-of-type::after {
    display: none; }
  #top #cover.w .modules .top-graphic {
    height: 70%;
    width: auto;
    top: 12%;
    left: 46.5%;
    transform: translateX(-50%);
    object-fit: contain; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #top #cover.w .modules .top-graphic {
        width: 60%;
        height: auto;
        top: 38%;
        transform: translate(-50%, -50%); } }
  #top #cover.w .modules .top-right {
    width: 20%;
    height: 47%;
    object-fit: contain;
    object-position: right top; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #top #cover.w .modules .top-right {
        width: 25vw; } }
  #top #cover.w .modules .top-left {
    width: 35%;
    bottom: 5.4%; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #top #cover.w .modules .top-left {
        width: 50vw;
        bottom: 200px; } }
  #top #cover.h {
    min-height: 320px; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #top #cover.h {
        min-height: 920px;
        max-height: 1080px; } }
    #top #cover.h .modules .top-graphic {
      height: 78%;
      top: 10%;
      right: 40%;
      transform: translateX(50%);
      object-fit: contain; }
@container cover (max-aspect-ratio: 14 / 9) {
  #top #cover.h .modules .top-graphic {
    height: 70%;
    right: 45%; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #top #cover.h .modules .top-graphic {
        height: inherit;
        left: 47%; } } }
@container cover (min-aspect-ratio: 3 / 1) {
  #top #cover.h .modules .top-graphic {
    right: 30%; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #top #cover.h .modules .top-graphic {
        right: none;
        left: 47%; } } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #top #cover.h .modules .top-graphic {
          width: 55%;
          height: auto;
          top: 37%;
          transform: translate(-50%, -50%); } }
    #top #cover.h .modules .top-right {
      width: 20%;
      height: 54%;
      object-fit: contain;
      object-position: right top; }
@container cover (max-aspect-ratio: 14 / 9) {
  #top #cover.h .modules .top-right {
    height: 48%; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #top #cover.h .modules .top-right {
        height: auto; } } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #top #cover.h .modules .top-right {
          width: 25vw; } }
    #top #cover.h .modules .top-left {
      height: 24.3%;
      bottom: 5.4%; }
@container cover (max-aspect-ratio: 14 / 9) {
  #top #cover.h .modules .top-left {
    height: 22%; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #top #cover.h .modules .top-left {
        height: auto; } } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #top #cover.h .modules .top-left {
          width: 50vw;
          bottom: 200px; } }
  #top #cover {
    position: relative;
    display: block;
    container-type: size;
    container-name: cover;
    background-color: #fff;
    height: 980px;
    width: 100%;
    text-align: center; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #top #cover {
        min-height: 920px;
        max-height: 1080px; } }
    #top #cover .modules {
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden; }
      #top #cover .modules img {
        filter: saturate(1.05) hue-rotate(-5deg);
        position: absolute;
        max-width: 100%; }
      #top #cover .modules .top-right {
        right: 50px;
        top: 40px; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #top #cover .modules .top-right {
            right: 30px; } }
      #top #cover .modules .top-left {
        left: 50px;
        bottom: 40px; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #top #cover .modules .top-left {
            left: 30px; } }
    #top #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) {
        #top #cover .publish-check-buttons {
          bottom: 35px; } }
      @media screen and (min-width: 960px) and (max-aspect-ratio: 14 / 9) {
        #top #cover .publish-check-buttons {
          right: calc((100% - 110.5vh) / 2); } }
      @media screen and (max-height: 1080px) and (max-aspect-ratio: 14 / 9) {
        #top #cover .publish-check-buttons {
          bottom: 35px; } }
      @media screen and (max-aspect-ratio: 7 / 6) {
        #top #cover .publish-check-buttons {
          right: inherit;
          left: 60px;
          bottom: 15px; } }
      @media screen and (max-height: 660px) {
        #top #cover .publish-check-buttons {
          right: 70px;
          bottom: 35px; } }
      @media screen and (min-width: 641px) and (max-width: 960px) {
        #top #cover .publish-check-buttons {
          right: inherit;
          left: 60px;
          bottom: 15px; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #top #cover .publish-check-buttons {
          right: inherit;
          left: 30px;
          bottom: 120px; } }
      #top #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) {
          #top #cover .publish-check-buttons .slide {
            display: inline-block;
            margin: 0; } }
        @media screen and (min-width: 960px) and (max-aspect-ratio: 14 / 9) {
          #top #cover .publish-check-buttons .slide {
            display: block;
            margin: 0 0 15px 0; } }
        @media screen and (max-aspect-ratio: 7 / 6) {
          #top #cover .publish-check-buttons .slide {
            display: inline-block;
            margin: 0; } }
        @media screen and (max-height: 660px) {
          #top #cover .publish-check-buttons .slide {
            display: inline-block;
            margin: 0; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #top #cover .publish-check-buttons .slide {
            display: inline-block;
            margin: 0; } }
        @media screen and (min-width: 641px) and (max-width: 960px) {
          #top #cover .publish-check-buttons .slide {
            display: inline-block;
            margin: 0; } }
        #top #cover .publish-check-buttons .slide.result {
          width: 171px;
          height: 171px;
          background-image: url('../img/_sprites-s638301d257.png');
          background-position: 0 -1532.7px;
          background-repeat: repeat;
          background-size: 479.7px, auto; }
          @media screen and (min-width: 961px) and (max-width: 1080px) {
            #top #cover .publish-check-buttons .slide.result {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s638301d257.png');
              background-position: 0 -1192.1px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (max-aspect-ratio: 7 / 6) {
            #top #cover .publish-check-buttons .slide.result {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s638301d257.png');
              background-position: 0 -1192.1px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (max-width: 960px) {
            #top #cover .publish-check-buttons .slide.result {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s638301d257.png');
              background-position: 0 -1192.1px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (max-height: 1080px) and (max-aspect-ratio: 14 / 9) {
            #top #cover .publish-check-buttons .slide.result {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s638301d257.png');
              background-position: 0 -1192.1px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (max-height: 660px) {
            #top #cover .publish-check-buttons .slide.result {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s638301d257.png');
              background-position: 0 -1192.1px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (min-width: 641px) and (max-width: 960px) {
            #top #cover .publish-check-buttons .slide.result {
              width: 114px;
              height: 114px;
              background-image: url('../img/_sprites-s638301d257.png');
              background-position: 0 -1021.8px;
              background-repeat: repeat;
              background-size: 319.8px, auto; } }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #top #cover .publish-check-buttons .slide.result {
              width: 114px;
              height: 114px;
              background-image: url('../img/_sprites-s638301d257.png');
              background-position: 0 -1021.8px;
              background-repeat: repeat;
              background-size: 319.8px, auto; } }
        #top #cover .publish-check-buttons .slide.talkshow {
          width: 171px;
          height: 171px;
          background-image: url('../img/_sprites-s638301d257.png');
          background-position: 0 -1705.5px;
          background-repeat: repeat;
          background-size: 479.7px, auto; }
          @media screen and (min-width: 961px) and (max-width: 1080px) {
            #top #cover .publish-check-buttons .slide.talkshow {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s638301d257.png');
              background-position: 0 -1326.5px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (max-aspect-ratio: 7 / 6) {
            #top #cover .publish-check-buttons .slide.talkshow {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s638301d257.png');
              background-position: 0 -1326.5px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (max-width: 960px) {
            #top #cover .publish-check-buttons .slide.talkshow {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s638301d257.png');
              background-position: 0 -1326.5px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (max-height: 1080px) and (max-aspect-ratio: 14 / 9) {
            #top #cover .publish-check-buttons .slide.talkshow {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s638301d257.png');
              background-position: 0 -1326.5px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (max-height: 660px) {
            #top #cover .publish-check-buttons .slide.talkshow {
              width: 133px;
              height: 133px;
              background-image: url('../img/_sprites-s638301d257.png');
              background-position: 0 -1326.5px;
              background-repeat: repeat;
              background-size: 373.1px, auto; } }
          @media screen and (min-width: 641px) and (max-width: 960px) {
            #top #cover .publish-check-buttons .slide.talkshow {
              width: 114px;
              height: 114px;
              background-image: url('../img/_sprites-s638301d257.png');
              background-position: 0 -1137px;
              background-repeat: repeat;
              background-size: 319.8px, auto; } }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #top #cover .publish-check-buttons .slide.talkshow {
              width: 114px;
              height: 114px;
              background-image: url('../img/_sprites-s638301d257.png');
              background-position: 0 -1137px;
              background-repeat: repeat;
              background-size: 319.8px, auto; } }
      #top #cover .publish-check-buttons .slide + .slide {
        margin: 15px 0 0 0; }
        @media screen and (min-width: 961px) and (max-width: 1080px) {
          #top #cover .publish-check-buttons .slide + .slide {
            margin: 0 0 0 15px; } }
        @media screen and (min-width: 960px) and (max-aspect-ratio: 14 / 9) {
          #top #cover .publish-check-buttons .slide + .slide {
            margin: 15px 0 0 0; } }
        @media screen and (max-aspect-ratio: 7 / 6) {
          #top #cover .publish-check-buttons .slide + .slide {
            margin: 0 0 0 15px; } }
        @media screen and (max-height: 660px) {
          #top #cover .publish-check-buttons .slide + .slide {
            margin: 0 0 0 15px; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #top #cover .publish-check-buttons .slide + .slide {
            margin: 0 0 0 15px; } }
        @media screen and (min-width: 641px) and (max-width: 960px) {
          #top #cover .publish-check-buttons .slide + .slide {
            margin: 0 0 0 15px; } }
    #top #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) {
        #top #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) {
        #top #cover .news {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #top #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) {
        #top #cover .news {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
      #top #cover .news.hide {
        opacity: 0; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #top #cover .news {
          line-height: 50px;
          padding: 0 30px;
          height: 360px;
          bottom: -200px; } }
      #top #cover .news .inner {
        max-width: 720px;
        margin: 0 auto;
        position: relative;
        text-align: center; }
        #top #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) {
            #top #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) {
    #top #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) {
    #top #cover .news .inner .title {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 380; } }

        #top #cover .news .inner .list {
          display: inline-block;
          width: 100%;
          position: relative;
          margin: 20px 0; }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #top #cover .news .inner .list {
              width: 100%; } }
          #top #cover .news .inner .list.n::after {
            display: none; }
          #top #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) {
              #top #cover .news .inner .list .set {
                padding: 0 50px 0 0; } }
            #top #cover .news .inner .list .set .date {
              color: #999;
              display: inline-block;
              padding: 0 25px 0 0;
              vertical-align: top;
              text-align: left; }
            #top #cover .news .inner .list .set .content {
              color: #333;
              display: inline-block;
              width: auto;
              padding: 0 50px 0 0; }
          #top #cover .news .inner .list::after {
            content: "";
            display: inline;
            width: 10px;
            height: 18px;
            background-image: url('../img/_sprites-s638301d257.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) {
              #top #cover .news .inner .list::after {
                top: 16px; } }
  #top .section01 .title {
    width: 198.5px;
    height: 36.5px;
    background-image: url('../img/_sprites-s638301d257.png');
    background-position: 0 -800.5px;
    background-repeat: repeat;
    background-size: 533px, auto; }
  #top .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) {
      #top .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) {
      #top .section01 .contents {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 360; } }
    @media screen and (min-width: 961px) and (max-width: 1080px) {
      #top .section01 .contents {
        text-align: left;
        white-space: normal; } }
    @media screen and (min-width: 641px) and (max-width: 960px) {
      #top .section01 .contents {
        text-align: left;
        white-space: normal; } }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #top .section01 .contents {
        text-align: left;
        white-space: normal; } }
  #top .section02 {
    margin-top: 320px; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #top .section02 {
        margin-top: 300px; } }
    #top .section02 .title {
      width: 123.5px;
      height: 33px;
      background-image: url('../img/_sprites-s638301d257.png');
      background-position: 0 -871px;
      background-repeat: repeat;
      background-size: 533px, auto; }
    #top .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) {
        #top .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) {
        #top .section02 .contents {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 360; } }
      @media screen and (min-width: 961px) and (max-width: 1080px) {
        #top .section02 .contents {
          text-align: left; }
          #top .section02 .contents br {
            display: none; } }
      @media screen and (min-width: 641px) and (max-width: 960px) {
        #top .section02 .contents {
          text-align: left; }
          #top .section02 .contents br {
            display: none; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #top .section02 .contents {
          text-align: left; }
          #top .section02 .contents br {
            display: none; } }
      #top .section02 .contents .theme {
        width: 230px;
        height: 30px;
        background-image: url('../img/_sprites-s638301d257.png');
        background-position: 0 -839px;
        background-repeat: repeat;
        background-size: 533px, auto;
        display: block;
        margin: 0 auto 60px; }
  #top .section02-1 .title {
    width: 169.5px;
    height: 39.5px;
    background-image: url('../img/_sprites-s638301d257.png');
    background-position: 0 -759px;
    background-repeat: repeat;
    background-size: 533px, auto; }
  #top .section02-1 .contents {
    text-align: center; }
    #top .section02-1 .contents .text {
      width: 489px;
      height: 24px;
      background-image: url('../img/_sprites-s638301d257.png');
      background-position: 0 -305.5px;
      background-repeat: repeat;
      background-size: 533px, auto;
      display: inline-block; }
  #top .section03 .title {
    width: 127.5px;
    height: 39px;
    background-image: url('../img/_sprites-s638301d257.png');
    background-position: 0 -970px;
    background-repeat: repeat;
    background-size: 533px, auto; }
  #top .section03 .sub-title-guest {
    width: 189.5px;
    height: 30px;
    background-image: url('../img/_sprites-s638301d257.png');
    background-position: 0 -938px;
    background-repeat: repeat;
    background-size: 533px, auto;
    margin: 0px auto 50px auto; }
  #top .section03 .sub-title {
    width: 158.5px;
    height: 30px;
    background-image: url('../img/_sprites-s638301d257.png');
    background-position: 0 -906px;
    background-repeat: repeat;
    background-size: 533px, auto;
    margin: 0px auto 50px auto; }
  #top .section03 .contents {
    font-size: 0;
    letter-spacing: 0; }
    #top .section03 .contents .mem {
      vertical-align: top;
      display: inline-block;
      margin: 0;
      padding: 0;
      text-align: center; }
      #top .section03 .contents .mem.m:hover .name {
        opacity: 1; }
      #top .section03 .contents .mem.m:hover .position {
        opacity: 1; }
      #top .section03 .contents .mem.s3 {
        width: 33.33%;
        margin: 0 0 40px 0; }
        @media screen and (min-width: 961px) and (max-width: 1080px) {
          #top .section03 .contents .mem.s3 {
            width: 50%; } }
        @media screen and (min-width: 641px) and (max-width: 960px) {
          #top .section03 .contents .mem.s3 {
            width: 50%; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #top .section03 .contents .mem.s3 {
            width: 50%; } }
      #top .section03 .contents .mem.s2 {
        width: 50%; }
        #top .section03 .contents .mem.s2.l {
          margin: 0 0 60px;
          padding: 0 30px 0 0; }
          #top .section03 .contents .mem.s2.l .position span {
            white-space: nowrap; }
        #top .section03 .contents .mem.s2.r {
          margin: 0 0 60px 0;
          padding: 0 0 0 30px; }
        #top .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) {
          #top .section03 .contents .mem.s2 {
            width: 100%;
            margin: 0; }
            #top .section03 .contents .mem.s2.l, #top .section03 .contents .mem.s2.r {
              margin: 0 0 40px 0;
              padding: 0 10px; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #top .section03 .contents .mem.s2 {
            width: 100%;
            margin: 0; }
            #top .section03 .contents .mem.s2.l, #top .section03 .contents .mem.s2.r {
              margin: 0 0 60px 0;
              padding: 0 10px; } }
      #top .section03 .contents .mem .photo {
        display: inline-block; }
      #top .section03 .contents .mem p {
        margin: 0; }
      #top .section03 .contents .mem .name {
        vertical-align: top;
        font-size: 2rem;
        line-height: 1;
        margin: 32px 0 0 0; }
      #top .section03 .contents .mem .position {
        vertical-align: top;
        font-size: 1.4rem;
        line-height: 1.5;
        margin: 16px 0 0 0;
        color: #999; }
      #top .section03 .contents .mem .comment {
        vertical-align: top;
        font-size: 1.4rem;
        line-height: 2.2em;
        margin: 24px 0 20px;
        color: #333;
        text-align: justify; }
      #top .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; }
        #top .section03 .contents .mem .interview-btn:hover {
          background: #d00b1c;
          color: #fff;
          border: 1px solid #d00b1c; }
      #top .section03 .contents .mem .photo {
        width: 200px;
        height: 200px; }
  #top .section04 .title {
    width: 172.5px;
    height: 39.5px;
    background-image: url('../img/_sprites-s638301d257.png');
    background-position: 0 -1011px;
    background-repeat: repeat;
    background-size: 533px, auto; }
  #top .section04 .list {
    width: 100%;
    font-size: 0;
    letter-spacing: 0;
    color: #333; }
    #top .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) {
        #top .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) {
        #top .section04 .list .name {
          font-variation-settings: "wght" 370; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #top .section04 .list .name {
          height: 60px;
          line-height: 60px;
          margin: 0 10% 2rem 0;
          width: 100%; } }
    #top .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) {
        #top .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) {
        #top .section04 .list .desc {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #top .section04 .list .desc {
          width: 100%;
          margin: 4px 0 6rem 0; } }
      #top .section04 .list .desc.last {
        margin: 5px 0 0 0; }
      #top .section04 .list .desc.b {
        width: 100%; }
      #top .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) {
          #top .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) {
          #top .section04 .list .desc .theme {
            font-variation-settings: "wght" 370; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #top .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) {
    #top .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) {
    #top .section04 .list .desc .theme {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 360; } }

    #top .section04 .list .sp-center {
      display: block; }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #top .section04 .list .sp-center {
          text-align: center; } }
    #top .section04 .list .sub-list {
      width: 100%;
      font-size: 0;
      letter-spacing: 0; }
      #top .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) {
          #top .section04 .list .sub-list .dot {
            margin: 0 0 20px 30px; } }
      #top .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) {
          #top .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) {
          #top .section04 .list .sub-list .name {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 380; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #top .section04 .list .sub-list .name {
            width: 36%;
            max-width: 100%; } }
        #top .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) {
            #top .section04 .list .sub-list .name.b {
              display: block; } }
        #top .section04 .list .sub-list .name.s {
          margin: 0 0 0 32px;
          width: 100px; }
      #top .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) {
          #top .section04 .list .sub-list .desc {
            max-width: 100%; } }
        #top .section04 .list .sub-list .desc.b {
          width: 70%; }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #top .section04 .list .sub-list .desc.b {
              width: 90%;
              margin: 0 0 16px 40px; } }
        #top .section04 .list .sub-list .desc a {
          color: #d00b1c;
          text-decoration: underline; }
      #top .section04 .list .sub-list .desc-w {
        font-size: 1.6rem;
        margin: 0 0 20px;
        width: 100%; }
      #top .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) {
          #top .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) {
          #top .section04 .list .sub-list .sub-desc {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 380; } }
      #top .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) {
          #top .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) {
          #top .section04 .list .sub-list .cul {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 380; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #top .section04 .list .sub-list .cul {
            margin: 0 0 20px 30px; } }
    #top .section04 .list .pstr-ver {
      display: inline-block;
      width: 210px;
      height: 300px;
      border: 1px solid #ccc;
      margin: 30px 40px 40px 0; }
    #top .section04 .list .pstr-hol {
      display: inline-block;
      width: 300px;
      height: 210px;
      border: 1px solid #ccc;
      margin: 30px 0; }
    #top .section04 .list .pstr-ver, #top .section04 .list .pstr-hol {
      vertical-align: top;
      text-align: left; }
      #top .section04 .list .pstr-ver .name, #top .section04 .list .pstr-ver .consept, #top .section04 .list .pstr-ver .number, #top .section04 .list .pstr-hol .name, #top .section04 .list .pstr-hol .consept, #top .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; }
    #top .section04 .list .schedule {
      width: 100%;
      font-size: 0;
      letter-spacing: 0; }
      #top .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) {
          #top .section04 .list .schedule .name {
            width: 40%;
            max-width: 100%;
            line-height: 40px;
            height: 44px; } }
        #top .section04 .list .schedule .name::after {
          content: "";
          width: 18px;
          height: 10px;
          background-image: url('../img/_sprites-s638301d257.png');
          background-position: 0 -212.5px;
          background-repeat: repeat;
          background-size: 533px, auto;
          display: block;
          margin: 15px auto; }
        #top .section04 .list .schedule .name:nth-of-type(3)::after {
          margin: 30px auto 0; }
          @media screen and (min-width: 641px) and (max-width: 960px) {
            #top .section04 .list .schedule .name:nth-of-type(3)::after {
              margin: 45px auto 0; } }
          @media screen and (min-width: 0) and (max-width: 640px) {
            #top .section04 .list .schedule .name:nth-of-type(3)::after {
              margin: 60px auto 0; } }
        #top .section04 .list .schedule .name:nth-last-of-type(2)::before {
          background: black; }
        #top .section04 .list .schedule .name:nth-last-of-type(2)::after {
          display: none; }
      #top .section04 .list .schedule .desc {
        margin: 0 0 30px;
        width: 65%;
        vertical-align: top; }
        @media screen and (min-width: 641px) and (max-width: 960px) {
          #top .section04 .list .schedule .desc {
            width: 60%; } }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #top .section04 .list .schedule .desc {
            width: 56%;
            max-width: 100%; } }
  #top .section05 {
    margin-top: 100px;
    text-align: center;
    line-height: 0;
    font-size: 0; }
    #top .section05::after {
      content: none;
      display: none;
      text-align: center; }
    #top .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) {
        #top .section05 .form {
          width: 100%; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #top .section05 .form {
          width: 100%; } }
      #top .section05 .form:hover {
        opacity: 0.75; }
      #top .section05 .form:nth-of-type(1) .label {
        margin: 0 20px 0 0; }
        #top .section05 .form:nth-of-type(1) .label::after {
          width: 261px;
          height: 22px;
          background-image: url('../img/_sprites-s638301d257.png');
          background-position: 0 -1076.5px;
          background-repeat: repeat;
          background-size: 533px, auto;
          margin: 28px 0 0 0; }
      @media screen and (min-width: 641px) and (max-width: 960px) {
        #top .section05 .form:nth-of-type(1) {
          margin: 0 0 60px 0; }
          #top .section05 .form:nth-of-type(1) .label {
            margin: 0; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #top .section05 .form:nth-of-type(1) {
          margin: 0 0 60px 0; }
          #top .section05 .form:nth-of-type(1) .label {
            margin: 0; } }
      #top .section05 .form:nth-of-type(2) .label {
        margin: 0 0 0 20px; }
        #top .section05 .form:nth-of-type(2) .label::after {
          width: 189px;
          height: 22px;
          background-image: url('../img/_sprites-s638301d257.png');
          background-position: 0 -1052.5px;
          background-repeat: repeat;
          background-size: 533px, auto;
          margin: 28px 0 0 0; }
      @media screen and (min-width: 641px) and (max-width: 960px) {
        #top .section05 .form:nth-of-type(2) .label {
          margin: 0; } }
      @media screen and (min-width: 0) and (max-width: 640px) {
        #top .section05 .form:nth-of-type(2) .label {
          margin: 0; } }
      #top .section05 .form .label {
        display: block;
        position: relative;
        background: #d00b1c;
        height: 80px;
        width: auto; }
        #top .section05 .form .label::after {
          content: "";
          display: inline-block; }
      #top .section05 .form.lock {
        pointer-events: none; }
        #top .section05 .form.lock .label {
          pointer-events: none;
          background: #ccc; }
        #top .section05 .form.lock .text {
          margin: 10px 0 0 0;
          color: #999;
          display: inline-block; }
  #top .section06 .title {
    width: 243.5px;
    height: 39px;
    background-image: url('../img/_sprites-s638301d257.png');
    background-position: 0 -331.5px;
    background-repeat: repeat;
    background-size: 533px, auto; }
  #top .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; }
    #top .section06 .more-btn:hover {
      color: #fff;
      opacity: 0.6; }
  #top .section06 .article {
    width: auto;
    margin: 0 auto;
    max-width: 720px;
    text-align: left; }
    #top .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) {
        #top .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) {
        #top .section06 .article .q {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
      #top .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) {
          #top .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) {
          #top .section06 .article .q ul li {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 380; } }
        #top .section06 .article .q ul li span {
          position: absolute;
          top: 0;
          left: 0;
          color: #d00b1c; }
    #top .section06 .article .a.last {
      border-bottom: 0px solid #fff;
      padding: 0; }
    #top .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) {
        #top .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) {
        #top .section06 .article .a {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
      #top .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) {
          #top .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) {
          #top .section06 .article .a a {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 380; } }
      #top .section06 .article .a .ids:hover {
        opacity: 0.6;
        transition: opacity 0s; }
      #top .section06 .article .a .ids {
        border-bottom: 0px solid #fff !important; }
      #top .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) {
          #top .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) {
          #top .section06 .article .a ul li {
            -webkit-font-smoothing: antialiased;
            font-variation-settings: "wght" 380; } }
        #top .section06 .article .a ul li p {
          margin: 0 0 24px 0; }
        #top .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) {
            #top .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) {
            #top .section06 .article .a ul li span {
              -webkit-font-smoothing: antialiased;
              font-variation-settings: "wght" 380; } }
        #top .section06 .article .a ul li ul {
          margin: 0 0 24px 0; }
          #top .section06 .article .a ul li ul li {
            list-style-type: disc;
            padding: 0;
            margin: 0 0 0 1.5em; }
  #top .section07 {
    text-align: center; }
    #top .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; }
      #top .section07 .more-btn:hover {
        color: #fff;
        opacity: 0.6; }
        @media screen and (min-width: 0) and (max-width: 640px) {
          #top .section07 .more-btn:hover {
            line-height: 42px; } }
    #top .section07 .title {
      width: 245.5px;
      height: 38.5px;
      background-image: url('../img/_sprites-s638301d257.png');
      background-position: 0 -1141.5px;
      background-repeat: repeat;
      background-size: 533px, auto; }

#news, #interview, #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, #interview, #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, #interview, #shachihata, #entry {
      -webkit-font-smoothing: antialiased;
      font-variation-settings: "wght" 380; } }
  @media screen and (min-width: 0) and (max-width: 640px) {
    #news, #interview, #shachihata, #entry {
      padding: 0 30px; } }
  #news .br-sp, #interview .br-sp, #shachihata .br-sp, #entry .br-sp {
    display: none;
    content: " "; }
    @media screen and (min-width: 0) and (max-width: 640px) {
      #news .br-sp, #interview .br-sp, #shachihata .br-sp, #entry .br-sp {
        display: inline;
        content: none; } }
  #news .interview-title, #interview .interview-title, #shachihata .interview-title, #entry .interview-title {
    width: 244px;
    height: 36.5px;
    background-image: url('../img/_sprites-s638301d257.png');
    background-position: 0 -503px;
    background-repeat: repeat;
    background-size: 533px, auto;
    display: inline-block;
    margin: 160px 0 20px; }
  #news .news-title, #interview .news-title, #shachihata .news-title, #entry .news-title {
    width: 160px;
    height: 30.5px;
    background-image: url('../img/_sprites-s638301d257.png');
    background-position: 0 -685.5px;
    background-repeat: repeat;
    background-size: 533px, auto;
    display: inline-block;
    margin: 160px 0 0; }
  #news .shachihata-title, #interview .shachihata-title, #shachihata .shachihata-title, #entry .shachihata-title {
    width: 409px;
    height: 39px;
    background-image: url('../img/_sprites-s638301d257.png');
    background-position: 0 -1182px;
    background-repeat: repeat;
    background-size: 533px, auto;
    display: inline-block;
    margin: 160px 0 20px; }
  #news .filter, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .filter a, #shachihata .filter a, #entry .filter a {
          width: 80px;
          text-align: center; } }
    #news .filter .select, #interview .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, #interview .article:nth-last-of-type(2) .sec, #interview .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, #interview .article:nth-last-of-type(2)::after, #interview .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, #interview .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, #interview .article .title-set, #shachihata .article .title-set, #entry .article .title-set {
        margin: 6rem 0 3rem 0; } }
    #news .article .title-set.i, #interview .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, #interview .article .title-set.i, #shachihata .article .title-set.i, #entry .article .title-set.i {
          margin: 4rem 0 2rem 0; } }
    #news .article .title-set .title, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .article .title-set .title, #shachihata .article .title-set .title, #entry .article .title-set .title {
      font-variation-settings: "wght" 370; } }

    #news .article .title-set .info, #interview .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, #interview .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, #interview .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, #interview .article .title-set .info .date, #interview .article .title-set .info .categories, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .article .title-set .info .slash, #shachihata .article .title-set .info .slash, #entry .article .title-set .info .slash {
          display: none; } }
  #news .article .content, #interview .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, #interview .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, #interview .article .content, #shachihata .article .content, #entry .article .content {
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "wght" 380; } }
    #news .article .content .back-news-btn, #interview .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, #interview .article .content .caption, #shachihata .article .content .caption, #entry .article .content .caption {
      font-size: 1.4rem; }
    #news .article .content a, #interview .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, #interview .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, #interview .article .content a, #shachihata .article .content a, #entry .article .content a {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 380; } }
    #news .article .content img, #interview .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, #interview .article .content .dash, #interview .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, #interview .article .content .dash, #interview .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, #interview .article .content .dash, #interview .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, #interview .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, #interview .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, #interview .article .content .question, #shachihata .article .content .question, #entry .article .content .question {
          -webkit-font-smoothing: antialiased;
          font-variation-settings: "wght" 460; } }
    #news .article .content .info, #interview .article .content .info, #shachihata .article .content .info, #entry .article .content .info {
      width: 100%; }
      #news .article .content .info.last::after, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .article .content .info img, #shachihata .article .content .info img, #entry .article .content .info img {
        margin: 0; }
      #news .article .content .info .sub, #interview .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, #interview .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, #interview .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, #interview .article .content .info .name, #shachihata .article .content .info .name, #entry .article .content .info .name {
            font-variation-settings: "wght" 370; } }
      #news .article .content .info .spell, #interview .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, #interview .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, #interview .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, #interview .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, #interview .article .content .info .person, #shachihata .article .content .info .person, #entry .article .content .info .person {
        display: inline-block; }
      #news .article .content .info .label, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .article .content .info .person, #shachihata .article .content .info .person, #entry .article .content .info .person {
          margin: 30px 0 0 0; }
        #news .article .content .info .separate, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .pagination, #shachihata .pagination, #entry .pagination {
    color: #333;
    font-size: 2rem;
    margin: 100px 0 0 0; }
    #news .pagination .split, #interview .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, #interview .pagination .next, #shachihata .pagination .next, #entry .pagination .next {
      display: inline-block;
      vertical-align: middle; }
      #news .pagination .next::before, #interview .pagination .next::before, #shachihata .pagination .next::before, #entry .pagination .next::before {
        content: "";
        display: inline-block;
        width: 42px;
        height: 42px;
        background-image: url('../img/_sprites-s638301d257.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, #interview .pagination .next.end, #shachihata .pagination .next.end, #entry .pagination .next.end {
        pointer-events: none;
        color: #ccc; }
        #news .pagination .next.end::before, #interview .pagination .next.end::before, #shachihata .pagination .next.end::before, #entry .pagination .next.end::before {
          width: 42px;
          height: 42px;
          background-image: url('../img/_sprites-s638301d257.png');
          background-position: 0 -80.5px;
          background-repeat: repeat;
          background-size: 533px, auto; }
    #news .pagination .prev, #interview .pagination .prev, #shachihata .pagination .prev, #entry .pagination .prev {
      display: inline-block;
      vertical-align: middle; }
      #news .pagination .prev::after, #interview .pagination .prev::after, #shachihata .pagination .prev::after, #entry .pagination .prev::after {
        content: "";
        display: inline-block;
        width: 42px;
        height: 42px;
        background-image: url('../img/_sprites-s638301d257.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, #interview .pagination .prev.end, #shachihata .pagination .prev.end, #entry .pagination .prev.end {
        pointer-events: none;
        color: #ccc; }
        #news .pagination .prev.end::after, #interview .pagination .prev.end::after, #shachihata .pagination .prev.end::after, #entry .pagination .prev.end::after {
          width: 42px;
          height: 42px;
          background-image: url('../img/_sprites-s638301d257.png');
          background-position: 0 -168.5px;
          background-repeat: repeat;
          background-size: 533px, auto; }

#news .shachihata-title, #interview .shachihata-title, #entry .shachihata-title {
  width: 409px;
  height: 39px;
  background-image: url('../img/_sprites-s638301d257.png');
  background-position: 0 -1182px;
  background-repeat: repeat;
  background-size: 533px, auto;
  display: inline-block;
  margin: 160px 0 0 0; }
#news .article .content, #interview .article .content, #entry .article .content {
  margin: 0;
  padding: 0; }
  #news .article .content .icon, #interview .article .content .icon, #entry .article .content .icon {
    width: 10rem;
    height: 10rem;
    display: inline-block; }
  #news .article .content .desc p, #interview .article .content .desc p, #entry .article .content .desc p {
    text-align: left; }
  #news .article .content .desc p + p, #interview .article .content .desc p + p, #entry .article .content .desc p + p {
    margin-top: 1.6rem; }
  #news .article .content .info .name, #interview .article .content .info .name, #entry .article .content .info .name {
    margin: 16px 0 0; }
  #news .article .content .interview-talk, #interview .article .content .interview-talk, #entry .article .content .interview-talk {
    margin: 0;
    padding: 0; }
    #news .article .content .interview-talk p, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .article .content .interview-talk span.name, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .article .content .interview-single, #entry .article .content .interview-single {
    margin: 0;
    padding: 0; }
    #news .article .content .interview-single p, #interview .article .content .interview-single p, #entry .article .content .interview-single p {
      margin: 3.8rem 0 0 0; }
    #news .article .content .interview-single p span, #interview .article .content .interview-single p span, #entry .article .content .interview-single p span {
      display: inline-block; }
    #news .article .content .interview-single p span + span, #interview .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, #interview .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, #interview .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, #interview .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, #interview .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, #interview .article .content .interview-single span.name, #interview .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, #interview .article .content .interview-single span.question, #entry .article .content .interview-single span.question {
      display: inline; }
    #news .article .content .interview-single .margin-s, #interview .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, #interview .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, #interview .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; }

#interview .filter {
  -ms-flex-pack: center;
  justify-content: center; }

#help {
  margin-top: 180px; }
  #help .section {
    width: 100%;
    margin: auto; }
    #help .section.s01 .title {
      width: 259.5px;
      height: 39px;
      background-image: url('../img/_sprites-s638301d257.png');
      background-position: 0 -1580px;
      background-repeat: repeat;
      background-size: 533px, auto; }
    #help .section.s02 .title {
      width: 390.5px;
      height: 39px;
      background-image: url('../img/_sprites-s638301d257.png');
      background-position: 0 -1539px;
      background-repeat: repeat;
      background-size: 533px, auto; }
    #help .section.s03 .title {
      width: 423px;
      height: 39px;
      background-image: url('../img/_sprites-s638301d257.png');
      background-position: 0 -1621px;
      background-repeat: repeat;
      background-size: 533px, auto; }
    #help .section.s04 .title {
      width: 300px;
      height: 39px;
      background-image: url('../img/_sprites-s638301d257.png');
      background-position: 0 -1662px;
      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-s638301d257.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; }

#archive .last:last-of-type::after {
  display: none; }

#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-s638301d257.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-s638301d257.png');
    background-position: 0 -718px;
    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-s638301d257.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-s638301d257.png');
    background-position: 0 -1505px;
    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; }