@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap&family=M+PLUS+Rounded+1c:wght@400;500;700;800;900&display=swap";

*,
::before,
::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

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

html {
  cursor: default;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word
}

body {
  margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0
}

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0
}

hr {
  height: 0;
  overflow: visible
}

main {
  display: block
}

nav ol,
nav ul {
  list-style: none;
  padding: 0
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: rgba(0, 0, 0, 0)
}

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle
}

audio,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

iframe {
  border-style: none
}

img {
  border-style: none
}

svg:not([fill]) {
  fill: currentColor
}

svg:not(:root) {
  overflow: hidden
}

table {
  border-collapse: collapse
}

button,
input,
select {
  margin: 0
}

button {
  overflow: visible;
  text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button
}

fieldset {
  border: 1px solid #a0a0a0;
  padding: .35em .75em .625em
}

input {
  overflow: visible
}

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

progress {
  display: inline-block;
  vertical-align: baseline
}

select {
  text-transform: none
}

textarea {
  margin: 0;
  overflow: auto;
  resize: vertical
}

[type=checkbox],
[type=radio] {
  padding: 0
}

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

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

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

::-moz-focus-inner {
  border-style: none;
  padding: 0
}

:-moz-focusring {
  outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
  box-shadow: none
}

details {
  display: block
}

dialog {
  background-color: #fff;
  border: solid;
  color: #000;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content
}

dialog:not([open]) {
  display: none
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

template {
  display: none
}

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

[hidden] {
  display: none
}

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

[aria-controls] {
  cursor: pointer
}

[aria-disabled=true],
[disabled] {
  cursor: not-allowed
}

[aria-hidden=false][hidden] {
  display: initial
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute
}

html {
  font-size: 1.5625vw
}

@media screen and (min-width: 640px) {
  html {
    font-size: 62.5%
  }
}

body {
  font-family: "Noto Sans JP", sans-serif;
  -webkit-text-size-adjust: 100%;
  font-size: 1.4rem;
  line-height: 1.66;
  font-weight: 400
}

@media screen and (min-width: 480px) {
  body {
    font-size: 1.6rem
  }
}

@media screen and (min-width: 768px) {
  body {
    font-size: 1.8rem
  }
}

ul,
ol,
li {
  list-style: none;
  margin: 0;
  padding: 0
}

dl,
dt,
dd {
  margin: 0
}

address {
  font-style: normal
}

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

p {
  margin: 0;
  padding: 0
}

a {
  display: block;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
  cursor: pointer
}

a:hover {
  opacity: .8
}

input,
select,
textarea,
button {
  font-family: "Noto Sans JP", sans-serif
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer
}

.preload * {
  -webkit-transition: none !important;
  transition: none !important
}

@media print {
  .no-print {
    display: none
  }
}

.l-section {
  padding: 15px 0 0
}

@media screen and (min-width: 480px) {
  .l-section {
    padding: 30px 0 0
  }
}

.l-baseW {
  z-index: 2;
  position: relative;
  width: 94%;
  max-width: 640px;
  margin: 0 auto
}

.l-wrapper {
  overflow-x: hidden
}

.c-dummy {
  position: relative
}

.c-dummy::before {
  z-index: 2;
  content: "ダミー";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 64px;
  font-size: 12px;
  border: 2px solid #000;
  color: #000;
  font-weight: bold;
  background-color: #fff;
  text-align: center
}

@media screen and (min-width: 640px) {
  .c-dummy::before {
    width: 96px;
    font-size: 20px;
    border: 3px solid #000
  }
}

.c-title {
  width: 28rem;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  -webkit-transform: rotateZ(0.03deg);
  transform: rotateZ(0.03deg);
  font-family: "M PLUS Rounded 1c", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", sans-serif;
  font-weight: 900;
  font-size: 20px;
  max-width: 205px;
  letter-spacing: .1em;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

@media screen and (min-width: 375px) {
  .c-title {
    max-width: 240px
  }
}

@media screen and (min-width: 640px) {
  .c-title {
    max-width: 410px
  }
}

.c-title.is_active {
  opacity: 1;
  translate: 0
}

.c-bg__concentration {
  position: relative
}

.c-bg__concentration::before,
.c-bg__concentration::after {
  z-index: 0;
  position: absolute;
  top: 8rem;
  left: 0;
  content: "";
  width: 100%;
  height: 1053px;
  background-repeat: no-repeat !important;
  background-position: top center;
  background-size: cover !important
}

.c-bg__concentration::before {
  z-index: 2;
  background-image: url(../img/present/sp/bg_confetti.png) !important;
  background-size: 100% !important
}

@media screen and (min-width: 640px) {
  .c-bg__concentration::before {
    background-image: url(../img/present/bg_confetti.png) !important
  }
}

@media screen and (min-width: 1281px) {
  .c-bg__concentration::before {
    background-position: top
  }
}

.c-bg__concentration--method::before {
  background-image: url(../img/method/sp/bg_confetti.png) !important
}

@media screen and (min-width: 640px) {
  .c-bg__concentration--method::before {
    background-image: url(../img/method/bg_confetti.png) !important
  }
}

.c-bg__concentration--method::after {
  background-image: url(../img/method/sp/bg.png) !important
}

@media screen and (min-width: 640px) {
  .c-bg__concentration--method::after {
    background-image: url(../img/method/bg.png) !important
  }
}

.c-bg__concentration--terms::before {
  background-image: url(../img/terms/sp/bg_confetti.png) !important
}

@media screen and (min-width: 640px) {
  .c-bg__concentration--terms::before {
    background-image: url(../img/terms/bg_confetti.png) !important
  }
}

.c-bg__concentration--terms::after {
  background-image: url(../img/terms/sp/bg.png) !important
}

@media screen and (min-width: 640px) {
  .c-bg__concentration--terms::after {
    background-image: url(../img/terms/bg.png) !important
  }
}

.c-bg__concentration--merchandise::before {
  background-image: url(../img/merchandise/sp/bg_confetti.png) !important
}

@media screen and (min-width: 640px) {
  .c-bg__concentration--merchandise::before {
    background-image: url(../img/merchandise/bg_confetti.png) !important
  }
}

.c-bg__concentration--merchandise::after {
  background-image: url(../img/merchandise/sp/bg.png) !important
}

@media screen and (min-width: 640px) {
  .c-bg__concentration--merchandise::after {
    background-image: url(../img/merchandise/bg.png) !important
  }
}

.c-bg__concentration--contact::before {
  background-image: url(../img/contact/sp/bg_confetti.png) !important
}

@media screen and (min-width: 640px) {
  .c-bg__concentration--contact::before {
    background-image: url(../img/contact/bg_confetti.png) !important
  }
}

.c-bg__concentration--contact::after {
  background-image: url(../img/contact/sp/bg.png) !important
}

@media screen and (min-width: 480px) {
  .c-bg__concentration--contact::after {
    background-position: center
  }
}

@media screen and (min-width: 640px) {
  .c-bg__concentration--contact::after {
    background-image: url(../img/contact/bg.png) !important;
    background-position: top
  }
}

@media screen and (min-width: 1281px) {
  .c-bg__concentration--contact::after {
    background-position: center
  }
}

.c-bg__end {
  position: relative
}

.c-bg__end::before {
  z-index: 30;
  content: "本キャンペーンは\a終了いたしました。\aたくさんのご応募\aありがとうございました。";
  position: absolute;
  top: 7.5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  color: #fff;
  font-size: 21px;
  white-space: pre;
  text-align: center;
  font-weight: 900;
  line-height: 1.6;
  font-family: "M PLUS Rounded 1c", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", sans-serif
}

@media screen and (min-width: 640px) {
  .c-bg__end::before {
    top: 15.5%;
    line-height: 1.5;
    font-size: 28px;
    content: "本キャンペーンは終了いたしました。\aたくさんのご応募ありがとうございました。"
  }
}

@media screen and (min-width: 1024px) {
  .c-bg__end::before {
    font-size: 42px
  }
}

.c-bg__end::after {
  z-index: 20;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 100vw;
  height: 100%;
  background-color: rgba(18, 125, 188, .9)
}

.c-bg__end--merchandise::before {
  top: 8.5em
}

@media screen and (min-width: 640px) {
  .c-bg__end--merchandise::before {
    top: 7.5em
  }
}

.c-bg__end--merchandise::after {
  top: -4em;
  height: calc(100% + 5em)
}

@media screen and (min-width: 640px) {
  .c-bg__end--merchandise::after {
    top: -5em;
    height: calc(100% + 6em)
  }
}

.c-bg__end--noText::before {
  content: ""
}

.c-text__dummy {
  padding: .1em .2em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  background-color: #000;
  font-weight: bold
}

.p-cta {
  padding: 3em 0 4em;
  position: relative;
  background-color: #fff
}

.p-cta::before,
.p-cta::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  left: 0
}

.p-cta::before {
  bottom: 100%;
  height: 14rem;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 255, 255)), to(rgb(0, 0, 156)));
  background: linear-gradient(0deg, rgb(0, 255, 255) 0%, rgb(0, 0, 156) 100%)
}

.p-cta::after {
  top: 100%;
  z-index: 1;
  height: 7.5rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 255, 255)), to(rgb(0, 0, 156)));
  background: linear-gradient(180deg, rgb(0, 255, 255) 0%, rgb(0, 0, 156) 100%)
}

@media screen and (min-width: 640px) {
  .p-cta {
    padding: 3.5em 0 4em
  }
}

.p-cta__inner {
  width: 89%
}

.p-cta__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 2px;
  padding: 4px 20px 8px 20px;
  color: #fff;
  min-width: 130px;
  text-align: center;
  border-radius: 100px;
  -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  background: -webkit-gradient(linear, left top, right top, from(#FF9E40), color-stop(25%, #FF8A2F), color-stop(50%, #FF7B22), color-stop(75%, #FF6C15), to(#FF5905));
  background: linear-gradient(90deg, #FF9E40 0%, #FF8A2F 25%, #FF7B22 50%, #FF6C15 75%, #FF5905 100%);
  color: #fff !important;
  text-decoration: none !important
}

@media screen and (min-width: 640px) {
  .p-cta__link {
    padding: 8px 20px 12px 20px;
    min-width: 260px;
    -webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.5))
  }
}

.p-cta__link::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 9px;
  width: 11px;
  height: 11px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border-radius: 100px;
  background-color: #fff
}

@media screen and (min-width: 640px) {
  .p-cta__link::before {
    right: 16px;
    width: 22px;
    height: 22px
  }
}

.p-cta__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 13px;
  width: 4px;
  height: 4px;
  border: 0;
  border-top: solid 1px #ff6502;
  border-right: solid 1px #ff6502;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg)
}

