.fade {
  opacity: 0;
  -webkit-transform: translateY(8vw);
          transform: translateY(8vw);
  -webkit-transition: opacity 1.5s, -webkit-transform 1s;
  transition: opacity 1.5s, -webkit-transform 1s;
  transition: opacity 1.5s, transform 1s;
  transition: opacity 1.5s, transform 1s, -webkit-transform 1s;
}

.fade.--active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.fadeRgt {
  opacity: 0;
  -webkit-transform: translateX(-5.3333333333vw);
          transform: translateX(-5.3333333333vw);
  -webkit-transition: opacity 1.5s, -webkit-transform 1s;
  transition: opacity 1.5s, -webkit-transform 1s;
  transition: opacity 1.5s, transform 1s;
  transition: opacity 1.5s, transform 1s, -webkit-transform 1s;
}

.fadeRgt.--active {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

@media only screen and (min-width: 681px) {
  .fade {
    opacity: 0;
    -webkit-transform: translateY(54.4px);
            transform: translateY(54.4px);
    -webkit-transition: opacity 1.5s, -webkit-transform 1s;
    transition: opacity 1.5s, -webkit-transform 1s;
    transition: opacity 1.5s, transform 1s;
    transition: opacity 1.5s, transform 1s, -webkit-transform 1s;
  }
  .fadeRgt {
    opacity: 0;
    -webkit-transform: translateX(-36.2666666667px);
            transform: translateX(-36.2666666667px);
    -webkit-transition: opacity 1.5s, -webkit-transform 1s;
    transition: opacity 1.5s, -webkit-transform 1s;
    transition: opacity 1.5s, transform 1s;
    transition: opacity 1.5s, transform 1s, -webkit-transform 1s;
  }
}
/*----------------------------------------
HEADER
-----------------------------------------*/
.hd {
  background: #fff;
  padding: 18.1333333333px;
  text-align: center;
}
.hd__ttl {
  width: 81.6px;
  margin: 0 auto;
}
.hd__ttl a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1200px) {
  .hd {
    padding: 18.1333333333px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
  }
  .hd__ttl {
    width: 81.6px;
  }
  #navToggle {
    position: absolute;
    top: 50%;
    right: 5%;
    width: 63.4666666667px;
    height: 32.64px;
    cursor: pointer;
    z-index: 1001;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #navToggle div {
    position: relative;
  }
  #navToggle span {
    display: block;
    position: absolute;
    width: 100%;
    height: 3.6266666667px;
    background: #000;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  #navToggle span:nth-child(1) {
    top: 0;
  }
  #navToggle span:nth-child(2) {
    top: 14.5066666667px;
  }
  #navToggle span:nth-child(3) {
    top: 29.0133333333px;
  }
  .openNav #navToggle span:nth-child(1) {
    top: 18.1333333333px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .openNav #navToggle span:nth-child(2), .openNav #navToggle span:nth-child(3) {
    top: 18.1333333333px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .nav {
    left: 100% !important;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  .openNav {
    overflow: hidden;
  }
  .openNav .nav {
    left: 0 !important;
    z-index: 1000;
  }
}
@media only screen and (max-width: 680px) {
  .hd {
    padding: 2.6666666667vw;
  }
  .hd__ttl {
    width: 12vw;
  }
  #navToggle {
    width: 9.3333333333vw;
    height: 4.8vw;
  }
  #navToggle span {
    height: 0.5333333333vw;
  }
  #navToggle span:nth-child(2) {
    top: 2.1333333333vw;
  }
  #navToggle span:nth-child(3) {
    top: 4.2666666667vw;
  }
  .openNav #navToggle span:nth-child(1) {
    top: 2.6666666667vw;
  }
  .openNav #navToggle span:nth-child(2), .openNav #navToggle span:nth-child(3) {
    top: 2.6666666667vw;
  }
}
/*----------------------------------------
FOOTER
-----------------------------------------*/
.ft {
  background: #f6ca00;
  text-align: center;
  color: #fff;
  margin-top: -8vw;
}
.ft img {
  width: 100%;
  height: auto;
}
.ft__wrap {
  padding: 22.6666666667vw 0 0;
  background: #b91d23;
  width: 100%;
  margin: 0 auto;
}
.ft__ttl {
  width: 72vw;
  margin: 0 auto 13.3333333333vw;
}
.ft__logo {
  width: 45.3333333333vw;
  margin: 0 auto 14.6666666667vw;
}
.ft__subttl {
  width: 13.3333333333vw;
  margin: 0 auto 5.3333333333vw;
}
.ft__sns {
  max-width: 40vw;
  margin: 0 auto 10.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ft__sns a {
  width: 21%;
}
.ft__crt {
  background: #000;
  padding: 2.6666666667vw;
  font-size: 2.6666666667vw;
}
.ft #toTop {
  position: fixed;
  right: 5%;
  bottom: 6%;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  z-index: 100;
}

