@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap&subset=japanese");
html {
  font-size: 62.5%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
}

body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -webkit-print-color-adjust: exact;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
}

#contents_block .simplebar-track.simplebar-vertical {
  width: 6px;
}
#contents_block .simplebar-scrollbar::before {
  background: #e73a8f;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#contents_block .simplebar-track {
  background: #cccccc;
}
#contents_block div,
#contents_block span,
#contents_block applet,
#contents_block object,
#contents_block iframe,
#contents_block h1,
#contents_block h2,
#contents_block h3,
#contents_block h4,
#contents_block h5,
#contents_block h6,
#contents_block p,
#contents_block blockquote,
#contents_block pre,
#contents_block a,
#contents_block abbr,
#contents_block acronym,
#contents_block address,
#contents_block big,
#contents_block cite,
#contents_block code,
#contents_block del,
#contents_block dfn,
#contents_block em,
#contents_block font,
#contents_block img,
#contents_block ins,
#contents_block kbd,
#contents_block q,
#contents_block s,
#contents_block samp,
#contents_block small,
#contents_block strike,
#contents_block strong,
#contents_block sub,
#contents_block sup,
#contents_block tt,
#contents_block var,
#contents_block b,
#contents_block u,
#contents_block i,
#contents_block center,
#contents_block dl,
#contents_block dt,
#contents_block dd,
#contents_block ol,
#contents_block ul,
#contents_block li,
#contents_block fieldset,
#contents_block form,
#contents_block label,
#contents_block legend,
#contents_block table,
#contents_block caption,
#contents_block tbody,
#contents_block tfoot,
#contents_block thead,
#contents_block tr,
#contents_block th,
#contents_block td,
#contents_block section,
#contents_block article,
#contents_block aside,
#contents_block hgroup,
#contents_block header,
#contents_block footer,
#contents_block nav,
#contents_block dialog,
#contents_block figure,
#contents_block menu,
#contents_block video,
#contents_block audio,
#contents_block mark,
#contents_block time,
#contents_block canvas,
#contents_block details {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 640px) {
  #contents_block div,
  #contents_block span,
  #contents_block applet,
  #contents_block object,
  #contents_block iframe,
  #contents_block h1,
  #contents_block h2,
  #contents_block h3,
  #contents_block h4,
  #contents_block h5,
  #contents_block h6,
  #contents_block p,
  #contents_block blockquote,
  #contents_block pre,
  #contents_block a,
  #contents_block abbr,
  #contents_block acronym,
  #contents_block address,
  #contents_block big,
  #contents_block cite,
  #contents_block code,
  #contents_block del,
  #contents_block dfn,
  #contents_block em,
  #contents_block font,
  #contents_block img,
  #contents_block ins,
  #contents_block kbd,
  #contents_block q,
  #contents_block s,
  #contents_block samp,
  #contents_block small,
  #contents_block strike,
  #contents_block strong,
  #contents_block sub,
  #contents_block sup,
  #contents_block tt,
  #contents_block var,
  #contents_block b,
  #contents_block u,
  #contents_block i,
  #contents_block center,
  #contents_block dl,
  #contents_block dt,
  #contents_block dd,
  #contents_block ol,
  #contents_block ul,
  #contents_block li,
  #contents_block fieldset,
  #contents_block form,
  #contents_block label,
  #contents_block legend,
  #contents_block table,
  #contents_block caption,
  #contents_block tbody,
  #contents_block tfoot,
  #contents_block thead,
  #contents_block tr,
  #contents_block th,
  #contents_block td,
  #contents_block section,
  #contents_block article,
  #contents_block aside,
  #contents_block hgroup,
  #contents_block header,
  #contents_block footer,
  #contents_block nav,
  #contents_block dialog,
  #contents_block figure,
  #contents_block menu,
  #contents_block video,
  #contents_block audio,
  #contents_block mark,
  #contents_block time,
  #contents_block canvas,
  #contents_block details {
    letter-spacing: 0;
  }
}
#contents_block section,
#contents_block article,
#contents_block aside,
#contents_block hgroup,
#contents_block header,
#contents_block footer,
#contents_block main,
#contents_block nav,
#contents_block dialog,
#contents_block figure,
#contents_block figcaption {
  display: block;
}
#contents_block ol,
#contents_block ul {
  list-style: none;
}
#contents_block blockquote,
#contents_block q {
  quotes: none;
}
#contents_block blockquote:before,
#contents_block blockquote:after,
#contents_block q:before,
#contents_block q:after {
  content: "";
  content: none;
}
#contents_block :focus {
  outline: 0;
}
#contents_block ins {
  text-decoration: none;
}
#contents_block del {
  text-decoration: line-through;
}
#contents_block table {
  border-collapse: collapse;
  border-spacing: 0;
}
#contents_block img {
  -webkit-backface-visibility: hidden;
  vertical-align: bottom;
}
#contents_block a:link {
  color: inherit;
  text-decoration: none;
}
#contents_block a:visited {
  color: inherit;
  text-decoration: none;
}
#contents_block a:hover {
  color: inherit;
  text-decoration: none;
}
#contents_block a:active {
  color: inherit;
  text-decoration: none;
}
#contents_block .clr {
  *zoom: 1;
}
#contents_block .clr:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
#contents_block .disnon {
  display: none;
}
@media screen and (max-width: 640px) {
  #contents_block .pc {
    display: none !important;
  }
}
@media print, screen and (min-width: 641px) {
  #contents_block .sp {
    display: none !important;
  }
}

