@charset "UTF-8";

/* 2026-10-30 ヘッダーロゴ変更の為のスタイル上書き */
.header__frame {
  height: 64px;
  padding:0;
}
@media screen and (max-width: 800px) {
  .header__frame {
      height: 64px;
      padding: 0;
  }
  .headerLogo {
      width: auto;
  }
}



#wrapper {
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  /*!
   * ress.css • v4.0.0
   * MIT License
   * github.com/filipelinhares/ress
   */
  position: relative;
  z-index: 0;
  margin: 0;
  background-color: #fff;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #000;
  font-weight: 500;
  font-size: 10px;
  line-height: 1;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, "arial", sans-serif;
  letter-spacing: normal;
}

#wrapper html {
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  box-sizing: border-box;
  word-break: normal;
  tab-size: 4;
}

#wrapper *,
#wrapper :after,
#wrapper :before {
  box-sizing: inherit;
  background-repeat: no-repeat;
}

#wrapper :after,
#wrapper :before {
  vertical-align: inherit;
  text-decoration: inherit;
}

#wrapper * {
  margin: 0;
  padding: 0;
}

#wrapper hr {
  height: 0;
  overflow: visible;
  color: inherit;
}

#wrapper details,
#wrapper main {
  display: block;
}

#wrapper summary {
  display: list-item;
}

#wrapper small {
  font-size: 80%;
}

#wrapper [hidden] {
  display: none;
}

#wrapper abbr[title] {
  -webkit-text-decoration: underline dotted;
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

#wrapper a {
  background-color: transparent;
}

#wrapper a:active,
#wrapper a:hover {
  outline-width: 0;
}

#wrapper code,
#wrapper kbd,
#wrapper pre,
#wrapper samp {
  font-family: monospace, monospace;
}

#wrapper pre {
  font-size: 1em;
}

#wrapper b,
#wrapper strong {
  font-weight: bolder;
}

#wrapper sub,
#wrapper sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

#wrapper sub {
  bottom: -0.25em;
}

#wrapper sup {
  top: -0.5em;
}

#wrapper table {
  border-color: inherit;
  text-indent: 0;
}

#wrapper input {
  border-radius: 0;
}

#wrapper [disabled] {
  cursor: default;
}

#wrapper [type=number]::-webkit-inner-spin-button,
#wrapper [type=number]::-webkit-outer-spin-button {
  height: auto;
}

#wrapper [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

#wrapper [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

#wrapper textarea {
  overflow: auto;
  resize: vertical;
}

#wrapper button,
#wrapper input,
#wrapper optgroup,
#wrapper select,
#wrapper textarea {
  font: inherit;
}

#wrapper optgroup {
  font-weight: 700;
}

#wrapper button {
  overflow: visible;
}

#wrapper button,
#wrapper select {
  text-transform: none;
}

#wrapper [role=button],
#wrapper [type=button],
#wrapper [type=reset],
#wrapper [type=submit],
#wrapper button {
  cursor: pointer;
  color: inherit;
}

#wrapper [type=button]::-moz-focus-inner,
#wrapper [type=reset]::-moz-focus-inner,
#wrapper [type=submit]::-moz-focus-inner,
#wrapper button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

#wrapper [type=button]::-moz-focus-inner,
#wrapper [type=reset]::-moz-focus-inner,
#wrapper [type=submit]::-moz-focus-inner,
#wrapper button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

#wrapper [type=reset],
#wrapper [type=submit],
#wrapper button,
#wrapper html [type=button] {
  -webkit-appearance: button;
}

#wrapper button,
#wrapper input,
#wrapper select,
#wrapper textarea {
  border-style: none;
  background-color: transparent;
}

#wrapper a:focus,
#wrapper button:focus,
#wrapper input:focus,
#wrapper select:focus,
#wrapper textarea:focus {
  outline-width: 0;
}

#wrapper select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

#wrapper select::-ms-expand {
  display: none;
}

#wrapper select::-ms-value {
  color: currentColor;
}

#wrapper legend {
  display: table;
  border: 0;
  max-width: 100%;
  color: inherit;
  white-space: normal;
}

#wrapper ::-webkit-file-upload-button {
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
}

#wrapper img {
  border-style: none;
}

#wrapper progress {
  vertical-align: baseline;
}

#wrapper [aria-busy=true] {
  cursor: progress;
}

#wrapper [aria-controls] {
  cursor: pointer;
}

#wrapper [aria-disabled=true] {
  cursor: default;
}

#wrapper:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 100;
  transition: opacity 800ms ease;
  background: #fff;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}

#wrapper.loaded:after {
  opacity: 0;
}

#wrapper ::-webkit-input-placeholder {
  color: #000;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, "arial", sans-serif;
}

#wrapper ::-moz-placeholder {
  color: #000;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, "arial", sans-serif;
}

#wrapper :-ms-input-placeholder {
  color: #000;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, "arial", sans-serif;
}

#wrapper ::-ms-input-placeholder {
  color: #000;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, "arial", sans-serif;
}

#wrapper ::placeholder,
#wrapper input,
#wrapper textarea,
#wrapper select {
  color: #000;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, "arial", sans-serif;
}

#wrapper ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}

#wrapper ::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}

#wrapper :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}

#wrapper ::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}

#wrapper ::placeholder {
  color: rgba(0, 0, 0, 0.3);
}

#wrapper * {
  box-sizing: border-box;
}

#wrapper img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

#wrapper img.full {
  width: 100%;
  max-width: initial;
}

#wrapper .font-serif {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#wrapper ul.list {
  display: block;
}

#wrapper ul.list li.item {
  display: block;
}

@-webkit-keyframes jump {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes jump {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

#wrapper .main {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  max-width: 2000px;
  font-size: calc(18rem/10);
  line-height: calc(40 / 18);
}

#wrapper .main .section {
  position: relative;
}

#wrapper .main .section .inner {
  position: relative;
}

#wrapper .anime,
#wrapper .anime-load,
#wrapper .anime-wrap {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  transition: opacity 600ms ease-in-out, -webkit-transform 600ms ease-in-out;
  transition: opacity 600ms ease-in-out, transform 600ms ease-in-out;
  transition: opacity 600ms ease-in-out, transform 600ms ease-in-out, -webkit-transform 600ms ease-in-out;
}

#wrapper .anime .anime-elem,
#wrapper .anime-load .anime-elem,
#wrapper .anime-wrap .anime-elem {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  transition: opacity 600ms ease-in-out, -webkit-transform 600ms ease-in-out;
  transition: opacity 600ms ease-in-out, transform 600ms ease-in-out;
  transition: opacity 600ms ease-in-out, transform 600ms ease-in-out, -webkit-transform 600ms ease-in-out;
}

#wrapper .anime .anime-elem.anime-fade,
#wrapper .anime-load .anime-elem.anime-fade,
#wrapper .anime-wrap .anime-elem.anime-fade {
  -webkit-transform: initial;
  transform: initial;
}

#wrapper .anime .anime-elem.anime-zoom,
#wrapper .anime-load .anime-elem.anime-zoom,
#wrapper .anime-wrap .anime-elem.anime-zoom {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#wrapper .anime .anime-elem.anime-num-0,
#wrapper .anime-load .anime-elem.anime-num-0,
#wrapper .anime-wrap .anime-elem.anime-num-0 {
  transition-delay: -0.25s;
}

#wrapper .anime .anime-elem.anime-num-1,
#wrapper .anime-load .anime-elem.anime-num-1,
#wrapper .anime-wrap .anime-elem.anime-num-1 {
  transition-delay: 0s;
}

#wrapper .anime .anime-elem.anime-num-2,
#wrapper .anime-load .anime-elem.anime-num-2,
#wrapper .anime-wrap .anime-elem.anime-num-2 {
  transition-delay: 0.25s;
}

#wrapper .anime .anime-elem.anime-num-3,
#wrapper .anime-load .anime-elem.anime-num-3,
#wrapper .anime-wrap .anime-elem.anime-num-3 {
  transition-delay: 0.5s;
}

#wrapper .anime .anime-elem.anime-num-4,
#wrapper .anime-load .anime-elem.anime-num-4,
#wrapper .anime-wrap .anime-elem.anime-num-4 {
  transition-delay: 0.75s;
}

#wrapper .anime .anime-elem.anime-num-5,
#wrapper .anime-load .anime-elem.anime-num-5,
#wrapper .anime-wrap .anime-elem.anime-num-5 {
  transition-delay: 1s;
}

#wrapper .anime .anime-elem.anime-num-6,
#wrapper .anime-load .anime-elem.anime-num-6,
#wrapper .anime-wrap .anime-elem.anime-num-6 {
  transition-delay: 1.25s;
}

#wrapper .anime .anime-elem.anime-num-7,
#wrapper .anime-load .anime-elem.anime-num-7,
#wrapper .anime-wrap .anime-elem.anime-num-7 {
  transition-delay: 1.5s;
}

#wrapper .anime .anime-elem.anime-num-8,
#wrapper .anime-load .anime-elem.anime-num-8,
#wrapper .anime-wrap .anime-elem.anime-num-8 {
  transition-delay: 1.75s;
}

#wrapper .anime .anime-elem.anime-num-9,
#wrapper .anime-load .anime-elem.anime-num-9,
#wrapper .anime-wrap .anime-elem.anime-num-9 {
  transition-delay: 2s;
}

#wrapper .anime .anime-elem.anime-num-10,
#wrapper .anime-load .anime-elem.anime-num-10,
#wrapper .anime-wrap .anime-elem.anime-num-10 {
  transition-delay: 2.25s;
}

#wrapper .anime .anime-elem.anime-num-11,
#wrapper .anime-load .anime-elem.anime-num-11,
#wrapper .anime-wrap .anime-elem.anime-num-11 {
  transition-delay: 2.5s;
}

#wrapper .anime .anime-elem.anime-num-12,
#wrapper .anime-load .anime-elem.anime-num-12,
#wrapper .anime-wrap .anime-elem.anime-num-12 {
  transition-delay: 2.75s;
}

#wrapper .anime .anime-elem.anime-num-13,
#wrapper .anime-load .anime-elem.anime-num-13,
#wrapper .anime-wrap .anime-elem.anime-num-13 {
  transition-delay: 3s;
}

#wrapper .anime .anime-elem.anime-num-14,
#wrapper .anime-load .anime-elem.anime-num-14,
#wrapper .anime-wrap .anime-elem.anime-num-14 {
  transition-delay: 3.25s;
}

#wrapper .anime .anime-elem.anime-num-15,
#wrapper .anime-load .anime-elem.anime-num-15,
#wrapper .anime-wrap .anime-elem.anime-num-15 {
  transition-delay: 3.5s;
}

#wrapper .anime .anime-elem.anime-num-16,
#wrapper .anime-load .anime-elem.anime-num-16,
#wrapper .anime-wrap .anime-elem.anime-num-16 {
  transition-delay: 3.75s;
}

#wrapper .anime .anime-elem.anime-num-17,
#wrapper .anime-load .anime-elem.anime-num-17,
#wrapper .anime-wrap .anime-elem.anime-num-17 {
  transition-delay: 4s;
}

#wrapper .anime .anime-elem.anime-num-18,
#wrapper .anime-load .anime-elem.anime-num-18,
#wrapper .anime-wrap .anime-elem.anime-num-18 {
  transition-delay: 4.25s;
}

#wrapper .anime .anime-elem.anime-num-19,
#wrapper .anime-load .anime-elem.anime-num-19,
#wrapper .anime-wrap .anime-elem.anime-num-19 {
  transition-delay: 4.5s;
}

#wrapper .anime .anime-elem.anime-num-20,
#wrapper .anime-load .anime-elem.anime-num-20,
#wrapper .anime-wrap .anime-elem.anime-num-20 {
  transition-delay: 4.75s;
}

#wrapper .anime .anime-elem.anime-num-21,
#wrapper .anime-load .anime-elem.anime-num-21,
#wrapper .anime-wrap .anime-elem.anime-num-21 {
  transition-delay: 5s;
}

#wrapper .anime .anime-elem.anime-num-22,
#wrapper .anime-load .anime-elem.anime-num-22,
#wrapper .anime-wrap .anime-elem.anime-num-22 {
  transition-delay: 5.25s;
}

#wrapper .anime .anime-elem.anime-num-23,
#wrapper .anime-load .anime-elem.anime-num-23,
#wrapper .anime-wrap .anime-elem.anime-num-23 {
  transition-delay: 5.5s;
}

#wrapper .anime .anime-elem.anime-num-24,
#wrapper .anime-load .anime-elem.anime-num-24,
#wrapper .anime-wrap .anime-elem.anime-num-24 {
  transition-delay: 5.75s;
}

#wrapper .anime .anime-elem.anime-num-25,
#wrapper .anime-load .anime-elem.anime-num-25,
#wrapper .anime-wrap .anime-elem.anime-num-25 {
  transition-delay: 6s;
}

#wrapper .anime .anime-elem.anime-num-26,
#wrapper .anime-load .anime-elem.anime-num-26,
#wrapper .anime-wrap .anime-elem.anime-num-26 {
  transition-delay: 6.25s;
}