@media screen and (min-width: 640px) {
  .p-cta__link::after {
    right: 24px;
    width: 8px;
    height: 8px;
    border-top: solid 2px #ff6502;
    border-right: solid 2px #ff6502
  }
}

.p-cta__link__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 9px;
  margin: 0 auto;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out;
  max-width: 380px
}

@media screen and (min-width: 640px) {
  .p-cta__link__wrap {
    max-width: 540px;
    gap: 18px
  }
}

.p-cta__link__wrap.is_active {
  opacity: 1;
  translate: 0
}

.p-cta__linkTextMini {
  font-size: 12px;
  line-height: 1.3
}

@media screen and (min-width: 640px) {
  .p-cta__linkTextMini {
    font-size: 12px;
    line-height: initial
  }
}

.p-cta__linkTextBig {
  margin-top: 2px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .07em
}

@media screen and (min-width: 375px) {
  .p-cta__linkTextBig {
    font-size: 18px
  }
}

@media screen and (min-width: 640px) {
  .p-cta__linkTextBig {
    margin-top: 0px;
    font-size: 26px
  }
}

.p-cta__text {
  margin: 0 auto;
  margin-top: 12px;
  font-size: 12px;
  color: #004098;
  max-width: 540px;
  line-height: 2;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

@media screen and (min-width: 640px) {
  .p-cta__text {
    margin-top: 24px;
    font-size: 12px
  }
}

.p-cta__text.is_active {
  opacity: 1;
  translate: 0
}

.p-contact {
  position: relative;
  padding: 0 0 20rem
}

.p-contact::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  bottom: -20rem;
  left: calc(50% - 40rem);
  width: 130rem;
  height: 200rem;
  background-image: url(../img/present/bg01.png);
  background-size: contain;
  background-repeat: no-repeat
}

.p-contact__inner {
  max-width: 572px;
  width: 89%
}

.p-contact__whiteBox {
  z-index: 2;
  position: relative;
  padding: 20px;
  margin: 0 auto;
  margin-top: 2em;
  background-color: #fff;
  border-radius: 6px;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out;
  color: #004098
}

@media screen and (min-width: 640px) {
  .p-contact__whiteBox {
    margin-top: 2em;
    padding: 1.7em 36px;
    border-radius: 12px
  }
}

.p-contact__whiteBox.is_active {
  opacity: 1;
  translate: 0
}

.p-contact__whiteBoxTitle {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  font-weight: 900
}

@media screen and (min-width: 640px) {
  .p-contact__whiteBoxTitle {
    font-size: 21px
  }
}

.p-contact__whiteBoxMail {
  margin-top: 8px;
  font-size: 12px;
  text-align: center;
  font-weight: 600
}

@media screen and (min-width: 640px) {
  .p-contact__whiteBoxMail {
    margin-top: .8em;
    font-size: 18px
  }
}

.p-contact__whiteBoxMailArrow {
  margin-left: .4em;
  font-size: 95%
}

.p-contact__whiteBoxMailLink {
  display: inline;
  color: #004098 !important;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out
}

.p-contact__whiteBoxMailLink:hover {
  opacity: .8
}

.p-contact__whiteBox__desc {
  margin: 0 auto;
  margin-top: 14px;
  padding: .5em 0px;
  border-top: 1px solid #004098;
  border-bottom: 1px solid #004098;
  font-size: 12px;
  letter-spacing: .05em;
  line-height: 1.7
}

@media screen and (min-width: 640px) {
  .p-contact__whiteBox__desc {
    margin-top: 1em;
    padding: .5em 0;
    font-size: 15px
  }
}

@media screen and (min-width: 640px) {
  .p-contact__whiteBox__descPeriod {
    white-space: nowrap
  }
}

@media screen and (min-width: 640px) {
  .p-contact__whiteBox__descTime {
    white-space: nowrap
  }
}

.p-present {
  position: relative;
  padding: 2rem 0 10rem 0;
  overflow: hidden;
  font-size: 14px
}

.p-present::after {
  content: "";
  position: absolute;
  display: block;
  top: 20rem;
  right: -92rem;
  width: 135rem;
  height: 245rem;
  background-image: url(../img/present/bg01.png);
  background-size: contain;
  background-repeat: no-repeat
}

@media screen and (min-width: 640px) {
  .p-present::after {
    top: 30rem;
    left: calc(50% - 30rem);
    width: 130rem;
    height: 200rem
  }
}

@media screen and (min-width: 640px) {
  .p-present {
    font-size: 18px
  }
}

@media screen and (min-width: 640px) {
  .p-present {
    padding: 2em 0 10rem
  }
}

.p-present--item {
  position: relative
}

.p-present--item+.p-present--item {
  margin-top: 3rem
}

@media screen and (min-width: 640px) {
  .p-present--item:first-of-type {
    margin-top: 3rem
  }
}

.p-present--visual {
  margin: 0
}

.p-present--bubbleImg {
  width: 27rem;
  position: absolute;
  top: 4rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0
}

.p-present--bubble {
  position: absolute;
  top: 3rem;
  left: 50%;
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
  font-size: 2rem;
  padding-top: .5em;
  padding-bottom: .5em;
  color: #00009c;
  line-height: 1.3;
  width: 26rem;
  background-color: #fff;
  border-radius: 30rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}

.p-present--bubble::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2rem;
  height: 1.5rem;
  background-color: #fff;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  display: block
}

.p-present__list {
  position: relative;
  z-index: 2;
  margin-top: 1.4em
}

@media screen and (min-width: 640px) {
  .p-present__list {
    margin-top: 2.4em
  }
}

.p-present__listItem {
  position: relative;
  padding: 1.4em 0em;
  margin: 0 auto;
  max-width: 234px;
  background-image: url(../img/present/bg_list_01.png);
  background-size: 92%;
  background-repeat: no-repeat;
  background-position: top center;
  translate: 0 15%;
  opacity: 0;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

.p-present__listItem.is_active {
  opacity: 1;
  translate: 0
}

@media screen and (min-width: 375px) {
  .p-present__listItem {
    padding: 1.8em 0em 1.6em;
    max-width: 280px
  }
}

@media screen and (min-width: 640px) {
  .p-present__listItem {
    padding: 2.2em 0em;
    max-width: 470px
  }
}

.p-present__listItem:nth-child(n+2) {
  margin-top: 1.6em
}

@media screen and (min-width: 375px) {
  .p-present__listItem:nth-child(n+2) {
    margin-top: 2.4em
  }
}

@media screen and (min-width: 640px) {
  .p-present__listItem:nth-child(n+2) {
    margin-top: 2.5em
  }
}

.p-present__listItemAward {
  position: absolute;
  top: -1em;
  left: -0.5em;
  max-width: 39px
}

@media screen and (min-width: 375px) {
  .p-present__listItemAward {
    top: -1.5em;
    left: -0.8em;
    max-width: 52px
  }
}

@media screen and (min-width: 640px) {
  .p-present__listItemAward {
    top: -1.2em;
    max-width: 78px
  }
}

.p-present__listItemGoods {
  position: absolute;
  top: -1.4em;
  right: 2em;
  max-width: 85px
}

@media screen and (min-width: 375px) {
  .p-present__listItemGoods {
    top: -1.4em;
    right: 2.2em;
    max-width: 96px
  }
}

@media screen and (min-width: 640px) {
  .p-present__listItemGoods {
    top: -2.2em;
    right: 3em;
    max-width: 192px
  }
}

.p-present__listItemTitle {
  margin-top: .4em;
  max-width: 100%
}

@media screen and (min-width: 375px) {
  .p-present__listItemTitle {
    margin-top: .6em
  }
}

@media screen and (min-width: 640px) {
  .p-present__listItemTitle {
    margin-top: .8em;
    max-width: 100%
  }
}

.p-present__listItemText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-left: 1.7em;
  max-width: 90px
}

@media screen and (min-width: 375px) {
  .p-present__listItemText {
    margin-left: 2.4em;
    max-width: 105px
  }
}

@media screen and (min-width: 640px) {
  .p-present__listItemText {
    margin-left: 3.2em;
    max-width: 176px
  }
}

.p-present__listItemTextSpeech {
  display: block;
  max-width: 71px
}

@media screen and (min-width: 375px) {
  .p-present__listItemTextSpeech {
    max-width: 90px
  }
}

@media screen and (min-width: 640px) {
  .p-present__listItemTextSpeech {
    max-width: 142px
  }
}

.p-present__listItemTextNum {
  display: block;
  margin-top: -0.3em;
  max-width: 88px
}

@media screen and (min-width: 375px) {
  .p-present__listItemTextNum {
    max-width: 118px
  }
}

@media screen and (min-width: 640px) {
  .p-present__listItemTextNum {
    margin-top: -0.2em;
    max-width: 178px
  }
}

.p-present__listItem:nth-child(1) {
  left: -1.4em
}

@media screen and (min-width: 640px) {
  .p-present__listItem:nth-child(1) {
    left: -2.4em
  }
}

.p-present__listItem:nth-child(1) .p-present__listItemGoods {
  -webkit-filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.8));
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.8));
  position: absolute;
  top: -0.8em;
  right: 2em;
  width: 60%;
  height: 57%;
  max-width: 85px;
  aspect-ratio: 106/92
}

@media screen and (min-width: 375px) {
  .p-present__listItem:nth-child(1) .p-present__listItemGoods {
    top: -1em;
    right: 2.2em;
    max-width: 106px
  }
}

@media screen and (min-width: 640px) {
  .p-present__listItem:nth-child(1) .p-present__listItemGoods {
    -webkit-filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.8));
    filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.8));
    top: -2em;
    right: 2.8em;
    max-width: 180px
  }
}

.p-present__listItem:nth-child(1) .p-present__listItemGoods::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  background-image: url(../img/present/img_01.png);
  background-repeat: no-repeat;
  background-size: 100% auto
}

.p-present__listItem:nth-child(2) {
  right: -1.4em;
  padding: 1.5em 0em 0em;
  background-size: 92% 100%;
  min-height: 140px;
  background-image: url(../img/present/bg_list_02.png)
}

@media screen and (min-width: 375px) {
  .p-present__listItem:nth-child(2) {
    padding: 1.8em 0em 0em;
    min-height: 170px
  }
}

@media screen and (min-width: 640px) {
  .p-present__listItem:nth-child(2) {
    right: -2.4em;
    padding: 2.2em 0em 0em;
    min-height: 274px
  }
}

.p-present__listItem:nth-child(2) .p-present__listItemGoods {
  top: -2.2em;
  right: 1.2em;
  max-width: 114px
}