#contents_block {
  position: relative;
  text-align: center;
  background: #fffae9;
  color: #222;
  line-height: 1.6;
  font-size: 1.4rem;
  overflow: hidden;
}
@media print, screen and (min-width: 641px) {
  #contents_block {
    min-width: 1140px;
  }
}
@media screen and (max-width: 640px) {
  #contents_block {
    font-size: calc(28 / 750 * 100vw);
  }
}
@media screen and (max-width: 640px) {
  #contents_block img {
    width: 100%;
    height: auto;
  }
}
#contents_block .contents_main {
  position: relative;
}
#contents_block .contents-inner {
  margin: 0 auto;
}
@media print, screen and (min-width: 641px) {
  #contents_block .contents-inner {
    width: 1140px;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .contents-inner {
    padding-left: calc(40 / 750 * 100vw);
    padding-right: calc(40 / 750 * 100vw);
  }
}
#contents_block .jsFadeIn {
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  opacity: 0;
  -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.8s, transform 0.8s;
  transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
}
#contents_block .jsFadeIn.isFadeIn {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
#contents_block .ttl-01 {
  width: fit-content;
  margin: 0 auto 34px;
  text-align: center;
  position: relative;
  line-height: 1;
  z-index: 8;
}
@media screen and (max-width: 640px) {
  #contents_block .ttl-01 {
    margin: 0 calc(-40 / 750 * 100vw) calc(45 / 750 * 100vw);
  }
}
#contents_block .ttl-01::before, #contents_block .ttl-01::after {
  content: "";
  display: block;
  width: 65px;
  height: 56px;
  background: url(../images/ttl_note_01.png) no-repeat center/cover;
  position: absolute;
  animation: anime-note-01 0.8s 0s steps(2) infinite alternate;
  opacity: 0;
  transition-delay: 0.5s;
  transition-duration: 0.5s;
}
@media screen and (max-width: 640px) {
  #contents_block .ttl-01::before, #contents_block .ttl-01::after {
    width: calc(71 / 750 * 100vw);
    height: calc(62 / 750 * 100vw);
  }
}
#contents_block .ttl-01::before {
  top: 0;
  left: 0;
}
@media screen and (max-width: 640px) {
  #contents_block .ttl-01::before {
    top: calc(37 / 750 * 100vw);
    left: calc(75 / 750 * 100vw);
  }
}
#contents_block .ttl-01::after {
  top: 60px;
  right: 0;
  animation-delay: 0.3s;
}
@media screen and (max-width: 640px) {
  #contents_block .ttl-01::after {
    top: calc(90 / 750 * 100vw);
    right: calc(90 / 750 * 100vw);
  }
}
#contents_block .ttl-01 span {
  display: inline-block;
  padding: 0 118px 0 130px;
  position: relative;
}
@media screen and (max-width: 640px) {
  #contents_block .ttl-01 span {
    padding: 0;
  }
}
#contents_block .ttl-01 span::before, #contents_block .ttl-01 span::after {
  content: "";
  display: block;
  width: 49px;
  height: 70px;
  background: url(../images/ttl_note_02.png) no-repeat center/cover;
  position: absolute;
  animation: anime-note-02 0.8s 0s steps(2) infinite alternate;
  opacity: 0;
  transition-delay: 0.5s;
  transition-duration: 0.5s;
}
@media screen and (max-width: 640px) {
  #contents_block .ttl-01 span::before, #contents_block .ttl-01 span::after {
    width: calc(52 / 750 * 100vw);
    height: calc(71 / 750 * 100vw);
  }
}
#contents_block .ttl-01 span::before {
  top: 35px;
  left: 70px;
  animation-delay: 0.2s;
}
@media screen and (max-width: 640px) {
  #contents_block .ttl-01 span::before {
    top: calc(90 / 750 * 100vw);
    left: calc(134 / 750 * 100vw);
  }
}
#contents_block .ttl-01 span::after {
  top: 0;
  right: 54px;
  animation-delay: 0.4s;
}
@media screen and (max-width: 640px) {
  #contents_block .ttl-01 span::after {
    top: calc(28 / 750 * 100vw);
    right: calc(138 / 750 * 100vw);
  }
}
#contents_block .ttl-01 span img {
  opacity: 0;
  transform: scale(0.75);
  transform-origin: center center;
  transition: 0.6s 0s cubic-bezier(0.34, 1.56, 0.64, 1);
}
#contents_block .ttl-01 i {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
@media screen and (max-width: 640px) {
  #contents_block .ttl-01 i {
    padding-top: calc(25 / 750 * 100vw);
  }
}
#contents_block .ttl-01 i img {
  display: block;
  width: 31px;
  margin: 0 5px;
  opacity: 0;
  transform: scale(3);
  transform-origin: center center;
  transition: 0.8s 0s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media screen and (max-width: 640px) {
  #contents_block .ttl-01 i img {
    width: calc(52 / 750 * 100vw);
    margin: 0 calc(8 / 750 * 100vw);
  }
}
#contents_block .ttl-01 i img:nth-child(2) {
  transition-delay: 0.2s;
}
#contents_block .ttl-01 i img:nth-child(3) {
  transition-delay: 0.4s;
}
#contents_block .ttl-01.isAnimate::before, #contents_block .ttl-01.isAnimate::after {
  opacity: 1;
}
#contents_block .ttl-01.isAnimate span::before, #contents_block .ttl-01.isAnimate span::after {
  opacity: 1;
}
#contents_block .ttl-01.isAnimate span img {
  opacity: 1;
  transform: scale(1);
}
#contents_block .ttl-01.isAnimate i img {
  opacity: 1;
  transform: scale(1);
}
#contents_block .frame-01 {
  background: #fff;
  border: 6px solid #222;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 640px) {
  #contents_block .frame-01 {
    border-width: calc(8 / 750 * 100vw);
    border-radius: calc(20 / 750 * 100vw);
    padding: 0 calc(32 / 750 * 100vw) calc(40 / 750 * 100vw) calc(32 / 750 * 100vw);
  }
}
#contents_block .list-notes-01 {
  /*font-size: 1.3rem;
  @include sp {
    font-size: calcvw(22);
  }*/
}
#contents_block .list-notes-01 li {
  text-indent: -1em;
  margin-left: 1em;
}
#contents_block .term-red {
  color: #dc0000;
}
#contents_block .list-dot-01 li {
  padding-left: 1em;
  position: relative;
}
#contents_block .list-dot-01 li::before {
  content: "・";
  display: inline-block;
  width: 1em;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
