.thema-bg-beige {
  background: #fcf5ec;
}
.c-more_btn__txt,
.p-navigation__ttl {
  font-family: 'Fjalla One', sans-serif;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-top-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input::-ms-clear {
  visibility: hidden;
}
select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
select::-ms-expand {
  display: none;
}
body {
  position: relative;
  font-family: "Noto Sans JP", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "繝｡繧､繝ｪ繧ｪ", sans-serif;
  background: -webkit-linear-gradient(58deg, rgba(218,229,233,0.5) 0%, rgba(146,166,177,0.5) 100%);
  background: linear-gradient(32deg, rgba(218,229,233,0.5) 0%, rgba(146,166,177,0.5) 100%);
  color: #003f88;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  width: 100%;
}
body img {
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
body svg {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.c-svg__container {
  position: relative;
  display: block;
}
.c-svg__container svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@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;
}
.is-hidden {
  display: none !important;
}
.p-bg__graphics {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 0;
  overflow: hidden;
}
.l-top__wrap {
  position: relative;
  z-index: 1;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@media screen and (max-width: 768px) {
  .l-top__navigation {
    overflow: hidden;
    position: fixed;
    right: 5.333333333333334vw;
    top: 5.333333333333334vw;
    z-index: 3100;
    width: 11.733333333333333vw;
    height: 11.733333333333333vw;
    border-radius: 0.533333333333333vw;
    background-size: cover;
  }
}
.l-top__design {
  background-size: cover;
}
@media screen and (min-width: 769px) {
  .l-top__design {
    background-image: url("../images/top/design/bg_pc.png");
    background-size: auto 116.78571428571429vw;
  }
}
@media screen and (max-width: 768px) {
  .l-top__design {
    background-image: url("../images/top/design/bg_sp.png");
    background-size: auto 293.8666666666667vw;
  }
}
.c-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  position: relative;
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,0.29));
  filter: drop-shadow(0 0 10px rgba(0,0,0,0.29));
}
@media screen and (min-width: 769px) {
  .c-btn {
    -webkit-transition: 0.3s -webkit-transform ease;
    transition: 0.3s -webkit-transform ease;
    transition: 0.3s transform ease;
    transition: 0.3s transform ease, 0.3s -webkit-transform ease;
    border-radius: 0.285714285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .c-btn {
    border-radius: 1.066666666666667vw;
  }
}
.c-btn:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-size: 100%;
  -webkit-transform: skew(15deg);
  transform: skew(15deg);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .c-btn:before {
    background-image: url("../images/common/symbol/bg_btn_pc.svg");
  }
}
@media screen and (max-width: 768px) {
  .c-btn:before {
    background-image: url("../images/common/symbol/bg_btn_sp.svg");
  }
}
.c-btn .c-btn__txt {
  position: relative;
  color: #0d3f88;
  -webkit-transform: skew(15deg);
  transform: skew(15deg);
}
@media screen and (min-width: 769px) {
  .c-btn .c-btn__txt {
    padding-left: 2.285714285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .c-btn .c-btn__txt {
    padding-left: 8vw;
  }
}
.c-btn .c-btn_arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  -webkit-transform: skew(15deg);
  transform: skew(15deg);
  border-radius: 50%;
  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
  background-color: #fff;
}
.c-btn .c-btn_arrow svg {
  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
  stroke: #0d3f88;
  fill: #0d3f88;
}
@media screen and (min-width: 769px) {
  .c-btn:hover {
    -webkit-transform: skew(-15deg) scale(1.1);
    transform: skew(-15deg) scale(1.1);
  }
}
@media screen and (min-width: 769px) {
  .c-btn:hover .c-btn_arrow {
    background-color: #003f88;
  }
}
@media screen and (min-width: 769px) {
  .c-btn:hover svg {
    stroke: #fff;
  }
}
@media screen and (min-width: 769px) {
  .p-navigation__list_btn,
  .p-top-design_visual_btn,
  .p-top-goods_btn,
  .p-top-slogan_btn {
    width: 37vw;
    height: 5.642857142857142vw;
  }
}
@media screen and (max-width: 768px) {
  .p-navigation__list_btn,
  .p-top-design_visual_btn,
  .p-top-goods_btn,
  .p-top-slogan_btn {
    width: 84vw;
    height: 16.53333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-navigation__list_btn .c-btn__txt,
  .p-top-design_visual_btn .c-btn__txt,
  .p-top-goods_btn .c-btn__txt,
  .p-top-slogan_btn .c-btn__txt {
    font-size: 1.428571428571429vw;
    line-height: 2.25;
    letter-spacing: 0.1em;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .p-navigation__list_btn .c-btn__txt,
  .p-top-design_visual_btn .c-btn__txt,
  .p-top-goods_btn .c-btn__txt,
  .p-top-slogan_btn .c-btn__txt {
    font-size: 4vw;
    line-height: 1.533333333333333;
    letter-spacing: 0.1em;
    font-weight: 700;
  }
}
.p-navigation__list_btn .c-btn_arrow,
.p-top-design_visual_btn .c-btn_arrow,
.p-top-goods_btn .c-btn_arrow,
.p-top-slogan_btn .c-btn_arrow {
  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;
}
@media screen and (min-width: 769px) {
  .p-navigation__list_btn .c-btn_arrow,
  .p-top-design_visual_btn .c-btn_arrow,
  .p-top-goods_btn .c-btn_arrow,
  .p-top-slogan_btn .c-btn_arrow {
    right: 2.142857142857143vw;
    width: 3.214285714285714vw;
    height: 3.214285714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-navigation__list_btn .c-btn_arrow,
  .p-top-design_visual_btn .c-btn_arrow,
  .p-top-goods_btn .c-btn_arrow,
  .p-top-slogan_btn .c-btn_arrow {
    right: 8vw;
    width: 8.533333333333333vw;
    height: 8.533333333333333vw;
  }
}
.p-navigation__list_btn .c-btn_arrow svg,
.p-top-design_visual_btn .c-btn_arrow svg,
.p-top-goods_btn .c-btn_arrow svg,
.p-top-slogan_btn .c-btn_arrow svg {
  position: static;
  top: auto;
  left: auto;
}
@media screen and (min-width: 769px) {
  .p-navigation__list_btn .c-btn_arrow svg,
  .p-top-design_visual_btn .c-btn_arrow svg,
  .p-top-goods_btn .c-btn_arrow svg,
  .p-top-slogan_btn .c-btn_arrow svg {
    padding-left: 0.285714285714286vw;
    padding-bottom: 0.214285714285714vw;
    width: 1.392857142857143vw;
    height: 1.392857142857143vw;
  }
}
@media screen and (max-width: 768px) {
  .p-navigation__list_btn .c-btn_arrow svg,
  .p-top-design_visual_btn .c-btn_arrow svg,
  .p-top-goods_btn .c-btn_arrow svg,
  .p-top-slogan_btn .c-btn_arrow svg {
    padding-left: 1.066666666666667vw;
    padding-bottom: 1.333333333333333vw;
    width: 4.266666666666667vw;
    height: 4.266666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-modal_cl_btn .c-btn__txt {
    font-size: 1.428571428571429vw;
    line-height: 2.25;
    letter-spacing: 0.1em;
    font-weight: 700;
  }
}
@media screen and (min-width: 769px) {
  .p-modal_cl_btn .c-btn_arrow {
    right: 2.142857142857143vw;
    width: 1.072857142857143vw;
    height: 1.609285714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-modal_cl_btn {
    width: 73.06666666666666vw;
    height: 16vw;
  }
}
@media screen and (max-width: 768px) {
  .p-modal_cl_btn .c-btn__txt {
    font-size: 4vw;
    line-height: 3;
    letter-spacing: 0.1em;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .p-modal_cl_btn .c-btn_arrow {
    right: 4.853333333333333vw;
    width: 2.434666666666667vw;
    height: 3.653333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-player_btn {
    width: 56.53333333333334vw;
    height: 13.333333333333334vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-player_btn .c-btn__txt {
    padding-left: 5.333333333333334vw;
    height: 5.333333333333334vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-player_btn .c-btn__txt img {
    width: auto;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-player_btn:before {
    background-image: url("../images/common/symbol/bg_btn_s_sp.svg");
  }
}
.p-top-kv-player_btn .c-btn_arrow {
  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;
}
@media screen and (max-width: 768px) {
  .p-top-kv-player_btn .c-btn_arrow {
    right: 5.333333333333334vw;
    width: 8.533333333333333vw;
    height: 8.533333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-player_btn .c-btn_arrow svg {
    position: static;
    top: auto;
    left: auto;
    padding-left: 1.066666666666667vw;
    padding-bottom: 1.333333333333333vw;
    width: 4.266666666666667vw;
    height: 4.266666666666667vw;
  }
}
.c-scrattn {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .c-scrattn {
    top: 0.371428571428571vw;
    width: 12.236428571428572vw;
    height: 6.965714285714284vw;
  }
}
@media screen and (max-width: 768px) {
  .c-scrattn {
    top: 9.333333333333334vw;
    width: 29.86666666666667vw;
    height: 18.304000000000002vw;
  }
}
.c-scrattn .c-scrlattn_symbol {
  fill: #003f88;
}
.c-scrattn .c-scrlattn_symbol:nth-of-type(1) {
  -webkit-animation: 1.5s scrlattn infinite;
  animation: 1.5s scrlattn infinite;
}
.c-scrattn .c-scrlattn_symbol:nth-of-type(2) {
  -webkit-animation: 1.5s scrlattn infinite 0.2s;
  animation: 1.5s scrlattn infinite 0.2s;
}
.c-scrattn .c-scrlattn_symbol:nth-of-type(3) {
  -webkit-animation: 1.5s scrlattn infinite 0.4s;
  animation: 1.5s scrlattn infinite 0.4s;
}
@-webkit-keyframes scrlattn {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrlattn {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (min-width: 769px) {
  .c-link_btn__container.u-base {
    font-size: 1vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .c-link_btn__container.u-base {
    font-size: 3.733333333333334vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 769px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (min-width: 769px) {
  .c-link_btn__inner.u-base {
    padding-left: 1.357142857142857vw;
    padding-right: 1.357142857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .c-link_btn__inner.u-base {
    padding-left: 5.066666666666666vw;
    padding-right: 5.066666666666666vw;
  }
}
@media screen and (min-width: 769px) {
}
@media screen and (max-width: 768px) {
}
.c-link_btn__container {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  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;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .c-link_btn__container.u-bnr_ticket {
    font-size: 0.857142857142857vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .c-link_btn__container.u-bnr_ticket {
    font-size: 3.733333333333334vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
.c-link_btn__container.theme-pink {
  background: #ea609e;
}
.c-link_btn__container.theme-blue {
  background: #031e4b;
}
.c-link_btn__container.theme-yellow {
  background: #ffea5c;
}
.c-link_btn__box_container {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.c-link_btn__box_container.theme-white {
  color: #fff;
}
.c-link_btn__box_container.theme-white path {
  fill: #fff;
}
.c-link_btn__box_container.theme-yellow {
  color: #ffea5c;
}
.c-link_btn__box_container.theme-blue {
  color: #031e4b;
}
.c-link_btn__box_container.theme-pink {
  color: #ea609e;
}
.c-link_btn__inner {
  width: 100%;
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .c-link_btn__inner.u-bnr_ticket {
    padding-left: 1.071428571428571vw;
    padding-right: 1.071428571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .c-link_btn__inner.u-bnr_ticket {
    padding-left: 5.600000000000001vw;
    padding-right: 4vw;
  }
}
@media screen and (min-width: 769px) {
  .c-link_btn__inner.u-twitter {
    padding-left: 1.55vw;
    padding-right: 1.55vw;
  }
}
@media screen and (max-width: 768px) {
  .c-link_btn__inner.u-twitter {
    padding-left: 5.786666666666666vw;
    padding-right: 5.786666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .c-link_btn__symbol__arrow {
    width: 0.664285714285714vw;
    height: 0.996428571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .c-link_btn__symbol__arrow {
    width: 2.48vw;
    height: 3.72vw;
  }
}
.c-link_btn__symbol__arrow.theme-white path {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  fill: #fff;
}
.c-link_btn__symbol__arrow.theme-yellow path {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  fill: #ffea5c;
}
.c-link_btn__symbol__arrow.theme-blue path {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  fill: #031e4b;
}
.c-link_btn__symbol__arrow.theme-pink path {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  fill: $font_col_base-pink;
}
@media screen and (min-width: 769px) {
  .c-link_btn__container:hover.theme-pink {
    background: rgba(234,96,158,0.85);
  }
}
@media screen and (min-width: 769px) {
  .c-link_btn__container:hover.theme-yellow {
    background: #031e4b;
  }
}
@media screen and (min-width: 769px) {
  .c-link_btn__container:hover.theme-blue {
    background: #14335f;
  }
}
@media screen and (min-width: 769px) {
  .c-link_btn__container:hover .c-link_btn__box_container.theme-white {
    color: #ffea5c;
  }
}
@media screen and (min-width: 769px) {
  .c-link_btn__container:hover .c-link_btn__box_container.theme-white path {
    fill: #ffea5c;
  }
}
@media screen and (min-width: 769px) {
  .c-link_btn__container:hover .p-top-btn_top__to_twitter path {
    fill: #ffea5c;
  }
}
@media screen and (min-width: 769px) {
  .c-link_btn__container:hover .c-link_btn__symbol__arrow.theme-white path {
    fill: #ffea5c;
  }
}
.is-btn-disable .c-link_btn__container {
  cursor: default;
  background: #c7c7c7 !important;
}
.is-btn-disable .c-link_btn__container .c-link_btn__box_container {
  color: #fff !important;
}
.is-btn-disable .c-link_btn__container .c-link_btn__box_container path {
  fill: #fff !important;
}
@media screen and (min-width: 769px) {
  .is-btn-disable .c-link_btn__container:hover {
    background: #c7c7c7 !important;
  }
}
@media screen and (min-width: 769px) {
  .is-btn-disable .c-link_btn__container:hover .c-link_btn__box_container {
    color: #fff !important;
  }
}
@media screen and (min-width: 769px) {
  .is-btn-disable .c-link_btn__container:hover .c-link_btn__box_container path {
    fill: #fff !important;
  }
}
@media screen and (min-width: 769px) {
  .is-btn-disable .c-link_btn__container:hover .c-link_btn__symbol__arrow path {
    fill: #fff !important;
  }
}
.c-more_btn {
  cursor: pointer;
  display: inline-block;
}
.c-more_btn.js-hidden .c-more_btn__arrow {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
.c-more_btn.js-hidden .c-more_btn__close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.c-more_btn.js-hidden .c-more_btn__more {
  display: none;
}
.c-more_btn__close {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .c-more_btn__close {
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .c-more_btn__close {
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
    width: auto;
  }
}
.c-more_btn__more {
  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;
}
@media screen and (min-width: 769px) {
  .c-more_btn__more {
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .c-more_btn__more {
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
    width: auto;
  }
}
.c-more_btn__marker {
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-more_btn__marker {
    width: 1.785714285714286vw;
    height: 1.785714285714286vw;
    margin-left: 1.071428571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .c-more_btn__marker {
    width: 5.600000000000001vw;
    height: 5.600000000000001vw;
    margin-left: 2.666666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .c-more_btn__txt {
    font-size: 1.571428571428572vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .c-more_btn__txt {
    font-size: 4.266666666666667vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}
.c-more_btn__marker__frame {
  position: relative;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s background ease;
  transition: 0.3s background ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .c-more_btn__marker__frame {
    border: 0.071428571428571vw solid #003f88;
  }
}
@media screen and (max-width: 768px) {
  .c-more_btn__marker__frame {
    border: 0.266666666666667vw solid #003f88;
  }
}
.c-more_btn__marker__icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.c-more_btn__marker__icon:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: '';
  display: block;
  -webkit-transition: 0.3s background ease;
  transition: 0.3s background ease;
  background: #003f88;
}
@media screen and (min-width: 769px) {
  .c-more_btn__marker__icon:before {
    width: 0.071428571428571vw;
    height: 0.785714285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .c-more_btn__marker__icon:before {
    width: 0.266666666666667vw;
    height: 2.4vw;
  }
}
.c-more_btn__marker__icon:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: '';
  display: block;
  width: 100%;
  -webkit-transition: 0.3s background ease;
  transition: 0.3s background ease;
  background: #003f88;
}
@media screen and (min-width: 769px) {
  .c-more_btn__marker__icon:after {
    width: 0.785714285714286vw;
    height: 0.071428571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .c-more_btn__marker__icon:after {
    width: 2.4vw;
    height: 0.266666666666667vw;
  }
}
.c-more_btn__close .c-more_btn__marker__icon:before {
  display: none;
}
@media screen and (min-width: 769px) {
  .c-more_btn:hover .c-more_btn__marker__frame {
    background: #003f88;
  }
}
@media screen and (min-width: 769px) {
  .c-more_btn:hover .c-more_btn__marker__icon:before {
    background: #fff;
  }
}
@media screen and (min-width: 769px) {
  .c-more_btn:hover .c-more_btn__marker__icon:after {
    background: #fff;
  }
}
.c-movie_list_item__thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.c-movie_list_item__thumbnail:not([data-id="none"]) {
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .c-movie_list_item__thumbnail:not([data-id="none"]):hover .c-movie_list_item_img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@media screen and (min-width: 769px) {
  .c-movie_list_item__thumbnail:not([data-id="none"]):hover .c-movie_list_item_player__frame {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.c-movie_list_item__thumbnail[data-id="none"] .c-movie_list_item_player {
  display: none;
}
.c-movie_list_item_img {
  -webkit-transition: 0.3s -webkit-transform ease;
  transition: 0.3s -webkit-transform ease;
  transition: 0.3s transform ease;
  transition: 0.3s transform ease, 0.3s -webkit-transform ease;
}
@media screen and (min-width: 769px) {
  .p-top-design_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.c-movie_list_item_player__frame {
  width: 100%;
  height: 100%;
  background: #003f88;
  border-radius: 50%;
}
.c-movie_list_item_player {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (min-width: 769px) {
  .c-movie_list_item_player {
    width: 13.546798029556651%;
    height: 24.070021881838073%;
  }
}
@media screen and (max-width: 768px) {
  .c-movie_list_item_player {
    width: 19.047619047619047%;
    height: 33.89830508474576%;
  }
}
.c-movie_list_item_player__symbol {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
@media screen and (min-width: 769px) {
  .c-movie_list_item_player__symbol {
    left: 12.727272727272727%;
    width: 36.36363636363637%;
    height: 41.46363636363636%;
  }
}
@media screen and (max-width: 768px) {
  .c-movie_list_item_player__symbol {
    left: 16.666666666666664%;
    width: 40.150000000000006%;
    height: 46.900000000000006%;
  }
}
.c-movie_list_item_player__frame {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (min-width: 769px) {
  .p-top-news_list_item:first-of-type {
    border-top: 0.071428571428571vw solid #003f88;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news_list_item:first-of-type {
    border-top: 0.266666666666667vw solid #003f88;
  }
}
@media screen and (min-width: 769px) {
  .p-top-news_list_item:first-of-type,
  .p-top-news_list_item +.p-top-news_list_item {
    border-bottom: 0.071428571428571vw solid #003f88;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news_list_item:first-of-type,
  .p-top-news_list_item +.p-top-news_list_item {
    border-bottom: 0.266666666666667vw solid #003f88;
  }
}
@media screen and (min-width: 769px) {
}
@media screen and (min-width: 769px) {
}
@media screen and (min-width: 769px) {
  .p-footer__share__sns__btn,
  .p-top__logo,
  .p-top-news_bnr_item__object,
  [class*="p-top-news__btn--"] {
    opacity: 1;
    -webkit-transition: 0.3s opacity ease;
    transition: 0.3s opacity ease;
  }
}
@media screen and (min-width: 769px) {
  .p-footer__share__sns__btn:hover,
  .p-top__logo:hover,
  .p-top-news_bnr_item__object:hover,
  [class*="p-top-news__btn--"]:hover {
    opacity: 0.8;
  }
}
@media screen and (min-width: 769px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (min-width: 769px) {
}
@media screen and (max-width: 768px) {
}
.p-modal_container,
.p-top__modal_container {
  background: rgba(0,40,98,0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 9999;
}
.p-top__modal_close {
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .p-top__modal_close {
    width: 2.142857142857143vw;
    height: 2.142857142857143vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top__modal_close {
    width: 8vw;
    height: 8vw;
  }
}
.p-modal_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow-y: scroll;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.p-modal_container:not(.js-active) {
  pointer-events: none;
  opacity: 0;
}
.p-modal_section:not(.js-active) {
  display: none;
}
.p-modal_bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}
.p-modal_inner {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
}
@media screen and (min-width: 769px) {
  .p-modal_inner {
    padding-top: 4.714285714285714vw;
    padding-bottom: 3.928571428571428vw;
    border-radius: 0.714285714285714vw;
    width: 71.35714285714285vw;
  }
}
@media screen and (max-width: 768px) {
  .p-modal_inner {
    padding-top: 16.08vw;
    padding-bottom: 13.333333333333334vw;
    border-radius: 2.666666666666667vw;
    width: 83.73333333333333vw;
  }
}
.p-modal_cont {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-modal_cont {
    width: 44.42857142857143vw;
  }
}
@media screen and (max-width: 768px) {
  .p-modal_cont {
    width: 72vw;
  }
}
.p-modal_btn_close {
  cursor: pointer;
  position: absolute;
}
@media screen and (min-width: 769px) {
  .p-modal_btn_close {
    top: 2.142857142857143vw;
    right: 2.142857142857143vw;
    width: 4.733428571428572vw;
    height: 4.733428571428572vw;
    background: url("../images/top/modal/close_pc.svg") center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-modal_btn_close {
    top: 4.266666666666667vw;
    right: 4vw;
    width: 6.4vw;
    height: 6.4vw;
    background: url("../images/top/modal/close_sp.svg") center/contain no-repeat;
  }
}
.p-footer__share__sns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-footer__share__sns__btn {
  display: block;
}
@media screen and (min-width: 769px) {
  .p-footer__share__sns__btn {
    width: 2.857142857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-footer__share__sns__btn {
    width: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .p-footer__share__sns__btn +.p-footer__share__sns__btn {
    margin-left: 1.071428571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .p-footer__share__sns__btn +.p-footer__share__sns__btn {
    margin-left: 4vw;
  }
}
.p-footer__sponsor {
  display: block;
}
@media screen and (min-width: 769px) {
  .p-footer__sponsor {
    margin-top: 8.785714285714285vw;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
    width: 19.91857142857143vw;
  }
}
@media screen and (max-width: 768px) {
  .p-footer__sponsor {
    margin-top: 21.6vw;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
    width: 74.36266666666667vw;
  }
}
.p-footer__copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  color: #fff;
  background: #003f88;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-footer__copy {
    font-size: 0.714285714285714vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 500;
    height: 2.214285714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-footer__copy {
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 500;
    height: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .p-header__logo {
    width: 10.071428571428571vw;
  }
}
.p-top__logo {
  display: block;
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .p-top__logo {
    top: 0.714285714285714vw;
    left: 1vw;
    width: 7.357142857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top__logo {
    top: 2.4vw;
    left: 1.6vw;
    width: 20.064vw;
  }
}
.p-header__list {
  position: relative;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 769px) {
  .p-header__list {
    height: 1.071428571428571vw;
    margin-right: 3.642857142857143vw;
    margin-left: 3.571428571428571vw;
  }
}
.p-header {
  position: fixed;
  z-index: 5000;
  left: 0;
  right: 0;
  background: #fff;
}
@media screen and (min-width: 769px) {
  .p-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    top: -5.928571428571429vw;
    -webkit-transition: 0.3s top ease-out 1.2s;
    transition: 0.3s top ease-out 1.2s;
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
    height: 5.928571428571429vw;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-header {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-header.js-noCookie {
    -webkit-transition: 0.4s all ease-out 0.8s;
    transition: 0.4s all ease-out 0.8s;
  }
}
.p-header.js-active {
  top: 0;
}
.p-header.js-ready {
  top: 0;
}
@media screen and (min-width: 769px) {
  .p-header__ttl {
    height: 1.571428571428572vw;
  }
}
.p-header__ttl img {
  width: auto;
  height: 100%;
}
.p-header__active {
  position: absolute;
  bottom: -1.214285714285714vw;
  left: 0;
  right: 0;
  height: 0.285714285714286vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-header__active:before {
  content: '';
  display: block;
  height: 100%;
  width: 0%;
  -webkit-transition: 0.3s width ease;
  transition: 0.3s width ease;
  background: #0c3e86;
}
.p-header__block {
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-header__block +.p-header__block {
    margin-left: 2.142857142857143vw;
  }
}
@media screen and (min-width: 769px) {
  .p-header__block:hover .p-header__active:before {
    width: 100% !important;
  }
}
.p-header__block.js-active {
  cursor: default;
}
.p-header__block.js-active .p-header__active:before {
  width: 100%;
}
.p-header__block.is-comingsoon:after {
  position: absolute;
  pointer-events: none;
  content: '';
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url("../images/nav/and_more.png") center/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .p-header__block.is-comingsoon:after {
    width: 5.045714285714286vw;
    height: 0.714285714285714vw;
    top: -1.428571428571429vw;
  }
}
.js-animcut .p-header__block.js-active .p-header__active:before {
  width: 0%;
}
@media screen and (min-width: 769px) {
  .p-header__ticket {
    pointer-events: auto;
    width: 12.928571428571429vw;
    height: 4.285714285714286vw;
    background: #ffea5c;
    margin-right: 2.214285714285714vw;
    overflow: hidden;
    -webkit-transform: rotateZ(3deg);
    transform: rotateZ(3deg);
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    -webkit-filter: drop-shadow(0.214285714285714vw 0.214285714285714vw 0.714285714285714vw rgba(0,0,0,0.3));
    filter: drop-shadow(0.214285714285714vw 0.214285714285714vw 0.714285714285714vw rgba(0,0,0,0.3));
  }
}
@media screen and (min-width: 769px) {
  .p-header__ticket:hover {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
}
.p-header__cont__txt_01 {
  fill: #003f88;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.p-header__cont__txt_02 {
  fill: #003f88;
  stroke: #0d3f88;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.p-header__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  position: relative;
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,0.29));
  filter: drop-shadow(0 0 10px rgba(0,0,0,0.29));
}
@media screen and (min-width: 769px) {
  .p-header__btn {
    border-radius: 0.285714285714286vw;
    width: 15.142857142857144vw;
    height: 3.571428571428571vw;
  }
}
.p-header__btn:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-size: 100%;
  -webkit-transform: skew(15deg);
  transform: skew(15deg);
}
@media screen and (min-width: 769px) {
  .p-header__btn:before {
    background-image: url("../images/navigation/bg_btn_pc.svg");
    background-repeat: no-repeat;
  }
}
.p-header__btn .c-header-btn__txt {
  position: relative;
  color: #0d3f88;
  -webkit-transform: skew(15deg);
  transform: skew(15deg);
}
@media screen and (min-width: 769px) {
  .p-header__btn .c-header-btn__txt {
    padding-left: 1.5vw;
    height: 1.428571428571429vw;
  }
}
.p-header__btn .c-header-btn__txt img {
  width: auto;
  height: 100%;
}
.p-header__btn .c-header-btn_arrow {
  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;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  -webkit-transform: skew(15deg);
  transform: skew(15deg);
  border-radius: 50%;
  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .p-header__btn .c-header-btn_arrow {
    right: 1.428571428571429vw;
    width: 2.285714285714286vw;
    height: 2.285714285714286vw;
  }
}
.p-header__btn .c-header-btn_arrow svg {
  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
  stroke: #0d3f88;
}
@media screen and (min-width: 769px) {
  .p-header__btn .c-header-btn_arrow svg {
    padding-left: 0.285714285714286vw;
    padding-bottom: 0.357142857142857vw;
    width: 1.142857142857143vw;
    height: 1.142857142857143vw;
  }
}
@media screen and (min-width: 769px) {
  .p-header__btn:hover {
    -webkit-animation: furu 2.5s forwards;
    animation: furu 2.5s forwards;
  }
}
@media screen and (min-width: 769px) {
  .p-header__btn:hover .c-header-btn_arrow {
    background-color: #003f88;
  }
}
@media screen and (min-width: 769px) {
  .p-header__btn:hover svg {
    stroke: #fff;
  }
}
.p-header__cont {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .p-header__cont {
    width: 10.619285714285713vw;
    height: 2.23vw;
  }
}
@-webkit-keyframes ticket_anim {
  0% {
    -webkit-transform: translate(0px, 2px);
    transform: translate(0px, 2px);
  }
  5% {
    -webkit-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
  }
  10% {
    -webkit-transform: translate(0px, 2px);
    transform: translate(0px, 2px);
  }
  15% {
    -webkit-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
  }
  20% {
    -webkit-transform: translate(0px, 2px);
    transform: translate(0px, 2px);
  }
  25% {
    -webkit-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
  }
  30% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes ticket_anim {
  0% {
    -webkit-transform: translate(0px, 2px);
    transform: translate(0px, 2px);
  }
  5% {
    -webkit-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
  }
  10% {
    -webkit-transform: translate(0px, 2px);
    transform: translate(0px, 2px);
  }
  15% {
    -webkit-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
  }
  20% {
    -webkit-transform: translate(0px, 2px);
    transform: translate(0px, 2px);
  }
  25% {
    -webkit-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
  }
  30% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes furu {
  0% {
    -webkit-transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
    transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
  }
  2% {
    -webkit-transform: skew(-15deg) translate(2px, 2px) rotateZ(2deg);
    transform: skew(-15deg) translate(2px, 2px) rotateZ(2deg);
  }
  4% {
    -webkit-transform: skew(-15deg) translate(0px, 2px) rotateZ(0deg);
    transform: skew(-15deg) translate(0px, 2px) rotateZ(0deg);
  }
  6% {
    -webkit-transform: skew(-15deg) translate(2px, 0px) rotateZ(-2deg);
    transform: skew(-15deg) translate(2px, 0px) rotateZ(-2deg);
  }
  8% {
    -webkit-transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
    transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
  }
  10% {
    -webkit-transform: skew(-15deg) translate(2px, 2px) rotateZ(2deg);
    transform: skew(-15deg) translate(2px, 2px) rotateZ(2deg);
  }
  12% {
    -webkit-transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
    transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
  }
  14% {
    -webkit-transform: skew(-15deg) translate(2px, 0px) rotateZ(-2deg);
    transform: skew(-15deg) translate(2px, 0px) rotateZ(-2deg);
  }
  16% {
    -webkit-transform: skew(-15deg) translate(0px, 2px) rotateZ(0deg);
    transform: skew(-15deg) translate(0px, 2px) rotateZ(0deg);
  }
  18% {
    -webkit-transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
    transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
  }
  100% {
    -webkit-transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
    transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
  }
}
@keyframes furu {
  0% {
    -webkit-transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
    transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
  }
  2% {
    -webkit-transform: skew(-15deg) translate(2px, 2px) rotateZ(2deg);
    transform: skew(-15deg) translate(2px, 2px) rotateZ(2deg);
  }
  4% {
    -webkit-transform: skew(-15deg) translate(0px, 2px) rotateZ(0deg);
    transform: skew(-15deg) translate(0px, 2px) rotateZ(0deg);
  }
  6% {
    -webkit-transform: skew(-15deg) translate(2px, 0px) rotateZ(-2deg);
    transform: skew(-15deg) translate(2px, 0px) rotateZ(-2deg);
  }
  8% {
    -webkit-transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
    transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
  }
  10% {
    -webkit-transform: skew(-15deg) translate(2px, 2px) rotateZ(2deg);
    transform: skew(-15deg) translate(2px, 2px) rotateZ(2deg);
  }
  12% {
    -webkit-transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
    transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
  }
  14% {
    -webkit-transform: skew(-15deg) translate(2px, 0px) rotateZ(-2deg);
    transform: skew(-15deg) translate(2px, 0px) rotateZ(-2deg);
  }
  16% {
    -webkit-transform: skew(-15deg) translate(0px, 2px) rotateZ(0deg);
    transform: skew(-15deg) translate(0px, 2px) rotateZ(0deg);
  }
  18% {
    -webkit-transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
    transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
  }
  100% {
    -webkit-transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
    transform: skew(-15deg) translate(0px, 0px) rotateZ(0deg);
  }
}
@media screen and (max-width: 768px) {
  .p-navigation__list {
    margin-top: 17.578125vh;
    margin-left: 7.733333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-navigation__btn--close {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-navigation__btn--close {
    position: fixed;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.3s opacity ease;
    transition: 0.3s opacity ease;
    right: 8vw;
    top: 8vw;
    width: 6.4vw;
    height: 6.4vw;
    z-index: 3100;
  }
}
@media screen and (min-width: 769px) {
  .p-top__close__btn--open {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-top__close__btn--open {
    pointer-events: none;
    width: 100%;
    height: 100%;
    background: #003f88;
    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;
    -webkit-transition: 0.4s all ease-out 1.2s;
    transition: 0.4s all ease-out 1.2s;
    -webkit-transform: translateY(120%);
    transform: translateY(120%);
  }
  .p-top__close__btn--open img {
    width: 8vw;
  }
}
.p-top__close__btn--open.js-ready,
.p-top__close__btn--open.js-active {
  pointer-events: auto;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
@media screen and (max-width: 768px) {
  .p-top__close__btn--open.js-noCookie {
    -webkit-transition: 0.4s all ease-out 0.8s;
    transition: 0.4s all ease-out 0.8s;
  }
}
@media screen and (max-width: 768px) {
  .p-top__close__btn--open.is-notification:before {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    display: block;
    width: 2.133333333333333vw;
    height: 2.133333333333333vw;
    border-radius: 50%;
  }
}
@media screen and (max-width: 768px) {
  .js-open .p-navigation__btn--close {
    opacity: 1;
    pointer-events: auto;
  }
}
@media screen and (max-width: 768px) {
  .js-open .p-top__close__btn--open {
    opacity: 0;
    pointer-events: none;
  }
}
@media screen and (max-width: 768px) {
  .js-open .p-top_fixbtn {
    opacity: 0;
    pointer-events: none;
  }
}
@media screen and (min-width: 769px) {
  .p-navigation {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-navigation {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    background: rgba(0,40,98,0.8);
    z-index: 3000;
    opacity: 0;
    pointer-events: none;
  }
}
.p-navigation__ttl {
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-navigation__ttl {
    font-size: 8vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
  }
}
.p-navigation__block {
  position: relative;
  display: block;
}
@media screen and (max-width: 768px) {
  .p-navigation__block img {
    width: auto;
    height: 7.466666666666668vw;
  }
}
@media screen and (max-width: 768px) {
  .p-navigation__block +.p-navigation__block {
    margin-top: 8vw;
  }
}
.p-navigation__block.is-pick .p-navigation__ttl:after {
  position: absolute;
  pointer-events: none;
  content: '';
  display: block;
  background: url("../images/navigation/accent.png") center/contain no-repeat;
}
@media screen and (max-width: 768px) {
  .p-navigation__block.is-pick .p-navigation__ttl:after {
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 14.946666666666667vw;
    height: 2.933333333333333vw;
    top: -4.8vw;
  }
}
.p-navigation__share__sns {
  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;
  margin-left: 6.666666666666667vw;
  width: 46.666666666666664vw;
  margin-top: 15.104166666666666vh;
}
.p-navigation__share__sns__btn {
  display: block;
  width: 6.333333333333334vw;
}
@media screen and (max-width: 768px) {
  .p-navigation__list_btn {
    margin-left: 8vw;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .p-bg__line_cont_01 {
    top: 67.64285714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-bg__line_cont_01 {
    top: 217.33333333333334vw;
  }
}
.p-bg__line_cont_02 {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
@media screen and (min-width: 769px) {
  .p-bg__line_cont_02 {
    top: 170vw;
  }
}
@media screen and (max-width: 768px) {
  .p-bg__line_cont_02 {
    top: 578.9333333333334vw;
  }
}
[class*="p-bg__line_cont"] {
  position: relative;
  width: 100%;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
}
@media screen and (min-width: 769px) {
  [class*="p-bg__line_cont"] {
    height: 48.785714285714285vw;
  }
}
@media screen and (max-width: 768px) {
  [class*="p-bg__line_cont"] {
    height: 83.06666666666666vw;
  }
}
[class*="p-bg__line_cont"].js-active {
  -webkit-clip-path: inset(0 0% 0 0);
  clip-path: inset(0 0% 0 0);
  -webkit-transition: 1s -webkit-clip-path ease;
  transition: 1s -webkit-clip-path ease;
  transition: 1s clip-path ease;
  transition: 1s clip-path ease, 1s -webkit-clip-path ease;
}
.p-bg__line_01_obj {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 769px) {
  .p-bg__line_01_obj {
    width: 127.28571428571429vw;
  }
}
@media screen and (max-width: 768px) {
  .p-bg__line_01_obj {
    width: 137.20000000000002vw;
  }
}
.p-modal_cl_hdg {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-modal_cl_hdg {
    width: 27.717857142857145vw;
  }
}
@media screen and (max-width: 768px) {
  .p-modal_cl_hdg {
    width: 62.088vw;
  }
}
@media screen and (min-width: 769px) {
  .p-modal_cl_img {
    border-radius: 0.357142857142857vw;
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .p-modal_cl_img {
    border-radius: 1.333333333333333vw;
    margin-top: 7.6vw;
  }
}
.p-modal_cl_btn {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-modal_cl_btn {
    margin-top: 2.142857142857143vw;
  }
}
@media screen and (max-width: 768px) {
  .p-modal_cl_btn {
    margin-top: 5.866666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-modal_cl_txt {
    font-size: 1.071428571428571vw;
    line-height: 1.6;
    letter-spacing: 0.1em;
    font-weight: 500;
    margin-top: 0.714285714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-modal_cl_txt {
    font-size: 3.733333333333334vw;
    line-height: 1.714285714285714;
    letter-spacing: 0.1em;
    font-weight: 500;
    margin-top: 4.666666666666667vw;
  }
}
.p-top-design_list_item {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-top-design_list_item {
    width: 57.99999999999999vw;
    height: 32.64285714285714vw;
    border-radius: 0.357142857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-design_list_item {
    width: 84vw;
    border-radius: 1.333333333333333vw;
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
  }
}
.p-top__modal_container {
  opacity: 0;
  pointer-events: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.p-top__modal_container.js-active,
.p-top__modal_container.js-open {
  opacity: 1;
  pointer-events: auto;
}
.p-top__modal_inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.p-top__modal_block {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-top__modal_block.u-movie {
    width: 57.14285714285714vw;
    height: 32.142857142857146vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top__modal_block.u-movie {
    width: 100%;
    height: 56.266666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top__modal_block.u-picture {
    width: 57.14285714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top__modal_block.u-picture {
    width: 100%;
  }
}
.p-top__modal_block.u-picture .p-top__modal_img:not(.js-active) {
  display: none;
}
@media screen and (min-width: 769px) {
  .p-top__modal_block iframe {
    width: 57.14285714285714vw;
    height: 32.142857142857146vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top__modal_block iframe {
    width: 100%;
    height: 56.266666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top__modal_close {
    position: absolute;
    top: -4.285714285714286vw;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-top__modal_close {
    position: absolute;
    top: -13.333333333333334vw;
    right: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-design_about {
    padding-top: 6.214285714285714vw;
    padding-bottom: 10.357142857142858vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-design_about {
    padding-top: 7.733333333333333vw;
    padding-bottom: 20.533333333333335vw;
  }
}
.p-top-design_about .p-top-design_hdg {
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .p-top-design_about .p-top-design_hdg {
    font-size: 2.857142857142857vw;
    line-height: 1.125;
    letter-spacing: 0.1em;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .p-top-design_about .p-top-design_hdg {
    font-size: 5.866666666666666vw;
    line-height: 1.6;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}
.p-top-design_about .p-top-design_hdg span {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.p-top-design_about .p-top-design_txt {
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .p-top-design_about .p-top-design_txt {
    font-size: 1.285714285714286vw;
    line-height: 2;
    letter-spacing: 0.1em;
    font-weight: 700;
    margin-top: 2.928571428571429vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-design_about .p-top-design_txt {
    font-size: 3.733333333333334vw;
    line-height: 1.857142857142857;
    letter-spacing: 0.05em;
    font-weight: 700;
    margin-top: 5.066666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-design_about .p-top-design_txt +.p-top-design_txt {
    margin-top: 2.142857142857143vw;
  }
}
.p-top-design_visual {
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 769px) {
  .p-top-design_visual {
    background-image: url("../images/top/design/bg_visual_pc.jpg");
  }
}
@media screen and (max-width: 768px) {
  .p-top-design_visual {
    background-image: url("../images/top/design/bg_visual_sp.jpg");
  }
}
@media screen and (min-width: 769px) {
  .p-top-design_visual_inner {
    padding-top: 5.714285714285714vw;
    padding-bottom: 5.714285714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-design_visual_inner {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}
.p-top-design_visual_bnr {
  margin-top: 0;
  margin-left: auto;
  margin-bottom: 0;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-top-design_visual_bnr {
    width: 77.71428571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-design_visual_bnr {
    width: 84vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-design_visual_bnr_btn+.p-top-design_visual_bnr_btn {
    margin-top: 5.333333333333334vw;
  }
}
.p-top-design_visual_btn {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-top-design_visual_btn {
    margin-top: 2.857142857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-design_visual_btn {
    margin-top: 5.333333333333334vw;
  }
}
.p-gallery_slider {
  position: relative;
}
.p-gallery_slider__items {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .p-gallery_slider__items {
    padding-left: 3.285714285714286vw;
    padding-right: 3.285714285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .p-gallery_slider__items {
    padding-left: 18.666666666666668vw;
    padding-right: 18.666666666666668vw;
  }
}
[class*=p-gallery_slider__btn--] {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  [class*=p-gallery_slider__btn--] {
    width: 2.857142857142857vw;
    height: 4.285714285714286vw;
  }
}
@media screen and (max-width: 768px) {
  [class*=p-gallery_slider__btn--] {
    width: 5.333333333333334vw;
    height: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .p-gallery_slider__btn--next {
    right: 18.142857142857142vw;
  }
}
@media screen and (max-width: 768px) {
  .p-gallery_slider__btn--next {
    right: 8vw;
  }
}
.p-gallery_slider__btn--prev {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
@media screen and (min-width: 769px) {
  .p-gallery_slider__btn--prev {
    left: 18.142857142857142vw;
  }
}
@media screen and (max-width: 768px) {
  .p-gallery_slider__btn--prev {
    left: 8vw;
  }
}
.p-top-goods__img {
  display: block;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .p-top-goods__img {
    cursor: pointer;
    -webkit-transition: 0.3s opacity ease;
    transition: 0.3s opacity ease;
    border-radius: 0.357142857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-goods__img {
    border-radius: 1.333333333333333vw;
  }
}
.p-top-goods__img:hover {
  opacity: 0.6;
}
.p-top-goods_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-top-goods_inner {
    width: 57.99999999999999vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-goods_inner {
    width: 84vw;
  }
}
.p-top-goods_btn {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-top-goods_btn {
    margin-top: 2.857142857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-goods_btn {
    margin-top: 5.333333333333334vw;
  }
}
.p-top-kv__container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.p-top-kv {
  position: relative;
  width: 100%;
  background: #fff;
}
.p-top-kv::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 4;
  background-size: auto 100%;
  background-position: bottom center;
  -webkit-transition: 0.5s all ease-out 1s;
  transition: 0.5s all ease-out 1s;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-top-kv::after {
    height: 7.642857142857143vw;
    background-image: url("../images/top/kv/shadow_pc.png");
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv::after {
    height: 49.333333333333336vw;
    background-image: url("../images/top/kv/shadow_sp.png");
  }
}
.p-top-kv.js-active::after {
  opacity: 1;
}
.p-top-kv.js-noCookie::after {
  -webkit-transition: 0.5s all ease-out 0.5s;
  transition: 0.5s all ease-out 0.5s;
}
.p-top-kv.js-noCookie.js-active::after {
  opacity: 1;
}
.p-top-kv-bg {
  position: relative;
  z-index: 2;
}
.p-top-kv-video {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-transition: 0.1s all ease-out;
  transition: 0.1s all ease-out;
}
@media screen and (min-width: 769px) {
  .p-top-kv-video {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-video {
    width: 100vw;
    height: 177.86666666666667vw;
  }
}
.p-top-kv-video.js-active {
  display: block;
}
.p-top-kv-video.js-ended {
  opacity: 0;
}
.p-top-kv-video video {
  width: 100%;
  height: 100%;
}
.p-top-kv-render {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.p-top-kv__ttl {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 50;
}
@media screen and (min-width: 769px) {
  .p-top-kv__ttl {
    top: 32.42857142857143vw;
    width: 52.035714285714285vw;
    height: 19.214285714285715vw;
    background: url("../images/top/kv/ttl_pc.png") top center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__ttl {
    top: 72.58666666666667vw;
    width: 75.86666666666667vw;
    height: 39.33333333333333vw;
    background: url("../images/top/kv/ttl_sp.png") top center/contain no-repeat;
  }
}
.p-top-kv-player_wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.p-top-kv-player_obj {
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.p-top-kv-player_obj[data-num="1"] {
  z-index: 2;
  -webkit-transition: 0.4s all ease-out;
  transition: 0.4s all ease-out;
}
.p-top-kv-player_obj[data-num="1"].js-active {
  opacity: 1;
}
.p-top-kv-player_obj[data-num="1"].js-noCookie {
  -webkit-transition: 0.4s all ease-out;
  transition: 0.4s all ease-out;
}
.p-top-kv-player_obj[data-num="1"].js-noCookie.js-active {
  opacity: 1;
}
.p-top-kv-player_obj[data-num="2"] {
  z-index: 2;
  -webkit-transition: 0.4s all ease-out 0.4s;
  transition: 0.4s all ease-out 0.4s;
}
@media screen and (min-width: 769px) {
  .p-top-kv-player_obj[data-num="2"] {
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
  }
}
.p-top-kv-player_obj[data-num="2"].js-active {
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .p-top-kv-player_obj[data-num="2"].js-active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-player_obj[data-num="2"].js-active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.p-top-kv-player_obj[data-num="2"].js-noCookie {
  -webkit-transition: 0.1s opacity ease, 0.4s -webkit-transform ease;
  transition: 0.1s opacity ease, 0.4s -webkit-transform ease;
  transition: 0.1s opacity ease, 0.4s transform ease;
  transition: 0.1s opacity ease, 0.4s transform ease, 0.4s -webkit-transform ease;
}
@media screen and (min-width: 769px) {
  .p-top-kv-player_obj[data-num="2"].js-noCookie {
    -webkit-transform: translate(-9.642%, -23.65%) scale(2.7);
    transform: translate(-9.642%, -23.65%) scale(2.7);
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-player_obj[data-num="2"].js-noCookie {
    -webkit-transform: translate(-38.666%, -21.139%) scale(2.5);
    transform: translate(-38.666%, -21.139%) scale(2.5);
  }
}
.p-top-kv-player_obj[data-num="2"].js-noCookie.js-active {
  opacity: 1;
  -webkit-transform: translate(0px, 0px) scale(1);
  transform: translate(0px, 0px) scale(1);
}
.p-top-kv-shadow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .p-top-kv-player_logo {
    position: absolute;
    z-index: 5;
    top: 4vw;
    left: 4vw;
    width: 9.333333333333334vw;
  }
}
.p-top-kv-player_hdg {
  position: absolute;
  z-index: 5;
  -webkit-transition: 0.4s all ease-out 0.8s;
  transition: 0.4s all ease-out 0.8s;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-top-kv-player_hdg {
    top: 5.071428571428571vw;
    right: -1.142857142857143vw;
    width: 10.928571428571429vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-player_hdg {
    top: -2.666666666666667vw;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 30.666666666666664vw;
  }
}
.p-top-kv-player_hdg.js-active {
  opacity: 1;
}
.p-top-kv-player_hdg.js-noCookie {
  -webkit-transition: 0.4s all ease-out 0.4s;
  transition: 0.4s all ease-out 0.4s;
}
.p-top-kv-player_hdg.js-noCookie.js-active {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .p-top-kv-player_btn-wrapper {
    overflow: hidden;
    position: absolute;
    z-index: 5;
    top: 152vw;
    left: 0;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-player_btn-wrapper.js-active .p-top-kv-player_btn {
    -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,0.29));
    filter: drop-shadow(0 0 10px rgba(0,0,0,0.29));
    -webkit-transform: translateY(0) skew(-15deg);
    transform: translateY(0) skew(-15deg);
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-player_btn-wrapper.js-noCookie .p-top-kv-player_btn {
    -webkit-transition: 0.4s all ease-out 0.8s;
    transition: 0.4s all ease-out 0.8s;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-player_btn {
    margin-left: auto;
    margin-right: auto;
    -webkit-filter: drop-shadow(0 0 0 rgba(0,0,0,0));
    filter: drop-shadow(0 0 0 rgba(0,0,0,0));
    -webkit-transition: 0.4s all ease-out 1.2s;
    transition: 0.4s all ease-out 1.2s;
    -webkit-transform: translateY(120%) skew(-15deg);
    transform: translateY(120%) skew(-15deg);
  }
}
.p-top-kv-player_title {
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-top-kv-player_title {
    top: 57.714285714285715vw;
    width: 31.142857142857146vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-player_title {
    top: 168vw;
    width: 63.733333333333334vw;
  }
}
.p-top-kv-player_title img {
  -webkit-transition: 0.4s -webkit-transform ease-out 0.8s;
  transition: 0.4s -webkit-transform ease-out 0.8s;
  transition: 0.4s transform ease-out 0.8s;
  transition: 0.4s transform ease-out 0.8s, 0.4s -webkit-transform ease-out 0.8s;
  -webkit-transform: translateY(120%);
  transform: translateY(120%);
}
.p-top-kv-player_title.js-noCookie img {
  -webkit-transition: 0.4s -webkit-transform ease-out 0.4s;
  transition: 0.4s -webkit-transform ease-out 0.4s;
  transition: 0.4s transform ease-out 0.4s;
  transition: 0.4s transform ease-out 0.4s, 0.4s -webkit-transform ease-out 0.4s;
}
.p-top-kv-player_title.js-active img {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.p-top-kv-logo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  .p-top-kv-logo {
    width: 48.98857142857143vw;
    height: 32.190000000000005vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-logo {
    width: 129.00799999999998vw;
    height: 105.18399999999998vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-news_list__area {
    width: 77.71428571428571vw;
    margin-top: 5.714285714285714vw;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news_list__area {
    width: 84vw;
    margin-top: 13.333333333333334vw;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
  }
}
.p-top-news_list {
  overflow: hidden;
}
.p-top-news_list_item {
  position: relative;
}
.p-top-news_list_item:after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  content: '';
  display: block;
  background: url("../images/common/symbol/slide_arrow.png") top center/cover no-repeat;
}
@media screen and (min-width: 769px) {
  .p-top-news_list_item:after {
    right: 1.571428571428572vw;
    width: 0.571428571428571vw;
    height: 0.857142857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news_list_item:after {
    right: 0;
    width: 2.133333333333333vw;
    height: 3.2vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-news_bnr_container {
    margin-top: 2.142857142857143vw;
    width: 77.14285714285715vw;
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
  }
}
.p-top-news_bnr_item__object {
  text-decoration: none;
  display: block;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-top-news_bnr_item__object {
    padding-left: 1.428571428571429vw;
    padding-right: 1.428571428571429vw;
    padding-top: 0.714285714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news_bnr_item__object {
    padding-left: 4vw;
    padding-right: 4vw;
    padding-top: 1.866666666666667vw;
  }
}
.p-top-news_bnr_item__object .is-pick__new {
  position: absolute;
  top: 0;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .p-top-news_bnr_item__object .is-pick__new {
    width: 5vw;
    left: 0.714285714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news_bnr_item__object .is-pick__new {
    width: 16vw;
    left: 1.066666666666667vw;
  }
}
.p-top-news_bnr_inner {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-top-news__btn__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.428571428571429vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__btn__box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
  }
}
[class*="p-top-news__btn--"] {
  cursor: pointer;
  z-index: 20;
}
@media screen and (min-width: 769px) {
  [class*="p-top-news__btn--"] {
    margin: auto 0;
    width: 2.857142857142857vw;
    height: 2.857142857142857vw;
  }
}
@media screen and (max-width: 768px) {
  [class*="p-top-news__btn--"] {
    position: absolute;
    top: 13.066666666666665vw;
    bottom: 0;
    pointer-events: auto;
    width: 10.666666666666668vw;
    height: 10.666666666666668vw;
  }
}
.p-top-news__btn--prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .p-top-news__btn--prev {
    left: 5.333333333333334vw;
    -webkit-filter: drop-shadow(0 -3.733333333333334vw 4.266666666666667vw rgba(0,0,0,0.3));
    filter: drop-shadow(0 -3.733333333333334vw 4.266666666666667vw rgba(0,0,0,0.3));
  }
}
@media screen and (min-width: 769px) {
  .p-top-news__btn--next {
    margin-left: 0.714285714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__btn--next {
    right: 5.333333333333334vw;
    margin-left: 2.666666666666667vw;
    -webkit-filter: drop-shadow(0 3.733333333333334vw 4.266666666666667vw rgba(0,0,0,0.3));
    filter: drop-shadow(0 3.733333333333334vw 4.266666666666667vw rgba(0,0,0,0.3));
  }
}
.p-top-news_bnr_item__object__text {
  color: #ea609e;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .p-top-news_bnr_item__object__text {
    margin-top: 1.471428571428572vw;
    font-size: 0.928571428571429vw;
    line-height: 1.692307692307692;
    letter-spacing: 0em;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news_bnr_item__object__text {
    font-size: 3.466666666666666vw;
    line-height: 1.692307692307692;
    letter-spacing: 0em;
    font-weight: 500;
    margin-top: 4.266666666666667vw;
  }
}
.p-top-news_bnr_item__object__date {
  color: #fff;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .p-top-news_bnr_item__object__date {
    margin-top: 0.357142857142857vw;
    font-size: 0.785714285714286vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news_bnr_item__object__date {
    margin-top: 0.8vw;
    font-size: 2.933333333333333vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
.p-top-news_list_object {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  -webkit-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
}
@media screen and (min-width: 769px) {
  .p-top-news_list_object {
    padding-top: 1.785714285714286vw;
    padding-bottom: 1.785714285714286vw;
    padding-left: 1.428571428571429vw;
    padding-right: 1.428571428571429vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news_list_object {
    padding-top: 5.893333333333334vw;
    padding-bottom: 5.36vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-news_list_object:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 769px) {
  .p-top-news_list_item__arrow {
    width: 0.664285714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news_list_item__arrow {
    width: 2.48vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-news_list_item__block {
    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;
  }
}
.p-top-news__data {
  color: #003f88;
}
@media screen and (min-width: 769px) {
  .p-top-news__data {
    font-size: 1vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__data {
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
.p-top-news__ttl {
  color: #003f88;
}
@media screen and (min-width: 769px) {
  .p-top-news__ttl {
    width: 65.14285714285715vw;
    font-size: 1vw;
    line-height: 1.8;
    letter-spacing: 0.08em;
    font-weight: 500;
    margin-left: 2.142857142857143vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__ttl {
    width: 76vw;
    font-size: 3.2vw;
    line-height: 1.8;
    letter-spacing: 0.1em;
    font-weight: 500;
    margin-top: 3.466666666666666vw;
  }
}
.p-top-news_list_more {
  text-align: center;
  -webkit-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .p-top-news_list_more {
    margin-top: 1.785714285714286vw;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news_list_more {
    margin-top: 6.666666666666667vw;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
  }
}
.p-top-news_list_more.js-hidden {
  opacity: 0;
  pointer-events: none;
}
.p-top__op__modal__container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #000;
  z-index: 9999;
  opacity: 1;
  pointer-events: none;
  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;
}
.p-top-slogan_wrap {
  background: #fff;
  position: relative;
}
.p-top-slogan_container {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (min-width: 769px) {
  .p-top-slogan_container {
    background-image: url("../images/top/slogan/bg_pc.png");
  }
}
@media screen and (max-width: 768px) {
  .p-top-slogan_container {
    background-image: url("../images/top/slogan/bg_sp.png");
  }
}
@media screen and (min-width: 769px) {
  .p-top-slogan_block {
    padding-top: 11.214285714285714vw;
    padding-bottom: 10.642857142857142vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-slogan_block {
    padding-top: 22.666666666666664vw;
    padding-bottom: 22.133333333333333vw;
  }
}
.p-top-slogan_hdg {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-top-slogan_hdg {
    width: 51.5vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-slogan_hdg {
    width: 85.06666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-slogan_detail {
    margin-top: 5.357142857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-slogan_detail {
    margin-top: 9.866666666666667vw;
  }
}
.p-top-slogan_txt {
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .p-top-slogan_txt {
    font-size: 1.285714285714286vw;
    line-height: 2;
    letter-spacing: 0.1em;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .p-top-slogan_txt {
    font-size: 3.733333333333334vw;
    line-height: 1.857142857142857;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}
@media screen and (min-width: 769px) {
  .p-top-slogan_txt +.p-top-slogan_txt {
    margin-top: 2.142857142857143vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-slogan_txt +.p-top-slogan_txt {
    margin-top: 5.066666666666666vw;
  }
}
.p-top-slogan_thumb {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
}
.p-top-slogan_thumb:hover {
  opacity: 0.6;
}
@media screen and (min-width: 769px) {
  .p-top-slogan_thumb {
    width: 58.07142857142858vw;
    border-radius: 0.428571428571429vw;
    margin-top: 5.357142857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-slogan_thumb {
    width: 83.89333333333335vw;
    margin-top: 5.866666666666666vw;
  }
}
.p-top-slogan_btn {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-top-slogan_btn {
    margin-top: 2.785714285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-slogan_btn {
    margin-top: 5.333333333333334vw;
  }
}
.l-footer {
  position: relative;
}
.p-top-sns_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0;
  margin-left: auto;
  margin-bottom: 0;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-top-sns_list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 57.35714285714286vw;
    padding-bottom: 5.714285714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-sns_list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 84vw;
    padding-bottom: 16vw;
  }
}
.p-top-sns_description {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-top-sns_description {
    font-size: 1.142857142857143vw;
    line-height: 1;
    letter-spacing: 0.07em;
    font-weight: 900;
    margin-top: 3vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-sns_description {
    font-size: 3.733333333333334vw;
    line-height: 1.5;
    letter-spacing: 0.07em;
    font-weight: 900;
    margin-top: 9.333333333333334vw;
  }
}
.o-sns_item {
  position: relative;
  display: block;
}
@media screen and (min-width: 769px) {
  .o-sns_item {
    width: 16.642857142857142vw;
    height: 6.785714285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .o-sns_item {
    width: 39.2vw;
    height: 16vw;
  }
}
@media screen and (min-width: 769px) {
  .o-sns_item +.o-sns_item {
    margin-left: 3.714285714285714vw;
  }
}
@media screen and (min-width: 769px) {
  .o-sns_item:hover .o-sns_item__bg {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@media screen and (max-width: 768px) {
  .o-sns_item:nth-of-type(even) {
    margin-left: 5.600000000000001vw;
  }
}
@media screen and (max-width: 768px) {
  .o-sns_item:nth-of-type(n+3) {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .o-sns_item:nth-of-type(n+4) {
    margin-top: 3.571428571428571vw;
  }
}
@media screen and (min-width: 769px) {
  .o-sns_item:nth-of-type(4) {
    margin-left: 0;
  }
}
.o-sns_item__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  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: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.o-sns_item__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  -webkit-transition: 0.3s -webkit-transform ease;
  transition: 0.3s -webkit-transform ease;
  transition: 0.3s transform ease;
  transition: 0.3s transform ease, 0.3s -webkit-transform ease;
  background: #003f88;
}
@media screen and (min-width: 769px) {
  .o-sns_item__bg {
    border-radius: 0.357142857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .o-sns_item__bg {
    border-radius: 1.333333333333333vw;
  }
}
.o-sns_item__img {
  width: auto;
}
@media screen and (min-width: 769px) {
  .o-sns_item__img {
    height: 3.214285714285714vw;
    margin-left: 1.785714285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .o-sns_item__img {
    height: 8vw;
    margin-left: 4vw;
  }
}
.o-sns_item__img img {
  width: auto;
  height: 100%;
}
.p-top-section_container {
  margin-top: 0;
  margin-left: auto;
  margin-bottom: 0;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-top-section_container {
    width: 74.28571428571429vw;
    padding-top: 8.571428571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-section_container {
    width: 100%;
    padding-top: 21.333333333333336vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-section_container.u-design {
    padding-top: 9.714285714285714vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-section_container.u-goods {
    padding-top: 8.785714285714285vw;
    padding-bottom: 2.142857142857143vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-section_container.u-goods {
    padding-bottom: 2.4vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-section_container.u-gallery {
    padding-top: 7.142857142857142vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-section_container.u-gallery {
    padding-top: 13.333333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-section_container.u-news {
    padding-top: 8.785714285714285vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-section_container.u-news {
    padding-top: 20.8vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-section_container.u-sns {
    padding-top: 6.071428571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-section_container.u-sns {
    padding-top: 17.066666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-section_container.p-top-section_container {
    width: 100%;
    overflow: hidden;
  }
}
.p-top-section_ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .p-top-section_ttl {
    height: 4.642857142857143vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-section_ttl {
    height: 10.133333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-section_ttl.u-design {
    height: 6.071428571428571vw;
  }
}
.p-top-section_ttl img {
  display: block;
  height: 100%;
  width: auto;
}
@media screen and (min-width: 769px) {
  .p-top-block_container {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-block_container {
    margin-top: 6.666666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-block_container.u-design {
    margin-top: 1vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-block_container.u-design {
    margin-top: 4vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-block_container.u-goods {
    margin-top: 1.785714285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-block_container.u-goods {
    margin-top: 4vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-block_container.u-gallery {
    margin-top: 2.428571428571428vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-block_container.u-gallery {
    margin-top: 4.8vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-block_container.u-news {
    margin-top: 2.214285714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-block_container.u-news {
    margin-top: 5.866666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-block_container.u-sns {
    margin-top: 2.214285714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-block_container.u-sns {
    margin-top: 5.866666666666666vw;
  }
}
.p-topics_slider__items__object__img {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-topics_slider__items__object__img {
    border-radius: 0.357142857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-topics_slider__items__object__img {
    border-radius: 1.333333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-topics_slider__items__object__img img {
    -webkit-transition: 0.3s -webkit-transform ease;
    transition: 0.3s -webkit-transform ease;
    transition: 0.3s transform ease;
    transition: 0.3s transform ease, 0.3s -webkit-transform ease;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@media screen and (min-width: 769px) {
  .p-topics_slider__items:hover a.p-topics_slider__items__object .p-topics_slider__items__object__img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
.p-topics_slider__items__object {
  display: block;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .p-topics_slider__items__object {
    padding-left: 1.857142857142857vw;
    padding-right: 1.857142857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-topics_slider__items__object {
    margin-left: 13.333333333333334vw;
    margin-right: 13.333333333333334vw;
  }
}
.p-topics_slider__items__object__description {
  text-decoration: none;
  color: #003f88;
}
@media screen and (min-width: 769px) {
  .p-topics_slider__items__object__description {
    font-size: 1vw;
    line-height: 1.8;
    letter-spacing: 0.08em;
    font-weight: 500;
    margin-top: 0.571428571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .p-topics_slider__items__object__description {
    font-size: 3.2vw;
    line-height: 1.666666666666667;
    letter-spacing: 0.1em;
    font-weight: 500;
    margin-top: 2.133333333333333vw;
  }
}
.p-topics_slider__items__object__date {
  text-decoration: none;
  color: #afafaf;
}
@media screen and (min-width: 769px) {
  .p-topics_slider__items__object__date {
    font-size: 0.857142857142857vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    margin-top: 0.571428571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .p-topics_slider__items__object__date {
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    margin-top: 2.133333333333333vw;
  }
}
.p-topics_slider__list {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 769px) {
  .p-topics_slider__list {
    width: 132vw;
  }
}
.p-topics_slider__list .slick-slide {
  opacity: 0.4;
  -webkit-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
}
.p-topics_slider__list .slick-slide.slick-active {
  opacity: 1;
}
[class*="p-topics_slider__btn"] {
  position: absolute;
}
@media screen and (min-width: 769px) {
  [class*="p-topics_slider__btn"] {
    top: 5.571428571428571vw;
    width: 1.428571428571429vw;
    height: 2.142857142857143vw;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: 0.3s opacity ease;
    transition: 0.3s opacity ease;
  }
}
@media screen and (max-width: 768px) {
  [class*="p-topics_slider__btn"] {
    top: 16.8vw;
    width: 5.333333333333334vw;
    height: 8vw;
  }
}
@media screen and (min-width: 769px) {
  [class*="p-topics_slider__btn"]:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 769px) {
  .p-topics_slider__btn--next {
    right: 8.571428571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .p-topics_slider__btn--next {
    right: 4vw;
  }
}
.p-topics_slider__btn--prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media screen and (min-width: 769px) {
  .p-topics_slider__btn--prev {
    left: 8.571428571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .p-topics_slider__btn--prev {
    left: 4vw;
  }
}
@media screen and (min-width: 769px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (min-width: 769px) {
  .l-top__opening_campaign {
    padding-top: 7.857142857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .l-top__opening_campaign {
    padding-top: 21.333333333333336vw;
  }
}
.l-top__news {
  background: #fff;
}
.l-top__sns {
  background: #fff;
}
.l-top__pickup {
  position: relative;
  z-index: 1;
}
.l-top__goods-gallery {
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 769px) {
  .l-top__goods-gallery {
    padding-bottom: 8.5vw;
    background-image: url("../images/top/goods/bg_pc.jpg");
  }
}
@media screen and (max-width: 768px) {
  .l-top__goods-gallery {
    padding-bottom: 21.333333333333336vw;
    background-image: url("../images/top/goods/bg_sp.png");
  }
}
.l-top__gallery {
  position: relative;
  z-index: 1;
}
.l-top__goods {
  position: relative;
}
.l-top__hdg__area {
  position: relative;
  overflow: hidden;
}
.p-top-info_anchor_btn {
  cursor: pointer;
  position: absolute;
  padding-top: 0;
}
@media screen and (min-width: 769px) {
  .p-top-info_anchor_btn {
    width: 16.097857142857144vw;
    right: 4.542857142857143vw;
    bottom: 5.714285714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-info_anchor_btn {
    width: 30.133333333333333vw;
    right: 4vw;
    bottom: 30.666666666666664vw;
  }
}
.p-top-info_anchor_btn img {
  position: relative;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  bottom: 0;
}
@media screen and (min-width: 769px) {
  .p-top-info_anchor_btn:hover img {
    bottom: -1.333333333333333vw;
  }
}
.p-top-special_uniform_anchor_btn {
  cursor: pointer;
  position: absolute;
  padding-top: 0;
}
@media screen and (min-width: 769px) {
  .p-top-special_uniform_anchor_btn {
    width: 12.197857142857144vw;
    left: 6.285714285714286vw;
    bottom: 4.285714285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-special_uniform_anchor_btn {
    width: 29.333333333333332vw;
    left: 1.066666666666667vw;
    bottom: 26.13333333333333vw;
  }
}
.p-top-special_uniform_anchor_btn img {
  position: relative;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  bottom: 0;
}
@media screen and (min-width: 769px) {
  .p-top-special_uniform_anchor_btn:hover img {
    bottom: -1.333333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top_ticket__btn {
    display: block;
    opacity: 1;
    width: 35.199999999999996vw;
    position: fixed;
    bottom: 0.8vw;
    right: 0.8vw;
    -webkit-filter: drop-shadow(0 0.8vw 1.6vw rgba(0,0,0,0.3));
    filter: drop-shadow(0 0.8vw 1.6vw rgba(0,0,0,0.3));
    z-index: 10;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    pointer-events: auto;
  }
}
.p-top_ticket__btn.js-hidden {
  pointer-events: none;
  opacity: 0;
}