#wrapper .anime .anime-elem.anime-num-27,
#wrapper .anime-load .anime-elem.anime-num-27,
#wrapper .anime-wrap .anime-elem.anime-num-27 {
  transition-delay: 6.5s;
}

#wrapper .anime .anime-elem.anime-num-28,
#wrapper .anime-load .anime-elem.anime-num-28,
#wrapper .anime-wrap .anime-elem.anime-num-28 {
  transition-delay: 6.75s;
}

#wrapper .anime .anime-elem.anime-num-29,
#wrapper .anime-load .anime-elem.anime-num-29,
#wrapper .anime-wrap .anime-elem.anime-num-29 {
  transition-delay: 7s;
}

#wrapper .anime .anime-elem.anime-num-30,
#wrapper .anime-load .anime-elem.anime-num-30,
#wrapper .anime-wrap .anime-elem.anime-num-30 {
  transition-delay: 7.25s;
}

#wrapper .anime.animated,
#wrapper .anime-load.animated,
#wrapper .anime-wrap.animated {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

#wrapper .anime.animated.anime-zoom,
#wrapper .anime-load.animated.anime-zoom,
#wrapper .anime-wrap.animated.anime-zoom {
  -webkit-transform: scale(1);
  transform: scale(1);
}

#wrapper .anime.animated .anime-elem,
#wrapper .anime-load.animated .anime-elem,
#wrapper .anime-wrap.animated .anime-elem {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

#wrapper .anime.animated .anime-elem.anime-zoom,
#wrapper .anime-load.animated .anime-elem.anime-zoom,
#wrapper .anime-wrap.animated .anime-elem.anime-zoom {
  -webkit-transform: scale(1);
  transform: scale(1);
}

#wrapper .page-home .sec-keyvisual .scroll {
  position: absolute;
  right: 74px;
  bottom: 0;
  width: 11px;
  height: 186px;
}

#wrapper .page-home .sec-keyvisual .scroll:before {
  display: block;
  position: absolute;
  right: 0;
  bottom: 124px;
  background: url(../images/keyvisual/scroll.svg) 0 0/100% no-repeat;
  width: 11px;
  height: 61px;
  content: "";
}

#wrapper .page-home .sec-keyvisual .scroll:after {
  -webkit-transform: translateX(-50%);
  -webkit-animation: scroll-animation 1.5s forwards infinite cubic-bezier(0.88, -0.13, 0.16, 1.01);
  display: block;
  position: absolute;
  top: 71px;
  left: 50%;
  transform: translateX(-50%);
  animation: scroll-animation 1.5s forwards infinite cubic-bezier(0.88, -0.13, 0.16, 1.01);
  background: #C46B2F;
  width: 2px;
  height: 114px;
  content: "";
}

@-webkit-keyframes scroll-animation {
  0% {
    margin-top: 0;
    height: 0;
  }

  50% {
    margin-top: 0;
    height: 114px;
  }

  100% {
    margin-top: 114px;
    height: 0;
  }
}

@keyframes scroll-animation {
  0% {
    margin-top: 0;
    height: 0;
  }

  50% {
    margin-top: 0;
    height: 114px;
  }

  100% {
    margin-top: 114px;
    height: 0;
  }
}

#wrapper .page-home .sec-keyvisual .headline {
  position: absolute;
  top: 74px;
  right: 97px;
  z-index: 2;
  width: min(calc(121 / 1400 * 100vw), 121px);
}

#wrapper .page-home .sec-keyvisual .list .item {
  position: relative;
  vertical-align: top;
}

#wrapper .page-home .sec-keyvisual .list .item .image {
  position: relative;
  z-index: 0;
  width: 100%;
  height: min(calc(744 / 1400 * 100vw), 744px);
  overflow: hidden;
}

#wrapper .page-home .sec-keyvisual .list .item .image picture {
  display: block;
  transition-duration: 1500ms;
  transition-timing-function: ease;
}

#wrapper .page-home .sec-keyvisual .list .item .image img {
  -o-object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: min(calc(744 / 1400 * 100vw), 744px);
  object-fit: cover;
}

#wrapper .page-home .sec-keyvisual .list .item .copy {
  position: absolute;
  z-index: 2;
}

#wrapper .page-home .sec-keyvisual .list .item.item1 .copy {
  bottom: -10px;
  left: 123px;
  width: 529px;
}

#wrapper .page-home .sec-keyvisual .slick-dots {
  bottom: 0;
  z-index: 2;
}

#wrapper .page-home .sec-keyvisual .slick-dots li {
  position: relative;
}

#wrapper .page-home .sec-keyvisual .slick-dots li:before {
  -webkit-transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: backround-color 200ms ease;
  border-radius: 100%;
  background-color: #B4B4B4;
  width: 12px;
  height: 12px;
  content: "";
}

#wrapper .page-home .sec-keyvisual .slick-dots li.slick-active:before {
  background-color: #ED7220;
}

#wrapper .page-home .sec-keyvisual .slick-dots li button {
  width: 100%;
  height: 100%;
  font-size: 0;
  text-indent: -9999px;
}

#wrapper .page-home .sec-keyvisual .wave {
  position: absolute;
  width: 100%;
  pointer-events: none;
}

#wrapper .page-home .sec-keyvisual .wave .item {
  -webkit-animation: wave-animation 8s forwards infinite linear;
  position: absolute;
  animation: wave-animation 8s forwards infinite linear;
  width: 4000px;
}

#wrapper .page-home .sec-keyvisual .wave .item:before {
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -webkit-perspective: 1000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform-style: preserve-3d;
  display: block;
  position: absolute;
  left: 0;
  transform-style: preserve-3d;
  perspective: 1000;
  backface-visibility: hidden;
  background: 0 0/50% 100% repeat-x;
  width: 4000px;
  overflow: hidden;
  content: "";
}

@-webkit-keyframes wave-animation {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes wave-animation {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

#wrapper .page-home .sec-keyvisual .wave {
  bottom: 0;
}

#wrapper .page-home .sec-keyvisual .wave .item:nth-of-type(1) {
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
}

#wrapper .page-home .sec-keyvisual .wave .item:nth-of-type(1):before {
  bottom: calc(100% - 2px);
  background-image: url(../images/keyvisual/wave.png);
  height: 170px;
}

#wrapper .page-home .sec-keyvisual .sprite-wrap {
  -webkit-transform: translateY(0);
  position: absolute;
  right: 61px;
  bottom: 0;
  transform: translateY(0);
}

#wrapper .page-home .sec-keyvisual .sprite-wrap .sprite {
  background: url(../images/keyvisual/sprite.png) 0 0/100% no-repeat;
  width: 333.25px;
  height: 333.25px;
}

@-webkit-keyframes kv-sprite {
  to {
    background-position: 0 calc(-333.25px*55);
  }
}

@keyframes kv-sprite {
  to {
    background-position: 0 calc(-333.25px*55);
  }
}

@-webkit-keyframes kv-sprite-sp {
  to {
    background-position: 0 calc(-13222 / 375 * 100vw);
  }
}

@keyframes kv-sprite-sp {
  to {
    background-position: 0 calc(-13222 / 375 * 100vw);
  }
}

#wrapper .page-home .sec-keyvisual.animated .sprite-wrap {
  -webkit-animation: jump 1000ms 0.75s cubic-bezier(0.65, 0, 0.35, 1) 1 forwards;
  animation: jump 1000ms 0.75s cubic-bezier(0.65, 0, 0.35, 1) 1 forwards;
}

#wrapper .page-home .sec-keyvisual.animated .sprite-wrap .sprite {
  -webkit-animation: kv-sprite calc(40ms*55) 0.75s steps(55) 1 forwards;
  animation: kv-sprite calc(40ms*55) 0.75s steps(55) 1 forwards;
}

#wrapper .page-home .sec-intro {
  padding: 75px 0 100px;
}

#wrapper .page-home .sec-intro .headline {
  margin: 0 auto 40px;
  width: min(calc(710 / 1400 * 100vw), 710px);
}

#wrapper .page-home .sec-intro .movie {
  margin: 0 auto;
  width: min(calc(770 / 1400 * 100vw), 770px);
  height: min(calc(434 / 1400 * 100vw), 434px);
}

#wrapper .page-home .sec-intro .movie iframe {
  width: 100%;
  height: 100%;
}

#wrapper .page-home .sec-overview {
  padding: 40px 0 0;
}

#wrapper .page-home .sec-overview .row .bg {
  -webkit-transform: translateX(-50%);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: 1400px;
  pointer-events: none;
}

#wrapper .page-home .sec-overview .row .inner {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width: min(calc(1080 / 1200 * 100vw), 1080px);
}

#wrapper .page-home .sec-overview .row .inner .description {
  width: min(calc(550 / 1200 * 100vw), 550px);
}

#wrapper .page-home .sec-overview .row .inner .description .headline {
  margin: 0 0 40px;
}

#wrapper .page-home .sec-overview .row .inner .description .headline .title .item + .item {
  margin-top: min(calc(8 / 1200 * 100vw), 8px);
}

#wrapper .page-home .sec-overview .row .inner .description .headline .decorate {
  margin-top: min(calc(12 / 1200 * 100vw), 12px);
  width: min(calc(478 / 1200 * 100vw), 478px);
}

#wrapper .page-home .sec-overview .row .inner .description .text {
  font-size: calc(18rem/10);
  line-height: calc(40 / 18);
}

#wrapper .page-home .sec-overview .row .inner .image {
  position: relative;
  width: min(calc(530 / 1200 * 100vw), 530px);
}

#wrapper .page-home .sec-overview .row .inner .image .item {
  position: absolute;
  top: 0;
  right: 0;
}

#wrapper .page-home .sec-overview .row .rect,
#wrapper .page-home .sec-overview .row.row3 .bg span,
#wrapper .page-home .sec-overview .row.row1 .bg span {
  position: absolute;
  border-radius: 35px;
}

#wrapper .page-home .sec-overview .row.row1 {
  min-height: 592px;
}

#wrapper .page-home .sec-overview .row.row1 .bg span:nth-of-type(1) {
  top: 276px;
  left: 70px;
  background: #F9F8F4;
  width: 247px;
  height: 207px;
}

#wrapper .page-home .sec-overview .row.row1 .bg span:nth-of-type(2) {
  top: 0;
  right: -40px;
  background: #FAF8EC;
  width: 421px;
  height: 520px;
}

#wrapper .page-home .sec-overview .row.row1 .bg span:nth-of-type(3) {
  top: 385px;
  right: -120px;
  background: rgba(236, 114, 32, 0.16);
  width: 247px;
  height: 207px;
}

#wrapper .page-home .sec-overview .row.row1 .inner .description .headline .title .item:nth-of-type(1) {
  width: min(calc(536 / 1200 * 100vw), 536px);
}

#wrapper .page-home .sec-overview .row.row1 .inner .description .headline .title .item:nth-of-type(2) {
  width: min(calc(470 / 1200 * 100vw), 470px);
}

#wrapper .page-home .sec-overview .row.row1 .inner .image .item:nth-of-type(1) {
  top: 35px;
  right: -100px;
  width: min(calc(576 / 1200 * 100vw), 576px);
}

#wrapper .page-home .sec-overview .row.row1 .inner .image .item:nth-of-type(2) {
  top: 50px;
  right: -70px;
  width: min(calc(141 / 1200 * 100vw), 141px);
}

#wrapper .page-home .sec-overview .row.row1 .inner .anime-wrap.sprite {
  position: relative;
  z-index: 1;
}

#wrapper .page-home .sec-overview .row.row1 .inner .anime-wrap.sprite .sprite-wrap {
  position: absolute;
  bottom: -260px;
  left: -260px;
  z-index: 1;
}

#wrapper .page-home .sec-overview .row.row1 .inner .anime-wrap.sprite .sprite-wrap .sprite {
  background: url(../images/overview/sprite1.png) 0 0/100% no-repeat;
  width: 346px;
  height: 346px;
}

#wrapper .page-home .sec-overview .row.row1 .inner .anime-wrap.sprite .sprite-wrap .bubble {
  position: absolute;
  top: 130px;
  left: 270px;
  width: 280px;
}

@-webkit-keyframes row1-sprite {
  to {
    background-position: 0 calc(-346px*58);
  }
}

@keyframes row1-sprite {
  to {
    background-position: 0 calc(-346px*58);
  }
}

@-webkit-keyframes row1-sprite-sp {
  to {
    background-position: 0 calc(-14036 / 375 * 100vw);
  }
}

@keyframes row1-sprite-sp {
  to {
    background-position: 0 calc(-14036 / 375 * 100vw);
  }
}

#wrapper .page-home .sec-overview .row.row1 .inner .anime-wrap.sprite.animated .sprite-wrap .sprite {
  -webkit-animation: row1-sprite calc(30ms*58) steps(58) 1 forwards;
  animation: row1-sprite calc(30ms*58) steps(58) 1 forwards;
}