@media screen and (min-width: 375px) {
  .p-present__listItem:nth-child(2) .p-present__listItemGoods {
    top: -2.4em;
    right: 1.1em;
    max-width: 134px
  }
}

@media screen and (min-width: 640px) {
  .p-present__listItem:nth-child(2) .p-present__listItemGoods {
    top: -3.6em;
    right: 1.6em;
    max-width: 228px
  }
}

.p-present__listItem:nth-child(2) .p-present__listItemTitle {
  margin-top: .6em
}

@media screen and (min-width: 375px) {
  .p-present__listItem:nth-child(2) .p-present__listItemTitle {
    margin-top: .9em
  }
}

@media screen and (min-width: 640px) {
  .p-present__listItem:nth-child(2) .p-present__listItemTitle {
    margin-top: 1.2em;
    max-width: 470px
  }
}

.p-present__listItem:nth-child(3) {
  padding: 2.4em 0em;
  background-size: 92% 100%;
  background-image: url(../img/present/bg_list_02.png)
}

.p-present__listItem:nth-child(3) .p-present__listItemGoods {
  top: 2.5em;
  right: 3.4em;
  max-width: 38px
}

@media screen and (min-width: 375px) {
  .p-present__listItem:nth-child(3) .p-present__listItemGoods {
    top: 2.4em;
    right: 4em;
    max-width: 48px
  }
}

@media screen and (min-width: 640px) {
  .p-present__listItem:nth-child(3) .p-present__listItemGoods {
    top: 2.5em;
    right: 6em;
    max-width: 74px
  }
}

.p-present__listItem:nth-child(3) .p-present__listItemTitle {
  margin-top: .5em
}

@media screen and (min-width: 375px) {
  .p-present__listItem:nth-child(3) .p-present__listItemTitle {
    margin-top: .7em
  }
}

@media screen and (min-width: 640px) {
  .p-present__listItem:nth-child(3) .p-present__listItemTitle {
    margin-top: .8em;
    max-width: 100%
  }
}

.p-present__listItem:nth-child(3) .p-present__listItemText {
  margin-left: 2.8em
}

@media screen and (min-width: 375px) {
  .p-present__listItem:nth-child(3) .p-present__listItemText {
    margin-left: 3.8em
  }
}

@media screen and (min-width: 640px) {
  .p-present__listItem:nth-child(3) .p-present__listItemText {
    margin-left: 4.4em
  }
}

.p-present__listItem:nth-child(3) ul {
  margin: 0 auto;
  margin-top: .2em;
  width: 70%
}

@media screen and (min-width: 375px) {
  .p-present__listItem:nth-child(3) ul {
    margin-top: .4em
  }
}

@media screen and (min-width: 640px) {
  .p-present__listItem:nth-child(3) ul {
    margin-top: .5em
  }
}

.p-present__listItem:nth-child(3) ul li {
  font-size: 10px;
  padding-left: 1em;
  text-indent: -1em;
  -webkit-transform: rotateZ(0.03deg);
  transform: rotateZ(0.03deg);
  font-family: "M PLUS Rounded 1c", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", sans-serif;
  font-weight: 700;
  color: #004098;
  line-height: 1.6
}

@media screen and (min-width: 640px) {
  .p-present__listItem:nth-child(3) ul li {
    line-height: 1.3;
    font-size: 14px
  }
}

.p-present__listItem:nth-child(3) ul li .u-dib {
  text-indent: -1em;
  padding-left: 1em
}

.p-present__noteImg {
  margin-top: 10rem
}

.p-present__noteList {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  margin-top: 4rem;
  font-size: 12px;
  max-width: 570px;
  width: 95.5%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out;
  translate: 0 15%;
  opacity: 0;
  transition: opacity 1s ease-out, translate 1s ease-out
}

@media screen and (min-width: 640px) {
  .p-present__noteList {
    margin-top: 3.5em;
    font-size: 14px;
    width: auto;
    width: 88%
  }
}

.p-present__noteList.is_active {
  opacity: 1;
  translate: 0
}

.p-present__noteList li {
  -webkit-transform: rotateZ(0.03deg);
  transform: rotateZ(0.03deg);
  font-family: "M PLUS Rounded 1c", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", sans-serif;
  font-weight: 700;
  padding-left: 1em;
  text-indent: -1em;
  color: #fff;
  line-height: 1.6
}

.p-present__noteList li .u-dib {
  text-indent: -1em;
  padding-left: 1em
}

.p-terms {
  padding: 0 0 10rem;
  position: relative;
  margin: 0 auto;
  z-index: 2;
  background-position: 0 0, 17px 17px;
  background-size: 34px 34px
}

.p-terms * {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500
}

@media screen and (min-width: 640px) {
  .p-terms {
    padding: 0 0 5em;
    background-position: 0 0, 34px 34px;
    background-size: 68px 68px
  }
}

@media screen and (min-width: 640px) {
  .p-terms__title {
    max-width: 380px
  }
}

.p-terms__whiteBox {
  margin: 0 auto;
  margin-top: 2em;
  padding: 15px 10px;
  background-color: #fff;
  border-radius: 11px;
  width: 86%;
  height: 30rem;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

@media screen and (min-width: 640px) {
  .p-terms__whiteBox {
    margin-top: 2em;
    padding: 28px 16px 28px 20px;
    border-radius: 22px;
    width: auto;
    max-width: 515px;
    height: 300px
  }
}

.p-terms__whiteBox.is_active {
  opacity: 1;
  translate: 0
}

.p-terms__whiteBoxText {
  padding-right: 10px;
  font-size: 12px;
  text-align: left;
  line-height: 1.4
}

@media screen and (min-width: 640px) {
  .p-terms__whiteBoxText {
    padding-right: 20px;
    font-size: 14px
  }
}

.p-terms__whiteBoxText--text+.p-terms__whiteBoxText--text {
  margin-top: 1em
}

.p-terms__whiteBoxText__detailTitle {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none
}

.p-terms__whiteBoxText__detail__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media screen and (min-width: 640px) {
  .p-terms__whiteBoxText__detail__block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

.p-terms__whiteBox__inner {
  height: 160px;
  overflow: auto
}

@media screen and (min-width: 640px) {
  .p-terms__whiteBox__inner {
    height: 234px
  }
}

.p-terms__whiteBox__inner a {
  color: #004098 !important;
  display: inline
}

.p-terms__whiteBox__inner .os-scrollbar .os-scrollbar-handle {
  background: #99d7f6 !important;
  width: 4px
}

@media screen and (min-width: 640px) {
  .p-terms__whiteBox__inner .os-scrollbar .os-scrollbar-handle {
    width: 8px;
    height: 32px
  }
}

.p-method {
  position: relative;
  padding: 15rem 0;
  color: #595757
}

.p-method::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7.5rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 255, 255)), to(rgb(0, 0, 156)));
  background: linear-gradient(180deg, rgb(0, 255, 255) 0%, rgb(0, 0, 156) 100%)
}

.p-method__inner {
  position: relative;
  max-width: 572px;
  width: 90%
}

.p-method__inner::after {
  content: "";
  z-index: -1;
  position: absolute;
  display: block;
  top: -10rem;
  right: calc(50% - 20rem);
  width: 140rem;
  height: 230rem;
  background-image: url(../img/present/bg02.png);
  background-size: contain;
  background-repeat: no-repeat
}

@media screen and (min-width: 640px) {
  .p-method__inner::after {
    top: -10rem;
    right: calc(50% - 40rem);
    width: 170rem;
    height: 600rem
  }
}

.p-method__cloud {
  position: absolute
}

.p-method__cloud--01 {
  top: 40px;
  left: -310px;
  max-width: 232px
}

.p-method__cloud--02 {
  top: -10px;
  left: -28px;
  max-width: 88px
}

@media screen and (min-width: 640px) {
  .p-method__cloud--02 {
    top: -30px;
    left: -66px;
    max-width: 176px
  }
}

.p-method__cloud--03 {
  top: 380px;
  right: -300px;
  max-width: 230px
}

.p-method__cloud--04 {
  top: 860px;
  left: -170px;
  max-width: 176px
}

@media screen and (min-width: 640px) {
  .p-method__cloud--04 {
    left: -166px
  }
}

.p-method__cloud--05 {
  top: 1380px;
  right: -396px;
  max-width: 150px
}

.p-method__cloud--06 {
  bottom: -50px;
  left: -306px;
  max-width: 230px
}

