@keyframes hovermenuout {
  0% {
    transform: translateX(0%);
    opacity: 1; }
  100% {
    transform: translateX(101%);
    opacity: 1; } }
@keyframes hoverin {
  0% {
    transform: translateX(-101%);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes hoverout {
  0% {
    transform: translateY(0);
    left: 0;
    opacity: 1; }
  100% {
    transform: translateY(0);
    left: 101%;
    opacity: 1; } }
@keyframes hoverin_reverse {
  0% {
    transform: translateX(101%);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes hoverout_reverse {
  0% {
    transform: translateY(0);
    left: 0;
    opacity: 1; }
  100% {
    transform: translateY(0);
    left: -101%;
    opacity: 1; } }
@keyframes vin {
  0% {
    transform: translateY(-101%);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes vout {
  0% {
    transform: translateY(0);
    left: 0;
    opacity: 1; }
  100% {
    transform: translateY(101%);
    left: 0;
    opacity: 1; } }
@keyframes vin_reverse {
  0% {
    transform: translateY(101%);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes vout_reverse {
  0% {
    transform: translateY(0);
    left: 0;
    opacity: 1; }
  100% {
    transform: translateY(-101%);
    left: 0;
    opacity: 1; } }
.buruburu {
  display: inline-block;
  animation: hurueru .1s  infinite; }

@keyframes hurueru {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg); }
  25% {
    transform: translate(2px, 2px) rotateZ(1deg); }
  50% {
    transform: translate(0px, 2px) rotateZ(0deg); }
  75% {
    transform: translate(2px, 0px) rotateZ(-1deg); }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg); } }
@keyframes wave {
  0% {
    background-position: 0 0; }
  100% {
    background-position: round-decimal(7.8125vw, 3) 0; } }
@media screen and (min-width: 768px) {
  @keyframes wave {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 100px 0; } } }
@keyframes sdb {
  0% {
    transform: translate(0, -1.953vw);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: translate(0, 0vw);
    opacity: 0; } }
@keyframes sdbpc {
  0% {
    transform: translate(0, -20px);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: translate(0, 0);
    opacity: 0; } }
[data-opacity] {
  opacity: 0;
  filter: blur(1px);
  transform: translateY(50px);
  transition: 1.5s 0.2s cubic-bezier(0.23, 1, 0.32, 1); }

[data-opacity].animated {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0); }

@media screen and (min-width: 768px) {
  [data-pc-opacity] {
    opacity: 0;
    transform: translateY(10vw);
    transition: 1.5s 0s cubic-bezier(0.23, 1, 0.32, 1); }

  .ie11 [data-pc-opacity] {
    opacity: 0;
    transform: translateY(20px);
    transition: 1.5s 0s cubic-bezier(0.23, 1, 0.32, 1); }

  [data-pc-opacity].animated {
    opacity: 1;
    transform: translateY(0); } }
@media screen and (max-width: 767px) {
  [data-opacity],
  [data-sp-opacity] {
    opacity: 0;
    transform: translateY(10vw);
    transition: 1.5s 0s cubic-bezier(0.23, 1, 0.32, 1); }

  .ie11 [data-opacity],
  .ie11 [data-sp-opacity] {
    opacity: 0;
    transform: translateY(20px);
    transition: 1.5s 0s cubic-bezier(0.23, 1, 0.32, 1); }

  [data-sp-opacity].animated,
  [data-opacity].animated {
    opacity: 1;
    transform: translateY(0); } }
[data-sp-opacity],
[data-pc-opacity],
[data-opacity],
[data-once] {
  will-change: transform;
  backface-visibility: hidden; }

@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-2vh); } }
@keyframes fuwafuwar {
  0%, 100% {
    transform: translateY(-2vh); }
  50% {
    transform: translateY(0); } }
body.open_popup {
  overflow: hidden; }

.bg_onetime_popup {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 39999;
  width: 100vw;
  height: 100vh;
  background-color: white;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s; }

body.open_popup .bg_onetime_popup {
  opacity: 1;
  visibility: visible; }

.onetime_popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100vh;
  padding: 5vh 0; }

.onetime_popup_title_box {
  position: relative; }

.onetime_popup_title_close {
  position: absolute;
  top: 7.324vw;
  right: -2.441vw;
  width: 19.531vw;
  height: 19.531vw;
  transform: translateY(-50%);
  cursor: pointer; }

.onetime_popup_title_close::before,
.onetime_popup_title_close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  height: 0.391vw;
  background-color: #17acdc;
  content: ""; }

.onetime_popup_title_close::before {
  transform: translateX(-50%) translateY(-50%) rotate(45deg); }

.onetime_popup_title_close::after {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg); }