#wrapper .page-home .sec-overview .row.row2 {
  margin-top: 32px;
  min-height: 522px;
}

#wrapper .page-home .sec-overview .row.row2 .bg span:nth-of-type(1) {
  position: absolute;
  top: 35px;
  left: 70px;
  background: url(../images/overview/decorate2.svg) 0 0/100% no-repeat;
  width: 126px;
  height: 156px;
}

#wrapper .page-home .sec-overview .row.row2 .inner .description {
  width: min(calc(490 / 1200 * 100vw), 490px);
}

#wrapper .page-home .sec-overview .row.row2 .inner .description .headline .title .item:nth-of-type(1) {
  width: min(calc(490 / 1200 * 100vw), 490px);
}

#wrapper .page-home .sec-overview .row.row2 .inner .description .headline .title .item:nth-of-type(2) {
  width: min(calc(466 / 1200 * 100vw), 466px);
}

#wrapper .page-home .sec-overview .row.row2 .inner .description .headline .bubble {
  position: absolute;
  top: 149px;
  left: min(calc(298 / 1200 * 100vw), 298px);
  z-index: 1;
  width: min(calc(217 / 1200 * 100vw), 217px);
}

#wrapper .page-home .sec-overview .row.row2 .inner .description2 {
  width: min(calc(509 / 1200 * 100vw), 509px);
}

#wrapper .page-home .sec-overview .row.row2 .inner .description2 .caption {
  color: #C46B2F;
  font-size: calc(16rem/10);
}

#wrapper .page-home .sec-overview .row.row2 .hero {
  position: relative;
  z-index: -1;
  height: 780px;
}

#wrapper .page-home .sec-overview .row.row2 .hero .image {
  -webkit-transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%);
  margin-left: 50%;
  width: 100%;
  min-width: 1400px;
  max-width: 1800px;
  height: 780px;
  overflow: hidden;
}

#wrapper .page-home .sec-overview .row.row2 .hero .image p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#wrapper .page-home .sec-overview .row.row2 .hero .image p:nth-of-type(1) {
  z-index: 1;
}

#wrapper .page-home .sec-overview .row.row2 .hero .image p:nth-of-type(2) {
  z-index: 0;
}

#wrapper .page-home .sec-overview .row.row2 .hero .image p img {
  -o-object-fit: cover;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#wrapper .page-home .sec-overview .row.row2 .hero .wrapper {
  -webkit-transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  margin: 0 auto;
  width: min(calc(1080 / 1200 * 100vw), 1080px);
}

#wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item {
  position: absolute;
}

#wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item .bubble:before {
  position: absolute;
  z-index: 0;
  content: "";
}

#wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item .text {
  position: relative;
  z-index: 1;
  padding: 34px 0 0 56px;
  color: #003167;
  font-weight: 500;
  font-size: calc(16rem/10);
  line-height: calc(32 / 16);
}

#wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item .text .headline {
  margin: 0 0 8px;
  color: #C46B2F;
  font-weight: 500;
  font-size: calc(32rem/10);
  line-height: calc(38 / 32);
}

#wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item .text .headline small {
  font-size: calc(22rem/10);
}

#wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item.ajillo {
  top: 160px;
  left: min(calc(-20 / 1200 * 100vw), -20px);
}

#wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item.ajillo .bubble:before {
  background: url(../images/overview/ajillo_bg.svg) 0 0/100% 100% no-repeat;
  width: 373px;
  height: 259px;
}

#wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item.pilaf {
  top: 444px;
  right: min(calc(15 / 1200 * 100vw), 15px);
}

#wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item.pilaf .bubble:before {
  background: url(../images/overview/pilaf_bg.svg) 0 0/100% 100% no-repeat;
  width: 423px;
  height: 250px;
}

#wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item.pilaf .catch {
  position: absolute;
  top: 0;
  left: 0;
}

#wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item.pilaf .catch p {
  position: absolute;
}

#wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item.pilaf .catch p:nth-of-type(1) {
  top: 14px;
  left: -78px;
  width: 70px;
}

#wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item.pilaf .catch p:nth-of-type(2) {
  top: -46px;
  left: 21px;
  width: 69px;
}

#wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item.pilaf .catch p:nth-of-type(3) {
  top: -55px;
  left: 145px;
  width: 69px;
}

#wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item.pilaf .catch p:nth-of-type(4) {
  top: -45px;
  left: 266px;
  width: 68px;
}

#wrapper .page-home .sec-overview .row.row2 .hero .wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

#wrapper .page-home .sec-overview .row.row2 .hero .wave .item {
  -webkit-transform: translateX(-50%);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: 0 0/100% 100% no-repeat;
}

#wrapper .page-home .sec-overview .row.row2 .hero .wave .item:nth-of-type(1) {
  top: -5px;
  background-image: url(../images/overview/hero_wave1.svg);
  width: 2000px;
  height: 125px;
}

#wrapper .page-home .sec-overview .row.row2 .hero .wave .item:nth-of-type(2) {
  bottom: -6px;
  background-image: url(../images/overview/hero_wave2.svg);
  width: 2000px;
  height: 98px;
}

#wrapper .page-home .sec-overview .row.row3 {
  min-height: 522px;
}

#wrapper .page-home .sec-overview .row.row3 .bg span:nth-of-type(1) {
  top: 20px;
  left: -70px;
  background: #F9F8F4;
  width: 337px;
  height: 282px;
}

#wrapper .page-home .sec-overview .row.row3 .bg span:nth-of-type(2) {
  top: 57px;
  left: 1025px;
  background: #F7F4E1;
  width: 383px;
  height: 282px;
}

#wrapper .page-home .sec-overview .row.row3 .bg span:nth-of-type(3) {
  top: 382px;
  left: 870px;
  background: #FAF8EC;
  width: 221px;
  height: 185px;
}

#wrapper .page-home .sec-overview .row.row3 .bg span:nth-of-type(4) {
  top: 0;
  right: -36px;
  background: #003167;
  width: min(calc(271 / 1200 * 100vw), 271px);
  width: 271px;
  height: 323px;
}

#wrapper .page-home .sec-overview .row.row3 .inner .description .headline {
  margin-top: 140px;
}

#wrapper .page-home .sec-overview .row.row3 .inner .description .headline .title .item:nth-of-type(1) {
  width: min(calc(538 / 1200 * 100vw), 538px);
}

#wrapper .page-home .sec-overview .row.row3 .inner .description .headline .title .item:nth-of-type(2) {
  width: min(calc(443 / 1200 * 100vw), 443px);
}

#wrapper .page-home .sec-overview .row.row3 .inner .image .item:nth-of-type(1) {
  top: 25px;
  right: 114px;
  z-index: 1;
  width: min(calc(386 / 1200 * 100vw), 386px);
}

#wrapper .page-home .sec-overview .row.row3 .inner .image .item:nth-of-type(2) {
  top: 280px;
  right: 170px;
  z-index: 0;
  width: min(calc(244 / 1200 * 100vw), 244px);
}

#wrapper .page-home .sec-overview .row.row3 .inner .image .item:nth-of-type(3) {
  top: 98px;
  right: -100px;
  z-index: 0;
  width: min(calc(242 / 1200 * 100vw), 242px);
}

#wrapper .page-home .sec-overview .row.row3 .inner .anime-wrap {
  position: relative;
  z-index: 1;
}

#wrapper .page-home .sec-overview .row.row3 .inner .anime-wrap .sprite-wrap {
  position: absolute;
  bottom: -270px;
  left: -200px;
}

#wrapper .page-home .sec-overview .row.row3 .inner .anime-wrap .sprite-wrap .sprite {
  background: url(../images/overview/sprite2.png) 0 0/100% no-repeat;
  width: 316px;
  height: 316px;
}

#wrapper .page-home .sec-overview .row.row3 .inner .anime-wrap .sprite-wrap .bubble {
  position: absolute;
  top: 110px;
  left: 220px;
  width: 293px;
}

@-webkit-keyframes row3-sprite {
  to {
    background-position: 0 calc(-316px*52);
  }
}

@keyframes row3-sprite {
  to {
    background-position: 0 calc(-316px*52);
  }
}

@-webkit-keyframes row3-sprite-sp {
  to {
    background-position: 0 calc(-11960 / 375 * 100vw);
  }
}

@keyframes row3-sprite-sp {
  to {
    background-position: 0 calc(-11960 / 375 * 100vw);
  }
}

#wrapper .page-home .sec-overview .row.row3 .inner .anime-wrap.animated .sprite-wrap .sprite {
  -webkit-animation: row3-sprite calc(30ms*52) steps(52) 1 forwards;
  animation: row3-sprite calc(30ms*52) steps(52) 1 forwards;
}

#wrapper .page-home .sec-long-movie {
  padding: 248px 0 0;
}

#wrapper .page-home .sec-long-movie .headline {
  margin: 0 auto 40px;
  width: min(calc(713 / 1400 * 100vw), 713px);
}

#wrapper .page-home .sec-long-movie .movie {
  margin: 0 auto;
  width: min(calc(770 / 1400 * 100vw), 770px);
  height: min(calc(434 / 1400 * 100vw), 434px);
}

#wrapper .page-home .sec-long-movie .movie iframe {
  width: 100%;
  height: 100%;
}

#wrapper .page-home .sec-point {
  margin: 0 0 103px;
}

#wrapper .page-home .sec-point .point-header {
  position: relative;
  z-index: 1;
  margin: 140px auto 0;
  width: min(calc(821 / 1024 * 100vw), 821px);
}

#wrapper .page-home .sec-point .point-header .image {
  position: absolute;
  top: -120px;
  left: -138px;
  z-index: 1;
  width: min(calc(95 / 1200 * 100vw), 95px);
}

#wrapper .page-home .sec-point .point-header .headline {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0 0 8px;
  width: 100%;
}

#wrapper .page-home .sec-point .point-header .headline .item:nth-of-type(1) {
  width: min(calc(449 / 1024 * 100vw), 449px);
}

#wrapper .page-home .sec-point .point-header .headline .item:nth-of-type(2) {
  position: relative;
  width: min(calc(60 / 1024 * 100vw), 60px);
}

#wrapper .page-home .sec-point .point-header .headline .item:nth-of-type(2) span {
  position: absolute;
  background: 0 0/100% 100% no-repeat;
}

#wrapper .page-home .sec-point .point-header .headline .item:nth-of-type(2) span:nth-of-type(1) {
  top: -25px;
  left: 6px;
  background-image: url(../images/point/header_headline2_deco1.svg);
  width: 12px;
  height: 14px;
}

#wrapper .page-home .sec-point .point-header .headline .item:nth-of-type(2) span:nth-of-type(2) {
  top: -32px;
  left: 23px;
  background-image: url(../images/point/header_headline2_deco2.svg);
  width: 13px;
  height: 15px;
}

#wrapper .page-home .sec-point .point-header .headline .item:nth-of-type(2) span:nth-of-type(3) {
  top: -23px;
  left: 36px;
  background-image: url(../images/point/header_headline2_deco3.svg);
  width: 15px;
  height: 16px;
}

#wrapper .page-home .sec-point .point-header .headline .item:nth-of-type(3) {
  width: min(calc(296 / 1024 * 100vw), 296px);
}

#wrapper .page-home .sec-point .point-header .headline img {
  vertical-align: bottom;
}

#wrapper .page-home .sec-point .point-header .deco {
  margin: 0 auto;
  width: min(calc(805 / 1024 * 100vw), 805px);
}

#wrapper .page-home .sec-point .point-header .sprite-wrap {
  -webkit-transform: translateY(0);
  position: absolute;
  right: -320px;
  bottom: -80px;
  transform: translateY(0);
}

#wrapper .page-home .sec-point .point-header .sprite-wrap .sprite {
  background: url(../images/point/sprite.png) 0 0/100% no-repeat;
  width: 316px;
  height: 316px;
}

#wrapper .page-home .sec-point .point-header .sprite-wrap .bubble {
  position: absolute;
  right: 210px;
  bottom: 230px;
  width: 294px;
}

@-webkit-keyframes point-sprite {
  to {
    background-position: 0 calc(-316px*58);
  }
}

@keyframes point-sprite {
  to {
    background-position: 0 calc(-316px*58);
  }
}

@-webkit-keyframes point-sprite-sp {
  to {
    background-position: 0 calc(-13224 / 375 * 100vw);
  }
}

@keyframes point-sprite-sp {
  to {
    background-position: 0 calc(-13224 / 375 * 100vw);
  }
}

#wrapper .page-home .sec-point .point-header.animated .sprite-wrap .sprite {
  -webkit-animation: point-sprite calc(30ms*58) 0.75s steps(58) 1 forwards;
  animation: point-sprite calc(30ms*58) 0.75s steps(58) 1 forwards;
}

#wrapper .page-home .sec-point .box {
  position: relative;
  z-index: 0;
}

#wrapper .page-home .sec-point .box .inner .info {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width: min(calc(1080 / 1200 * 100vw), 1080px);
}

#wrapper .page-home .sec-point .box .inner .info .text {
  width: min(calc(550 / 1200 * 100vw), 550px);
  font-weight: 500;
}