.p-method__title {
  margin: 0 auto;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

@media screen and (min-width: 640px) {
  .p-method__title {
    max-width: 380px
  }
}

.p-method__title.is_active {
  opacity: 1;
  translate: 0
}

.p-method__text {
  margin: 0 auto;
  margin-top: 1.8em;
  text-align: left;
  font-size: 13px;
  color: #fff;
  font-weight: 700;
  width: 96%;
  line-height: 1.5;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

@media screen and (min-width: 640px) {
  .p-method__text {
    width: auto;
    margin-top: 36px;
    max-width: 548px;
    font-size: 19px
  }
}

.p-method__text.is_active {
  opacity: 1;
  translate: 0
}

.p-method__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 25px
}

@media screen and (min-width: 640px) {
  .p-method__list {
    margin-top: 4.5rem
  }
}

.p-method__listItem {
  width: calc((100% - 22px)/3);
  opacity: 0;
  translate: 0 15%
}

@media screen and (min-width: 640px) {
  .p-method__listItem {
    width: calc((100% - 44px)/3)
  }
}

.p-method__listItem.is_active {
  opacity: 1;
  translate: 0
}

.p-method__listItem:nth-child(n+2) {
  position: relative
}

.p-method__listItem:nth-child(n+2)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 6px;
  height: 19px;
  background-image: url(../img/method/arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

@media screen and (min-width: 640px) {
  .p-method__listItem:nth-child(n+2)::before {
    top: 50%;
    left: -16px;
    width: 14px;
    height: 24px
  }
}

.p-method__listItem:nth-child(1) {
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

.p-method__listItem:nth-child(2) {
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out;
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}

.p-method__listItem:nth-child(3) {
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out;
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}

.p-method__listItemTitle {
  background-color: #004098;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border-radius: 6px 6px 0 0
}

@media screen and (min-width: 640px) {
  .p-method__listItemTitle {
    border-radius: 12px 12px 0 0;
    padding: 10px 10px 10px 10px;
    font-size: 22px;
    line-height: 1
  }
}

.p-method__listItemTitleNum {
  font-size: 150%
}

.p-method__listItem__block {
  background-color: #fff;
  padding: 10px 10px 8px 10px;
  border-radius: 0 0 6px 6px;
  min-height: 90%
}

@media screen and (min-width: 640px) {
  .p-method__listItem__block {
    padding: 20px 16px 16px 16px;
    border-radius: 0 0 10px 10px;
    min-height: 225px
  }
}

.p-method__listItemText {
  margin-top: 6px;
  text-align: left;
  font-size: 12px
}

@media screen and (min-width: 640px) {
  .p-method__listItemText {
    margin-top: 18px;
    font-size: 13px
  }
}

.p-method__listItemImg {
  margin: 0 auto;
  min-height: 40px
}

@media screen and (min-width: 640px) {
  .p-method__listItemImg {
    min-height: 82px
  }
}

.p-method__listItemImg--01 {
  max-width: 58px
}

@media screen and (min-width: 640px) {
  .p-method__listItemImg--01 {
    max-width: 117px
  }
}

.p-method__listItemImg--02 {
  max-width: 73px
}

@media screen and (min-width: 640px) {
  .p-method__listItemImg--02 {
    max-width: 135px
  }
}

.p-method__listItemImg--03 {
  max-width: 62px
}

@media screen and (min-width: 640px) {
  .p-method__listItemImg--03 {
    max-width: 125px
  }
}

.p-method__photograph {
  position: relative;
  z-index: 2;
  margin-top: 2.4em
}

@media screen and (min-width: 375px) {
  .p-method__photograph {
    margin-top: 44px
  }
}

@media screen and (min-width: 640px) {
  .p-method__photograph {
    margin-top: 44px
  }
}

.p-method__photograph__whiteBox {
  padding: 16px 13px 30px 13px;
  background-color: #fff;
  border-radius: 0 0 6px 6px
}

@media screen and (min-width: 640px) {
  .p-method__photograph__whiteBox {
    padding: 26px 26px 52px 26px;
    border-radius: 0 0 12px 12px
  }
}

.p-method__photographTitle {
  padding: 5px 0 4px 0;
  background-color: #004098;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  border-radius: 6px 6px 0 0
}

@media screen and (min-width: 640px) {
  .p-method__photographTitle {
    padding: 6px 0 6px 0;
    font-size: 28px;
    border-radius: 12px 12px 0 0
  }
}

.p-method__photographTitleLabel {
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

.p-method__photographTitleLabel.is_active {
  opacity: 1;
  translate: 0
}

.p-method__photographTextTop {
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.085em
}

@media screen and (min-width: 640px) {
  .p-method__photographTextTop {
    font-size: 17px
  }
}

.p-method__photographTextTop--red {
  color: #e60012
}

.p-method__photographTextBottom {
  font-size: 13px;
  line-height: 1.5
}

@media screen and (min-width: 640px) {
  .p-method__photographTextBottom {
    font-size: 17px
  }
}

.p-method__photograph__list {
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 7px 13px;
  border-top: 1px solid #595757;
  border-bottom: 1px solid #595757
}

@media screen and (min-width: 640px) {
  .p-method__photograph__list {
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 14px 26px
  }
}

.p-method__photograph__listItem {
  font-size: 13px;
  color: #e60012;
  line-height: 1.5
}

@media screen and (min-width: 640px) {
  .p-method__photograph__listItem {
    font-size: 19px
  }
}

.p-method__photograph__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 8px;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

@media screen and (min-width: 640px) {
  .p-method__photograph__block {
    gap: 16px
  }
}

.p-method__photograph__block.is_active {
  opacity: 1;
  translate: 0
}

.p-method__photograph__block__block {
  width: 60%
}

.p-method__photographImg {
  width: 36%
}

@media screen and (min-width: 640px) {
  .p-method__photographImg {
    max-width: 190px;
    width: auto
  }
}

.p-method__photograph__good {
  margin-top: 17px;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

@media screen and (min-width: 640px) {
  .p-method__photograph__good {
    margin-top: 32px
  }
}

.p-method__photograph__good.is_active {
  opacity: 1;
  translate: 0
}

.p-method__photograph__goodTitle {
  position: relative;
  padding: 0px 8px 0px 22px;
  background-color: #00b8ee;
  color: #fff;
  font-size: 14px;
  max-width: 74px;
  border-radius: 3px;
  white-space: nowrap
}

@media screen and (min-width: 640px) {
  .p-method__photograph__goodTitle {
    padding: 4px 16px 2px 42px;
    border-radius: 6px;
    max-width: 113px;
    font-size: 19px
  }
}

.p-method__photograph__goodTitle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  border-radius: 100px
}

@media screen and (min-width: 640px) {
  .p-method__photograph__goodTitle::before {
    left: 12px;
    width: 26px;
    height: 26px;
    border: 2px solid #fff
  }
}

.p-method__photograph__good__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px;
  padding-left: 13px;
  padding-right: 13px
}

@media screen and (min-width: 640px) {
  .p-method__photograph__good__block {
    margin-top: 20px;
    padding-right: 26px;
    padding-left: 26px
  }
}

.p-method__photograph__goodImg:nth-child(2) {
  margin-top: 4px
}

@media screen and (min-width: 640px) {
  .p-method__photograph__goodImg:nth-child(2) {
    margin-top: 6px
  }
}

.p-method__photograph__goodImg__wrap {
  width: 20%
}

@media screen and (min-width: 640px) {
  .p-method__photograph__goodImg__wrap {
    width: auto;
    max-width: 92px
  }
}

.p-method__photograph__good__bigListItem {
  line-height: 1.6;
  font-size: 14px
}

@media screen and (min-width: 640px) {
  .p-method__photograph__good__bigListItem {
    font-size: 20px
  }
}

.p-method__photograph__good__bigList__wrap {
  width: 75%
}

@media screen and (min-width: 640px) {
  .p-method__photograph__good__bigList__wrap {
    max-width: 350px
  }
}

.p-method__photograph__good__noteList {
  margin-top: 4px
}

@media screen and (min-width: 640px) {
  .p-method__photograph__good__noteList {
    margin-top: 8px
  }
}

.p-method__photograph__good__noteListItem {
  font-size: 12px;
  padding-left: 1em;
  text-indent: -1em
}

@media screen and (min-width: 640px) {
  .p-method__photograph__good__noteListItem {
    font-size: 14px
  }
}

.p-method__photograph__bad {
  margin-top: 17px;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

@media screen and (min-width: 640px) {
  .p-method__photograph__bad {
    margin-top: 36px
  }
}

.p-method__photograph__bad.is_active {
  opacity: 1;
  translate: 0
}

.p-method__photograph__badTitle {
  position: relative;
  padding: 0px 8px 0px 22px;
  background-color: #e60012;
  color: #fff;
  font-size: 14px;
  max-width: 74px;
  border-radius: 3px;
  white-space: nowrap
}

@media screen and (min-width: 640px) {
  .p-method__photograph__badTitle {
    padding: 4px 16px 2px 42px;
    font-size: 19px;
    border-radius: 6px;
    max-width: 113px
  }
}

.p-method__photograph__badTitle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  width: 16px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg)
}

@media screen and (min-width: 640px) {
  .p-method__photograph__badTitle::before {
    left: 10px;
    width: 28px;
    height: 2px
  }
}

.p-method__photograph__badTitle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  width: 16px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg)
}

@media screen and (min-width: 640px) {
  .p-method__photograph__badTitle::after {
    left: 10px;
    width: 28px;
    height: 2px
  }
}

.p-method__photograph__bad__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  padding-left: 13px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px
}

@media screen and (min-width: 640px) {
  .p-method__photograph__bad__list {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin-top: 20px;
    margin-left: 26px
  }
}

.p-method__photograph__bad__listItem {
  line-height: 1.6;
  font-size: 14px
}

@media screen and (min-width: 640px) {
  .p-method__photograph__bad__listItem {
    font-size: 20px
  }
}

.p-method__photograph__badNote {
  margin-top: 7px;
  font-size: 12px;
  color: #e60012;
  margin-left: 13px
}

@media screen and (min-width: 640px) {
  .p-method__photograph__badNote {
    margin-top: 14px;
    padding-left: 26px;
    font-size: 14px
  }
}

.p-merchandise {
  overflow: hidden;
  position: relative;
  padding: 15rem 0
}

.p-merchandise::before {
  content: "";
  position: absolute;
  display: block;
  top: -45rem;
  left: calc(50% - 40rem);
  width: 140rem;
  z-index: 1;
  height: 100%;
  background-image: url(../img/present/bg02.png);
  background-size: contain;
  background-repeat: no-repeat
}

.p-merchandise::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  width: 100%;
  height: 14rem;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 255, 255)), to(rgb(0, 0, 156)));
  background: linear-gradient(0deg, rgb(0, 255, 255) 0%, rgb(0, 0, 156) 100%)
}

.p-merchandise__inner {
  z-index: 2;
  position: relative;
  max-width: 572px;
  width: 90%
}