#contents_block .list-dot-01 ol li {
  margin-left: 1em;
  padding-left: 0;
  list-style: decimal;
}
#contents_block .list-dot-01 ol li::before {
  display: none;
}
#contents_block .list-num-01 {
  list-style-type: decimal;
  margin-left: 2em;
}
@media print, screen and (min-width: 641px) {
  #contents_block .hover-alpha {
    transition-duration: 0.3s;
  }
}
@media print, screen and (min-width: 641px) {
  #contents_block .hover-alpha:hover {
    opacity: 0.7;
  }
}
#contents_block.isAnime .mv__inner {
  opacity: 1;
}
#contents_block .mv {
  background-color: #fff100;
  overflow: hidden;
  text-align: left;
}
@media print, screen and (min-width: 641px) {
  #contents_block .mv {
    font-size: 16px;
  }
  #contents_block .mv h1 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1600px) and (min-width: 640px) {
  #contents_block .mv {
    font-size: 13.8px;
  }
  #contents_block .mv h1 {
    font-size: 13.8px;
  }
}
#contents_block .mv img {
  max-width: 100%;
  height: auto;
}
#contents_block .mv__inner {
  opacity: 0;
  height: 46.75em;
  position: relative;
}
@media print, screen and (min-width: 641px) {
  #contents_block .mv__inner {
    transform: translateX(-50px);
  }
}
@media screen and (max-width: 1600px) and (min-width: 640px) {
  #contents_block .mv__inner {
    transform: translateX(-20px);
  }
}
@media screen and (max-width: 640px) {
  #contents_block .mv__inner {
    height: calc(1090 / 750 * 100vw);
    padding: 0;
  }
}
#contents_block .mv__inner::before {
  content: "";
  display: block;
  width: 100em;
  height: 100%;
  position: absolute;
  top: -10px;
  background-image: url("../images/mv_bg_02.png");
  background-repeat: no-repeat;
  pointer-events: none;
  opacity: 0;
  transform: scale(0.5);
  transform-origin: center center;
  transition: 0.6s 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media print, screen and (min-width: 641px) {
  #contents_block .mv__inner::before {
    left: 50%;
    margin-left: -50em;
    background-position: 28.75em -1em;
    background-size: 70.0625em auto;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .mv__inner::before {
    left: 0;
    top: calc(5 / 750 * 100vw);
    width: calc(750 / 750 * 100vw);
    margin-left: calc(0 / 750 * 100vw);
    background-image: url("../images/mv_bg_02_sp.png");
    background-size: contain;
  }
}
#contents_block .mv__inner::after {
  content: "";
  display: block;
  width: 101.625em;
  height: 100%;
  position: absolute;
  top: -2.25em;
  left: 50%;
  background-image: url("../images/mv_star.png");
  background-repeat: no-repeat;
  background-size: 93.75em auto;
  pointer-events: none;
  opacity: 0;
  transform: scale(0.5);
  transform-origin: center center;
  transition: 0.6s 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media print, screen and (min-width: 641px) {
  #contents_block .mv__inner::after {
    margin-left: -50em;
    background-position: 7.5em 3.75em;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .mv__inner::after {
    width: calc(701 / 750 * 100vw);
    left: calc(20 / 750 * 100vw);
    top: calc(36 / 750 * 100vw);
    background-image: url("../images/mv_star_sp.png");
    background-size: contain;
  }
}
#contents_block .mv__note {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: 0.6s 1s ease-out;
}
@media print, screen and (min-width: 641px) {
  #contents_block .mv__note {
    transform: translate(10em, -0.625em);
  }
}
@media screen and (max-width: 640px) {
  #contents_block .mv__note {
    width: calc(164 / 750 * 100vw);
    transform: translate(calc(-40 / 750 * 100vw), calc(-196 / 750 * 100vw));
  }
}
#contents_block .mv__ttl {
  width: fit-content;
  position: relative;
  padding: 1.25em 0 0 0;
  z-index: 3;
  opacity: 0;
  transform: scale(0.5);
  transform-origin: center center;
  transition: 0.6s 0s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media print, screen and (min-width: 641px) {
  #contents_block .mv__ttl {
    width: 49.625em;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .mv__ttl {
    margin: 0;
    z-index: 4;
    padding-top: calc(27 / 750 * 100vw);
    width: calc(683 / 750 * 100vw);
    margin-left: calc(50 / 750 * 100vw);
  }
}
#contents_block .mv__sticker {
  position: absolute;
  top: 29.125em;
  left: 33em;
  opacity: 0;
  transform: translateY(-3.125em);
  transition: 0.8s 0.4s ease-out;
}
@media print, screen and (min-width: 641px) {
  #contents_block .mv__sticker {
    width: 18.375em;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .mv__sticker {
    width: calc(263 / 750 * 100vw);
    margin: calc(126 / 750 * 100vw) 0 calc(16 / 750 * 100vw) calc(34 / 750 * 100vw);
    position: static;
  }
}
#contents_block .mv__img {
  position: absolute;
  top: -8.625em;
  left: 49.125em;
  opacity: 0;
  transform: translateY(-3.125em);
  transition: 0.8s 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media print, screen and (min-width: 641px) {
  #contents_block .mv__img {
    width: 36.5625em;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .mv__img {
    width: calc(402 / 750 * 100vw);
    top: calc(398 / 750 * 100vw);
    left: calc(300 / 750 * 100vw);
    z-index: 3;
  }
}
#contents_block .mv__img-balloon {
  position: absolute;
  top: -0.9375em;
  left: -1.125em;
  opacity: 0;
  transform: scale(0.5);
  transform-origin: center center;
  transition: 0.6s 1.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media screen and (max-width: 640px) {
  #contents_block .mv__img-balloon {
    width: calc(119 / 750 * 100vw);
    top: calc(10 / 750 * 100vw);
    left: calc(242 / 750 * 100vw);
  }
}
#contents_block .mv__img-obj {
  position: absolute;
}
#contents_block .mv__date {
  position: relative;
  z-index: 3;
  width: fit-content;
  margin: 1.875em 0 0 2.625em;
  opacity: 0;
  transform: translateY(1.25em);
  transition: 0.6s 1s ease-out;
}
@media print, screen and (min-width: 641px) {
  #contents_block .mv__date {
    width: 29.25em;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .mv__date {
    margin: 0 calc(39 / 750 * 100vw);
    z-index: 2;
  }
}
#contents_block .mv__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37.5em;
  height: 12.5em;
  padding: 1.25em;
  background: rgba(211, 0, 8, 0.8);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  font-weight: bold;
  line-height: 1.6;
  font-size: 1.875em;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 640px) {
  #contents_block .mv__close {
    width: 90%;
    height: calc(300 / 750 * 100vw);
    padding: 1em;
    font-size: calc(40 / 750 * 100vw);
  }
}
#contents_block.isAnime .mv__inner::before, #contents_block.isAnime .mv__inner::after {
  opacity: 1;
  transform: scale(1);
}
#contents_block.isAnime .mv__ttl {
  opacity: 1;
  transform: scale(1);
}
#contents_block.isAnime .mv__sticker {
  opacity: 1;
  transform: translateY(0);
}
#contents_block.isAnime .mv__img {
  opacity: 1;
  transform: translateY(0);
}
#contents_block.isAnime .mv__date {
  opacity: 1;
  transform: translateY(0);
}
#contents_block.isAnime .mv__note {
  opacity: 1;
}
#contents_block .page-link {
  position: relative;
  z-index: 20;
  width: 100%;
  padding: 30px 0;
  background: #533c3a;
  line-height: 1;
}
@media screen and (max-width: 640px) {
  #contents_block .page-link {
    padding: calc(34 / 750 * 100vw) 0;
  }
}
#contents_block .page-link__inner {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 640px) {
  #contents_block .page-link__inner {
    display: block;
  }
}
#contents_block .page-link__nav {
  width: calc(100% - 134px);
  position: relative;
}
@media screen and (max-width: 640px) {
  #contents_block .page-link__nav {
    width: auto;
    overflow: hidden;
  }
}
#contents_block .page-link__nav-items {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 640px) {
  #contents_block .page-link__nav-items {
    width: auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: calc(-40 / 750 * 100vw) -3px 0;
  }
}
#contents_block .page-link__nav-items::before {
  display: block;
  content: "";
  background-color: rgb(255, 255, 255);
  opacity: 0.7;
  width: 2px;
  height: 100%;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 640px) {
  #contents_block .page-link__nav-items::before {
    display: none;
  }
}
#contents_block .page-link__nav-item {
  text-align: center;
  position: relative;
}
@media screen and (max-width: 640px) {
  #contents_block .page-link__nav-item {
    width: 33.3%;
    margin: calc(40 / 750 * 100vw) 0 0;
  }
  #contents_block .page-link__nav-item:nth-child(1), #contents_block .page-link__nav-item:nth-child(2) {
    width: 50%;
  }
  #contents_block .page-link__nav-item:nth-child(1)::after, #contents_block .page-link__nav-item:nth-child(2)::after {
    display: block;
    content: "";
    background-color: rgb(255, 255, 255);
    opacity: 0.7;
    width: 96%;
    height: 2px;
    border-radius: 2px;
    position: absolute;
    bottom: calc(-20 / 750 * 100vw);
    left: 0%;
  }
  #contents_block .page-link__nav-item:nth-child(1):nth-child(2)::after, #contents_block .page-link__nav-item:nth-child(2):nth-child(2)::after {
    left: 3%;
  }
}
#contents_block .page-link__nav-item::before {
  display: block;
  content: "";
  background-color: rgb(255, 255, 255);
  opacity: 0.7;
  width: 2px;
  height: 100%;
  border-radius: 2px;
  position: absolute;
  top: 0;
  right: 0;
}
#contents_block .page-link__nav-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  position: relative;
  width: 100%;
  padding: 0 42px;
}
@media screen and (max-width: 640px) {
  #contents_block .page-link__nav-item a {
    height: calc(83 / 750 * 100vw);
    padding: 0;
  }
}
#contents_block .page-link__nav-item a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 3px;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  background: url(../images/page_link_arrow.png) no-repeat center/cover;
  background-size: cover;
  z-index: 2;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 640px) {
  #contents_block .page-link__nav-item a::before {
    width: calc(19 / 750 * 100vw);
    height: calc(19 / 750 * 100vw);
  }
}
#contents_block .page-link__nav-item a img {
  margin-bottom: 12px;
  filter: brightness(0) invert(1);
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 640px) {
  #contents_block .page-link__nav-item a img {
    width: auto;
    height: calc(40 / 750 * 100vw);
    margin-bottom: calc(30 / 750 * 100vw);
  }
}
@media print, screen and (min-width: 641px) {
  #contents_block .page-link__nav-item a:hover::before {
    transform: translateY(5px);
  }
}
#contents_block .page-link__sns {
  width: 134px;
  position: relative;
  padding-top: 2px;
}
@media screen and (max-width: 640px) {
  #contents_block .page-link__sns {
    width: auto;
    padding-top: calc(33 / 750 * 100vw);
  }
}
#contents_block .page-link__sns::before {
  display: block;
  content: "";
  background-color: rgb(255, 255, 255);
  opacity: 0.7;
  width: 2px;
  height: 100%;
  border-radius: 2px;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 640px) {
  #contents_block .page-link__sns::before {
    display: none;
  }
}
#contents_block .page-link__sns-ttl {
  margin-bottom: 8px;
}
@media screen and (max-width: 640px) {
  #contents_block .page-link__sns-ttl {
    width: calc(75 / 750 * 100vw);
    margin: 0 auto calc(15 / 750 * 100vw);
  }
}
#contents_block .page-link__sns-items {
  display: flex;
  justify-content: center;
  align-items: center;
}
#contents_block .page-link__sns-item {
  width: 30px;
  margin: 0 5px;
}
@media screen and (max-width: 640px) {
  #contents_block .page-link__sns-item {
    width: calc(70 / 750 * 100vw);
    margin: 0 calc(20 / 750 * 100vw);
  }
}
#contents_block .page-link__sns-item a {
  display: block;
  border-radius: 50%;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media print, screen and (min-width: 641px) {
  #contents_block .page-link__sns-item a:hover {
    transform: scale(1.1);
  }
}
#contents_block .campaign {
  background: #3bc4ff;
  position: relative;
  z-index: 2;
}
#contents_block .campaign::before {
  content: "";
  display: block;
  width: 100%;
  height: 373px;
  background-image: linear-gradient(0deg, rgb(59, 196, 255) 0%, rgb(59, 137, 255) 100%);
  position: absolute;
  left: 0px;
  top: 0;
}
@media screen and (max-width: 640px) {
  #contents_block .campaign::before {
    height: calc(373 / 750 * 100vw);
  }
}
#contents_block .campaign::after {
  content: "";
  display: block;
  width: 100%;
  height: 14px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31 14"><path fill="%233bc4ff" d="M15.5,13.991L31,0H0ZM0,0"/></svg>');
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto 100%;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: -1px;
}
@media screen and (max-width: 640px) {
  #contents_block .campaign::after {
    height: calc(17 / 750 * 100vw);
  }
}
#contents_block .campaign__inner {
  padding-top: 70px;
  padding-bottom: 120px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 640px) {
  #contents_block .campaign__inner {
    padding-top: calc(96 / 750 * 100vw);
    padding-bottom: calc(100 / 750 * 100vw);
  }
}
@media screen and (max-width: 640px) {
  #contents_block .campaign__ttl {
    width: calc(626 / 750 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .campaign__ttl::before {
    top: calc(-20 / 750 * 100vw);
    left: calc(-30 / 750 * 100vw);
  }
}
@media screen and (max-width: 640px) {
  #contents_block .campaign__ttl::after {
    top: calc(166 / 750 * 100vw);
    right: calc(-26 / 750 * 100vw);
  }
}
@media screen and (max-width: 640px) {
  #contents_block .campaign__ttl span::before {
    top: calc(-46 / 750 * 100vw);
    left: calc(45 / 750 * 100vw);
  }
}
@media screen and (max-width: 640px) {
  #contents_block .campaign__ttl span::after {
    top: calc(170 / 750 * 100vw);
    right: calc(56 / 750 * 100vw);
  }
}
#contents_block .campaign__copy {
  margin: 0 auto 51px;
}
@media screen and (max-width: 640px) {
  #contents_block .campaign__copy {
    margin: 0 calc(26 / 750 * 100vw) calc(76 / 750 * 100vw);
  }
}
#contents_block .campaign__sticker {
  width: fit-content;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 640px) {
  #contents_block .campaign__sticker {
    margin: 0 calc(-40 / 750 * 100vw);
  }
}
#contents_block .campaign__sticker-img {
  opacity: 0;
  transform: scale(0.75);
  transform-origin: center center;
  transition: 0.6s 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media screen and (max-width: 640px) {
  #contents_block .campaign__sticker-img {
    position: relative;
    z-index: 2;
  }
}
#contents_block .campaign__sticker-img.isAnimate {
  opacity: 1;
  transform: scale(1);
}
#contents_block .campaign__img-01 {
  position: absolute;
  top: -60px;
  right: -122px;
  opacity: 0;
  transform: translateY(50px);
  transition: 0.6s 0.6s ease-out;
}
@media screen and (max-width: 640px) {
  #contents_block .campaign__img-01 {
    width: calc(208 / 750 * 100vw);
    top: calc(-140 / 750 * 100vw);
    right: calc(57 / 750 * 100vw);
    z-index: 1;
  }
}
#contents_block .campaign__img-01.isAnimate {
  opacity: 1;
  transform: translateY(0);
}
#contents_block .campaign__img-02 {
  position: absolute;
  top: -124px;
  left: -341px;
}
@media screen and (max-width: 640px) {
  #contents_block .campaign__img-02 {
    width: calc(100 / 750 * 100vw);
    top: inherit;
    left: calc(10 / 750 * 100vw);
    bottom: calc(-50 / 750 * 100vw);
    transform: rotate(-10deg);
    z-index: 3;
  }
}
#contents_block .campaign__obj {
  position: absolute;
  pointer-events: none;
}
#contents_block .campaign__obj--01 {
  top: 115px;
  left: 1038px;
}
@media screen and (max-width: 640px) {
  #contents_block .campaign__obj--01 {
    width: calc(107 / 750 * 100vw);
    top: calc(609 / 750 * 100vw);
    left: calc(38 / 750 * 100vw);
  }
}
#contents_block .campaign__obj--02 {
  top: 195px;
  left: 1089px;
}
@media screen and (max-width: 640px) {
  #contents_block .campaign__obj--02 {
    width: calc(260 / 750 * 100vw);
    top: calc(-52 / 750 * 100vw);
    left: calc(503 / 750 * 100vw);
  }
}
#contents_block .campaign__obj--03 {
  top: 164px;
  left: -50px;
}
@media screen and (max-width: 640px) {
  #contents_block .campaign__obj--03 {
    width: calc(56 / 750 * 100vw);
    top: inherit;
    left: calc(19 / 750 * 100vw);
    bottom: calc(32 / 750 * 100vw);
  }
}
#contents_block .campaign__obj--04 {
  top: 794px;
  left: -150px;
}
#contents_block .present {
  background-color: #fff100;
  background-image: url("../images/present_bg_01.png");
  background-repeat: repeat-y;
  background-position: center 10px;
  overflow: hidden;
}
@media screen and (min-width: 2000px) {
  #contents_block .present {
    background-size: cover;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .present {
    background-image: url("../images/present_bg_01_sp.png");
    background-position: center calc(30 / 750 * 100vw);
    background-size: cover;
  }
}
#contents_block .present__inner {
  padding-top: 105px;
}
@media screen and (max-width: 640px) {
  #contents_block .present__inner {
    padding-top: calc(105 / 750 * 100vw);
  }
}
@media screen and (max-width: 640px) {
  #contents_block .present__ttl {
    width: calc(572 / 750 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .present__ttl::before {
    top: calc(-26 / 750 * 100vw);
    left: calc(-58 / 750 * 100vw);
  }
}
@media screen and (max-width: 640px) {
  #contents_block .present__ttl::after {
    top: calc(-16 / 750 * 100vw);
    right: calc(-60 / 750 * 100vw);
  }
}
@media screen and (max-width: 640px) {
  #contents_block .present__ttl span::before {
    top: calc(-50 / 750 * 100vw);
    left: calc(20 / 750 * 100vw);
  }
}
@media screen and (max-width: 640px) {
  #contents_block .present__ttl span::after {
    top: calc(-70 / 750 * 100vw);
    right: calc(0 / 750 * 100vw);
  }
}
#contents_block .present-point {
  position: relative;
  background: url("../images/rect.png");
}
@media screen and (max-width: 640px) {
  #contents_block .present-point {
    background-size: calc(25 / 750 * 100vw) auto;
  }
}
#contents_block .present-point__ttl {
  text-align: center;
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width: 641px) {
  #contents_block .present-point__ttl {
    position: absolute;
    left: 450px;
    margin-top: -26px;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .present-point__ttl {
    margin-bottom: 0;
    margin-top: calc(-70 / 750 * 100vw);
    margin-left: calc(-10 / 750 * 100vw);
  }
  #contents_block .present-point__ttl::before {
    position: absolute;
    top: calc(340 / 750 * 100vw);
    right: calc(-20 / 750 * 100vw);
    content: "";
    background: url("../images/present_point_photo_sp.png") no-repeat center/cover;
    width: calc(280 / 750 * 100vw);
    height: calc(458 / 750 * 100vw);
    display: block;
  }
}
#contents_block .present-point__badge {
  position: absolute;
  top: -86px;
  right: -36px;
  opacity: 0;
  transform: scale(0.75);
  transform-origin: center center;
  transition: 0.6s 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media screen and (max-width: 640px) {
  #contents_block .present-point__badge {
    width: calc(242 / 750 * 100vw);
    height: calc(242 / 750 * 100vw);
    top: calc(-114 / 750 * 100vw);
    right: calc(-40 / 750 * 100vw);
  }
}
#contents_block .present-point__badge.isAnimate {
  opacity: 1;
  transform: scale(1);
}
#contents_block .present-point__row {
  position: relative;
  overflow: hidden;
}
@media print, screen and (min-width: 641px) {
  #contents_block .present-point__row {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 430px 670px;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .present-point__row {
    margin-left: -4.2666666667vw;
    padding-left: 4.2666666667vw;
  }
}
@media print, screen and (min-width: 641px) {
  #contents_block .present-point__img {
    text-align: right;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .present-point__img {
    width: calc(340 / 750 * 100vw);
  }
  #contents_block .present-point__img img {
    max-width: 100%;
  }
}
#contents_block .present-point__img::before {
  content: "";
  display: block;
  width: 760px;
  height: 760px;
  position: absolute;
  top: -20px;
  left: -120px;
  background: url("../images/present_point_img_02.png") no-repeat center/cover;
  animation: anime-rotate-01 6s linear infinite;
}
@media screen and (max-width: 640px) {
  #contents_block .present-point__img::before {
    width: calc(800 / 750 * 100vw);
    height: calc(800 / 750 * 100vw);
    top: calc(0 / 750 * 100vw);
    left: calc(-200 / 750 * 100vw);
  }
}
#contents_block .present-point__img img {
  width: 345px;
  height: auto;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 640px) {
  #contents_block .present-point__img img {
    width: auto;
  }
}
#contents_block .present-point__img-obj {
  position: absolute;
}
#contents_block .present-point__img-obj--01 {
  top: 340px;
  left: 85px;
}
@media screen and (max-width: 640px) {
  #contents_block .present-point__img-obj--01 {
    width: calc(71 / 750 * 100vw);
    top: calc(375 / 750 * 100vw);
    left: calc(109 / 750 * 100vw);
  }
}
@media print, screen and (min-width: 641px) {
  #contents_block .present-point__wtext {
    padding-top: 540px;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .present-point__note {
    margin-left: calc(calc(150 / 750 * 100vw) + 1em);
    font-size: calc(16 / 750 * 100vw);
    text-indent: -1em;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .present-point__note {
    font-size: calc(16 / 750 * 100vw);
    letter-spacing: 0.05em;
    padding-right: calc(20 / 750 * 100vw);
  }
}
@media screen and (max-width: 640px) {
  #contents_block .present-point__info-item {
    font-size: calc(22 / 750 * 100vw);
    display: grid;
    grid-template-columns: calc(140 / 750 * 100vw) 1fr;
  }
}
#contents_block .present-point__info {
  text-align: left;
  position: relative;
  line-height: 1.7142857143;
}
@media print, screen and (min-width: 641px) {
  #contents_block .present-point__info {
    margin-left: 40px;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .present-point__info {
    margin-top: calc(20 / 750 * 100vw);
    margin-bottom: calc(40 / 750 * 100vw);
    font-size: calc(24 / 750 * 100vw);
  }
}
@media screen and (max-width: 640px) {
  #contents_block .present-point__info .label {
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .present-point__info .val {
    letter-spacing: 0.02em;
  }
}
#contents_block .present-point__info .val::before {
  content: "：";
}
@media screen and (max-width: 640px) {
  #contents_block .present-point__info .val span {
    display: block;
    text-align: right;
    font-size: calc(16 / 750 * 100vw);
  }
}
#contents_block .present-point__obj {
  position: absolute;
  pointer-events: none;
}
#contents_block .present-point__obj--01 {
  top: 14px;
  right: 210px;
  transform: translateX(100px);
  opacity: 0;
  transition: 0.6s 0.2s ease-out;
}
@media screen and (max-width: 640px) {
  #contents_block .present-point__obj--01 {
    width: calc(220 / 750 * 100vw);
    top: calc(742 / 750 * 100vw);
    right: calc(20 / 750 * 100vw);
  }
}
#contents_block .present-point__obj--01.isAnimate {
  opacity: 1;
  transform: translateX(0);
}
#contents_block .present-point__obj--06 {
  top: -218px;
  right: -130px;
}
@media print, screen and (min-width: 641px) {
  #contents_block .present-points {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, 560px);
    justify-content: space-between;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .present-points {
    margin-top: calc(20 / 750 * 100vw);
    display: flex;
    flex-direction: column;
    gap: calc(20 / 750 * 100vw);
  }
}
@media print, screen and (min-width: 641px) {
  #contents_block .present-note {
    margin: 0 0 25px 25px;
  }
}
#contents_block .present-rooting {
  margin-top: 40px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 640px) {
  #contents_block .present-rooting {
    margin: calc(60 / 750 * 100vw) calc(-40 / 750 * 100vw) 0;
    padding-bottom: calc(260 / 750 * 100vw);
  }
}
#contents_block .present-rooting__img-02 {
  margin-top: 5px;
  opacity: 0;
  transform: translateY(50px) scale(0.5);
  transform-origin: center center;
  transition: 0.6s 0s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media screen and (max-width: 640px) {
  #contents_block .present-rooting__img-02 {
    margin-top: calc(50 / 750 * 100vw);
    margin-left: calc(-10 / 750 * 100vw);
    margin-right: calc(-10 / 750 * 100vw);
  }
}
#contents_block .present-rooting__img-03 {
  opacity: 0;
  margin-top: 50px;
  transform: translateY(50%);
  transition: 0.5s 0s cubic-bezier(0.34, 1.56, 0.71, 2.3);
}
@media print, screen and (min-width: 641px) {
  #contents_block .present-rooting__img-03 {
    padding-left: 30px;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .present-rooting__img-03 {
    margin-top: 5.3333333333vw;
    transform: translateY(50px);
    margin-left: -5.3333333333vw;
    margin-right: -5.3333333333vw;
  }
  #contents_block .present-rooting__img-03 img {
    width: calc(386 / 750 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
}
#contents_block .present-rooting__img-03::before, #contents_block .present-rooting__img-03::after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0;
  transform: translateY(50px) scale(0);
  transform-origin: center center;
  transition: 0.6s 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
#contents_block .present-rooting__img-03::before {
  width: 519px;
  height: 479px;
  top: -30px;
  left: -110px;
  background-image: url("../images/present_rooting_img_03_photo_01.png");
}
@media screen and (max-width: 640px) {
  #contents_block .present-rooting__img-03::before {
    background-image: url("../images/present_rooting_img_03_photo_01_sp.png");
    width: calc(193 / 750 * 100vw);
    height: calc(438 / 750 * 100vw);
    top: calc(10 / 750 * 100vw);
    left: calc(-11 / 750 * 100vw);
  }
}
#contents_block .present-rooting__img-03::after {
  width: 570px;
  height: 444px;
  top: -6px;
  right: -150px;
  background-image: url("../images/present_rooting_img_03_photo_02.png");
}
@media screen and (max-width: 640px) {
  #contents_block .present-rooting__img-03::after {
    background-image: url("../images/present_rooting_img_03_photo_02_sp.png");
    width: calc(172 / 750 * 100vw);
    height: calc(465 / 750 * 100vw);
    top: calc(24 / 750 * 100vw);
    right: 0;
  }
}
#contents_block .point-standby {
  margin-top: 50px;
  padding-bottom: 50px;
}
@media screen and (max-width: 640px) {
  #contents_block .point-standby {
    margin-top: calc(50 / 750 * 100vw);
    padding-bottom: calc(80 / 750 * 100vw);
  }
}
#contents_block .isStandby .present-rooting__img-03 img {
  animation: anime-trembling-02 0.75s ease-in-out infinite alternate;
}
#contents_block .isAnimate .present-rooting__img-02 {
  opacity: 1;
  transform: translateY(0) scale(1);
}
#contents_block .isAnimate .present-rooting__img-03 {
  transform: translateY(0);
  opacity: 1;
}
#contents_block .isAnimate .present-rooting__img-03::before, #contents_block .isAnimate .present-rooting__img-03::after {
  opacity: 1;
  transform: translateY(0) scale(1);
}
#contents_block .products {
  background: #3bc4ff;
  position: relative;
  z-index: 2;
}
#contents_block .products::before, #contents_block .products::after {
  content: "";
  display: block;
  width: 100%;
  height: 14px;
  background-repeat: repeat-x;
  background-position: center top;
  background-size: auto 100%;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 640px) {
  #contents_block .products::before, #contents_block .products::after {
    height: calc(17 / 750 * 100vw);
  }
}
#contents_block .products::before {
  bottom: 100%;
  margin-bottom: -1px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.19 13.99"><path fill="%233bc4ff" d="m15.09,0L0,13.99h30.19L15.09,0Z"/></svg>');
}
#contents_block .products::after {
  top: 100%;
  margin-top: -1px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31 14"><path fill="%233bc4ff" d="M15.5,13.991L31,0H0ZM0,0"/></svg>');
}
#contents_block .products__inner {
  padding: 115px 0 120px;
  position: relative;
}
@media screen and (max-width: 640px) {
  #contents_block .products__inner {
    padding: calc(85 / 750 * 100vw) calc(40 / 750 * 100vw) calc(140 / 750 * 100vw);
  }
}
#contents_block .products__main {
  text-align: left;
  position: relative;
  z-index: 5;
}
@media print, screen and (min-width: 641px) {
  #contents_block .products__main {
    padding: 65px 44px;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .products__main {
    padding-top: calc(70 / 750 * 100vw);
    padding-bottom: calc(60 / 750 * 100vw);
  }
}
@media screen and (max-width: 640px) {
  #contents_block .products__ttl {
    width: calc(350 / 750 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
  #contents_block .products__ttl::before {
    left: calc(-110 / 750 * 100vw);
  }
  #contents_block .products__ttl::after {
    right: calc(-110 / 750 * 100vw);
  }
  #contents_block .products__ttl span::before {
    left: calc(-70 / 750 * 100vw);
  }
  #contents_block .products__ttl span::after {
    right: calc(-70 / 750 * 100vw);
  }
}
#contents_block .products__txt {
  margin-bottom: 15px;
}
@media screen and (max-width: 640px) {
  #contents_block .products__txt {
    margin-bottom: calc(40 / 750 * 100vw);
  }
}
#contents_block .products__mark {
  position: absolute;
  top: 25px;
  right: 44px;
  opacity: 0;
  transform: scale(1.5);
  transform-origin: center center;
  transition: 0.6s 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media screen and (max-width: 640px) {
  #contents_block .products__mark {
    position: static;
    width: calc(409 / 750 * 100vw);
    margin: 0 auto calc(40 / 750 * 100vw);
  }
}
#contents_block .products__mark.isAnimate {
  opacity: 1;
  transform: scale(1);
}
#contents_block .products__notes {
  margin-top: 30px;
}
@media screen and (max-width: 640px) {
  #contents_block .products__notes {
    margin-top: calc(10 / 750 * 100vw);
    width: calc(450 / 750 * 100vw);
  }
}
#contents_block .products__con {
  margin-top: 60px;
}
@media screen and (max-width: 640px) {
  #contents_block .products__con {
    margin-top: calc(60 / 750 * 100vw);
  }
}
#contents_block .products__con-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -50px -25px 0;
}
@media screen and (max-width: 640px) {
  #contents_block .products__con-items {
    margin: 0;
    justify-content: space-between;
    gap: calc(50 / 750 * 100vw) 0;
  }
}
#contents_block .products__con-item {
  margin: 50px 25px 0;
}
@media screen and (max-width: 640px) {
  #contents_block .products__con-item {
    margin: 0;
    width: 46%;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .products__con-item:nth-child(5) {
    margin-top: calc(30 / 750 * 100vw);
  }
}
@media print, screen and (min-width: 641px) {
  #contents_block .products__con-item:last-child {
    margin-left: 530px;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .products__con-item:last-child {
    width: 100%;
  }
}
#contents_block .products__sticker {
  width: 265px;
  position: absolute;
  left: 286px;
  bottom: 78px;
}
@media screen and (max-width: 640px) {
  #contents_block .products__sticker {
    width: calc(306 / 750 * 100vw);
    position: relative;
    top: 0;
    left: 0;
    margin: calc(65 / 750 * 100vw) 0 0 calc(305 / 750 * 100vw);
    padding-bottom: calc(30 / 750 * 100vw);
  }
}
#contents_block .products__sticker img {
  width: 100%;
  height: auto;
}
#contents_block .products__sticker-img {
  opacity: 0;
  transform: scale(1.2);
  transform-origin: center center;
  transition: 0.6s 0s cubic-bezier(0.34, 1.56, 0.64, 1);
}
#contents_block .products__sticker-img.isAnimate {
  opacity: 1;
  transform: scale(1);
}
#contents_block .products__sticker-tips {
  display: block;
  width: 260px;
  position: absolute;
  top: 35px;
  left: -235px;
  opacity: 0;
  opacity: 0;
  transform: translateX(30px);
  transition: 0.4s 0.4s ease-out;
}
@media screen and (max-width: 640px) {
  #contents_block .products__sticker-tips {
    width: calc(298 / 750 * 100vw);
    top: calc(45 / 750 * 100vw);
    left: calc(-305 / 750 * 100vw);
  }
}
#contents_block .products__sticker-tips.isAnimate {
  opacity: 1;
  transform: translateX(0);
}
#contents_block .products__obj {
  position: absolute;
  pointer-events: none;
}
#contents_block .products__obj--01 {
  top: 111px;
  right: -97px;
  z-index: 2;
}
@media screen and (max-width: 640px) {
  #contents_block .products__obj--01 {
    width: calc(107 / 750 * 100vw);
    top: calc(250 / 750 * 100vw);
    right: calc(61 / 750 * 100vw);
  }
}
#contents_block .products__obj--02 {
  top: 109px;
  right: -186px;
}
@media screen and (max-width: 640px) {
  #contents_block .products__obj--02 {
    width: calc(288 / 750 * 100vw);
    top: calc(248 / 750 * 100vw);
    right: calc(-34 / 750 * 100vw);
  }
}
#contents_block .products__obj--03 {
  top: 463px;
  left: -202px;
}
@media screen and (max-width: 640px) {
  #contents_block .products__obj--03 {
    width: calc(199 / 750 * 100vw);
    top: calc(851 / 750 * 100vw);
    left: calc(-75 / 750 * 100vw);
  }
}
#contents_block .products__obj--04 {
  top: 146px;
  left: -359px;
  z-index: 6;
}
@media screen and (max-width: 640px) {
  #contents_block .products__obj--04 {
    width: calc(280 / 750 * 100vw);
    top: calc(263 / 750 * 100vw);
    left: calc(-122 / 750 * 100vw);
  }
}
#contents_block .products__obj--05 {
  bottom: 99px;
  left: -145px;
  z-index: 6;
}
@media screen and (max-width: 640px) {
  #contents_block .products__obj--05 {
    width: calc(78 / 750 * 100vw);
    bottom: calc(80 / 750 * 100vw);
    left: calc(152 / 750 * 100vw);
  }
}
#contents_block .products__obj--06 {
  bottom: 291px;
  left: -310px;
  z-index: 6;
}
@media screen and (max-width: 640px) {
  #contents_block .products__obj--06 {
    width: calc(73 / 750 * 100vw);
    bottom: calc(142 / 750 * 100vw);
    left: calc(31 / 750 * 100vw);
  }
}
#contents_block .products__obj--07 {
  bottom: 152px;
  right: -138px;
  z-index: 6;
}
@media screen and (max-width: 640px) {
  #contents_block .products__obj--07 {
    width: calc(110 / 750 * 100vw);
    bottom: calc(40 / 750 * 100vw);
    right: calc(24 / 750 * 100vw);
  }
  #contents_block .products__obj--07 img {
    transform: rotate(10deg);
  }
}
#contents_block .products__obj--08 {
  top: 884px;
  left: -138px;
}
#contents_block .products__obj--09 {
  top: 619px;
  right: -160px;
}
#contents_block .apply {
  padding: 120px 0 105px;
  background-color: #fff100;
  background-image: url("../images/apply_bg_01.png");
  background-repeat: repeat-y;
  background-position: center top;
}
@media screen and (min-width: 2000px) {
  #contents_block .apply {
    background-size: cover;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .apply {
    padding: calc(105 / 750 * 100vw) 0 calc(120 / 750 * 100vw);
    background-image: url("../images/apply_bg_01_sp.png");
    background-size: cover;
  }
}
#contents_block .apply__main {
  padding: 0;
  position: relative;
}
#contents_block .apply__upside {
  overflow: hidden;
  text-align: left;
  padding: 65px 114px 45px;
}
@media screen and (max-width: 640px) {
  #contents_block .apply__upside {
    overflow: visible;
    padding: calc(70 / 750 * 100vw) calc(32 / 750 * 100vw);
  }
}
@media screen and (max-width: 640px) {
  #contents_block .apply__ttl {
    width: calc(352 / 750 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
  #contents_block .apply__ttl::before {
    left: calc(-110 / 750 * 100vw);
  }
  #contents_block .apply__ttl::after {
    right: calc(-110 / 750 * 100vw);
  }
  #contents_block .apply__ttl span::before {
    left: calc(-70 / 750 * 100vw);
  }
  #contents_block .apply__ttl span::after {
    right: calc(-70 / 750 * 100vw);
  }
}
#contents_block .apply__txt {
  margin-bottom: 50px;
  text-align: center;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 640px) {
  #contents_block .apply__txt {
    margin-bottom: calc(30 / 750 * 100vw);
  }
}
#contents_block .apply__txt-01 {
  font-size: 2.2rem;
}
@media screen and (max-width: 640px) {
  #contents_block .apply__txt-01 {
    font-size: calc(34 / 750 * 100vw);
  }
}
#contents_block .apply__txt-02 {
  font-size: 2.2rem;
  color: #e73a8f;
  margin-top: 1em;
}
@media screen and (max-width: 640px) {
  #contents_block .apply__txt-02 {
    font-size: calc(34 / 750 * 100vw);
    line-height: 1.4705882353;
  }
}
#contents_block .apply__txt-03 {
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 1em;
}
@media screen and (max-width: 640px) {
  #contents_block .apply__txt-03 {
    font-size: calc(24 / 750 * 100vw);
  }
}
#contents_block .apply__info {
  width: 430px;
  float: left;
}
@media screen and (max-width: 640px) {
  #contents_block .apply__info {
    width: auto;
    float: none;
  }
}
#contents_block .apply__info dl + dl {
  margin-top: 40px;
}
@media screen and (max-width: 640px) {
  #contents_block .apply__info dl + dl {
    margin-top: calc(20 / 750 * 100vw);
  }
}
#contents_block .apply__info dt {
  font-size: 2.8rem;
  font-weight: 700;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 3px solid #e73a8f;
}
@media screen and (max-width: 640px) {
  #contents_block .apply__info dt {
    font-size: calc(44 / 750 * 100vw);
    padding-bottom: 0.2em;
    border-width: calc(6 / 750 * 100vw);
  }
}
#contents_block .apply__info dd {
  font-size: 2rem;
  font-weight: 500;
}
@media screen and (max-width: 640px) {
  #contents_block .apply__info dd {
    font-size: calc(32 / 750 * 100vw);
  }
}
@media screen and (max-width: 640px) {
  #contents_block .apply__info dd span {
    font-size: calc(24 / 750 * 100vw);
  }
}
#contents_block .apply__mihon {
  float: left;
  margin: 10px -140px 0 40px;
  position: relative;
}
@media screen and (max-width: 640px) {
  #contents_block .apply__mihon {
    float: none;
    margin: calc(60 / 750 * 100vw) calc(-78 / 750 * 100vw) 0 0;
  }
}
#contents_block .apply__mihon-tips {
  position: absolute;
  top: 80px;
  left: 0;
  opacity: 0;
  transform: scale(0.75);
  transform-origin: center center;
  transition: 0.6s 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media screen and (max-width: 640px) {
  #contents_block .apply__mihon-tips {
    width: calc(290 / 750 * 100vw);
    top: calc(137 / 750 * 100vw);
  }
}
#contents_block .apply__mihon-tips.isAnimate {
  opacity: 1;
  transform: scale(1);
}
#contents_block .apply__substructure {
  clear: both;
  padding: 60px 114px 65px;
  background-color: #ffdfea;
  background-image: url("../images/apply_bg_02.png");
  background-repeat: repeat;
  background-position: center top;
  background-size: 30px;
  text-align: center;
  border-radius: 0 0 14px 14px;
}
@media screen and (max-width: 640px) {
  #contents_block .apply__substructure {
    padding: calc(60 / 750 * 100vw) calc(60 / 750 * 100vw) calc(74 / 750 * 100vw);
  }
}
#contents_block .apply__hagaki {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  right: -7px;
}
@media screen and (max-width: 640px) {
  #contents_block .apply__hagaki {
    max-width: calc(477 / 750 * 100vw);
    right: calc(-4 / 750 * 100vw);
  }
}
#contents_block .apply__hagaki::before {
  content: "";
  display: block;
  width: 97px;
  height: 181px;
  position: absolute;
  z-index: 2;
  top: -100px;
  right: 10px;
  background: url(../images/apply_arrow.png) no-repeat center/cover;
}
@media screen and (max-width: 640px) {
  #contents_block .apply__hagaki::before {
    display: none;
  }
}
#contents_block .apply__hagaki-tips {
  position: absolute;
  top: -23px;
  right: -237px;
  opacity: 0;
  transform: scale(0.75);
  transform-origin: center center;
  transition: 0.6s 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media screen and (max-width: 640px) {
  #contents_block .apply__hagaki-tips {
    width: calc(312 / 750 * 100vw);
    top: calc(495 / 750 * 100vw);
    right: calc(-118 / 750 * 100vw);
  }
}
#contents_block .apply__hagaki-tips.isAnimate {
  opacity: 1;
  transform: scale(1);
}
#contents_block .apply__obj {
  position: absolute;
  pointer-events: none;
}
#contents_block .apply__obj--01 {
  top: 300px;
  left: -58px;
  z-index: 2;
  /*img {
    position: sticky;
    top: 100px;
  }*/
}
@media screen and (max-width: 640px) {
  #contents_block .apply__obj--01 {
    width: calc(46 / 750 * 100vw);
    top: calc(93 / 750 * 100vw);
    left: calc(-45 / 750 * 100vw);
  }
}
#contents_block .apply__obj--02 {
  top: 680px;
  left: -23px;
  z-index: 2;
  /*img {
    position: sticky;
    top: 250px;
  }*/
}
@media screen and (max-width: 640px) {
  #contents_block .apply__obj--02 {
    width: calc(21 / 750 * 100vw);
    top: calc(383 / 750 * 100vw);
    left: calc(-28 / 750 * 100vw);
  }
}
#contents_block .terms {
  padding: 110px 0 80px;
  background-color: #eaeaea;
  background-image: url("../images/terms_bg_01.png");
  background-repeat: repeat-y;
  background-position: center top;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 2000px) {
  #contents_block .terms {
    background-size: cover;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .terms {
    padding: calc(85 / 750 * 100vw) 0 calc(310 / 750 * 100vw);
    background-image: url("../images/terms_bg_01_sp.png");
    background-size: cover;
  }
}
#contents_block .terms::before {
  content: "";
  display: block;
  width: 100%;
  height: 14px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.19 13.99"><path fill="%23eaeaea" d="m15.09,0L0,13.99h30.19L15.09,0Z"/></svg>');
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto 100%;
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-bottom: -1px;
}
@media screen and (max-width: 640px) {
  #contents_block .terms::before {
    height: calc(17 / 750 * 100vw);
  }
}
@media screen and (max-width: 640px) {
  #contents_block .terms__ttl {
    width: calc(351 / 750 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
  #contents_block .terms__ttl::before {
    left: calc(-110 / 750 * 100vw);
  }
  #contents_block .terms__ttl::after {
    right: calc(-110 / 750 * 100vw);
  }
  #contents_block .terms__ttl span::before {
    left: calc(-70 / 750 * 100vw);
  }
  #contents_block .terms__ttl span::after {
    right: calc(-70 / 750 * 100vw);
  }
}
#contents_block .terms__txt {
  text-align: center;
}
@media screen and (max-width: 640px) {
  #contents_block .terms__txt {
    margin: 0 -1em;
  }
}
#contents_block .terms__txt-01 {
  font-size: 2.2rem;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  #contents_block .terms__txt-01 {
    font-size: calc(34 / 750 * 100vw);
  }
}
#contents_block .terms__txt-01 strong {
  color: #e73a8f;
}
#contents_block .terms__txt-02 {
  margin-top: 1em;
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 640px) {
  #contents_block .terms__txt-02 {
    font-size: calc(32 / 750 * 100vw);
  }
}
#contents_block .terms__date {
  margin-top: 30px;
}
@media screen and (max-width: 640px) {
  #contents_block .terms__date {
    margin-top: calc(50 / 750 * 100vw);
  }
}
#contents_block .terms__box {
  max-width: 980px;
  margin: 50px auto 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 640px) {
  #contents_block .terms__box {
    margin-top: calc(60 / 750 * 100vw);
  }
}
#contents_block .terms__box-chara {
  position: absolute;
  top: -156px;
  right: 28px;
  transform: translateY(100px);
  transition: 0.5s 0s ease-out;
}
@media screen and (max-width: 640px) {
  #contents_block .terms__box-chara {
    width: calc(138 / 750 * 100vw);
    top: calc(-102 / 750 * 100vw);
    right: calc(8 / 750 * 100vw);
  }
}
#contents_block .terms__box-chara.isAnimate {
  transform: translateY(0);
}
@media screen and (max-width: 640px) {
  #contents_block .terms__box-chara.isAnimate {
    transform: translateY(calc(-46 / 750 * 100vw));
  }
}
#contents_block .terms__box-frame {
  border-width: 3px;
  text-align: left;
  position: relative;
  z-index: 2;
  padding: 20px 20px 20px 40px;
}
@media screen and (max-width: 640px) {
  #contents_block .terms__box-frame {
    padding: calc(45 / 750 * 100vw) calc(25 / 750 * 100vw) calc(45 / 750 * 100vw) calc(35 / 750 * 100vw);
    border-width: calc(5 / 750 * 100vw);
  }
}
#contents_block .terms__box-items {
  height: 314px;
  overflow: auto;
  scrollbar-color: #e73a8f #cccccc;
  scrollbar-width: thin;
}
#contents_block .terms__box-items::-webkit-scrollbar-track {
  border-radius: 10px;
}
@media print, screen and (min-width: 641px) {
  #contents_block .terms__box-items {
    padding-right: 20px;
  }
}
@media screen and (max-width: 640px) {
  #contents_block .terms__box-items {
    height: calc(460 / 750 * 100vw);
    padding: 0 calc(25 / 750 * 100vw) 0 0;
  }
}
#contents_block .terms__box-items::-webkit-scrollbar {
  width: 5px;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  #contents_block .terms__box-items::-webkit-scrollbar {
    width: calc(10 / 750 * 100vw);
  }
}
#contents_block .terms__box-items::-webkit-scrollbar-track {
  background-color: #ccc;
  border-radius: 5px;
}
@media screen and (max-width: 640px) {
  #contents_block .terms__box-items::-webkit-scrollbar-track {
    border-radius: calc(10 / 750 * 100vw);
  }
}
#contents_block .terms__box-items::-webkit-scrollbar-thumb {
  background-color: #e73a8f;
  border-radius: 5px;
}
@media screen and (max-width: 640px) {
  #contents_block .terms__box-items::-webkit-scrollbar-thumb {
    border-radius: calc(10 / 750 * 100vw);
  }
}
#contents_block .terms__box-item:nth-child(n+2) {
  margin-top: 2em;
}
@media screen and (max-width: 640px) {
  #contents_block .terms__box-item:nth-child(n+2) {
    margin-top: 1.5em;
  }
}
#contents_block .terms__box-ttl {
  font-weight: 700;
  font-size: inherit;
  margin-bottom: 0.2em;
}
#contents_block .terms__box-txt > * + * {
  margin-top: 0.5em;
}
#contents_block .terms__box-txt a {
  color: #e73a8f;
  word-break: break-all;
  text-decoration: underline;
}
@media print, screen and (min-width: 641px) {
  #contents_block .terms__box-txt a:hover {
    text-decoration: none !important;
  }
}
#contents_block .terms__box-note {
  text-indent: -1em;
  margin-left: 1em;
}
#contents_block .terms__contact {
  max-width: 480px;
  margin: 50px auto 0;
  border: 3px solid #222;
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
  text-align: center;
}
@media screen and (max-width: 640px) {
  #contents_block .terms__contact {
    max-width: inherit;
    margin-top: calc(60 / 750 * 100vw);
    border-width: calc(5 / 750 * 100vw);
    border-radius: calc(20 / 750 * 100vw);
  }
}
#contents_block .terms__contact-ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  background: #5dc2d0;
  padding: 18px;
}
@media screen and (max-width: 640px) {
  #contents_block .terms__contact-ttl {
    font-size: calc(48 / 750 * 100vw);
    padding: calc(36 / 750 * 100vw);
  }
}
#contents_block .terms__contact-body {
  padding: 20px 20px 30px;
}
@media screen and (max-width: 640px) {
  #contents_block .terms__contact-body {
    padding: calc(40 / 750 * 100vw) 0;
  }
}
#contents_block .terms__contact-subttl {
  margin-bottom: 1em;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.3;
}
@media screen and (max-width: 640px) {
  #contents_block .terms__contact-subttl {
    font-size: calc(26 / 750 * 100vw);
  }
}
#contents_block .terms__contact-tel {
  font-size: 3.8rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 640px) {
  #contents_block .terms__contact-tel {
    font-size: calc(48 / 750 * 100vw);
  }
}
#contents_block .terms__contact-tel a {
  display: inline-block;
  line-height: 1;
}
@media print, screen and (min-width: 641px) {
  #contents_block .terms__contact-tel a {
    pointer-events: none;
  }
}
#contents_block .terms__contact-txt {
  margin-top: 1em;
  font-size: 1.4rem;
  color: #666;
  line-height: 1.6;
}
@media screen and (max-width: 640px) {
  #contents_block .terms__contact-txt {
    font-size: calc(24 / 750 * 100vw);
  }
}
#contents_block .pagetop {
  position: fixed;
  right: 25px;
  bottom: 0;
  padding-bottom: 25px;
  z-index: 997;
  transform: translate(0, 100%);
  transition: all 0.3s;
}
@media screen and (max-width: 640px) {
  #contents_block .pagetop {
    width: calc(124 / 750 * 100vw);
    right: calc(20 / 750 * 100vw);
    padding-bottom: calc(35 / 750 * 100vw);
  }
}
#contents_block .pagetop__trigger {
  webkit-appearance: none;
  -moz-appearance: none;
  padding: 0;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 0;
  border: none;
  background: none;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width: 641px) {
  #contents_block .pagetop__trigger:hover + .pagetop__chara {
    transform: translateY(-50px);
  }
}
#contents_block .pagetop__chara {
  position: absolute;
  top: -40px;
  left: 17px;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 640px) {
  #contents_block .pagetop__chara {
    width: calc(84 / 750 * 100vw);
    top: calc(-44 / 750 * 100vw);
    left: calc(22 / 750 * 100vw);
  }
}
#contents_block .pagetop.show {
  transform: translate(0, 0);
}
#contents_block .pagetop.show.fixBottom {
  position: absolute;
}