#wrapper .page-home .sec-point .box .inner .info .text .title {
  position: relative;
  padding: 0 0 28px min(calc(120 / 1200 * 100vw), 120px);
}

#wrapper .page-home .sec-point .box .inner .info .text .title .point {
  position: absolute;
  top: 0;
  left: min(calc(24 / 1200 * 100vw), 24px);
  width: min(calc(41 / 1200 * 100vw), 41px);
}

#wrapper .page-home .sec-point .box .inner .info .text .title .point .bubble {
  position: absolute;
  background: url(../images/point/point_bg1.svg) 0 0/100% 100% no-repeat;
}

#wrapper .page-home .sec-point .box .inner .info .text .title .point img {
  position: relative;
}

#wrapper .page-home .sec-point .box .inner .info .image {
  margin: 0 clamp(-170px, calc(-170 / 1200 * 100vw), -100px) 0 0;
  border-radius: 20px;
  width: min(calc(650 / 1200 * 100vw), 650px);
  overflow: hidden;
}

#wrapper .page-home .sec-point .box .inner .info.reverse {
  flex-direction: row-reverse;
}

#wrapper .page-home .sec-point .box .inner .info.reverse .image {
  margin: 0 0 0 clamp(-170px, calc(-170 / 1200 * 100vw), -100px);
}

#wrapper .page-home .sec-point .box .inner .graph {
  text-align: center;
}

#wrapper .page-home .sec-point .box .inner .graph .headline {
  margin: 0 auto;
}

#wrapper .page-home .sec-point .box .inner .graph .image {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}

#wrapper .page-home .sec-point .box .inner .graph .image .col {
  position: relative;
}

#wrapper .page-home .sec-point .box .inner .graph .image .col .bubble {
  position: absolute;
  background: 0 0/100% 100% no-repeat;
  content: "";
}

#wrapper .page-home .sec-point .box .inner .graph .image .col .body {
  position: relative;
}

#wrapper .page-home .sec-point .box:nth-of-type(odd) {
  position: relative;
  padding: 146px 0;
}

#wrapper .page-home .sec-point .box:nth-of-type(odd) .wave {
  position: absolute;
  width: 100%;
  pointer-events: none;
}

#wrapper .page-home .sec-point .box:nth-of-type(odd) .wave .item {
  -webkit-animation: wave-animation 8s forwards infinite linear;
  position: absolute;
  animation: wave-animation 8s forwards infinite linear;
  width: 4000px;
}

#wrapper .page-home .sec-point .box:nth-of-type(odd) .wave .item:before {
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -webkit-perspective: 1000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform-style: preserve-3d;
  display: block;
  position: absolute;
  left: 0;
  transform-style: preserve-3d;
  perspective: 1000;
  backface-visibility: hidden;
  background: 0 0/50% 100% repeat-x;
  width: 4000px;
  overflow: hidden;
  content: "";
}

@keyframes wave-animation {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

#wrapper .page-home .sec-point .box:nth-of-type(odd) .wave {
  height: 146px;
}

#wrapper .page-home .sec-point .box:nth-of-type(odd) .wave.top {
  top: 2px;
}

#wrapper .page-home .sec-point .box:nth-of-type(odd) .wave.bottom {
  bottom: 2px;
}

#wrapper .page-home .sec-point .box:nth-of-type(odd) .wave.bottom .item:before,
#wrapper .page-home .sec-point .box:nth-of-type(odd) .wave.bottom .item:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#wrapper .page-home .sec-point .box:nth-of-type(odd) .wave .item:nth-of-type(1) {
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
}

#wrapper .page-home .sec-point .box:nth-of-type(odd) .wave .item:nth-of-type(1):before {
  background-image: url(../images/point/wave.png);
  height: 146px;
}

#wrapper .page-home .sec-point .box:nth-of-type(odd) .inner {
  background: #FAF8EC;
}

#wrapper .page-home .sec-point .box.point1 .inner {
  padding: 70px 0;
}

#wrapper .page-home .sec-point .box.point1 .inner .info {
  margin-bottom: 48px;
}

#wrapper .page-home .sec-point .box.point1 .inner .info .title .point .bubble {
  top: -20px;
  left: -31px;
  width: min(calc(104 / 1200 * 100vw), 104px);
  height: min(calc(118 / 1200 * 100vw), 118px);
}

#wrapper .page-home .sec-point .box.point1 .inner .info .title .headline p:nth-of-type(1) {
  width: min(calc(317 / 1200 * 100vw), 317px);
}

#wrapper .page-home .sec-point .box.point1 .inner .info .title .headline p:nth-of-type(2) {
  width: min(calc(280 / 1200 * 100vw), 280px);
}

#wrapper .page-home .sec-point .box.point1 .inner .graph .headline {
  margin: 0 auto 54px;
  width: min(calc(516 / 1200 * 100vw), 516px);
}

#wrapper .page-home .sec-point .box.point1 .inner .graph .image {
  width: min(calc(984 / 1200 * 100vw), 984px);
}

#wrapper .page-home .sec-point .box.point1 .inner .graph .image .col {
  width: min(calc(420 / 1200 * 100vw), 420px);
}

#wrapper .page-home .sec-point .box.point1 .inner .graph .image .col .bubble {
  top: -34px;
  left: -73px;
  background-image: url(../images/point/graph_bg1.svg);
  width: min(calc(552 / 1200 * 100vw), 552px);
  height: min(calc(451 / 1200 * 100vw), 451px);
}

#wrapper .page-home .sec-point .box.point1 .inner .graph .image .col:nth-of-type(2) .bubble {
  left: -57px;
}

#wrapper .page-home .sec-point .box.point1 .inner .graph .caption {
  margin: 38px auto 0;
  width: min(calc(1080 / 1200 * 100vw), 1080px);
  color: #666;
  font-weight: 500;
  font-size: calc(14rem/10);
  line-height: calc(24 / 14);
}

#wrapper .page-home .sec-point .box.point2 .inner {
  padding: 136px 0 126px;
}

#wrapper .page-home .sec-point .box.point2 .inner .info {
  margin-bottom: 113px;
}

#wrapper .page-home .sec-point .box.point2 .inner .info .title .point .bubble {
  top: -22px;
  left: -30px;
  background-image: url(../images/point/point_bg2.svg);
  width: min(calc(110 / 1200 * 100vw), 110px);
  height: min(calc(122 / 1200 * 100vw), 122px);
}

#wrapper .page-home .sec-point .box.point2 .inner .info .title .headline p:nth-of-type(1) {
  width: min(calc(298 / 1200 * 100vw), 298px);
}

#wrapper .page-home .sec-point .box.point2 .inner .info .title .headline p:nth-of-type(2) {
  width: min(calc(356 / 1200 * 100vw), 356px);
}

#wrapper .page-home .sec-point .box.point2 .inner .graph .headline {
  margin: 0 auto 30px;
  width: min(calc(706 / 1200 * 100vw), 706px);
}

#wrapper .page-home .sec-point .box.point2 .inner .graph .image {
  margin: 62px auto 0;
  width: min(calc(1052 / 1200 * 100vw), 1052px);
}

#wrapper .page-home .sec-point .box.point2 .inner .graph .image .col {
  width: min(calc(469 / 1200 * 100vw), 469px);
}

#wrapper .page-home .sec-point .box.point2 .inner .graph .image .col:nth-of-type(1) .bubble {
  top: -41px;
  left: -46px;
  background-image: url(../images/point/graph_bg2_1.svg);
  width: min(calc(552 / 1200 * 100vw), 552px);
  height: min(calc(437 / 1200 * 100vw), 437px);
}

#wrapper .page-home .sec-point .box.point2 .inner .graph .image .col:nth-of-type(2) .bubble {
  top: -44px;
  left: -36px;
  background-image: url(../images/point/graph_bg2_2.svg);
  width: min(calc(552 / 1200 * 100vw), 552px);
  height: min(calc(437 / 1200 * 100vw), 437px);
}

#wrapper .page-home .sec-point .box.point2 .inner .graph .image .col:nth-of-type(2) .slick-dots {
  bottom: 0;
  left: -2%;
}

#wrapper .page-home .sec-point .box.point2 .inner .graph .image .col:nth-of-type(2) .slick-dots li {
  position: relative;
}

#wrapper .page-home .sec-point .box.point2 .inner .graph .image .col:nth-of-type(2) .slick-dots li:before {
  -webkit-transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: backround-color 200ms ease;
  border-radius: 100%;
  background-color: #B4B4B4;
  width: 11px;
  height: 11px;
  content: "";
}

#wrapper .page-home .sec-point .box.point2 .inner .graph .image .col:nth-of-type(2) .slick-dots li.slick-active:before {
  background-color: #003167;
}

#wrapper .page-home .sec-point .box.point2 .inner .graph .image .col:nth-of-type(2) .slick-dots li button {
  width: 100%;
  height: 100%;
  font-size: 0;
  text-indent: -9999px;
}

#wrapper .page-home .sec-point .box.point2 .inner .graph .image .col:nth-of-type(2) .slick-arrow {
  -webkit-transform: none;
  top: auto;
  bottom: -6px;
  transform: none;
  z-index: 1;
  background: 0 0/100% no-repeat;
  width: 34px;
  height: 34px;
  text-indent: -9999px;
}

#wrapper .page-home .sec-point .box.point2 .inner .graph .image .col:nth-of-type(2) .slick-arrow:before {
  content: none;
}

#wrapper .page-home .sec-point .box.point2 .inner .graph .image .col:nth-of-type(2) .slick-prev {
  left: 17px;
  background-image: url(../images/carousel_prev.svg);
}

#wrapper .page-home .sec-point .box.point2 .inner .graph .image .col:nth-of-type(2) .slick-next {
  right: 17px;
  background-image: url(../images/carousel_next.svg);
}

#wrapper .page-home .sec-point .box.point2 .inner .graph .option {
  margin: 0 auto 27px;
  width: 249px;
}

#wrapper .page-home .sec-point .box.point2 .inner .graph .caption {
  margin: 0 auto;
  width: min(calc(1080 / 1200 * 100vw), 1080px);
  color: #666;
  font-size: calc(14rem/10);
  line-height: calc(24 / 14);
}

#wrapper .page-home .sec-point .box.point3 .inner {
  padding: 80px 0;
}

#wrapper .page-home .sec-point .box.point3 .inner .info {
  margin-bottom: 62px;
}

#wrapper .page-home .sec-point .box.point3 .inner .info .title .point .bubble {
  top: -22px;
  left: -30px;
  background-image: url(../images/point/point_bg3.svg);
  width: min(calc(110 / 1200 * 100vw), 110px);
  height: min(calc(122 / 1200 * 100vw), 122px);
}

#wrapper .page-home .sec-point .box.point3 .inner .info .title .headline p:nth-of-type(1) {
  width: min(calc(411 / 1200 * 100vw), 411px);
}

#wrapper .page-home .sec-point .box.point3 .inner .info .title .headline p:nth-of-type(2) {
  width: min(calc(347 / 1200 * 100vw), 347px);
}

#wrapper .page-home .sec-point .box.point3 .inner .graph .headline {
  margin: 0 auto 28px;
  width: min(calc(782 / 1200 * 100vw), 782px);
}

#wrapper .page-home .sec-point .box.point3 .inner .graph .image {
  width: min(calc(1100 / 1200 * 100vw), 1100px);
}

#wrapper .page-home .sec-point .box.point3 .inner .graph .image .col:nth-of-type(1) {
  width: min(calc(600 / 1200 * 100vw), 600px);
}

#wrapper .page-home .sec-point .box.point3 .inner .graph .image .col:nth-of-type(1) .caption {
  margin: 16px 0 0;
  width: min(calc(1080 / 1200 * 100vw), 1080px);
  color: #666;
  font-weight: 500;
  font-size: calc(14rem/10);
  line-height: calc(24 / 14);
  text-align: left;
}

#wrapper .page-home .sec-point .box.point3 .inner .graph .image .col:nth-of-type(2) {
  width: min(calc(460 / 1200 * 100vw), 460px);
}

#wrapper .page-home .sec-recipe {
  margin: 0 0 100px;
}

#wrapper .page-home .sec-recipe .bg {
  position: relative;
  pointer-events: none;
}

#wrapper .page-home .sec-recipe .bg .item1 {
  position: absolute;
  top: 166px;
  left: 445px;
  margin: 0 0 0 50%;
  width: 232px;
}

#wrapper .page-home .sec-recipe .bg .item2 {
  position: absolute;
  top: 218px;
  left: -778px;
  margin: 0 0 0 50%;
  width: 622px;
}

#wrapper .page-home .sec-recipe .bg .item3 {
  position: absolute;
  top: 937px;
  left: 248px;
  margin: 0 0 0 50%;
  width: 530px;
}

#wrapper .page-home .sec-recipe .bg .item4 {
  position: absolute;
  top: 1076px;
  left: -737px;
  margin: 0 0 0 50%;
  width: 266px;
}