.p-merchandise__inner::after {
  content: "";
  position: absolute;
  display: block;
  bottom: -90rem;
  left: -55rem;
  width: 110rem;
  height: 210rem;
  background-image: url(../img/present/bg01.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1
}

.p-merchandise__innerLine {
  z-index: -1;
  position: absolute;
  -webkit-transform: rotate(1.2deg);
  transform: rotate(1.2deg)
}

.p-merchandise__innerLine--01 {
  top: -3%;
  right: -32px;
  max-width: 100px
}

@media screen and (min-width: 640px) {
  .p-merchandise__innerLine--01 {
    top: -3%;
    right: -72px;
    max-width: 200px
  }
}

.p-merchandise__innerLine--02 {
  top: 2.5%;
  left: -36px;
  max-width: 94px
}

@media screen and (min-width: 640px) {
  .p-merchandise__innerLine--02 {
    top: 3%;
    left: -82px;
    max-width: 198px
  }
}

.p-merchandise__innerLine--03 {
  display: none;
  top: 16%;
  left: -282px;
  max-width: 70px
}

@media screen and (min-width: 640px) {
  .p-merchandise__innerLine--03 {
    display: block;
    top: 16%;
    left: -282px;
    max-width: 142px
  }
}

.p-merchandise__innerLine--04 {
  top: 12%;
  right: -24px;
  max-width: 71px
}

@media screen and (min-width: 640px) {
  .p-merchandise__innerLine--04 {
    top: 14%;
    right: -54px;
    max-width: 142px
  }
}

.p-merchandise__innerLine--05 {
  top: 36%;
  left: -54px;
  max-width: 107px
}

@media screen and (min-width: 640px) {
  .p-merchandise__innerLine--05 {
    top: 37%;
    left: -126px;
    max-width: 214px
  }
}

.p-merchandise__innerLine--06 {
  display: none;
  top: 41%;
  right: 0px;
  max-width: 98px
}

@media screen and (min-width: 640px) {
  .p-merchandise__innerLine--06 {
    display: block;
    top: 41%;
    right: -362px;
    max-width: 196px
  }
}

.p-merchandise__innerLine--07 {
  display: none;
  top: 60%;
  left: 0px;
  max-width: 91px
}

@media screen and (min-width: 640px) {
  .p-merchandise__innerLine--07 {
    display: block;
    top: 60%;
    left: -362px;
    max-width: 182px
  }
}

.p-merchandise__innerLine--08 {
  top: 69%;
  right: -40px;
  max-width: 90px
}

@media screen and (min-width: 640px) {
  .p-merchandise__innerLine--08 {
    top: 69%;
    right: -112px;
    max-width: 180px
  }
}

.p-merchandise__innerLine--09 {
  display: none;
  top: 86%;
  right: 0px;
  max-width: 71px
}

@media screen and (min-width: 640px) {
  .p-merchandise__innerLine--09 {
    display: block;
    top: 86%;
    right: -288px;
    max-width: 142px
  }
}

.p-merchandise__innerLine--10 {
  top: 93%;
  left: -20px;
  max-width: 71px
}

@media screen and (min-width: 640px) {
  .p-merchandise__innerLine--10 {
    top: 93%;
    left: -112px;
    max-width: 142px
  }
}

.p-merchandise__innerLine--11 {
  top: 101.3%;
  left: 24px;
  max-width: 112px
}

@media screen and (min-width: 640px) {
  .p-merchandise__innerLine--11 {
    top: 101.3%;
    left: 44px;
    max-width: 224px
  }
}

.p-merchandise__bg {
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%
}

.p-merchandise__bg__inner {
  position: relative;
  left: -4px;
  -webkit-transform: rotate(-3deg) skew(-3deg, 0deg);
  transform: rotate(-3deg) skew(-3deg, 0deg);
  width: 102%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#9EFF77), to(#00B660));
  background: linear-gradient(90deg, #9EFF77 0%, #00B660);
  overflow: hidden
}

.p-merchandise__bg__inner::after {
  content: "";
  position: absolute;
  top: -30px;
  left: 0px;
  background-image: url(../img/campaign/bg_border.png);
  background-repeat: no-repeat;
  background-size: 640px 2500px;
  background-position: center;
  width: 100%;
  height: 1100px;
  -webkit-transform: rotate(3deg) skew(3deg, 0deg);
  transform: rotate(3deg) skew(3deg, 0deg)
}

@media screen and (min-width: 480px) {
  .p-merchandise__bg__inner::after {
    background-size: cover
  }
}

@media screen and (min-width: 640px) {
  .p-merchandise__bg__inner::after {
    height: 2200px
  }
}

.p-merchandiseTitle {
  margin: 0 auto;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

@media screen and (min-width: 640px) {
  .p-merchandiseTitle {
    max-width: 380px
  }
}

.p-merchandiseTitle.is_active {
  opacity: 1;
  translate: 0
}

.p-merchandise__subTitle {
  font-size: 16px;
  text-align: center;
  color: #004098;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out;
  font-weight: 900
}

@media screen and (min-width: 640px) {
  .p-merchandise__subTitle {
    font-size: 30px
  }
}

.p-merchandise__subTitle.is_active {
  opacity: 1;
  translate: 0
}

.p-merchandise__whiteBox {
  padding: 16px 8px 8px;
  margin-top: 2em;
  border-radius: 6px;
  background-color: #fff
}

@media screen and (min-width: 640px) {
  .p-merchandise__whiteBox {
    padding: 28px 12px 16px;
    margin-top: 1.5em;
    border-radius: 12px
  }
}

@media screen and (min-width: 480px) {
  .p-merchandise__twelve {
    margin-top: 16px
  }
}

@media screen and (min-width: 640px) {
  .p-merchandise__twelve {
    margin: 0
  }
}

.p-merchandise__twelve__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 70px
}

@media screen and (min-width: 640px) {
  .p-merchandise__twelve__list {
    min-height: 118px
  }
}

.p-merchandise__twelve__listItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 171px;
  opacity: 0;
  translate: 8% -10%
}

.p-merchandise__twelve__listItem.is_active {
  opacity: 1;
  translate: 0
}

.p-merchandise__twelve__listItem:nth-child(n+2) {
  margin-left: -40px
}

@media screen and (min-width: 640px) {
  .p-merchandise__twelve__listItem:nth-child(n+2) {
    margin-left: -74px
  }
}

.p-merchandise__twelve__listItem:nth-child(1) {
  -webkit-transition: opacity .2s ease-out, translate .2s ease-out;
  transition: opacity .2s ease-out, translate .2s ease-out
}

.p-merchandise__twelve__listItem:nth-child(2) {
  -webkit-transition: opacity .4s ease-out, translate .4s ease-out;
  transition: opacity .4s ease-out, translate .4s ease-out
}

.p-merchandise__twelve__listItem:nth-child(3) {
  -webkit-transition: opacity .6s ease-out, translate .6s ease-out;
  transition: opacity .6s ease-out, translate .6s ease-out
}

.p-merchandise__twelve__listItem:nth-child(4) {
  -webkit-transition: opacity .8s ease-out, translate .8s ease-out;
  transition: opacity .8s ease-out, translate .8s ease-out
}

.p-merchandise__twelve__listItem:nth-child(5) {
  -webkit-transition: opacity .1s ease-out, translate 1s ease-out;
  transition: opacity .1s ease-out, translate 1s ease-out
}

.p-merchandise__twelve__listItem img {
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg)
}

@media screen and (min-width: 640px) {
  .p-merchandise__twelve__listItem img {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
  }
}

.p-merchandise__twelveText {
  position: relative;
  margin-top: -6px;
  font-size: 12px;
  text-align: center;
  font-weight: 900;
  color: #004098;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

@media screen and (min-width: 480px) {
  .p-merchandise__twelveText {
    margin-top: 10px
  }
}

@media screen and (min-width: 640px) {
  .p-merchandise__twelveText {
    margin: 0;
    font-size: 14px
  }
}

.p-merchandise__twelveText.is_active {
  opacity: 1;
  translate: 0
}

.p-merchandise__twelveText::before {
  position: absolute;
  top: 44%;
  left: 50%;
  content: "";
  width: 92%;
  height: 4px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  border-bottom: 1px solid #004098;
  border-left: 1px solid #004098;
  border-right: 1px solid #004098
}

@media screen and (min-width: 640px) {
  .p-merchandise__twelveText::before {
    top: 40%;
    height: 8px
  }
}

.p-merchandise__twelveTextLabel {
  position: relative;
  display: inline-block;
  padding: .5em;
  background-color: #fff
}

.p-merchandise__premium {
  margin: 0;
  max-width: 320px
}

.p-merchandise__premium__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.p-merchandise__premium__listItem {
  max-width: 127px;
  opacity: 0;
  translate: -15% 0%;
  min-height: 25.979vw
}

@media screen and (min-width: 640px) {
  .p-merchandise__premium__listItem {
    min-height: 162px
  }
}

.p-merchandise__premium__listItem:nth-child(n+2) {
  margin-left: -15px
}

@media screen and (min-width: 640px) {
  .p-merchandise__premium__listItem:nth-child(n+2) {
    margin-left: -26px
  }
}

.p-merchandise__premium__listItem:nth-child(1) {
  -webkit-transition: opacity .6s ease-out, translate .6s ease-out;
  transition: opacity .6s ease-out, translate .6s ease-out
}

.p-merchandise__premium__listItem:nth-child(2) {
  -webkit-transition: opacity .8s ease-out, translate .8s ease-out;
  transition: opacity .8s ease-out, translate .8s ease-out
}

.p-merchandise__premium__listItem:nth-child(3) {
  -webkit-transition: opacity .1s ease-out, translate 1s ease-out;
  transition: opacity .1s ease-out, translate 1s ease-out
}

.p-merchandise__premium__listItem.is_active {
  opacity: 1;
  translate: 0
}

.p-merchandise__premiumAssortmentWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 6px
}

@media screen and (min-width: 640px) {
  .p-merchandise__premiumAssortmentWrap {
    margin-top: 24px
  }
}