.anime-flash {
  animation: anime-flash 3s ease-in-out infinite;
}

@keyframes anime-flash {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  51% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}
.anime-vertical {
  animation: anime-vertical 2s ease-in-out infinite alternate;
}

@keyframes anime-vertical {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(15px);
  }
}
.anime-vertical-s {
  animation: anime-vertical-s 2s ease-in-out infinite alternate;
}

@keyframes anime-vertical-s {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(10px);
  }
}
.anime-horizontal {
  animation: anime-horizontal 4s ease-in-out infinite alternate;
}

@keyframes anime-horizontal {
  0% {
    transform: translateX(30px);
  }
  100% {
    transform: translateX(-30px);
  }
}
.anime-bounse {
  animation: anime-bounse 1.5s linear infinite;
}

@keyframes anime-bounse {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
.anime-cloud {
  animation: anime-cloud 2s ease-in-out infinite;
}

@keyframes anime-cloud {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.anime-note-01 {
  animation: anime-note-01 1.2s 0s steps(2) infinite alternate;
}

@keyframes anime-note-01 {
  0% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(20deg);
  }
}
@keyframes anime-note-02 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(70deg);
  }
}
@keyframes anime-rotate-01 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(100deg);
  }
}
.anime-rotate-02 {
  animation: anime-rotate-02 4s 0s ease-in-out infinite alternate;
}