#wrapper .page-home .sec-recipe .bg .item5 {
  position: absolute;
  top: 1837px;
  left: -803px;
  margin: 0 0 0 50%;
  width: 552px;
}

#wrapper .page-home .sec-recipe .bg .item6 {
  position: absolute;
  top: 2201px;
  left: 513px;
  margin: 0 0 0 50%;
  width: 226px;
}

#wrapper .page-home .sec-recipe .headline {
  margin: 0 auto 110px;
  width: min(calc(805 / 1080 * 100vw), 805px);
}

#wrapper .page-home .sec-recipe .recipe-wrapper .item {
  text-align: center;
}

#wrapper .page-home .sec-recipe .recipe-wrapper .item + .item {
  margin: 100px 0 0;
}

#wrapper .page-home .sec-recipe .recipe-wrapper .item .headline {
  margin: 0 auto 20px;
  color: #003167;
  font-weight: 700;
  font-size: calc(24rem/10);
  line-height: 1.4;
}

#wrapper .page-home .sec-recipe .recipe-wrapper .item .headline span {
  display: inline-block;
  border-bottom: 1px solid #003167;
  padding: 0 0 min(calc(12 / 1200 * 100vw), 12px);
}

#wrapper .page-home .sec-recipe .recipe-wrapper .item .headline strong {
  font-size: calc(36rem/10);
}

#wrapper .page-home .sec-recipe .recipe-wrapper .item .amount {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 30px;
}

#wrapper .page-home .sec-recipe .recipe-wrapper .item .amount .icon {
  background: url(../images/recipe/icon3.svg) 0 0/100% no-repeat;
  width: 36px;
  height: 28px;
}

#wrapper .page-home .sec-recipe .recipe-wrapper .item .amount .text {
  margin: 0 0 0 10px;
  font-size: calc(15rem/10);
}

#wrapper .page-home .sec-recipe .recipe-wrapper .item .video {
  position: relative;
  margin: 0 auto 30px;
  width: 770px;
  height: 434px;
}

#wrapper .page-home .sec-recipe .recipe-wrapper .item .video iframe {
  width: 100%;
  height: 100%;
}

#wrapper .page-home .sec-recipe .recipe-wrapper .item .link a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border-radius: 10px;
  background: #D7993C;
  width: 280px;
  height: 48px;
  color: #fff;
  font-size: calc(17rem/10);
}

#wrapper .page-home .sec-char {
  position: relative;
  margin: 0 0 120px;
  padding: 146px 0;
}

#wrapper .page-home .sec-char .wave {
  position: absolute;
  width: 100%;
  pointer-events: none;
}

#wrapper .page-home .sec-char .wave .item {
  -webkit-animation: wave-animation 8s forwards infinite linear;
  position: absolute;
  animation: wave-animation 8s forwards infinite linear;
  width: 4000px;
}

#wrapper .page-home .sec-char .wave .item:before {
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -webkit-perspective: 1000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform-style: preserve-3d;
  display: block;
  position: absolute;
  left: 0;
  transform-style: preserve-3d;
  perspective: 1000;
  backface-visibility: hidden;
  background: 0 0/50% 100% repeat-x;
  width: 4000px;
  overflow: hidden;
  content: "";
}

@keyframes wave-animation {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

#wrapper .page-home .sec-char .wave {
  height: 146px;
}

#wrapper .page-home .sec-char .wave.top {
  top: 2px;
}

#wrapper .page-home .sec-char .wave.bottom {
  bottom: 2px;
}

#wrapper .page-home .sec-char .wave.bottom .item:before,
#wrapper .page-home .sec-char .wave.bottom .item:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#wrapper .page-home .sec-char .wave .item:nth-of-type(1) {
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
}

#wrapper .page-home .sec-char .wave .item:nth-of-type(1):before {
  background-image: url(../images/point/wave.png);
  height: 146px;
}

#wrapper .page-home .sec-char .inner {
  background: #FAF8EC;
  padding: 107px 0 38px;
}

#wrapper .page-home .sec-char .inner .headline {
  margin: 0 auto 80px;
  width: 805px;
}

#wrapper .page-home .sec-char .inner .profile {
  margin: 0 0 200px;
}

#wrapper .page-home .sec-char .inner .profile .story {
  -webkit-transform: translateX(-130px);
  position: relative;
  transform: translateX(-130px);
  margin: 0 0 43px 50%;
  background: url(../images/char/profile_bg.svg) 0 0/100% 100% no-repeat;
  width: 514px;
}

#wrapper .page-home .sec-char .inner .profile .story .char {
  position: absolute;
  top: 0;
  left: -270px;
  width: 308px;
}

#wrapper .page-home .sec-char .inner .profile .story .text {
  padding: 60px 0 50px;
  text-align: center;
}

#wrapper .page-home .sec-char .inner .profile .story .text .headline {
  margin: 0 0 42px;
  width: 100%;
  color: #003167;
  font-weight: 700;
  font-size: calc(24rem/10);
  line-height: 1.4;
}

#wrapper .page-home .sec-char .inner .profile .story .text .headline strong {
  font-size: calc(36rem/10);
}

#wrapper .page-home .sec-char .inner .profile .list {
  margin: 0 auto;
  width: 740px;
}

#wrapper .page-home .sec-char .inner .profile .list .item {
  display: flex;
  justify-content: left;
  align-items: center;
  font-size: calc(20rem/10);
}

#wrapper .page-home .sec-char .inner .profile .list .item + .item {
  margin: 16px 0 0;
}

#wrapper .page-home .sec-char .inner .profile .list .item .title {
  margin: 0 20px 0 0;
  border-radius: 10px;
  background: #003167;
  width: 90px;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

#wrapper .page-home .sec-char .inner .profile .list .item .content {
  color: #003167;
}

#wrapper .page-home .sec-char .inner .song {
  position: relative;
  margin: 0 auto;
  width: 680px;
}

#wrapper .page-home .sec-char .inner .song .text {
  background: url(../images/char/song_bg.svg) 0 0/100% 100% no-repeat;
  padding: 85px 0 76px;
  color: #003167;
  font-size: calc(20rem/10);
  line-height: calc(28/20);
  text-align: center;
}

#wrapper .page-home .sec-char .inner .song .text .headline {
  margin: 0 0 39px;
  width: 100%;
  font-weight: 700;
  font-size: calc(32rem/10);
  line-height: 1.4;
}

#wrapper .page-home .sec-char .inner .song .text .headline:before {
  content: "♪";
}

#wrapper .page-home .sec-char .inner .song .text .headline:after {
  content: "♪";
}

#wrapper .page-home .sec-char .inner .song .text p + p {
  margin: 19px 0 0;
}

#wrapper .page-home .sec-char .inner .song .sprite-wrap {
  position: absolute;
  top: -102px;
  left: 533px;
  z-index: 1;
}

#wrapper .page-home .sec-char .inner .song .sprite-wrap .sprite {
  background: url(../images/overview/sprite2.png) 0 0/100% no-repeat;
  width: 316px;
  height: 316px;
}

#wrapper .page-home .sec-char .inner .song .sprite-wrap .bubble {
  position: absolute;
  top: -2px;
  left: -210px;
  width: 293px;
}

#wrapper .page-home .sec-char .inner .song .sprite-wrap.animated .sprite {
  -webkit-animation: row3-sprite calc(30ms*52) steps(52) 1 forwards;
  animation: row3-sprite calc(30ms*52) steps(52) 1 forwards;
}

#wrapper .page-home .sec-community {
  margin: 0 0 160px;
}

#wrapper .page-home .sec-community .box {
  margin: 0 auto 100px;
  border-radius: 20px;
  background: #F7E5C1;
  padding: 40px 0;
  width: min(calc(1080 / 1200 * 100vw), 1080px);
  color: #623315;
  text-align: center;
}

#wrapper .page-home .sec-community .box .headline {
  margin: 0 0 14px;
  font-weight: 700;
  font-size: min(calc(28 / 1200 * 100vw), 28px);
}

#wrapper .page-home .sec-community .box .logo {
  margin: 0 auto 15px;
  width: 428px;
}

#wrapper .page-home .sec-community .box .comment {
  margin: 0 0 36px;
  font-size: min(calc(18 / 1200 * 100vw), 18px);
}

#wrapper .page-home .sec-community .box .button {
  margin: 0 auto;
  width: 250px;
}

#wrapper .page-home .sec-community .box .button a {
  display: block;
  border-radius: 10px;
  background: #E70012;
  padding: 8px 0;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

#wrapper .page-home .sec-community .link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width: min(calc(920 / 1080 * 100vw), 920px);
}

#wrapper .page-home .sec-community .link .item {
  width: min(calc(400 / 1080 * 100vw), 400px);
}

#wrapper .page-home .sec-community .link .item a {
  display: block;
  border-radius: 10px;
  background: #564949;
  padding: 20px 0;
  color: #fff;
  font-weight: 700;
  font-size: min(calc(26 / 1080 * 100vw), 26px);
  text-align: center;
  text-decoration: none;
}

@media screen and (min-width: 801px) {
  #wrapper .anime .anime-elem.pc-anime-num-0,
  #wrapper .anime-load .anime-elem.pc-anime-num-0,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-0 {
    transition-delay: -0.25s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-1,
  #wrapper .anime-load .anime-elem.pc-anime-num-1,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-1 {
    transition-delay: 0s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-2,
  #wrapper .anime-load .anime-elem.pc-anime-num-2,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-2 {
    transition-delay: 0.25s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-3,
  #wrapper .anime-load .anime-elem.pc-anime-num-3,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-3 {
    transition-delay: 0.5s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-4,
  #wrapper .anime-load .anime-elem.pc-anime-num-4,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-4 {
    transition-delay: 0.75s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-5,
  #wrapper .anime-load .anime-elem.pc-anime-num-5,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-5 {
    transition-delay: 1s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-6,
  #wrapper .anime-load .anime-elem.pc-anime-num-6,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-6 {
    transition-delay: 1.25s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-7,
  #wrapper .anime-load .anime-elem.pc-anime-num-7,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-7 {
    transition-delay: 1.5s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-8,
  #wrapper .anime-load .anime-elem.pc-anime-num-8,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-8 {
    transition-delay: 1.75s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-9,
  #wrapper .anime-load .anime-elem.pc-anime-num-9,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-9 {
    transition-delay: 2s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-10,
  #wrapper .anime-load .anime-elem.pc-anime-num-10,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-10 {
    transition-delay: 2.25s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-11,
  #wrapper .anime-load .anime-elem.pc-anime-num-11,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-11 {
    transition-delay: 2.5s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-12,
  #wrapper .anime-load .anime-elem.pc-anime-num-12,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-12 {
    transition-delay: 2.75s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-13,
  #wrapper .anime-load .anime-elem.pc-anime-num-13,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-13 {
    transition-delay: 3s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-14,
  #wrapper .anime-load .anime-elem.pc-anime-num-14,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-14 {
    transition-delay: 3.25s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-15,
  #wrapper .anime-load .anime-elem.pc-anime-num-15,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-15 {
    transition-delay: 3.5s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-16,
  #wrapper .anime-load .anime-elem.pc-anime-num-16,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-16 {
    transition-delay: 3.75s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-17,
  #wrapper .anime-load .anime-elem.pc-anime-num-17,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-17 {
    transition-delay: 4s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-18,
  #wrapper .anime-load .anime-elem.pc-anime-num-18,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-18 {
    transition-delay: 4.25s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-19,
  #wrapper .anime-load .anime-elem.pc-anime-num-19,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-19 {
    transition-delay: 4.5s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-20,
  #wrapper .anime-load .anime-elem.pc-anime-num-20,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-20 {
    transition-delay: 4.75s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-21,
  #wrapper .anime-load .anime-elem.pc-anime-num-21,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-21 {
    transition-delay: 5s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-22,
  #wrapper .anime-load .anime-elem.pc-anime-num-22,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-22 {
    transition-delay: 5.25s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-23,
  #wrapper .anime-load .anime-elem.pc-anime-num-23,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-23 {
    transition-delay: 5.5s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-24,
  #wrapper .anime-load .anime-elem.pc-anime-num-24,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-24 {
    transition-delay: 5.75s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-25,
  #wrapper .anime-load .anime-elem.pc-anime-num-25,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-25 {
    transition-delay: 6s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-26,
  #wrapper .anime-load .anime-elem.pc-anime-num-26,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-26 {
    transition-delay: 6.25s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-27,
  #wrapper .anime-load .anime-elem.pc-anime-num-27,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-27 {
    transition-delay: 6.5s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-28,
  #wrapper .anime-load .anime-elem.pc-anime-num-28,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-28 {
    transition-delay: 6.75s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-29,
  #wrapper .anime-load .anime-elem.pc-anime-num-29,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-29 {
    transition-delay: 7s;
  }

  #wrapper .anime .anime-elem.pc-anime-num-30,
  #wrapper .anime-load .anime-elem.pc-anime-num-30,
  #wrapper .anime-wrap .anime-elem.pc-anime-num-30 {
    transition-delay: 7.25s;
  }
}