.p-merchandise__premiumText {
  position: relative;
  font-size: 12px;
  text-align: center;
  font-weight: 900;
  color: #004098;
  margin-top: -4px;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

@media screen and (min-width: 640px) {
  .p-merchandise__premiumText {
    margin-top: -4px;
    font-size: 14px
  }
}

.p-merchandise__premiumText::before {
  position: absolute;
  top: 42%;
  left: 50%;
  content: "";
  width: 89%;
  height: 4px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  border-bottom: 1px solid #004098;
  border-left: 1px solid #004098;
  border-right: 1px solid #004098
}

@media screen and (min-width: 640px) {
  .p-merchandise__premiumText::before {
    top: 39%;
    height: 8px;
    width: 87%
  }
}

.p-merchandise__premiumText.is_active {
  opacity: 1;
  translate: 0
}

.p-merchandise__premiumTextLabel {
  position: relative;
  display: inline-block;
  padding: .5em;
  background-color: #fff
}

@media screen and (min-width: 640px) {
  .p-merchandise__premiumTextLabel {
    padding: .5em
  }
}

.p-merchandise__assortment {
  margin: 0;
  max-width: 202px
}

@media screen and (min-width: 640px) {
  .p-merchandise__assortment {
    max-width: initial
  }
}

.p-merchandise__assortment__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.p-merchandise__assortment__listItem {
  max-width: 118px;
  max-height: 157px;
  opacity: 0;
  translate: -15% 0%;
  min-height: 25.979vw
}

@media screen and (min-width: 640px) {
  .p-merchandise__assortment__listItem {
    min-height: 162px
  }
}

.p-merchandise__assortment__listItem:nth-child(n+2) {
  margin-left: -12px
}

@media screen and (min-width: 640px) {
  .p-merchandise__assortment__listItem:nth-child(n+2) {
    margin-left: -22px
  }
}

.p-merchandise__assortment__listItem:nth-child(1) {
  -webkit-transition: opacity .8s ease-out, translate .8s ease-out;
  transition: opacity .8s ease-out, translate .8s ease-out
}

.p-merchandise__assortment__listItem:nth-child(2) {
  -webkit-transition: opacity .1s ease-out, translate 1s ease-out;
  transition: opacity .1s ease-out, translate 1s ease-out
}

@media screen and (min-width: 640px) {
  .p-merchandise__assortment__listItem:nth-child(2) {
    position: relative
  }
}

.p-merchandise__assortment__listItem.is_active {
  opacity: 1;
  translate: 0
}

.p-merchandise__assortmentText {
  position: relative;
  font-size: 12px;
  text-align: center;
  font-weight: 900;
  color: #004098;
  margin-top: -4px;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

@media screen and (min-width: 640px) {
  .p-merchandise__assortmentText {
    margin-top: -4px;
    font-size: 14px
  }
}

.p-merchandise__assortmentText::before {
  position: absolute;
  top: 42%;
  left: 50%;
  content: "";
  width: 88%;
  height: 4px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  border-bottom: 1px solid #004098;
  border-left: 1px solid #004098;
  border-right: 1px solid #004098
}

@media screen and (min-width: 640px) {
  .p-merchandise__assortmentText::before {
    top: 39%;
    height: 8px
  }
}

.p-merchandise__assortmentText.is_active {
  opacity: 1;
  translate: 0
}

.p-merchandise__assortmentTextLabel {
  position: relative;
  display: inline-block;
  padding: .5em;
  background-color: #fff
}

.p-merchandise__corocoro {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.p-merchandise__corocoro__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-merchandise__corocoro__listItem {
  opacity: 0;
  translate: 15% 0%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

.p-merchandise__corocoro__listItem.is_active {
  opacity: 1;
  translate: 0
}

.p-merchandise__mini {
  margin: 0 auto;
  margin-top: 6px;
  width: 60%
}

.p-merchandise__mini__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 1rem
}

.p-merchandise__mini__listItem {
  opacity: 0;
  translate: 15% 0%
}

.p-merchandise__mini__listItem:nth-child(1) {
  max-width: 176px;
  -webkit-transition: opacity .6s ease-out, translate .6s ease-out;
  transition: opacity .6s ease-out, translate .6s ease-out
}

.p-merchandise__mini__listItem:nth-child(2) {
  max-width: 176px;
  -webkit-transition: opacity .8s ease-out, translate .8s ease-out;
  transition: opacity .8s ease-out, translate .8s ease-out
}

.p-merchandise__mini__listItem:nth-child(3) {
  max-width: 184px;
  -webkit-transition: opacity .1s ease-out, translate 1s ease-out;
  transition: opacity .1s ease-out, translate 1s ease-out
}

.p-merchandise__mini__listItem:nth-child(n+2) {
  margin-left: -15px
}

.p-merchandise__mini__listItem.is_active {
  opacity: 1;
  translate: 0
}

.p-merchandise__miniText {
  position: relative;
  font-size: 12px;
  text-align: center;
  font-weight: 900;
  color: #004098;
  margin-top: -12px;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

@media screen and (min-width: 640px) {
  .p-merchandise__miniText {
    margin-top: -18px;
    font-size: 14px
  }
}

.p-merchandise__miniText::before {
  position: absolute;
  top: 44%;
  left: 50%;
  content: "";
  width: 90%;
  height: 4px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  border-bottom: 1px solid #004098;
  border-left: 1px solid #004098;
  border-right: 1px solid #004098
}

@media screen and (min-width: 640px) {
  .p-merchandise__miniText::before {
    top: 39%;
    height: 8px
  }
}

.p-merchandise__miniText.is_active {
  opacity: 1;
  translate: 0
}

.p-merchandise__miniTextLabel {
  position: relative;
  display: inline-block;
  padding: .5em;
  background-color: #fff
}

.p-merchandise__five {
  position: relative;
  left: 0px;
  margin: 0 auto;
  margin-top: 12px;
  max-width: 530px
}

@media screen and (min-width: 640px) {
  .p-merchandise__five {
    margin-top: 22px
  }
}

.p-merchandise__five__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.p-merchandise__five__listItem {
  opacity: 0;
  translate: -15% 0%;
  width: calc((100% + 50px)/5)
}

@media screen and (min-width: 640px) {
  .p-merchandise__five__listItem {
    max-width: 125px;
    width: auto
  }
}

.p-merchandise__five__listItem:nth-child(n+2) {
  margin-left: -15px
}

@media screen and (min-width: 640px) {
  .p-merchandise__five__listItem:nth-child(n+2) {
    margin-left: -24px
  }
}

.p-merchandise__five__listItem:nth-child(n+6) {
  margin-top: -19px
}

@media screen and (min-width: 640px) {
  .p-merchandise__five__listItem:nth-child(n+6) {
    margin-top: -32px
  }
}

.p-merchandise__five__listItem:nth-child(1) {
  -webkit-transition: opacity .3s ease-out, translate .3s ease-out;
  transition: opacity .3s ease-out, translate .3s ease-out
}

.p-merchandise__five__listItem:nth-child(2) {
  -webkit-transition: opacity .4s ease-out, translate .4s ease-out;
  transition: opacity .4s ease-out, translate .4s ease-out
}

.p-merchandise__five__listItem:nth-child(3) {
  -webkit-transition: opacity .5s ease-out, translate .5s ease-out;
  transition: opacity .5s ease-out, translate .5s ease-out
}

.p-merchandise__five__listItem:nth-child(4) {
  -webkit-transition: opacity .6s ease-out, translate .6s ease-out;
  transition: opacity .6s ease-out, translate .6s ease-out
}

.p-merchandise__five__listItem:nth-child(5) {
  -webkit-transition: opacity .7s ease-out, translate .7s ease-out;
  transition: opacity .7s ease-out, translate .7s ease-out
}

.p-merchandise__five__listItem:nth-child(6) {
  margin-left: 0px;
  -webkit-transition: opacity .8s ease-out, translate .8s ease-out;
  transition: opacity .8s ease-out, translate .8s ease-out
}

.p-merchandise__five__listItem:nth-child(7) {
  -webkit-transition: opacity .9s ease-out, translate .9s ease-out;
  transition: opacity .9s ease-out, translate .9s ease-out
}

.p-merchandise__five__listItem:nth-child(8) {
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

.p-merchandise__five__listItem:nth-child(9) {
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

.p-merchandise__five__listItem.is_active {
  opacity: 1;
  translate: 0
}

.p-merchandise__fiveText {
  position: relative;
  font-size: 12px;
  text-align: center;
  font-weight: 900;
  color: #004098;
  margin-top: -8px;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

@media screen and (min-width: 640px) {
  .p-merchandise__fiveText {
    font-size: 14px
  }
}

.p-merchandise__fiveText::before {
  position: absolute;
  top: 44%;
  left: 50%;
  content: "";
  width: 91%;
  height: 4px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  border-bottom: 1px solid #004098;
  border-left: 1px solid #004098;
  border-right: 1px solid #004098
}

@media screen and (min-width: 640px) {
  .p-merchandise__fiveText::before {
    top: 40%;
    height: 8px
  }
}

.p-merchandise__fiveText.is_active {
  opacity: 1;
  translate: 0
}

.p-merchandise__fiveTextLabel {
  position: relative;
  display: inline-block;
  padding: .5em;
  background-color: #fff
}

.p-merchandise__fuji {
  margin: 0 auto;
  margin-top: 4px;
  max-width: 356px
}

@media screen and (min-width: 640px) {
  .p-merchandise__fuji {
    margin-top: 10px
  }
}

.p-merchandise__fuji__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.p-merchandise__fuji__listItem {
  opacity: 0;
  translate: 0% 15%;
  max-width: 130px;
  width: calc((100% - 60px)/2)
}

@media screen and (min-width: 640px) {
  .p-merchandise__fuji__listItem {
    max-width: 197px;
    width: auto
  }
}

.p-merchandise__fuji__listItem:nth-child(n+2) {
  margin-left: -16px
}

@media screen and (min-width: 640px) {
  .p-merchandise__fuji__listItem:nth-child(n+2) {
    margin-left: -34px
  }
}

.p-merchandise__fuji__listItem:nth-child(1) {
  -webkit-transition: opacity .9s ease-out, translate .9s ease-out;
  transition: opacity .9s ease-out, translate .9s ease-out
}

.p-merchandise__fuji__listItem:nth-child(2) {
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

.p-merchandise__fuji__listItem.is_active {
  opacity: 1;
  translate: 0
}

.p-merchandise__fujiText {
  margin: 0 auto;
  position: relative;
  font-size: 12px;
  text-align: center;
  font-weight: 900;
  color: #004098;
  max-width: 180px;
  margin-top: -8px;
  text-align: center;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

@media screen and (min-width: 640px) {
  .p-merchandise__fujiText {
    margin-top: -10px;
    max-width: initial;
    font-size: 14px
  }
}

.p-merchandise__fujiText::before {
  position: absolute;
  top: 44%;
  left: 50%;
  content: "";
  width: 89%;
  height: 4px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  border-bottom: 1px solid #004098;
  border-left: 1px solid #004098;
  border-right: 1px solid #004098
}

@media screen and (min-width: 375px) {
  .p-merchandise__fujiText::before {
    width: 114%
  }
}

@media screen and (min-width: 640px) {
  .p-merchandise__fujiText::before {
    top: 38%;
    height: 8px;
    width: 89%
  }
}

.p-merchandise__fujiText.is_active {
  opacity: 1;
  translate: 0
}

.p-merchandise__fujiTextLabel {
  position: relative;
  display: inline-block;
  padding: .5em;
  background-color: #fff
}

.p-merchandise__annotation {
  text-align: right;
  font-size: 12px;
  margin-right: 1em;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out;
  color: #595757
}

@media screen and (min-width: 640px) {
  .p-merchandise__annotation {
    margin-top: 8px;
    font-size: 14px
  }
}

.p-merchandise__annotation.is_active {
  opacity: 1;
  translate: 0
}

.p-merchandise__linkList {
  margin: 0 auto;
  margin-top: 4em;
  max-width: 400px;
  width: 80%;
  text-align: center
}

@media screen and (min-width: 640px) {
  .p-merchandise__linkList {
    margin-top: 6em
  }
}

.p-merchandise__linkList li p {
  font-size: 16px;
  color: #004098;
  line-height: 1.1;
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

@media screen and (min-width: 640px) {
  .p-merchandise__linkList li p {
    font-size: 28px
  }
}

.p-merchandise__linkList li p.is_active {
  opacity: 1;
  translate: 0
}

.p-merchandise__linkList li p span {
  color: #fff;
  position: relative
}

.p-merchandise__linkList li p span::before,
.p-merchandise__linkList li p span::after {
  position: absolute;
  top: 58%;
  background-color: #fff;
  width: 2px;
  height: 36px
}

@media screen and (min-width: 640px) {

  .p-merchandise__linkList li p span::before,
  .p-merchandise__linkList li p span::after {
    width: 3px;
    height: 70px
  }
}

.p-merchandise__linkList li p span::before {
  content: "";
  right: calc(100% + 13rem);
  -webkit-transform: translateY(-50%) rotate(-25deg);
  transform: translateY(-50%) rotate(-25deg)
}

.p-merchandise__linkList li p span::after {
  content: "";
  left: calc(100% + 4rem);
  -webkit-transform: translateY(-50%) rotate(25deg);
  transform: translateY(-50%) rotate(25deg)
}

.p-merchandise__linkList li p span span::before {
  display: none
}

.p-merchandise__linkList li p span span::after {
  display: none
}

.p-merchandise__linkList li a {
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out, -webkit-filter .1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out, -webkit-filter .1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out, filter .1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out, filter .1s ease-out, -webkit-filter .1s ease-out;
  border-radius: 10px;
  margin-top: 2.4rem;
  text-decoration: none
}

.p-merchandise__linkList li a:hover {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2)
}

.p-merchandise__linkList li a.is_active {
  opacity: 1;
  translate: 0
}

.p-merchandise__linkList li:nth-child(2) {
  margin-top: 10rem
}

.p-merchandise__linkList li:nth-child(2) p span::before {
  top: 58%;
  right: calc(100% + 4rem)
}

.p-merchandise__linkList li:nth-child(2) p span::after {
  top: 58%
}

.p-merchandise__linkList li:nth-child(2) a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.p-merchandise__linkList li:nth-child(2) a span {
  display: block;
  width: 100%;
  max-width: 40rem
}

.u-mainColor {
  background-color: #00009c
}

.u-hidden {
  overflow: hidden
}

.img-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.js_scrollFadeIn {
  opacity: 0;
  translate: 0% 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

.js_scrollFadeIn.is_active {
  opacity: 1;
  translate: 0
}

.js_scrollFadeInLeft::after,
.js_scrollFadeInLeft::before {
  opacity: 0;
  -webkit-transform: translateX(-15%);
  transform: translateX(-15%);
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out, -webkit-transform 1s ease-out
}

.js_scrollFadeInLeft.is_active::after,
.js_scrollFadeInLeft.is_active::before {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.js_scrollScale {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s
}

.js_scrollScale.is_active {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.p-mv {
  z-index: 2;
  position: relative;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 78, 162)), to(rgb(22, 22, 83)));
  background: linear-gradient(180deg, rgb(0, 78, 162) 0%, rgb(22, 22, 83) 100%)
}

.p-mv::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 156)), to(rgba(0, 0, 156, 0)));
  background: linear-gradient(0deg, rgb(0, 0, 156) 0%, rgba(0, 0, 156, 0) 100%)
}

.p-mv__bg {
  position: relative
}

@media screen and (min-width: 640px) {
  .p-mv__bg {
    margin-top: -5rem
  }
}

@media screen and (min-width: 1281px) {
  .p-mv__bg {
    margin-top: -9rem
  }
}

.p-mv__bg::before,
.p-mv__bg::after {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 105rem;
  background-repeat: no-repeat !important;
  background-position: top center;
  background-size: cover !important
}

.p-mv__bg::before {
  z-index: 2;
  background-image: url(../img/present/bg_confetti.png) !important;
  background-size: 140% !important
}

@media screen and (min-width: 640px) {
  .p-mv__bg::before {
    background-size: 100% !important
  }
}

@media screen and (min-width: 1281px) {
  .p-mv__bg::before {
    background-position: top
  }
}

.p-mv__title {
  padding: 2em 0 1em
}

@media screen and (min-width: 640px) {
  .p-mv__title {
    padding: 2.5em 0 1em
  }
}

.p-mv__title h2 {
  text-align: right;
  opacity: 0;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
  -webkit-transform: scale(0.8);
  transform: scale(0.8)
}

.p-mv__title h2.is_active {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.p-mv__title h2 .text {
  display: block;
  margin-top: .5em;
  font-size: 12px;
  color: #fff;
  font-weight: 500
}

@media screen and (min-width: 640px) {
  .p-mv__title h2 .text {
    margin-right: 2em
  }
}

.p-mv__mainImage {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.p-mv__mainImage__img {
  max-width: 126rem;
  position: relative
}

.p-mv__mainImage__img--campaignStar::before,
.p-mv__mainImage__img--campaignStar::after {
  content: "";
  position: absolute;
  display: block;
  background-image: url(../img/mv/star.png);
  background-size: contain;
  z-index: 2
}

.p-mv__mainImage__img--campaignStar::before {
  width: 12.6rem;
  height: 18.5rem;
  top: -4.8rem;
  left: -3rem
}

.p-mv__mainImage__img--campaignStar::after {
  width: 6.3rem;
  height: 8.7rem;
  top: -4rem;
  right: 5rem
}

@media screen and (min-width: 640px) {
  .p-mv__mainImage__img--campaignStar::before {
    left: 5%
  }

  .p-mv__mainImage__img--campaignStar::after {
    height: 9.6rem;
    right: 10%
  }
}

@media screen and (min-width: 1281px) {
  .p-mv__mainImage__img--campaignStar::before {
    left: 30rem
  }

  .p-mv__mainImage__img--campaignStar::after {
    height: 9.6rem;
    right: 37rem
  }
}

.p-mv__mainImage__img--campaignTitle02 {
  max-width: 60rem
}

.p-mv__mainImage__img--campaignTitle03 {
  max-width: 56rem;
  margin: 0 auto
}

.p-mv__mainImage__img--campaignInner {
  width: 100%;
  overflow: hidden
}

.p-mv__mainImage__img--campaignInner img {
  position: relative;
  width: 126rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  top: 0;
  max-width: none
}

.p-mv__mainImage__img--campaignTitle {
  position: relative;
  z-index: 2;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%
}

.p-mv__mainImage__img--campaignTitle::after,
.p-mv__mainImage__img--campaignTitle::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/mv/decoration.png);
  background-size: contain;
  background-repeat: no-repeat
}

.p-mv__mainImage__img--campaignTitle::before {
  width: 13rem;
  height: 7.5rem;
  top: -5rem;
  left: 0;
  z-index: -1
}

.p-mv__mainImage__img--campaignTitle.js_scrollFadeInLeft::before {
  opacity: 0;
  -webkit-transform: translateX(-15%);
  transform: translateX(-15%);
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out, -webkit-transform 1s ease-out
}

.p-mv__mainImage__img--campaignTitle.js_scrollFadeInLeft.is_active::before {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.p-mv__mainImage__img--campaignTitle::after {
  width: 8rem;
  height: 4.7rem;
  top: -2rem;
  right: 0
}

@media screen and (min-width: 640px) {
  .p-mv__mainImage__img--campaignTitle::before {
    left: 15%
  }

  .p-mv__mainImage__img--campaignTitle::after {
    right: 15%
  }
}

@media screen and (min-width: 1281px) {
  .p-mv__mainImage__img--campaignTitle::before {
    left: 31rem
  }

  .p-mv__mainImage__img--campaignTitle::after {
    right: 30rem
  }
}

.p-mv__mainImage__img--absolute {
  position: absolute;
  top: 0;
  left: 50%;
  opacity: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out
}

.p-mv__mainImage__img--absolute.is_active {
  opacity: 1;
  translate: 0
}

.p-mv__mainImage__img--confetti {
  translate: 0 -15%
}

.p-mv__mainImage__img--sonic {
  width: 823px;
  height: 100%;
  margin: 0 auto
}

.p-mv__mainImage__img--logo {
  -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
  transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
  transition: opacity .3s ease-out, transform .3s ease-out;
  transition: opacity .3s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}

.p-mv__mainImage__img--logo.is_active {
  width: 25rem;
  opacity: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 2rem
}

.p-mv__mainImage__bg {
  width: 100%;
  height: 100%;
  background-position: center;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/mv/mv_pg_ptn.png);
  background-size: 24px auto;
  z-index: -1
}

.p-mv__mainImage__bg.is_active {
  opacity: 1;
  translate: 0
}

.p-mv__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.p-mv__content__bg {
  position: relative;
  width: calc((100% - 640px)/2)
}

.p-mv__content__bg--left {
  background-image: url(../img/mv/bg_period.png), url(../img/mv/bg_period_wall.png);
  background-position: -2px 0, 0px 190px;
  background-repeat: repeat-x;
  background-size: 322px 66px, 352px 178px
}

.p-mv__content__bg--right {
  background-image: url(../img/mv/bg_period.png), url(../img/mv/bg_period_wall.png);
  background-position: -4px 0, 0px 190px;
  background-repeat: repeat-x;
  background-size: 322px 66px, 352px 178px
}

.p-mv__content__bg::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 14px;
  background-color: #898989
}

.p-mv__content__period {
  position: relative;
  padding: 8.5vw 0 10.8vw;
  background-image: url(../img/mv/sp/img_period.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

@media screen and (min-width: 640px) {
  .p-mv__content__period {
    width: 640px;
    padding: 3em 0 0;
    background-size: cover;
    min-height: 380px;
    background-image: url(../img/mv/img_period.png)
  }
}

.p-mv__content__period::before {
  z-index: 1
}

@media screen and (min-width: 640px) {
  .p-mv__content__period::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    width: 640px;
    height: 38px;
    background-image: url(../img/mv/img_period_roof.png);
    background-repeat: no-repeat;
    background-size: contain
  }
}

@media screen and (min-width: 700px) {
  .p-mv__content__period::before {
    width: 667px
  }
}

.p-mv__content__period__inner {
  width: 87%;
  margin: 0 auto
}

@media screen and (min-width: 640px) {
  .p-mv__content__period__inner {
    max-width: 570px
  }
}

.p-mv__content__periodTitle {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  font-weight: 900;
  font-size: 13px
}

@media screen and (min-width: 375px) {
  .p-mv__content__periodTitle {
    font-size: 3.471vw
  }
}

@media screen and (min-width: 640px) {
  .p-mv__content__periodTitle {
    font-size: 20px
  }
}

.p-mv__content__periodTitle::before {
  content: "";
  position: absolute;
  top: 48%;
  left: -1.2em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 12px;
  height: 12px;
  background-image: url(../img/mv/img_period_dart.png);
  background-repeat: no-repeat;
  background-size: contain
}

@media screen and (min-width: 375px) {
  .p-mv__content__periodTitle::before {
    width: 3.204vw;
    height: 3.204vw
  }
}

@media screen and (min-width: 640px) {
  .p-mv__content__periodTitle::before {
    top: 50%;
    left: -1.1em;
    width: 18px;
    height: 18px
  }
}

.p-mv__content__periodTitle::after {
  content: "";
  position: absolute;
  top: 48%;
  right: -1.4em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 12px;
  height: 12px;
  background-image: url(../img/mv/img_period_dart.png);
  background-repeat: no-repeat;
  background-size: contain
}

@media screen and (min-width: 375px) {
  .p-mv__content__periodTitle::after {
    width: 3.204vw;
    height: 3.204vw
  }
}

@media screen and (min-width: 640px) {
  .p-mv__content__periodTitle::after {
    top: 50%;
    right: -1.2em;
    width: 18px;
    height: 18px
  }
}

.p-mv__content__periodText {
  margin-top: -0.1em;
  text-align: center;
  font-size: 18px;
  font-weight: 900;
  line-height: 1
}

@media screen and (min-width: 375px) {
  .p-mv__content__periodText {
    font-size: 4.806vw
  }
}

@media screen and (min-width: 640px) {
  .p-mv__content__periodText {
    margin-top: 0;
    font-size: 20px
  }
}

.p-mv__content__periodText .date .number {
  font-size: 19px;
  letter-spacing: -0.1em
}

@media screen and (min-width: 375px) {
  .p-mv__content__periodText .date .number {
    font-size: 5.073vw
  }
}

@media screen and (min-width: 640px) {
  .p-mv__content__periodText .date .number {
    font-size: 28px
  }
}

.p-mv__content__periodText .date .day {
  position: relative;
  top: -0.05em;
  margin-left: .2em;
  font-size: 13px
}

@media screen and (min-width: 375px) {
  .p-mv__content__periodText .date .day {
    font-size: 3.471vw
  }
}

@media screen and (min-width: 640px) {
  .p-mv__content__periodText .date .day {
    font-size: 26px
  }
}

.p-mv__content__periodText .week {
  position: relative;
  top: -0.3em;
  font-size: 12px;
  color: #fff
}

@media screen and (min-width: 375px) {
  .p-mv__content__periodText .week {
    font-size: 3.204vw
  }
}

@media screen and (min-width: 640px) {
  .p-mv__content__periodText .week {
    font-size: 14px
  }
}

.p-mv__content__periodText .week::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 50%;
  left: 40%;
  width: 19px;
  height: 19px;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 100px
}

@media screen and (min-width: 375px) {
  .p-mv__content__periodText .week::before {
    width: 5.073vw;
    height: 5.073vw;
    border-radius: 26.7vw
  }
}

@media screen and (min-width: 640px) {
  .p-mv__content__periodText .week::before {
    top: 51%;
    width: 22px;
    height: 22px
  }
}

.p-mv__content__periodText .time {
  position: relative;
  top: -0.1em;
  margin-left: .1em;
  font-size: 14px;
  letter-spacing: -0.1em
}

@media screen and (min-width: 375px) {
  .p-mv__content__periodText .time {
    font-size: 3.738vw
  }
}

@media screen and (min-width: 640px) {
  .p-mv__content__periodText .time {
    top: 0em;
    font-size: 26px
  }
}

.p-mv__content__periodText__start {
  position: relative;
  margin-right: 1em
}

@media screen and (min-width: 640px) {
  .p-mv__content__periodText__start {
    margin-right: 2em
  }
}

.p-mv__content__periodText__start::after {
  content: "";
  position: absolute;
  top: 52%;
  right: -0.8em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 9px;
  height: 10px;
  background-image: url(../img/mv/arrow.png);
  background-size: contain;
  background-repeat: no-repeat
}

@media screen and (min-width: 375px) {
  .p-mv__content__periodText__start::after {
    width: 2.403vw;
    height: 2.67vw
  }
}

@media screen and (min-width: 640px) {
  .p-mv__content__periodText__start::after {
    top: 38%;
    right: -1.4em;
    width: 16px;
    height: 18px
  }
}

.p-mv__content__period__speech {
  padding: 0em 0 .3em;
  position: relative;
  text-align: center;
  background-color: #fff;
  border-radius: 6px;
  -webkit-filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, 0.6));
  filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, 0.6));
  opacity: 0;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
  -webkit-transform: scale(0.8);
  transform: scale(0.8)
}