@keyframes anime-rotate-02 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(30deg);
  }
}
.anime-waving-01 {
  animation: anime-waving-01 2s ease-in-out infinite alternate;
}

@keyframes anime-waving-01 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.anime-trembling-01 {
  animation: anime-trembling-01 0.5s ease-in-out infinite alternate;
}

@keyframes anime-trembling-01 {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  12.5% {
    transform: translate(2px, 2px) rotateZ(1deg);
  }
  25% {
    transform: translate(0px, 2px) rotateZ(0deg);
  }
  37.5% {
    transform: translate(2px, 0px) rotateZ(-1deg);
  }
  50% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
}
.anime-trembling-02 {
  animation: anime-trembling-02 0.8s ease-in-out infinite alternate;
}

@keyframes anime-trembling-02 {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  12.5% {
    transform: translate(5px, -10px) rotateZ(2deg);
  }
  25% {
    transform: translate(0px, -10px) rotateZ(0deg);
  }
  37.5% {
    transform: translate(5px, 15px) rotateZ(-2deg);
  }
  50% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
}
.anime-snake {
  animation: anime-snake 2s linear infinite;
}
@media screen and (max-width: 640px) {
  .anime-snake {
    animation-duration: 4s;
  }
}

@keyframes anime-snake {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(0px);
  }
}
.animation-delay-100s {
  animation-delay: 0.1s;
}

.animation-delay-200s {
  animation-delay: 0.2s;
}

.animation-delay-300s {
  animation-delay: 0.3s;
}

.animation-delay-400s {
  animation-delay: 0.4s;
}

.animation-delay-500s {
  animation-delay: 0.5s;
}