@media only screen and (min-width: 681px) {
  .ft {
    background: #f6ca00;
    text-align: center;
    color: #fff;
    margin-top: -54.4px;
  }
  .ft__wrap {
    padding: 154.1333333333px 0 0;
    background: #b91d23;
    width: 680px;
    margin: 0 auto;
  }
  .ft__ttl {
    width: 489.6px;
    margin: 0 auto 90.6666666667px;
  }
  .ft__logo {
    width: 308.2666666667px;
    margin: 0 auto 99.7333333333px;
  }
  .ft__subttl {
    width: 90.6666666667px;
    margin: 0 auto 36.2666666667px;
  }
  .ft__sns {
    max-width: 272px;
    margin: 0 auto 72.5333333333px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ft__sns a {
    width: 21%;
  }
  .ft__crt {
    background: #000;
    padding: 18.1333333333px;
    font-size: 18.1333333333px;
  }
  .ft #toTop {
    position: fixed;
    right: 5%;
    bottom: 6%;
    width: 72.5333333333px;
    height: 72.5333333333px;
    z-index: 100;
  }
}
/*----------------------------------------
MAIN
-----------------------------------------*/
.frame {
  background: #f6ca00;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1200px) {
  .frame {
    padding-top: 87px;
  }
}
@media only screen and (max-width: 680px) {
  .frame {
    padding-top: 12.5333333333vw;
  }
}
.frame--lft {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: calc((100% - 680px) / 2);
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.frame--lft p {
  max-width: 430px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1200px) {
  .frame--lft {
    display: none;
  }
}
.frame--main {
  width: 680px;
  overflow-x: hidden;
  -webkit-box-shadow: 0 0 3px #999;
          box-shadow: 0 0 3px #999;
}
@media only screen and (max-width: 680px) {
  .frame--main {
    width: 100%;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.frame--rgt {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: calc((100% - 680px) / 2);
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1200px) {
  .frame--rgt {
    position: fixed;
    left: 0;
    top: 85.2266666667px;
    right: auto;
    width: 100%;
    height: 100%;
    background: #f6ca00;
    padding: 0;
    text-align: left;
    padding: 90.6666666667px 54.4px 181.3333333333px;
    z-index: 1000;
    overflow-y: scroll;
    display: block;
  }
}
@media only screen and (max-width: 680px) {
  .frame--rgt {
    top: 12.5333333333vw;
    padding: 13.3333333333vw 6.6666666667vw 26.6666666667vw;
  }
}

.pcnav {
  position: relative;
}
.pcnav__deco {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 660px;
  width: 300%;
  z-index: 0;
}
.pcnav__deco img {
  width: 100%;
  height: auto;
  max-width: unset;
}
.pcnav ul {
  position: relative;
}
.pcnav ul li:nth-of-type(n + 2) {
  margin-top: 20px;
}
.pcnav ul li p {
  font-weight: bold;
}
.pcnav ul li p:first-of-type {
  color: #b91d23;
  font-size: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pcnav ul li p:first-of-type img {
  margin-right: 5px;
}
.pcnav ul li p:last-of-type {
  font-size: 2.2rem;
  line-height: 1.4;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.pcnav ul li sup {
  font-size: 1.2rem;
  vertical-align: top;
}
.pcnav ul li small {
  font-size: 1.2rem;
  font-weight: 500;
}
.pcnav ul li a:hover p:last-of-type {
  text-decoration: underline;
}

@media (max-width: 1200px) {
  .pcnav {
    max-width: 350px;
    margin: 0 auto;
  }
  .pcnav__deco {
    max-width: 500px;
    width: 300%;
  }
  .pcnav ul li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
  }
  .pcnav ul li:nth-of-type(n + 2) {
    margin-top: 0;
  }
  .pcnav ul li p:first-of-type {
    font-size: 1.8rem;
  }
  .pcnav ul li p:last-of-type {
    font-size: 1.8rem;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .pcnav ul li small {
    font-size: 1rem;
  }
  .pcnav ul li a:hover p:last-of-type {
    text-decoration: none;
  }
}
@media only screen and (max-width: 680px) {
  .pcnav {
    max-width: unset;
    margin: 0 auto;
  }
  .pcnav__deco {
    max-width: unset;
    width: 150%;
  }
  .pcnav ul li {
    margin-bottom: 4vw;
    padding-bottom: 5.3333333333vw;
    border-bottom: 0.2666666667vw solid #000;
  }
  .pcnav ul li p:first-of-type {
    font-size: 4.8vw;
  }
  .pcnav ul li p:last-of-type {
    font-size: 4.8vw;
  }
  .pcnav ul li small {
    font-size: 2.6666666667vw;
  }
}
.comsec {
  padding-inline: 2.6666666667vw;
}

@media only screen and (min-width: 681px) {
  .comsec {
    padding-inline: 18.1333333333px;
  }
}
.comwrap {
  padding-inline: 5.3333333333vw;
}

@media only screen and (min-width: 681px) {
  .comwrap {
    padding-inline: 36.2666666667px;
  }
}
.contents {
  font-size: 3.2vw;
  font-weight: 500;
}
.contents img,
.contents video {
  width: 100%;
  height: auto;
}
.contents .mv img {
  width: 100%;
  height: auto;
}
.contents .lead {
  background: url(../img/lead_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center top;
  padding: 4vw;
}
.contents .lead__wrap {
  background: #fff;
  padding: 8vw 5.3333333333vw 0;
}
.contents .lead__ttl {
  width: 57.3333333333vw;
  text-align: center;
  margin: 0 auto 5.3333333333vw;
}
.contents .lead__txt {
  font-size: 3.7333333333vw;
  text-align: center;
  line-height: 2.15;
  margin-bottom: 8vw;
}
.contents .lead__btm {
  text-align: center;
}
.contents .lead__btm img {
  width: 80vw;
  margin: 0 auto;
}
.contents .atten {
  background: #f6ca00;
}
.contents .atten__inr {
  background: #117111;
  border-radius: 0 0 32vw 32vw;
  padding-block: 6.6666666667vw 29.3333333333vw;
  position: relative;
}
.contents .atten h2 {
  width: 24.8vw;
  margin: 0 auto 5.3333333333vw;
}
.contents .atten__txt {
  font-size: 3.7333333333vw;
  text-align: center;
  color: #fff;
  line-height: 2;
}
.contents .atten__deco {
  width: 21.0666666667vw;
  position: absolute;
  bottom: 5.8666666667vw;
  left: calc(50% - 10.1333333333vw);
}
.contents .movie {
  background: #b91d23;
  position: relative;
  margin-top: -20.2666666667vw;
}
.contents .movie__wrap {
  background: #fff6ce;
  padding-block: 33.3333333333vw 8vw;
}
.contents .movie__ttl {
  width: 72vw;
  margin: 0 auto 8vw;
  text-align: center;
}
.contents .movie__main {
  background: #fff;
  padding: 8vw 5.3333333333vw 10.6666666667vw;
  text-align: center;
  border-radius: 5.3333333333vw 5.3333333333vw 0 0;
}
.contents .movie__subttl {
  width: 58.6666666667vw;
  margin: 0 auto 5.3333333333vw;
}
.contents .movie__lead {
  line-height: 1.8;
  position: relative;
}
.contents .movie__lead::after {
  content: "";
  display: block;
  width: 16vw;
  height: 14.6666666667vw;
  background: url(../img/movie_bird.svg) no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  bottom: 1.3333333333vw;
  right: -1.3333333333vw;
}
.contents .movie__video {
  margin-block: 5.3333333333vw 8vw;
}
.contents .movie__video video {
  width: 100%;
  height: auto;
}
.contents .movie__video iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
.contents .movie__limited span {
  display: inline-block;
  position: relative;
}
.contents .movie__open {
  color: #b91d23;
}
.contents .movie__open h3 {
  width: 45.3333333333vw;
  text-align: center;
  margin: 0 auto 4vw;
}
.contents .movie__openmain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contents .movie__openmain p {
  width: 49%;
}
.contents .movie__openmain p span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1.3333333333vw auto 0;
  width: 21.3333333333vw;
}
.contents .movie__openarw {
  width: 8vw;
  margin: 5.3333333333vw auto;
  text-align: center;
}
.contents .movie__app p {
  font-size: 3.7333333333vw;
  font-weight: bold;
  margin-bottom: 2.6666666667vw;
}
.contents .movie__app p.movie__app--attn {
  font-size: 2.6666666667vw;
  margin-top: 5.3333333333vw;
  text-align: left;
  font-weight: normal;
}
.contents .movie__app ul {
  max-width: 40vw;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5.3333333333vw 0;
}
.contents .movie__app ul li:nth-of-type(1) {
  width: 13.3333333333vw;
}
.contents .movie__app ul li:nth-of-type(2) {
  width: 23.2vw;
}
.contents .movie__app ul li:nth-of-type(n + 3) {
  width: 100%;
}
.contents .movie__app ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contents .movie__more {
  position: relative;
  padding-block: 5.3333333333vw 10.6666666667vw;
  text-align: center;
  color: #fff;
}
.contents .movie__more::before {
  content: "";
  display: block;
  width: 42.6666666667vw;
  height: 20vw;
  background: url(../img/movie_more_deco.svg) no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: -6.6666666667vw;
  left: -26.6666666667vw;
}
.contents .movie__more h3 {
  width: 74.6666666667vw;
  margin: 0 auto 3.4666666667vw;
}
.contents .movie__more h3 img {
  width: 100%;
  height: auto;
}
.contents .movie__more p {
  line-height: 2;
}
.contents .movie__moretxt {
  font-size: 3.7333333333vw;
  margin-bottom: 5.3333333333vw;
}
.contents .movie__more_method {
  width: 74.6666666667vw;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contents .movie__more_method p:nth-of-type(1) {
  width: 46.6666666667vw;
  text-align: left;
}
.contents .movie__more_method p:nth-of-type(2) {
  width: calc(100% - 46.6666666667vw);
}
.contents .movie__more_method p:nth-of-type(2) img {
  width: 22.4vw;
  margin-top: 1.3333333333vw;
}
.contents .movie__moreimg {
  width: 74.6666666667vw;
  margin: 5.3333333333vw auto 0;
  position: relative;
}
.contents .movie__moreimg::before {
  content: "";
  display: block;
  width: 16vw;
  height: 16vw;
  background: url(../img/movie_more_bird.svg) no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  bottom: -4vw;
  right: -10.6666666667vw;
}
.contents .movie__moreimg img {
  border: 1.0666666667vw solid #f6ca00;
  border-radius: 5.3333333333vw;
  overflow: hidden;
}
.contents .dir {
  background: #f6ca00;
  padding-block: 11.7333333333vw;
  border-radius: 4.8vw;
  margin-top: -5.3333333333vw;
}
.contents .dir h3 {
  width: 90%;
  margin-inline: auto;
}
.contents .dir__txt {
  margin-block: 5.3333333333vw;
  font-size: 3.2vw;
  line-height: 2;
  text-align: center;
}
.contents .dir__movie {
  width: 100%;
  aspect-ratio: 16/9;
}
.contents .dir__movie iframe {
  width: 100%;
  height: 100%;
}
.contents .okura {
  background: #b91d23;
}
.contents .okura__wrap {
  background: #fff6ce;
  text-align: center;
  padding-block: 13.3333333333vw 8vw;
}
.contents .okura__ttl {
  width: 61.3333333333vw;
  margin: 0 auto 8vw;
}
.contents .okura__subttl {
  font-size: 4.8vw;
  font-weight: bold;
  margin-bottom: 5.3333333333vw;
  line-height: 1.6;
}
.contents .okura__subttl small {
  display: block;
  font-size: 3.7333333333vw;
}
.contents .okura__subttl.--2nd {
  margin-top: 9.3333333333vw;
}
.contents .okura__video {
  max-width: 50.6666666667vw;
  margin: 0 auto 5.3333333333vw;
  position: relative;
}
.contents .okura__video::after {
  content: "";
  display: block;
  width: 14.6666666667vw;
  height: 16vw;
  background: url(../img/okura_bird.svg) no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  bottom: -4vw;
  left: -10.6666666667vw;
}
.contents .okura__video img,
.contents .okura__video video {
  width: 100%;
  height: auto;
}
.contents .okura__video.--2nd::after {
  content: none;
}
.contents .okura__btn {
  width: 100%;
  height: 17.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #000;
  color: #fff;
  border-radius: 17.3333333333vw;
  font-size: 4.2666666667vw;
  line-height: 1.4;
  margin-top: 8vw;
}
.contents .okura__btn small {
  font-size: 3.2vw;
}
.contents .okura__soon {
  margin-top: 8vw;
}
.contents .okura__soon img {
  width: 80vw;
  margin: 0 auto;
}
.contents .okura__soon02 h3 {
  width: 66.6666666667vw;
  margin: 0 auto 5.3333333333vw;
}
.contents .okura__soon02 p {
  width: 85.3333333333vw;
  margin: 0 auto;
}
.contents .menu {
  background: #117111;
  position: relative;
  text-align: center;
}
.contents .menu::before {
  content: "";
  display: block;
  width: 45.3333333333vw;
  height: 21.3333333333vw;
  background: url(../img/menu_deco.svg) no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: -8vw;
  right: -18.6666666667vw;
}
.contents .menu::after {
  content: "";
  display: block;
  width: 58.6666666667vw;
  height: 26.6666666667vw;
  background: url(../img/goods_deco01.svg) no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  bottom: -13.3333333333vw;
  left: -32vw;
  z-index: 2;
}
.contents .menu__wrap {
  background: #d5e8d5;
  padding-block: 13.3333333333vw 21.3333333333vw;
}
.contents .menu__ttl {
  width: 74.6666666667vw;
  margin: 0 auto;
}
.contents .menu__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: -4vw;
}
.contents .menu__main p:first-of-type {
  width: 36vw;
}
.contents .menu__main p:nth-of-type(2) {
  width: calc(100% - 38.6666666667vw);
  text-align: left;
  margin-bottom: 5.3333333333vw;
  line-height: 2;
}
.contents .menu__main p:last-of-type {
  width: 100%;
  background: #b91d23;
  padding: 1.3333333333vw;
}
.contents .menu__main p:last-of-type span {
  display: block;
  border: 0.2666666667vw solid #fff;
  padding: 2.6666666667vw;
  color: #fff;
  font-size: 4.2666666667vw;
}
.contents .menu__main p:last-of-type span b {
  font-size: 5.3333333333vw;
}
.contents .menu__item {
  margin: 10.6666666667vw auto 0;
}
.contents .menu__item h4 {
  margin: 0 auto 2.6666666667vw;
  width: 40vw;
  height: 8vw;
  background: #117111;
  color: #fff;
  font-size: 4.2666666667vw;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.contents .menu__item h3 {
  width: 74.6666666667vw;
  margin: 0 auto;
}
.contents .menu__item h3.--item02 {
  width: 72vw;
}
.contents .menu__itemimg {
  width: 215%;
  margin-left: -57.5%;
  margin-top: 2.6666666667vw;
}
.contents .menu__itemimg02 {
  width: 195%;
  margin-left: -61%;
  margin-top: -2.6666666667vw;
}
.contents .menu__itemtxt {
  position: relative;
  line-height: 2;
  text-align: left;
  margin-top: -10.6666666667vw;
}
.contents .menu__itemtxt span {
  position: absolute;
  top: 30%;
  right: 0;
  font-size: 2.6666666667vw;
}
.contents .menu__itemtxt02 {
  position: relative;
  line-height: 2;
  text-align: left;
}
.contents .menu__itemtxt02 span {
  position: absolute;
  top: -50%;
  right: 0;
  font-size: 2.6666666667vw;
}
.contents .goods {
  padding-block: 21.3333333333vw;
  background: url(../img/goods_bg_rp.jpg);
  background-repeat: repeat-y;
  background-size: 100%;
  background-position: center top;
  position: relative;
  z-index: 1;
  clip-path: polygon(0 5.3333333333vw, 5.5% 0, 11% 5.3333333333vw, 16.5% 0, 22% 5.3333333333vw, 27.5% 0, 33% 5.3333333333vw, 38.5% 0, 44% 5.3333333333vw, 49.5% 0, 55% 5.3333333333vw, 60.5% 0, 66% 5.3333333333vw, 71.5% 0, 77% 5.3333333333vw, 82.5% 0, 88% 5.3333333333vw, 93.5% 0, 100% 5.3333333333vw, 100% calc(100% - 5.3333333333vw), 93.5% 100%, 88% calc(100% - 5.3333333333vw), 82.5% 100%, 77% calc(100% - 5.3333333333vw), 71.5% 100%, 66% calc(100% - 5.3333333333vw), 60.5% 100%, 55% calc(100% - 5.3333333333vw), 49.5% 100%, 44% calc(100% - 5.3333333333vw), 38.5% 100%, 33% calc(100% - 5.3333333333vw), 27.5% 100%, 22% calc(100% - 5.3333333333vw), 16.5% 100%, 11% calc(100% - 5.3333333333vw), 5.5% 100%, 0 calc(100% - 5.3333333333vw));
  margin: -8vw 0 0;
}
.contents .goods__ttl {
  margin-bottom: 2.6666666667vw;
  max-width: 92vw;
  width: 110%;
  margin-left: -5%;
  text-align: center;
}
.contents .goods__lead {
  text-align: center;
  line-height: 2;
  margin-bottom: 20px;
}
.contents .goods__attn {
  font-size: 2.6666666667vw;
  margin-top: 2.6666666667vw;
}
.contents .goods__attn span {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
}
.contents .goods__btntxt {
  text-align: center;
  margin-block: 8vw 5.3333333333vw;
}
.contents .goods__btntxt span {
  display: inline-block;
  position: relative;
  font-size: 4.2666666667vw;
  font-weight: bold;
  padding-inline: 5.3333333333vw;
}
.contents .goods__btntxt span::before {
  content: "";
  display: block;
  width: 0.5333333333vw;
  height: 100%;
  background: #000;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: rotate(-20deg) translateY(-50%);
          transform: rotate(-20deg) translateY(-50%);
}
.contents .goods__btntxt span::after {
  content: "";
  display: block;
  width: 0.5333333333vw;
  height: 100%;
  background: #000;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: rotate(20deg) translateY(-50%);
          transform: rotate(20deg) translateY(-50%);
}
.contents .goods__btn {
  font-size: 4.2666666667vw;
  background: #000;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 13.3333333333vw;
  border-radius: 13.3333333333vw;
  line-height: 1;
  position: relative;
  margin: 0 auto;
  z-index: 2;
}
.contents .goods__btn span {
  position: absolute;
  display: block;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  top: calc(50% - 2.1333333333vw);
  right: 7%;
}
.contents .goods__btn span::before, .contents .goods__btn span:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.2666666667vw;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 0;
}
.contents .goods__btn span::after {
  opacity: 1;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.contents .goods__btn.--active span::after {
  opacity: 0;
}
.contents .goods__cts {
  display: none;
  padding-top: 10.6666666667vw;
}
.contents .goods__sec02 {
  position: relative;
  margin-top: 13.3333333333vw;
}
.contents .goods__sec02::before {
  content: "";
  display: block;
  width: 50.6666666667vw;
  height: 24vw;
  background: url(../img/goods_deco02.svg) no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: -20vw;
  right: -34.6666666667vw;
}
.contents .goods__sec02 .goods_2nd {
  width: 100%;
  height: auto;
}
.contents .goods__sec02 .goods_2nd_deco {
  width: 110%;
  max-width: unset;
  position: absolute;
  left: 50%;
  top: 25%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.contents .goods__sec02 .goods_2nd_bnr {
  width: 83%;
  position: absolute;
  left: 50%;
  bottom: 3.5%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.contents .goods__bnrtxt {
  text-align: center;
  margin-block: 8vw 5.3333333333vw;
}
.contents .goods__bnrtxt span {
  display: inline-block;
  position: relative;
  font-size: 4.2666666667vw;
  font-weight: bold;
  padding-inline: 5.3333333333vw;
  line-height: 2;
}
.contents .goods__bnrtxt span::before {
  content: "";
  display: block;
  width: 0.5333333333vw;
  height: 60%;
  background: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
.contents .goods__bnrtxt span::after {
  content: "";
  display: block;
  width: 0.5333333333vw;
  height: 60%;
  background: #000;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
.contents .goods__sec03 {
  position: relative;
  margin-top: 16vw;
  background: #117111;
  padding: 5.3333333333vw 4vw;
  border-radius: 5.3333333333vw;
  color: #fff;
  text-align: center;
}
.contents .goods__sec03 h3 {
  font-size: 5.3333333333vw;
  font-weight: bold;
  padding-bottom: 2.6666666667vw;
  margin-bottom: 4vw;
  border-bottom: 1px solid #fff;
}
.contents .goods__sec03::before {
  content: "";
  display: block;
  width: 50.6666666667vw;
  height: 24vw;
  background: url(../img/goods_deco02.svg) no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: -16vw;
  right: -33.3333333333vw;
}
.contents .goods__sec03::after {
  content: "";
  display: block;
  width: 14.6666666667vw;
  height: 14.6666666667vw;
  background: url(../img/goods_bird.svg) no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 6.6666666667vw;
  right: 4vw;
}
.contents .goods__sec03--box {
  width: 69.3333333333vw;
  margin: 4vw auto 0;
  background: #fff;
  padding: 1.3333333333vw;
  font-size: 4.2666666667vw;
  color: #117111;
  font-weight: bold;
}
.contents .goods__sec03--box span {
  display: block;
  border: 1px solid #117111;
  padding: 2.6666666667vw;
  line-height: 1;
}
.contents .step:nth-of-type(n + 2) {
  margin-top: 8vw;
}
.contents .step__icon {
  width: 28.2666666667vw;
}
.contents .step__icon img {
  width: 100%;
  height: auto;
}
.contents .step__box {
  background: #fff;
  padding: 4vw 4vw 0;
  margin-bottom: 10.6666666667vw;
  position: relative;
}
.contents .step__box::after {
  width: 100%;
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  content: "";
  border-top: solid 8vw #fff;
  border-right: solid 8vw transparent;
  top: 100%;
}
.contents .step__box p:last-of-type {
  margin-top: 4vw;
  font-size: 4.2666666667vw;
  line-height: 1.8;
}
.contents .step__box p:last-of-type span {
  color: #b91d23;
}

@media only screen and (min-width: 681px) {
  .contents {
    font-size: 21.76px;
    font-weight: 500;
  }
  .contents img,
  .contents video {
    width: 100%;
    height: auto;
  }
  .contents .mv img {
    width: 100%;
    height: auto;
  }
  .contents .lead {
    background: url(../img/lead_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
    padding: 27.2px;
  }
  .contents .lead__wrap {
    background: #fff;
    padding: 54.4px 36.2666666667px 0;
  }
  .contents .lead__ttl {
    width: 389.8666666667px;
    text-align: center;
    margin: 0 auto 36.2666666667px;
  }
  .contents .lead__txt {
    font-size: 25.3866666667px;
    text-align: center;
    line-height: 2;
    margin-bottom: 54.4px;
  }
  .contents .lead__btm {
    text-align: center;
  }
  .contents .lead__btm img {
    width: 544px;
    margin: 0 auto;
  }
  .contents .atten {
    background: #f6ca00;
  }
  .contents .atten__inr {
    background: #117111;
    border-radius: 0 0 217.6px 217.6px;
    padding-block: 45.3333333333px 199.4666666667px;
    position: relative;
  }
  .contents .atten h2 {
    width: 168.64px;
    margin: 0 auto 36.2666666667px;
  }
  .contents .atten__txt {
    font-size: 25.3866666667px;
    text-align: center;
    color: #fff;
    line-height: 2;
  }
  .contents .atten__deco {
    width: 143.2533333333px;
    position: absolute;
    bottom: 39.8933333333px;
    left: calc(50% - 68.9066666667px);
  }
  .contents .movie {
    background: #b91d23;
    position: relative;
    margin-top: -137.8133333333px;
  }
  .contents .movie__wrap {
    background: #fff6ce;
    padding-block: 226.6666666667px 54.4px;
  }
  .contents .movie__ttl {
    width: 489.6px;
    margin: 0 auto 54.4px;
    text-align: center;
  }
  .contents .movie__main {
    background: #fff;
    padding: 54.4px 36.2666666667px 72.5333333333px;
    text-align: center;
    border-radius: 36.2666666667px 36.2666666667px 0 0;
  }
  .contents .movie__subttl {
    width: 398.9333333333px;
    margin: 0 auto 36.2666666667px;
  }
  .contents .movie__lead {
    line-height: 1.8;
    position: relative;
  }
  .contents .movie__lead::after {
    content: "";
    display: block;
    width: 108.8px;
    height: 99.7333333333px;
    background: url(../img/movie_bird.svg) no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    bottom: 9.0666666667px;
    right: -9.0666666667px;
  }
  .contents .movie__video {
    margin-block: 36.2666666667px 54.4px;
  }
  .contents .movie__video video {
    width: 100%;
    height: auto;
  }
  .contents .movie__limited span {
    display: inline-block;
    position: relative;
  }
  .contents .movie__open {
    color: #b91d23;
  }
  .contents .movie__open h3 {
    width: 308.2666666667px;
    text-align: center;
    margin: 0 auto 27.2px;
  }
  .contents .movie__openmain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .contents .movie__openmain p {
    width: 49%;
  }
  .contents .movie__openmain p span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 9.0666666667px auto 0;
    width: 145.0666666667px;
  }
  .contents .movie__openarw {
    width: 54.4px;
    margin: 36.2666666667px auto;
    text-align: center;
  }
  .contents .movie__app p {
    font-size: 25.3866666667px;
    font-weight: bold;
    margin-bottom: 18.1333333333px;
  }
  .contents .movie__app p.movie__app--attn {
    font-size: 18.1333333333px;
    margin-top: 36.2666666667px;
    text-align: left;
    font-weight: normal;
  }
  .contents .movie__app ul {
    max-width: 272px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 36.2666666667px 0;
  }
  .contents .movie__app ul li:nth-of-type(1) {
    width: 90.6666666667px;
  }
  .contents .movie__app ul li:nth-of-type(2) {
    width: 157.76px;
  }
  .contents .movie__app ul li:nth-of-type(n + 3) {
    width: 100%;
  }
  .contents .movie__app ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .contents .movie__more {
    position: relative;
    padding-block: 36.2666666667px 72.5333333333px;
    text-align: center;
    color: #fff;
  }
  .contents .movie__more::before {
    content: "";
    display: block;
    width: 290.1333333333px;
    height: 136px;
    background: url(../img/movie_more_deco.svg) no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -45.3333333333px;
    left: -181.3333333333px;
  }
  .contents .movie__more h3 {
    width: 507.7333333333px;
    margin: 0 auto 23.5733333333px;
  }
  .contents .movie__more h3 img {
    width: 100%;
    height: auto;
  }
  .contents .movie__more p {
    line-height: 2;
  }
  .contents .movie__moretxt {
    font-size: 25.3866666667px;
    margin-bottom: 36.2666666667px;
  }
  .contents .movie__more_method {
    width: 507.7333333333px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .contents .movie__more_method p:nth-of-type(1) {
    width: 317.3333333333px;
    text-align: left;
  }
  .contents .movie__more_method p:nth-of-type(2) {
    width: calc(100% - 317.3333333333px);
  }
  .contents .movie__more_method p:nth-of-type(2) img {
    width: 152.32px;
    margin-top: 9.0666666667px;
  }
  .contents .movie__moreimg {
    width: 507.7333333333px;
    margin: 36.2666666667px auto 0;
    position: relative;
  }
  .contents .movie__moreimg::before {
    content: "";
    display: block;
    width: 108.8px;
    height: 108.8px;
    background: url(../img/movie_more_bird.svg) no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    bottom: -27.2px;
    right: -72.5333333333px;
  }
  .contents .movie__moreimg img {
    border: 7.2533333333px solid #f6ca00;
    border-radius: 36.2666666667px;
    overflow: hidden;
  }
  .contents .dir {
    background: #f6ca00;
    padding-block: 79.7866666667px;
    border-radius: 32.64px;
    margin-top: -36.2666666667px;
  }
  .contents .dir h3 {
    width: 90%;
    margin-inline: auto;
  }
  .contents .dir__txt {
    margin-block: 36.2666666667px;
    font-size: 21.76px;
    line-height: 2;
    text-align: center;
  }
  .contents .dir__movie {
    width: 100%;
    aspect-ratio: 16/9;
  }
  .contents .dir__movie iframe {
    width: 100%;
    height: 100%;
  }
  .contents .okura {
    background: #b91d23;
  }
  .contents .okura__wrap {
    background: #fff6ce;
    text-align: center;
    padding-block: 90.6666666667px 54.4px;
  }
  .contents .okura__ttl {
    width: 417.0666666667px;
    margin: 0 auto 54.4px;
  }
  .contents .okura__subttl {
    font-size: 32.64px;
    font-weight: bold;
    margin-bottom: 36.2666666667px;
    line-height: 1.6;
  }
  .contents .okura__subttl small {
    display: block;
    font-size: 25.3866666667px;
  }
  .contents .okura__subttl.--2nd {
    margin-top: 63.4666666667px;
  }
  .contents .okura__video {
    max-width: 344.5333333333px;
    margin: 0 auto 36.2666666667px;
    position: relative;
  }
  .contents .okura__video::after {
    content: "";
    display: block;
    width: 99.7333333333px;
    height: 108.8px;
    background: url(../img/okura_bird.svg) no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    bottom: -27.2px;
    left: -72.5333333333px;
  }
  .contents .okura__video img,
  .contents .okura__video video {
    width: 100%;
    height: auto;
  }
  .contents .okura__video.--2nd::after {
    content: none;
  }
  .contents .okura__btn {
    width: 100%;
    height: 117.8666666667px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: #000;
    color: #fff;
    border-radius: 117.8666666667px;
    font-size: 29.0133333333px;
    line-height: 1.4;
    margin-top: 54.4px;
  }
  .contents .okura__btn small {
    font-size: 21.76px;
  }
  .contents .okura__soon {
    margin-top: 54.4px;
  }
  .contents .okura__soon img {
    width: 544px;
    margin: 0 auto;
  }
  .contents .okura__soon02 h3 {
    width: 453.3333333333px;
    margin: 0 auto 36.2666666667px;
  }
  .contents .okura__soon02 p {
    width: 580.2666666667px;
    margin: 0 auto;
  }
  .contents .menu {
    background: #117111;
    position: relative;
    text-align: center;
  }
  .contents .menu::before {
    content: "";
    display: block;
    width: 308.2666666667px;
    height: 145.0666666667px;
    background: url(../img/menu_deco.svg) no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -54.4px;
    right: -126.9333333333px;
  }
  .contents .menu::after {
    content: "";
    display: block;
    width: 398.9333333333px;
    height: 181.3333333333px;
    background: url(../img/goods_deco01.svg) no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    bottom: -90.6666666667px;
    left: -217.6px;
    z-index: 2;
  }
  .contents .menu__wrap {
    background: #d5e8d5;
    padding-block: 90.6666666667px 145.0666666667px;
  }
  .contents .menu__ttl {
    width: 507.7333333333px;
    margin: 0 auto;
  }
  .contents .menu__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: -27.2px;
  }
  .contents .menu__main p:first-of-type {
    width: 244.8px;
  }
  .contents .menu__main p:nth-of-type(2) {
    width: calc(100% - 262.9333333333px);
    text-align: left;
    margin-bottom: 36.2666666667px;
    line-height: 2;
  }
  .contents .menu__main p:last-of-type {
    width: 100%;
    background: #b91d23;
    padding: 9.0666666667px;
  }
  .contents .menu__main p:last-of-type span {
    display: block;
    border: 1.8133333333px solid #fff;
    padding: 18.1333333333px;
    color: #fff;
    font-size: 29.0133333333px;
  }
  .contents .menu__main p:last-of-type span b {
    font-size: 36.2666666667px;
  }
  .contents .menu__item {
    margin: 72.5333333333px auto 0;
  }
  .contents .menu__item h4 {
    margin: 0 auto 18.1333333333px;
    width: 272px;
    height: 54.4px;
    background: #117111;
    color: #fff;
    font-size: 29.0133333333px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1;
  }
  .contents .menu__item h3 {
    width: 507.7333333333px;
    margin: 0 auto;
  }
  .contents .menu__item h3.--item02 {
    width: 489.6px;
  }
  .contents .menu__itemimg {
    width: 215%;
    margin-left: -57.5%;
    margin-top: 18.1333333333px;
  }
  .contents .menu__itemimg02 {
    width: 195%;
    margin-left: -61%;
    margin-top: -18.1333333333px;
  }
  .contents .menu__itemtxt {
    position: relative;
    line-height: 2;
    text-align: left;
    margin-top: -72.5333333333px;
  }
  .contents .menu__itemtxt span {
    position: absolute;
    top: 30%;
    right: 0;
    font-size: 18.1333333333px;
  }
  .contents .menu__itemtxt02 {
    position: relative;
    line-height: 2;
    text-align: left;
  }
  .contents .menu__itemtxt02 span {
    position: absolute;
    top: -50%;
    right: 0;
    font-size: 18.1333333333px;
  }
  .contents .goods {
    padding-block: 145.0666666667px;
    background: url(../img/goods_bg_rp.jpg);
    background-repeat: repeat-y;
    background-size: 682px;
    background-position: center top;
    position: relative;
    z-index: 1;
    clip-path: polygon(0 36.2666666667px, 5.5% 0, 11% 36.2666666667px, 16.5% 0, 22% 36.2666666667px, 27.5% 0, 33% 36.2666666667px, 38.5% 0, 44% 36.2666666667px, 49.5% 0, 55% 36.2666666667px, 60.5% 0, 66% 36.2666666667px, 71.5% 0, 77% 36.2666666667px, 82.5% 0, 88% 36.2666666667px, 93.5% 0, 100% 36.2666666667px, 100% calc(100% - 36.2666666667px), 93.5% 100%, 88% calc(100% - 36.2666666667px), 82.5% 100%, 77% calc(100% - 36.2666666667px), 71.5% 100%, 66% calc(100% - 36.2666666667px), 60.5% 100%, 55% calc(100% - 36.2666666667px), 49.5% 100%, 44% calc(100% - 36.2666666667px), 38.5% 100%, 33% calc(100% - 36.2666666667px), 27.5% 100%, 22% calc(100% - 36.2666666667px), 16.5% 100%, 11% calc(100% - 36.2666666667px), 5.5% 100%, 0 calc(100% - 36.2666666667px));
    margin: -54.4px 0 0;
  }
  .contents .goods__ttl {
    margin-bottom: 18.1333333333px;
    max-width: 625.6px;
    width: 110%;
    margin-left: -5%;
    text-align: center;
  }
  .contents .goods__lead {
    text-align: center;
    line-height: 2;
    margin-bottom: 20px;
  }
  .contents .goods__attn {
    font-size: 18.1333333333px;
    margin-top: 18.1333333333px;
  }
  .contents .goods__attn span {
    display: block;
    text-indent: -1em;
    padding-left: 1em;
  }
  .contents .goods__btntxt {
    text-align: center;
    margin-block: 54.4px 36.2666666667px;
  }
  .contents .goods__btntxt span {
    display: inline-block;
    position: relative;
    font-size: 29.0133333333px;
    font-weight: bold;
    padding-inline: 36.2666666667px;
  }
  .contents .goods__btntxt span::before {
    content: "";
    display: block;
    width: 3.6266666667px;
    height: 100%;
    background: #000;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: rotate(-20deg) translateY(-50%);
            transform: rotate(-20deg) translateY(-50%);
  }
  .contents .goods__btntxt span::after {
    content: "";
    display: block;
    width: 3.6266666667px;
    height: 100%;
    background: #000;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: rotate(20deg) translateY(-50%);
            transform: rotate(20deg) translateY(-50%);
  }
  .contents .goods__btn {
    font-size: 29.0133333333px;
    background: #000;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 90.6666666667px;
    border-radius: 90.6666666667px;
    line-height: 1;
    position: relative;
    margin: 0 auto;
    z-index: 2;
  }
  .contents .goods__btn span {
    position: absolute;
    display: block;
    width: 29.0133333333px;
    height: 29.0133333333px;
    top: calc(50% - 14.5066666667px);
    right: 7%;
  }
  .contents .goods__btn span::before, .contents .goods__btn span:after {
    content: "";
    display: block;
    width: 100%;
    height: 1.8133333333px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 0;
  }
  .contents .goods__btn span::after {
    opacity: 1;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .contents .goods__btn.--active span::after {
    opacity: 0;
  }
  .contents .goods__cts {
    display: none;
    padding-top: 72.5333333333px;
  }
  .contents .goods__sec02 {
    position: relative;
    margin-top: 90.6666666667px;
  }
  .contents .goods__sec02::before {
    content: "";
    display: block;
    width: 344.5333333333px;
    height: 163.2px;
    background: url(../img/goods_deco02.svg) no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -136px;
    right: -235.7333333333px;
  }
  .contents .goods__sec02 .goods_2nd {
    width: 100%;
    height: auto;
  }
  .contents .goods__sec02 .goods_2nd_deco {
    width: 110%;
    max-width: unset;
    position: absolute;
    left: 50%;
    top: 25%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .contents .goods__sec02 .goods_2nd_bnr {
    width: 83%;
    position: absolute;
    left: 50%;
    bottom: 3.5%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .contents .goods__bnrtxt {
    text-align: center;
    margin-block: 54.4px 36.2666666667px;
  }
  .contents .goods__bnrtxt span {
    display: inline-block;
    position: relative;
    font-size: 29.0133333333px;
    font-weight: bold;
    padding-inline: 36.2666666667px;
    line-height: 2;
  }
  .contents .goods__bnrtxt span::before {
    content: "";
    display: block;
    width: 3.6266666667px;
    height: 60%;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  .contents .goods__bnrtxt span::after {
    content: "";
    display: block;
    width: 3.6266666667px;
    height: 60%;
    background: #000;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  .contents .goods__sec03 {
    position: relative;
    margin-top: 108.8px;
    background: #117111;
    padding: 36.2666666667px 27.2px;
    border-radius: 36.2666666667px;
    color: #fff;
    text-align: center;
  }
  .contents .goods__sec03 h3 {
    font-size: 36.2666666667px;
    font-weight: bold;
    padding-bottom: 18.1333333333px;
    margin-bottom: 27.2px;
    border-bottom: 1px solid #fff;
  }
  .contents .goods__sec03::before {
    content: "";
    display: block;
    width: 344.5333333333px;
    height: 163.2px;
    background: url(../img/goods_deco02.svg) no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -108.8px;
    right: -226.6666666667px;
  }
  .contents .goods__sec03::after {
    content: "";
    display: block;
    width: 99.7333333333px;
    height: 99.7333333333px;
    background: url(../img/goods_bird.svg) no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 45.3333333333px;
    right: 27.2px;
  }
  .contents .goods__sec03--box {
    width: 471.4666666667px;
    margin: 27.2px auto 0;
    background: #fff;
    padding: 9.0666666667px;
    font-size: 29.0133333333px;
    color: #117111;
    font-weight: bold;
  }
  .contents .goods__sec03--box span {
    display: block;
    border: 1px solid #117111;
    padding: 18.1333333333px;
    line-height: 1;
  }
  .contents .step:nth-of-type(n + 2) {
    margin-top: 54.4px;
  }
  .contents .step__icon {
    width: 192.2133333333px;
  }
  .contents .step__icon img {
    width: 100%;
    height: auto;
  }
  .contents .step__box {
    background: #fff;
    padding: 27.2px 27.2px 0;
    margin-bottom: 72.5333333333px;
    position: relative;
  }
  .contents .step__box::after {
    width: 100%;
    height: 0;
    display: block;
    position: absolute;
    left: 0;
    content: "";
    border-top: solid 54.4px #fff;
    border-right: solid 54.4px transparent;
    top: 100%;
  }
  .contents .step__box p:last-of-type {
    margin-top: 27.2px;
    font-size: 29.0133333333px;
    line-height: 1.8;
  }
  .contents .step__box p:last-of-type span {
    color: #b91d23;
  }
}
/*# sourceMappingURL=style.css.map */