@media screen and (min-width: 375px) {
  .p-mv__content__period__speech {
    border-radius: 1.602vw;
    -webkit-filter: drop-shadow(0vw 1.335vw 1.068vw rgba(0, 0, 0, 0.6));
    filter: drop-shadow(0vw 1.335vw 1.068vw rgba(0, 0, 0, 0.6))
  }
}

@media screen and (min-width: 640px) {
  .p-mv__content__period__speech {
    padding: .2em 0 .5em;
    -webkit-filter: drop-shadow(0px 6px 8px rgba(0, 0, 0, 0.8));
    filter: drop-shadow(0px 6px 8px rgba(0, 0, 0, 0.8));
    border-radius: 10px
  }
}

.p-mv__content__period__speech.is_active {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.p-mv__content__period__speech::after {
  position: absolute;
  bottom: -22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
  display: block;
  padding: .3em 0 .7em 0;
  width: 0;
  height: 0;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-top: 9px solid #fff
}

@media screen and (min-width: 375px) {
  .p-mv__content__period__speech::after {
    bottom: -5.874vw;
    border-left: 1.602vw solid rgba(0, 0, 0, 0);
    border-right: 1.602vw solid rgba(0, 0, 0, 0);
    border-top: 2.403vw solid #fff
  }
}

@media screen and (min-width: 480px) {
  .p-mv__content__period__speech::after {
    bottom: -28px
  }
}

@media screen and (min-width: 640px) {
  .p-mv__content__period__speech::after {
    bottom: -32px;
    border-left: 12px solid rgba(0, 0, 0, 0);
    border-right: 12px solid rgba(0, 0, 0, 0);
    border-top: 18px solid #fff
  }
}

.p-mv__content__periodPresent {
  margin: 0 auto;
  margin-top: 16px;
  opacity: 0;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
  -webkit-transform: scale(0.8);
  transform: scale(0.8)
}

@media screen and (min-width: 375px) {
  .p-mv__content__periodPresent {
    margin-top: 4.272vw
  }
}

@media screen and (min-width: 640px) {
  .p-mv__content__periodPresent {
    margin-top: 1.5em
  }
}

.p-mv__content__periodPresent.is_active {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.p-nav {
  padding: 1em 0 1.5em
}

@media screen and (min-width: 640px) {
  .p-nav {
    padding: 1.5em 0 2em
  }
}

.p-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: .8em;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto
}

@media screen and (min-width: 640px) {
  .p-nav__list {
    gap: 1.3em
  }
}

.p-nav__listItemText {
  position: relative;
  font-size: 10px;
  text-align: center;
  border-radius: 100px
}

.p-nav__listItem a {
  position: relative;
  margin-top: .3em;
  -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5))
}