@media screen and (min-width: 1025px) {
  #wrapper .sp,
  #wrapper .tablet,
  #wrapper .hidden-pc {
    display: none !important;
  }

  #wrapper a,
  #wrapper .ov {
    opacity: 1;
    transition: opacity 0.2s ease;
    cursor: pointer;
  }

  #wrapper a:hover,
  #wrapper .ov:hover {
    opacity: 0.5;
    text-decoration: none;
  }
}

@media screen and (max-width: 1300px) {
  #wrapper .page-home .sec-overview .row.row1 .inner .anime-wrap.sprite .sprite-wrap {
    -webkit-transform: scale(0.7);
    bottom: -300px;
    left: -140px;
    transform: scale(0.7);
  }

  #wrapper .page-home .sec-overview .row.row3 .inner .anime-wrap .sprite-wrap {
    -webkit-transform: scale(0.8);
    bottom: -280px;
    left: -130px;
    transform: scale(0.8);
  }

  #wrapper .page-home .sec-point .point-header .sprite-wrap {
    -webkit-transform: scale(0.8);
    right: -220px;
    transform: scale(0.8);
  }
}

@media screen and (max-width: 1200px) {
  #wrapper .page-home .sec-keyvisual .sprite-wrap {
    right: 15px;
    bottom: -60px;
  }

  #wrapper .page-home .sec-keyvisual .sprite-wrap .sprite {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  #wrapper .page-home .sec-overview .row.row1 .inner .anime-wrap.sprite .sprite-wrap {
    -webkit-transform: scale(0.5);
    bottom: -250px;
    left: -140px;
    transform: scale(0.5);
  }

  #wrapper .page-home .sec-overview .row.row3 .inner .anime-wrap .sprite-wrap {
    -webkit-transform: scale(0.5);
    bottom: -250px;
    left: -110px;
    transform: scale(0.5);
  }

  #wrapper .page-home .sec-point .point-header .sprite-wrap {
    -webkit-transform: scale(0.5);
    right: -200px;
    transform: scale(0.5);
  }
}

@media screen and (max-width: 1000px) {
  #wrapper .page-home .sec-keyvisual .sprite-wrap {
    right: 0;
    bottom: -100px;
  }

  #wrapper .page-home .sec-keyvisual .sprite-wrap .sprite {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}

@media screen and (max-width: 900px) {
  #wrapper .page-home .sec-char .inner .song .sprite-wrap {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@media screen and (max-width: 800px) {
  #wrapper .pc,
  #wrapper .tablet,
  #wrapper .hidden-sp {
    display: none !important;
  }

  #wrapper .main {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(40 / 18);
  }

  #wrapper .anime .anime-elem.sp-anime-num-0,
  #wrapper .anime-load .anime-elem.sp-anime-num-0,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-0 {
    transition-delay: -0.25s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-1,
  #wrapper .anime-load .anime-elem.sp-anime-num-1,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-1 {
    transition-delay: 0s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-2,
  #wrapper .anime-load .anime-elem.sp-anime-num-2,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-2 {
    transition-delay: 0.25s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-3,
  #wrapper .anime-load .anime-elem.sp-anime-num-3,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-3 {
    transition-delay: 0.5s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-4,
  #wrapper .anime-load .anime-elem.sp-anime-num-4,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-4 {
    transition-delay: 0.75s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-5,
  #wrapper .anime-load .anime-elem.sp-anime-num-5,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-5 {
    transition-delay: 1s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-6,
  #wrapper .anime-load .anime-elem.sp-anime-num-6,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-6 {
    transition-delay: 1.25s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-7,
  #wrapper .anime-load .anime-elem.sp-anime-num-7,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-7 {
    transition-delay: 1.5s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-8,
  #wrapper .anime-load .anime-elem.sp-anime-num-8,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-8 {
    transition-delay: 1.75s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-9,
  #wrapper .anime-load .anime-elem.sp-anime-num-9,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-9 {
    transition-delay: 2s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-10,
  #wrapper .anime-load .anime-elem.sp-anime-num-10,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-10 {
    transition-delay: 2.25s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-11,
  #wrapper .anime-load .anime-elem.sp-anime-num-11,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-11 {
    transition-delay: 2.5s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-12,
  #wrapper .anime-load .anime-elem.sp-anime-num-12,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-12 {
    transition-delay: 2.75s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-13,
  #wrapper .anime-load .anime-elem.sp-anime-num-13,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-13 {
    transition-delay: 3s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-14,
  #wrapper .anime-load .anime-elem.sp-anime-num-14,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-14 {
    transition-delay: 3.25s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-15,
  #wrapper .anime-load .anime-elem.sp-anime-num-15,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-15 {
    transition-delay: 3.5s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-16,
  #wrapper .anime-load .anime-elem.sp-anime-num-16,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-16 {
    transition-delay: 3.75s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-17,
  #wrapper .anime-load .anime-elem.sp-anime-num-17,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-17 {
    transition-delay: 4s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-18,
  #wrapper .anime-load .anime-elem.sp-anime-num-18,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-18 {
    transition-delay: 4.25s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-19,
  #wrapper .anime-load .anime-elem.sp-anime-num-19,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-19 {
    transition-delay: 4.5s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-20,
  #wrapper .anime-load .anime-elem.sp-anime-num-20,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-20 {
    transition-delay: 4.75s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-21,
  #wrapper .anime-load .anime-elem.sp-anime-num-21,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-21 {
    transition-delay: 5s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-22,
  #wrapper .anime-load .anime-elem.sp-anime-num-22,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-22 {
    transition-delay: 5.25s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-23,
  #wrapper .anime-load .anime-elem.sp-anime-num-23,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-23 {
    transition-delay: 5.5s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-24,
  #wrapper .anime-load .anime-elem.sp-anime-num-24,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-24 {
    transition-delay: 5.75s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-25,
  #wrapper .anime-load .anime-elem.sp-anime-num-25,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-25 {
    transition-delay: 6s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-26,
  #wrapper .anime-load .anime-elem.sp-anime-num-26,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-26 {
    transition-delay: 6.25s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-27,
  #wrapper .anime-load .anime-elem.sp-anime-num-27,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-27 {
    transition-delay: 6.5s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-28,
  #wrapper .anime-load .anime-elem.sp-anime-num-28,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-28 {
    transition-delay: 6.75s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-29,
  #wrapper .anime-load .anime-elem.sp-anime-num-29,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-29 {
    transition-delay: 7s;
  }

  #wrapper .anime .anime-elem.sp-anime-num-30,
  #wrapper .anime-load .anime-elem.sp-anime-num-30,
  #wrapper .anime-wrap .anime-elem.sp-anime-num-30 {
    transition-delay: 7.25s;
  }

  #wrapper .page-home .sec-keyvisual .scroll {
    display: none;
  }

  #wrapper .page-home .sec-keyvisual .headline {
    top: 20px;
    right: calc(20 / 375 * 100vw);
    width: calc(29 / 375 * 100vw);
  }

  #wrapper .page-home .sec-keyvisual .list {
    margin: 0;
  }

  #wrapper .page-home .sec-keyvisual .list .item .image {
    height: calc(600 / 375 * 100vw);
  }

  #wrapper .page-home .sec-keyvisual .list .item .image img {
    max-height: initial;
  }

  #wrapper .page-home .sec-keyvisual .list .item.item1 .copy {
    -webkit-transform: translateX(-50%);
    top: auto;
    bottom: calc(15 / 375 * 100vw);
    left: 50%;
    transform: translateX(-50%);
    width: calc(409 / 375 * 100vw);
  }

  #wrapper .page-home .sec-keyvisual .slick-dots {
    bottom: calc(60 / 375 * 100vw);
  }

  #wrapper .page-home .sec-keyvisual .wave .item {
    width: 2000px;
  }

  #wrapper .page-home .sec-keyvisual .wave .item:before {
    width: 2000px;
  }

@-webkit-keyframes wave-animation {
    from {
      margin-left: 0;
    }

    to {
      margin-left: -1000px;
    }
}

