body {
  background-color: #fefef8;
  box-sizing: border-box; }

::selection {
  background: #eae5da; }

img {
  width: 100%; }

.wf {
  visibility: hidden; }

@media screen and (min-width: 601px) {
  .sp {
    display: none; }

  article section {
    width: 800px;
    margin: 20px auto 80px;
    padding: 0px 35px;
    opacity: 0;
    transform: translateY(5px);
    transition: transform 1s, opacity 1s; }
    article section.top {
      position: relative; }
      article section.top h1 {
        padding-top: 20px;
        margin-bottom: 45px; }
      article section.top .information {
        width: 335px; }
        article section.top .information.description p.jp {
          font-family: a-otf-futo-go-b101-pr6n, sans-serif;
          font-style: normal;
          font-weight: 500;
          font-feature-settings: 'palt';
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          line-height: 2.444444444444444;
          letter-spacing: 0.29em;
          text-align: justify;
          font-size: 13.5px;
          margin-bottom: 15px; }
        article section.top .information.description p.en {
          font-family: a-otf-futo-go-b101-pr6n, sans-serif;
          font-style: normal;
          font-weight: 500;
          font-feature-settings: 'palt';
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          line-height: 2.3;
          letter-spacing: 0.09em;
          font-size: 10px; }
      article section.top .rye-illustration {
        position: absolute;
        top: 0;
        right: -8px;
        width: 490px; }
    article section.images .img-container:first-of-type {
      margin-bottom: 30px; }
    article section.cycle {
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between;
      margin-bottom: 50px; }
      article section.cycle .img-container {
        width: 390px;
        height: 321px; }
        article section.cycle .img-container img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          font-family: "object-fit: cover"; }
      article section.cycle .text {
        width: 370px; }
        article section.cycle .text h2 {
          font-family: a-otf-futo-go-b101-pr6n, sans-serif;
          font-style: normal;
          font-weight: 500;
          font-feature-settings: 'palt';
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          line-height: 2.444444444444444;
          letter-spacing: 0.29em;
          text-align: justify;
          font-size: 21px;
          line-height: 1;
          margin-bottom: 12px; }
        article section.cycle .text p {
          font-family: a-otf-futo-go-b101-pr6n, sans-serif;
          font-style: normal;
          font-weight: 500;
          font-feature-settings: 'palt';
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          line-height: 2.444444444444444;
          letter-spacing: 0.29em;
          text-align: justify;
          font-size: 13.5px; }
    article section.cycle-contents ul li {
      list-style: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;
      height: 160px; }
      article section.cycle-contents ul li:nth-of-type(4) {
        height: 200px; }
      article section.cycle-contents ul li .img-container {
        margin-left: 55px;
        width: 245px; }
      article section.cycle-contents ul li p.text {
        font-family: a-otf-futo-go-b101-pr6n, sans-serif;
        font-style: normal;
        font-weight: 500;
        font-feature-settings: 'palt';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 2.444444444444444;
        letter-spacing: 0.29em;
        text-align: justify;
        font-size: 13.5px;
        width: 380px;
        position: relative; }
        article section.cycle-contents ul li p.text span {
          font-size: 25.5px;
          display: inline-block;
          line-height: 1;
          position: absolute;
          top: 7px;
          left: -45px; }
    article section.information {
      background-color: #eae5da;
      width: 100vw;
      padding: 39px 0px 47px; }
      article section.information .contents-wrapper {
        width: 800px;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        padding: 0px 35px; }
        article section.information .contents-wrapper .img-container {
          width: 375px;
          height: 445px;
          padding-top: 9px; }
          article section.information .contents-wrapper .img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            font-family: "object-fit: cover"; }
        article section.information .contents-wrapper .text {
          width: 387px; }
          article section.information .contents-wrapper .text p.details {
            font-family: a-otf-futo-go-b101-pr6n, sans-serif;
            font-style: normal;
            font-weight: 500;
            font-feature-settings: 'palt';
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: 2.444444444444444;
            letter-spacing: 0.29em;
            text-align: justify;
            font-size: 13.5px;
            margin-bottom: 10px; }
            article section.information .contents-wrapper .text p.details span {
              font-feature-settings: 'none'; }
          article section.information .contents-wrapper .text p.notion {
            font-family: a-otf-futo-go-b101-pr6n, sans-serif;
            font-style: normal;
            font-weight: 500;
            font-feature-settings: 'palt';
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: 1.45;
            letter-spacing: 0.265em;
            text-align: justify;
            font-size: 10px;
            margin-bottom: 19px; }
          article section.information .contents-wrapper .text a.buy-button {
            font-family: a-otf-futo-go-b101-pr6n, sans-serif;
            font-style: normal;
            font-weight: 500;
            font-feature-settings: 'palt';
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: 2.444444444444444;
            letter-spacing: 0.29em;
            text-align: justify;
            font-size: 13.5px;
            line-height: 1;
            color: #000;
            text-decoration: none;
            display: inline-block;
            padding: 10px 35px 11px;
            border: 1px solid #000; }
            article section.information .contents-wrapper .text a.buy-button:hover {
              opacity: 0.6; }
    article section.greeting ul li {
      list-style-type: none;
      display: flex;
      justify-content: space-between; }
      article section.greeting ul li:first-of-type {
        margin-bottom: 30px; }
      article section.greeting ul li .img-container {
        width: 282px;
        height: 191px; }
        article section.greeting ul li .img-container.uehara {
          padding-top: 6px; }
        article section.greeting ul li .img-container img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          font-family: "object-fit: cover"; }
      article section.greeting ul li .text {
        width: 480px; }
        article section.greeting ul li .text h2 {
          font-family: a-otf-futo-go-b101-pr6n, sans-serif;
          font-style: normal;
          font-weight: 500;
          font-feature-settings: 'palt';
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          line-height: 2.444444444444444;
          letter-spacing: 0.29em;
          text-align: justify;
          font-size: 14px;
          line-height: 1;
          margin-bottom: 15px; }
        article section.greeting ul li .text p {
          font-family: a-otf-futo-go-b101-pr6n, sans-serif;
          font-style: normal;
          font-weight: 500;
          font-feature-settings: 'palt';
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          line-height: 2.181818181818182;
          letter-spacing: 0.18em;
          text-align: justify;
          font-size: 11px; }
          article section.greeting ul li .text p span.align-right {
            display: inline-block;
            width: 100%;
            text-align: right; }
    article section.footer {
      margin-bottom: 40px; }
      article section.footer p {
        font-family: a-otf-futo-go-b101-pr6n, sans-serif;
        font-style: normal;
        font-weight: 500;
        font-feature-settings: 'palt';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 2.444444444444444;
        letter-spacing: 0.29em;
        text-align: justify;
        font-size: 13.5px;
        text-align: center; }
        article section.footer p.credits {
          margin-bottom: 35px; }
          article section.footer p.credits.en {
            letter-spacing: 0.2em;
            margin-bottom: 37px;
            font-variant-ligatures: none; }
        article section.footer p a {
          color: #000;
          text-decoration: none;
          letter-spacing: 0.2em; }
          article section.footer p a:hover {
            text-decoration: underline; } }
