/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
:before,
:after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px;
  /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateArrow {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  100% {
    -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg);
  }
}
@keyframes rotateArrow {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  100% {
    -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg);
  }
}
/*-------------------------------------------------------------------*/
/* Mixin */
/*-------------------------------------------------------------------*/
html {
  font-size: 0.5208333333vw;
  overflow-y: scroll;
}
@media print, screen and (max-width: 1024px) {
  html {
    font-size: 1.3020833333vw;
  }
}

body {
  font-family: "Shippori Mincho", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  -webkit-font-smoothing: antialiased;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow-x: hidden;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (max-width: 1024px) {
  body {
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
  }
}

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

.resizing *,
.resizing *:before,
.resizing *:after {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transition-delay: unset !important;
          transition-delay: unset !important;
}

* {
  box-sizing: border-box;
  zoom: 1;
}

img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

a {
  color: #fff;
  text-decoration: none;
}

p {
  color: #fff;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

.pc_b {
  display: block !important;
}
@media print, screen and (max-width: 1024px) {
  .pc_b {
    display: none !important;
  }
}

.pc_i {
  display: inline !important;
}
@media print, screen and (max-width: 1024px) {
  .pc_i {
    display: none !important;
  }
}

.pc_ib {
  display: inline-block !important;
}
@media print, screen and (max-width: 1024px) {
  .pc_ib {
    display: none !important;
  }
}

.pc_f {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
@media print, screen and (max-width: 1024px) {
  .pc_f {
    display: none !important;
  }
}

.sp_b {
  display: none !important;
}
@media print, screen and (max-width: 1024px) {
  .sp_b {
    display: block !important;
  }
}

.sp_i {
  display: none !important;
}
@media print, screen and (max-width: 1024px) {
  .sp_i {
    display: inline !important;
  }
}

.sp_ib {
  display: none !important;
}
@media print, screen and (max-width: 1024px) {
  .sp_ib {
    display: inline-block !important;
  }
}

.sp_f {
  display: none !important;
}
@media print, screen and (max-width: 1024px) {
  .sp_f {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
}

/*-------------------------------------------------------------------*/
/* SCSS Variables */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* Mixin */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* st-Wrapper */
/*-------------------------------------------------------------------*/
.st-Wrapper {
  overflow: hidden;
}

/*-------------------------------------------------------------------*/
/* st-Wrapper */
/*-------------------------------------------------------------------*/
.sub-Wrapper {
  padding-top: 15vw;
  background: url(../../images/common/bg_main_left.png) 0 -3.0729166667vw/50vw no-repeat, url(../../images/common/bg_main_right.png) 100% -3.0729166667vw/50vw no-repeat;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media print, screen and (max-width: 1024px) {
  .sub-Wrapper {
    padding-top: 33.984375vw;
    background-size: 100% auto, 100% auto;
    background-position: 0 0, 0 141.9270833333vw;
  }
}
body.preload .sub-Wrapper {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.sub-Content {
  position: relative;
  z-index: 3;
}

/*-------------------------------------------------------------------*/
/* sw-Particle */
/*-------------------------------------------------------------------*/
.sw-Particle {
  width: 100%;
  height: 73.4375vw;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
}
@media print, screen and (max-width: 1024px) {
  .sw-Particle {
    height: 162.5vw;
  }
}
.sw-Particle .canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

/*-------------------------------------------------------------------*/
/* sw-SubHeading */
/*-------------------------------------------------------------------*/
.sw-SubHeading {
  text-align: center;
  will-change: transform opacity;
}
.sw-SubHeading h2 {
  min-width: 19.21875vw;
  margin: -1.0416666667vw auto;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
@media print, screen and (max-width: 1024px) {
  .sw-SubHeading h2 {
    min-width: 70.0520833333vw;
    margin: -2.6041666667vw auto;
  }
}
.sw-SubHeading h2:before, .sw-SubHeading h2:after {
  content: "";
  width: 1.0416666667vw;
  height: 1.1979166667vw;
  display: block;
}
@media print, screen and (max-width: 1024px) {
  .sw-SubHeading h2:before, .sw-SubHeading h2:after {
    width: 3.90625vw;
    height: 4.296875vw;
  }
}
.sw-SubHeading h2:before {
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2024%22%3E%20%3Cpath%20fill%3D%22%235959CB%22%20d%3D%22M12.793%2011.833L20%206.071l-8.6%203.346L9.992.325%208.6%209.417%200%206.071l7.207%205.762L0%2017.58l8.6-3.33%201.392%209.076%201.408-9.076%208.6%203.33-7.207-5.746z%22%2F%3E%3C%2Fsvg%3E) 0 0/contain no-repeat;
}
.sw-SubHeading h2:after {
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2021%2024%22%3E%20%3Cpath%20fill%3D%22%23FAC8D4%22%20d%3D%22M13.563%2011.833l7.207-5.762-8.6%203.346L10.763.325%209.37%209.417.77%206.071l7.207%205.762L.77%2017.58l8.6-3.33%201.392%209.076%201.409-9.076%208.6%203.33-7.208-5.746z%22%2F%3E%3C%2Fsvg%3E) 0 0/contain no-repeat;
}
.sw-SubHeading h2 span {
  padding: 1.0416666667vw 0;
  display: block;
  font-family: "Cormorant", "Shippori Mincho", serif;
  font-size: 5rem;
  line-height: 1;
  letter-spacing: 0.08em;
  background: -webkit-linear-gradient(left, #5959CB 0%, #FFA9CD 100%);
  background: linear-gradient(to right, #5959CB 0%, #FFA9CD 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
@media print, screen and (max-width: 1024px) {
  .sw-SubHeading h2 span {
    padding: 2.6041666667vw 0;
    font-size: 7.2rem;
  }
}

/*-------------------------------------------------------------------*/
/* sw-Btn */
/*-------------------------------------------------------------------*/
.sw-Btn {
  will-change: transform opacity;
}
.sw-Btn a, .sw-Btn span {
  width: 19.7916666667vw;
  height: 3.125vw;
  display: inline-block;
  background: url(../../images/common/bg_button.png) 0 0/contain no-repeat;
  font-family: "Cormorant", "Shippori Mincho", serif;
  font-weight: 700;
  font-size: 1.8rem;
  letter-spacing: 0.08em;
  line-height: 3.125vw;
  color: #fff;
  text-align: center;
  position: relative;
}
@media print, screen and (max-width: 1024px) {
  .sw-Btn a, .sw-Btn span {
    width: 79.1666666667vw;
    height: 12.5vw;
    font-size: 3em;
    line-height: 13.5416666667vw;
  }
}
.sw-Btn a:after, .sw-Btn span:after {
  content: "";
  width: 0.5208333333vw;
  height: 0.78125vw;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.25vw;
  display: block;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2215%22%20fill%3D%22none%22%20viewBox%3D%220%200%2010%2015%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M.07.382l7.275%206.964L.08%2014.32a.215.215%200%2000-.065.247c.016.043.046.08.085.105a.24.24%200%2000.276-.008L9.721%207.52a.218.218%200%20000-.35L.376.05A.238.238%200%2000.06.075.22.22%200%2000.07.382z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat;
}
@media print, screen and (max-width: 1024px) {
  .sw-Btn a:after, .sw-Btn span:after {
    width: 1.953125vw;
    height: 2.9947916667vw;
    right: 4.9479166667vw;
  }
}
@media (any-hover: hover) {
  .sw-Btn a[href], .sw-Btn span[href] {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .sw-Btn a[href]:hover, .sw-Btn span[href]:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
  .sw-Btn a[href]:hover:after, .sw-Btn span[href]:hover:after {
    -webkit-animation: rotateArrow 1.2s linear infinite;
            animation: rotateArrow 1.2s linear infinite;
  }
}

/*-------------------------------------------------------------------*/
/* sw-Info */
/*-------------------------------------------------------------------*/
.sw-Info {
  width: 62.5vw;
  margin: 0 auto;
}
@media print, screen and (max-width: 1024px) {
  .sw-Info {
    width: 79.1666666667vw;
  }
}
.sw-Info ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 1.5625vw;
          -moz-column-gap: 1.5625vw;
          column-gap: 1.5625vw;
  row-gap: 4.0625vw;
  grid-column-gap: 1.5625vw;
  grid-row-gap: 4.0625vw;
}
@media print, screen and (max-width: 1024px) {
  .sw-Info ul {
    display: block;
  }
}
.sw-Info ul li {
  width: 19.7916666667vw;
  will-change: transform opacity;
}
@media print, screen and (max-width: 1024px) {
  .sw-Info ul li {
    width: 100%;
  }
}
.sw-Info ul li a {
  display: block;
}
.sw-Info ul li a .thumb {
  height: 11.1328125vw;
}
@media print, screen and (max-width: 1024px) {
  .sw-Info ul li a .thumb {
    height: 44.53125vw;
  }
}
.sw-Info ul li a .text {
  margin-top: 1.0416666667vw;
}
@media print, screen and (max-width: 1024px) {
  .sw-Info ul li a .text {
    margin-top: 3.90625vw;
  }
}
.sw-Info ul li a .text .date {
  font-weight: 700;
  font-size: 1.8rem;
  letter-spacing: 0.08em;
  line-height: 1;
  color: #5959CB;
}
@media print, screen and (max-width: 1024px) {
  .sw-Info ul li a .text .date {
    font-size: 3rem;
  }
}
.sw-Info ul li a .text .title {
  margin-top: 0.78125vw;
  font-weight: 700;
  font-size: 1.8rem;
  letter-spacing: 0.08em;
  line-height: 160%;
  color: #5959CB;
}
@media print, screen and (max-width: 1024px) {
  .sw-Info ul li a .text .title {
    margin-top: 2.734375vw;
    font-size: 3rem;
  }
}
.sw-Info ul li a .text .description {
  margin-top: 0.7291666667vw;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  line-height: 200%;
  color: #5959CB;
}
@media print, screen and (max-width: 1024px) {
  .sw-Info ul li a .text .description {
    margin-top: 2.734375vw;
    font-size: 2.8rem;
  }
}
.sw-Info ul li a .btn {
  margin-top: 1.5625vw;
}
@media print, screen and (max-width: 1024px) {
  .sw-Info ul li a .btn {
    margin-top: 5.2083333333vw;
  }
}
@media (any-hover: hover) {
  .sw-Info ul li a[href] .date, .sw-Info ul li a[href] .title, .sw-Info ul li a[href] .description {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .sw-Info ul li a[href] .btn {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .sw-Info ul li a[href]:hover .date, .sw-Info ul li a[href]:hover .title, .sw-Info ul li a[href]:hover .description {
    color: #FFA9CD;
  }
  .sw-Info ul li a[href]:hover .btn {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
  .sw-Info ul li a[href]:hover .btn a:after, .sw-Info ul li a[href]:hover .btn span:after {
    -webkit-animation: rotateArrow 1.2s linear infinite;
            animation: rotateArrow 1.2s linear infinite;
  }
}
@media print, screen and (max-width: 1024px) {
  .sw-Info ul li + li {
    margin-top: 13.0208333333vw;
  }
}

/*-------------------------------------------------------------------*/
/* st-Wrapper */
/*-------------------------------------------------------------------*/
.bg-Modal {
  position: relative;
}
.bg-Modal .bg {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  position: relative;
}
.bg-Modal .bg:before {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url(../../images/pc/index/img_hero.jpg) 50% calc(50% - 75%)/cover no-repeat #fff;
  -webkit-filter: blur(0.390625vw);
          filter: blur(0.390625vw);
}
@media print, screen and (max-width: 1024px) {
  .bg-Modal .bg:before {
    background: url(../../images/sp/index/img_hero.jpg) 50% calc(50% - 50%)/100% no-repeat #fff;
    -webkit-filter: blur(1.3020833333vw);
            filter: blur(1.3020833333vw);
  }
}
.bg-Modal .bg:after {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: -webkit-linear-gradient(left, rgba(255, 241, 214, 0.8) 0%, rgba(255, 229, 224, 0.8) 50%, rgba(255, 227, 237, 0.8) 100%);
  background: linear-gradient(to right, rgba(255, 241, 214, 0.8) 0%, rgba(255, 229, 224, 0.8) 50%, rgba(255, 227, 237, 0.8) 100%);
}
.bg-Modal .pattern {
  width: 100%;
  height: 15.625vw;
  position: fixed;
  top: 0;
  left: 0;
  background: url(../../images/common/header/bg_pattern.png) 0 0/1.0416666667vw repeat, -webkit-linear-gradient(left, rgba(255, 233, 156, 0.2) 0%, rgba(255, 167, 148, 0.2) 50%, rgba(255, 183, 208, 0.2) 100%) 0 0/auto no-repeat;
  background: url(../../images/common/header/bg_pattern.png) 0 0/1.0416666667vw repeat, linear-gradient(to right, rgba(255, 233, 156, 0.2) 0%, rgba(255, 167, 148, 0.2) 50%, rgba(255, 183, 208, 0.2) 100%) 0 0/auto no-repeat;
  pointer-events: none;
  -webkit-mask-image: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%);
          mask-image: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  z-index: 1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@media print, screen and (max-width: 1024px) {
  .bg-Modal .pattern {
    height: 39.0625vw;
    background-size: 2.6041666667vw, auto;
  }
}
.bg-Modal .fluffy:before, .bg-Modal .fluffy:after {
  content: "";
  width: 23.5416666667vw;
  height: 100%;
  position: fixed;
  top: 0;
  background: url(../../images/common/header/bg_fluffy.png) 0 0/contain no-repeat;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 1;
}
@media print, screen and (max-width: 1024px) {
  .bg-Modal .fluffy:before, .bg-Modal .fluffy:after {
    width: 58.8541666667vw;
  }
}
.bg-Modal .fluffy:before {
  left: 0;
  background-position: 0 calc(50% + 0.8854166667vw);
}
@media print, screen and (max-width: 1024px) {
  .bg-Modal .fluffy:before {
    left: -15.625vw;
    background-position: 0 calc(50% + 11.71875vw);
  }
}
.bg-Modal .fluffy:after {
  right: 0;
  -webkit-transform: scale(-1);
          transform: scale(-1);
  background-position: 0 calc(50% - 1.1458333333vw);
}
@media print, screen and (max-width: 1024px) {
  .bg-Modal .fluffy:after {
    right: -15.625vw;
    background-position: 0 calc(50% - 11.71875vw);
  }
}
.bg-Modal.is-opened .bg {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}
.bg-Modal.is-opened.is-header {
  z-index: 7;
}
.bg-Modal.is-opened.is-header .pattern {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.bg-Modal.is-opened.is-header .fluffy:before, .bg-Modal.is-opened.is-header .fluffy:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.bg-Modal.is-opened.is-youtube {
  z-index: 11;
}

/*-------------------------------------------------------------------*/
/* .youtube-Modal */
/*-------------------------------------------------------------------*/
.youtube-Modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  display: none;
}
.youtube-Modal .youtube-Modal_Content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.youtube-Modal .youtube-Modal_Content .content {
  width: 50vw;
  height: 28.125vw;
  margin: 0 auto;
}
@media print, screen and (max-width: 1024px) {
  .youtube-Modal .youtube-Modal_Content .content {
    width: 100vw;
    height: 56.25vw;
  }
}
.youtube-Modal .youtube-Modal_Content .content iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.youtube-Modal .youtube-Modal_Content .close {
  width: 14.8958333333vw;
  height: 2.34375vw;
  margin: 1.5625vw auto 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  background: url(../../images/common/bg_button_white.png) 0 0/contain no-repeat;
  position: relative;
  cursor: pointer;
}
@media print, screen and (max-width: 1024px) {
  .youtube-Modal .youtube-Modal_Content .close {
    width: 74.4791666667vw;
    height: 11.71875vw;
    margin-top: 6.5104166667vw;
  }
}
.youtube-Modal .youtube-Modal_Content .close:before {
  content: "";
  width: 0.625vw;
  height: 0.46875vw;
  margin-right: 0.3125vw;
  display: block;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%2013%209%22%3E%20%3Cpath%20fill%3D%22%235959CB%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.687%204.368L.648.234A.127.127%200%2001.6.14.123.123%200%2001.64.046.19.19%200%2001.867.03l5.732%203.744L12.329.03a.19.19%200%2001.227.016c.028.027.042.06.04.095a.128.128%200%2001-.049.093L7.508%204.368l.027.017c.01.007.019.014.027.022a.12.12%200%2001.035.1.133.133%200%2001-.062.093l-.028.018%205.034%204.142a.136.136%200%2001.052.07.114.114%200%2001-.006.08.144.144%200%2001-.06.065.192.192%200%2001-.198-.004L6.598%205.214.866%208.971a.192.192%200%2001-.197.005.144.144%200%2001-.06-.065.114.114%200%2001-.006-.082.136.136%200%2001.052-.069l5.033-4.142L5.66%204.6a.133.133%200%2001-.061-.092.12.12%200%2001.035-.1.209.209%200%2001.026-.023l.027-.017z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) 0 0/contain no-repeat;
}
@media print, screen and (max-width: 1024px) {
  .youtube-Modal .youtube-Modal_Content .close:before {
    width: 3.125vw;
    height: 2.34375vw;
    margin-right: 1.5625vw;
  }
}
.youtube-Modal .youtube-Modal_Content .close span {
  font-family: "Cormorant", "Shippori Mincho", serif;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.08em;
  background: -webkit-linear-gradient(left, #5959CB 0%, #FFA9CD 100%);
  background: linear-gradient(to right, #5959CB 0%, #FFA9CD 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
@media print, screen and (max-width: 1024px) {
  .youtube-Modal .youtube-Modal_Content .close span {
    font-size: 3rem;
  }
}
@media (any-hover: hover) {
  .youtube-Modal .youtube-Modal_Content .close {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .youtube-Modal .youtube-Modal_Content .close:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
}

/*-------------------------------------------------------------------*/
/* SCSS Variables */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* Mixin */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* Header */
/*-------------------------------------------------------------------*/
.st-Header:before {
  content: "";
  width: 100%;
  height: 8.8541666667vw;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../../images/common/header/bg_pattern.png) 0 0/1.0416666667vw repeat, -webkit-linear-gradient(left, rgba(255, 233, 156, 0.2) 0%, rgba(255, 167, 148, 0.2) 50%, rgba(255, 183, 208, 0.2) 100%) 0 0/auto no-repeat;
  background: url(../../images/common/header/bg_pattern.png) 0 0/1.0416666667vw repeat, linear-gradient(to right, rgba(255, 233, 156, 0.2) 0%, rgba(255, 167, 148, 0.2) 50%, rgba(255, 183, 208, 0.2) 100%) 0 0/auto no-repeat;
  pointer-events: none;
  -webkit-mask-image: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%);
          mask-image: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  z-index: 1;
}
@media print, screen and (max-width: 1024px) {
  .st-Header:before {
    height: 22.1354166667vw;
    background-size: 2.6041666667vw, auto;
  }
}
.st-Header .logo {
  width: 11.6666666667vw;
  position: absolute;
  top: 0;
  left: 1.5625vw;
  z-index: 2;
}
@media print, screen and (max-width: 1024px) {
  .st-Header .logo {
    width: 32.9427083333vw;
    left: 4.5572916667vw;
  }
}
.st-Header .logo a {
  display: block;
}
@media (any-hover: hover) {
  .st-Header .logo a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .st-Header .logo a:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
}
@media print, screen and (min-width: 1025px) {
  .st-Header .globalnav {
    width: 41.5625vw;
    height: 7.6041666667vw;
    margin: 0 auto;
    position: absolute;
    top: 0.7291666667vw;
    left: 0;
    right: 0;
    background: url(../../images/pc/header/bg_nav.png) 0 0/contain no-repeat;
    z-index: 2;
  }
  .st-Header .globalnav ul {
    padding-top: 2.65625vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
  .st-Header .globalnav ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    text-align: center;
  }
  .st-Header .globalnav ul li:before {
    content: "";
    width: 0.5208333333vw;
    height: 0.625vw;
    margin: 0 1.0416666667vw;
    -webkit-transform: translateY(-0.4166666667vw);
            transform: translateY(-0.4166666667vw);
    background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2024%22%3E%20%3Cpath%20fill%3D%22%235959CB%22%20d%3D%22M12.793%2011.833L20%206.071l-8.6%203.346L9.992.325%208.6%209.417%200%206.071l7.207%205.762L0%2017.58l8.6-3.33%201.392%209.076%201.408-9.076%208.6%203.33-7.207-5.746z%22%2F%3E%3C%2Fsvg%3E) 0 0/contain no-repeat;
    display: none;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
  }
  .st-Header .globalnav ul li a span.en {
    font-family: "Cormorant", "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 2.2rem;
    letter-spacing: 0.04em;
    background: -webkit-linear-gradient(left, #5959CB 0%, #FFA9CD 100%);
    background: linear-gradient(to right, #5959CB 0%, #FFA9CD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
  }
  .st-Header .globalnav ul li a span.jp {
    margin-top: 0.2604166667vw;
    display: block;
    font-weight: 500;
    font-size: 1.2rem;
    letter-spacing: 0.04em;
    color: #A57ECC;
    white-space: nowrap;
  }
  .st-Header .globalnav ul li a:not([href]) span.en {
    background: #C8C8C8;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .st-Header .globalnav ul li a:not([href]) span.jp {
    color: #C8C8C8;
  }
}
@media print and (any-hover: hover), screen and (min-width: 1025px) and (any-hover: hover) {
  .st-Header .globalnav ul li a[href] {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .st-Header .globalnav ul li a[href]:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
}
@media print, screen and (min-width: 1025px) {
  .st-Header .globalnav ul li + li:before {
    display: block;
  }
}
.st-Header .hamburger {
  width: 9.1666666667vw;
  height: 10.625vw;
  padding: 3.59375vw 0.1041666667vw 0 0;
  position: fixed;
  top: -1.3020833333vw;
  right: 0vw;
  background: url(../../images/common/header/bg_hamburger.png) 55% 0/contain no-repeat;
  text-align: center;
  cursor: pointer;
  z-index: 10;
}
@media print, screen and (max-width: 1024px) {
  .st-Header .hamburger {
    width: 26.0416666667vw;
    height: 30.3385416667vw;
    padding: 7.421875vw 0.2604166667vw 0 0;
    top: -2.734375vw;
    right: -1.3020833333vw;
  }
}
.st-Header .hamburger:before {
  content: "";
  width: 0.8333333333vw;
  height: 0.9375vw;
  margin: 0 auto;
  display: block;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2213%22%20fill%3D%22none%22%20viewBox%3D%220%200%2011%2013%22%3E%20%3Cpath%20fill%3D%22%23A57ECC%22%20d%3D%22M6.896%206.504L10.5%203.498%206.2%205.244%205.496.5%204.8%205.244.5%203.498l3.604%203.006L.5%209.502l4.3-1.737.696%204.735.704-4.735%204.3%201.737-3.604-2.998z%22%2F%3E%3C%2Fsvg%3E) 0 0/contain no-repeat;
}
@media print, screen and (max-width: 1024px) {
  .st-Header .hamburger:before {
    width: 3.125vw;
    height: 3.515625vw;
  }
}
.st-Header .hamburger p {
  margin: 0.15625vw 0 0.5208333333vw;
  font-family: "Cormorant", "Shippori Mincho", serif;
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  background: -webkit-linear-gradient(left, #5959CB 0%, #FFA9CD 100%);
  background: linear-gradient(to right, #5959CB 0%, #FFA9CD 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
@media print, screen and (max-width: 1024px) {
  .st-Header .hamburger p {
    margin: 1.0416666667vw 0 1.8229166667vw;
    font-size: 2.4rem;
    letter-spacing: 0.04em;
  }
}
.st-Header .hamburger .line {
  width: 2.1354166667vw;
  height: 0.5208333333vw;
  margin: 0 auto;
  display: block;
  position: relative;
}
@media print, screen and (max-width: 1024px) {
  .st-Header .hamburger .line {
    width: 8.203125vw;
    height: 2.0833333333vw;
  }
}
.st-Header .hamburger .line:before, .st-Header .hamburger .line:after {
  content: "";
  width: 2.1354166667vw;
  height: 1px;
  min-height: 1px;
  margin: 0 auto;
  background: -webkit-linear-gradient(left, #FFA9CD 0%, #5959CB 50%, #FFA9CD 100%);
  background: linear-gradient(to right, #FFA9CD 0%, #5959CB 50%, #FFA9CD 100%);
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media print, screen and (max-width: 1024px) {
  .st-Header .hamburger .line:before, .st-Header .hamburger .line:after {
    width: 8.203125vw;
  }
}
.st-Header .hamburger .line:before {
  top: 0;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
}
.st-Header .hamburger .line:after {
  bottom: 0;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
}
.st-Header .hamburger.is-opened .line:before {
  -webkit-transform: rotate(12deg);
          transform: rotate(12deg);
}
.st-Header .hamburger.is-opened .line:after {
  -webkit-transform: rotate(-12deg);
          transform: rotate(-12deg);
}
@media (any-hover: hover) {
  .st-Header .hamburger {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .st-Header .hamburger:hover {
    -webkit-transform: translateY(0.2604166667vw);
            transform: translateY(0.2604166667vw);
  }
  .st-Header .hamburger:hover:before {
    -webkit-animation: rotate 3s linear infinite;
            animation: rotate 3s linear infinite;
  }
}
.st-Header .hamburger-Menu {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  z-index: 9;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
@media print, screen and (max-width: 1024px) {
  .st-Header .hamburger-Menu {
    padding: 14.3229166667vw 0;
    display: block;
    overflow-y: scroll;
  }
}
.st-Header .hamburger-Menu .hamburger-Menu_Logo {
  width: 27.2916666667vw;
  margin-right: 3.5416666667vw;
}
@media print, screen and (max-width: 1024px) {
  .st-Header .hamburger-Menu .hamburger-Menu_Logo {
    width: 61.71875vw;
    margin: 0 auto;
  }
}
.st-Header .hamburger-Menu .hamburger-Menu_Nav {
  width: 18.1770833333vw;
  padding: 2.7083333333vw 0 3.0208333333vw;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
  position: relative;
}
@media print, screen and (max-width: 1024px) {
  .st-Header .hamburger-Menu .hamburger-Menu_Nav {
    width: 58.0729166667vw;
    margin: 1.0416666667vw auto 0;
    padding: 8.984375vw 0 11.5885416667vw;
  }
}
.st-Header .hamburger-Menu .hamburger-Menu_Nav:before, .st-Header .hamburger-Menu .hamburger-Menu_Nav:after {
  content: "";
  width: 21.1458333333vw;
  height: 4.9479166667vw;
  position: absolute;
  left: -1.4583333333vw;
  background: url(../../images/common/header/bg_hamburger-menu_deco.png) 0 0/contain no-repeat;
}
@media print, screen and (max-width: 1024px) {
  .st-Header .hamburger-Menu .hamburger-Menu_Nav:before, .st-Header .hamburger-Menu .hamburger-Menu_Nav:after {
    width: 67.4479166667vw;
    height: 15.7552083333vw;
    left: -4.6875vw;
  }
}
.st-Header .hamburger-Menu .hamburger-Menu_Nav:before {
  top: -1.5625vw;
}
@media print, screen and (max-width: 1024px) {
  .st-Header .hamburger-Menu .hamburger-Menu_Nav:before {
    top: -4.9479166667vw;
  }
}
.st-Header .hamburger-Menu .hamburger-Menu_Nav:after {
  bottom: -1.5625vw;
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
@media print, screen and (max-width: 1024px) {
  .st-Header .hamburger-Menu .hamburger-Menu_Nav:after {
    bottom: -4.9479166667vw;
  }
}
.st-Header .hamburger-Menu .hamburger-Menu_Nav ul li {
  text-align: center;
}
.st-Header .hamburger-Menu .hamburger-Menu_Nav ul li a {
  display: inline-block;
}
.st-Header .hamburger-Menu .hamburger-Menu_Nav ul li a span.en {
  font-family: "Cormorant", "Shippori Mincho", serif;
  font-weight: 700;
  font-size: 2.8rem;
  letter-spacing: 0.04em;
  background: -webkit-linear-gradient(left, #5959CB 0%, #FFA9CD 100%);
  background: linear-gradient(to right, #5959CB 0%, #FFA9CD 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
@media print, screen and (max-width: 1024px) {
  .st-Header .hamburger-Menu .hamburger-Menu_Nav ul li a span.en {
    font-size: 4rem;
    letter-spacing: 0.04em;
  }
}
.st-Header .hamburger-Menu .hamburger-Menu_Nav ul li a span.jp {
  margin-top: 0.2604166667vw;
  display: block;
  font-weight: 500;
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  color: #A57ECC;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
@media print, screen and (max-width: 1024px) {
  .st-Header .hamburger-Menu .hamburger-Menu_Nav ul li a span.jp {
    margin-top: 0.6510416667vw;
    font-size: 2rem;
    letter-spacing: 0.04em;
  }
}
.st-Header .hamburger-Menu .hamburger-Menu_Nav ul li a span.jp:before, .st-Header .hamburger-Menu .hamburger-Menu_Nav ul li a span.jp:after {
  content: "";
  width: 0.5729166667vw;
  height: 0.6770833333vw;
  margin: 0 0.5208333333vw;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2213%22%20fill%3D%22none%22%20viewBox%3D%220%200%2011%2013%22%3E%20%3Cpath%20fill%3D%22%23A57ECC%22%20d%3D%22M6.896%206.504L10.5%203.498%206.2%205.244%205.496.5%204.8%205.244.5%203.498l3.604%203.006L.5%209.502l4.3-1.737.696%204.735.704-4.735%204.3%201.737-3.604-2.998z%22%2F%3E%3C%2Fsvg%3E) 0 0/contain no-repeat;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
@media print, screen and (max-width: 1024px) {
  .st-Header .hamburger-Menu .hamburger-Menu_Nav ul li a span.jp:before, .st-Header .hamburger-Menu .hamburger-Menu_Nav ul li a span.jp:after {
    width: 1.6927083333vw;
    height: 2.0833333333vw;
    margin: 0 1.3020833333vw;
  }
}
.st-Header .hamburger-Menu .hamburger-Menu_Nav ul li a:not([href]) span.en {
  background: #C8C8C8;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.st-Header .hamburger-Menu .hamburger-Menu_Nav ul li a:not([href]) span.jp {
  color: #C8C8C8;
}
.st-Header .hamburger-Menu .hamburger-Menu_Nav ul li a:not([href]) span.jp:before, .st-Header .hamburger-Menu .hamburger-Menu_Nav ul li a:not([href]) span.jp:after {
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2213%22%20fill%3D%22none%22%20viewBox%3D%220%200%2011%2013%22%3E%20%3Cpath%20fill%3D%22%23C8C8C8%22%20d%3D%22M6.896%206.504L10.5%203.498%206.2%205.244%205.496.5%204.8%205.244.5%203.498l3.604%203.006L.5%209.502l4.3-1.737.696%204.735.704-4.735%204.3%201.737-3.604-2.998z%22%2F%3E%3C%2Fsvg%3E) 0 0/contain no-repeat;
}
@media (any-hover: hover) {
  .st-Header .hamburger-Menu .hamburger-Menu_Nav ul li a[href] {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .st-Header .hamburger-Menu .hamburger-Menu_Nav ul li a[href]:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
  .st-Header .hamburger-Menu .hamburger-Menu_Nav ul li a[href]:hover .jp:before, .st-Header .hamburger-Menu .hamburger-Menu_Nav ul li a[href]:hover .jp:after {
    -webkit-animation: rotate 3s linear infinite;
            animation: rotate 3s linear infinite;
  }
}
.st-Header .hamburger-Menu .hamburger-Menu_Nav ul li + li {
  margin-top: 2.7083333333vw;
}
@media print, screen and (max-width: 1024px) {
  .st-Header .hamburger-Menu .hamburger-Menu_Nav ul li + li {
    margin-top: 7.8125vw;
  }
}
.st-Header .hamburger-Menu.is-opened {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}

/*-------------------------------------------------------------------*/
/* SCSS Variables */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* Mixin */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* Footer */
/*-------------------------------------------------------------------*/
.st-Footer {
  height: 47.7083333333vw;
  padding-top: 6.9270833333vw;
  position: relative;
  z-index: 2;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer {
    height: auto;
    padding: 0 0 15.3645833333vw;
    display: block;
  }
}
.st-Footer:before {
  content: "";
  width: 70.6770833333vw;
  height: 50vw;
  margin: 0 auto;
  position: absolute;
  bottom: 28.3333333333vw;
  left: 0;
  right: 0;
  background: url(../../images/common/bg_main_bottom.png) 0 0/cover no-repeat;
  z-index: -1;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer:before {
    width: 100%;
    height: 100.2604166667vw;
    bottom: 171.7447916667vw;
  }
}
.st-Footer:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../../images/pc/footer/bg_footer.png) 50% 0/100vw 100% no-repeat;
}
@media print, screen and (min-width: 1920px) {
  .st-Footer:after {
    background-size: 100% 100%;
  }
}
@media print, screen and (max-width: 1024px) {
  .st-Footer:after {
    background: url(../../images/sp/footer/bg_footer.png) 50% 100%/100% no-repeat;
  }
}
.st-Footer .st-Footer_Content {
  position: relative;
  z-index: 1;
}
.st-Footer .nav {
  margin-bottom: 6.25vw;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .nav {
    width: 79.1666666667vw;
    margin: 0 auto 19.0104166667vw;
  }
}
.st-Footer .nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .nav ul {
    display: block;
  }
}
.st-Footer .nav ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  text-align: center;
}
.st-Footer .nav ul li:before {
  content: "";
  width: 0.5208333333vw;
  height: 0.625vw;
  margin: 0 1.5625vw;
  -webkit-transform: translateY(-0.4166666667vw);
          transform: translateY(-0.4166666667vw);
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2024%22%3E%20%3Cpath%20fill%3D%22%235959CB%22%20d%3D%22M12.793%2011.833L20%206.071l-8.6%203.346L9.992.325%208.6%209.417%200%206.071l7.207%205.762L0%2017.58l8.6-3.33%201.392%209.076%201.408-9.076%208.6%203.33-7.207-5.746z%22%2F%3E%3C%2Fsvg%3E) 0 0/contain no-repeat;
  display: none;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .nav ul li:before {
    width: 2.9947916667vw;
    height: 3.6458333333vw;
    margin: 0 1.5625vw 0 0;
    -webkit-transform: translateY(0.390625vw);
            transform: translateY(0.390625vw);
    display: block;
  }
}
.st-Footer .nav ul li a span.en {
  font-family: "Cormorant", "Shippori Mincho", serif;
  font-weight: 700;
  font-size: 2.4rem;
  letter-spacing: 0.04em;
  background: -webkit-linear-gradient(left, #5959CB 0%, #FFA9CD 100%);
  background: linear-gradient(to right, #5959CB 0%, #FFA9CD 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .nav ul li a span.en {
    font-size: 5rem;
  }
}
.st-Footer .nav ul li a span.jp {
  margin-top: 0.3645833333vw;
  display: block;
  font-weight: 500;
  font-size: 1.2rem;
  letter-spacing: 0.04em;
  color: #A57ECC;
  white-space: nowrap;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .nav ul li a span.jp {
    margin: 0 0 0 3.2552083333vw;
    display: inline-block;
    font-size: 2.4rem;
  }
}
.st-Footer .nav ul li a:not([href]) span.en {
  background: #C8C8C8;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.st-Footer .nav ul li a:not([href]) span.jp {
  color: #C8C8C8;
}
@media (any-hover: hover) {
  .st-Footer .nav ul li a[href] {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .st-Footer .nav ul li a[href]:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
}
.st-Footer .nav ul li + li:before {
  display: block;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .nav ul li + li {
    margin-top: 7.8125vw;
  }
}
.st-Footer .share {
  width: 20vw;
  margin: 0 auto 5.2083333333vw;
  -webkit-filter: drop-shadow(0 0.2083333333vw 0.2083333333vw rgba(0, 0, 0, 0.25)) drop-shadow(0 0 1.640625vw rgba(123, 126, 192, 0.5));
          filter: drop-shadow(0 0.2083333333vw 0.2083333333vw rgba(0, 0, 0, 0.25)) drop-shadow(0 0 1.640625vw rgba(123, 126, 192, 0.5));
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .share {
    width: 79.1666666667vw;
    margin-bottom: 13.0208333333vw;
    -webkit-filter: drop-shadow(0 0.5208333333vw 0.5208333333vw rgba(0, 0, 0, 0.25)) drop-shadow(0 0 6.5104166667vw rgba(123, 126, 192, 0.5));
            filter: drop-shadow(0 0.5208333333vw 0.5208333333vw rgba(0, 0, 0, 0.25)) drop-shadow(0 0 6.5104166667vw rgba(123, 126, 192, 0.5));
  }
}
.st-Footer .share a {
  display: block;
  /* hover */
}
@media (any-hover: hover) {
  .st-Footer .share a {
    -webkit-transition: -webkit-filter 0.4s;
    transition: -webkit-filter 0.4s;
    transition: filter 0.4s;
    transition: filter 0.4s, -webkit-filter 0.4s;
  }
  .st-Footer .share a:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.8" intercept="0.09999999999999998" /><feFuncG type="linear" slope="0.8" intercept="0.09999999999999998" /><feFuncB type="linear" slope="0.8" intercept="0.09999999999999998" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: contrast(80%);
            filter: contrast(80%);
  }
}
.st-Footer .link {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .link {
    display: block;
  }
}
.st-Footer .link .prince-parade {
  width: 16.9270833333vw;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .link .prince-parade {
    width: 79.1666666667vw;
    margin: 0 auto;
  }
}
.st-Footer .link .prince-parade a {
  display: block;
  /* hover */
}
@media (any-hover: hover) {
  .st-Footer .link .prince-parade a {
    -webkit-transition: -webkit-filter 0.4s;
    transition: -webkit-filter 0.4s;
    transition: filter 0.4s;
    transition: filter 0.4s, -webkit-filter 0.4s;
  }
  .st-Footer .link .prince-parade a:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.75" intercept="0.125" /><feFuncG type="linear" slope="0.75" intercept="0.125" /><feFuncB type="linear" slope="0.75" intercept="0.125" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: contrast(75%);
            filter: contrast(75%);
  }
}
.st-Footer .link .official {
  margin-left: 2.34375vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .link .official {
    margin: 13.0208333333vw 0 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
  }
}
.st-Footer .link .official p {
  width: 9.0625vw;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .link .official p {
    width: 39.5833333333vw;
  }
}
.st-Footer .link .official ul {
  margin-left: 1.0416666667vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .link .official ul {
    margin: 7.8125vw 0 0 0;
  }
}
.st-Footer .link .official ul li {
  width: 11.3541666667vw;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .link .official ul li {
    width: 37.7604166667vw;
  }
}
.st-Footer .link .official ul li a {
  display: block;
  /* hover */
}
@media (any-hover: hover) {
  .st-Footer .link .official ul li a {
    -webkit-transition: -webkit-filter 0.4s;
    transition: -webkit-filter 0.4s;
    transition: filter 0.4s;
    transition: filter 0.4s, -webkit-filter 0.4s;
  }
  .st-Footer .link .official ul li a:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.8" intercept="0.09999999999999998" /><feFuncG type="linear" slope="0.8" intercept="0.09999999999999998" /><feFuncB type="linear" slope="0.8" intercept="0.09999999999999998" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: contrast(80%);
            filter: contrast(80%);
  }
}
.st-Footer .link .official ul li + li {
  margin-left: 1.0416666667vw;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .link .official ul li + li {
    margin-left: 3.90625vw;
  }
}
.st-Footer .app-download {
  width: 48.9583333333vw;
  height: 5.9895833333vw;
  margin: 3.125vw auto 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  background: url(../../images/pc/footer/bg_app-download.png) 0 0/contain no-repeat;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .app-download {
    width: 86.9791666667vw;
    height: auto;
    margin-top: 10.4166666667vw;
    display: block;
    background: transparent;
  }
}
.st-Footer .app-download .logo {
  width: 6.25vw;
  margin-top: 0.2604166667vw;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .app-download .logo {
    width: 31.25vw;
    margin: 0 auto;
  }
}
.st-Footer .app-download .logo a {
  display: block;
  /* hover */
}
@media (any-hover: hover) {
  .st-Footer .app-download .logo a img {
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  .st-Footer .app-download .logo a:hover img {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
}
.st-Footer .app-download ul {
  margin: 1.40625vw 0 0 2.0833333333vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .app-download ul {
    margin: 6.5104166667vw 0 0;
  }
}
.st-Footer .app-download ul li {
  width: 10.4166666667vw;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .app-download ul li {
    width: 41.6666666667vw;
  }
}
.st-Footer .app-download ul li a {
  display: block;
  /* hover */
}
@media (any-hover: hover) {
  .st-Footer .app-download ul li a {
    border-radius: 10px;
    background: #000;
  }
  .st-Footer .app-download ul li a img {
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  .st-Footer .app-download ul li a:hover img {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
}
.st-Footer .app-download ul li + li {
  margin-left: 0.5208333333vw;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .app-download ul li + li {
    margin-left: 3.6458333333vw;
  }
}
.st-Footer .copyright {
  width: 8.90625vw;
  margin: 2.5vw auto 0;
}
@media print, screen and (max-width: 1024px) {
  .st-Footer .copyright {
    width: 39.0625vw;
    margin: 10.4166666667vw auto 0;
  }
}
.st-Footer .copyright a {
  display: block;
  /* hover */
}
@media (any-hover: hover) {
  .st-Footer .copyright a {
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  .st-Footer .copyright a:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
}

/*-------------------------------------------------------------------*/
/* Reset */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* Mixin */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* Keyframe */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* Foundation */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* Module */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* Header */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* Footer */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* message-Wrapper */
/*-------------------------------------------------------------------*/
.message-Wrapper {
  padding-bottom: 5.2083333333vw;
}
@media print, screen and (max-width: 1024px) {
  .message-Wrapper {
    padding-bottom: 23.4375vw;
  }
}

/*-------------------------------------------------------------------*/
/* message-Body */
/*-------------------------------------------------------------------*/
.message-Body {
  margin-top: 5.46875vw;
}
@media print, screen and (max-width: 1024px) {
  .message-Body {
    margin-top: 14.5833333333vw;
  }
}
.message-Body .catch {
  width: 22.9166666667vw;
  margin: 0 auto 3.6458333333vw;
}
@media print, screen and (max-width: 1024px) {
  .message-Body .catch {
    width: 70.703125vw;
    margin: 0 auto 15.625vw;
  }
}
.message-Body .paragraph + .paragraph {
  margin-top: 5.2083333333vw;
}
@media print, screen and (max-width: 1024px) {
  .message-Body .paragraph + .paragraph {
    margin-top: 13.0208333333vw;
  }
}
.message-Body .from {
  margin-top: 7.8125vw;
}
@media print, screen and (max-width: 1024px) {
  .message-Body .from {
    margin-top: 15.625vw;
  }
}
.message-Body p {
  font-size: 2.4rem;
  line-height: 200%;
  color: #5959CB;
  letter-spacing: 0.08em;
  text-align: center;
}
@media print, screen and (max-width: 1024px) {
  .message-Body p {
    font-size: 3rem;
    letter-spacing: 0.1em;
  }
}
.message-Body p + p {
  margin-top: 2.6041666667vw;
}
@media print, screen and (max-width: 1024px) {
  .message-Body p + p {
    margin-top: 9.1145833333vw;
  }
}
.message-Body p.large {
  font-size: 4rem;
}
@media print, screen and (max-width: 1024px) {
  .message-Body p.large {
    font-size: 5rem;
    line-height: 180%;
  }
}
.message-Body p.medium {
  font-size: 3.2rem;
}
@media print, screen and (max-width: 1024px) {
  .message-Body p.medium {
    font-size: 3.6rem;
    line-height: 180%;
  }
}
.message-Body .image {
  width: 78.125vw;
  margin: 4.1666666667vw auto 0;
}
@media print, screen and (max-width: 1024px) {
  .message-Body .image {
    width: 100%;
    margin-top: 10.15625vw;
  }
}