html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
img,
video {
  font-size: 0;
  line-height: 0;
}
body {
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}
body * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body img {
  width: 100%;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .u-is-pc {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .u-is-sp {
    display: none !important;
  }
}
.u-img-wrap {
  font-size: 0;
  line-height: 0;
}
@media screen and (min-width: 769px) {
  .u-hover-scale {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s cubic-bezier(0.17, 0.67, 0.87, 1.72);
    transition: all 0.2s cubic-bezier(0.17, 0.67, 0.87, 1.72);
  }
  .u-hover-scale:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.2s cubic-bezier(0, 0.76, 0.81, 1.47);
    transition: all 0.2s cubic-bezier(0, 0.76, 0.81, 1.47);
  }
}
.u-color--dogenzaka {
  color: #000;
  background-color: #f9be00;
}
.u-color--yao {
  color: #fff;
  background-color: #008000;
}
[data-module="CharAction"] {
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0, 0.76, 0.81, 1.47);
  transition: -webkit-transform 0.2s cubic-bezier(0, 0.76, 0.81, 1.47);
  transition: transform 0.2s cubic-bezier(0, 0.76, 0.81, 1.47);
  transition: transform 0.2s cubic-bezier(0, 0.76, 0.81, 1.47), -webkit-transform 0.2s cubic-bezier(0, 0.76, 0.81, 1.47);
}
[data-module="CharAction"][data-char-action="scale"].active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
[data-module="CharAction"][data-char-action="up"].active {
  -webkit-transform: translate(0, -10%);
  transform: translate(0, -10%);
}
[data-module="CharAction"][data-char-action="left"].active {
  -webkit-transform: translate(-10%, 0);
  transform: translate(-10%, 0);
}
.b-footer {
  background-color: #000;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .b-footer {
    padding: 1.25vw 0 1.180555555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .b-footer {
    padding: 5.333333333333334vw 2.666666666666667vw;
  }
}
.b-footer .footer__copyright {
  color: #fff;
  font-style: normal;
}
@media screen and (min-width: 769px) {
  .b-footer .footer__copyright {
    font-size: 0.694444444444444vw;
    letter-spacing: -0.009em;
  }
}
@media screen and (max-width: 768px) {
  .b-footer .footer__copyright {
    font-size: 2.666666666666667vw;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
}
.c-btn-link {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  background-color: #f00;
  border: none;
}
@media screen and (min-width: 769px) {
  .c-btn-link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 1.666666666666667vw 5.555555555555555vw;
    border-radius: 8.333333333333332vw;
  }
}
@media screen and (max-width: 768px) {
  .c-btn-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 4.986666666666666vw;
    padding-bottom: 4.933333333333334vw;
    border-radius: 32vw;
  }
}
.c-btn-link {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  background-color: #f00;
  border: none;
}
@media screen and (min-width: 769px) {
  .c-btn-link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 1.666666666666667vw 5.555555555555555vw;
    border-radius: 8.333333333333332vw;
  }
}
@media screen and (max-width: 768px) {
  .c-btn-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 4.986666666666666vw;
    padding-bottom: 4.933333333333334vw;
    border-radius: 32vw;
  }
}
.b-footer {
  background-color: #000;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .b-footer {
    padding: 1.25vw 0 1.180555555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .b-footer {
    padding: 5.333333333333334vw 2.666666666666667vw;
  }
}
.b-footer .footer__copyright {
  color: #fff;
  font-style: normal;
}
@media screen and (min-width: 769px) {
  .b-footer .footer__copyright {
    font-size: 0.694444444444444vw;
    letter-spacing: -0.009em;
  }
}
@media screen and (max-width: 768px) {
  .b-footer .footer__copyright {
    font-size: 2.666666666666667vw;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
}
.m-modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  overflow: scroll;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 9999;
  pointer-events: none;
}
.m-modal[aria-hidden="false"] {
  opacity: 1;
  pointer-events: auto;
}
.m-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.8;
  z-index: 1;
}
.m-modal__wrapper {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  .m-modal__wrapper {
    margin: 14.48611111111111vw 4.166666666666666vw 13.4375vw;
  }
}
@media screen and (max-width: 768px) {
  .m-modal__wrapper {
    margin: 13.333333333333334vw 7.199999999999999vw 10.906666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .m-modal__content {
    border-radius: 2.777777777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .m-modal__content {
    border-radius: 5.333333333333334vw;
  }
}
.m-modal__btn-close--mark {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  mix-blend-mode: difference;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .m-modal__btn-close--mark {
    top: 2.222222222222222vw;
    right: 2.222222222222222vw;
    height: 3.75vw;
    width: 3.75vw;
  }
}
@media screen and (max-width: 768px) {
  .m-modal__btn-close--mark {
    top: 4.8vw;
    right: 4.266666666666667vw;
    height: 7.199999999999999vw;
    width: 7.199999999999999vw;
  }
}
.m-modal__btn-close--mark::before,
.m-modal__btn-close--mark::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #000;
}
@media screen and (min-width: 769px) {
  .m-modal__btn-close--mark::before,
  .m-modal__btn-close--mark::after {
    height: 1.988888888888889vw;
    width: 0.208333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .m-modal__btn-close--mark::before,
  .m-modal__btn-close--mark::after {
    height: 3.770666666666667vw;
    width: 0.8vw;
  }
}
.m-modal__btn-close--mark::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.m-modal__btn-close--mark::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.m-modal__btn-close--txt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  border: none;
  mix-blend-mode: difference;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .m-modal__btn-close--txt {
    padding: 1.666666666666667vw 5.555555555555555vw;
    border-radius: 8.333333333333332vw;
  }
}
@media screen and (max-width: 768px) {
  .m-modal__btn-close--txt {
    padding: 4.266666666666667vw 10.666666666666668vw;
    border-radius: 32vw;
  }
}
@media screen and (min-width: 769px) {
  .m-modal__btn-close--txt figure {
    width: 4.740277777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .m-modal__btn-close--txt figure {
    width: 12.133333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .campaign {
    padding: 11.11111111111111vw 4.166666666666666vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign {
    padding: 17.066666666666666vw 2.666666666666667vw;
  }
}
.campaign__ttl {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .campaign__ttl {
    width: 53.174305555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign__ttl {
    width: 83.31466666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .campaign__opening {
    margin-top: 8.333333333333332vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign__opening {
    margin-top: 10.666666666666668vw;
  }
}
@media screen and (min-width: 769px) {
  .campaign__opening__info {
    margin-top: 4.444444444444445vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign__opening__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 6.4vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (min-width: 769px) {
  .campaign__opening__info__char {
    width: 25.0125vw;
    margin-top: 1.736111111111111vw;
    margin-left: 11.583333333333334vw;
    float: left;
  }
}
@media screen and (max-width: 768px) {
  .campaign__opening__info__char {
    width: 33.01866666666666vw;
    margin-top: 8.533333333333333vw;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}
.campaign__opening__info__stmt {
  font-weight: 900;
}
@media screen and (min-width: 769px) {
  .campaign__opening__info__stmt {
    width: 44.79166666666667vw;
    margin-left: auto;
    font-size: 1.666666666666667vw;
    line-height: 1.666666666666667;
    letter-spacing: -0.009em;
  }
}
@media screen and (max-width: 768px) {
  .campaign__opening__info__stmt {
    font-size: 3.733333333333334vw;
    line-height: 1.857142857142857;
    letter-spacing: -0.021em;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.campaign__opening__info__present {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .campaign__opening__info__present {
    width: 44.79166666666667vw;
    margin-top: 3.333333333333333vw;
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .campaign__opening__info__present {
    margin-top: 8.533333333333333vw;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
}
.campaign__opening__info__present__itm {
  position: relative;
}
@media screen and (min-width: 769px) {
  .campaign__opening__info__present__itm {
    width: 20.322222222222223vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign__opening__info__present__itm {
    width: 42.66666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .campaign__opening__info__present__itm:nth-child(1) .campaign__opening__info__present__itm__fig__note {
    width: 19.639583333333334vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign__opening__info__present__itm:nth-child(1) .campaign__opening__info__present__itm__fig__note {
    width: 41.544vw;
  }
}
.campaign__opening__info__present__itm:nth-child(2) .campaign__opening__info__present__itm__fig__ttl {
  pointer-events: none;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .campaign__opening__info__present__itm:nth-child(2) .campaign__opening__info__present__itm__fig__note {
    width: 18.618750000000002vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign__opening__info__present__itm:nth-child(2) .campaign__opening__info__present__itm__fig__note {
    width: 39.384vw;
  }
}
.campaign__opening__info__present__itm__fig__ttl {
  position: relative;
}
@media screen and (min-width: 769px) {
  .campaign__opening__info__present__itm__fig__note {
    margin-top: 1.388888888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign__opening__info__present__itm__fig__note {
    margin-top: 4.266666666666667vw;
  }
}
.campaign__opening__info__present__itm__fig__char {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .campaign__opening__info__present__itm__fig__char {
    top: 11.020833333333332vw;
    left: -1.770833333333333vw;
    width: 7.157638888888888vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign__opening__info__present__itm__fig__char {
    top: 23.12vw;
    left: -4.64vw;
    width: 15.136vw;
  }
}
.campaign__opening__period {
  background-color: #ebebeb;
}
@media screen and (min-width: 769px) {
  .campaign__opening__period {
    margin-top: 4.444444444444445vw;
    padding: 3.333333333333333vw 3.75vw;
    border-radius: 1.388888888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign__opening__period {
    margin-top: 10.666666666666668vw;
    padding: 8.533333333333333vw 6.133333333333333vw 6.933333333333333vw;
    border-radius: 4.266666666666667vw;
  }
}
.campaign__opening__period__ttl {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .campaign__opening__period__ttl {
    width: 21.135416666666668vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign__opening__period__ttl {
    width: 45.65333333333333vw;
  }
}
.campaign__opening__period__stmt {
  font-weight: 900;
}
@media screen and (min-width: 769px) {
  .campaign__opening__period__stmt {
    margin-top: 2.222222222222222vw;
    font-size: 1.597222222222222vw;
    line-height: 1.739130434782609;
    letter-spacing: -0.009em;
    white-space: nowrap;
  }
}
@media screen and (max-width: 768px) {
  .campaign__opening__period__stmt {
    margin-top: 5.333333333333334vw;
    font-size: 3.733333333333334vw;
    line-height: 1.857142857142857;
    letter-spacing: -0.02em;
  }
}
.campaign__hidden-char {
  color: #fff;
  background-color: #000;
  background-image: url("/domise/assets/img/front_page/campaign/img-hidden-char-bg-01.png");
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .campaign__hidden-char {
    position: relative;
    margin-top: 6.666666666666667vw;
    padding: 3.993055555555555vw 2.805555555555555vw 3.541666666666667vw 6.118055555555555vw;
    background-position: bottom -4.027777777777778vw right -0.555555555555556vw;
    background-size: 51.71875vw 48.95833333333333vw;
    border-radius: 1.388888888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign__hidden-char {
    margin-top: 12.8vw;
    padding: 8.533333333333333vw 4.373333333333333vw 9.28vw 5.946666666666667vw;
    background-position: bottom -6.800000000000001vw right -2.32vw;
    background-size: 73.2vw 71.2vw;
    border-radius: 4.266666666666667vw;
  }
}
.campaign__hidden-char__ttl {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .campaign__hidden-char__ttl {
    width: 58.56944444444444vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign__hidden-char__ttl {
    width: 79.36533333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .campaign__hidden-char__stmt {
    margin-top: 3.944444444444444vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign__hidden-char__stmt {
    margin-top: 8.533333333333333vw;
  }
}
.campaign__hidden-char__stmt__txt {
  font-weight: 900;
}
@media screen and (min-width: 769px) {
  .campaign__hidden-char__stmt__txt {
    font-size: 1.388888888888889vw;
    line-height: 1.6;
    letter-spacing: -0.032;
  }
}
@media screen and (max-width: 768px) {
  .campaign__hidden-char__stmt__txt {
    margin-top: 8.533333333333333vw;
    font-size: 3.733333333333334vw;
    line-height: 1.857142857142857;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 769px) {
  .campaign__hidden-char__stmt__fig {
    width: 40.299305555555556vw;
    margin-top: 1.097222222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign__hidden-char__stmt__fig {
    margin-top: 4.8vw;
  }
}
.campaign__hidden-char__note {
  font-weight: 900;
}
@media screen and (min-width: 769px) {
  .campaign__hidden-char__note {
    width: 42.083333333333336vw;
    margin-top: 3.388888888888888vw;
    font-size: 0.833333333333333vw;
    line-height: 1.333333333333333;
    letter-spacing: -0.032;
  }
}
@media screen and (max-width: 768px) {
  .campaign__hidden-char__note {
    margin-top: 3.2vw;
    font-size: 2.666666666666667vw;
    line-height: 1.6;
    letter-spacing: -0.02;
  }
}
.campaign__hidden-char__game {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media screen and (min-width: 769px) {
  .campaign__hidden-char__game {
    position: absolute;
    bottom: 3.541666666666667vw;
    right: 2.805555555555555vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign__hidden-char__game {
    margin-top: 6.933333333333333vw;
  }
}
.campaign__hidden-char__game__stmt__txt {
  font-weight: 900;
  letter-spacing: -0.032;
}
@media screen and (min-width: 769px) {
  .campaign__hidden-char__game__stmt__txt {
    font-size: 1.388888888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign__hidden-char__game__stmt__txt {
    font-size: 3.2vw;
  }
}
.campaign__hidden-char__game__stmt__pic {
  display: block;
}
@media screen and (min-width: 769px) {
  .campaign__hidden-char__game__stmt__pic {
    width: 18.575694444444444vw;
    margin-top: 1.604166666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign__hidden-char__game__stmt__pic {
    width: 53.49866666666667vw;
    margin-top: 1.813333333333333vw;
  }
}
.campaign__hidden-char__game__btn {
  background-color: rgba(255,255,255,0);
  border: none;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .campaign__hidden-char__game__btn {
    width: 10.456249999999999vw;
    margin-left: 0.611111111111111vw;
  }
}
@media screen and (max-width: 768px) {
  .campaign__hidden-char__game__btn {
    width: 27.858666666666664vw;
    margin-left: 2.986666666666667vw;
  }
}
.corner {
  background-color: #f9be00;
}
@media screen and (min-width: 769px) {
  .corner {
    padding: 9.270833333333334vw 0 12.5vw;
  }
}
@media screen and (max-width: 768px) {
  .corner {
    padding: 12.453333333333335vw 0 19.013333333333332vw;
  }
}
.corner__ttl {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .corner__ttl {
    width: 49.24930555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .corner__ttl {
    width: 77.184vw;
  }
}
@media screen and (min-width: 769px) {
  .corner__list {
    margin-top: 4.166666666666666vw;
  }
}
@media screen and (max-width: 768px) {
  .corner__list {
    margin-top: 3.466666666666666vw;
  }
}
.corner__list__itm {
  position: relative;
}
@media screen and (min-width: 769px) {
  .corner__list__itm:nth-child(1) .corner__list__itm__lottie {
    height: 62.5vw;
  }
}
@media screen and (max-width: 768px) {
  .corner__list__itm:nth-child(1) .corner__list__itm__lottie {
    height: 69.33333333333334vw;
  }
}
.corner__list__itm:nth-child(1) .corner__list__itm__lottie svg {
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .corner__list__itm:nth-child(2) .corner__list__itm__lottie {
    height: 62.5vw;
  }
}
@media screen and (max-width: 768px) {
  .corner__list__itm:nth-child(2) .corner__list__itm__lottie {
    height: 114.624vw;
  }
}
@media screen and (min-width: 769px) {
  .corner__list__itm:nth-child(3) .corner__list__itm__lottie {
    height: 63.237500000000004vw;
  }
}
@media screen and (max-width: 768px) {
  .corner__list__itm:nth-child(3) .corner__list__itm__lottie {
    height: 93.60000000000001vw;
  }
}
@media screen and (min-width: 769px) {
  .corner__list__itm:nth-child(4) .corner__list__itm__lottie {
    height: 63.172916666666666vw;
  }
}
@media screen and (max-width: 768px) {
  .corner__list__itm:nth-child(4) .corner__list__itm__lottie {
    height: 114.66666666666667vw;
  }
}
.corner__list__itm__char {
  position: absolute;
  overflow: hidden;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .corner__list__itm__char {
    bottom: 5.902777777777778vw;
    width: 4.1875vw;
  }
}
@media screen and (max-width: 768px) {
  .corner__list__itm__char {
    left: 0.266666666666667vw;
    bottom: 4vw;
    width: 6.933333333333333vw;
    padding-left: 0.266666666666667vw;
    visibility: hidden;
    z-index: 0;
  }
}
@media screen and (min-width: 769px) {
  .corner__list__itm__char.is-show .corner__list__itm__char__img {
    left: 1.055555555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .corner__list__itm__char.is-show .corner__list__itm__char__img {
    left: 0;
    bottom: 0;
    visibility: visible;
  }
}
.corner__list__itm__char__img {
  position: relative;
  -webkit-transition: left 0.5s ease, bottom 0.5s ease, -webkit-transform 0.2s cubic-bezier(0, 0.76, 0.81, 1.47);
  transition: left 0.5s ease, bottom 0.5s ease, -webkit-transform 0.2s cubic-bezier(0, 0.76, 0.81, 1.47);
  transition: left 0.5s ease, bottom 0.5s ease, transform 0.2s cubic-bezier(0, 0.76, 0.81, 1.47);
  transition: left 0.5s ease, bottom 0.5s ease, transform 0.2s cubic-bezier(0, 0.76, 0.81, 1.47), -webkit-transform 0.2s cubic-bezier(0, 0.76, 0.81, 1.47);
}
@media screen and (min-width: 769px) {
  .corner__list__itm__char__img {
    left: 4.1875vw;
    width: 7.361111111111112vw;
  }
}
@media screen and (max-width: 768px) {
  .corner__list__itm__char__img {
    left: 2.4vw;
    bottom: 3.466666666666666vw;
    width: 6.208vw;
  }
}
@media screen and (min-width: 769px) {
  .intro {
    padding: 11.11111111111111vw 4.166666666666666vw 11.506944444444443vw;
  }
}
@media screen and (max-width: 768px) {
  .intro {
    padding: 17.066666666666666vw 2.666666666666667vw 17.36vw;
  }
}
.intro__ttl {
  position: relative;
}
@media screen and (min-width: 769px) {
  .intro__ttl {
    margin-top: 4.243055555555555vw;
    padding-top: 4.555555555555555vw;
  }
}
@media screen and (max-width: 768px) {
  .intro__ttl {
    margin-top: 5.333333333333334vw;
    padding-top: 5.626666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .intro__ttl__txt {
    width: 34.86944444444445vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .intro__ttl__txt {
    width: 44.218666666666664vw;
    margin-left: 24.133333333333333vw;
  }
}
.intro__ttl__char01 {
  position: absolute;
  top: 0;
  -webkit-transform: rotate(-17deg);
  transform: rotate(-17deg);
}
@media screen and (min-width: 769px) {
  .intro__ttl__char01 {
    left: 8.291666666666666vw;
    width: 18.582638888888887vw;
  }
}
@media screen and (max-width: 768px) {
  .intro__ttl__char01 {
    left: -1.386666666666667vw;
    width: 23.565333333333335vw;
  }
}
.intro__ttl__char02 {
  position: absolute;
}
@media screen and (min-width: 769px) {
  .intro__ttl__char02 {
    top: 5.666666666666666vw;
    right: 7.638888888888889vw;
    width: 18.958333333333332vw;
  }
}
@media screen and (max-width: 768px) {
  .intro__ttl__char02 {
    top: 7.039999999999999vw;
    right: 0;
    width: 24.042666666666666vw;
  }
}
.intro__stmt__list__itm {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .intro__stmt__list__itm:not(:first-child) {
    margin-top: 5.555555555555555vw;
  }
}
@media screen and (max-width: 768px) {
  .intro__stmt__list__itm:not(:first-child) {
    margin-top: 10.666666666666668vw;
  }
}
@media screen and (min-width: 769px) {
  .intro__stmt__list__itm:nth-child(1) {
    width: 69.05vw;
  }
}
@media screen and (max-width: 768px) {
  .intro__stmt__list__itm:nth-child(1) {
    width: 86.17333333333332vw;
  }
}
@media screen and (min-width: 769px) {
  .intro__stmt__list__itm:nth-child(2) {
    width: 64.23055555555555vw;
  }
}
@media screen and (max-width: 768px) {
  .intro__stmt__list__itm:nth-child(2) {
    width: 75.61333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .intro__stmt__list__itm:nth-child(3) {
    width: 82.825vw;
  }
}
@media screen and (max-width: 768px) {
  .intro__stmt__list__itm:nth-child(3) {
    width: 83.2vw;
  }
}
@media screen and (min-width: 769px) {
  .intro__stmt__list__itm:nth-child(4) {
    width: 47.84722222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .intro__stmt__list__itm:nth-child(4) {
    width: 84.69333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .intro__image {
    width: 71.94444444444444vw;
    margin: 6.166666666666666vw auto 0;
  }
}
@media screen and (max-width: 768px) {
  .intro__image {
    width: 94.66666666666667vw;
    margin: 12.8vw auto 0;
  }
}
.intro__image__caption {
  font-weight: 900;
}
@media screen and (min-width: 769px) {
  .intro__image__caption {
    margin-top: 1.041666666666667vw;
    font-size: 1.111111111111111vw;
    line-height: 1.75;
  }
}
@media screen and (max-width: 768px) {
  .intro__image__caption {
    margin-top: 4.266666666666667vw;
    font-size: 2.666666666666667vw;
    line-height: 1.6;
  }
}
@media screen and (min-width: 769px) {
  .intro__anchor {
    margin-top: 10.972222222222221vw;
  }
}
@media screen and (max-width: 768px) {
  .intro__anchor {
    margin-top: 12.773333333333333vw;
  }
}
.intro__anchor__ttl +pc {
  width: 91.8125vw;
}
@media screen and (max-width: 768px) {
  .intro__anchor__ttl {
    width: 93.91999999999999vw;
  }
}
.intro__anchor__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .intro__anchor__list {
    margin-top: 5.555555555555555vw;
  }
}
@media screen and (max-width: 768px) {
  .intro__anchor__list {
    margin-top: 6.4vw;
  }
}
@media screen and (min-width: 769px) {
  .intro__anchor__list__itm {
    width: 29.122916666666665vw;
  }
}
@media screen and (max-width: 768px) {
  .intro__anchor__list__itm {
    width: 30.029333333333337vw;
  }
}
.item {
  background-color: #f9be00;
}
@media screen and (min-width: 769px) {
  .item {
    padding: 11.11111111111111vw 4.166666666666666vw;
  }
}
@media screen and (max-width: 768px) {
  .item {
    padding: 17.066666666666666vw 2.666666666666667vw;
  }
}
.item__ttl {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .item__ttl {
    width: 52.261111111111106vw;
  }
}
@media screen and (max-width: 768px) {
  .item__ttl {
    width: 66.01333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .item__list {
    display: -ms-grid;
    display: grid;
    margin-top: 6.944444444444445vw;
    margin-left: auto;
    margin-right: auto;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 2.152777777777778vw;
    -moz-column-gap: 2.152777777777778vw;
    column-gap: 2.152777777777778vw;
    row-gap: 5.555555555555555vw;
  }
}
@media screen and (max-width: 768px) {
  .item__list {
    width: 94.66666666666667vw;
    margin-top: 10.666666666666668vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .item__list__itm {
    width: 29.097222222222225vw;
  }
  .item__list__itm:first-child {
    width: 43.611111111111114vw;
    margin-left: 24.02777777777778vw;
    margin-right: 24.02777777777778vw;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
  .item__list__itm:first-child .item__list__itm__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2.777777777777778vw;
  }
  .item__list__itm:first-child .item__list__itm__info__ttl {
    min-width: 23.88888888888889vw;
    font-size: 3.888888888888889vw;
  }
  .item__list__itm:first-child .item__list__itm__info__btn {
    width: 19.375vw;
    padding: 1.666666666666667vw 5.555555555555555vw;
  }
}
@media screen and (max-width: 768px) {
  .item__list__itm:not(:first-child) {
    margin-top: 10.666666666666668vw;
  }
}
.item__list__itm__logo {
  display: block;
  min-width: 100%;
}
@media screen and (min-width: 769px) {
  .item__list__itm__info {
    margin-top: 1.666666666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .item__list__itm__info {
    margin-top: 3.2vw;
  }
}
.item__list__itm__info__ttl {
  font-weight: 900;
  letter-spacing: -0.009em;
}
@media screen and (min-width: 769px) {
  .item__list__itm__info__ttl {
    font-size: 2.222222222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .item__list__itm__info__ttl {
    min-width: 52.53333333333333vw;
    font-size: 6.4vw;
  }
}
.item__list__itm__info__ruby {
  font-weight: 900;
  letter-spacing: -0.009em;
}
@media screen and (min-width: 769px) {
  .item__list__itm__info__ruby {
    margin-top: 0.694444444444444vw;
    font-size: 1.111111111111111vw;
  }
}
@media screen and (max-width: 768px) {
  .item__list__itm__info__ruby {
    margin-top: 2.133333333333333vw;
    font-size: 3.2vw;
  }
}
.item__list__itm__info__btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .item__list__itm__info__btn {
    width: 13.161111111111111vw;
    margin-top: 1.180555555555556vw;
    padding: 1.111111111111111vw 3.888888888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .item__list__itm__info__btn {
    width: 42.053333333333335vw;
    margin-top: 3.733333333333334vw;
    padding: 3.6vw 11.333333333333332vw;
  }
}
.item__list__itm__info__btn__fig__img {
  display: block;
}
.item__comment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .item__comment {
    margin-top: 9.965277777777779vw;
  }
}
@media screen and (max-width: 768px) {
  .item__comment {
    margin-top: 13.946666666666665vw;
  }
}
@media screen and (min-width: 769px) {
  .item__comment__char {
    width: 15.277777777777779vw;
  }
}
@media screen and (max-width: 768px) {
  .item__comment__char {
    width: 15.277333333333335vw;
  }
}
.item__comment__balloon {
  position: relateive;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .item__comment__balloon {
    width: 73.90277777777779vw;
    margin-left: 2.138888888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .item__comment__balloon {
    width: 73.90133333333333vw;
    margin-left: 2.133333333333333vw;
  }
}
.item__comment__hidden-char {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .item__comment__hidden-char {
    top: -4.645833333333334vw;
    right: 4.430555555555555vw;
    width: 7.222222222222221vw;
  }
}
@media screen and (max-width: 768px) {
  .item__comment__hidden-char {
    top: -5.413333333333333vw;
    right: 4.186666666666667vw;
    width: 8.799999999999999vw;
  }
}
.keyvisual .content {
  padding: 2.1vw;
}
.keyvisual .content .line {
  position: relative;
  overflow: hidden;
}
.keyvisual .content .line:not(:last-child) {
  margin-bottom: 1.5vw;
}
.keyvisual .content .line .bar {
  width: 100%;
  height: auto;
  background: #f9be00;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0;
  z-index: 10;
}
.keyvisual .content svg > g > * {
  opacity: 0;
}
.keyvisual .content svg .cls-1 {
  fill: #f9be00;
}
.keyvisual .content svg .cls-2 {
  fill-rule: evenodd;
}
.keyvisual__line__fig {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.keyvisual__line__fig__char {
  opacity: 0;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .keyvisual__line__fig__char {
    margin-right: 0.659722222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .keyvisual__line__fig__char {
    margin-right: 0.293333333333333vw;
  }
}
.keyvisual__line__fig__char + svg {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .keyvisual__line__fig__char__img {
    width: 8.379166666666666vw;
  }
}
@media screen and (max-width: 768px) {
  .keyvisual__line__fig__char__img {
    width: 8.432vw;
  }
}
.media {
  background-color: #f9be00;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .media {
    padding: 8.333333333333332vw 4.166666666666666vw 8.333333333333332vw;
  }
}
@media screen and (max-width: 768px) {
  .media {
    padding: 17.066666666666666vw 2.666666666666667vw 17.946666666666665vw;
  }
}
.media__ttl {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .media__ttl {
    width: 52.81805555555555vw;
  }
}
@media screen and (max-width: 768px) {
  .media__ttl {
    width: 83.63733333333333vw;
  }
}
.media__stmt {
  text-align: center;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .media__stmt {
    margin-top: 5.555555555555555vw;
    font-size: 1.666666666666667vw;
    font-weight: 900;
    line-height: 2;
    letter-spacing: -0.009em;
  }
}
@media screen and (max-width: 768px) {
  .media__stmt {
    margin-top: 10.666666666666668vw;
    font-size: 4vw;
    font-weight: 900;
    line-height: 2;
    letter-spacing: -0.009em;
  }
}
@media screen and (min-width: 769px) {
  .media__btn {
    margin-top: 5.555555555555555vw;
  }
}
@media screen and (max-width: 768px) {
  .media__btn {
    margin-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .media__btn__fig__img {
    width: 30.246527777777775vw;
  }
}
@media screen and (max-width: 768px) {
  .media__btn__fig__img {
    width: 77.432vw;
  }
}
.modal__item__content {
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .modal__item__content {
    padding: 8.333333333333332vw 10.833333333333334vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__item__content {
    padding: 12.8vw 5.333333333333334vw;
  }
}
.modal__item__intro {
  position: relative;
}
@media screen and (min-width: 769px) {
  .modal__item__intro {
    height: 21.709027777777777vw;
    margin-left: 4.152777777777778vw;
    padding-top: 3.777777777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__item__intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (min-width: 769px) {
  .modal__item__intro__char {
    position: absolute;
    top: 0;
    left: 0;
    width: 16.417361111111113vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__item__intro__char {
    width: 27.30933333333333vw;
    margin-top: 6.933333333333333vw;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media screen and (min-width: 769px) {
  .modal__item__intro__ttl {
    width: 40.18750000000001vw;
    margin-left: 19.944444444444443vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__item__intro__ttl {
    width: 57.86666666666667vw;
    margin: 0 auto;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (min-width: 769px) {
  .modal__item__intro__stmt {
    width: 43.422916666666666vw;
    margin-top: 3.333333333333333vw;
    margin-left: 19.944444444444443vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__item__intro__stmt {
    margin-top: 6.933333333333333vw;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
}
@media screen and (min-width: 769px) {
  .modal__item__limited {
    margin-top: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__item__limited {
    margin-top: 10.666666666666668vw;
  }
}
.modal__item__limited__ttl {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .modal__item__limited__ttl {
    width: 22.52013888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__item__limited__ttl {
    width: 34.752vw;
  }
}
@media screen and (min-width: 769px) {
  .modal__item__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3.333333333333333vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .modal__item__list {
    margin-top: 6.4vw;
  }
}
@media screen and (min-width: 769px) {
  .modal__item__list__itm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 34.166666666666664vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .modal__item__list__itm:nth-child(n + 3) {
    margin-top: 3.333333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__item__list__itm:not(:first-child) {
    margin-top: 10.666666666666668vw;
  }
}
@media screen and (min-width: 769px) {
  .modal__item__list__itm__thumb {
    width: 11.11111111111111vw;
  }
}
@media screen and (min-width: 769px) {
  .modal__item__list__itm__info {
    width: 20.97222222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__item__list__itm__info {
    margin-top: 4.266666666666667vw;
  }
}
.modal__item__list__itm__info__start {
  display: inline-block;
  color: #fff;
  font-weight: 900;
  line-height: 2;
  letter-spacing: -0.009em;
  background-color: #000;
}
@media screen and (min-width: 769px) {
  .modal__item__list__itm__info__start {
    padding: 0.277777777777778vw 0.555555555555556vw;
    font-size: 0.625vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__item__list__itm__info__start {
    padding: 1.066666666666667vw 2.133333333333333vw;
    font-size: 2.4vw;
  }
}
.modal__item__list__itm__info__name {
  font-weight: 900;
}
@media screen and (min-width: 769px) {
  .modal__item__list__itm__info__name {
    margin-top: 1.111111111111111vw;
    font-size: 1.944444444444444vw;
    line-height: 1.214285714285714;
  }
}
@media screen and (max-width: 768px) {
  .modal__item__list__itm__info__name {
    margin-top: 4.266666666666667vw;
    font-size: 5.333333333333334vw;
    line-height: 1.4;
    letter-spacing: -0.04em;
  }
}
.modal__item__list__itm__info__stmt {
  font-weight: 900;
  letter-spacing: -0.009em;
}
@media screen and (min-width: 769px) {
  .modal__item__list__itm__info__stmt {
    margin-top: 0.833333333333333vw;
    font-size: 0.833333333333333vw;
    line-height: 1.666666666666667;
  }
}
@media screen and (max-width: 768px) {
  .modal__item__list__itm__info__stmt {
    margin-top: 3.2vw;
    font-size: 3.2vw;
    line-height: 1.833333333333333;
  }
}
@media screen and (max-width: 768px) {
  .modal__item__list__itm__info__store {
    margin-top: 2.933333333333333vw;
  }
}
.modal__item__list__itm__info__store__itm {
  display: inline-block;
  font-weight: 900;
  letter-spacing: -0.009em;
}
@media screen and (min-width: 769px) {
  .modal__item__list__itm__info__store__itm {
    margin-top: 1.111111111111111vw;
    padding: 0.555555555555556vw 1.388888888888889vw;
    font-size: 0.833333333333333vw;
    border-radius: 8.333333333333332vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__item__list__itm__info__store__itm {
    padding: 1.333333333333333vw 4.266666666666667vw;
    font-size: 2.666666666666667vw;
    border-radius: 32vw;
  }
}
@media screen and (min-width: 769px) {
  .modal__item__preceding {
    margin-top: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__item__preceding {
    margin-top: 10.666666666666668vw;
  }
}
.modal__item__preceding__ttl {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .modal__item__preceding__ttl {
    width: 22.52013888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__item__preceding__ttl {
    width: 34.752vw;
  }
}
.modal__item__btn-close {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .modal__item__btn-close {
    margin-top: 4.861111111111112vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__item__btn-close {
    margin-top: 8vw;
  }
}
.modal__hidden-char__content {
  background-color: #000;
}
@media screen and (min-width: 769px) {
  .modal__hidden-char__content {
    padding: 9.42361111111111vw 10.833333333333334vw 9.166666666666666vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__hidden-char__content {
    padding: 12.8vw 3.146666666666667vw;
  }
}
.modal__hidden-char__intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 769px) {
  .modal__hidden-char__intro {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .modal__hidden-char__intro {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (min-width: 769px) {
  .modal__hidden-char__intro__char {
    width: 16.417361111111113vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__hidden-char__intro__char {
    width: 27.30933333333333vw;
    margin-top: 6.933333333333333vw;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media screen and (min-width: 769px) {
  .modal__hidden-char__intro__txt {
    margin-top: 4.479166666666667vw;
    margin-left: 2.881944444444445vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__hidden-char__intro__txt {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (min-width: 769px) {
  .modal__hidden-char__intro__txt__catch {
    width: 18.928472222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__hidden-char__intro__txt__catch {
    width: 36.34133333333333vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .modal__hidden-char__intro__txt__ttl {
    width: 33.831250000000004vw;
    margin-top: 1.388888888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__hidden-char__intro__txt__ttl {
    width: 48.61333333333334vw;
    margin-top: 2.666666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .modal__hidden-char__list {
    margin-top: 7.840277777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__hidden-char__list {
    margin-top: 7.546666666666667vw;
  }
}
.modal__hidden-char__list__itm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .modal__hidden-char__list__itm:not(:first-child) {
    margin-top: 3.333333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__hidden-char__list__itm:not(:first-child) {
    margin-top: 3.76vw;
  }
}
@media screen and (min-width: 769px) {
  .modal__hidden-char__list__itm__thumb {
    width: 33.958333333333336vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__hidden-char__list__itm__thumb {
    width: 38.216vw;
  }
}
@media screen and (min-width: 769px) {
  .modal__hidden-char__list__itm__zoom {
    width: 33.958333333333336vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__hidden-char__list__itm__zoom {
    width: 38.216vw;
  }
}
.modal__hidden-char__btn-close {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .modal__hidden-char__btn-close {
    margin-top: 6.270833333333334vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__hidden-char__btn-close {
    margin-top: 10.96vw;
  }
}
.product {
  background-color: #ebebeb;
}
@media screen and (min-width: 769px) {
  .product {
    padding: 11.11111111111111vw 4.166666666666666vw;
  }
}
@media screen and (max-width: 768px) {
  .product {
    padding: 17.066666666666666vw 2.666666666666667vw;
  }
}
.product__ttl {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .product__ttl {
    width: 41.31944444444444vw;
  }
}
@media screen and (max-width: 768px) {
  .product__ttl {
    width: 64.896vw;
  }
}
@media screen and (min-width: 769px) {
  .product__tshirts {
    margin-top: 8.333333333333332vw;
  }
}
@media screen and (max-width: 768px) {
  .product__tshirts {
    margin-top: 10.666666666666668vw;
  }
}
.product__tshirts__ttl__fig {
  position: relative;
}
.product__tshirts__ttl__fig__txt {
  position: relative;
  pointer-events: none;
  z-index: 2;
}
.product__tshirts__ttl__fig__char {
  position: absolute;
  bottom: 0;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .product__tshirts__ttl__fig__char {
    left: 39.93055555555556vw;
    width: 7.291666666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .product__tshirts__ttl__fig__char {
    left: 41.22666666666667vw;
    width: 7.530666666666666vw;
  }
}
.product__tshirts__stmt {
  font-weight: 900;
}
@media screen and (min-width: 769px) {
  .product__tshirts__stmt {
    margin-top: 4.444444444444445vw;
    font-size: 2.222222222222222vw;
    line-height: 1.875;
  }
}
@media screen and (max-width: 768px) {
  .product__tshirts__stmt {
    margin-top: 6.4vw;
    font-size: 3.733333333333334vw;
    line-height: 1.857142857142857;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 769px) {
  .product__tshirts__collaborator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4.444444444444445vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .product__tshirts__collaborator {
    margin-top: 8.533333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .product__tshirts__collaborator__itm {
    width: 44.79166666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .product__tshirts__collaborator__itm:not(:first-child) {
    margin-top: 10.666666666666668vw;
  }
}
.product__tshirts__collaborator__itm__name {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media screen and (min-width: 769px) {
  .product__tshirts__collaborator__itm__name {
    height: 1.825vw;
    margin-top: 2.083333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .product__tshirts__collaborator__itm__name {
    height: 4.418666666666667vw;
    margin-top: 6.133333333333333vw;
  }
}
.product__tshirts__collaborator__itm__name__img {
  height: 100%;
}
.product__tshirts__collaborator__itm__stmt {
  font-weight: 900;
  letter-spacing: -0.009em;
}
@media screen and (min-width: 769px) {
  .product__tshirts__collaborator__itm__stmt {
    margin-top: 2.083333333333333vw;
    margin-bottom: auto;
    font-size: 1.041666666666667vw;
    line-height: 2;
  }
}
@media screen and (max-width: 768px) {
  .product__tshirts__collaborator__itm__stmt {
    margin-top: 4.533333333333333vw;
    font-size: 3.2vw;
    line-height: 1.833333333333333;
  }
}
.product__tshirts__collaborator__itm__sns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .product__tshirts__collaborator__itm__sns {
    margin-top: 1.388888888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .product__tshirts__collaborator__itm__sns {
    margin-top: 6.933333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .product__tshirts__collaborator__itm__sns__itm:not(:first-child) {
    margin-left: 1.111111111111111vw;
  }
}
@media screen and (max-width: 768px) {
  .product__tshirts__collaborator__itm__sns__itm:not(:first-child) {
    margin-left: 3.2vw;
  }
}
@media screen and (min-width: 769px) {
  .product__tshirts__collaborator__itm__sns__itm__fig__img {
    height: 2.222222222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .product__tshirts__collaborator__itm__sns__itm__fig__img {
    height: 8.533333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .product__more {
    margin-top: 6.666666666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .product__more {
    margin-top: 12.8vw;
  }
}
@media screen and (min-width: 769px) {
  .product__more__ttl {
    width: 65.31666666666666vw;
    margin-left: 12.604166666666666vw;
  }
}
@media screen and (max-width: 768px) {
  .product__more__ttl {
    width: 79.51466666666667vw;
    margin-left: 7.466666666666668vw;
  }
}
@media screen and (min-width: 769px) {
  .product__more__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 20.625vw;
    margin-top: 4.444444444444445vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .product__more__info {
    margin-top: 6.4vw;
  }
}
@media screen and (min-width: 769px) {
  .product__more__info__thumb {
    width: 44.79166666666667vw;
    margin-right: 2.083333333333333vw;
  }
}
.product__more__info__comment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (min-width: 769px) {
  .product__more__info__comment {
    width: 44.79166666666667vw;
    margin-top: 0.8125vw;
  }
}
@media screen and (max-width: 768px) {
  .product__more__info__comment {
    margin-top: 6.4vw;
  }
}
@media screen and (min-width: 769px) {
  .product__more__info__comment__balloon {
    width: 34.328472222222224vw;
  }
}
@media screen and (max-width: 768px) {
  .product__more__info__comment__balloon {
    width: 72.05333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .product__more__info__comment__char {
    width: 10.012500000000001vw;
    margin-left: 0.381944444444444vw;
  }
}
@media screen and (max-width: 768px) {
  .product__more__info__comment__char {
    width: 21.016000000000002vw;
    margin-left: 0.8vw;
  }
}
.product__more__info__btn {
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .product__more__info__btn {
    width: 36.73263888888889vw;
    margin-top: 1.513888888888889vw;
    padding: 1.666666666666667vw 5.555555555555555vw;
  }
}
@media screen and (max-width: 768px) {
  .product__more__info__btn {
    margin-top: 4.266666666666667vw;
    padding: 4.933333333333334vw 14.666666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .store {
    padding: 8.333333333333332vw 4.166666666666666vw;
  }
}
@media screen and (max-width: 768px) {
  .store {
    padding: 17.066666666666666vw 2.666666666666667vw;
  }
}
.store__ttl {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .store__ttl {
    width: 26.203472222222224vw;
  }
}
@media screen and (max-width: 768px) {
  .store__ttl {
    width: 41.49333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .store__list {
    margin-top: 5.763888888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .store__list {
    margin-top: 10.666666666666668vw;
  }
}
@media screen and (max-width: 768px) {
  .store__list__itm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (min-width: 769px) {
  .store__list__itm:not(:first-child) {
    margin-top: 5.555555555555555vw;
  }
}
@media screen and (max-width: 768px) {
  .store__list__itm:not(:first-child) {
    margin-top: 14.933333333333335vw;
  }
}
.store__list__itm::after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (min-width: 769px) {
  .store__list__itm__access {
    width: 44.79166666666667vw;
    float: right;
  }
}
@media screen and (max-width: 768px) {
  .store__list__itm__access {
    margin-top: 6.4vw;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}
.store__list__itm__access__ttl {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .store__list__itm__access__ttl {
    width: 11.764583333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .store__list__itm__access__ttl {
    width: 27.517333333333333vw;
  }
}
.store__list__itm__access__map {
  display: block;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .store__list__itm__access__map {
    margin-top: 2.777777777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .store__list__itm__access__map {
    margin-top: 5.333333333333334vw;
  }
}
.store__list__itm__access__desc {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .store__list__itm__access__desc {
    margin-top: 3.472222222222222vw;
    font-size: 1.041666666666667vw;
    font-weight: 900;
    line-height: 2;
    letter-spacing: -0.009em;
  }
}
@media screen and (max-width: 768px) {
  .store__list__itm__access__desc {
    margin-top: 5.333333333333334vw;
    font-size: 3.733333333333334vw;
    font-weight: 900;
    line-height: 2;
    letter-spacing: -0.009em;
  }
}
@media screen and (min-width: 769px) {
  .store__list__itm__info {
    width: 44.79166666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .store__list__itm__info {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (min-width: 769px) {
  .store__list__itm__info__ttl {
    font-size: 3.888888888888889vw;
    font-weight: 900;
    line-height: 1.142857142857143;
    letter-spacing: -0.009em;
  }
}
@media screen and (max-width: 768px) {
  .store__list__itm__info__ttl {
    font-size: 7.466666666666668vw;
    font-weight: 900;
    letter-spacing: -0.009em;
  }
}
@media screen and (min-width: 769px) {
  .store__list__itm__info__desc {
    margin-top: 1.527777777777778vw;
    font-size: 2.222222222222222vw;
    font-weight: 900;
    letter-spacing: -0.009em;
  }
}
@media screen and (max-width: 768px) {
  .store__list__itm__info__desc {
    margin-top: 4.266666666666667vw;
    font-size: 4.266666666666667vw;
    font-weight: 900;
    letter-spacing: -0.009em;
  }
}
@media screen and (min-width: 769px) {
  .store__list__itm__info__btn {
    margin-top: 1.527777777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .store__list__itm__info__btn {
    margin-top: 4.266666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .store__list__itm__info__btn__fig__img {
    height: 1.540277777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .store__list__itm__info__btn__fig__img {
    height: 3.941333333333334vw;
  }
}
.store__list__itm__comment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media screen and (min-width: 769px) {
  .store__list__itm__comment {
    width: 38.68541666666667vw;
    margin-top: 2.777777777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .store__list__itm__comment {
    margin-top: 3.733333333333334vw;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
}
@media screen and (min-width: 769px) {
  .store__list__itm__comment__balloon {
    width: 30.727083333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .store__list__itm__comment__balloon {
    width: 75.02133333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .store__list__itm__comment__char {
    width: 7.527777777777778vw;
    margin-left: 0.458333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .store__list__itm__comment__char {
    width: 18.474666666666668vw;
    margin-left: 1.173333333333333vw;
  }
}
.welcome {
  position: relative;
}
@media screen and (min-width: 769px) {
  .welcome {
    height: 61.77291666666667vw;
    padding: 8.333333333333332vw 9.305555555555555vw 5.208333333333334vw;
  }
}
@media screen and (max-width: 768px) {
  .welcome {
    height: 142.81333333333333vw;
    padding: 17.066666666666666vw 2.666666666666667vw;
  }
}
.welcome__ttl {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .welcome__ttl {
    width: 78.96666666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .welcome__ttl {
    width: 93.528vw;
  }
}
.welcome__char01 {
  position: absolute;
}
@media screen and (min-width: 769px) {
  .welcome__char01 {
    top: 10.520833333333334vw;
    left: 18.61111111111111vw;
    width: 30.694444444444446vw;
  }
}
@media screen and (max-width: 768px) {
  .welcome__char01 {
    top: 59.14666666666667vw;
    left: 4.24vw;
    width: 45.78666666666666vw;
  }
}
.welcome__char02 {
  position: absolute;
}
@media screen and (min-width: 769px) {
  .welcome__char02 {
    top: 24.208333333333336vw;
    right: 24.34722222222222vw;
    width: 22.77777777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .welcome__char02 {
    top: 79.41333333333334vw;
    right: 10.773333333333333vw;
    width: 33.936vw;
  }
}
/* =========================================================
     23/10/31 追加
========================================================= */
.campaign__ttl.shop_only {
  text-align: center;
  font-size: 10vw;
  margin-bottom: -6vw;
}
@media screen and (min-width: 769px) {
  .campaign__ttl.shop_only {
    font-size: 5vw;
    margin-bottom: -2vw;
  }
}

/* =========================================================
     23/11/14 追加
========================================================= */
.inline_B {
    display: inline-block;
}
.campaign__hidden-char.dogenzaka-dori {
    padding: 0;
    background: none;
/*    margin-bottom: 12vw;*/
}
.campaign__hidden-char.hidedonpendojo {
    margin-bottom: 12vw;
    margin-top: 0;
}

.campaign__ttl {
    width: auto;
}
@media screen and (min-width: 769px) {
    .campaign__hidden-char.dogenzaka-dori {
        padding: 0;
        background: none;
/*        margin-bottom: 8vw;*/
    }
    .campaign__hidden-char.hidedonpendojo {
        margin-bottom: 8vw;
    }

}