@media screen and (max-width: 600px) {
  .pc {
    display: none; }

  article {
    padding-top: 5%; }
    article section {
      width: 86%;
      margin: 20px auto 60px;
      opacity: 0;
      transform: translateY(5px);
      transition: transform 1s, opacity 1s; }
      article section.top h1 {
        margin-bottom: 8%;
        width: 84%;
        max-width: 330px;
        margin-left: 3%; }
      article section.top .rye-illustration {
        width: 90%;
        margin: 0 auto 28px; }
      article section.top .information.description p.jp {
        font-family: a-otf-futo-go-b101-pr6n, sans-serif;
        font-style: normal;
        font-weight: 500;
        font-feature-settings: 'palt';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 2.444444444444444;
        letter-spacing: 0.29em;
        text-align: justify;
        font-size: 13.5px;
        letter-spacing: 0.25em;
        margin-bottom: 15px; }
      article section.top .information.description p.en {
        font-family: a-otf-futo-go-b101-pr6n, sans-serif;
        font-style: normal;
        font-weight: 500;
        font-feature-settings: 'palt';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 2.3;
        letter-spacing: 0.09em;
        font-size: 10px; }
      article section.images .img-container:first-of-type {
        margin-bottom: 7.5%; }
      article section.cycle {
        margin-bottom: 60px; }
        article section.cycle .img-container {
          width: 100%;
          background-color: #ccc; }
          article section.cycle .img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            font-family: "object-fit: cover"; }
        article section.cycle .text {
          margin-bottom: 17px; }
          article section.cycle .text h2 {
            font-family: a-otf-futo-go-b101-pr6n, sans-serif;
            font-style: normal;
            font-weight: 500;
            font-feature-settings: 'palt';
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: 2.444444444444444;
            letter-spacing: 0.29em;
            text-align: justify;
            font-size: 20px;
            line-height: 1;
            margin-bottom: 16px; }
          article section.cycle .text p {
            font-family: a-otf-futo-go-b101-pr6n, sans-serif;
            font-style: normal;
            font-weight: 500;
            font-feature-settings: 'palt';
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: 2.444444444444444;
            letter-spacing: 0.29em;
            text-align: justify;
            font-size: 13.5px;
            letter-spacing: 0.25em; }
      article section.cycle-contents ul li {
        list-style: none;
        margin-bottom: 60px; }
        article section.cycle-contents ul li .img-container {
          width: 245px;
          margin: 0 auto 20px; }
        article section.cycle-contents ul li p.text {
          font-family: a-otf-futo-go-b101-pr6n, sans-serif;
          font-style: normal;
          font-weight: 500;
          font-feature-settings: 'palt';
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          line-height: 2.444444444444444;
          letter-spacing: 0.29em;
          text-align: justify;
          font-size: 13.5px;
          position: relative;
          width: 290px;
          margin: 0 auto;
          transform: translateX(22px); }
          article section.cycle-contents ul li p.text span {
            font-size: 24px;
            display: inline-block;
            line-height: 1;
            position: absolute;
            top: 7px;
            left: -38px; }
      article section.information {
        background-color: #eae5da;
        width: 100%;
        padding: 8% 0px 8%; }
        article section.information .contents-wrapper {
          width: 85%;
          margin: 0 auto; }
          article section.information .contents-wrapper .img-container {
            width: 100%;
            margin-bottom: 15px; }
            article section.information .contents-wrapper .img-container img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              font-family: "object-fit: cover"; }
          article section.information .contents-wrapper .text p.details {
            font-family: a-otf-futo-go-b101-pr6n, sans-serif;
            font-style: normal;
            font-weight: 500;
            font-feature-settings: 'palt';
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: 2.444444444444444;
            letter-spacing: 0.29em;
            text-align: justify;
            font-size: 13.5px;
            margin-bottom: 15px; }
            article section.information .contents-wrapper .text p.details span {
              font-feature-settings: 'none'; }
          article section.information .contents-wrapper .text p.notion {
            font-family: a-otf-futo-go-b101-pr6n, sans-serif;
            font-style: normal;
            font-weight: 500;
            font-feature-settings: 'palt';
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: 1.45;
            letter-spacing: 0.265em;
            text-align: justify;
            font-size: 10px;
            margin-bottom: 25px; }
          article section.information .contents-wrapper .text .align-center {
            text-align: center; }
            article section.information .contents-wrapper .text .align-center a.buy-button {
              font-family: a-otf-futo-go-b101-pr6n, sans-serif;
              font-style: normal;
              font-weight: 500;
              font-feature-settings: 'palt';
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              line-height: 2.444444444444444;
              letter-spacing: 0.29em;
              text-align: justify;
              font-size: 13.5px;
              line-height: 1;
              color: #000;
              text-decoration: none;
              display: inline-block;
              padding: 10px 35px 11px;
              border: 1px solid #000;
              text-align: right; }
              article section.information .contents-wrapper .text .align-center a.buy-button:hover {
                opacity: 0.6; }
      article section.greeting ul li {
        list-style-type: none; }
        article section.greeting ul li:first-of-type {
          margin-bottom: 50px; }
        article section.greeting ul li .img-container {
          width: 65%;
          height: 40vw;
          margin-bottom: 10px; }
          article section.greeting ul li .img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            font-family: "object-fit: cover"; }
        article section.greeting ul li .text h2 {
          font-family: a-otf-futo-go-b101-pr6n, sans-serif;
          font-style: normal;
          font-weight: 500;
          font-feature-settings: 'palt';
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          line-height: 2.444444444444444;
          letter-spacing: 0.29em;
          text-align: justify;
          font-size: 14px;
          line-height: 1;
          margin-bottom: 13px;
          margin-top: 22px; }
        article section.greeting ul li .text p {
          font-family: a-otf-futo-go-b101-pr6n, sans-serif;
          font-style: normal;
          font-weight: 500;
          font-feature-settings: 'palt';
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          line-height: 2.181818181818182;
          letter-spacing: 0.18em;
          text-align: justify;
          font-size: 11px; }
          article section.greeting ul li .text p span.align-right {
            display: inline-block;
            width: 100%;
            text-align: right; }
      article section.footer {
        margin-bottom: 50px; }
        article section.footer p {
          font-family: a-otf-futo-go-b101-pr6n, sans-serif;
          font-style: normal;
          font-weight: 500;
          font-feature-settings: 'palt';
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          line-height: 2.444444444444444;
          letter-spacing: 0.29em;
          text-align: justify;
          font-size: 13px;
          text-align: center; }
          article section.footer p.credits {
            margin-bottom: 30px; }
            article section.footer p.credits.en {
              letter-spacing: 0.15em;
              margin-bottom: 33px;
              white-space: nowrap;
              font-variant-ligatures: none; }
          article section.footer p a {
            color: #000;
            text-decoration: none;
            letter-spacing: 0.15em; }
            article section.footer p a:hover {
              text-decoration: underline; } }

/*# sourceMappingURL=style.css.map */