@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

/* Hides from IE Mac */
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* ---------- 初期 ---------- */
body {
  letter-spacing: 0;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif !important; }

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  line-height: 0; }

a {
  text-decoration: none; }

strong {
  font-weight: bold; }

/* ---------- /共通部分 ---------- */
#jougetyuou {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto; }

#kadomaru {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }

#resbtn {
  -webkit-appearance: none; }

.ancr {
  position: relative;
  transition: 0.5s; }

.anca {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 10;
  cursor: pointer; }

.ancr:hover {
  opacity: 0.75;
  transition: 0.5s;
  cursor: pointer; }

/* ---------- /参考タグ部分 ---------- */
.wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.font_mont {
  font-family: "Montserrat", sans-serif; }

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-50%); } }
/* PC */
@media screen and (min-width: 901px) {
  .sponly {
    display: none !important; }

  header {
    width: auto;
    position: fixed;
    top: 44px;
    left: 50px;
    z-index: 10; }
    header .inner .logo {
      width: 93px; }
      header .inner .logo a {
        display: block;
        width: 100%; }

  #content {
    width: 100%;
    height: 100%;
    background: #FFD01C;
    position: relative;
    display: flex;
    justify-content: space-between; }

  .pc_left {
    width: 46.666%;
    max-width: 896px;
    height: 100vh;
    position: sticky;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .pc_left .pc_left_inner {
      width: 66%;
      max-width: 598px;
      margin: 0 auto; }
      .pc_left .pc_left_inner .pc_left_ttl {
        width: 85.618%;
        margin: 0 auto 49px; }
      .pc_left .pc_left_inner .pc_left_cont {
        padding: 25px 0;
        border-radius: 16px;
        background: #fff; }
        .pc_left .pc_left_inner .pc_left_cont .pc_left_boxes {
          width: 95%;
          max-width: 548px;
          margin: 0 auto;
          display: flex;
          justify-content: space-between; }
          .pc_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box {
            width: 48.175%; }
            .pc_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .pc_left_box_btn {
              max-width: 215px;
              margin: 16px auto 0; }
              .pc_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .pc_left_box_btn a {
                display: block;
                width: 100%;
                line-height: 0;
                transition: 0.3s; }
                .pc_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .pc_left_box_btn a:hover {
                  opacity: 0.8; }
                .pc_left .pc_left_inner .pc_left_cont .pc_left_boxes .pc_left_box .pc_left_box_btn a img {
                  filter: drop-shadow(1.6px 3.2px 0 #000); }

  .pc_center {
    width: 562px;
    height: 100%;
    padding: 50px 0; }
    .pc_center .main_cont {
      width: 562px;
      overflow: hidden;
      box-sizing: border-box;
      border-radius: 20px;
      border: solid 7px #000;
      background: #fff;
      color: #000; }
      .pc_center .main_cont img {
        width: 100%; }

  .pc_right {
    width: 24%;
    max-width: 462px;
    height: 100vh;
    position: sticky;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .pc_right .right_cont {
      width: 66%;
      max-width: 290px; }
      .pc_right .right_cont .pc_right_nav {
        max-width: 205px;
        margin: 0 auto 57px; }
        .pc_right .right_cont .pc_right_nav li {
          font-size: 22px;
          line-height: 2em;
          font-weight: 900; }
          .pc_right .right_cont .pc_right_nav li a {
            display: inline-block;
            color: #000;
            line-height: 2em;
            padding-left: 21px;
            position: relative; }
            .pc_right .right_cont .pc_right_nav li a::before {
              position: absolute;
              content: "";
              width: 12px;
              height: 12px;
              left: 0;
              top: 17px;
              border-radius: 100%;
              background: #fff; }
      .pc_right .right_cont .pc_right_slider {
        animation: floatY 4s ease-in-out infinite; }
        .pc_right .right_cont .pc_right_slider .img {
          padding-bottom: 10px; }
          .pc_right .right_cont .pc_right_slider .img img {
            filter: drop-shadow(11px 29px 8px rgba(210, 144, 63, 0.27)); } }
@media screen and (min-width: 901px) and (max-width: 1100px) {
  .pc_left {
    width: calc( 100% - 582px ); }
    .pc_left .pc_left_inner {
      width: 85%;
      max-width: 598px; }

  .pc_center {
    width: 582px; }

  .pc_right {
    display: none !important; } }
@media screen and (min-width: 901px) {
  @keyframes floatY {
    0% {
      transform: translateY(0); }
    50% {
      transform: translateY(-20px); }
    100% {
      transform: translateY(0); } }
  #mv {
    position: relative;
    padding: 57px 0 75px;
    background: #FFE378; }
    #mv .mv_slide {
      width: 429px;
      margin: 0 auto 138px; }
    #mv .mv_ttl {
      width: 511px;
      position: absolute;
      top: 510px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 3; }
    #mv .mv_icon {
      width: 133px;
      position: absolute;
      top: 20px;
      right: 22px;
      z-index: 3; }
    #mv .mv_ob {
      width: 100%;
      position: absolute;
      top: 34px;
      left: 0;
      z-index: 2; }
    #mv .mv_btn {
      width: 403px;
      margin: 0 auto; }
      #mv .mv_btn a {
        display: block;
        width: 100%;
        font-size: 31px;
        line-height: 2em;
        font-weight: 900;
        color: #000;
        text-align: center;
        padding: 11px 0;
        border-radius: 80px;
        border: solid 4px #000;
        background: #EA87BB;
        box-shadow: 3px 6px 0 #000;
        transition: 0.3s; }
        #mv .mv_btn a:hover {
          opacity: 0.8; }

  #media {
    padding: 37px 0; }
    #media .media_ttl {
      font-size: 30px;
      letter-spacing: 0.07em;
      line-height: 1.53em;
      font-weight: 900;
      text-align: center;
      margin-bottom: 22px; }
      #media .media_ttl span {
        display: inline-block;
        width: 330px;
        background: url("../img/media_ttl_bg.png") no-repeat center;
        background-size: contain; }
    #media .media_boxes {
      width: 100%;
      overflow: hidden;
      display: flex; }
      #media .media_boxes .media_box {
        width: 3675px;
        flex-shrink: 0;
        display: flex;
        justify-content: flex-start;
        animation: infinity-scroll-left 30s infinite linear 0.5s both; }
        #media .media_boxes .media_box img {
          width: 1822px;
          padding-left: 15px; }

  #head {
    padding: 352px 0 75px;
    position: relative;
    background: #FFE378; }
    #head::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 12px;
      left: 0;
      bottom: -6px;
      background: url("../img/section_dot_01.png") no-repeat;
      background-size: contain; }
    #head .head_img {
      width: 100%;
      position: absolute;
      top: -7px;
      left: 0; }
    #head .head_cont {
      width: 525px;
      margin: 0 auto;
      padding: 112px 0 55px;
      border-radius: 30px;
      border: solid 4px #000;
      background: #fff;
      position: relative; }
      #head .head_cont .head_cont_img {
        width: 136px;
        position: absolute;
        left: 195px;
        top: -90px;
        transform: rotate(10deg); }
      #head .head_cont .head_cont_txt {
        font-size: 30px;
        letter-spacing: 0.07em;
        line-height: 2.32em;
        font-weight: 900;
        text-align: center;
        margin-bottom: 30px; }
        #head .head_cont .head_cont_txt span {
          display: inline-block;
          line-height: 2.32em;
          position: relative;
          padding: 0 0.2em; }
          #head .head_cont .head_cont_txt span::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 8px;
            left: 0;
            bottom: 0;
            background: url("../img/head_line_dot.png") no-repeat;
            background-size: auto 100%; }
      #head .head_cont .causion {
        font-size: 15px;
        line-height: 1.1em;
        text-align: center;
        margin-bottom: 30px; }
      #head .head_cont .head_boxes {
        width: 465px;
        margin: 0 auto;
        position: relative; }
        #head .head_cont .head_boxes .head_box {
          width: 165px;
          height: 165px;
          box-sizing: border-box;
          border-radius: 100%;
          border: solid 4px #000;
          background: #FCF5DA;
          box-shadow: 4px 6px 0 #000; }
          #head .head_cont .head_boxes .head_box:nth-child(2) {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            z-index: 2; }
          #head .head_cont .head_boxes .head_box:nth-child(3) {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 3; }
          #head .head_cont .head_boxes .head_box .head_box_txt {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            text-align: center; }
            #head .head_cont .head_boxes .head_box .head_box_txt .txt {
              font-size: 19px;
              line-height: 1.3em;
              font-weight: 900; }
              #head .head_cont .head_boxes .head_box .head_box_txt .txt.small {
                font-size: 11px; }
              #head .head_cont .head_boxes .head_box .head_box_txt .txt:nth-child(2) {
                margin-top: 6px; }

  #set .inner {
    width: 495px;
    margin: 0 auto;
    padding: 105px 0 126px; }
    #set .inner .set_ttl {
      font-size: 42px;
      letter-spacing: 0.07em;
      line-height: 1.53em;
      font-weight: 900;
      color: #FF9900;
      text-align: center;
      margin-bottom: 75px; }
      #set .inner .set_ttl span {
        display: inline-block;
        font-size: 75px;
        line-height: 1.06em;
        color: #FF9900;
        vertical-align: -0.07em; }
    #set .inner .set_boxes .set_box {
      text-align: center; }
      #set .inner .set_boxes .set_box:nth-child(1) .set_box_img {
        width: 405px; }
      #set .inner .set_boxes .set_box:nth-child(2) {
        margin-top: 112px; }
        #set .inner .set_boxes .set_box:nth-child(2) .set_box_img {
          width: 420px; }
      #set .inner .set_boxes .set_box .set_box_ttl {
        font-size: 31px;
        line-height: 2em;
        font-weight: 900;
        padding: 2px 0;
        border-radius: 120px;
        border: solid 6px #000; }
        #set .inner .set_boxes .set_box .set_box_ttl.pink {
          background: #EA87BB; }
        #set .inner .set_boxes .set_box .set_box_ttl.orange {
          background: #FF9900; }
      #set .inner .set_boxes .set_box .set_box_img {
        margin: 30px auto; }
      #set .inner .set_boxes .set_box .set_box_price {
        width: 387px;
        margin: 0 auto; }
      #set .inner .set_boxes .set_box .set_box_coupon {
        width: 390px;
        margin: 30px auto;
        box-sizing: border-box;
        padding: 18px 19px 12px;
        border-radius: 15px;
        background: #FCF5DA;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap; }
        #set .inner .set_boxes .set_box .set_box_coupon .coupon_img {
          width: 117px; }
        #set .inner .set_boxes .set_box .set_box_coupon .coupon_txt {
          font-size: 21px;
          line-height: 1.5em;
          font-weight: 900; }
          #set .inner .set_boxes .set_box .set_box_coupon .coupon_txt.pink {
            color: #EA87BB; }
          #set .inner .set_boxes .set_box .set_box_coupon .coupon_txt.orange {
            color: #FF9900; }
          #set .inner .set_boxes .set_box .set_box_coupon .coupon_txt span {
            display: inline-block;
            font-size: 16px;
            line-height: 1; }
        #set .inner .set_boxes .set_box .set_box_coupon .causion {
          width: 100%;
          font-size: 15px;
          line-height: 2em;
          margin-top: 1px; }
      #set .inner .set_boxes .set_box .set_box_btn {
        width: 405px;
        margin: 0 auto; }
        #set .inner .set_boxes .set_box .set_box_btn a {
          display: block;
          width: 100%;
          font-size: 31px;
          line-height: 2em;
          font-weight: 900;
          color: #000;
          padding: 27px 0;
          border-radius: 120px;
          border: solid 4px #000;
          box-shadow: 3px 6px 0 #000;
          transition: 0.3s; }
          #set .inner .set_boxes .set_box .set_box_btn a.pink {
            background: #EA87BB; }
          #set .inner .set_boxes .set_box .set_box_btn a.orange {
            background: #FF9900; }
          #set .inner .set_boxes .set_box .set_box_btn a:hover {
            opacity: 0.8; }

  #question {
    position: relative;
    padding: 60px 0 51px;
    background: #B5B5B5;
    position: relative; }
    #question::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 21px;
      top: -20px;
      left: 0;
      background: url("../img/question_bg.png") no-repeat;
      background-size: contain; }
    #question .question_box {
      width: 525px;
      margin: 0 auto;
      box-sizing: border-box;
      padding: 60px 0;
      border-radius: 30px;
      border: solid 4px #000;
      background: #DCDCDC;
      text-align: center;
      position: relative; }
      #question .question_box .icon {
        width: 60px;
        position: absolute;
        top: -36px;
        left: 50%;
        transform: translateX(-50%); }
      #question .question_box .question_ttl {
        font-size: 34px;
        letter-spacing: 0.07em;
        line-height: 1.5em;
        font-weight: 900; }
      #question .question_box .question_txt {
        width: 459px;
        margin: 30px auto 0; }
      #question .question_box .question_img {
        width: 390px;
        margin: 0 auto; }

  #designed {
    position: relative;
    background: #FFE378;
    text-align: center; }
    #designed::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 21px;
      top: -20px;
      left: 0;
      background: url("../img/designed_bg.png") no-repeat;
      background-size: contain; }
    #designed::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 12px;
      left: 0;
      bottom: -6px;
      background: url("../img/section_dot_01.png") no-repeat;
      background-size: contain; }
    #designed .inner {
      width: 525px;
      margin: 0 auto;
      padding: 105px 0; }
      #designed .inner .designed_ttl {
        width: 490px;
        height: 192px;
        margin: 0 auto;
        box-sizing: border-box;
        padding-top: 39px;
        background: url("../img/designed_ttl_bg.png") no-repeat center;
        background-size: contain; }
        #designed .inner .designed_ttl .en {
          font-size: 16px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #8EB07A;
          margin-bottom: 4px; }
        #designed .inner .designed_ttl h2 {
          font-size: 33px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900; }
      #designed .inner .designed_img_01 {
        width: 303px;
        margin: 45px auto 22px; }
      #designed .inner .designed_txt {
        font-size: 22px;
        letter-spacing: 0.07em;
        line-height: 2em;
        font-weight: 900;
        margin-bottom: 22px; }
      #designed .inner .designed_img_02 {
        margin: 45px auto; }
      #designed .inner .designed_btn {
        width: 430px;
        margin: 45px auto 0; }
        #designed .inner .designed_btn a {
          display: block;
          width: 100%;
          font-size: 22px;
          line-height: 2em;
          font-weight: 900;
          color: #000;
          padding: 3px 0;
          box-sizing: border-box;
          border-radius: 45px;
          border: solid 4px #000;
          background: #BFD9AF;
          transition: 0.3s; }
          #designed .inner .designed_btn a:hover {
            opacity: 0.8; }

  #about {
    position: relative; }
    #about::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 12px;
      left: 0;
      bottom: -6px;
      background: url("../img/section_dot_01.png") no-repeat;
      background-size: contain;
      z-index: 3; }
    #about .inner {
      width: 495px;
      margin: 0 auto;
      padding: 105px 0; }
      #about .inner .about_ttl {
        width: 490px;
        height: 192px;
        margin: 0 auto;
        box-sizing: border-box;
        padding-top: 60px;
        background: url("../img/designed_ttl_bg.png") no-repeat center;
        background-size: contain;
        text-align: center; }
        #about .inner .about_ttl .en {
          font-size: 16px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #EA87BB;
          margin-bottom: 4px; }
        #about .inner .about_ttl h2 {
          font-size: 33px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900; }
      #about .inner .about_big_txt {
        font-size: 28px;
        letter-spacing: 0.07em;
        line-height: 2em;
        font-weight: 900;
        text-align: center;
        margin: 30px 0; }
      #about .inner .about_txt {
        margin-top: 30px;
        font-size: 21px;
        letter-spacing: 0.03em;
        line-height: 2em;
        font-weight: bold; }

  #point {
    background: #FFE378;
    position: relative; }
    #point::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 12px;
      left: 0;
      bottom: -6px;
      background: url("../img/section_dot_01.png") no-repeat;
      background-size: contain;
      z-index: 3; }
    #point .inner {
      width: 495px;
      margin: 0 auto;
      padding: 105px 0; }
      #point .inner .point_ttl {
        text-align: center;
        margin-bottom: 45px; }
        #point .inner .point_ttl .en {
          font-size: 24px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #EA87BB;
          margin-bottom: 6px; }
        #point .inner .point_ttl h2 {
          font-size: 45px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900; }
          #point .inner .point_ttl h2 .num {
            display: inline-block;
            font-size: 79px;
            line-height: 0.96em;
            margin-right: 6px; }
          #point .inner .point_ttl h2 .big {
            display: inline-block;
            font-size: 48px;
            line-height: 1.3125em; }
      #point .inner .slide_height {
        height: 1130px; }
      #point .inner .point_slider {
        width: 100%; }
        #point .inner .point_slider .point_cont {
          position: relative;
          padding-top: 60px; }
          #point .inner .point_slider .point_cont .point_num {
            width: auto;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            z-index: 2; }
            #point .inner .point_slider .point_cont .point_num img {
              width: auto;
              height: 114px; }
          #point .inner .point_slider .point_cont .point_box {
            box-sizing: border-box;
            padding: 78px 48px 30px;
            border-radius: 30px;
            border: solid 4px #000;
            background: #fff; }
            #point .inner .point_slider .point_cont .point_box h3 {
              font-size: 30px;
              letter-spacing: 0.07em;
              line-height: 1.5em;
              font-weight: 900;
              color: #EA87BB;
              text-align: center; }
            #point .inner .point_slider .point_cont .point_box .point_box_img {
              margin: 30px 0; }
            #point .inner .point_slider .point_cont .point_box .point_box_txt {
              font-size: 21px;
              letter-spacing: 0.03em;
              line-height: 2em;
              font-weight: bold; }
            #point .inner .point_slider .point_cont .point_box .causion {
              font-size: 15px;
              letter-spacing: 0.03em;
              line-height: 2em;
              margin-top: 30px; }
        #point .inner .point_slider .prev-arrow {
          width: 16px;
          position: absolute;
          left: -20px;
          top: 50%;
          transform: translateY(-50%);
          cursor: pointer; }
        #point .inner .point_slider .next-arrow {
          width: 16px;
          position: absolute;
          right: -20px;
          top: 50%;
          transform: translateY(-50%);
          cursor: pointer; }

  #scene {
    position: relative; }
    #scene::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 12px;
      left: 0;
      bottom: -6px;
      background: url("../img/section_dot_02.png") no-repeat;
      background-size: contain;
      z-index: 3; }
    #scene .inner {
      width: 100%;
      padding: 105px 0;
      overflow: hidden; }
      #scene .inner .scene_ttl {
        width: 490px;
        height: 192px;
        margin: 0 auto 52px;
        box-sizing: border-box;
        padding-top: 39px;
        background: url("../img/designed_ttl_bg.png") no-repeat center;
        background-size: contain;
        text-align: center; }
        #scene .inner .scene_ttl .en {
          font-size: 16px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #AF8662;
          margin-bottom: 4px; }
        #scene .inner .scene_ttl h2 {
          font-size: 33px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900; }
      #scene .inner .scene_slider {
        width: 507px;
        margin-left: auto;
        margin-bottom: 0; }
        #scene .inner .scene_slider .slick-list {
          overflow: visible;
          padding-right: 27px; }
        #scene .inner .scene_slider .scene_box {
          width: 480px;
          padding-right: 30px; }
          #scene .inner .scene_slider .scene_box .scene_box_txt {
            font-size: 25px;
            letter-spacing: 0.03em;
            line-height: 2em;
            font-weight: 900;
            margin-top: 15px; }
        #scene .inner .scene_slider .slide-dots {
          width: 450px;
          margin-top: 42px;
          text-align: center;
          font-size: 0; }
          #scene .inner .scene_slider .slide-dots li {
            display: inline-block;
            width: 21px;
            height: 21px;
            background: #D1B398;
            border-radius: 100%;
            margin: 0 10px;
            cursor: pointer; }
            #scene .inner .scene_slider .slide-dots li.slick-active {
              background: #000; }
            #scene .inner .scene_slider .slide-dots li button {
              display: block;
              background: none;
              border: none;
              font-size: 0;
              width: 100%;
              height: 100%;
              cursor: pointer; }

  #lineup {
    background: #FFD01C;
    position: relative; }
    #lineup::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 12px;
      left: 0;
      bottom: -6px;
      background: url("../img/section_dot_02.png") no-repeat;
      background-size: contain;
      z-index: 3; }
    #lineup .inner {
      width: 495px;
      margin: 0 auto;
      padding: 105px 0; }
      #lineup .inner .lineup_ttl {
        text-align: center;
        margin-bottom: 45px; }
        #lineup .inner .lineup_ttl .en {
          font-size: 24px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #EA87BB;
          margin-bottom: 6px; }
        #lineup .inner .lineup_ttl h2 {
          font-size: 45px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900; }
          #lineup .inner .lineup_ttl h2 .num {
            display: inline-block;
            font-size: 79px;
            line-height: 0.96em;
            margin-right: 6px; }
          #lineup .inner .lineup_ttl h2 .big {
            display: inline-block;
            font-size: 48px;
            line-height: 1.3125em; }
      #lineup .inner .lineup_slider {
        width: 100%; }
        #lineup .inner .lineup_slider .lineup_box {
          width: 100%; }
        #lineup .inner .lineup_slider .prev-arrow {
          width: 16px;
          position: absolute;
          left: -20px;
          top: 50%;
          transform: translateY(-50%);
          cursor: pointer; }
        #lineup .inner .lineup_slider .next-arrow {
          width: 16px;
          position: absolute;
          right: -20px;
          top: 50%;
          transform: translateY(-50%);
          cursor: pointer; }

  #howto {
    position: relative; }
    #howto::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 12px;
      left: 0;
      bottom: -6px;
      background: url("../img/section_dot_01.png") no-repeat;
      background-size: contain;
      z-index: 3; }
    #howto .inner {
      width: 495px;
      margin: 0 auto;
      padding: 105px 0; }
      #howto .inner .howto_ttl {
        width: 490px;
        height: 192px;
        margin: 0 auto;
        box-sizing: border-box;
        padding-top: 60px;
        background: url("../img/designed_ttl_bg.png") no-repeat center;
        background-size: contain;
        text-align: center; }
        #howto .inner .howto_ttl .en {
          font-size: 16px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #EA87BB;
          margin-bottom: 4px; }
        #howto .inner .howto_ttl h2 {
          font-size: 33px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900; }
      #howto .inner .howto_img {
        width: 441px;
        margin: 52px auto; }
      #howto .inner .howto_box {
        padding: 40px 28px;
        box-sizing: border-box;
        border-radius: 15px;
        background: #FCF5DA; }
        #howto .inner .howto_box .howto_box_img {
          width: 145px;
          margin: 0 auto 30px; }
        #howto .inner .howto_box .howto_box_ttl {
          font-size: 24px;
          letter-spacing: 0.07em;
          line-height: 1.5em;
          font-weight: 900;
          text-align: center;
          margin-bottom: 30px; }
        #howto .inner .howto_box .howto_box_txt {
          font-size: 21px;
          letter-spacing: 0.07em;
          line-height: 1.79em;
          font-weight: bold; }

  #voice {
    position: relative;
    background: #FFEDF7; }
    #voice::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 72px;
      left: 0;
      bottom: -30px;
      background: url("../img/voice_bg.png") no-repeat;
      background-size: contain;
      z-index: 3; }
    #voice .inner {
      width: 100%;
      padding: 105px 0;
      overflow: hidden; }
      #voice .inner .voice_ttl {
        width: 490px;
        height: 192px;
        margin: 0 auto 52px;
        box-sizing: border-box;
        padding-top: 39px;
        background: url("../img/designed_ttl_bg.png") no-repeat center;
        background-size: contain;
        text-align: center; }
        #voice .inner .voice_ttl .en {
          font-size: 16px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #AF8662;
          margin-bottom: 4px; }
        #voice .inner .voice_ttl h2 {
          font-size: 33px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900; }
      #voice .inner .voice_slider {
        width: 507px;
        margin-left: auto;
        margin-bottom: 0; }
        #voice .inner .voice_slider .slick-list {
          overflow: visible;
          padding-right: 19px; }
        #voice .inner .voice_slider .voice_box {
          width: 480px;
          padding-right: 30px; }
          #voice .inner .voice_slider .voice_box .voice_box_ttl {
            font-size: 25px;
            letter-spacing: 0.05em;
            line-height: 1.3em;
            font-weight: 900;
            text-align: center;
            padding: 6px 0;
            border-radius: 60px;
            border: solid 4px #000;
            background: #EA87BB;
            position: relative; }
            #voice .inner .voice_slider .voice_box .voice_box_ttl::before {
              position: absolute;
              content: "";
              width: 28px;
              height: 19px;
              bottom: -19px;
              left: 50%;
              transform: translateX(-50%);
              background: url("../img/voice_box_ttl_arrow.png") no-repeat;
              background-size: contain; }
          #voice .inner .voice_slider .voice_box .voice_box_name {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin: 25px 0 10px; }
            #voice .inner .voice_slider .voice_box .voice_box_name .img {
              width: 87px;
              margin-right: 15px; }
            #voice .inner .voice_slider .voice_box .voice_box_name .name {
              flex: 1;
              font-size: 25px;
              letter-spacing: 0.03em;
              line-height: 2em;
              font-weight: bold; }
          #voice .inner .voice_slider .voice_box .voice_box_txt {
            font-size: 21px;
            letter-spacing: 0.03em;
            line-height: 2em;
            font-weight: 900;
            margin-top: 10px; }
        #voice .inner .voice_slider .slide-dots {
          width: 450px;
          margin-top: 42px;
          text-align: center;
          font-size: 0; }
          #voice .inner .voice_slider .slide-dots li {
            display: inline-block;
            width: 21px;
            height: 21px;
            background: #D1B398;
            border-radius: 100%;
            margin: 0 10px;
            cursor: pointer; }
            #voice .inner .voice_slider .slide-dots li.slick-active {
              background: #000; }
            #voice .inner .voice_slider .slide-dots li button {
              display: block;
              background: none;
              border: none;
              font-size: 0;
              width: 100%;
              height: 100%;
              cursor: pointer; }

  #rice {
    position: relative;
    background: #FCF5DA; }
    #rice::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 72px;
      left: 0;
      bottom: -30px;
      background: url("../img/rice_bg.png") no-repeat;
      background-size: contain;
      z-index: 3; }
    #rice .inner {
      width: 495px;
      margin: 0 auto;
      padding: 52px 0; }
      #rice .inner .rice_box {
        padding: 75px 0 120px;
        background: url("../img/rice_box_img.png") no-repeat center;
        background-size: cover; }
        #rice .inner .rice_box .rice_ttl {
          text-align: center;
          margin-bottom: 30px; }
          #rice .inner .rice_box .rice_ttl .en {
            font-size: 24px;
            letter-spacing: 0.05em;
            line-height: 1.3em;
            font-weight: 900;
            color: #BFD9AF; }
          #rice .inner .rice_box .rice_ttl h2 {
            font-size: 43px;
            letter-spacing: 0.07em;
            line-height: 1.5em;
            font-weight: 900;
            color: #8EB07A; }
        #rice .inner .rice_box .rice_txt {
          width: 390px;
          margin: 0 auto;
          text-align: center; }
          #rice .inner .rice_box .rice_txt .txt {
            font-size: 21px;
            letter-spacing: 0.03em;
            line-height: 2em;
            font-weight: bold; }
            #rice .inner .rice_box .rice_txt .txt:nth-child(n+2) {
              margin-top: 18px; }

  .banner {
    padding: 120px 0 30px; }
    .banner .banner_box {
      width: 495px;
      margin: 0 auto; }
      .banner .banner_box a {
        display: block;
        width: 100%;
        transition: 0.3s; }
        .banner .banner_box a:hover {
          opacity: 0.8; }

  #faq {
    position: relative; }
    #faq .inner {
      width: 495px;
      margin: 0 auto;
      padding: 105px 0 82px; }
      #faq .inner .faq_ttl {
        text-align: center;
        margin-bottom: 22px; }
        #faq .inner .faq_ttl .en {
          font-size: 16px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #EA87BB;
          margin-bottom: 4px; }
        #faq .inner .faq_ttl h2 {
          font-size: 33px;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900; }
      #faq .inner .faq_boxes .faq_box {
        position: relative;
        padding: 22px 0; }
        #faq .inner .faq_boxes .faq_box::after {
          position: absolute;
          content: "";
          width: 100%;
          height: 8px;
          left: 0;
          bottom: -4px;
          background: url("../img/faq_dot.png") no-repeat;
          background-size: contain; }
        #faq .inner .faq_boxes .faq_box:last-child::after {
          display: none !important; }
        #faq .inner .faq_boxes .faq_box .q_box {
          display: flex;
          justify-content: flex-start;
          box-sizing: border-box;
          padding-right: 33px;
          position: relative;
          cursor: pointer; }
          #faq .inner .faq_boxes .faq_box .q_box::before {
            position: absolute;
            content: "";
            width: 40px;
            height: 39px;
            right: 0;
            top: 0;
            background: url("../img/faq_arrow.png") no-repeat;
            background-size: contain;
            transition: 0.3s; }
          #faq .inner .faq_boxes .faq_box .q_box.open::before {
            transform: rotate(-180deg); }
          #faq .inner .faq_boxes .faq_box .q_box .q_icon {
            font-size: 45px;
            line-height: 0.8em;
            font-weight: bold;
            color: #FFD01C;
            margin-right: 10px; }
          #faq .inner .faq_boxes .faq_box .q_box .q_txt {
            font-size: 21px;
            line-height: 1.7em;
            font-weight: bold; }
        #faq .inner .faq_boxes .faq_box .a_box {
          display: none;
          margin-top: 15px; }
          #faq .inner .faq_boxes .faq_box .a_box .a_txt {
            font-size: 19px;
            line-height: 1.7em; }
            #faq .inner .faq_boxes .faq_box .a_box .a_txt span {
              font-weight: bold; }

  .cta {
    width: 358px;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease; }
    .cta.show {
      opacity: 1;
      visibility: visible; }
    .cta .cta_btn {
      width: 100%; }
      .cta .cta_btn a {
        display: block;
        width: 100%;
        font-size: 21px;
        line-height: 2em;
        color: #000;
        font-weight: 900;
        text-align: center;
        padding: 2.5px 0;
        box-sizing: border-box;
        border-radius: 80px;
        border: solid 3px #000;
        background: url("../img/cta_arrow.png") no-repeat right 12px center #EA87BB;
        background-size: 30px;
        box-shadow: 2px 4px 0 #000; }
      .cta .cta_btn .img {
        width: 44px;
        position: absolute;
        top: -24px;
        left: 32px;
        transform: rotate(-10deg); }

  footer.lp_footer {
    padding: 60px 0 10px;
    background: #FFD01C;
    text-align: center; }
    footer.lp_footer .footer_link {
      margin-bottom: 45px; }
      footer.lp_footer .footer_link li:nth-child(n+2) {
        margin-top: 16px; }
      footer.lp_footer .footer_link li a {
        display: inline-block;
        font-size: 18px;
        line-height: 1.7em;
        font-weight: bold;
        color: #000; }
        footer.lp_footer .footer_link li a:hover {
          text-decoration: underline; }
    footer.lp_footer .footer_sns {
      display: flex;
      justify-content: center;
      margin-bottom: 45px; }
      footer.lp_footer .footer_sns li {
        width: 30px;
        margin: 0 7px; }
        footer.lp_footer .footer_sns li a {
          display: block;
          width: 100%; }
    footer.lp_footer .copyright {
      font-size: 15px;
      line-height: 1.7em; }

  @keyframes animation {
    0% {
      width: 0;
      height: 0;
      border-radius: 100px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px; }
    100% {
      width: 63.3px;
      height: 63.3px; } }
  @keyframes animation2 {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @keyframes animation3 {
    0% {
      opacity: 0;
      transform: translateY(30px); }
    100% {
      opacity: 1;
      transform: translateY(0); } }
  @keyframes animation4 {
    0% {
      opacity: 0;
      transform: scale(0.7, 0.7); }
    100% {
      opacity: 1;
      transform: scale(1, 1); } }
  .huwari {
    opacity: 0;
    transform: translateY(30px); }

  .huwari.is-active {
    animation-name: animation3;
    animation-duration: 0.5s;
    animation-fill-mode: forwards; }

  .huwari2 {
    opacity: 0;
    transform: scale(0.7, 0.7); }

  .huwari2.is-active {
    animation-name: animation4;
    animation-duration: 0.5s;
    animation-fill-mode: forwards; } }
/* SP */
@media screen and (max-width: 900px) {
  html {
    font-size: calc(100vw * 1 / 37.5); }

  .pconly {
    display: none !important; }

  header {
    width: 100%;
    position: absolute;
    z-index: 10; }
    header .inner {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      box-sizing: border-box;
      padding: 3.73vw 0 0 4.53vw; }
      header .inner .logo {
        width: 19.466vw;
        margin-right: 20vw; }
      header .inner .header_btn {
        width: 38.66vw; }
        header .inner .header_btn a {
          display: block;
          width: 100%;
          font-size: 4vw;
          line-height: 2em;
          font-weight: 900;
          color: #000;
          text-align: center;
          padding: 0.533vw 0;
          box-sizing: border-box;
          border-radius: 8vw;
          border: solid 0.8vw #000;
          background: #EA87BB; }

  /*ハンバーガー メニュー*/
  nav.hum {
    display: block;
    position: fixed;
    top: 1.6vw;
    right: -100vw;
    /*bottom: 0;*/
    width: 70.133vw;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: all .5s;
    z-index: 19;
    opacity: 1;
    background: #FCF5DA;
    border: solid 0.8vw #000;
    border-radius: 7.2vw; }

  .open nav.hum {
    right: 2.13vw;
    opacity: 1; }

  nav.hum .hum_inner {
    width: 62.133vw;
    margin: 0 auto;
    padding: 16.53vw 0 4.53vw;
    box-sizing: border-box; }
    nav.hum .hum_inner ul {
      margin: 0 0 8.266vw 12.533vw; }
      nav.hum .hum_inner ul li:nth-child(n+2) {
        margin-top: 1.6vw; }
      nav.hum .hum_inner ul li a {
        display: block;
        width: 100%;
        font-size: 4vw;
        line-height: 2em;
        font-weight: bold;
        color: #000;
        box-sizing: border-box;
        padding-left: 3.733vw;
        position: relative; }
        nav.hum .hum_inner ul li a::before {
          position: absolute;
          content: "";
          width: 2.13vw;
          height: 2.13vw;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          background: #FFD01C;
          border-radius: 100%; }
    nav.hum .hum_inner .hum_btn {
      width: 100%; }
      nav.hum .hum_inner .hum_btn a {
        display: block;
        width: 100%;
        font-size: 5.066vw;
        line-height: 2em;
        font-weight: 900;
        color: #000;
        text-align: center;
        padding: 2.4vw 0;
        border-radius: 21.33vw;
        border: solid 0.8vw #000;
        background: #EA87BB;
        box-shadow: 0.533vw 1.066vw 0 #000; }

  /*============
  .toggle_btn
  =============*/
  .toggle_btn {
    display: block;
    position: fixed;
    top: 3.73vw;
    right: 4.53vw;
    width: 10.66vw;
    height: 10.66vw;
    box-sizing: border-box;
    border-radius: 100%;
    border: solid 0.8vw #000;
    background: #FFD01C;
    transition: all .5s;
    cursor: pointer;
    z-index: 23; }

  .toggle_btn span {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 4.8vw;
    height: 0.8vw;
    background-color: #000;
    border-radius: 26.66vw;
    transition: all .5s; }

  .toggle_btn span:nth-child(1) {
    top: 3.33vw; }

  .toggle_btn span:nth-child(2) {
    top: 4.8vw; }

  .open .toggle_btn span:nth-child(1) {
    -webkit-transform: translateX(-50%) translateY(0.733vw) rotate(-200deg);
    transform: translateX(-50%) translateY(0.733vw) rotate(-200deg); }

  .open .toggle_btn span:nth-child(2) {
    -webkit-transform: translateX(-50%) translateY(-0.733vw) rotate(200deg);
    transform: translateX(-50%) translateY(-0.733vw) rotate(200deg); }

  /*============
  #mask
  =============*/
  #mask {
    display: none;
    transition: all .5s; }

  .open #mask {
    display: block;
    transition: all .5s;
    position: absolute;
    top: 13.73vw;
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: 18; }

  .main_cont {
    width: 100%;
    color: #000; }
    .main_cont img {
      width: 100%; }

  #mv {
    position: relative;
    padding: 23.466vw 0 13.33vw;
    background: #FFE378; }
    #mv .mv_slide {
      width: 76.266vw;
      margin: 0 auto 24.533vw; }
    #mv .mv_ttl {
      width: 90.933vw;
      position: absolute;
      top: 103.466vw;
      left: 50%;
      transform: translateX(-50%);
      z-index: 3; }
    #mv .mv_icon {
      width: 23.637vw;
      position: absolute;
      top: 17.33vw;
      right: 4.53vw;
      z-index: 3; }
    #mv .mv_ob {
      width: 100%;
      position: absolute;
      top: 19.466vw;
      left: 0;
      z-index: 2; }
    #mv .mv_btn {
      width: 71.73vw;
      margin: 0 auto; }
      #mv .mv_btn a {
        display: block;
        width: 100%;
        font-size: 5.6vw;
        line-height: 2em;
        font-weight: 900;
        color: #000;
        text-align: center;
        padding: 2vw 0;
        border-radius: 21.33vw;
        border: solid 0.8vw #000;
        background: #EA87BB;
        box-shadow: 0.533vw 1.066vw 0 #000; }

  #media {
    padding: 6.66vw 0; }
    #media .media_ttl {
      font-size: 5.33vw;
      letter-spacing: 0.07em;
      line-height: 1.53em;
      font-weight: 900;
      text-align: center;
      margin-bottom: 4vw; }
      #media .media_ttl span {
        display: inline-block;
        width: 58.66vw;
        background: url("../img/media_ttl_bg.png") no-repeat center;
        background-size: contain; }
    #media .media_boxes {
      width: 100%;
      overflow: hidden;
      display: flex; }
      #media .media_boxes .media_box {
        width: 653.333vw;
        flex-shrink: 0;
        display: flex;
        justify-content: flex-start;
        animation: infinity-scroll-left 30s infinite linear 0.5s both; }
        #media .media_boxes .media_box img {
          width: 324vw;
          padding-left: 2.66vw; }

  #head {
    padding: 62.666vw 0 13.33vw;
    position: relative;
    background: #FFE378; }
    #head::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 2.133vw;
      left: 0;
      bottom: -1.066vw;
      background: url("../img/section_dot_01.png") no-repeat;
      background-size: contain; }
    #head .head_img {
      width: 100%;
      position: absolute;
      top: -1.333vw;
      left: 0; }
    #head .head_cont {
      width: 93.333vw;
      margin: 0 auto;
      padding: 20vw 0 9.866vw;
      border-radius: 5.33vw;
      border: solid 0.8vw #000;
      background: #fff;
      position: relative; }
      #head .head_cont .head_cont_img {
        width: 24.266vw;
        position: absolute;
        left: 34.66vw;
        top: -16.266vw;
        transform: rotate(10deg); }
      #head .head_cont .head_cont_txt {
        font-size: 5.33vw;
        letter-spacing: 0.07em;
        line-height: 2.32em;
        font-weight: 900;
        text-align: center;
        margin-bottom: 5.333vw; }
        #head .head_cont .head_cont_txt span {
          display: inline-block;
          position: relative;
          line-height: 2.32em;
          padding: 0 0.2em; }
          #head .head_cont .head_cont_txt span::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 1.333vw;
            left: 0;
            bottom: 0;
            background: url("../img/head_line_dot.png") no-repeat;
            background-size: auto 100%; }
      #head .head_cont .causion {
        font-size: 2.66vw;
        line-height: 1.1em;
        text-align: center;
        margin-bottom: 5.6vw; }
      #head .head_cont .head_boxes {
        width: 82.666vw;
        margin: 0 auto;
        position: relative; }
        #head .head_cont .head_boxes .head_box {
          width: 29.333vw;
          height: 29.333vw;
          box-sizing: border-box;
          border-radius: 100%;
          border: solid 0.8vw #000;
          background: #FCF5DA;
          box-shadow: 0.8vw 1.066vw 0 #000; }
          #head .head_cont .head_boxes .head_box:nth-child(2) {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            z-index: 2; }
          #head .head_cont .head_boxes .head_box:nth-child(3) {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 3; }
          #head .head_cont .head_boxes .head_box .head_box_txt {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            text-align: center; }
            #head .head_cont .head_boxes .head_box .head_box_txt .txt {
              font-size: 3.397vw;
              line-height: 1.3em;
              font-weight: 900; }
              #head .head_cont .head_boxes .head_box .head_box_txt .txt.small {
                font-size: 1.981vw; }
              #head .head_cont .head_boxes .head_box .head_box_txt .txt:nth-child(2) {
                margin-top: 1.066vw; }

  #set .inner {
    width: 88vw;
    margin: 0 auto;
    padding: 18.666vw 0 22.4vw; }
    #set .inner .set_ttl {
      font-size: 7.466vw;
      letter-spacing: 0.07em;
      line-height: 1.53em;
      font-weight: 900;
      color: #FF9900;
      text-align: center;
      margin-bottom: 13.333vw; }
      #set .inner .set_ttl span {
        display: inline-block;
        font-size: 13.333vw;
        line-height: 1.06em;
        color: #FF9900;
        vertical-align: -0.07em; }
    #set .inner .set_boxes .set_box {
      text-align: center; }
      #set .inner .set_boxes .set_box:nth-child(1) .set_box_img {
        width: 72.266vw; }
      #set .inner .set_boxes .set_box:nth-child(2) {
        margin-top: 20vw; }
        #set .inner .set_boxes .set_box:nth-child(2) .set_box_img {
          width: 74.933vw; }
      #set .inner .set_boxes .set_box .set_box_ttl {
        font-size: 5.6vw;
        line-height: 2em;
        font-weight: 900;
        padding: 0.4vw 0;
        border-radius: 21.333vw;
        border: solid 1.066vw #000; }
        #set .inner .set_boxes .set_box .set_box_ttl.pink {
          background: #EA87BB; }
        #set .inner .set_boxes .set_box .set_box_ttl.orange {
          background: #FF9900; }
      #set .inner .set_boxes .set_box .set_box_img {
        margin: 5.33vw auto; }
      #set .inner .set_boxes .set_box .set_box_price {
        width: 69.066vw;
        margin: 0 auto; }
      #set .inner .set_boxes .set_box .set_box_coupon {
        width: 69.333vw;
        margin: 5.333vw auto;
        box-sizing: border-box;
        padding: 3.2vw 3.466vw 2.133vw;
        border-radius: 2.666vw;
        background: #FCF5DA;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap; }
        #set .inner .set_boxes .set_box .set_box_coupon .coupon_img {
          width: 20.8vw; }
        #set .inner .set_boxes .set_box .set_box_coupon .coupon_txt {
          font-size: 3.73vw;
          line-height: 1.5em;
          font-weight: 900; }
          #set .inner .set_boxes .set_box .set_box_coupon .coupon_txt.pink {
            color: #EA87BB; }
          #set .inner .set_boxes .set_box .set_box_coupon .coupon_txt.orange {
            color: #FF9900; }
          #set .inner .set_boxes .set_box .set_box_coupon .coupon_txt span {
            display: inline-block;
            font-size: 2.933vw;
            line-height: 1; }
        #set .inner .set_boxes .set_box .set_box_coupon .causion {
          width: 100%;
          font-size: 2.666vw;
          line-height: 2em;
          margin-top: 0.266vw; }
      #set .inner .set_boxes .set_box .set_box_btn {
        width: 71.733vw;
        margin: 0 auto; }
        #set .inner .set_boxes .set_box .set_box_btn a {
          display: block;
          width: 100%;
          font-size: 5.6vw;
          line-height: 2em;
          font-weight: 900;
          color: #000;
          padding: 4.8vw 0;
          border-radius: 21.333vw;
          border: solid 0.8vw #000;
          box-shadow: 0.533vw 1.066vw 0 #000; }
          #set .inner .set_boxes .set_box .set_box_btn a.pink {
            background: #EA87BB; }
          #set .inner .set_boxes .set_box .set_box_btn a.orange {
            background: #FF9900; }

  #question {
    position: relative;
    padding: 10.66vw 0 9.066vw;
    background: #B5B5B5;
    position: relative; }
    #question::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 3.733vw;
      top: -3.733vw;
      left: 0;
      background: url("../img/question_bg.png") no-repeat;
      background-size: contain; }
    #question .question_box {
      width: 93.333vw;
      margin: 0 auto;
      box-sizing: border-box;
      padding: 10.666vw 0;
      border-radius: 5.33vw;
      border: solid 0.8vw #000;
      background: #DCDCDC;
      text-align: center;
      position: relative; }
      #question .question_box .icon {
        width: 10.666vw;
        position: absolute;
        top: -6.4vw;
        left: 50%;
        transform: translateX(-50%); }
      #question .question_box .question_ttl {
        font-size: 6.133vw;
        letter-spacing: 0.07em;
        line-height: 1.5em;
        font-weight: 900; }
      #question .question_box .question_txt {
        width: 81.6vw;
        margin: 5.333vw auto 0; }
      #question .question_box .question_img {
        width: 69.333vw;
        margin: 0 auto; }

  #designed {
    position: relative;
    background: #FFE378;
    text-align: center; }
    #designed::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 3.733vw;
      top: -3.733vw;
      left: 0;
      background: url("../img/designed_bg.png") no-repeat;
      background-size: contain; }
    #designed::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 2.133vw;
      left: 0;
      bottom: -1.066vw;
      background: url("../img/section_dot_01.png") no-repeat;
      background-size: contain; }
    #designed .inner {
      width: 93.333vw;
      margin: 0 auto;
      padding: 18.666vw 0; }
      #designed .inner .designed_ttl {
        width: 87.2vw;
        height: 34.133vw;
        margin: 0 auto;
        box-sizing: border-box;
        padding-top: 6.933vw;
        background: url("../img/designed_ttl_bg.png") no-repeat center;
        background-size: contain; }
        #designed .inner .designed_ttl .en {
          font-size: 2.933vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #8EB07A;
          margin-bottom: 0.8vw; }
        #designed .inner .designed_ttl h2 {
          font-size: 5.866vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900; }
      #designed .inner .designed_img_01 {
        width: 53.866vw;
        margin: 8vw auto 4vw; }
      #designed .inner .designed_txt {
        font-size: 4vw;
        letter-spacing: 0.07em;
        line-height: 2em;
        font-weight: 900;
        margin-bottom: 4vw; }
      #designed .inner .designed_img_02 {
        margin: 8vw auto; }
      #designed .inner .designed_btn {
        width: 76.533vw;
        margin: 8vw auto 0; }
        #designed .inner .designed_btn a {
          display: block;
          width: 100%;
          font-size: 4vw;
          line-height: 2em;
          font-weight: 900;
          color: #000;
          padding: 0.533vw 0;
          box-sizing: border-box;
          border-radius: 8vw;
          border: solid 0.8vw #000;
          background: #BFD9AF; }

  #about {
    position: relative; }
    #about::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 2.133vw;
      left: 0;
      bottom: -1.066vw;
      background: url("../img/section_dot_01.png") no-repeat;
      background-size: contain;
      z-index: 3; }
    #about .inner {
      width: 88vw;
      margin: 0 auto;
      padding: 18.666vw 0; }
      #about .inner .about_ttl {
        width: 87.2vw;
        height: 34.133vw;
        margin: 0 auto;
        box-sizing: border-box;
        padding-top: 10.66vw;
        background: url("../img/designed_ttl_bg.png") no-repeat center;
        background-size: contain;
        text-align: center; }
        #about .inner .about_ttl .en {
          font-size: 2.933vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #EA87BB;
          margin-bottom: 0.8vw; }
        #about .inner .about_ttl h2 {
          font-size: 5.866vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900; }
      #about .inner .about_big_txt {
        font-size: 5.066vw;
        letter-spacing: 0.07em;
        line-height: 2em;
        font-weight: 900;
        text-align: center;
        margin: 5.333vw 0; }
      #about .inner .about_txt {
        margin-top: 5.333vw;
        font-size: 3.733vw;
        letter-spacing: 0.03em;
        line-height: 2em;
        font-weight: bold; }

  #point {
    background: #FFE378;
    position: relative; }
    #point::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 2.133vw;
      left: 0;
      bottom: -1.066vw;
      background: url("../img/section_dot_01.png") no-repeat;
      background-size: contain;
      z-index: 3; }
    #point .inner {
      width: 88vw;
      margin: 0 auto;
      padding: 18.666vw 0; }
      #point .inner .point_ttl {
        text-align: center;
        margin-bottom: 8.266vw; }
        #point .inner .point_ttl .en {
          font-size: 4.266vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #EA87BB;
          margin-bottom: 1.066vw; }
        #point .inner .point_ttl h2 {
          font-size: 8vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900; }
          #point .inner .point_ttl h2 .num {
            display: inline-block;
            font-size: 14.133vw;
            line-height: 0.96em;
            margin-right: 1.066vw; }
          #point .inner .point_ttl h2 .big {
            display: inline-block;
            font-size: 8.533vw;
            line-height: 1.3125em; }
      #point .inner .slide_height {
        height: 201.33vw; }
      #point .inner .point_slider {
        width: 100%; }
        #point .inner .point_slider .point_cont {
          position: relative;
          padding-top: 10.4vw; }
          #point .inner .point_slider .point_cont .point_num {
            width: auto;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            z-index: 2; }
            #point .inner .point_slider .point_cont .point_num img {
              width: auto;
              height: 20.266vw; }
          #point .inner .point_slider .point_cont .point_box {
            box-sizing: border-box;
            padding: 13.866vw 8.533vw 5.6vw;
            border-radius: 5.333vw;
            border: solid 0.8vw #000;
            background: #fff; }
            #point .inner .point_slider .point_cont .point_box h3 {
              font-size: 5.333vw;
              letter-spacing: 0.07em;
              line-height: 1.5em;
              font-weight: 900;
              color: #EA87BB;
              text-align: center; }
            #point .inner .point_slider .point_cont .point_box .point_box_img {
              margin: 5.6vw 0; }
            #point .inner .point_slider .point_cont .point_box .point_box_txt {
              font-size: 3.733vw;
              letter-spacing: 0.03em;
              line-height: 2em;
              font-weight: bold; }
            #point .inner .point_slider .point_cont .point_box .causion {
              font-size: 2.666vw;
              letter-spacing: 0.03em;
              line-height: 2em;
              margin-top: 5.6vw; }
        #point .inner .point_slider .prev-arrow {
          width: 2.933vw;
          position: absolute;
          left: -4.266vw;
          top: 50%;
          transform: translateY(-50%); }
        #point .inner .point_slider .next-arrow {
          width: 2.933vw;
          position: absolute;
          right: -4.266vw;
          top: 50%;
          transform: translateY(-50%); }

  #scene {
    position: relative; }
    #scene::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 2.133vw;
      left: 0;
      bottom: -1.066vw;
      background: url("../img/section_dot_02.png") no-repeat;
      background-size: contain;
      z-index: 3; }
    #scene .inner {
      width: 100%;
      padding: 18.666vw 0;
      overflow: hidden; }
      #scene .inner .scene_ttl {
        width: 87.2vw;
        height: 34.133vw;
        margin: 0 auto 9.333vw;
        box-sizing: border-box;
        padding-top: 6.933vw;
        background: url("../img/designed_ttl_bg.png") no-repeat center;
        background-size: contain;
        text-align: center; }
        #scene .inner .scene_ttl .en {
          font-size: 2.933vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #AF8662;
          margin-bottom: 0.8vw; }
        #scene .inner .scene_ttl h2 {
          font-size: 5.866vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900; }
      #scene .inner .scene_slider {
        width: 90.133vw;
        margin-left: auto;
        margin-bottom: 0; }
        #scene .inner .scene_slider .slick-list {
          overflow: visible;
          padding-right: 4.8vw; }
        #scene .inner .scene_slider .scene_box {
          width: 85.333vw;
          padding-right: 5.333vw; }
          #scene .inner .scene_slider .scene_box .scene_box_txt {
            font-size: 4.533vw;
            letter-spacing: 0.03em;
            line-height: 2em;
            font-weight: 900;
            margin-top: 2.4vw; }
        #scene .inner .scene_slider .slide-dots {
          width: 80vw;
          margin-top: 7.466vw;
          text-align: center;
          font-size: 0; }
          #scene .inner .scene_slider .slide-dots li {
            display: inline-block;
            width: 3.733vw;
            height: 3.733vw;
            background: #D1B398;
            border-radius: 100%;
            margin: 0 1.866vw; }
            #scene .inner .scene_slider .slide-dots li.slick-active {
              background: #000; }
            #scene .inner .scene_slider .slide-dots li button {
              display: block;
              background: none;
              border: none;
              font-size: 0;
              width: 100%;
              height: 100%; }

  #lineup {
    background: #FFD01C;
    position: relative; }
    #lineup::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 2.133vw;
      left: 0;
      bottom: -1.066vw;
      background: url("../img/section_dot_02.png") no-repeat;
      background-size: contain;
      z-index: 3; }
    #lineup .inner {
      width: 88vw;
      margin: 0 auto;
      padding: 18.666vw 0; }
      #lineup .inner .lineup_ttl {
        text-align: center;
        margin-bottom: 8.266vw; }
        #lineup .inner .lineup_ttl .en {
          font-size: 4.266vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #EA87BB;
          margin-bottom: 1.066vw; }
        #lineup .inner .lineup_ttl h2 {
          font-size: 8vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900; }
          #lineup .inner .lineup_ttl h2 .num {
            display: inline-block;
            font-size: 14.133vw;
            line-height: 0.96em;
            margin-right: 1.066vw; }
          #lineup .inner .lineup_ttl h2 .big {
            display: inline-block;
            font-size: 8.533vw;
            line-height: 1.3125em; }
      #lineup .inner .lineup_slider {
        width: 100%; }
        #lineup .inner .lineup_slider .lineup_box {
          width: 100%; }
        #lineup .inner .lineup_slider .prev-arrow {
          width: 2.933vw;
          position: absolute;
          left: -4.266vw;
          top: 50%;
          transform: translateY(-50%); }
        #lineup .inner .lineup_slider .next-arrow {
          width: 2.933vw;
          position: absolute;
          right: -4.266vw;
          top: 50%;
          transform: translateY(-50%); }

  #howto {
    position: relative; }
    #howto::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 2.133vw;
      left: 0;
      bottom: -1.066vw;
      background: url("../img/section_dot_01.png") no-repeat;
      background-size: contain;
      z-index: 3; }
    #howto .inner {
      width: 88vw;
      margin: 0 auto;
      padding: 18.666vw 0; }
      #howto .inner .howto_ttl {
        width: 87.2vw;
        height: 34.133vw;
        margin: 0 auto;
        box-sizing: border-box;
        padding-top: 10.666vw;
        background: url("../img/designed_ttl_bg.png") no-repeat center;
        background-size: contain;
        text-align: center; }
        #howto .inner .howto_ttl .en {
          font-size: 2.933vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #EA87BB;
          margin-bottom: 0.8vw; }
        #howto .inner .howto_ttl h2 {
          font-size: 5.866vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900; }
      #howto .inner .howto_img {
        width: 78.4vw;
        margin: 9.333vw auto; }
      #howto .inner .howto_box {
        padding: 7.2vw 5.066vw;
        box-sizing: border-box;
        border-radius: 2.666vw;
        background: #FCF5DA; }
        #howto .inner .howto_box .howto_box_img {
          width: 25.866vw;
          margin: 0 auto 5.6vw; }
        #howto .inner .howto_box .howto_box_ttl {
          font-size: 4.266vw;
          letter-spacing: 0.07em;
          line-height: 1.5em;
          font-weight: 900;
          text-align: center;
          margin-bottom: 5.6vw; }
        #howto .inner .howto_box .howto_box_txt {
          font-size: 3.733vw;
          letter-spacing: 0.07em;
          line-height: 1.79em;
          font-weight: bold; }

  #voice {
    position: relative;
    background: #FFEDF7; }
    #voice::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 12.8vw;
      left: 0;
      bottom: -5.333vw;
      background: url("../img/voice_bg.png") no-repeat;
      background-size: contain;
      z-index: 3; }
    #voice .inner {
      width: 100%;
      padding: 18.666vw 0;
      overflow: hidden; }
      #voice .inner .voice_ttl {
        width: 87.2vw;
        height: 34.133vw;
        margin: 0 auto 9.333vw;
        box-sizing: border-box;
        padding-top: 6.933vw;
        background: url("../img/designed_ttl_bg.png") no-repeat center;
        background-size: contain;
        text-align: center; }
        #voice .inner .voice_ttl .en {
          font-size: 2.933vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #AF8662;
          margin-bottom: 0.8vw; }
        #voice .inner .voice_ttl h2 {
          font-size: 5.866vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900; }
      #voice .inner .voice_slider {
        width: 90.133vw;
        margin-left: auto;
        margin-bottom: 0; }
        #voice .inner .voice_slider .slick-list {
          overflow: visible;
          padding-right: 3.466vw; }
        #voice .inner .voice_slider .voice_box {
          width: 85.333vw;
          padding-right: 5.333vw; }
          #voice .inner .voice_slider .voice_box .voice_box_ttl {
            font-size: 4.533vw;
            letter-spacing: 0.05em;
            line-height: 1.3em;
            font-weight: 900;
            text-align: center;
            padding: 1.066vw 0;
            border-radius: 10.666vw;
            border: solid 0.8vw #000;
            background: #EA87BB;
            position: relative; }
            #voice .inner .voice_slider .voice_box .voice_box_ttl::before {
              position: absolute;
              content: "";
              width: 5.066vw;
              height: 3.466vw;
              bottom: -3.466vw;
              left: 50%;
              transform: translateX(-50%);
              background: url("../img/voice_box_ttl_arrow.png") no-repeat;
              background-size: contain; }
          #voice .inner .voice_slider .voice_box .voice_box_name {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin: 4.533vw 0 1.866vw; }
            #voice .inner .voice_slider .voice_box .voice_box_name .img {
              width: 15.466vw;
              margin-right: 2.666vw; }
            #voice .inner .voice_slider .voice_box .voice_box_name .name {
              flex: 1;
              font-size: 4.533vw;
              letter-spacing: 0.03em;
              line-height: 2em;
              font-weight: bold; }
          #voice .inner .voice_slider .voice_box .voice_box_txt {
            font-size: 3.733vw;
            letter-spacing: 0.03em;
            line-height: 2em;
            font-weight: 900;
            margin-top: 1.866vw; }
        #voice .inner .voice_slider .slide-dots {
          width: 80vw;
          margin-top: 7.466vw;
          text-align: center;
          font-size: 0; }
          #voice .inner .voice_slider .slide-dots li {
            display: inline-block;
            width: 3.733vw;
            height: 3.733vw;
            background: #D1B398;
            border-radius: 100%;
            margin: 0 1.866vw; }
            #voice .inner .voice_slider .slide-dots li.slick-active {
              background: #000; }
            #voice .inner .voice_slider .slide-dots li button {
              display: block;
              background: none;
              border: none;
              font-size: 0;
              width: 100%;
              height: 100%; }

  #rice {
    position: relative;
    background: #FCF5DA; }
    #rice::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 12.8vw;
      left: 0;
      bottom: -5.333vw;
      background: url("../img/rice_bg.png") no-repeat;
      background-size: contain;
      z-index: 3; }
    #rice .inner {
      width: 88vw;
      margin: 0 auto;
      padding: 9.333vw 0; }
      #rice .inner .rice_box {
        padding: 13.333vw 0 21.333vw;
        background: url("../img/rice_box_img.png") no-repeat center;
        background-size: cover; }
        #rice .inner .rice_box .rice_ttl {
          text-align: center;
          margin-bottom: 5.6vw; }
          #rice .inner .rice_box .rice_ttl .en {
            font-size: 4.266vw;
            letter-spacing: 0.05em;
            line-height: 1.3em;
            font-weight: 900;
            color: #BFD9AF; }
          #rice .inner .rice_box .rice_ttl h2 {
            font-size: 7.733vw;
            letter-spacing: 0.07em;
            line-height: 1.5em;
            font-weight: 900;
            color: #8EB07A; }
        #rice .inner .rice_box .rice_txt {
          width: 69.333vw;
          margin: 0 auto;
          text-align: center; }
          #rice .inner .rice_box .rice_txt .txt {
            font-size: 3.733vw;
            letter-spacing: 0.03em;
            line-height: 2em;
            font-weight: bold; }
            #rice .inner .rice_box .rice_txt .txt:nth-child(n+2) {
              margin-top: 3.2vw; }

  .banner {
    padding: 21.333vw 0 5.333vw; }
    .banner .banner_box {
      width: 88vw;
      margin: 0 auto; }
      .banner .banner_box a {
        display: block;
        width: 100%; }

  #faq {
    position: relative; }
    #faq .inner {
      width: 88vw;
      margin: 0 auto;
      padding: 18.666vw 0 14.666vw; }
      #faq .inner .faq_ttl {
        text-align: center;
        margin-bottom: 4vw; }
        #faq .inner .faq_ttl .en {
          font-size: 2.933vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900;
          color: #EA87BB;
          margin-bottom: 0.8vw; }
        #faq .inner .faq_ttl h2 {
          font-size: 5.866vw;
          letter-spacing: 0.05em;
          line-height: 1.3em;
          font-weight: 900; }
      #faq .inner .faq_boxes .faq_box {
        position: relative;
        padding: 4vw 0; }
        #faq .inner .faq_boxes .faq_box::after {
          position: absolute;
          content: "";
          width: 100%;
          height: 1.333vw;
          left: 0;
          bottom: -0.533vw;
          background: url("../img/faq_dot.png") no-repeat;
          background-size: contain; }
        #faq .inner .faq_boxes .faq_box:last-child::after {
          display: none !important; }
        #faq .inner .faq_boxes .faq_box .q_box {
          display: flex;
          justify-content: flex-start;
          box-sizing: border-box;
          padding-right: 8.8vw;
          position: relative; }
          #faq .inner .faq_boxes .faq_box .q_box::before {
            position: absolute;
            content: "";
            width: 7.2vw;
            height: 6.933vw;
            right: 0;
            top: 0;
            background: url("../img/faq_arrow.png") no-repeat;
            background-size: contain;
            transition: 0.3s; }
          #faq .inner .faq_boxes .faq_box .q_box.open::before {
            transform: rotate(-180deg); }
          #faq .inner .faq_boxes .faq_box .q_box .q_icon {
            font-size: 8vw;
            line-height: 0.8em;
            font-weight: bold;
            color: #FFD01C;
            margin-right: 1.866vw; }
          #faq .inner .faq_boxes .faq_box .q_box .q_txt {
            font-size: 3.733vw;
            line-height: 1.7em;
            font-weight: bold; }
        #faq .inner .faq_boxes .faq_box .a_box {
          display: none;
          margin-top: 2.666vw; }
          #faq .inner .faq_boxes .faq_box .a_box .a_txt {
            font-size: 3.466vw;
            line-height: 1.7em; }
            #faq .inner .faq_boxes .faq_box .a_box .a_txt span {
              font-weight: bold; }

  .cta {
    width: 95.466vw;
    position: fixed;
    bottom: 5.333vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease; }
    .cta.show {
      opacity: 1;
      visibility: visible; }
    .cta .cta_btn {
      width: 100%; }
      .cta .cta_btn a {
        display: block;
        width: 100%;
        font-size: 5.6vw;
        line-height: 2em;
        color: #000;
        font-weight: 900;
        text-align: center;
        padding: 0.666vw 0;
        box-sizing: border-box;
        border-radius: 21.333vw;
        border: solid 0.8vw #000;
        background: url("../img/cta_arrow.png") no-repeat right 3.2vw center #EA87BB;
        background-size: 8vw;
        box-shadow: 0.533vw 1.066vw 0 #000; }
      .cta .cta_btn .img {
        width: 11.733vw;
        position: absolute;
        top: -6.4vw;
        left: 8.533vw;
        transform: rotate(-10deg); }

  footer.lp_footer {
    padding: 10.666vw 0 26.666vw;
    background: #FFD01C;
    text-align: center; }
    footer.lp_footer .footer_link {
      margin-bottom: 8vw; }
      footer.lp_footer .footer_link li:nth-child(n+2) {
        margin-top: 2.933vw; }
      footer.lp_footer .footer_link li a {
        display: inline-block;
        font-size: 3.2vw;
        line-height: 1.7em;
        font-weight: bold;
        color: #000; }
    footer.lp_footer .footer_sns {
      display: flex;
      justify-content: center;
      margin-bottom: 8vw; }
      footer.lp_footer .footer_sns li {
        width: 5.333vw;
        margin: 0 1.333vw; }
        footer.lp_footer .footer_sns li a {
          display: block;
          width: 100%; }
    footer.lp_footer .copyright {
      font-size: 2.666vw;
      line-height: 1.7em; }

  @keyframes animation2 {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @keyframes animation3 {
    0% {
      opacity: 0;
      transform: translateY(5.33vw); }
    100% {
      opacity: 1;
      transform: translateY(0); } }
  @keyframes animation4 {
    0% {
      opacity: 0;
      transform: scale(0.7, 0.7); }
    100% {
      opacity: 1;
      transform: scale(1, 1); } }
  .huwari {
    opacity: 0;
    transform: translateY(5.33vw); }

  .huwari.is-active {
    animation-name: animation3;
    animation-duration: 0.5s;
    animation-fill-mode: forwards; }

  .huwari2 {
    opacity: 0;
    transform: scale(0.7, 0.7); }

  .huwari2.is-active {
    animation-name: animation4;
    animation-duration: 0.5s;
    animation-fill-mode: forwards; } }

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