@media screen and (min-width: 640px) {
  .p-nav__listItem a {
    -webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.5))
  }
}

.p-addNotice--base {
  margin-top: 1rem
}

.p-addNotice__title {
  text-align: center;
  font-weight: bold !important;
  line-height: 1.5;
  font-size: 18px
}

@media screen and (min-width: 640px) {
  .p-addNotice__title {
    font-size: 24px
  }
}

.p-addNotice__text {
  margin-top: 1em
}

.u-noto {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500
}

.u-mt0 {
  margin-top: 0
}

.u-mt05 {
  margin-top: .5em
}

.u-mt1 {
  margin-top: 1em
}

.u-mt2 {
  margin-top: 2em
}

.u-mt3 {
  margin-top: 3em
}

.u-mt4 {
  margin-top: 4em
}

.u-mt5 {
  margin-top: 5em
}

.u-mb0 {
  margin-bottom: 0
}

.u-mb1 {
  margin-bottom: 1em
}

.u-mb2 {
  margin-bottom: 2em
}

.u-mb3 {
  margin-bottom: 3em
}

.u-mb4 {
  margin-bottom: 4em
}

.u-mb5 {
  margin-bottom: 5em
}

.u-pr1 {
  padding-right: 1em
}

.u-pl1 {
  padding-left: 1em
}

.u-dib,
.dib {
  display: inline-block
}

.u-db {
  display: block
}

.u-tac,
.tac {
  text-align: center
}

.u-smonly {
  display: block
}

@media screen and (min-width: 480px) {
  .u-smonly {
    display: none
  }
}

.u-sponly {
  display: inline
}

@media screen and (min-width: 768px) {
  .u-sponly {
    display: none
  }
}

.u-pconly {
  display: none
}

@media screen and (min-width: 768px) {
  .u-pconly {
    display: inline
  }
}

.u-fwb,
.fwb {
  font-weight: bold
}

.u-tar,
.tar {
  text-align: right
}

.u-tal,
.tal {
  -moz-text-align-last: left;
  text-align-last: left
}

.u-fzl,
.fzl {
  font-size: 1.1em
}

.u-underLine {
  text-decoration: underline
}

.u-color--red {
  color: #e60012
}

.u-bigFont--120 {
  font-size: 120%
}

.u-bigFont--130 {
  font-size: 130%
}

.u-circleList__sub li::before {
  content: "●";
  display: inline-block;
  text-indent: 0
}

.u-indent li {
  text-indent: -1em;
  padding-left: 1em
}

.u-indent li span,
.u-indent li a {
  text-indent: 0em
}

.u-tableHint {
  overflow-y: clip !important
}

.u-tableHint tr {
  white-space: nowrap
}

.u-fw900 {
  font-weight: 900
}

.u-order--01 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

@media screen and (min-width: 768px) {
  .u-order--01 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

.u-order--02 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}

@media screen and (min-width: 768px) {
  .u-order--02 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}

.u-order--03 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

@media screen and (min-width: 768px) {
  .u-order--03 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }
}

.u-mPlus {
  -webkit-transform: rotateZ(0.03deg);
  transform: rotateZ(0.03deg);
  font-family: "M PLUS Rounded 1c", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", sans-serif;
  font-weight: 700
}

.u-mPlus--bold {
  font-weight: 900
}

.u-boxShadow {
  -webkit-box-shadow: 8px 9px 16px rgba(226, 226, 226, .8);
  box-shadow: 8px 9px 16px rgba(226, 226, 226, .8)
}

@media screen and (min-width: 768px) {
  .u-boxShadow {
    -webkit-box-shadow: 10px 10px 4px rgba(155, 155, 155, .1);
    box-shadow: 10px 10px 4px rgba(155, 155, 155, .1)
  }
}

.u-ls-001em {
  letter-spacing: -0.01em
}

.u-ls-01em {
  letter-spacing: -0.1em
}

.u-ls-02em {
  letter-spacing: -0.2em
}

.u-ls-03em {
  letter-spacing: -0.3em
}

.u-ls-04em {
  letter-spacing: -0.4em
}

.u-ls-05em {
  letter-spacing: -0.5em
}

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