.onetime_popup_content {
  text-align: center;
  width: 80vh;
  height: 70vh;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

.onetime_popup_content img {
  width: 100%;
  height: 100%; }

.btn_floatingorder {
  display: none; }

.order {
  position: fixed;
  left: 2.93vw;
  bottom: 2.93vw;
  z-index: 1100;
  width: 31.641vw;
  height: 31.641vw; }
  .order a {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    justify-content: center;
    align-items: center; }
    .order a::after {
      content: '';
      background: url("https://www.koeitecmoamerica.com/ryza3/img/btn_yoyaku.png") no-repeat center center/cover;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      animation: r1 22s cubic-bezier(0, 0, 1, 1) infinite;
      pointer-events: none; }
    .order a b {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 26.758vw;
      height: 26.758vw;
      background: #fe951e;
      border: 0.195vw solid #fff;
      border-radius: 50%;
      flex-direction: column; }
      .order a b em {
        font-family: "EB Garamond", serif;
        font-weight: 600;
        color: #fff;
        font-size: 6.17vw;
        letter-spacing: 0.01em;
        padding-bottom: 0;
        height: 100%;
        display: inline-flex;
        align-items: flex-end;
        position: relative;
        top: -7.034vw;
        font-family: "Outfit", sans-serif;
        text-align: center; }
      .order a b span {
        font-family: "EB Garamond", serif;
        color: #fff;
        font-size: 4.102vw;
        letter-spacing: 0.05em;
        height: 100%;
        display: inline-flex;
        align-items: flex-start;
        text-align: center;
        position: relative;
        top: 1.172vw; }

.btn {
  width: 46.387vw;
  height: 8.203vw;
  background: #fe951e;
  border-radius: 4.102vw;
  margin: 11.719vw auto 0; }
  .btn span {
    color: #fff;
    font-size: 3.711vw;
    letter-spacing: 0.05em;
    font-family: "EB Garamond", serif;
    font-weight: 400;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 8.203vw; }

ul.flexbtn {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 4.883vw -1.953vw -1.953vw; }
  ul.flexbtn li {
    width: auto;
    min-width: 36.523vw;
    height: 7.617vw;
    background: #fe951e;
    border-radius: 3.809vw;
    margin: 0 1.465vw 2.93vw;
    padding: 0 4.883vw; }
    ul.flexbtn li span {
      color: #fff;
      font-size: 2.832vw;
      letter-spacing: 0.05em;
      font-family: "EB Garamond", serif;
      font-weight: 700;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 7.617vw; }

ul.flexbtn.blue {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 4.883vw -1.953vw 1.953vw; }
  ul.flexbtn.blue li {
    width: auto;
    min-width: 36.523vw;
    height: 7.617vw;
    background: #17acdc;
    border-radius: 3.809vw;
    margin: 0 1.465vw 2.93vw;
    padding: 0 4.883vw; }
    ul.flexbtn.blue li span {
      color: #fff;
      font-size: 2.832vw;
      letter-spacing: 0.05em;
      font-family: "EB Garamond", serif;
      font-weight: 700;
      line-height: 1;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 7.617vw; }

/**/
.ktlogo {
  width: 8.105vw; }
  .ktlogo img {
    display: block;
    width: 100%; }

.kv_section img {
  width: 100%;
  height: auto; }
.kv_section .order {
  position: absolute;
  left: 5.859vw;
  bottom: -0.023vw; }
.kv_section .atelier25th {
  width: 51.563vw;
  position: absolute;
  top: 9.961vw;
  left: 0;
  z-index: 50; }
  .kv_section .atelier25th span.text {
    font-size: 2.539vw;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.1em;
    color: #17acdc;
    position: absolute;
    left: 21.191vw;
    top: 3.418vw;
    font-family: "EB Garamond", serif; }
.kv_section .copy {
  width: 34.57vw;
  position: absolute;
  left: 5.371vw;
  top: 30.762vw;
  z-index: 50; }
.kv_section .kv_key .mask {
  width: 100%;
  height: 119.141vw;
  overflow: hidden;
  display: flex;
  align-items: center;
  align-items: center;
  -webkit-mask-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/kv_mask.png");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 119.141vw;
  -webkit-mask-position: center top;
  mask-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/kv_mask.png");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 100% 119.141vw;
  mask-position: center top; }
  .kv_section .kv_key .mask img {
    width: 95.996vw; }
  .kv_section .kv_key .mask::after {
    content: '';
    background: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/kv_mask_line.png") no-repeat center top/100% 119.141vw;
    width: 100%;
    height: 119.141vw;
    position: absolute;
    left: 0;
    top: 0; }
.kv_section .kv_key .kv-swiper-container {
  position: relative;
  width: 100%; }
  .kv_section .kv_key .kv-swiper-container .swiper-wrapper {
    width: auto; }
  .kv_section .kv_key .kv-swiper-container .swiper-nav {
    display: flex;
    justify-content: center;
    width: auto;
    align-items: center;
    position: absolute;
    bottom: 1.953vw;
    right: 0vw; }
    .kv_section .kv_key .kv-swiper-container .swiper-nav .swiper-button-next, .kv_section .kv_key .kv-swiper-container .swiper-nav .swiper-button-prev {
      font-size: 2.734vw;
      font-weight: 700;
      background: none;
      color: #17acdc;
      position: static;
      margin: 0 1.5vw;
      width: auto;
      height: auto;
      font-family: "Outfit", sans-serif; }
    .kv_section .kv_key .kv-swiper-container .swiper-nav .swiper-pagination {
      position: static;
      margin: -0.4vw 0 0 0;
      padding: 0; }
      .kv_section .kv_key .kv-swiper-container .swiper-nav .swiper-pagination .swiper-pagination-bullet {
        width: 1.4vw;
        height: 1.4vw;
        border: none;
        border-radius: 0;
        padding: 0;
        margin: 0 0.8vw;
        transform: rotate(45deg);
        background: #ccc;
        opacity: 1;
        transition: background 0.3s; }
        .kv_section .kv_key .kv-swiper-container .swiper-nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
          background: #17acdc; }
.kv_section .kv_key .dots {
  display: block;
  width: 100vw;
  display: block;
  position: absolute;
  left: 0; }
  .kv_section .kv_key .dots .dot {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    .kv_section .kv_key .dots .dot:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-repeat: no-repeat;
      background-size: 100% auto;
      background-position: center top; }
.kv_section .kv_key .kv_dots01 {
  width: 100%;
  height: 4.492vw;
  top: 41.016vw;
  z-index: 50; }
  .kv_section .kv_key .kv_dots01 .dot:before {
    background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/dot01.png");
    animation: 12s fuwafuwa infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.kv_section .kv_key .kv_dots02 {
  width: 100%;
  height: 19.141vw;
  position: absolute;
  top: 90vw;
  left: 0;
  z-index: 50; }
  .kv_section .kv_key .kv_dots02 .dot:before {
    background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/dot02.png");
    animation: 8s fuwafuwar infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.kv_section h1 {
  width: 58.594vw;
  position: absolute;
  left: 50%;
  top: 87.891vw;
  transform: translateX(-78%);
  z-index: 3000; }
.kv_section .title .date {
  width: 100%;
  height: 11.719vw;
  background: #17acdc;
  display: flex;
  align-items: center;
  justify-content: center; }
  .kv_section .title .date b {
    color: #fff;
    font-size: 7.813vw;
    font-weight: 400;
    /*font-weight:700;*/
    letter-spacing: -0.095vw;
    letter-spacing: -0.01em;
    padding-top: 1.8vw; }
  .kv_section .title .date span {
    display: block;
    width: 29.297vw;
    margin-right: 2.832vw; }
.kv_section .pv {
  width: 100%;
  height: 37.305vw;
  background: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/bg.jpg") no-repeat center top/cover;
  padding: 4.102vw 0 0; }
  .kv_section .pv .moviemodal {
    display: block;
    width: 70.898vw;
    height: 26.953vw;
    margin: 0 auto;
    position: relative; }
    .kv_section .pv .moviemodal .mark i {
      text-align: center;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
      .kv_section .pv .moviemodal .mark i em {
        width: 9.766vw;
        height: 9.766vw;
        border: 0.195vw solid #fff;
        border-radius: 50%;
        display: block;
        background: rgba(255, 255, 255, 0.72);
        position: relative; }
        .kv_section .pv .moviemodal .mark i em::after {
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 1.172vw 0 1.172vw 2.148vw;
          border-color: transparent transparent transparent #fe951e;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
    .kv_section .pv .moviemodal .update {
      color: #fe951e;
      font-family: "EB Garamond", serif;
      position: absolute;
      left: 0;
      bottom: 0; }
      .kv_section .pv .moviemodal .update em {
        display: block;
        height: 4.102vw; }
        .kv_section .pv .moviemodal .update em i {
          font-size: 3.711vw;
          display: inline-block;
          height: 100%;
          background: #fff;
          font-weight: bold;
          padding: 0.195vw 0.684vw 0 0.781vw; }
        .kv_section .pv .moviemodal .update em:nth-of-type(3) {
          height: 3.223vw; }
          .kv_section .pv .moviemodal .update em:nth-of-type(3) i {
            font-size: 2.93vw;
            padding: 0 0.684vw 0 0.781vw;
            font-weight: 600; }
        .kv_section .pv .moviemodal .update em + em {
          margin-top: 0.488vw; }
.kv_section .textaera dl {
  padding: 3.395vw 0 0 47.535vw; }
  .kv_section .textaera dl dt {
    font-size: 4.395vw;
    color: #fe951e;
    font-family: "EB Garamond", serif;
    line-height: 1.5;
    letter-spacing: 0.01em; }
  .kv_section .textaera dl dd {
    font-size: 2.832vw;
    font-weight: bold;
    color: #17acdc;
    letter-spacing: 0.13em;
    line-height: 1.5;
    font-family: "EB Garamond", serif; }
    .kv_section .textaera dl dd + dt {
      margin-top: 2.441vw; }

.order.fixed {
  transform: translateY(0%) scale(0) rotate(-120deg);
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  pointer-events: none; }

.scrollnow .order.fixed {
  transform: translateY(0) scale(1) rotate(0);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  pointer-events: auto; }

.swiper-pagination {
  position: static;
  padding: 3.516vw 0 0; }

.swiper-pagination-bullet {
  margin: 0 1.465vw;
  width: 2.93vw;
  height: 2.93vw;
  border: 0.293vw solid #17acdc;
  opacity: 1;
  background: #fff; }
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #17acdc; }

.swiper-container-horizontal > .swiper-scrollbar {
  width: 54.688vw;
  height: 0.391vw;
  background: #17acdc; }

.swiper-pagination.diamond {
  position: static;
  margin: 0; }
  .swiper-pagination.diamond .swiper-pagination-bullet {
    width: 1.758vw;
    height: 1.758vw;
    border-radius: 0;
    padding: 0;
    margin: 0 1.953vw;
    transform: rotate(45deg);
    border: none;
    background: #000;
    opacity: .2; }
    .swiper-pagination.diamond .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #17acdc;
      opacity: 1; }

.swiper-scrollbar-drag {
  height: 1.172vw;
  border-radius: 0.586vw;
  background: #17acdc;
  margin-top: -0.488vw;
  cursor: pointer; }

.swiper-container-horizontal > .swiper-scrollbar {
  bottom: 0.586vw;
  left: 50%;
  transform: translateX(-50%); }

.kv_bnrs {
  padding: 4.445vw 0 7.813vw;
  position: relative; }
  .kv_bnrs .text_link {
    width: 32.617vw;
    position: absolute;
    right: 0vw;
    top: -107.422vw;
    z-index: 50; }
    .kv_bnrs .text_link ul li {
      margin-bottom: 0.977vw;
      width: 32.617vw; }
      .kv_bnrs .text_link ul li a {
        display: block;
        font-size: 2.832vw;
        color: #fff;
        text-align: center;
        font-weight: bold;
        background-color: #17acdc;
        padding: 1.953vw 0vw;
        border: solid 0.391vw #17acdc; }
  .kv_bnrs .swiper-slide {
    text-align: center; }
    .kv_bnrs .swiper-slide a {
      display: inline-block;
      position: relative; }
      .kv_bnrs .swiper-slide a::after {
        content: '';
        width: 100%;
        height: 100%;
        border: 0.195vw solid #17acdc;
        position: absolute;
        left: 0;
        top: 0; }
    .kv_bnrs .swiper-slide img {
      height: 35.156vw;
      display: inline-flex; }
  .kv_bnrs::before {
    content: "";
    width: 100%;
    height: 10.938vw;
    background: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/dot03.png") no-repeat center top/100% auto;
    position: absolute;
    left: 0;
    top: 35.109vw;
    z-index: 50;
    animation: 12s fuwafuwa infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.sns_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 9.766vw; }
  .sns_btns .btn_twitter {
    display: block;
    width: 48.828vw;
    height: 7.813vw;
    border-radius: 3.906vw;
    text-align: center;
    position: relative;
    padding-top: 2.246vw; }
    .sns_btns .btn_twitter:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      border-radius: 3.906vw;
      border: 0.391vw solid #17acdc; }
    .sns_btns .btn_twitter i {
      display: inline-block;
      width: 4.004vw;
      height: 3.125vw;
      vertical-align: middle;
      position: relative; }
      .sns_btns .btn_twitter i:before, .sns_btns .btn_twitter i:after {
        content: "";
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center top;
        position: absolute;
        left: 0;
        top: 0;
        transition: opacity 0.3s; }
      .sns_btns .btn_twitter i:before {
        background-image: url("https://www.koeitecmoamerica.com/ryza3/img/icon_twitter.png"); }
      .sns_btns .btn_twitter i:after {
        background-image: url("https://www.koeitecmoamerica.com/ryza3/img/icon_twitter_white.png");
        opacity: 0; }
    .sns_btns .btn_twitter span {
      display: inline-block;
      font-size: 2.734vw;
      font-weight: 600;
      font-family: "EB Garamond", serif;
      color: #17acdc;
      vertical-align: middle;
      letter-spacing: 0.1em;
      margin-left: 1.758vw; }
  .sns_btns .sns_btns_wrap {
    display: flex;
    align-items: center; }
    .sns_btns .sns_btns_wrap h2 {
      font-size: 2.734vw;
      font-weight: bold;
      font-family: "EB Garamond", serif;
      color: #17acdc;
      vertical-align: middle;
      letter-spacing: 0.1em; }
    .sns_btns .sns_btns_wrap ul {
      display: flex;
      align-items: center; }
      .sns_btns .sns_btns_wrap ul li {
        margin-left: 2.93vw; }
        .sns_btns .sns_btns_wrap ul li a {
          display: block; }
          .sns_btns .sns_btns_wrap ul li a img {
            display: block;
            width: 100%; }
    .sns_btns .sns_btns_wrap .icon_twitter {
      width: 4.98vw; }
    .sns_btns .sns_btns_wrap .icon_line {
      width: 4.492vw; }
    .sns_btns .sns_btns_wrap .icon_facebook {
      width: 4.492vw; }

.topics {
  padding: 0 0 0;
  z-index: 101; }
  .topics .swiper-wrapper {
    padding-bottom: 9.18vw; }
  .topics .swiper-slide {
    width: 59.57vw;
    height: 67.383vw;
    margin-right: 3.516vw;
    border-radius: 1.367vw;
    overflow: hidden;
    background: #f3f3f3; }
    .topics .swiper-slide::before {
      content: '';
      width: 100%;
      height: 100%;
      border: 0.391vw solid #17acdc;
      position: absolute;
      left: 0;
      top: 0;
      pointer-events: none;
      border-radius: 1.367vw; }
    .topics .swiper-slide i {
      display: block;
      height: 33.203vw;
      background-size: cover;
      background-position: center center; }
    .topics .swiper-slide .text {
      padding: 3.906vw; }
      .topics .swiper-slide .text header {
        font-size: 2.734vw;
        line-height: 1;
        color: #fe951e;
        letter-spacing: 0.13em;
        font-family: "EB Garamond", serif;
        font-weight: 700; }
      .topics .swiper-slide .text p {
        font-family: "EB Garamond", serif;
        font-size: 2.93vw;
        line-height: 1.6;
        color: #4e4e4e;
        margin: 2.734vw 0 0;
        letter-spacing: 0.13em; }
        .topics .swiper-slide .text p a {
          text-decoration: underline;
          font-weight: 400; }

.story_section {
  margin: 38.9vw 0 0; }
  .story_section .wrap h2 {
    font-size: 11.23vw;
    color: #17acdc;
    text-align: center; }
  .story_section .wrap .catch {
    text-align: center;
    margin-top: 3.883vw; }
    .story_section .wrap .catch em {
      font-size: 4.199vw;
      letter-spacing: 0.05em;
      font-family: "EB Garamond", serif;
      background: #fe951e;
      color: #fff;
      padding: 0.977vw 2.734vw 1.172vw;
      display: inline-block;
      font-weight: 600; }
  .story_section .wrap .text {
    font-family: "EB Garamond", serif;
    font-size: 3.32vw;
    font-weight: 600;
    line-height: 1.55;
    text-align: center;
    margin: 3.906vw 0 0;
    letter-spacing: 0.04em; }
    .story_section .wrap .text b {
      font-weight: 600;
      color: #17acdc;
      font-size: 4.297vw; }
  .story_section .story_bg_layer {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100vw; }
    .story_section .story_bg_layer .dot:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center; }
    .story_section .story_bg_layer .dots01 {
      height: 16.016vw;
      width: 100%;
      top: -27.93vw;
      left: 0;
      position: absolute;
      z-index: 1; }
      .story_section .story_bg_layer .dots01 .dot01:before {
        background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/story/dot01.png");
        animation: 12s fuwafuwa infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .story_section .story_bg_layer .dots01 .dot02:before {
        background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/story/dot02.png");
        animation: 8s fuwafuwar infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .story_section .story_bg_layer .dots02 {
      height: 6.934vw;
      width: 100%;
      bottom: -17.578vw;
      left: 0;
      position: absolute;
      z-index: 1; }
      .story_section .story_bg_layer .dots02 .dot01:before {
        background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/story/dot03.png");
        animation: 9s fuwafuwar infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .story_section .story_bg_layer .circle-left {
      position: absolute;
      left: -8.129vw;
      top: -56.664vw;
      z-index: 0;
      pointer-events: none;
      width: 46.68vw;
      height: 46.68vw; }
      .story_section .story_bg_layer .circle-left i:nth-child(1) {
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/story/circle-left.png") no-repeat center top/cover;
        width: 46.68vw;
        height: 46.68vw;
        display: block; }
      .story_section .story_bg_layer .circle-left i:nth-child(2) {
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/story/circle-left_line.png") no-repeat center center/cover;
        width: 26.953vw;
        height: 26.953vw;
        position: absolute;
        left: 20vw;
        top: 27.8vw;
        z-index: -1;
        animation: r1 36s cubic-bezier(0, 0, 1, 1) infinite; }
    .story_section .story_bg_layer .circle-right {
      position: absolute;
      right: -5.273vw;
      top: auto;
      bottom: -41.016vw;
      z-index: 0;
      pointer-events: none;
      width: 30.566vw;
      height: 30.566vw; }
      .story_section .story_bg_layer .circle-right i:nth-child(1) {
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/story/circle-right.png") no-repeat center top/cover;
        width: 30.566vw;
        height: 30.566vw;
        display: block; }
      .story_section .story_bg_layer .circle-right i:nth-child(2) {
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/story/circle-right_line.png") no-repeat center center/cover;
        width: 26vw;
        height: 26vw;
        position: absolute;
        right: 9.645vw;
        bottom: 11vw;
        z-index: -1;
        animation: r1 36s cubic-bezier(0, 0, 1, 1) infinite; }

.about_section {
  margin: 37.109vw 0 0; }
  .about_section .dots {
    display: block;
    width: 100%;
    display: block;
    position: absolute;
    left: 0; }
    .about_section .dots .dot {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
      .about_section .dots .dot:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center top; }
  .about_section .about_section-dots01 {
    top: -9.766vw;
    height: 29.297vw;
    z-index: -1; }
    .about_section .about_section-dots01 .dot:before {
      background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/about/bg02.png");
      animation: 9s fuwafuwar infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .about_section .wrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between; }
    .about_section .wrap header {
      background: url("https://www.koeitecmoamerica.com/ryza3/img/top/about/h2.png") no-repeat left top/cover;
      height: 90.332vw;
      width: 18.066vw;
      position: relative; }
      .about_section .wrap header i {
        width: 4.199vw;
        height: 4.199vw;
        background: url("https://www.koeitecmoamerica.com/ryza3/img/icon_point.png") no-repeat left top/cover;
        position: absolute;
        left: 6.641vw;
        top: 6.348vw;
        animation: r1 16s cubic-bezier(0, 0, 1, 1) infinite;
        pointer-events: none; }
      .about_section .wrap header h2 {
        display: flex;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        width: 100%;
        opacity: 0;
        justify-content: center;
        align-items: center; }
        .about_section .wrap header h2 span {
          font-size: 11.355vw;
          letter-spacing: -0.01em;
          font-weight: 700;
          font-family: "EB Garamond", serif;
          padding: 12.5vw 0 0; }
        .about_section .wrap header h2 b {
          font-size: 2.249vw;
          letter-spacing: 0.05em;
          font-weight: 700;
          font-family: "EB Garamond", serif;
          padding: 3.711vw 1.855vw 0 0; }
          .about_section .wrap header h2 b small {
            font-size: 1.574vw;
            position: relative;
            right: 0.781vw; }
    .about_section .wrap .movie {
      width: 79.102vw;
      position: relative;
      border-radius: 0 5.469vw 5.469vw 0;
      overflow: hidden;
      background: #000; }
      .about_section .wrap .movie img {
        width: 100vw;
        height: auto; }
      .about_section .wrap .movie .moviemodal i {
        text-align: center;
        font-size: 2.539vw;
        letter-spacing: -0.01em;
        color: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-family: "EB Garamond", serif; }
        .about_section .wrap .movie .moviemodal i em {
          width: 16.992vw;
          height: 16.992vw;
          border: 0.195vw solid #fff;
          border-radius: 50%;
          display: block;
          background: rgba(255, 255, 255, 0.48);
          margin-bottom: 2.637vw;
          position: relative; }
          .about_section .wrap .movie .moviemodal i em::after {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 1.416vw 0 1.416vw 2.539vw;
            border-color: transparent transparent transparent #fe951e;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); }
  .about_section .text_wrap {
    margin: 5.859vw 5.859vw 0;
    padding: 11.695vw 0 7.766vw;
    border: 0.488vw solid #17acdc;
    border-radius: 4.395vw;
    background: url("https://www.koeitecmoamerica.com/ryza3/img/top/about/bg01.jpg") no-repeat center top/cover #f3f3f3;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .about_section .text_wrap header {
      margin-bottom: 3.395vw; }
      .about_section .text_wrap header h2 {
        font-size: 5.469vw;
        line-height: 1.4;
        letter-spacing: 0.06em;
        color: #17acdc;
        font-weight: 600;
        font-family: "EB Garamond", serif; }
        .about_section .text_wrap header h2 b {
          font-size: 8.789vw;
          letter-spacing: 0.08em;
          color: #fe951e;
          line-height: 1.06;
          font-weight: 600;
          display: block; }
    .about_section .text_wrap .text {
      padding-top: 4.395vw;
      position: relative; }
      .about_section .text_wrap .text::before {
        content: '';
        width: 54.688vw;
        height: 0.391vw;
        background: #17acdc;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -27.344vw; }
      .about_section .text_wrap .text p {
        font-size: 3.906vw;
        line-height: 1.3;
        font-family: "EB Garamond", serif;
        letter-spacing: 0.05em; }
      .about_section .text_wrap .text .btn {
        margin: 3.906vw auto 0; }

.character_section {
  margin: 9.766vw 0 0; }
  .character_section .wrap {
    padding: 0 2.93vw 0; }
    .character_section .wrap h2 {
      width: 17.285vw;
      height: 117.188vw;
      margin-bottom: 31.543vw;
      position: relative; }
      .character_section .wrap h2 i {
        width: 4.199vw;
        height: 4.199vw;
        background: url("https://www.koeitecmoamerica.com/ryza3/img/icon_point.png") no-repeat left top/cover;
        position: absolute;
        left: 6.641vw;
        top: 14.258vw;
        animation: r1 16s cubic-bezier(0, 0, 1, 1) infinite;
        pointer-events: none; }
      .character_section .wrap h2 img {
        width: 100%;
        height: auto; }
    .character_section .wrap .character_bg_layer {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100vw;
      z-index: 101; }
      .character_section .wrap .character_bg_layer .dot:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center; }
      .character_section .wrap .character_bg_layer .dots01 {
        width: 20.801vw;
        height: 11.328vw;
        top: 98.828vw;
        left: 11.328vw;
        position: absolute;
        z-index: 1; }
        .character_section .wrap .character_bg_layer .dots01 .dot01:before {
          background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_chara.png");
          animation: 12s fuwafuwa infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .character_section .wrap .img {
      width: 100vw;
      position: absolute;
      left: 0;
      top: -1.172vw;
      pointer-events: none;
      z-index: 102; }
      .character_section .wrap .img img {
        width: 100%;
        height: auto; }
    .character_section .wrap .text {
      position: relative;
      width: 94.141vw;
      background: #f3f3f3;
      left: 2.93vw;
      border: 0.488vw solid #17acdc;
      border-radius: 4.395vw 0 0 4.395vw;
      padding: 9.742vw 2.8vw 9.766vw 6.813vw; }
      .character_section .wrap .text h3 {
        font-size: 5.566vw;
        line-height: 1;
        color: #fe951e;
        font-weight: 600;
        font-family: "EB Garamond", serif;
        letter-spacing: 0.013em; }
        .character_section .wrap .text h3 b {
          font-size: 4.736vw;
          display: block;
          color: #17acdc;
          font-weight: 600;
          margin: 2.53vw 0 0;
          white-space: nowrap; }
      .character_section .wrap .text p {
        font-size: 3.906vw;
        line-height: 1.3;
        margin-top: 4.297vw;
        font-family: "EB Garamond", serif;
        letter-spacing: 0.03em;
        padding: 0 1.465vw 0 0.488vw; }

.bonus_section {
  margin-top: 17.383vw; }
  .bonus_section .dots {
    display: block;
    width: 100%;
    display: block;
    position: absolute;
    left: 0; }
    .bonus_section .dots .dot {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
      .bonus_section .dots .dot:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center top; }
  .bonus_section .bonus_section-dots01 {
    top: -7.52vw;
    height: 20.02vw;
    z-index: -1; }
    .bonus_section .bonus_section-dots01 .dot01:before {
      background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bonus/bg_dot01.png") no-repeat center top/100% auto;
      animation: 8s fuwafuwa infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .bonus_section .bonus_section-dots01 .dot02:before {
      background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bonus/bg_dot02.png") no-repeat center top/100% auto;
      animation: 10s fuwafuwar infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .bonus_section .wrap {
    background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bonus/bg01.png") no-repeat center top/100% auto;
    min-height: 176.563vw;
    height: auto;
    width: 100vw; }
    .bonus_section .wrap header {
      height: 56.152vw;
      text-align: center;
      color: #fff;
      padding: 21.387vw 0 0; }
      .bonus_section .wrap header span {
        font-size: 4.297vw;
        letter-spacing: 0.13em;
        display: block; }
      .bonus_section .wrap header b {
        font-size: 8.789vw;
        letter-spacing: 0.01em;
        line-height: 1.06;
        font-family: "EB Garamond", serif;
        font-weight: 700;
        margin: 1.758vw 0 0;
        display: block; }
    .bonus_section .wrap h3 {
      margin: -13.184vw 0 0 0;
      padding: 0 12.305vw; }
      .bonus_section .wrap h3 span {
        justify-content: center;
        font-family: "EB Garamond", serif;
        font-size: 4.102vw;
        font-weight: 600;
        letter-spacing: 0.03em;
        text-align: center;
        color: #fff;
        height: auto;
        background: #fe951e;
        display: flex;
        align-items: center;
        padding-bottom: 0.5vw; }
    .bonus_section .wrap .texts {
      margin: 0 5.859vw;
      padding: 8.789vw 0 0 0;
      border-radius: 0 0 43.945vw 43.945vw;
      background-color: #e5e5e5; }
    .bonus_section .wrap p {
      margin: 4.883vw 0 0;
      padding: 0 6.152vw; }
      .bonus_section .wrap p span {
        font-size: 3.369vw;
        letter-spacing: 0.09em;
        line-height: 1.48;
        text-align: left;
        font-family: "EB Garamond", serif; }
        .bonus_section .wrap p span.note {
          font-size: 2.93vw;
          letter-spacing: 0em;
          line-height: 1.2; }
        .bonus_section .wrap p span b {
          color: #fe951e; }
    .bonus_section .wrap p.img.bonus_savedata01 {
      padding: 0;
      margin-top: 4.883vw;
      margin-left: 1.953vw; }
    .bonus_section .wrap p.img.bonus_savedata02 {
      padding: 0;
      margin-top: 4.883vw;
      margin-left: -4.102vw; }
    .bonus_section .wrap p.img.bonus_savedata03 {
      padding: 0;
      margin-top: 4.883vw;
      margin-left: -4.004vw; }
    .bonus_section .wrap p.img {
      padding: 0;
      margin-top: 6.934vw; }
    .bonus_section .wrap .btn {
      position: absolute;
      left: 50%;
      bottom: 14.648vw;
      transform: translate(-50%, 0); }
    .bonus_section .wrap img {
      width: 100%;
      height: auto; }

.circles {
  position: relative;
  height: 0;
  width: 100%;
  pointer-events: none; }
  .circles .circle {
    position: absolute;
    left: 0;
    top: 11vw;
    display: inline-block; }
    .circles .circle span {
      position: absolute;
      left: 0;
      top: 0;
      display: block; }
    .circles .circle img {
      width: 100%;
      height: auto; }
  .circles .circle:nth-child(1) {
    left: -42.945vw; }
    .circles .circle:nth-child(1) span:nth-child(1) {
      width: 60.547vw;
      animation: r1 36s cubic-bezier(0, 0, 1, 1) infinite; }
    .circles .circle:nth-child(1) span:nth-child(2) {
      width: 60.547vw;
      animation: r1 24s cubic-bezier(0, 0, 1, 1) infinite reverse; }
  .circles .circle:nth-child(2) {
    left: auto;
    right: -8.789vw;
    top: 126.953vw;
    width: 27.93vw; }
    .circles .circle:nth-child(2) span {
      width: 27.93vw;
      animation: r1 36s cubic-bezier(0, 0, 1, 1) infinite; }
  .circles .circle:nth-child(3) {
    left: auto;
    right: -10.742vw;
    top: 286.523vw;
    width: 61.426vw;
    z-index: 1; }
    .circles .circle:nth-child(3) span:nth-child(1) {
      animation: r1 36s cubic-bezier(0, 0, 1, 1) infinite; }
  .circles .circle:nth-child(4) {
    left: auto;
    right: -21.484vw;
    top: 292.266vw;
    width: 68.359vw;
    z-index: 0; }
    .circles .circle:nth-child(4) span:nth-child(1) {
      width: 68.359vw;
      animation: r1 36s cubic-bezier(0, 0, 1, 1) infinite; }
  .circles .circle:nth-child(5) {
    left: -10.742vw;
    top: 357.102vw;
    width: 35.938vw; }
    .circles .circle:nth-child(5) span:nth-child(1) {
      width: 35.938vw;
      animation: r1 36s cubic-bezier(0, 0, 1, 1) infinite; }

.products_section_trigger {
  width: 100%;
  height: 2vw; }

.products_section {
  padding: 0 6.543vw;
  margin-top: 15.923vw; }
  .products_section:before {
    content: "";
    width: 11.719vw;
    height: 11.719vw;
    background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg07.png") no-repeat center center/contain;
    position: absolute;
    top: -13.477vw;
    right: 6.152vw; }
  .products_section h2 {
    color: #17acdc;
    font-size: 11.23vw;
    letter-spacing: 0.01em;
    text-align: center;
    margin-bottom: 6.398vw; }
  .products_section .wrap {
    display: flex;
    flex-direction: column; }
  .products_section .product {
    background: #f3f3f3;
    position: relative;
    border-radius: 1.367vw;
    overflow: hidden;
    padding: 5.273vw 3.516vw 13.648vw; }
    .products_section .product.tab {
      padding-bottom: 7.648vw; }
    .products_section .product::after {
      content: '';
      border: 0.391vw solid #17acdc;
      width: 100%;
      height: 100%;
      pointer-events: none;
      position: absolute;
      left: 0;
      top: 0;
      border-radius: 1.367vw; }
    .products_section .product img {
      width: 100%;
      height: auto; }
    .products_section .product h3 {
      text-align: center;
      font-size: 5.469vw;
      color: #17acdc;
      padding: 7.273vw 0 0;
      position: relative;
      font-family: "EB Garamond", serif;
      font-weight: 600; }
      .products_section .product h3::after {
        content: '';
        width: 73.242vw;
        height: 0.293vw;
        background: #17acdc;
        position: absolute;
        left: 50%;
        bottom: -2.148vw;
        margin-left: -36.621vw; }
    .products_section .product h4 {
      text-align: center;
      font-size: 3.418vw;
      letter-spacing: 0.1em;
      color: #17acdc;
      padding: 8.789vw 0 0;
      position: relative;
      font-weight: 700; }
    .products_section .product h3 ~ p {
      font-size: 2.93vw;
      text-align: center;
      letter-spacing: 0.15em;
      margin-top: 3.711vw;
      font-weight: 700; }
      .products_section .product h3 ~ p b {
        font-size: 4.492vw; }
    .products_section .product ~ .product {
      margin-top: 7.813vw; }
    .products_section .product .toggle_box {
      display: none;
      padding: 0vw 2.344vw 0;
      margin-top: 3.906vw;
      overflow: hidden; }
      .products_section .product .toggle_box li,
      .products_section .product .toggle_box p {
        font-size: 3.027vw;
        line-height: 4.98vw;
        opacity: 0;
        transition: opacity 0.3s;
        letter-spacing: 0.13em;
        color: #4e4e4e;
        font-family: "EB Garamond", serif; }
      .products_section .product .toggle_box p + ul.notes {
        margin-top: 2.93vw; }
      .products_section .product .toggle_box ul.notes li {
        font-size: 2.637vw;
        line-height: 4.492vw;
        letter-spacing: 0.05em;
        font-weight: 500;
        padding-left: 1em;
        text-indent: -1em; }
    .products_section .product.open .toggle_box {
      /*display: block;*/
      height: 100%; }
      .products_section .product.open .toggle_box li,
      .products_section .product.open .toggle_box p {
        opacity: 1; }
    .products_section .product.open .opener span::after, .products_section .product.open .opener span::before {
      transform: scale(1, -1); }
    .products_section .product.open .opener span i {
      display: none; }
    .products_section .product.open .opener span i + i {
      display: block; }
    .products_section .product .flexbtn li {
      padding: 0 2.9vw;
      font-weight: 600; }
    .products_section .product .flexbtn li span {
      font-size: 3.32vw;
      font-family: "EB Garamond", serif;
      font-weight: 600; }
      .products_section .product .flexbtn li span em {
        font-size: 75%;
        display: inline-block;
        transform: translateY(-1vw); }
    .products_section .product h3 ~ p + .flexbtn {
      margin-top: 8.594vw; }
  .products_section .product:nth-child(1) {
    order: 1; }
  .products_section .product:nth-child(2) {
    order: 2; }
  .products_section .product:nth-child(3) {
    order: 3; }
  .products_section .product:nth-child(4) {
    order: 4; }
  .products_section .opener {
    display: block;
    width: 39.063vw;
    height: 10.547vw;
    background: #17acdc;
    border-radius: 5.273vw;
    position: absolute;
    left: 50%;
    bottom: -4.004vw;
    transform: translate(-50%, 0);
    text-align: center; }
    .products_section .opener span {
      font-size: 2.93vw;
      letter-spacing: 0.15em;
      font-weight: 400;
      color: #fff;
      display: inline-block;
      text-align: center;
      font-family: "EB Garamond", serif;
      padding: 1.758vw 5.859vw 0;
      position: relative; }
      .products_section .opener span i + i {
        display: none; }
      .products_section .opener span::before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 1.563vw 0.879vw 0 0.879vw;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        left: 0;
        top: 2.344vw; }
      .products_section .opener span::after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 1.563vw 0.879vw 0 0.879vw;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        right: 0;
        top: 2.344vw; }
  .products_section .product_countries h3 {
    color: #fe951e;
    font-size: 5.273vw;
    font-weight: 600;
    font-family: "EB Garamond", serif;
    padding: 0 0 4.1vw;
    margin-top: 6.227vw;
    letter-spacing: 0.125em; }
    .products_section .product_countries h3:before {
      content: "";
      width: 100%;
      height: 3.516vw;
      background: url("https://www.koeitecmoamerica.com/ryza3/img/top/products/bg_line.png") no-repeat center center/auto 100%;
      position: absolute;
      left: 0;
      bottom: 0; }
    .products_section .product_countries h3:after {
      content: none; }
  .products_section .product_countries .countries_btn_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 4.883vw;
    margin-top: 8.5vw; }
    .products_section .product_countries .countries_btn_wrap .countries_btn {
      width: 15.918vw;
      padding: 0 2.539vw 3.125vw;
      position: relative;
      cursor: pointer; }
      .products_section .product_countries .countries_btn_wrap .countries_btn:nth-of-type(n + 5) {
        margin-top: 5.664vw; }
      .products_section .product_countries .countries_btn_wrap .countries_btn:before {
        content: "";
        width: 1.563vw;
        height: 1.563vw;
        background: #fe951e;
        border-radius: 50%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transition: opacity 0.3s;
        opacity: 0; }
      .products_section .product_countries .countries_btn_wrap .countries_btn.digital {
        padding: 0 0 0; }
        .products_section .product_countries .countries_btn_wrap .countries_btn.digital span {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 15.625vw;
          height: 7.227vw;
          border-radius: 3.516vw;
          background: #17acdc;
          text-align: center;
          padding-top: 0.488vw; }
          .products_section .product_countries .countries_btn_wrap .countries_btn.digital span i {
            color: #fff;
            font-family: "EB Garamond", serif;
            font-size: 2.295vw;
            line-height: 1;
            letter-spacing: 0.1em; }
      .products_section .product_countries .countries_btn_wrap .countries_btn.countries_btn_active:before {
        opacity: 1; }
  .products_section .product_countries .countries_products_wrap .country_box {
    display: none; }
    .products_section .product_countries .countries_products_wrap .country_box .product_box {
      opacity: 0;
      transition: opacity 0.5s; }
      .products_section .product_countries .countries_products_wrap .country_box .product_box + .product_box {
        margin-top: 3vw; }
      .products_section .product_countries .countries_products_wrap .country_box .product_box h4 {
        display: block;
        padding: 9.789vw 0 0;
        letter-spacing: 0.16em;
        font-family: "EB Garamond", serif; }
        .products_section .product_countries .countries_products_wrap .country_box .product_box h4 span {
          position: relative;
          display: inline-block;
          padding-bottom: 1.6vw; }
          .products_section .product_countries .countries_products_wrap .country_box .product_box h4 span:before {
            content: "";
            width: 100%;
            height: 1px;
            position: absolute;
            left: 0;
            bottom: 0;
            background: #17acdc; }
      .products_section .product_countries .countries_products_wrap .country_box .product_box ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 3.906vw; }
        .products_section .product_countries .countries_products_wrap .country_box .product_box ul li {
          width: 31.055vw;
          margin-left: 1.465vw;
          margin-right: 1.465vw; }
          .products_section .product_countries .countries_products_wrap .country_box .product_box ul li:nth-of-type(n + 3) {
            margin-top: 3.223vw; }
    .products_section .product_countries .countries_products_wrap .country_box.country_box_active {
      display: block; }
    .products_section .product_countries .countries_products_wrap .country_box.country_box_fadein .product_box {
      opacity: 1; }
  .products_section .product .toggle_box .notes {
    border: 0.195vw solid #17acdc;
    margin: 7.617vw auto 0;
    padding: 3.906vw 5.859vw; }
    .products_section .product .toggle_box .notes li {
      font-size: 2.539vw;
      letter-spacing: 0.05em;
      text-indent: -1em;
      padding-left: 1em;
      color: #17acdc;
      font-weight: 500;
      line-height: 2;
      font-weight: 500;
      font-family: "EB Garamond", serif;
      line-height: 1.76; }
  .products_section .box_inner h4 {
    text-align: left;
    font-weight: 600;
    padding-top: 3.906vw;
    font-family: "EB Garamond", serif;
    line-height: 4.98vw; }
    .products_section .box_inner h4 span {
      display: block;
      text-indent: 1em; }

.spec_section {
  padding: 11.719vw 0 33.105vw;
  text-align: center; }
  .spec_section::before {
    content: '';
    background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_spec.png") no-repeat center top/100% auto;
    width: 100vw;
    height: 197.07vw;
    position: absolute;
    left: 0;
    top: 12.952vw;
    pointer-events: none; }
  .spec_section i.line {
    width: 5.273vw;
    height: 21.387vw;
    background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_line02.png") no-repeat center center/cover;
    display: block;
    position: absolute;
    left: 50%;
    top: 11.719vw;
    transform: translate(-50%, 0%); }
    .spec_section i.line + i.line {
      top: auto;
      bottom: 0; }
  .spec_section h2 {
    padding: 29.297vw 0 0;
    margin-bottom: 9.008vw; }
    .spec_section h2 img {
      width: 100%;
      height: auto; }
  .spec_section .list {
    color: #17acdc; }
    .spec_section .list h3 {
      font-size: 6.934vw;
      letter-spacing: -0.01em;
      font-family: "EB Garamond", serif;
      font-weight: 600; }
    .spec_section .list p {
      font-size: 3.516vw;
      line-height: 1.58;
      letter-spacing: 0.05em;
      margin-top: 0.8vw;
      font-family: "EB Garamond", serif;
      font-weight: 600; }
      .spec_section .list p b {
        font-size: 4.297vw; }
  .spec_section .list + .list {
    margin-top: 5.371vw; }
  .spec_section .flex {
    justify-content: center;
    align-items: flex-start;
    display: flex;
    margin-top: 5.371vw;
    margin-bottom: 5.371vw; }
    .spec_section .flex .list {
      padding: 0 5.859vw; }
    .spec_section .flex .list + .list {
      margin-top: 0; }

.end_contents {
  background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_end.png") no-repeat center top/cover;
  height: 133.398vw;
  margin: 0.977vw 0 0; }
  .end_contents h2 {
    position: absolute;
    left: 0.977vw;
    bottom: -0.977vw;
    width: 62.5vw;
    text-align: left;
    font-size: 9.18vw;
    letter-spacing: 0em;
    color: #fff;
    font-weight: 500;
    display: none; }
  .end_contents i.point {
    width: 4.199vw;
    height: 4.199vw;
    background: url("https://www.koeitecmoamerica.com/ryza3/img/icon_point.png") no-repeat left top/cover;
    position: absolute;
    left: 24.609vw;
    bottom: 11.23vw;
    animation: r1 16s cubic-bezier(0, 0, 1, 1) infinite;
    pointer-events: none; }
  .end_contents .wrap {
    height: 133.398vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0px 0 37.508vw 5.859vw; }
    .end_contents .wrap .btns {
      width: 56.641vw;
      padding-bottom: 2.93vw; }
      .end_contents .wrap .btns li {
        padding-bottom: 2.93vw; }
      .end_contents .wrap .btns a {
        width: 56.641vw;
        height: 16.602vw;
        background: #fe951e;
        border-radius: 8.301vw;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 700;
        text-align: center; }
        .end_contents .wrap .btns a span {
          color: #fff;
          font-size: 5.664vw;
          letter-spacing: 0.03em;
          padding-top: 0.8vw;
          font-family: "EB Garamond", serif; }
          .end_contents .wrap .btns a span i {
            font-family: "EB Garamond", serif;
            font-weight: 200;
            font-size: 2.539vw;
            display: block;
            margin-top: 1.758vw; }
      .end_contents .wrap .btns.sns a {
        width: 46.875vw;
        height: 12.109vw;
        background: #fff;
        border-radius: 6.055vw;
        overflow: hidden;
        border: 0.293vw solid #17acdc; }
        .end_contents .wrap .btns.sns a img {
          height: 100%;
          width: auto; }
        .end_contents .wrap .btns.sns a em {
          position: absolute;
          left: 0;
          width: 100%;
          text-align: center;
          z-index: 10;
          color: #17acdc;
          font-weight: 600;
          font-size: 2.539vw;
          letter-spacing: -0.01em;
          font-family: "EB Garamond", serif;
          padding-right: 1.953vw; }

#contents .zoomimg::after {
  bottom: 0.85vw; }

@media screen and (max-width: 767px) {
  .products_section .product.no-frame {
    background: none;
    overflow: visible; }
    .products_section .product.no-frame .dots {
      position: absolute;
      left: 50%;
      top: 3.5vw;
      width: 100vw;
      height: 166.016vw;
      z-index: -1;
      transform: translateX(-50%);
      overflow: visible; }
      .products_section .product.no-frame .dots .dot {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0vw;
        z-index: 10; }
        .products_section .product.no-frame .dots .dot:before {
          content: "";
          width: 100%;
          height: 100%;
          background-repeat: no-repeat;
          background-position: center top;
          background-size: 100% auto;
          position: absolute;
          left: 0;
          top: 0; }
      .products_section .product.no-frame .dots .dot01:before {
        background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/products/dot01_01.png");
        animation: 8s fuwafuwa infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .products_section .product.no-frame .dots .dot02:before {
        background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/products/dot01_02.png");
        animation: 10s fuwafuwar infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .products_section .product.no-frame .dots .dot03:before {
        background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/products/dot01_03.png");
        animation: 12s fuwafuwar infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .products_section .product.no-frame .dots .dot04:before {
        background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/products/dot01_04.png");
        animation: 10s fuwafuwa infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .products_section .product.no-frame:before {
      content: '';
      background: url(https://www.koeitecmoamerica.com/ryza3/img/top/products/bg_sky.jpg) no-repeat center top/cover;
      height: 35.352vw;
      position: absolute;
      left: 50%;
      top: 10.648vw;
      z-index: 0;
      width: 100vw;
      transform: translateX(-50%); }
    .products_section .product.no-frame:after {
      content: none; }
    .products_section .product.no-frame .toggle_box {
      display: block; }
      .products_section .product.no-frame .toggle_box .box_wrap {
        display: block; }
      .products_section .product.no-frame .toggle_box p, .products_section .product.no-frame .toggle_box li {
        opacity: 1; }

  .circles .circle:nth-child(3) {
    display: none; }

  .circles .circle:nth-child(4) {
    display: none; }

  .circles .circle:nth-child(5) {
    display: none; } }
@media screen and (min-width: 768px) {
  /***************************
  
    PC
  
  *****************************/
  body.open_popup {
    overflow: hidden; }

  .bg_onetime_popup {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 39999;
    width: 100vw;
    height: 100vh;
    background-color: white;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s; }

  body.open_popup .bg_onetime_popup {
    opacity: 1;
    visibility: visible; }

  .onetime_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 640px;
    padding: 5vh 0; }

  .onetime_popup_title_box {
    position: relative; }

  .onetime_popup_title_close {
    position: absolute;
    top: -14px;
    right: -14px;
    width: 120px;
    height: 120px;
    transform: translateY(0%);
    cursor: pointer; }

  .onetime_popup_title_close::before,
  .onetime_popup_title_close::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 3px;
    background-color: #17acdc;
    content: ""; }

  .onetime_popup_title_close::before {
    transform: translateX(-50%) translateY(-50%) rotate(45deg); }

  .onetime_popup_title_close::after {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg); }

  .onetime_popup_content {
    text-align: center;
    height: 90vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }

  .onetime_popup_content img {
    width: 100%;
    height: 100%; }

  .pc_floatingorder {
    display: none !important; }

  .order {
    left: 86px;
    bottom: 20px;
    z-index: 1100;
    width: 254px;
    height: 254px; }
    .order a::before {
      content: none;
      width: 160px;
      height: 3px;
      z-index: 100; }
    .order a b {
      width: 218px;
      height: 218px;
      border: 2px solid #fff;
      transition: 0.3s; }
      .order a b em {
        font-size: 47px;
        top: -60px; }
      .order a b span {
        font-size: 36px;
        top: 6px;
        text-align: center; }
    .order a:hover b {
      transform: scale(1.08);
      transition: 0.3s; }

  .order.fixed {
    transform: translateY(0%) scale(0) rotate(-120deg);
    transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    pointer-events: none; }

  .scrollnow .order.fixed {
    transform: translateY(0) scale(1) rotate(0);
    transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    pointer-events: auto; }

  .btn {
    width: 202px;
    height: 40px;
    border-radius: 20px;
    margin: 0 auto 0;
    border: 2px solid #fe951e;
    transition: 0.3s; }
    .btn span {
      font-size: 18.4px;
      height: 36px;
      transition: 0.3s; }
    .btn:hover {
      background-color: #fff; }
      .btn:hover span {
        color: #fe951e; }

  ul.flexbtn {
    margin: 60px auto -10px; }
    ul.flexbtn li {
      min-width: 206px;
      height: 40px;
      border-radius: 20px;
      margin: 0 7px 14px;
      padding: 0 25px;
      border: 2px solid #fe951e;
      transition: 0.3s; }
      ul.flexbtn li span {
        color: #fff;
        font-size: 15px;
        height: 36px;
        transition: 0.3s; }
      ul.flexbtn li:hover {
        background-color: #fff; }
        ul.flexbtn li:hover span {
          color: #fe951e; }

  ul.flexbtn.blue {
    margin: 60px auto -10px; }
    ul.flexbtn.blue li {
      min-width: 206px;
      height: 40px;
      border-radius: 20px;
      margin: 0 7px 14px;
      padding: 0 25px;
      border: 2px solid #17acdc;
      transition: 0.3s; }
      ul.flexbtn.blue li span {
        color: #fff;
        font-size: 15px;
        height: 36px;
        transition: 0.3s; }
      ul.flexbtn.blue li:hover {
        background-color: #fff; }
        ul.flexbtn.blue li:hover span {
          color: #17acdc; }

  .ktlogo {
    width: 100%; }
    .ktlogo span {
      width: 46px; }

  .swiper-pagination {
    position: static;
    padding: 3.516vw 0 0; }

  .swiper-pagination-bullet {
    margin: 0 1.465vw;
    width: 2.93vw;
    height: 2.93vw;
    border: 0.293vw solid #17acdc;
    opacity: 1;
    background: #fff; }
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #17acdc; }

  .swiper-container-horizontal > .swiper-scrollbar {
    width: 320px;
    height: 2px; }

  .swiper-scrollbar-drag {
    height: 7px;
    border-radius: 3px;
    background: #17acdc;
    margin-top: -3px; }

  .swiper-container-horizontal > .swiper-scrollbar {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }

  .kv_wrap {
    padding: 69px 0 0;
    position: relative; }

  .kv_section {
    position: relative; }
    .kv_section .order {
      left: 57.333px;
      bottom: 13.333px;
      z-index: 1100;
      width: 169.332px;
      height: 169.332px;
      position: absolute;
      left: auto;
      right: 50%;
      bottom: auto;
      top: 492.662px;
      display: block;
      z-index: 100;
      margin-right: 223.998px; }
      .kv_section .order a:before {
        content: none; }
      .kv_section .order a b {
        width: 145.332px;
        height: 145.332px;
        border: 1.333px solid #fff;
        transition: 0.3s; }
        .kv_section .order a b em {
          font-size: 31.333px;
          top: -40px;
          letter-spacing: 0.05em; }
        .kv_section .order a b span {
          font-size: 24px;
          top: 4px; }
      .kv_section .order a:hover b {
        transform: scale(1.08);
        transition: 0.3s; }
    .kv_section .atelier25th {
      width: auto;
      height: 38px;
      position: absolute;
      top: 13.333px;
      left: 6.667px;
      z-index: 50; }
      .kv_section .atelier25th img {
        width: auto;
        height: 100%; }
      .kv_section .atelier25th span.text {
        font-size: 10.667px;
        line-height: 1.43;
        left: 63.333px;
        top: 5.333px;
        white-space: nowrap; }
    .kv_section h1 {
      position: relative;
      right: auto;
      top: auto;
      margin-right: 0;
      width: 413.996px;
      z-index: 30;
      left: auto;
      transform: inherit;
      padding-top: 53.999px;
      margin-left: 123.332px; }
      .kv_section h1 img {
        width: 100%;
        height: auto; }
    .kv_section .copy {
      width: 283.331px;
      left: 597.327px;
      top: 98.666px; }
    .kv_section .kv_key {
      width: 710.66px;
      height: 953.324px;
      position: absolute;
      left: auto;
      right: 0;
      top: 0;
      margin: 0;
      z-index: 20; }
      .kv_section .kv_key .mask {
        width: 710.66px;
        height: 953.324px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-mask-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/kv_mask@pc.png");
        mask-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/kv_mask@pc.png");
        -webkit-mask-mode: alpha;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 100% auto;
        -webkit-mask-position: center bottom;
        z-index: 10; }
        .kv_section .kv_key .mask img {
          width: 775.326px;
          height: 1207.988px;
          max-width: inherit;
          margin-left: 20px;
          margin-top: -23.333px; }
        .kv_section .kv_key .mask::after {
          content: '';
          background: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/kv_mask_line@pc.png") no-repeat center top/710.66px 953.324px;
          width: 710.66px;
          height: 953.324px;
          position: absolute;
          left: 0;
          top: 0; }
        .kv_section .kv_key .mask #visual {
          display: block; }
      .kv_section .kv_key::before {
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/dot01@pc.png") no-repeat center top/100% auto; }
      .kv_section .kv_key::after {
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/dot02@pc.png") no-repeat center top/100% auto; }
      .kv_section .kv_key .kv-swiper-container {
        position: relative;
        width: 710.66px; }
        .kv_section .kv_key .kv-swiper-container .swiper-nav {
          display: flex;
          justify-content: center;
          width: auto;
          align-items: center;
          position: absolute;
          bottom: 199.998px;
          right: 6.667px; }
          .kv_section .kv_key .kv-swiper-container .swiper-nav .swiper-button-next, .kv_section .kv_key .kv-swiper-container .swiper-nav .swiper-button-prev {
            font-size: 10.667px;
            font-weight: 700;
            margin: 0 12px; }
          .kv_section .kv_key .kv-swiper-container .swiper-nav .swiper-pagination {
            position: static;
            margin: 0;
            padding: 0; }
            .kv_section .kv_key .kv-swiper-container .swiper-nav .swiper-pagination .swiper-pagination-bullet {
              width: 6.667px;
              height: 6.667px;
              border: none;
              border-radius: 0;
              padding: 0;
              margin: 0 6.667px;
              transform: rotate(45deg);
              background: #ccc;
              opacity: 1;
              transition: background 0.3s; }
              .kv_section .kv_key .kv-swiper-container .swiper-nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                background: #17acdc; }
      .kv_section .kv_key .dots {
        width: 100%; }
      .kv_section .kv_key .kv_dots01 {
        width: 60.666px;
        height: 20.666px;
        position: absolute;
        top: 39.333px;
        left: 50px; }
        .kv_section .kv_key .kv_dots01 .dot:before {
          background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/dot01@pc.png"); }
      .kv_section .kv_key .kv_dots02 {
        width: 61.333px;
        height: 53.333px;
        position: absolute;
        bottom: auto;
        top: 607.327px;
        left: -111.332px; }
        .kv_section .kv_key .kv_dots02 .dot:before {
          background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/dot02@pc.png"); }
    .kv_section .title .date {
      width: 100%;
      height: 57.999px;
      padding-right: 0;
      text-align: left;
      justify-content: flex-start;
      padding: 0 0 0 187.998px;
      margin-top: 41.333px; }
      .kv_section .title .date b {
        font-size: 46.666px;
        padding-top: 10px;
        letter-spacing: -0.02em; }
      .kv_section .title .date span {
        width: 173.332px;
        margin-right: 20px; }
    .kv_section .pv {
      width: 100%;
      height: 184.665px;
      background: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/bg@pc.jpg") no-repeat center top/cover;
      padding: 25.333px 0 0 156.665px; }
      .kv_section .pv .moviemodal {
        display: block;
        width: 345.997px;
        height: 131.332px;
        margin: 0;
        position: relative;
        overflow: hidden; }
        .kv_section .pv .moviemodal .mark i {
          text-align: center;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          z-index: 50; }
          .kv_section .pv .moviemodal .mark i em {
            width: 45.333px;
            height: 45.333px;
            border: 1px solid #fff;
            border-radius: 50%;
            display: block;
            background: rgba(255, 255, 255, 0.72);
            position: relative; }
            .kv_section .pv .moviemodal .mark i em::after {
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 5px 0 5px 8.667px;
              border-color: transparent transparent transparent #fe951e;
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%); }
        .kv_section .pv .moviemodal .update em {
          height: 20px; }
          .kv_section .pv .moviemodal .update em i {
            font-size: 18.666px;
            padding: 1.333px 5.333px 0 2.667px; }
          .kv_section .pv .moviemodal .update em:nth-of-type(3) {
            height: 15.333px; }
            .kv_section .pv .moviemodal .update em:nth-of-type(3) i {
              font-size: 13.333px;
              padding: 1.333px 5.333px 0 2.667px; }
          .kv_section .pv .moviemodal .update em + em {
            margin-top: 2.667px; }
        .kv_section .pv .moviemodal img {
          transition: transform 0.3s; }
        .kv_section .pv .moviemodal:hover img {
          transform: scale(1.1);
          transform-origin: center center; }
    .kv_section .textaera {
      padding: 182.665px 0 0 28px;
      position: relative; }
      .kv_section .textaera dl {
        padding: 0;
        text-align: left;
        width: 618.66px;
        height: 79.999px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        position: relative; }
        .kv_section .textaera dl dt {
          font-size: 28.666px;
          line-height: 1.5;
          letter-spacing: 0.01em;
          width: 299.997px; }
        .kv_section .textaera dl dd {
          font-size: 20px;
          letter-spacing: 0.1em;
          line-height: 1;
          width: 299.997px; }
          .kv_section .textaera dl dd + dt {
            margin-top: 0; }
      .kv_section .textaera .kv_dots03 {
        width: 49.333px;
        height: 102.666px;
        position: absolute;
        left: 627.994px;
        top: 219.998px;
        z-index: 50; }
        .kv_section .textaera .kv_dots03 .dot:before {
          content: "";
          width: 100%;
          height: 100%;
          background: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/dot03@pc.png") no-repeat center top/100% auto;
          position: absolute;
          left: 0;
          top: 0;
          animation: 12s fuwafuwa infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }

  .kv_bnrs {
    padding: 0;
    position: absolute;
    right: 0;
    bottom: 76.666px;
    width: 203.998px;
    z-index: 130; }
    .kv_bnrs .wrap {
      padding: 0;
      margin: 0; }
    .kv_bnrs .text_link {
      width: auto;
      position: relative;
      top: auto;
      right: auto; }
      .kv_bnrs .text_link ul {
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap; }
        .kv_bnrs .text_link ul li {
          margin-bottom: 6.667px;
          width: 149.999px; }
          .kv_bnrs .text_link ul li a {
            display: block;
            font-size: 13.333px;
            color: #fff;
            text-align: center;
            font-weight: bold;
            background-color: #17acdc;
            padding: 6.667px 0px;
            border: solid 2.667px #17acdc; }
            .kv_bnrs .text_link ul li a span {
              font-size: 10.667px; }
          .kv_bnrs .text_link ul li a:hover {
            background-color: #fff;
            color: #17acdc; }
    .kv_bnrs .swiper-wrapper {
      display: flex;
      align-items: flex-end;
      flex-wrap: wrap; }
    .kv_bnrs .swiper-slide {
      margin-top: 6.667px; }
      .kv_bnrs .swiper-slide a {
        background: #fff; }
        .kv_bnrs .swiper-slide a::after {
          border: 1.333px solid #17acdc; }
        .kv_bnrs .swiper-slide a:hover img {
          opacity: 0.7; }
      .kv_bnrs .swiper-slide img {
        height: 86.666px;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }
    .kv_bnrs .swiper-pagination {
      display: none; }
    .kv_bnrs:before {
      content: none; }

  .sns_btns {
    width: 169.332px;
    display: block;
    padding: 0;
    position: absolute;
    left: 0;
    top: 579.328px;
    z-index: 150; }
    .sns_btns .btn_twitter {
      width: 100%;
      height: 30px;
      border-radius: 0 15.333px 15.333px 0;
      padding-top: 8.667px;
      padding-left: 12px;
      text-align: left; }
      .sns_btns .btn_twitter:before {
        border-radius: 0 15.333px 15.333px 0;
        border: 1.333px solid #17acdc;
        border-left: none; }
      .sns_btns .btn_twitter i {
        width: 15.333px;
        height: 12.667px;
        position: relative; }
      .sns_btns .btn_twitter span {
        font-size: 10.667px;
        margin-left: 6.667px; }
    .sns_btns .sns_btns_wrap {
      padding: 18.666px 0 0 8.667px; }
      .sns_btns .sns_btns_wrap h2 {
        font-size: 9.333px; }
      .sns_btns .sns_btns_wrap ul {
        margin-left: 3.333px; }
        .sns_btns .sns_btns_wrap ul li {
          margin-left: 5.333px; }
          .sns_btns .sns_btns_wrap ul li a {
            transition: opacity 0.3s; }
            .sns_btns .sns_btns_wrap ul li a:hover {
              opacity: 0.7; }
      .sns_btns .sns_btns_wrap .icon_twitter {
        width: 13.333px; }
      .sns_btns .sns_btns_wrap .icon_line {
        width: 12.667px; }
      .sns_btns .sns_btns_wrap .icon_facebook {
        width: 12.667px; }

  .topics {
    padding: 22px 0 0; }
    .topics .swiper-wrapper {
      padding-bottom: 43px; }
    .topics .swiper-slide {
      width: 490px;
      height: 555px;
      margin: 0 15px;
      border-radius: 15px; }
      .topics .swiper-slide:first-of-type {
        margin-left: 30px; }
      .topics .swiper-slide:last-of-type {
        margin-right: 30px; }
      .topics .swiper-slide::before {
        border: 4px solid #17acdc;
        border-radius: 15px; }
      .topics .swiper-slide i {
        display: block;
        height: 275px; }
      .topics .swiper-slide .text {
        padding: 21px 38px; }
        .topics .swiper-slide .text header {
          font-size: 14px;
          font-weight: 600;
          margin-bottom: 10px; }
        .topics .swiper-slide .text p {
          font-size: 20px;
          line-height: 1.4;
          margin: 0 0; }
          .topics .swiper-slide .text p a {
            color: #4e4e4e; }
          .topics .swiper-slide .text p a:hover {
            text-decoration: none; }
    .topics .swiper-container-horizontal > .swiper-scrollbar {
      bottom: 3px; }

  .story_section {
    margin: 56px auto 0;
    padding-top: 200px; }
    .story_section .wrap h2 {
      font-size: 91px; }
    .story_section .wrap .catch {
      margin-top: 42px; }
      .story_section .wrap .catch em {
        font-size: 40px;
        padding: 10px 26px 12px;
        letter-spacing: 0.08em; }
    .story_section .wrap .text {
      font-size: 30px;
      line-height: 1.55;
      margin: 33px 0 0; }
      .story_section .wrap .text b {
        font-weight: 600;
        font-size: 40px; }
    .story_section .story_bg_layer {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 200px;
      height: 100%;
      width: 1920px; }
      .story_section .story_bg_layer .dot {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
        .story_section .story_bg_layer .dot:before {
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .story_section .story_bg_layer .dots01 {
        height: 149px;
        width: 1920px;
        top: -185px;
        left: 50%;
        transform: translate(-50%, 0); }
        .story_section .story_bg_layer .dots01 .dot01:before {
          background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/story/dot01@pc.png");
          animation: 12s fuwafuwa infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .story_section .story_bg_layer .dots01 .dot02:before {
          background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/story/dot02@pc.png");
          animation: 8s fuwafuwar infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .story_section .story_bg_layer .dots02 {
        height: 61px;
        width: 100%;
        bottom: -135px;
        width: 1920px;
        left: 50%;
        transform: translate(-50%, 0); }
        .story_section .story_bg_layer .dots02 .dot01:before {
          background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/story/dot03@pc.png");
          animation: 9s fuwafuwar infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .story_section .story_bg_layer .circle-left {
        left: -270px;
        top: -600px;
        width: 795px;
        height: 795px; }
        .story_section .story_bg_layer .circle-left i:nth-child(1) {
          background: url("https://www.koeitecmoamerica.com/ryza3/img/top/story/circle-left@pc.png") no-repeat center top/cover;
          width: 795px;
          height: 795px; }
        .story_section .story_bg_layer .circle-left i:nth-child(2) {
          background: url("https://www.koeitecmoamerica.com/ryza3/img/top/story/circle-left_line@pc.png") no-repeat center center/cover;
          width: 371px;
          height: 371px;
          left: 399px;
          top: 562px; }
      .story_section .story_bg_layer .circle-right {
        right: -121px;
        bottom: -128px;
        width: 520px;
        height: 520px; }
        .story_section .story_bg_layer .circle-right i:nth-child(1) {
          background: url("https://www.koeitecmoamerica.com/ryza3/img/top/story/circle-right@pc.png") no-repeat center top/cover;
          width: 520px;
          height: 520px;
          display: block; }
        .story_section .story_bg_layer .circle-right i:nth-child(2) {
          background: url("https://www.koeitecmoamerica.com/ryza3/img/top/story/circle-right_line@pc.png") no-repeat center center/cover;
          width: 442px;
          height: 442px;
          right: 173px;
          bottom: auto;
          top: -93px; }

  .about_section {
    margin: 179.998px 0 0;
    height: 534.661px; }
    .about_section .about_section-dots01 {
      height: 71.999px;
      width: 1279.987px;
      left: 50%;
      transform: translateX(-50%);
      top: -48px;
      z-index: 100; }
      .about_section .about_section-dots01 .dot:before {
        background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/about/bg02@pc.png");
        animation: 9s fuwafuwa infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .about_section .wrap {
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between;
      position: relative;
      z-index: 10; }
      .about_section .wrap header {
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/about/h2@pc.png") no-repeat left top/cover;
        height: 534.661px;
        width: 98.666px;
        position: relative; }
        .about_section .wrap header i {
          width: 26.666px;
          height: 26.666px;
          left: 40px;
          top: 34.666px; }
        .about_section .wrap header h2 {
          display: none; }
      .about_section .wrap .movie {
        width: 1161.322px;
        border-radius: 0 37.333px 37.333px 0;
        margin-right: 20px;
        background: none; }
        .about_section .wrap .movie img {
          width: 100%;
          height: auto; }
        .about_section .wrap .movie .moviemodal {
          background: none;
          overflow: hidden; }
          .about_section .wrap .movie .moviemodal i {
            text-align: center;
            z-index: 50;
            font-size: 12px; }
            .about_section .wrap .movie .moviemodal i em {
              width: 79.999px;
              height: 79.999px;
              border: 1.333px solid #fff;
              margin-bottom: 12px; }
              .about_section .wrap .movie .moviemodal i em::after {
                border-width: 6.667px 0 6.667px 12px; }
          .about_section .wrap .movie .moviemodal img {
            transition: transform 0.3s; }
          .about_section .wrap .movie .moviemodal:hover img {
            transform: scale(1.1);
            transform-origin: center center; }
    .about_section .text_wrap {
      margin: 0;
      padding: 0 0 0;
      border: 3.333px solid #17acdc;
      border-radius: 50%;
      width: 373.33px;
      height: 373.33px;
      background: url("https://www.koeitecmoamerica.com/ryza3/img/top/about/bg01@pc.jpg") no-repeat center top/cover #f3f3f3;
      position: absolute;
      left: 46.666px;
      top: 50%;
      margin: -186.665px 0 0;
      z-index: 100;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .about_section .text_wrap header {
        margin-bottom: 12px;
        padding-top: 26.666px; }
        .about_section .text_wrap header h2 {
          font-size: 16.667px;
          line-height: 1.4; }
          .about_section .text_wrap header h2 b {
            font-size: 26.666px;
            line-height: 1.06; }
      .about_section .text_wrap .text {
        padding-top: 8px;
        position: relative; }
        .about_section .text_wrap .text::before {
          content: '';
          width: 215.998px;
          height: 1.333px;
          margin-left: -107.999px; }
        .about_section .text_wrap .text p {
          font-size: 14.667px;
          line-height: 1.64; }

  .character_section {
    margin: 0 0;
    z-index: 0; }
    .character_section .wrap {
      padding: 0 0 51.333px 51.999px; }
      .character_section .wrap::before {
        content: '';
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_line02@pc.png") no-repeat center top/100% auto;
        width: 28px;
        height: 113.332px;
        left: 50%;
        top: 133.332px;
        margin: 0 0 0 -14px;
        position: absolute; }
      .character_section .wrap::after {
        content: none; }
      .character_section .wrap h2 {
        width: 117.999px;
        height: 787.325px;
        margin: -71.999px 0 0;
        position: relative; }
        .character_section .wrap h2 i {
          width: 26.666px;
          height: 26.666px;
          left: 46.666px;
          top: 111.999px; }
        .character_section .wrap h2 img {
          width: 100%;
          height: auto; }
        .character_section .wrap h2::after {
          content: '';
          background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_chara@pc.png") no-repeat left top;
          width: 99.332px;
          height: 77.333px;
          position: absolute;
          left: 99.999px;
          bottom: 123.999px; }
      .character_section .wrap .character_bg_layer {
        display: none; }
      .character_section .wrap .img {
        width: 1599.984px;
        position: absolute;
        left: 50%;
        top: 162.665px;
        pointer-events: none;
        z-index: 100;
        margin: 0 0 0 -799.992px;
        pointer-events: none; }
        .character_section .wrap .img img {
          width: 100%;
          height: auto; }
      .character_section .wrap .text {
        position: absolute;
        width: 50%;
        background: #f3f3f3;
        left: 50%;
        border: 2px solid #17acdc;
        border-right: none;
        border-radius: 30px 0 0 30px;
        padding: 22.666px 20px 18px 61.333px;
        bottom: 0; }
        .character_section .wrap .text h3 {
          font-size: 30px; }
          .character_section .wrap .text h3 b {
            font-size: 26.666px;
            margin: 0;
            display: inline-block; }
        .character_section .wrap .text p {
          font-size: 16.667px;
          line-height: 26px;
          margin-top: 11.333px; }
        .character_section .wrap .text .btn {
          margin: 14px auto 0 0; }

  .bonus_section {
    margin-top: 97.332px;
    position: relative;
    margin-bottom: 60px; }
    .bonus_section .bonus_section-dots01 {
      height: 63.333px;
      width: 143.999px;
      left: 50%;
      top: -28px;
      margin-left: -313.33px;
      position: absolute; }
      .bonus_section .bonus_section-dots01 .dot {
        background-image: none; }
      .bonus_section .bonus_section-dots01 .dot:before {
        background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/bonus/bg_dot.png"); }
      .bonus_section .bonus_section-dots01 .dot01 {
        display: none; }
    .bonus_section::before {
      content: '';
      background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bonus/base.png") no-repeat center top/100% auto;
      height: 328.663px;
      width: 997.99px;
      position: absolute;
      left: 50%;
      top: 0;
      margin-left: -499.328px; }
    .bonus_section .wrap {
      background: none;
      min-height: 328.663px;
      height: auto;
      width: 997.99px;
      position: relative; }
      .bonus_section .wrap::before {
        content: '';
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_line.png") no-repeat center top/100% auto;
        height: 28px;
        width: 113.332px;
        left: 50%;
        top: 50%;
        margin: -14.667px 0 0 559.994px;
        position: absolute; }
      .bonus_section .wrap::after {
        content: '';
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_line.png") no-repeat center top/100% auto;
        height: 28px;
        width: 113.332px;
        right: 50%;
        top: 50%;
        margin-left: -313.33px;
        position: absolute;
        margin: -14.667px 559.994px 0 0; }
      .bonus_section .wrap header {
        height: 163.332px;
        padding: 0 59.999px;
        text-align: left; }
        .bonus_section .wrap header h2 {
          display: flex;
          flex-direction: column-reverse;
          justify-content: flex-end;
          align-items: flex-start; }
        .bonus_section .wrap header span {
          font-size: 19.333px;
          margin: 0 0 0 20.666px;
          letter-spacing: 0.06em; }
        .bonus_section .wrap header b {
          font-size: 67.999px;
          margin: 35.333px 0 4.667px 20.666px;
          white-space: nowrap;
          letter-spacing: -0.02em; }
          .bonus_section .wrap header b.line2 {
            margin: 13.333px 0 4.667px 20.666px;
            line-height: 1; }
      .bonus_section .wrap h3, .bonus_section .wrap p {
        padding: 0 79.999px;
        width: 599.994px; }
      .bonus_section .wrap h3 {
        margin: -26.666px 0 16.667px; }
      .bonus_section .wrap h3 span {
        font-size: 14px;
        height: auto;
        text-align: left;
        display: inline-block;
        line-height: 24.666px;
        padding: 0 20px;
        letter-spacing: -0.01em; }
      .bonus_section .wrap .texts {
        padding: 16.667px 0 50px;
        margin: 0 0 0;
        border-radius: 0 0 163.998px 163.998px; }
      .bonus_section .wrap p {
        margin: 0 0; }
        .bonus_section .wrap p span {
          font-size: 12px;
          line-height: 19.726px; }
          .bonus_section .wrap p span.note {
            font-size: 10.667px;
            line-height: 16px; }
      .bonus_section .wrap p.img.bonus_savedata01 {
        padding: 0;
        position: absolute;
        left: 50%;
        top: -23.333px;
        margin-left: 54.666px;
        width: 439.996px;
        height: 313.33px; }
      .bonus_section .wrap p.img.bonus_savedata02 {
        padding: 0;
        position: absolute;
        left: 50%;
        top: 6.667px;
        margin-left: 38.666px;
        width: 439.996px;
        height: 301.33px; }
      .bonus_section .wrap p.img.bonus_savedata03 {
        padding: 0;
        position: absolute;
        left: 50%;
        top: -28px;
        margin-left: 46.666px;
        width: 449.996px;
        height: 331.33px; }
      .bonus_section .wrap p.img {
        padding: 0;
        position: absolute;
        left: 50%;
        top: -33.333px;
        margin-left: 20px;
        width: 414.663px;
        height: 335.33px; }
      .bonus_section .wrap p.img.bonus_savedata01 {
        padding: 0;
        position: absolute;
        left: 50%;
        top: -14.667px;
        margin-left: 54.666px;
        width: 439.996px;
        height: 313.33px; }
      .bonus_section .wrap p.img.bonus_savedata02 {
        padding: 0;
        position: absolute;
        left: 50%;
        top: 6.667px;
        margin-left: 38.666px;
        width: 439.996px;
        height: 301.33px; }
      .bonus_section .wrap p.img.bonus_savedata03 {
        padding: 0;
        position: absolute;
        left: 50%;
        top: -30px;
        margin-left: 46.666px;
        width: 449.996px;
        height: 331.33px; }
      .bonus_section .wrap p.img.bonus_savedata05 {
        padding: 0;
        position: absolute;
        left: 50%;
        top: -28px;
        margin-left: 73.333px;
        width: 449.996px;
        height: 331.33px; }
      .bonus_section .wrap .btn {
        position: static;
        left: 0;
        bottom: 0;
        transform: translate(0, 0);
        width: 134.665px;
        padding: 0;
        margin: 16.667px 0 0 59.999px; }
      .bonus_section .wrap img {
        width: 100%;
        height: auto; }
    .bonus_section.bonus5 .wrap h3 {
      margin: -40px 0 16.667px; }

  .circles em {
    position: relative;
    display: block; }
  .circles .circle {
    left: 50%; }
  .circles .circle:nth-child(1) {
    left: 50%;
    margin-left: -949px;
    top: 52px; }
    .circles .circle:nth-child(1) span:nth-child(1) {
      width: 550px; }
    .circles .circle:nth-child(1) span:nth-child(2) {
      width: 550px; }
  .circles .circle:nth-child(2) {
    left: 50%;
    right: auto;
    width: 222px;
    top: 357px;
    margin-left: 626px; }
    .circles .circle:nth-child(2) span {
      width: 222px; }
  .circles .circle:nth-child(3) {
    left: 50%;
    right: auto;
    width: 489px;
    top: 606px;
    margin-left: 240px; }
    .circles .circle:nth-child(3) span:nth-child(1) {
      animation: r1 36s cubic-bezier(0, 0, 1, 1) infinite; }
  .circles .circle:nth-child(4) {
    left: 50%;
    right: auto;
    width: 544px;
    top: 737px;
    margin-left: 332px; }
    .circles .circle:nth-child(4) span:nth-child(1) {
      width: 544px; }
  .circles .circle:nth-child(5) {
    left: 50%;
    width: 169px;
    top: 1304px;
    margin-left: -668px; }
    .circles .circle:nth-child(5) span:nth-child(1) {
      width: 169px; }

  .products_section_trigger {
    height: 20px; }
    .products_section_trigger.animated + .products_section .product {
      opacity: 1;
      transform: translateY(0);
      filter: blur(0); }

  .products_section {
    padding: 0;
    margin-top: 81px; }
    .products_section .dots {
      display: block;
      width: 1920px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%); }
      .products_section .dots .dot {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
        .products_section .dots .dot:before {
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background-repeat: no-repeat;
          background-size: 100% auto;
          background-position: center top; }
    .products_section .product_section-dots01 {
      height: 586px;
      top: 613px; }
      .products_section .product_section-dots01 .dot01:before {
        background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/products/dot01_01@pc.png");
        animation: 12s fuwafuwa infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .products_section .product_section-dots01 .dot02:before {
        background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/products/dot01_02@pc.png");
        animation: 8s fuwafuwa infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .products_section .product_section-dots01 .dot03:before {
        background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/products/dot01_03@pc.png");
        animation: 10s fuwafuwar infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .products_section .product_section-dots01 .dot04:before {
        background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/products/dot01_04@pc.png");
        animation: 12s fuwafuwa infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .products_section .product_section-dots02 {
      height: 280px;
      top: auto;
      bottom: -15px; }
      .products_section .product_section-dots02 .dot01:before {
        background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/products/dot02_01@pc.png");
        animation: 12s fuwafuwa infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .products_section .product_section-dots02 .dot02:before {
        background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/products/dot02_02@pc.png");
        animation: 8s fuwafuwa infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .products_section:before {
      content: none; }
    .products_section h2 {
      font-size: 91px;
      margin-bottom: 37px; }
    .products_section .wrap {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: wrap;
      width: 1280px;
      flex-direction: row; }
    .products_section .product {
      border-radius: 14px;
      padding: 27px 24px 80px;
      width: 1160px;
      min-height: 540px;
      margin: 0 22px 44px; }
      .products_section .product.tab {
        padding-top: 60px;
        padding-bottom: 82px; }
        .products_section .product.tab p.img {
          width: 745px;
          margin: 0 auto; }
      .products_section .product::after {
        content: '';
        border: 3px solid #17acdc;
        border-radius: 14px; }
      .products_section .product h3 {
        font-size: 26px;
        padding: 56px 0 10px; }
        .products_section .product h3::after {
          content: '';
          width: 450px;
          height: 2px;
          bottom: -5px;
          margin-left: -225px; }
      .products_section .product h4 {
        font-size: 26px;
        padding: 50px 0 0; }
      .products_section .product h3 ~ p {
        font-size: 18px;
        margin-top: 12px; }
        .products_section .product h3 ~ p b {
          font-size: 28px; }
      .products_section .product ~ .product {
        margin-top: 0; }
      .products_section .product .toggle_box {
        padding: 40px 20px 0px;
        margin-top: 0; }
        .products_section .product .toggle_box li,
        .products_section .product .toggle_box p {
          font-size: 18px;
          line-height: 28px; }
        .products_section .product .toggle_box p + ul.notes {
          margin-top: 17px; }
        .products_section .product .toggle_box ul.notes li {
          font-size: 14px;
          line-height: 30px; }
      .products_section .product .flexbtn {
        margin-top: 31px; }
        .products_section .product .flexbtn li {
          min-width: 320px;
          height: 61px;
          border-radius: 30px;
          padding: 0;
          margin: 0 14px 14px; }
          .products_section .product .flexbtn li a {
            padding: 10px 35px 0 35px;
            display: block; }
        .products_section .product .flexbtn li span {
          font-size: 27px;
          font-weight: 600; }
          .products_section .product .flexbtn li span em {
            font-size: 70%;
            display: inline-block;
            transform: translateY(-6px); }
      .products_section .product .flexbtn.blue {
        margin-top: 31px; }
        .products_section .product .flexbtn.blue li {
          min-width: 320px;
          height: 61px;
          border-radius: 30px;
          padding: 0;
          margin: 0 14px 14px; }
          .products_section .product .flexbtn.blue li a {
            padding: 10px 35px 0 35px;
            display: block; }
        .products_section .product .flexbtn.blue li span {
          font-size: 16px;
          font-weight: 600; }
          .products_section .product .flexbtn.blue li span em {
            font-size: 70%;
            display: inline-block;
            transform: translateY(-6px); }
      .products_section .product .flexbtn + .flexbtn {
        margin-top: 11px; }
      .products_section .product h3 ~ p + .flexbtn {
        margin-top: 50px; }
      .products_section .product h3 ~ p + .flexbtn + .flexbtn {
        margin-top: 11px; }
    .products_section .product:nth-child(1) {
      order: 1; }
    .products_section .product:nth-child(2) {
      order: 2; }
    .products_section .product:nth-child(3) {
      order: 3; }
    .products_section .product:nth-child(4) {
      order: 4; }
    .products_section .opener {
      display: block;
      width: 200px;
      height: 54px;
      border-radius: 27px;
      bottom: -20px;
      border: 3px solid #17acdc;
      transition: background 0.3s; }
      .products_section .opener span {
        font-size: 15px;
        padding: 9px 30px 0;
        position: relative; }
        .products_section .opener span i + i {
          display: none; }
        .products_section .opener span::before {
          border-width: 8px  4.5px 0  4.5px;
          top: 12px; }
        .products_section .opener span::after {
          border-width: 8px  4.5px 0  4.5px;
          top: 12px; }
      .products_section .opener:hover {
        background: #f3f3f3; }
        .products_section .opener:hover span {
          color: #17acdc; }
          .products_section .opener:hover span::before, .products_section .opener:hover span::after {
            border-color: #17acdc transparent transparent transparent; }
    .products_section .product_countries h3 {
      font-size: 42px;
      padding: 0 0 45px;
      margin-top: 55px; }
      .products_section .product_countries h3:before {
        height: 36px;
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/products/bg_line@pc.png") no-repeat center center/auto 100%; }
      .products_section .product_countries h3:after {
        content: none; }
    .products_section .product_countries .countries_btn_wrap {
      padding: 0 0;
      margin-top: 64px;
      justify-content: center; }
      .products_section .product_countries .countries_btn_wrap .countries_btn {
        width: 107px;
        padding: 0 22.5px 26px;
        transition: opacity 0.3s; }
        .products_section .product_countries .countries_btn_wrap .countries_btn:nth-of-type(n + 5) {
          margin-top: 0; }
        .products_section .product_countries .countries_btn_wrap .countries_btn:before {
          width: 8px;
          height: 8px; }
        .products_section .product_countries .countries_btn_wrap .countries_btn.digital {
          padding: 0 0 0; }
          .products_section .product_countries .countries_btn_wrap .countries_btn.digital span {
            width: 89px;
            height: 41px;
            border-radius: 20px;
            padding-top: 0; }
            .products_section .product_countries .countries_btn_wrap .countries_btn.digital span i {
              font-size: 13px; }
        .products_section .product_countries .countries_btn_wrap .countries_btn:hover {
          opacity: 0.7; }
    .products_section .product_countries .countries_products_wrap .country_box .product_box + .product_box {
      margin-top: 18px; }
    .products_section .product_countries .countries_products_wrap .country_box .product_box h4 {
      padding: 60px 0 0; }
      .products_section .product_countries .countries_products_wrap .country_box .product_box h4 span {
        padding-bottom: 15px; }
    .products_section .product_countries .countries_products_wrap .country_box .product_box ul {
      margin-top: 30px;
      padding: 0 150px; }
      .products_section .product_countries .countries_products_wrap .country_box .product_box ul li {
        width: 214px;
        margin-left: 10px;
        margin-right: 10px; }
        .products_section .product_countries .countries_products_wrap .country_box .product_box ul li:nth-of-type(n + 3) {
          margin-top: 0; }
        .products_section .product_countries .countries_products_wrap .country_box .product_box ul li:nth-of-type(n + 4) {
          margin-top: 20px; }
    .products_section .product .toggle_box .notes {
      border: 1px solid #17acdc;
      align-self: flex-start;
      margin: 15px auto 0;
      padding: 35px 45px 28px 65px;
      width: 490px; }
      .products_section .product .toggle_box .notes li {
        font-size: 17px;
        padding-left: 0;
        text-indent: 0; }
    .products_section .product.no-frame {
      background: none;
      overflow: visible;
      margin-top: 134px;
      margin-bottom: 0; }
      .products_section .product.no-frame:before {
        content: "";
        width: 1920px;
        height: 247px;
        background-image: url("https://www.koeitecmoamerica.com/ryza3/img/top/products/bg_sky@pc.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        top: 175px;
        left: 50%;
        transform: translateX(-50%); }
      .products_section .product.no-frame:after {
        content: none; }
      .products_section .product.no-frame .img {
        width: 1024px;
        margin: 0 auto; }
      .products_section .product.no-frame h3 {
        font-size: 56px;
        padding: 84px 13px 21px 0;
        letter-spacing: 0.01em; }
        .products_section .product.no-frame h3:after {
          content: none; }
        .products_section .product.no-frame h3 span {
          position: relative; }
          .products_section .product.no-frame h3 span::after {
            content: '';
            width: calc(100% + 80px);
            height: 2px;
            background: #17acdc;
            position: absolute;
            left: 50%;
            bottom: -5px;
            transform: translateX(-50%); }
      .products_section .product.no-frame .toggle_box {
        display: flex;
        padding: 40px 42px 0 50px; }
        .products_section .product.no-frame .toggle_box .box_wrap {
          display: block; }
        .products_section .product.no-frame .toggle_box p, .products_section .product.no-frame .toggle_box li {
          opacity: 1; }
        .products_section .product.no-frame .toggle_box .box_inner {
          width: 520px; }
          .products_section .product.no-frame .toggle_box .box_inner h4 {
            font-size: 22px;
            padding-bottom: 15px;
            font-weight: 600;
            padding: 13px 0 0;
            margin-bottom: 14px;
            line-height: 27px; }
            .products_section .product.no-frame .toggle_box .box_inner h4 span {
              display: block;
              text-indent: 1em;
              padding-top: 0; }
          .products_section .product.no-frame .toggle_box .box_inner p {
            font-size: 17px;
            line-height: 1.53; }
      .products_section .product.no-frame .opener {
        display: none; }
      .products_section .product.no-frame + .no-frame {
        margin-top: 0;
        padding-top: 0; }

  .spec_section {
    padding: 0 0 0;
    margin-top: 290px; }
    .spec_section::before {
      content: '';
      background: url(https://www.koeitecmoamerica.com/ryza3/img/top/bg_line02@pc.png) no-repeat center top/100% auto;
      width: 42px;
      height: 170px;
      left: 50%;
      top: -230px;
      margin: 0 0 0 -21px;
      position: absolute; }
    .spec_section i.line {
      display: none; }
    .spec_section .key {
      height: 798px;
      position: absolute;
      left: 50%;
      top: 0;
      display: block; }
      .spec_section .key span {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 798px; }
      .spec_section .key span:nth-child(1) {
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_key01.png") no-repeat center top;
        width: 163px;
        margin-left: -864px; }
      .spec_section .key span:nth-child(2) {
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_key02.png") no-repeat center top;
        width: 167px;
        margin-left: -764px; }
      .spec_section .key span:nth-child(3) {
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_key03.png") no-repeat center top;
        width: 227px;
        margin-left: -596px; }
      .spec_section .key span:nth-child(4) {
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_key04.png") no-repeat center top;
        width: 273px;
        margin-left: 379px; }
      .spec_section .key span:nth-child(5) {
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_key05.png") no-repeat center top;
        width: 167px;
        margin-left: 580px; }
      .spec_section .key span:nth-child(6) {
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_key06.png") no-repeat center top;
        width: 163px;
        margin-left: 712px; }
    .spec_section h2 {
      padding: 0;
      margin-bottom: 73px; }
      .spec_section h2 img {
        width: auto;
        height: 205px; }
    .spec_section .list {
      display: flex;
      justify-content: center;
      align-items: center; }
      .spec_section .list h3 {
        font-size: 50px;
        text-align: right;
        width: 500px;
        padding: 0 19px; }
      .spec_section .list p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 0;
        text-align: left;
        width: 500px;
        padding: 0 19px; }
        .spec_section .list p b {
          font-size: 24px; }
    .spec_section .list + .list {
      margin-top: 31px; }
    .spec_section .flex {
      display: block;
      margin-top: 31px;
      margin-bottom: 31px; }
      .spec_section .flex .list {
        padding: 0; }
      .spec_section .flex .list + .list {
        margin-top: 31px;
        align-items: center; }

  .end_contents {
    background: none;
    height: 1124px;
    margin: 110px 0 0;
    position: relative; }
    .end_contents::before {
      content: '';
      background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_end@pc.jpg") no-repeat center top/1920px 965px;
      position: absolute;
      left: 50%;
      bottom: 0;
      margin: 0 0 0 -960px;
      width: 1920px;
      height: 965px; }
    .end_contents::after {
      content: '';
      background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_end_chara@pc.png") no-repeat center top/1920px 1124px;
      position: absolute;
      left: 50%;
      top: 0;
      margin: 0 0 0 -960px;
      width: 1920px;
      height: 1124px; }
    .end_contents i.line {
      display: block;
      height: 187px;
      position: absolute;
      left: 50%;
      bottom: 0;
      pointer-events: none; }
      .end_contents i.line::after {
        content: '';
        width: 2400px;
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_end_line@pc.png") no-repeat center top/2400px 100%;
        height: 130px;
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -1200px;
        z-index: 100; }
    .end_contents header {
      height: 187px;
      background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_end_header.jpg") center top no-repeat;
      background-size: 1920px 100%;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 1;
      width: 100%;
      min-width: 1280px;
      z-index: 0; }
    .end_contents h2 {
      position: absolute;
      left: 50%;
      bottom: auto;
      top: 100px;
      font-size: 88px;
      margin-left: -650px;
      width: 700px;
      text-align: center; }
    .end_contents i.point {
      width: 43px;
      height: 43px;
      left: 50%;
      bottom: 115px;
      margin-left: -380px; }
    .end_contents .wrap {
      height: 1124px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-start;
      padding: 0 0 357px;
      width: 550px;
      position: relative;
      left: -275px; }
      .end_contents .wrap .btns {
        width: 550px;
        padding-bottom: 20px; }
        .end_contents .wrap .btns li {
          padding-bottom: 20px; }
        .end_contents .wrap .btns a {
          width: 460px;
          height: 135px;
          border-radius: 67px;
          margin: 0 auto;
          padding: 0 0 0 10px;
          border: 2px solid #fe951e;
          transition: background 0.3s; }
          .end_contents .wrap .btns a span {
            font-size: 46px;
            transition: color 0.3s;
            padding-top: 0; }
            .end_contents .wrap .btns a span i {
              font-size: 19px;
              margin-top: 16px;
              letter-spacing: -0.03em; }
          .end_contents .wrap .btns a:hover {
            background: #fff; }
            .end_contents .wrap .btns a:hover span {
              color: #fe951e; }
        .end_contents .wrap .btns.sns li {
          padding-bottom: 15px; }
        .end_contents .wrap .btns.sns a {
          width: 335px;
          height: 87px;
          border-radius: 44px;
          border: 2px solid #17acdc; }
          .end_contents .wrap .btns.sns a img {
            height: 100%;
            width: auto;
            transition: opacity 0.3s; }
          .end_contents .wrap .btns.sns a em {
            font-size: 17px;
            padding-right: 10px;
            transition: opacity 0.3s; }
          .end_contents .wrap .btns.sns a:hover img, .end_contents .wrap .btns.sns a:hover em {
            opacity: 0.6; }

  #contents .zoomimg:hover img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: filter 0.6s,transform 0.6s; }

  #contents .zoomimg::after {
    bottom: 6px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: none;
    transform: scale(0.74) rotate(0.01deg) translateZ(0); } }
@media screen and (min-width: 1281px) {
  .kv_section {
    position: relative; }
    .kv_section .order {
      left: 4.479vw;
      bottom: 1.042vw;
      z-index: 1100;
      width: 13.229vw;
      height: 13.229vw;
      position: absolute;
      left: auto;
      right: 50%;
      bottom: auto;
      top: 38.49vw;
      display: block;
      z-index: 100;
      margin-right: 17.5vw; }
      .kv_section .order a b {
        width: 11.302vw;
        height: 11.302vw;
        border: 0.104vw solid #fff;
        transition: 0.3s; }
        .kv_section .order a b em {
          font-size: 2.448vw;
          top: -3.125vw; }
        .kv_section .order a b span {
          font-size: 1.875vw;
          top: 0.313vw; }
      .kv_section .order a:hover b {
        transform: scale(1.08);
        transition: 0.3s; }
    .kv_section .atelier25th {
      width: auto;
      height: 2.969vw;
      position: absolute;
      top: 1.042vw;
      left: 0.521vw;
      z-index: 50; }
      .kv_section .atelier25th img {
        width: auto;
        height: 100%; }
      .kv_section .atelier25th span.text {
        font-size: 0.833vw;
        left: 4.948vw;
        top: 0.417vw; }
    .kv_section h1 {
      position: relative;
      right: auto;
      top: auto;
      margin-right: 0;
      width: 32.344vw;
      z-index: 30;
      left: auto;
      transform: inherit;
      padding-top: 4.219vw;
      margin-left: 9.635vw; }
      .kv_section h1 img {
        width: 100%;
        height: auto; }
    .kv_section .copy {
      width: 21.354vw;
      left: 46.667vw;
      top: 7.708vw; }
    .kv_section .kv_key {
      width: 55.521vw;
      height: 74.479vw;
      position: absolute;
      left: auto;
      right: 0;
      top: 0;
      margin: 0;
      z-index: 20; }
      .kv_section .kv_key .mask {
        width: 55.521vw;
        height: 74.479vw;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 10; }
        .kv_section .kv_key .mask img {
          width: 60.573vw;
          height: 94.375vw;
          max-width: inherit;
          margin-left: 1.563vw;
          margin-top: -1.823vw; }
        .kv_section .kv_key .mask::after {
          content: '';
          background: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/kv_mask_line@pc.png") no-repeat center top/55.521vw 74.479vw;
          width: 55.521vw;
          height: 74.479vw;
          position: absolute;
          left: 0;
          top: 0; }
        .kv_section .kv_key .mask #visual {
          display: block; }
      .kv_section .kv_key .kv-swiper-container {
        position: relative;
        width: 55.521vw; }
        .kv_section .kv_key .kv-swiper-container .swiper-nav {
          display: flex;
          justify-content: center;
          width: auto;
          align-items: center;
          position: absolute;
          bottom: 15.625vw;
          right: 0.521vw; }
          .kv_section .kv_key .kv-swiper-container .swiper-nav .swiper-button-next, .kv_section .kv_key .kv-swiper-container .swiper-nav .swiper-button-prev {
            font-size: 0.833vw;
            font-weight: 700;
            margin: 0 0.938vw; }
          .kv_section .kv_key .kv-swiper-container .swiper-nav .swiper-pagination {
            position: static;
            margin: 0;
            padding: 0; }
            .kv_section .kv_key .kv-swiper-container .swiper-nav .swiper-pagination .swiper-pagination-bullet {
              width: 0.521vw;
              height: 0.521vw;
              border: none;
              border-radius: 0;
              padding: 0;
              margin: 0 0.521vw;
              transform: rotate(45deg);
              background: #ccc;
              opacity: 1;
              transition: background 0.3s; }
              .kv_section .kv_key .kv-swiper-container .swiper-nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                background: #17acdc; }
      .kv_section .kv_key .kv_dots01 {
        width: 4.74vw;
        height: 1.615vw;
        top: 3.073vw;
        left: 3.906vw; }
      .kv_section .kv_key .kv_dots02 {
        width: 4.792vw;
        height: 4.167vw;
        top: 47.448vw;
        left: -8.698vw; }
    .kv_section .title .date {
      width: 100%;
      height: 4.531vw;
      padding-right: 0;
      text-align: left;
      justify-content: flex-start;
      padding: 0 0 0 15.208vw;
      margin-top: 3.229vw; }
      .kv_section .title .date b {
        font-size: 3.646vw;
        padding-top: 0.781vw; }
      .kv_section .title .date span {
        width: 13.542vw;
        margin-right: 1.563vw; }
    .kv_section .pv {
      width: 100%;
      height: 14.427vw;
      background: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/bg@pc.jpg") no-repeat center top/cover;
      padding: 1.979vw 0 0 12.24vw; }
      .kv_section .pv .moviemodal {
        display: block;
        width: 27.031vw;
        height: 10.26vw;
        margin: 0;
        position: relative; }
        .kv_section .pv .moviemodal .mark i {
          text-align: center;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
          .kv_section .pv .moviemodal .mark i em {
            width: 3.542vw;
            height: 3.542vw;
            border: 1px solid #fff;
            border-radius: 50%;
            display: block;
            background: rgba(255, 255, 255, 0.72);
            position: relative; }
            .kv_section .pv .moviemodal .mark i em::after {
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0.391vw 0 0.391vw 0.677vw;
              border-color: transparent transparent transparent #fe951e;
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%); }
        .kv_section .pv .moviemodal .update em {
          height: 1.563vw; }
          .kv_section .pv .moviemodal .update em i {
            font-size: 1.458vw;
            padding: 0.104vw 0.417vw 0 0.208vw; }
          .kv_section .pv .moviemodal .update em:nth-of-type(3) {
            height: 1.198vw; }
            .kv_section .pv .moviemodal .update em:nth-of-type(3) i {
              font-size: 1.042vw;
              padding: 0.104vw 0.417vw 0 0.208vw; }
          .kv_section .pv .moviemodal .update em + em {
            margin-top: 0.208vw; }
    .kv_section .textaera {
      padding: 14.271vw 0 0 2.188vw; }
      .kv_section .textaera dl {
        padding: 0;
        text-align: left;
        width: 48.333vw;
        height: 6.25vw;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        position: relative; }
        .kv_section .textaera dl dt {
          font-size: 2.24vw;
          font-weight: 200;
          line-height: 1.5;
          letter-spacing: 0.01em;
          width: 23.438vw; }
        .kv_section .textaera dl dd {
          font-size: 1.563vw;
          letter-spacing: 0.1em;
          line-height: 1;
          width: 23.438vw; }
          .kv_section .textaera dl dd + dt {
            margin-top: 0; }
        .kv_section .textaera dl::before {
          content: none; }
      .kv_section .textaera .kv_dots03 {
        width: 3.854vw;
        height: 8.021vw;
        position: absolute;
        left: 49.063vw;
        top: 17.188vw;
        z-index: 50; }
        .kv_section .textaera .kv_dots03 .dot:before {
          content: "";
          width: 100%;
          height: 100%;
          background: url("https://www.koeitecmoamerica.com/ryza3/img/top/kv/dot03@pc.png") no-repeat center top/100% auto;
          position: absolute;
          left: 0;
          top: 0;
          animation: 12s fuwafuwa infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }

  .kv_bnrs {
    padding: 0;
    position: absolute;
    right: 0;
    bottom: 5.99vw;
    width: 15.938vw;
    z-index: 130; }
    .kv_bnrs .wrap {
      padding: 0;
      margin: 0; }
    .kv_bnrs .text_link {
      display: flex;
      justify-content: flex-end;
      flex-wrap: wrap; }
      .kv_bnrs .text_link ul li {
        margin-bottom: 0.521vw;
        width: 11.719vw; }
        .kv_bnrs .text_link ul li a {
          display: block;
          font-size: 1.042vw;
          color: #fff;
          text-align: center;
          font-weight: bold;
          background-color: #17acdc;
          padding: 0.521vw 0vw;
          border: solid 0.208vw #17acdc; }
        .kv_bnrs .text_link ul li a:hover {
          background-color: #fff;
          color: #17acdc; }
    .kv_bnrs .swiper-wrapper {
      display: flex;
      align-items: flex-end;
      flex-wrap: wrap; }
    .kv_bnrs .swiper-slide {
      margin-top: 0.521vw; }
      .kv_bnrs .swiper-slide a::after {
        border: 0.104vw solid #17acdc; }
      .kv_bnrs .swiper-slide img {
        height: 6.771vw; }
    .kv_bnrs .swiper-pagination {
      display: none; }
    .kv_bnrs:before {
      content: none; }

  .sns_btns {
    width: 13.229vw;
    display: block;
    padding: 0;
    position: absolute;
    left: 0;
    top: 45.26vw;
    z-index: 150; }
    .sns_btns .btn_twitter {
      width: 100%;
      height: 2.344vw;
      border-radius: 0 1.198vw 1.198vw 0;
      padding-top: 0.677vw;
      padding-left: 0.938vw;
      text-align: left;
      transition: background 0.3s,color 0.3s; }
      .sns_btns .btn_twitter:before {
        border-radius: 0 1.198vw 1.198vw 0;
        border: 0.104vw solid #17acdc;
        border-left: none; }
      .sns_btns .btn_twitter i {
        width: 1.198vw;
        height: 0.99vw; }
      .sns_btns .btn_twitter span {
        font-size: 0.833vw;
        margin-left: 0.521vw; }
      .sns_btns .btn_twitter:hover {
        background: #17acdc;
        color: #fff; }
        .sns_btns .btn_twitter:hover i:before {
          opacity: 0; }
        .sns_btns .btn_twitter:hover i:after {
          opacity: 1; }
        .sns_btns .btn_twitter:hover span {
          color: #fff; }
    .sns_btns .sns_btns_wrap {
      padding: 1.458vw 0 0 0.677vw; }
      .sns_btns .sns_btns_wrap h2 {
        font-size: 0.729vw; }
      .sns_btns .sns_btns_wrap ul {
        margin-left: 0.26vw; }
        .sns_btns .sns_btns_wrap ul li {
          margin-left: 0.417vw; }
      .sns_btns .sns_btns_wrap .icon_twitter {
        width: 1.042vw; }
      .sns_btns .sns_btns_wrap .icon_line {
        width: 0.99vw; }
      .sns_btns .sns_btns_wrap .icon_facebook {
        width: 0.99vw; }

  .topics {
    padding: 1.719vw 0 0; }
    .topics .swiper-slide:first-of-type {
      margin-left: 30px; }

  .about_section {
    margin: 14.063vw 0 0;
    height: 41.771vw; }
    .about_section .about_section-dots01 {
      height: 5.625vw;
      width: 100vw;
      top: -3.75vw; }
    .about_section::before {
      content: '';
      background: url("https://www.koeitecmoamerica.com/ryza3/img/top/about/bg02@pc.png") no-repeat center top/100% auto;
      height: 5.625vw;
      width: 11.719vw;
      left: 50%;
      top: -3.75vw;
      z-index: 100;
      pointer-events: none;
      margin-left: 28.438vw; }
    .about_section .wrap {
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between;
      position: relative;
      z-index: 10; }
      .about_section .wrap header {
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/about/h2@pc.png") no-repeat left top/cover;
        height: 41.771vw;
        width: 7.708vw;
        position: relative; }
        .about_section .wrap header i {
          width: 2.083vw;
          height: 2.083vw;
          left: 3.125vw;
          top: 2.708vw; }
        .about_section .wrap header h2 {
          display: none; }
      .about_section .wrap .movie {
        width: 90.729vw;
        border-radius: 0 2.917vw 2.917vw 0;
        margin-right: 1.563vw;
        background: none; }
        .about_section .wrap .movie img {
          width: 100%;
          height: auto; }
        .about_section .wrap .movie .moviemodal {
          background: none;
          overflow: hidden; }
          .about_section .wrap .movie .moviemodal i {
            text-align: center;
            z-index: 50;
            font-size: 0.938vw; }
            .about_section .wrap .movie .moviemodal i em {
              width: 6.25vw;
              height: 6.25vw;
              border: 0.104vw solid #fff;
              margin-bottom: 0.938vw; }
              .about_section .wrap .movie .moviemodal i em::after {
                border-width: 0.521vw 0 0.521vw 0.938vw; }
          .about_section .wrap .movie .moviemodal img {
            transition: transform 0.3s; }
          .about_section .wrap .movie .moviemodal:hover img {
            transform: scale(1.1);
            transform-origin: center center; }
    .about_section .text_wrap {
      border: 0.26vw solid #17acdc;
      width: 29.167vw;
      height: 29.167vw;
      left: 3.646vw;
      margin: -14.583vw 0 0; }
      .about_section .text_wrap header {
        margin-bottom: 0.938vw;
        padding-top: 2.083vw; }
        .about_section .text_wrap header h2 {
          font-size: 1.302vw; }
          .about_section .text_wrap header h2 b {
            font-size: 2.083vw; }
      .about_section .text_wrap .text {
        padding-top: 0.625vw; }
        .about_section .text_wrap .text::before {
          width: 16.875vw;
          height: 0.104vw;
          margin-left: -8.438vw; }
        .about_section .text_wrap .text p {
          font-size: 1.146vw; }

  .character_section .wrap {
    padding: 0 0 4.01vw 4.063vw; }
    .character_section .wrap::before {
      width: 2.188vw;
      height: 8.854vw;
      left: 50%;
      top: 10.417vw;
      margin: 0 0 0 -1.094vw;
      position: absolute; }
    .character_section .wrap::after {
      width: 2.188vw;
      height: 8.854vw;
      left: 50%;
      bottom: -12.292vw;
      margin: 0 0 0 -1.094vw;
      position: absolute; }
    .character_section .wrap h2 {
      width: 9.219vw;
      height: 61.51vw;
      margin: -5.625vw 0 0;
      position: relative; }
      .character_section .wrap h2 i {
        width: 2.083vw;
        height: 2.083vw;
        left: 3.646vw;
        top: 8.75vw; }
      .character_section .wrap h2 img {
        width: 100%;
        height: auto; }
      .character_section .wrap h2::after {
        width: 7.76vw;
        height: 6.042vw;
        position: absolute;
        left: 7.813vw;
        bottom: 9.688vw; }
    .character_section .wrap .img {
      width: 125vw;
      position: absolute;
      left: 50%;
      top: 12.708vw;
      pointer-events: none;
      z-index: 100;
      margin: 0 0 0 -62.5vw;
      pointer-events: none; }
      .character_section .wrap .img img {
        width: 100%;
        height: auto; }
    .character_section .wrap .text {
      position: absolute;
      width: 50%;
      background: #f3f3f3;
      left: 50%;
      border: 0.156vw solid #17acdc;
      border-right: none;
      border-radius: 2.344vw 0 0 2.344vw;
      padding: 1.771vw 1.563vw 1.406vw 4.792vw;
      bottom: 0; }
      .character_section .wrap .text h3 {
        font-size: 2.344vw; }
        .character_section .wrap .text h3 b {
          font-size: 2.083vw;
          margin: 0; }
      .character_section .wrap .text p {
        font-size: 1.302vw;
        line-height: 2.031vw;
        margin-top: 0.885vw; }
      .character_section .wrap .text .btn {
        margin: 1.094vw auto 0 0; }

  .bonus_section {
    margin-top: 7.604vw; }
    .bonus_section .bonus_section-dots01 {
      height: 4.948vw;
      width: 11.25vw;
      top: -2.188vw;
      margin-left: -24.479vw; }
    .bonus_section::before {
      height: 25.677vw;
      width: 77.969vw;
      margin-left: -39.01vw; }
    .bonus_section .wrap {
      min-height: 25.677vw;
      height: auto;
      width: 77.969vw; }
      .bonus_section .wrap::before {
        height: 2.188vw;
        width: 8.854vw;
        left: 50%;
        top: 50%;
        margin: -1.146vw 0 0 43.75vw; }
      .bonus_section .wrap::after {
        height: 2.188vw;
        width: 8.854vw;
        right: 50%;
        top: 50%;
        margin-left: -24.479vw;
        margin: -1.146vw 43.75vw 0 0; }
      .bonus_section .wrap header {
        height: 12.76vw;
        padding: 0 4.688vw; }
        .bonus_section .wrap header span {
          font-size: 1.51vw;
          margin: 0 0 0 1.615vw;
          letter-spacing: 0.06em; }
        .bonus_section .wrap header b {
          font-size: 5.313vw;
          line-height: 1;
          margin: 2.76vw 0 0.365vw 1.615vw; }
          .bonus_section .wrap header b.line2 {
            margin: 1.042vw 0 0.365vw 1.615vw;
            line-height: 1; }
      .bonus_section .wrap h3,
      .bonus_section .wrap p {
        padding: 0 6.25vw;
        width: 46.875vw; }
      .bonus_section .wrap h3 {
        margin: -2.083vw 0 1.302vw; }
      .bonus_section .wrap h3 span {
        font-size: 1.094vw;
        height: auto;
        line-height: 1.927vw;
        padding: 0 1.563vw; }
      .bonus_section .wrap .texts {
        padding: 1.302vw 0 3.906vw;
        margin: 0 0 0 0;
        border-radius: 0 0 12.813vw 12.813vw; }
      .bonus_section .wrap p span {
        font-size: 0.938vw;
        line-height: 1.541vw; }
        .bonus_section .wrap p span.note {
          font-size: 0.833vw;
          line-height: 1.25vw; }
      .bonus_section .wrap p.img.bonus_savedata01 {
        padding: 0;
        position: absolute;
        left: 50%;
        top: -1.146vw;
        margin-left: 4.271vw;
        width: 34.375vw;
        height: 24.479vw; }
      .bonus_section .wrap p.img.bonus_savedata02 {
        padding: 0;
        position: absolute;
        left: 50%;
        top: 0.521vw;
        margin-left: 3.021vw;
        width: 34.375vw;
        height: 23.542vw; }
      .bonus_section .wrap p.img.bonus_savedata03 {
        padding: 0;
        position: absolute;
        left: 50%;
        top: -2.344vw;
        margin-left: 3.646vw;
        width: 35.156vw;
        height: 25.885vw; }
      .bonus_section .wrap p.img.bonus_savedata05 {
        padding: 0;
        position: absolute;
        left: 50%;
        top: -2.188vw;
        margin-left: 5.729vw;
        width: 35.156vw;
        height: 25.885vw; }
      .bonus_section .wrap p.img {
        top: -2.604vw;
        margin-left: 1.563vw;
        width: 32.396vw;
        height: 26.198vw; }
      .bonus_section .wrap .btn {
        width: 10.521vw;
        padding: 0;
        margin: 1.302vw 0 0 4.688vw; }
    .bonus_section.bonus5 .wrap h3 {
      margin: -3.125vw 0 16.667px; } }
@media screen and (min-width: 1921px) {
  .end_contents {
    height: 58.542vw;
    margin: 5.729vw 0 0; }
    .end_contents::before {
      background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_end@pc.jpg") no-repeat center top/100vw 50.26vw;
      margin: 0 0 0 -50vw;
      width: 100vw;
      height: 50.26vw; }
    .end_contents::after {
      background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_end_chara@pc.png") no-repeat center top/100vw 58.542vw;
      margin: 0 0 0 -50vw;
      width: 100vw;
      height: 58.542vw; }
    .end_contents i.line {
      display: block;
      height: 9.74vw; }
      .end_contents i.line::after {
        width: 125vw;
        background: url("https://www.koeitecmoamerica.com/ryza3/img/top/bg_end_line@pc.png") no-repeat center top/125vw 100%;
        height: 6.771vw;
        margin-left: -62.5vw; }
    .end_contents header {
      height: 9.74vw;
      background-size: 100vw 100%;
      min-width: 66.667vw; }
    .end_contents h2 {
      font-size: 4.583vw;
      bottom: auto;
      top: 5.208vw;
      margin-left: -33.854vw;
      width: 36.458vw; }
    .end_contents i.point {
      width: 2.24vw;
      height: 2.24vw;
      bottom: 5.99vw;
      margin-left: -19.792vw; }
    .end_contents .wrap {
      height: 58.542vw;
      padding: 0 0 18.594vw;
      width: 28.646vw;
      left: -14.323vw; }
      .end_contents .wrap .btns {
        width: 28.646vw;
        padding-bottom: 1.042vw; }
        .end_contents .wrap .btns li {
          padding-bottom: 1.042vw; }
        .end_contents .wrap .btns a {
          width: 23.958vw;
          height: 7.031vw;
          border-radius: 3.49vw;
          padding: 0 0 0 0.521vw;
          border: 0.104vw solid #fe951e; }
          .end_contents .wrap .btns a span {
            font-size: 2.396vw;
            padding-top: 0; }
            .end_contents .wrap .btns a span i {
              font-size: 0.99vw;
              margin-top: 0.833vw; }
        .end_contents .wrap .btns.sns li {
          padding-bottom: 0.781vw; }
        .end_contents .wrap .btns.sns a {
          width: 17.448vw;
          height: 4.531vw;
          border-radius: 2.292vw;
          border: 0.104vw solid #17acdc; }
          .end_contents .wrap .btns.sns a em {
            font-size: 0.885vw;
            padding-right: 0.521vw; }

  .products_section .no-frame:before {
    width: 100vw;
    height: 247px; } }