@keyframes wave-animation {
    from {
      margin-left: 0;
    }

    to {
      margin-left: -1000px;
    }
}

  #wrapper .page-home .sec-keyvisual .wave:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: calc(90 / 375 * 100vw);
    content: "";
  }

  #wrapper .page-home .sec-keyvisual .wave .item:nth-of-type(1):before {
    bottom: calc(86 / 375 * 100vw);
    height: 85px;
  }

  #wrapper .page-home .sec-keyvisual .sprite-wrap {
    right: calc(180 / 375 * 100vw);
    bottom: calc(145 / 375 * 100vw);
  }

  #wrapper .page-home .sec-keyvisual .sprite-wrap .sprite {
    -webkit-transform: initial;
    transform: initial;
    width: calc(240.4 / 375 * 100vw);
    height: calc(240.4 / 375 * 100vw);
  }

  #wrapper .page-home .sec-keyvisual.animated .sprite-wrap .sprite {
    -webkit-animation-name: kv-sprite-sp;
    animation-name: kv-sprite-sp;
  }

  #wrapper .page-home .sec-intro {
    padding: 0 0 calc(100 / 375 * 100vw);
  }

  #wrapper .page-home .sec-intro .headline {
    margin: 0 auto calc(22 / 375 * 100vw);
    width: calc(333 / 375 * 100vw);
  }

  #wrapper .page-home .sec-intro .movie {
    width: calc(320 / 375 * 100vw);
    height: calc(180 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview {
    padding: calc(23 / 375 * 100vw) 0 0;
  }

  #wrapper .page-home .sec-overview .row .bg {
    -webkit-transform: none;
    left: 0;
    transform: none;
    width: 100%;
  }

  #wrapper .page-home .sec-overview .row .inner {
    display: block;
    width: 100%;
  }

  #wrapper .page-home .sec-overview .row .inner .description {
    margin: 0 auto;
    width: calc(315 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row .inner .description .headline {
    margin: 0 0 calc(20 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row .inner .description .headline .title .item + .item {
    margin-top: 0;
  }

  #wrapper .page-home .sec-overview .row .inner .description .headline .decorate {
    margin: calc(22 / 375 * 100vw) 0 0 calc(-10 / 375 * 100vw);
    width: calc(336 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row .inner .description .text {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(40 / 18);
  }

  #wrapper .page-home .sec-overview .row .inner .image {
    width: 100%;
  }

  #wrapper .page-home .sec-overview .row.row1 {
    min-height: auto;
  }

  #wrapper .page-home .sec-overview .row.row1 .bg span:nth-of-type(1) {
    top: calc(299 / 375 * 100vw);
    left: calc(-59 / 375 * 100vw);
    width: calc(247 / 375 * 100vw);
    height: calc(207 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row1 .bg span:nth-of-type(2) {
    top: calc(859 / 375 * 100vw);
    left: calc(95 / 375 * 100vw);
    width: calc(328 / 375 * 100vw);
    height: calc(405 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row1 .bg span:nth-of-type(3) {
    top: calc(1139 / 375 * 100vw);
    right: calc(-120 / 375 * 100vw);
    width: calc(193 / 375 * 100vw);
    height: calc(161 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row1 .inner .description {
    margin-bottom: calc(200 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row1 .inner .description .headline .title .sp .item:nth-of-type(1) {
    width: calc(194 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row1 .inner .description .headline .title .sp .item:nth-of-type(2) {
    width: calc(195 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row1 .inner .description .headline .title .sp .item:nth-of-type(3) {
    width: calc(272 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row1 .inner .description .headline .title .sp .item:nth-of-type(4) {
    width: calc(84 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row1 .inner .image {
    height: calc(435 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row1 .inner .image .item:nth-of-type(1) {
    top: 0;
    left: calc(-95 / 375 * 100vw);
    width: calc(494 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row1 .inner .image .item:nth-of-type(2) {
    top: calc(88 / 375 * 100vw);
    right: calc(30 / 375 * 100vw);
    width: calc(110 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row1 .inner .anime-wrap.sprite .sprite-wrap {
    -webkit-transform: initial;
    top: calc(30 / 375 * 100vw);
    bottom: auto;
    left: calc(-110 / 375 * 100vw);
    transform: initial;
  }

  #wrapper .page-home .sec-overview .row.row1 .inner .anime-wrap.sprite .sprite-wrap .sprite {
    width: calc(242 / 375 * 100vw);
    height: calc(242 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row1 .inner .anime-wrap.sprite .sprite-wrap .bubble {
    top: calc(95 / 375 * 100vw);
    left: calc(180 / 375 * 100vw);
    width: calc(220 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row1 .inner .anime-wrap.sprite.animated .sprite-wrap .sprite {
    -webkit-animation-name: row1-sprite-sp;
    animation-name: row1-sprite-sp;
  }

  #wrapper .page-home .sec-overview .row.row2 {
    margin-top: calc(80 / 375 * 100vw);
    min-height: auto;
  }

  #wrapper .page-home .sec-overview .row.row2 .bg span:nth-of-type(1) {
    top: calc(64 / 375 * 100vw);
    left: calc(160 / 375 * 100vw);
    width: calc(114 / 375 * 100vw);
    height: calc(141 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .inner .description {
    width: calc(315 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .inner .description .headline .title .sp .item:nth-of-type(1) {
    width: calc(212 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .inner .description .headline .title .sp .item:nth-of-type(2) {
    width: calc(195 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .inner .description .headline .title .sp .item:nth-of-type(3) {
    width: calc(213 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .inner .description .headline .title .sp .item:nth-of-type(4) {
    width: calc(124 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .inner .description .headline .bubble {
    top: calc(124 / 375 * 100vw);
    left: calc(236 / 375 * 100vw);
    width: calc(138 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .inner .description2 {
    margin: 0 auto;
    width: calc(315 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .inner .description2 .caption {
    display: inline-block;
    padding: calc(24 / 375 * 100vw) 0 0;
  }

  #wrapper .page-home .sec-overview .row.row2 .hero {
    height: calc(1141 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .hero .image {
    width: 100%;
    min-width: 100%;
    height: calc(1141 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .hero .wrapper {
    width: 100%;
  }

  #wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item .text {
    padding: calc(40 / 375 * 100vw) 0 0 calc(52 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item .text .headline {
    font-size: calc(32 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item .text .headline small {
    font-size: calc(22 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item.ajillo {
    top: calc(80 / 375 * 100vw);
    left: calc(-22 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item.ajillo .bubble:before {
    width: calc(373 / 375 * 100vw);
    height: calc(259 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item.pilaf {
    top: calc(788 / 375 * 100vw);
    left: calc(-8 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item.pilaf .bubble:before {
    background-image: url(../images/overview/pilaf_bg_sp.svg);
    width: calc(390 / 375 * 100vw);
    height: calc(280 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item.pilaf .catch p:nth-of-type(1) {
    top: calc(-99 / 375 * 100vw);
    left: calc(18 / 375 * 100vw);
    width: calc(61 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item.pilaf .catch p:nth-of-type(2) {
    top: calc(-157 / 375 * 100vw);
    left: calc(109 / 375 * 100vw);
    width: calc(63 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item.pilaf .catch p:nth-of-type(3) {
    top: calc(-161 / 375 * 100vw);
    left: calc(209 / 375 * 100vw);
    width: calc(62 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .hero .wrapper .item.pilaf .catch p:nth-of-type(4) {
    top: calc(-152 / 375 * 100vw);
    left: calc(312 / 375 * 100vw);
    width: calc(63 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row2 .hero .wave .item:nth-of-type(1) {
    width: 1000px;
    height: 58px;
  }

  #wrapper .page-home .sec-overview .row.row2 .hero .wave .item:nth-of-type(2) {
    width: 1000px;
    height: 78px;
  }

  #wrapper .page-home .sec-overview .row.row3 {
    margin-top: calc(80 / 375 * 100vw);
    min-height: auto;
  }

  #wrapper .page-home .sec-overview .row.row3 .bg span:nth-of-type(1) {
    top: calc(89 / 375 * 100vw);
    left: calc(188 / 375 * 100vw);
    width: calc(247 / 375 * 100vw);
    height: calc(207 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row3 .bg span:nth-of-type(2) {
    top: calc(827 / 375 * 100vw);
    left: calc(215 / 375 * 100vw);
    width: calc(219 / 375 * 100vw);
    height: calc(161 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row3 .bg span:nth-of-type(3) {
    top: calc(1030 / 375 * 100vw);
    left: calc(118 / 375 * 100vw);
    width: calc(126 / 375 * 100vw);
    height: calc(105 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row3 .bg span:nth-of-type(4) {
    top: calc(770 / 375 * 100vw);
    right: calc(-75 / 375 * 100vw);
    width: calc(155 / 375 * 100vw);
    height: calc(184 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row3 .inner .description {
    margin-bottom: calc(250 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row3 .inner .description .headline .title .sp .item:nth-of-type(1) {
    width: calc(150 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row3 .inner .description .headline .title .sp .item:nth-of-type(2) {
    width: calc(262 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row3 .inner .description .headline .title .sp .item:nth-of-type(3) {
    width: calc(115 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row3 .inner .description .headline .title .sp .item:nth-of-type(4) {
    width: calc(219 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row3 .inner .image {
    height: calc(320 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row3 .inner .image .item:nth-of-type(1) {
    top: calc(22 / 375 * 100vw);
    right: calc(107 / 375 * 100vw);
    width: calc(220 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row3 .inner .image .item:nth-of-type(2) {
    top: calc(180 / 375 * 100vw);
    right: calc(139 / 375 * 100vw);
    width: calc(139 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row3 .inner .image .item:nth-of-type(3) {
    top: calc(75 / 375 * 100vw);
    right: calc(-15 / 375 * 100vw);
    width: calc(138 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row3 .inner .anime-wrap .sprite-wrap {
    -webkit-transform: initial;
    top: calc(20 / 375 * 100vw);
    bottom: auto;
    left: calc(-70 / 375 * 100vw);
    transform: initial;
  }

  #wrapper .page-home .sec-overview .row.row3 .inner .anime-wrap .sprite-wrap .sprite {
    width: calc(230 / 375 * 100vw);
    height: calc(230 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row3 .inner .anime-wrap .sprite-wrap .bubble {
    top: calc(10 / 375 * 100vw);
    left: calc(141 / 375 * 100vw);
    width: calc(210 / 375 * 100vw);
  }

  #wrapper .page-home .sec-overview .row.row3 .inner .anime-wrap.animated .sprite-wrap .sprite {
    -webkit-animation-name: row3-sprite-sp;
    animation-name: row3-sprite-sp;
  }

  #wrapper .page-home .sec-long-movie {
    padding: calc(144 / 375 * 100vw) 0 0;
  }

  #wrapper .page-home .sec-long-movie .headline {
    margin: 0 auto calc(22 / 375 * 100vw);
    width: calc(333 / 375 * 100vw);
  }

  #wrapper .page-home .sec-long-movie .movie {
    width: calc(320 / 375 * 100vw);
    height: calc(180 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .point-header {
    margin: calc(132 / 375 * 100vw) 0 10px;
    width: 100%;
    height: calc(302 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .point-header .image {
    top: 0;
    left: calc(32 / 375 * 100vw);
    width: calc(43 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .point-header .headline {
    display: block;
    margin: 0;
  }

  #wrapper .page-home .sec-point .point-header .headline .item {
    position: absolute;
  }

  #wrapper .page-home .sec-point .point-header .headline .item:nth-of-type(1) {
    top: calc(105 / 375 * 100vw);
    left: calc(102 / 375 * 100vw);
    width: calc(239 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .point-header .headline .item:nth-of-type(2) {
    position: absolute;
    top: calc(182 / 375 * 100vw);
    left: calc(29 / 375 * 100vw);
    width: calc(49 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .point-header .headline .item:nth-of-type(2) span:nth-of-type(1) {
    top: calc(-23 / 375 * 100vw);
    left: calc(4 / 375 * 100vw);
    width: calc(12 / 375 * 100vw);
    height: calc(14 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .point-header .headline .item:nth-of-type(2) span:nth-of-type(2) {
    top: calc(-30 / 375 * 100vw);
    left: calc(21 / 375 * 100vw);
    width: calc(13 / 375 * 100vw);
    height: calc(15 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .point-header .headline .item:nth-of-type(2) span:nth-of-type(3) {
    top: calc(-21 / 375 * 100vw);
    left: calc(34 / 375 * 100vw);
    width: calc(15 / 375 * 100vw);
    height: calc(16 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .point-header .headline .item:nth-of-type(3) {
    top: calc(213 / 375 * 100vw);
    left: calc(88 / 375 * 100vw);
    width: calc(263 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .point-header .deco {
    position: absolute;
    top: calc(266 / 375 * 100vw);
    left: calc(32 / 375 * 100vw);
    margin: 0;
    width: calc(322 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .point-header .sprite-wrap {
    -webkit-transform: initial;
    right: calc(-50 / 375 * 100vw);
    bottom: calc(145 / 375 * 100vw);
    transform: initial;
  }

  #wrapper .page-home .sec-point .point-header .sprite-wrap .sprite {
    -webkit-transform: initial;
    transform: initial;
    width: calc(228 / 375 * 100vw);
    height: calc(228 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .point-header .sprite-wrap .bubble {
    right: calc(148 / 375 * 100vw);
    bottom: calc(160 / 375 * 100vw);
    width: calc(275 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .point-header.animated .sprite-wrap .sprite {
    -webkit-animation-name: point-sprite-sp;
    animation-name: point-sprite-sp;
  }

  #wrapper .page-home .sec-point .box .inner .info {
    display: block;
    width: 100%;
  }

  #wrapper .page-home .sec-point .box .inner .info .text {
    margin: 0 auto;
    width: calc(315 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box .inner .info .text .title {
    padding: 0;
  }

  #wrapper .page-home .sec-point .box .inner .info .text .title .point {
    position: relative;
    top: auto;
    left: auto;
    margin: 0 auto calc(45 / 375 * 100vw);
    width: calc(38 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box .inner .info .image {
    margin: calc(38 / 375 * 100vw) 0 0 calc(30 / 375 * 100vw);
    border-radius: 0;
    width: calc(345 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box .inner .info.reverse .image {
    margin: calc(38 / 375 * 100vw) 0 0 0;
  }

  #wrapper .page-home .sec-point .box .inner .graph .headline p {
    margin: 0 auto;
  }

  #wrapper .page-home .sec-point .box .inner .graph .image {
    display: block;
  }

  #wrapper .page-home .sec-point .box:nth-of-type(odd) .wave .item {
    width: 2000px;
  }

  #wrapper .page-home .sec-point .box:nth-of-type(odd) .wave .item:before {
    width: 2000px;
  }

@-webkit-keyframes wave-animation {
    from {
      margin-left: 0;
    }

    to {
      margin-left: -1000px;
    }
}

@keyframes wave-animation {
    from {
      margin-left: 0;
    }

    to {
      margin-left: -1000px;
    }
}

  #wrapper .page-home .sec-point .box:nth-of-type(odd) {
    padding: 73px 0;
  }

  #wrapper .page-home .sec-point .box:nth-of-type(odd) .wave {
    height: 73px;
  }

  #wrapper .page-home .sec-point .box:nth-of-type(odd) .wave .item:nth-of-type(1):before {
    height: 73px;
  }

  #wrapper .page-home .sec-point .box.point1 .inner {
    padding: calc(33 / 375 * 100vw) 0 calc(40 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point1 .inner .info {
    margin-bottom: calc(55 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point1 .inner .info .title {
    margin-bottom: calc(32 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point1 .inner .info .title .point .bubble {
    top: calc(-20 / 375 * 100vw);
    left: calc(-32 / 375 * 100vw);
    width: calc(103 / 375 * 100vw);
    height: calc(109 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point1 .inner .info .title .headline p:nth-of-type(1) {
    width: calc(264 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point1 .inner .info .title .headline p:nth-of-type(2) {
    width: calc(233 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point1 .inner .graph .headline {
    margin: 0 auto calc(20 / 375 * 100vw);
    width: 100%;
  }

  #wrapper .page-home .sec-point .box.point1 .inner .graph .headline p:nth-of-type(1) {
    width: calc(239 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point1 .inner .graph .headline p:nth-of-type(2) {
    width: calc(106 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point1 .inner .graph .headline p:nth-of-type(3) {
    width: calc(98 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point1 .inner .graph .headline p:nth-of-type(4) {
    width: calc(315 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point1 .inner .graph .image {
    width: 100%;
  }

  #wrapper .page-home .sec-point .box.point1 .inner .graph .image .col {
    margin: 0 auto;
    width: calc(315 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point1 .inner .graph .image .col .bubble {
    top: calc(-24 / 375 * 100vw);
    left: calc(-50 / 375 * 100vw);
    width: calc(414 / 375 * 100vw);
    height: calc(338 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point1 .inner .graph .image .col:nth-of-type(2) {
    margin-top: calc(48 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point1 .inner .graph .caption {
    margin: calc(58 / 375 * 100vw) auto 0;
    width: calc(315 / 375 * 100vw);
    color: #000;
    font-size: calc(14 / 375 * 100vw);
    text-align: left;
  }

  #wrapper .page-home .sec-point .box.point2 .inner {
    padding: calc(50 / 375 * 100vw) 0 calc(48 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .info {
    margin-bottom: calc(55 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .info .title {
    margin-bottom: calc(32 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .info .title .point .bubble {
    top: calc(-20 / 375 * 100vw);
    left: calc(-32 / 375 * 100vw);
    width: calc(103 / 375 * 100vw);
    height: calc(109 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .info .title .headline p:nth-of-type(1) {
    width: calc(248 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .info .title .headline p:nth-of-type(2) {
    width: calc(297 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .graph .headline {
    margin: 0 auto;
    width: 100%;
  }

  #wrapper .page-home .sec-point .box.point2 .inner .graph .headline p:nth-of-type(1) {
    width: calc(239 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .graph .headline p:nth-of-type(2) {
    width: calc(268 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .graph .headline p:nth-of-type(3) {
    width: calc(98 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .graph .headline p:nth-of-type(4) {
    width: calc(315 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .graph .text {
    margin: 0 auto;
    width: calc(315 / 375 * 100vw);
    font-weight: 500;
    text-indent: left;
  }

  #wrapper .page-home .sec-point .box.point2 .inner .graph .image {
    margin: 0 auto calc(60 / 375 * 100vw);
    width: 100%;
  }

  #wrapper .page-home .sec-point .box.point2 .inner .graph .image .col {
    margin: 0 auto;
    width: calc(356 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .graph .image .col:nth-of-type(1) .bubble {
    top: calc(15 / 375 * 100vw);
    left: calc(-20 / 375 * 100vw);
    width: calc(414 / 375 * 100vw);
    height: calc(328 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .graph .image .col:nth-of-type(2) {
    margin-top: calc(22 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .graph .image .col:nth-of-type(2) .bubble {
    top: calc(15 / 375 * 100vw);
    left: calc(-20 / 375 * 100vw);
    width: calc(414 / 375 * 100vw);
    height: calc(328 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .graph .image .col:nth-of-type(2) .slick-dots {
    left: calc(-14 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .graph .image .col:nth-of-type(2) .slick-arrow {
    width: calc(34 / 375 * 100vw);
    height: calc(34 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .graph .image .col:nth-of-type(2) .slick-prev {
    left: calc(17 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .graph .image .col:nth-of-type(2) .slick-next {
    right: calc(17 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .graph .option {
    margin: 0;
    width: calc(324 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .graph .option img {
    width: calc(250 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point2 .inner .graph .caption {
    width: calc(324 / 375 * 100vw);
    color: #000;
    font-weight: 500;
    text-align: left;
  }

  #wrapper .page-home .sec-point .box.point3 .inner {
    padding: calc(55 / 375 * 100vw) 0 calc(36 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point3 .inner .info {
    margin-bottom: calc(55 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point3 .inner .info .title {
    margin-bottom: calc(32 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point3 .inner .info .title .point .bubble {
    top: calc(-20 / 375 * 100vw);
    left: calc(-32 / 375 * 100vw);
    width: calc(100 / 375 * 100vw);
    height: calc(106 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point3 .inner .info .title .headline p:nth-of-type(1) {
    width: calc(85 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point3 .inner .info .title .headline p:nth-of-type(2) {
    width: calc(248 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point3 .inner .info .title .headline p:nth-of-type(3) {
    width: calc(289 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point3 .inner .graph .headline {
    margin: 0 auto;
    width: 100%;
  }

  #wrapper .page-home .sec-point .box.point3 .inner .graph .headline p:nth-of-type(1) {
    width: calc(177 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point3 .inner .graph .headline p:nth-of-type(2) {
    width: calc(127 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point3 .inner .graph .headline p:nth-of-type(3) {
    width: calc(230 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point3 .inner .graph .headline p:nth-of-type(4) {
    width: calc(315 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point3 .inner .graph .image {
    width: 100%;
  }

  #wrapper .page-home .sec-point .box.point3 .inner .graph .image .col:nth-of-type(1) {
    margin: 0 0 calc(40 / 375 * 100vw);
    width: 100%;
  }

  #wrapper .page-home .sec-point .box.point3 .inner .graph .image .col:nth-of-type(1) .caption {
    margin: calc(20 / 375 * 100vw) auto 0;
    width: calc(315 / 375 * 100vw);
    color: #000;
    font-size: calc(14 / 375 * 100vw);
  }

  #wrapper .page-home .sec-point .box.point3 .inner .graph .image .col:nth-of-type(2) {
    margin: 0 auto;
    width: calc(315 / 375 * 100vw);
  }

  #wrapper .page-home .sec-recipe {
    margin: 0 0 calc(99 / 375 * 100vw);
  }

  #wrapper .page-home .sec-recipe .headline {
    margin: 0 auto calc(54 / 375 * 100vw);
    width: 100%;
  }

  #wrapper .page-home .sec-recipe .recipe-wrapper .item {
    margin: 0 auto;
    width: calc(323 / 375 * 100vw);
  }

  #wrapper .page-home .sec-recipe .recipe-wrapper .item + .item {
    margin: calc(75 / 375 * 100vw) auto 0;
  }

  #wrapper .page-home .sec-recipe .recipe-wrapper .item .headline {
    margin: 0 0 calc(20 / 375 * 100vw);
    font-weight: 500;
    font-size: calc(18 / 375 * 100vw);
  }

  #wrapper .page-home .sec-recipe .recipe-wrapper .item .headline span {
    display: block;
    padding: 0 0 calc(15 / 375 * 100vw);
  }

  #wrapper .page-home .sec-recipe .recipe-wrapper .item .headline strong {
    font-weight: 700;
    font-size: calc(26 / 375 * 100vw);
  }

  #wrapper .page-home .sec-recipe .recipe-wrapper .item .amount {
    margin: 0 0 calc(20 / 375 * 100vw);
  }

  #wrapper .page-home .sec-recipe .recipe-wrapper .item .video {
    width: calc(320 / 375 * 100vw);
    height: calc(180 / 375 * 100vw);
  }

  #wrapper .page-home .sec-recipe .recipe-wrapper .item .link a {
    width: calc(294 / 375 * 100vw);
    height: calc(48 / 375 * 100vw);
    font-size: calc(17 / 375 * 100vw);
  }

  #wrapper .page-home .sec-char .wave .item {
    width: 2000px;
  }

  #wrapper .page-home .sec-char .wave .item:before {
    width: 2000px;
  }

@-webkit-keyframes wave-animation {
    from {
      margin-left: 0;
    }

    to {
      margin-left: -1000px;
    }
}

@keyframes wave-animation {
    from {
      margin-left: 0;
    }

    to {
      margin-left: -1000px;
    }
}

  #wrapper .page-home .sec-char {
    padding: 73px 0;
  }

  #wrapper .page-home .sec-char .wave {
    height: 73px;
  }

  #wrapper .page-home .sec-char .wave .item:nth-of-type(1):before {
    height: 73px;
  }

  #wrapper .page-home .sec-char .inner {
    padding: calc(40 / 375 * 100vw) 0 calc(160 / 375 * 100vw);
  }

  #wrapper .page-home .sec-char .inner .headline {
    margin: 0 auto;
    width: calc(356 / 375 * 100vw);
  }

  #wrapper .page-home .sec-char .inner .profile {
    margin: 0 0 calc(40 / 375 * 100vw);
    padding: calc(300 / 375 * 100vw) 0 0;
  }

  #wrapper .page-home .sec-char .inner .profile .story {
    -webkit-transform: initial;
    transform: initial;
    margin: 0 auto calc(40 / 375 * 100vw);
    width: calc(370 / 375 * 100vw);
  }

  #wrapper .page-home .sec-char .inner .profile .story .char {
    -webkit-transform: translateX(-50%);
    top: calc(-260 / 375 * 100vw);
    left: 50%;
    transform: translateX(-50%);
    width: calc(198 / 375 * 100vw);
  }

  #wrapper .page-home .sec-char .inner .profile .story .text {
    padding: calc(45 / 375 * 100vw) 0 calc(50 / 375 * 100vw);
  }

  #wrapper .page-home .sec-char .inner .profile .story .text .headline {
    margin: 0 0 calc(37 / 375 * 100vw);
    font-weight: 500;
    font-size: calc(18 / 375 * 100vw);
  }

  #wrapper .page-home .sec-char .inner .profile .story .text .headline strong {
    font-weight: 700;
    font-size: calc(26 / 375 * 100vw);
  }

  #wrapper .page-home .sec-char .inner .profile .list {
    width: calc(315 / 375 * 100vw);
  }

  #wrapper .page-home .sec-char .inner .profile .list .item {
    align-items: start;
    font-size: calc(18 / 375 * 100vw);
    line-height: 1.6;
  }

  #wrapper .page-home .sec-char .inner .profile .list .item + .item {
    margin: calc(34 / 375 * 100vw) 0 0;
  }

  #wrapper .page-home .sec-char .inner .profile .list .item .title {
    margin: 0 calc(15 / 375 * 100vw) 0 0;
    width: calc(83 / 375 * 100vw);
  }

  #wrapper .page-home .sec-char .inner .profile .list .item .content {
    width: calc(216 / 375 * 100vw);
  }

  #wrapper .page-home .sec-char .inner .song {
    margin: 0 auto;
    width: calc(372 / 375 * 100vw);
  }

  #wrapper .page-home .sec-char .inner .song .text {
    padding: calc(53 / 375 * 100vw) 0 calc(76 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
  }

  #wrapper .page-home .sec-char .inner .song .text .headline {
    position: relative;
    margin: 0 0 calc(30 / 375 * 100vw);
    font-size: calc(26 / 375 * 100vw);
  }

  #wrapper .page-home .sec-char .inner .song .text .headline:before {
    -webkit-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: calc(25 / 375 * 100vw);
    transform: translateY(-50%);
    font-size: calc(40 / 375 * 100vw);
  }

  #wrapper .page-home .sec-char .inner .song .text .headline:after {
    -webkit-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: calc(25 / 375 * 100vw);
    transform: translateY(-50%);
    font-size: calc(40 / 375 * 100vw);
  }

  #wrapper .page-home .sec-char .inner .song .text p + p {
    margin: calc(21 / 375 * 100vw) 0 0;
  }

  #wrapper .page-home .sec-char .inner .song .sprite-wrap {
    -webkit-transform: initial;
    top: auto;
    bottom: calc(-148 / 375 * 100vw);
    left: calc(207 / 375 * 100vw);
    transform: initial;
  }

  #wrapper .page-home .sec-char .inner .song .sprite-wrap .sprite {
    width: calc(230 / 375 * 100vw);
    height: calc(230 / 375 * 100vw);
  }

  #wrapper .page-home .sec-char .inner .song .sprite-wrap .bubble {
    top: calc(100 / 375 * 100vw);
    left: calc(-150 / 375 * 100vw);
    width: calc(217 / 375 * 100vw);
  }

  #wrapper .page-home .sec-char .inner .song .sprite-wrap.animated .sprite {
    -webkit-animation-name: row3-sprite-sp;
    animation-name: row3-sprite-sp;
  }

  #wrapper .page-home .sec-community {
    margin: 0 0 calc(80 / 375 * 100vw);
  }

  #wrapper .page-home .sec-community .box {
    margin: 0 auto calc(100 / 375 * 100vw);
    padding: calc(25 / 375 * 100vw) 0 calc(20 / 375 * 100vw);
    width: calc(315 / 375 * 100vw);
  }

  #wrapper .page-home .sec-community .box .headline {
    margin: 0 0 calc(20 / 375 * 100vw);
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(27 / 20);
  }

  #wrapper .page-home .sec-community .box .logo {
    margin: 0 auto calc(20 / 375 * 100vw);
    width: calc(295 / 375 * 100vw);
  }

  #wrapper .page-home .sec-community .box .comment {
    margin: 0 auto calc(28 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(28 / 16);
  }

  #wrapper .page-home .sec-community .box .button {
    margin: 0 auto;
    width: calc(280 / 375 * 100vw);
  }

  #wrapper .page-home .sec-community .box .button a {
    padding: calc(12 / 375 * 100vw) 0;
    font-size: calc(17 / 375 * 100vw);
  }

  #wrapper .page-home .sec-community .link {
    display: block;
    width: calc(315 / 375 * 100vw);
  }

  #wrapper .page-home .sec-community .link .item {
    width: 100%;
  }

  #wrapper .page-home .sec-community .link .item + .item {
    margin-top: calc(30 / 375 * 100vw);
  }

  #wrapper .page-home .sec-community .link .item a {
    padding: calc(20 / 375 * 100vw) 0;
    font-size: calc(20 / 375 * 100vw);
  }
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
  #wrapper .pc,
  #wrapper .sp,
  #wrapper .hidden-tablet {
    display: none !important;
  }
}

@media screen and (min-width: 801px) and (max-width: 1000px) {
  #wrapper .page-home .sec-keyvisual .list .item.item1 .copy {
    bottom: -10px;
    left: 80px;
    width: calc(529px*0.9);
  }
}

@media screen and (min-width: 801px) and (max-width: 1399px) {
  #wrapper .page-home .sec-overview .row.row1 .inner .image .item:nth-of-type(1) {
    right: -30px;
  }

  #wrapper .page-home .sec-overview .row.row1 .inner .image .item:nth-of-type(2) {
    right: 0;
  }

  #wrapper .page-home .sec-overview .row.row3 .inner .image .item:nth-of-type(1) {
    right: 114px;
  }

  #wrapper .page-home .sec-overview .row.row3 .inner .image .item:nth-of-type(2) {
    right: 170px;
  }

  #wrapper .page-home .sec-overview .row.row3 .inner .image .item:nth-of-type(3) {
    right: -30px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
  #wrapper .page-home .sec-point .point-header .image {
    top: calc(-120 / 1400 * 100vw);
    left: calc(-138 / 1400 * 100vw);
  }
}