@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 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 */
}
/**
 * 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: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  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: 1em; /* 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
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * 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"] {
  -webkit-appearance: button;
}
/**
 * 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;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 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 {
  box-sizing: border-box; /* 1 */
  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;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * 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 odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * 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 */
}
/* 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;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
main, details, summary { display: block; }
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }
pre { overflow: auto; -webkit-overflow-scrolling: touch; }
pre, code, samp, kbd { font-family: "Menlo", monospace; font-size: 1em; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
audio, canvas, embed, iframe, img, svg, video { vertical-align: middle; }
audio:not([controls]) { display: none; height: 0; }
img { height: auto; max-width: 100%; }
svg { fill: currentColor; max-width: 100%; }
svg:not(:root) { overflow: hidden; }
template, [hidden] { display: none; }
button, input, select, textarea { margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; }
[type="search"]:focus { outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-input-placeholder { color: inherit; opacity: 0.54; }
textarea { overflow: auto; }
progress { vertical-align: baseline; }
legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
html { font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif; font-size: 125%; font-weight: 400; font-style: normal; background-color: #772afc; }
body { font-size: 80%; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ol, ul, dl, dd { margin: 0; }
ol, ul { padding: 0; }
li { list-style-type: none; }
dd { margin: 0; }
a { color: inherit; text-decoration: none; }
abbr[title] { border-bottom-width: 0; }
table { margin: 0; }
label { cursor: pointer; }
::-moz-selection { background-color: #000000; color: #ffffff; text-shadow: none; }
::selection { background-color: #000000; color: #ffffff; text-shadow: none; }
figure { margin: 0; padding: 0; }
textarea { resize: vertical; }
svg { height: auto; }
[data-whatinput="mouse"] button, [data-whatinput="mouse"] select, [data-whatinput="mouse"] input, [data-whatinput="touch"] button, [data-whatinput="touch"] select, [data-whatinput="touch"] input { outline: 0; }
body { -ms-scroll-chaining: none; overscroll-behavior: none; }
html.is-fanletter, body.is-fanletter { background-color: #f4f4f4; color: #191e2b; }
.dg.ac { z-index: 2000 !important; }
.page-sectionTitle { z-index: 10; position: relative; padding-left: 2em; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.8rem; font-weight: 700; font-style: italic; }
.page-sectionTitle span { display: block; color: #772afc; text-shadow: 0px 0px 0 #ffffff,1px 1px 0 #ffffff,2px 2px 0 #ffffff,3px 3px 0 #ffffff,4px 4px 0 #ffffff,5px 5px 0 #ffffff,6px 6px 0 #ffffff,7px 7px 0 #ffffff,8px 8px 0 #ffffff,9px 9px 0 #ffffff,10px 10px 0 #ffffff,11px 11px 0 #ffffff,12px 12px 0 #ffffff,13px 13px 0 #ffffff,14px 14px 0 #ffffff,15px 15px 0 #ffffff,16px 16px 0 #ffffff,17px 17px 0 #ffffff,18px 18px 0 #ffffff,19px 19px 0 #ffffff,20px 20px 0 #ffffff,21px 21px 0 #ffffff,22px 22px 0 #ffffff,23px 23px 0 #ffffff,24px 24px 0 #ffffff,25px 25px 0 #ffffff,26px 26px 0 #ffffff,27px 27px 0 #ffffff,28px 28px 0 #ffffff,30px 30px 0 rgba(0, 0, 0, 0); -webkit-transform: translate(50px, 50px); transform: translate(50px, 50px); opacity: 0; -webkit-transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.page-sectionTitle.is-show span { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; color: #ffffff; text-shadow: none; -webkit-transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 0s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 0s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 0s; }
.page-sectionTitle.is-show::before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; }
.page-sectionTitle::before { content: ""; position: absolute; width: 1.5em; height: 1px; left: 0; top: 50%; background-color: #ffffff; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.page-sectionTitle.-black { color: #000000; }
.page-sectionTitle.-black::before { background-color: #000000; }
.page-sectionTitle.-purple span { color: #ededf0; text-shadow: 0px 0px 0 #772afc,1px 1px 0 #772afc,2px 2px 0 #772afc,3px 3px 0 #772afc,4px 4px 0 #772afc,5px 5px 0 #772afc,6px 6px 0 #772afc,7px 7px 0 #772afc,8px 8px 0 #772afc,9px 9px 0 #772afc,10px 10px 0 #772afc,11px 11px 0 #772afc,12px 12px 0 #772afc,13px 13px 0 #772afc,14px 14px 0 #772afc,15px 15px 0 #772afc,16px 16px 0 #772afc,17px 17px 0 #772afc,18px 18px 0 #772afc,19px 19px 0 #772afc,20px 20px 0 #772afc,21px 21px 0 #772afc,22px 22px 0 #772afc,23px 23px 0 #772afc,24px 24px 0 #772afc,25px 25px 0 #772afc,26px 26px 0 #772afc,27px 27px 0 #772afc,28px 28px 0 #772afc,30px 30px 0 rgba(0, 0, 0, 0); }
.page-sectionTitle.-purple::before { background-color: #772afc; }
.page-sectionTitle.-purple.is-show span { color: #772afc; text-shadow: none; }
.page-sectionTitle.-darkPurple span { color: #6921e5; text-shadow: 0px 0px 0 #ffffff,1px 1px 0 #ffffff,2px 2px 0 #ffffff,3px 3px 0 #ffffff,4px 4px 0 #ffffff,5px 5px 0 #ffffff,6px 6px 0 #ffffff,7px 7px 0 #ffffff,8px 8px 0 #ffffff,9px 9px 0 #ffffff,10px 10px 0 #ffffff,11px 11px 0 #ffffff,12px 12px 0 #ffffff,13px 13px 0 #ffffff,14px 14px 0 #ffffff,15px 15px 0 #ffffff,16px 16px 0 #ffffff,17px 17px 0 #ffffff,18px 18px 0 #ffffff,19px 19px 0 #ffffff,20px 20px 0 #ffffff,21px 21px 0 #ffffff,22px 22px 0 #ffffff,23px 23px 0 #ffffff,24px 24px 0 #ffffff,25px 25px 0 #ffffff,26px 26px 0 #ffffff,27px 27px 0 #ffffff,28px 28px 0 #ffffff,30px 30px 0 rgba(0, 0, 0, 0); }
.page-sectionTitle.-darkPurple.is-show span { color: #ffffff; text-shadow: none; }
.page-sectionTitle.-hidden { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; /* added line */ }
.page-date { font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 500; font-style: italic; color: #c9aafe; font-size: 12px; line-height: 14px; }
.page-category { display: inline-block; position: relative; padding-left: 1.2em; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 500; font-style: italic; color: #c3abfe; font-size: 12px; line-height: 14px; }
.page-category::before { content: ""; position: absolute; width: 6px; height: 6px; left: 0; top: 50%; background-color: #ffffff; border-radius: 50%; margin-top: -3px; }
.page-category.cateColor-red::before { background-color: #e64f00; }
.page-category.cateColor-light-blue::before { background-color: #60bdff; }
.page-category.cateColor-purple::before { background-color: #c657ff; }
.page-category.cateColor-yellow::before { background-color: #fdff60; }
.page-category.cateColor-light-green::before { background-color: #a4f9e1; }
.page-category.cateColor-orange::before { background-color: #f9a844; }
.page-category.cateColor-green::before { background-color: #2aa8a4; }
.page-category.cateColor-blue::before { background-color: #2184d1; }
.page-category.cateColor-pink::before { background-color: #ff6edf; }
.page-category.cateColor-orive::before { background-color: #94d046; }
.page-category.cateColor-ocher::before { background-color: #bbb400; }
.page-category.cateColor-gray::before { background-color: #989898; }
.page-snsList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.page-snsList li { position: relative; width: 36px; height: 36px; z-index: 1; }
.page-snsList li a { display: block; width: 100%; height: 100%; }
.is-ie .page-snsList li a:hover .sns-icon { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .page-snsList li a:hover .sns-circle { opacity: 0; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); }
.page-snsList li .sns-circle { display: block; position: relative; width: 36px; height: 36px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px #ffffff solid; border-radius: 50%; z-index: 10; -webkit-transition: opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.page-snsList li .sns-icon { display: block; width: 40%; height: 40%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-family: "BS-icon"; font-size: 0.8rem; line-height: 12px; -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.page-snsList li + li { margin-left: 6px; }
.page-snsList.-alignRight { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
.page-snsList.-lightblue { color: #65fce9; }
.page-snsList.-lightblue li .sns-circle { border: 1px #65fce9 solid; }
.page-snsList.-black { color: #000000; }
.page-snsList.-black li .sns-circle { border: 1px #000000 solid; }
.is-ie .is-home .PageFooter .page-snsList li a:hover .sns-icon, .is-ie .is-newsDetail .PageFooter .page-snsList li a:hover .sns-icon { text-shadow: 0px 0px 0 #aaaaaa,1px 1px 0 #aaaaaa,2px 2px 0 #aaaaaa,3px 3px 0 #aaaaaa,4px 4px 0 #aaaaaa,5px 5px 0 #aaaaaa,6px 6px 0 #aaaaaa,7px 7px 0 #aaaaaa,8px 8px 0 #aaaaaa,10px 10px 0 rgba(0, 0, 0, 0); }
.page-tag { display: inline-block; padding: 0.3em 0.8em 0.4em; border: 1px #c9aafe solid; font-size: 0.4rem; }
.page-textLink { font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.65rem; text-decoration: underline; font-style: italic; color: #65fce9; line-height: 1.5; text-align: left; }
.page-textLink .icon-blank { display: inline-block; position: relative; width: 7px; height: 7px; margin-left: 0.5em; }
.page-textLink .icon-blank svg { display: block; position: relative; width: 100%; height: 100%; }
.is-ie .page-textLink:hover { text-decoration: none; }
.js-imgLoad { opacity: 0; }
.js-imgLoad.is-show { opacity: 1; -webkit-transition: opacity 1s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 1s cubic-bezier(0.52, 0.08, 0.18, 1); }
.js-loader { position: absolute; width: 100%; height: 100px; pointer-events: none; }
.About { padding-bottom: 160px; overflow: hidden; }
.About__section { margin-bottom: 100px; }
.About__section:last-child { margin-bottom: 0; }
.AboutHellonew__header { position: relative; margin-bottom: 50px; }
.AboutHellonew__headerImage { position: relative; width: 60%; height: 0; overflow: hidden; padding-top: 33.75%; margin-left: auto; margin-right: auto; }
.AboutHellonew__headerImage.image-2 { display: none; }
.AboutHellonew__headerImage.image-3 { display: none; }
.AboutHellonew__headerImage img, .AboutHellonew__headerImage video { position: absolute; width: 100%; top: 0; }
.AboutHellonew__headerTitle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; }
.AboutHellonew__headerTitle.is-show .inner .text span { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; color: #6524d6; font-weight: 700; text-shadow: none; }
.AboutHellonew__headerTitle.is-show .inner .text span:nth-child(1) { -webkit-transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.96s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.96s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.96s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.96s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s; }
.AboutHellonew__headerTitle.is-show .inner .text span:nth-child(2) { -webkit-transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.12s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.12s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.12s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.12s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s; }
.AboutHellonew__headerTitle.is-show .inner .text span:nth-child(3) { -webkit-transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.AboutHellonew__headerTitle.is-show .inner .text span:nth-child(4) { -webkit-transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.12s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.12s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.12s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.12s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s; }
.AboutHellonew__headerTitle.is-show .inner .text span:nth-child(5) { -webkit-transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.96s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.96s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.96s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.96s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s; }
.AboutHellonew__headerTitle.is-show .inner .text span:nth-child(6) { -webkit-transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.AboutHellonew__headerTitle.is-show .inner .text span:nth-child(7) { -webkit-transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.96s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.96s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.96s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.96s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s; }
.AboutHellonew__headerTitle.is-show .inner .text span:nth-child(8) { -webkit-transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.12s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.12s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.12s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.12s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.32s; }
.AboutHellonew__headerTitle.is-show .inner .text span:nth-child(9) { -webkit-transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.AboutHellonew__headerTitle.is-show .inner .text span:nth-child(10) { -webkit-transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.96s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.96s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.96s; transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.96s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.16s; }
.AboutHellonew__headerTitle .inner { display: block; -webkit-animation: loop-text 20s linear infinite; animation: loop-text 20s linear infinite; font-size: 13vw; letter-spacing: -0.05em; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.AboutHellonew__headerTitle .inner .text { padding-right: .65em; }
.AboutHellonew__headerTitle .inner .text span { display: inline-block; position: relative; color: #6524d6; text-shadow: 0px 0px 0 #6524d6,1px 1px 0 #6524d6,2px 2px 0 #6524d6,3px 3px 0 #6524d6,4px 4px 0 #6524d6,5px 5px 0 #6524d6,6px 6px 0 #6524d6,7px 7px 0 #6524d6,8px 8px 0 #6524d6,9px 9px 0 #6524d6,10px 10px 0 #6524d6,11px 11px 0 #6524d6,12px 12px 0 #6524d6,13px 13px 0 #6524d6,14px 14px 0 #6524d6,15px 15px 0 #6524d6,16px 16px 0 #6524d6,17px 17px 0 #6524d6,18px 18px 0 #6524d6,19px 19px 0 #6524d6,20px 20px 0 #6524d6,21px 21px 0 #6524d6,22px 22px 0 #6524d6,23px 23px 0 #6524d6,24px 24px 0 #6524d6,25px 25px 0 #6524d6,26px 26px 0 #6524d6,27px 27px 0 #6524d6,28px 28px 0 #6524d6,29px 29px 0 #6524d6,30px 30px 0 #6524d6,31px 31px 0 #6524d6,32px 32px 0 #6524d6,33px 33px 0 #6524d6,34px 34px 0 #6524d6,35px 35px 0 #6524d6,36px 36px 0 #6524d6,37px 37px 0 #6524d6,38px 38px 0 #6524d6,40px 40px 0 rgba(0, 0, 0, 0); -webkit-transform: translate(80px, 80px); transform: translate(80px, 80px); opacity: 0; -webkit-transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.AboutHellonew__body { margin-left: 10%; margin-right: 10%; }
.AboutHellonew__section { margin-bottom: 80px; }
.AboutHellonew__section:last-child { margin-bottom: 0; }
.AboutHellonew__section .page-sectionTitle { margin-bottom: 35px; }
.AboutHellonew__section .page-textLink { display: inline-block; opacity: 0; -webkit-transform: translate(0px, 50px); transform: translate(0px, 50px); -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.AboutHellonew__section .page-textLink.is-show { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; }
.AboutHellonew__section + .AboutHellonew__section { padding-top: 50px; border-top: 1px #581fbb solid; }
.AboutHellonew__heading { margin-bottom: 20px; font-size: 16px; line-height: 24px; font-weight: 900; letter-spacing: -0.05em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.03em; opacity: 0; text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,9px 9px 0 #581fbb,10px 10px 0 #581fbb,11px 11px 0 #581fbb,12px 12px 0 #581fbb,13px 13px 0 #581fbb,14px 14px 0 #581fbb,15px 15px 0 #581fbb,16px 16px 0 #581fbb,17px 17px 0 #581fbb,18px 18px 0 #581fbb,19px 19px 0 #581fbb,20px 20px 0 #581fbb,21px 21px 0 #581fbb,22px 22px 0 #581fbb,23px 23px 0 #581fbb,24px 24px 0 #581fbb,25px 25px 0 #581fbb,26px 26px 0 #581fbb,27px 27px 0 #581fbb,28px 28px 0 #581fbb,29px 29px 0 #581fbb,30px 30px 0 #581fbb,31px 31px 0 #581fbb,32px 32px 0 #581fbb,33px 33px 0 #581fbb,34px 34px 0 #581fbb,35px 35px 0 #581fbb,36px 36px 0 #581fbb,37px 37px 0 #581fbb,38px 38px 0 #581fbb,39px 39px 0 #581fbb,40px 40px 0 #581fbb,41px 41px 0 #581fbb,42px 42px 0 #581fbb,43px 43px 0 #581fbb,44px 44px 0 #581fbb,45px 45px 0 #581fbb,46px 46px 0 #581fbb,47px 47px 0 #581fbb,48px 48px 0 #581fbb,50px 50px 0 rgba(0, 0, 0, 0); -webkit-transform: translate(50px, 50px); transform: translate(50px, 50px); -webkit-transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.AboutHellonew__heading.is-show { opacity: 1; text-shadow: none; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0s; transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; }
.AboutHellonew__description { font-size: 0.65rem; line-height: 2; margin-bottom: 35px; opacity: 0; -webkit-transform: translate(0px, 50px); transform: translate(0px, 50px); -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.AboutHellonew__description.is-show { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; }
.AboutHellonew__description .note { display: block; position: relative; padding-left: 1.2em; margin-top: 1em; line-height: 1.5; }
.AboutHellonew__description .note::before { content: "※"; display: block; position: absolute; left: 0; }
.AboutHellonew__table { margin-bottom: 25px; }
.AboutHellonew__contact { display: inline-block; position: relative; font-size: 16px; line-height: 19px; font-weight: 900; letter-spacing: -0.05em; padding-bottom: 0.3em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.01em; opacity: 0; -webkit-transform: translate(0px, 50px); transform: translate(0px, 50px); -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.is-ie .AboutHellonew__contact:hover { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.is-ie .AboutHellonew__contact:hover::after { -webkit-box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.AboutHellonew__contact.is-show { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1), opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1), opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1); }
.is-ie .AboutHellonew__contact.is-show:hover { -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1), opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1), opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1); }
.AboutHellonew__contact::after { content: ""; position: absolute; width: 100%; height: 0.15em; left: 0; bottom: 0; background-color: #ffffff; -webkit-transition: -webkit-box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.AboutSupport { margin-left: 10%; margin-right: 10%; }
.AboutSupport .page-sectionTitle { margin-bottom: 38px; }
.AboutVideo { background-color: #6921e5; margin-left: 10%; margin-right: 10%; }
.AboutWhybitstar { margin-top: 90px; }
.AboutWhybitstar .page-sectionTitle { margin-left: 10%; margin-bottom: 38px; }
.AboutWhybitstar__loopWrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; height: 40vw; margin-bottom: 2vw; }
.AboutWhybitstar__loopWrap:nth-of-type(1) .AboutWhybitstar__loopInner { -webkit-animation: loop-text 42s linear infinite; animation: loop-text 42s linear infinite; }
.AboutWhybitstar__loopWrap:nth-of-type(2) .AboutWhybitstar__loopInner { animation: loop-text 42s linear infinite reverse; }
.AboutWhybitstar__loopWrap:nth-of-type(3) .AboutWhybitstar__loopInner { -webkit-animation: loop-text 38s linear infinite -1s; animation: loop-text 38s linear infinite -1s; }
.AboutWhybitstar__loopInner > .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 328vw; height: 40vw; }
.AboutWhybitstar__loopItem > .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 82vw; height: 40vw; padding-right: 2vw; -webkit-box-sizing: border-box; box-sizing: border-box; }
.AboutWhybitstar__thumb img { display: block; width: 40vw; height: 40vw; }
.AboutWhybitstar__message { position: relative; background-color: #6921e5; }
.AboutWhybitstar__message::before { content: ""; display: block; position: absolute; width: 3.5vw; height: 3.5vw; left: 4vw; top: 4vw; background-image: url("/assets/img/about/icon-quotation.svg"); background-repeat: no-repeat; background-size: contain; }
.AboutWhybitstar__message .img-message { display: block; width: 28.57143vw; height: 20vw; padding: 10vw 5.71429vw; }
.AboutWhybitstar__message .name { position: absolute; color: #c9aafe; left: 0; bottom: 0; padding: 4vw; font-size: 0.6rem; font-size: 8px; line-height: 9px; font-weight: 700; }
.AboutWhybitstar__reason { margin-left: 10%; margin-right: 10%; margin-top: 60px; }
.AboutWhybitstar__heading { margin-bottom: 25px; font-size: 16px; line-height: 24px; font-weight: 900; letter-spacing: -0.05em; opacity: 0; text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,9px 9px 0 #581fbb,10px 10px 0 #581fbb,11px 11px 0 #581fbb,12px 12px 0 #581fbb,13px 13px 0 #581fbb,14px 14px 0 #581fbb,15px 15px 0 #581fbb,16px 16px 0 #581fbb,17px 17px 0 #581fbb,18px 18px 0 #581fbb,19px 19px 0 #581fbb,20px 20px 0 #581fbb,21px 21px 0 #581fbb,22px 22px 0 #581fbb,23px 23px 0 #581fbb,24px 24px 0 #581fbb,25px 25px 0 #581fbb,26px 26px 0 #581fbb,27px 27px 0 #581fbb,28px 28px 0 #581fbb,29px 29px 0 #581fbb,30px 30px 0 #581fbb,31px 31px 0 #581fbb,32px 32px 0 #581fbb,33px 33px 0 #581fbb,34px 34px 0 #581fbb,35px 35px 0 #581fbb,36px 36px 0 #581fbb,37px 37px 0 #581fbb,38px 38px 0 #581fbb,39px 39px 0 #581fbb,40px 40px 0 #581fbb,41px 41px 0 #581fbb,42px 42px 0 #581fbb,43px 43px 0 #581fbb,44px 44px 0 #581fbb,45px 45px 0 #581fbb,46px 46px 0 #581fbb,47px 47px 0 #581fbb,48px 48px 0 #581fbb,50px 50px 0 rgba(0, 0, 0, 0); -webkit-transform: translate(50px, 50px); transform: translate(50px, 50px); -webkit-transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.AboutWhybitstar__heading.is-show { opacity: 1; text-shadow: none; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0s; transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; }
.AboutWhybitstar__ytlink { display: inline-block; position: relative; margin-top: 25px; opacity: 0; -webkit-transform: translate(0px, 50px); transform: translate(0px, 50px); -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.AboutWhybitstar__ytlink.is-show { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1); transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1); transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1), opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1); transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1), opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1); }
.AboutWhybitstar__ytlink a { padding-left: 36px; -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.AboutWhybitstar__ytlink a .icon-youtube { display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); font-family: "BS-icon"; font-size: 26px; line-height: 26px; line-height: 12px; }
.AboutWhybitstar__ytlink a .text { display: inline-block; position: relative; padding-bottom: 0.3em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 13px; line-height: 17px; font-weight: 700; letter-spacing: -0.05em; }
.AboutWhybitstar__ytlink a .text::after { content: ""; position: absolute; width: 100%; height: 0.15em; left: 0; bottom: 0; background-color: #ffffff; -webkit-transition: -webkit-box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.AboutWhybitstar__ytlink a .icon-blank { display: block; position: absolute; width: 12px; height: 12px; right: -1.5em; top: 15%; margin-left: 0.3em; font-family: "BS-icon"; font-style: normal; font-size: 10px; line-height: 10px; }
.is-ie .AboutWhybitstar__ytlink a:hover { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.is-ie .AboutWhybitstar__ytlink a:hover .text::after { -webkit-box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.Accordion__header { position: relative; cursor: pointer; overflow: hidden; -webkit-transition: color 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), background 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); transition: color 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), background 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); }
.Accordion__toggle { position: relative; overflow: hidden; }
.Accordion__toggle .text-close { display: block; padding: 2px; -webkit-transition: opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); -webkit-transform: translateY(-100%); transform: translateY(-100%); font-size: 0.8rem; font-style: italic; text-decoration: underline; opacity: 0; }
.Accordion__toggle .text-open { display: block; padding: 2px; position: absolute; -webkit-transition: opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); -webkit-transform: translateY(-100%); transform: translateY(-100%); font-size: 0.8rem; font-style: italic; text-decoration: underline; }
.Accordion__panel { height: 0; overflow: hidden; -webkit-transition: height 0.55s cubic-bezier(0.52, 0.08, 0.18, 1); transition: height 0.55s cubic-bezier(0.52, 0.08, 0.18, 1); }
.Accordion__expanded .Accordion__toggle .text-close { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.Accordion__expanded .Accordion__toggle .text-open { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; }
.Article .wp-caption { margin: 0 auto; }
.Article .alignleft, .Article .aligncenter, .Article .alignright, .Article .alignnone { max-width: 100%; height: auto; }
.Article__body h1, .Article__body h2, .Article__body h3, .Article__body h4, .Article__body h5, .Article__body h6 { font-weight: 900; line-height: 1.5; margin-top: 40px; margin-bottom: 25px; font-size: 16px; }
.Article__body h1 a, .Article__body h2 a, .Article__body h3 a, .Article__body h4 a, .Article__body h5 a, .Article__body h6 a { overflow-wrap: break-word; text-decoration: underline; }
.is-ie .Article__body h1 a:hover, .is-ie .Article__body h2 a:hover, .is-ie .Article__body h3 a:hover, .is-ie .Article__body h4 a:hover, .is-ie .Article__body h5 a:hover, .is-ie .Article__body h6 a:hover { text-decoration: none; }
.Article__body p { font-size: 0.65rem; line-height: 2; }
.Article__body p a { overflow-wrap: break-word; text-decoration: underline; color: #65fce9; }
.is-ie .Article__body p a:hover { text-decoration: none; }
.Article__body p strong { font-weight: 900; }
.Article__body img { display: block; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; }
.Article__body hr { display: block; width: 100%; height: 1px; border: 0; border-top: 1px #581fbb solid; margin-top: 10px; margin-bottom: 10px; }
.Article__body ul, .Article__body ol { background-color: #6921e5; margin-top: 10px; margin-bottom: 10px; }
.Article__body li { position: relative; margin-bottom: 1.2em; font-size: 0.65rem; line-height: 1.5; }
.Article__body li:last-child { margin-bottom: 0; }
.Article__body li a { overflow-wrap: break-word; text-decoration: underline; color: #65fce9; }
.is-ie .Article__body li a:hover { text-decoration: none; }
.Article__body ul { padding: 2em 1.5em; }
.Article__body ul li { padding-left: 1.2em; }
.Article__body ul li::before { content: "・"; display: block; position: absolute; left: 0; }
.Article__body ol { padding: 2em 1.5em 2em 1.2em; counter-reset: number; list-style: none; }
.Article__body ol li { padding-left: 2.2em; }
.Article__body ol li::before { counter-increment: number; content: counter(number, decimal-leading-zero) " )"; display: block; position: absolute; left: 0; }
.Article__body .youtube { display: block; position: relative; width: 100%; height: 0; padding-top: 56.25%; background-color: #6921e5; }
.Article__body .youtube iframe { position: absolute; width: 100%; height: 100%; top: 0; }
.ButtonGotoindex { 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; }
.is-ie .ButtonGotoindex:hover .circle-icon { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .ButtonGotoindex:hover .circle-line { opacity: 0; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .ButtonGotoindex:hover .ButtonGotoindex__text { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.ButtonGotoindex__circle { display: block; position: relative; width: 60px; height: 60px; }
.ButtonGotoindex__circle svg { width: 19px; height: 16px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.ButtonGotoindex__circle .circle-icon { display: block; width: 38%; height: 38%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; left: 2px; font-family: "BS-icon"; font-size: 1rem; line-height: 18px; -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.ButtonGotoindex__circle .circle-line { display: block; position: relative; width: 60px; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 3px #ffffff solid; border-radius: 50%; z-index: 10; -webkit-transition: opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.ButtonGotoindex__text { display: block; margin-left: 1em; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.8rem; font-weight: 500; font-style: italic; -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.ButtonMenu { background: none; border: 0; -webkit-box-sizing: content-box; box-sizing: content-box; color: inherit; cursor: pointer; display: inline-block; line-height: normal; overflow: visible; padding: 0; text-align: center; text-decoration: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; position: absolute; width: 50px; height: 50px; top: 20px; right: 20px; border: 2px #ffffff solid; border-radius: 50%; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.6rem; font-weight: 700; font-style: italic; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, border 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: color 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, border 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; }
button, input { font: inherit; }
button::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
button { overflow: visible; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; }
.is-home.is-scene3 .ButtonMenu, .is-home.is-scene4 .ButtonMenu { border: 2px #772afc solid; color: #772afc; }
.is-home.is-scene3.is-openMenu .ButtonMenu, .is-home.is-scene4.is-openMenu .ButtonMenu { border: 2px #ffffff solid; color: #ffffff; -webkit-transition: color 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 1.25s, border 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 1.25s; transition: color 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 1.25s, border 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 1.25s; }
.ButtonMenu__toggle { display: block; position: relative; overflow: hidden; text-align: center; }
.ButtonMenu__toggle .text-close { display: block; width: 100%; padding: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.is-openMenu .ButtonMenu__toggle .text-close { -webkit-transform: translateY(0); transform: translateY(0); }
.ButtonMenu__toggle .text-open { display: block; padding: 2px; position: absolute; width: 100%; -webkit-transition: opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-box-sizing: border-box; box-sizing: border-box; }
.is-openMenu .ButtonMenu__toggle .text-open { -webkit-transform: translateY(0); transform: translateY(0); }
.Contact { margin-bottom: 200px; }
.ContactContent { margin-left: 10%; margin-right: 10%; }
.ContactContent__title { margin-bottom: 20px; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.8rem; font-weight: 500; font-style: italic; }
.ContactForm .wpcf7 { display: none; }
.ContactForm .wpcf7.is-show { display: block; }
.ContactForm .wpcf7 input[type="text"], .ContactForm .wpcf7 input[type="email"], .ContactForm .wpcf7 input[type="tel"], .ContactForm .wpcf7 input[type="date"], .ContactForm .wpcf7 input[type="number"], .ContactForm .wpcf7 input[type="url"], .ContactForm .wpcf7 textarea, .ContactForm .wpcf7 select { display: block; width: 100%; padding: 0.6rem 0.5rem; margin-top: 10px; font-size: 0.8rem; color: #ffffff; font-weight: 500; line-height: 1.4; border: 0; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #6524d6; border: 1px #a06afd solid; }
.ContactForm .wpcf7 input[type="text"]:focus, .ContactForm .wpcf7 input[type="email"]:focus, .ContactForm .wpcf7 input[type="tel"]:focus, .ContactForm .wpcf7 input[type="date"]:focus, .ContactForm .wpcf7 input[type="number"]:focus, .ContactForm .wpcf7 input[type="url"]:focus, .ContactForm .wpcf7 textarea:focus, .ContactForm .wpcf7 select:focus { border: 1px #ffffff solid; outline: none; }
.ContactForm .wpcf7 input[type="text"].wpcf7-not-valid, .ContactForm .wpcf7 input[type="email"].wpcf7-not-valid, .ContactForm .wpcf7 input[type="tel"].wpcf7-not-valid, .ContactForm .wpcf7 input[type="date"].wpcf7-not-valid, .ContactForm .wpcf7 input[type="number"].wpcf7-not-valid, .ContactForm .wpcf7 input[type="url"].wpcf7-not-valid, .ContactForm .wpcf7 textarea.wpcf7-not-valid, .ContactForm .wpcf7 select.wpcf7-not-valid { border: 1px #65fce9 solid; }
.ContactForm .wpcf7 select { margin-top: 30px; }
.ContactForm .wpcf7-form > p { margin-top: 20px; }
.ContactForm .wpcf7-form > p > label { font-size: 0.65rem; font-weight: 700; color: #ffffff; }
.ContactForm .wpcf7-list-item-label { font-size: 0.75rem; font-weight: 700; color: #ffffff; }
.ContactForm .wpcf7-list-item-label a { text-decoration: underline; }
.is-ie .ContactForm .wpcf7-list-item-label a:hover { text-decoration: none; }
.ContactForm .wpcf7-list-item { margin-right: 20px; }
.ContactForm input[type="checkbox"], .ContactForm input[type="radio"] { margin-right: 8px; }
.ContactForm .screen-reader-response { display: none; margin-bottom: 20px; font-size: 0.75rem; font-weight: 700; color: #65fce9; }
.ContactForm .screen-reader-response ul { margin-top: 10px; }
.ContactForm .screen-reader-response ul li { font-size: 0.65rem; font-weight: 700; color: #65fce9; }
.ContactForm .wpcf7-not-valid-tip { display: block; margin-top: 10px; font-size: 0.6rem; font-weight: 400; color: #65fce9; }
.ContactForm .wpcf7-response-output { margin-top: 20px; font-size: 0.6rem; color: #65fce9; }
.ContactForm .your-acceptance label { display: inline-block; position: relative; padding-left: 25px; vertical-align: top; }
.is-ie .ContactForm .your-acceptance label:hover .icon-checkbox { background-color: #c9aafe; }
.ContactForm .your-acceptance label input { display: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.ContactForm .your-acceptance label input[type=checkbox]:checked ~ .wpcf7-list-item-label .icon-checkbox { background-color: #ffffff; }
.ContactForm .your-acceptance label input[type=checkbox]:checked ~ .wpcf7-list-item-label .icon-checkbox::before { content: ""; position: absolute; width: 6px; height: 2px; right: 60%; top: 68%; margin-right: -1px; background-color: #772afc; -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: rotate(50deg); transform: rotate(50deg); }
.ContactForm .your-acceptance label input[type=checkbox]:checked ~ .wpcf7-list-item-label .icon-checkbox::after { content: ""; position: absolute; width: 10px; height: 2px; right: 60%; top: 68%; background-color: #772afc; -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.ContactForm .your-acceptance .icon-checkbox { position: absolute; width: 16px; height: 16px; left: 0; top: 50%; margin-top: -7px; border: 1px #ffffff solid; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: background; transform: background; -webkit-transition: background 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); transition: background 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); }
.ContactForm__title { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; /* added line */ }
.ContactForm__select { position: relative; }
.ContactForm__select::after { content: ""; position: absolute; background-image: url("/assets/img/common/icon-arrow-down.svg"); width: 14px; height: 10px; right: 15px; top: 50%; margin-top: -5px; pointer-events: none; }
.ContactForm__send { display: inline-block; position: relative; margin-top: 50px; font-size: 16px; line-height: 18px; font-weight: 900; }
.is-ie .ContactForm__send:hover input { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .ContactForm__send:hover::after { -webkit-box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.ContactForm__send::after { content: ""; position: absolute; width: calc(100% - 11px); height: 0.12em; left: 0; bottom: 0; background-color: #ffffff; -webkit-transition: -webkit-box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); margin-left: 3px; margin-right: 8px; }
.ContactForm__send input { background: none; border: 0; -webkit-box-sizing: content-box; box-sizing: content-box; color: inherit; cursor: pointer; display: inline-block; line-height: normal; overflow: visible; padding: 0; text-align: center; text-decoration: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; font-size: 16px; line-height: 18px; font-weight: 900; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.02em; padding-left: 4px; padding-right: 8px; padding-bottom: 0.4em; -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
button, input { font: inherit; }
button::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
button { overflow: visible; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #6524d6 inset; -webkit-text-fill-color: #ffffff !important; }
.ContactPulldown { position: relative; margin-bottom: 45px; }
.ContactPulldown__button { background: none; border: 0; -webkit-box-sizing: content-box; box-sizing: content-box; color: inherit; cursor: pointer; display: inline-block; line-height: normal; overflow: visible; padding: 0; text-align: center; text-decoration: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; position: relative; width: 100%; padding: 1em 2em 1em 0.8em; font-size: 1.3rem; font-size: 16px; line-height: 18px; font-weight: 700; color: #c9aafe; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.03em; border-bottom: 2px #c9aafe solid; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
button, input { font: inherit; }
button::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
button { overflow: visible; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; }
.ContactPulldown__button.is-active { color: #ffffff; }
.ContactPulldown__button::after { content: ""; position: absolute; right: 0.8em; top: 50%; margin-top: -3px; border-top: 6px solid #ffffff; border-right: 3.5px solid transparent; border-left: 3.5px solid transparent; }
.is-ie .ContactPulldown__button:hover { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.ContactPulldown__item { font-size: 16px; line-height: 18px; font-weight: 700; background-color: #ffffff; color: #772afc; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.03em; -webkit-transition: color 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: color 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.ContactPulldown__item.is-active { color: #c9aafe; }
.ContactPulldown__item.is-active a { pointer-events: none; }
.ContactPulldown__item a { display: block; padding: 1em; -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.is-ie .ContactPulldown__item a:hover { text-shadow: 0px 0px 0 #c9aafe,1px 1px 0 #c9aafe,2px 2px 0 #c9aafe,3px 3px 0 #c9aafe,4px 4px 0 #c9aafe,5px 5px 0 #c9aafe,6px 6px 0 #c9aafe,7px 7px 0 #c9aafe,8px 8px 0 #c9aafe,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.ContactPulldown__item + .ContactPulldown__item { border-top: 2px #772afc solid; }
.ContactPulldown__panel { width: 100%; height: 0; overflow: hidden; -webkit-transition: height 0.55s cubic-bezier(0.52, 0.08, 0.18, 1); transition: height 0.55s cubic-bezier(0.52, 0.08, 0.18, 1); }
.accordion-expanded .ContactPulldown__button::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.ContactThanks { margin-left: 10%; margin-right: 10%; }
.ContactThanks__body { margin-bottom: 30px; font-size: 0.65rem; line-height: 2; }
.ContactThanks__body h1, .ContactThanks__body h2, .ContactThanks__body h3, .ContactThanks__body h4, .ContactThanks__body h5, .ContactThanks__body h6 { margin-bottom: 20px; font-size: 16px; line-height: 19px; font-weight: 900; letter-spacing: -0.05em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.02em; }
.ContactThanks__body p { margin-bottom: 10px; font-size: 0.65rem; line-height: 2; }
.ContactThanks__body p a { text-decoration: underline; }
.is-ie .ContactThanks__body p a:hover { text-decoration: none; }
.ContactThanks__footer .link-index { font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.8rem; font-weight: 500; font-style: italic; text-decoration: underline; white-space: nowrap; }
.is-ie .ContactThanks__footer .link-index:hover { text-decoration: none; }
.CreatorsDetail { z-index: 1; }
.CreatorsDetail__bgText { position: relative; }
.CreatorsDetail__bgText { display: none; position: fixed; width: 100%; top: 0; white-space: nowrap; overflow: hidden; margin-top: -28vw; }
.CreatorsDetail__bgText .inner { display: block; -webkit-animation: loop-text 30s linear infinite; animation: loop-text 30s linear infinite; font-size: 28vw; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 700; letter-spacing: -0.05em; color: #000000; opacity: 0.15; }
.CreatorsDetail__bgText .inner .text { padding-right: .28em; }
.CreatorsDetail__header { left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 50px; }
.CreatorsDetail__header::before, .CreatorsDetail__header::after { -webkit-transform-origin: top left; transform-origin: top left; }
.CreatorsDetail__header .page-category { margin-bottom: 35px; -webkit-transform: translate(0px, 50px); transform: translate(0px, 50px); opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.CreatorsDetail__header .name { margin-bottom: 10px; font-size: 25px; line-height: 28px; font-weight: 900; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.03em; text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,9px 9px 0 #581fbb,10px 10px 0 #581fbb,11px 11px 0 #581fbb,12px 12px 0 #581fbb,13px 13px 0 #581fbb,14px 14px 0 #581fbb,15px 15px 0 #581fbb,16px 16px 0 #581fbb,17px 17px 0 #581fbb,18px 18px 0 #581fbb,19px 19px 0 #581fbb,20px 20px 0 #581fbb,21px 21px 0 #581fbb,22px 22px 0 #581fbb,23px 23px 0 #581fbb,24px 24px 0 #581fbb,25px 25px 0 #581fbb,26px 26px 0 #581fbb,27px 27px 0 #581fbb,28px 28px 0 #581fbb,29px 29px 0 #581fbb,30px 30px 0 #581fbb,31px 31px 0 #581fbb,32px 32px 0 #581fbb,33px 33px 0 #581fbb,34px 34px 0 #581fbb,35px 35px 0 #581fbb,36px 36px 0 #581fbb,37px 37px 0 #581fbb,38px 38px 0 #581fbb,39px 39px 0 #581fbb,40px 40px 0 #581fbb,41px 41px 0 #581fbb,42px 42px 0 #581fbb,43px 43px 0 #581fbb,44px 44px 0 #581fbb,45px 45px 0 #581fbb,46px 46px 0 #581fbb,47px 47px 0 #581fbb,48px 48px 0 #581fbb,50px 50px 0 rgba(0, 0, 0, 0); -webkit-transform: translate(50px, 50px); transform: translate(50px, 50px); opacity: 0; -webkit-transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.CreatorsDetail__header .catchphrase { margin-top: 10px; margin-bottom: 10px; font-size: 13px; line-height: 18px; font-weight: 700; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.05em; -webkit-transform: translate(0px, 50px); transform: translate(0px, 50px); opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.CreatorsDetail__header .page-snsList { margin-top: 22px; opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.CreatorsDetail__headerImage { position: relative; height: 0; padding-top: 100%; overflow: hidden; }
.CreatorsDetail__headerImage img { position: absolute; width: 100%; top: 0; }
.CreatorsDetail__headerImage .icon-newcomer { position: absolute; right: 4%; bottom: 0; z-index: 1; }
.CreatorsDetail__headerImage::after { content: ""; position: absolute; width: 100%; height: 0; padding-top: 22.5%; left: 0; bottom: -2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(119, 42, 252, 0)), color-stop(90%, #772afc)); background: -webkit-linear-gradient(top, rgba(119, 42, 252, 0) 0%, #772afc 90%); background: linear-gradient(to bottom, rgba(119, 42, 252, 0) 0%, #772afc 90%); }
.CreatorsDetail__headerBody { margin-left: 10%; margin-right: 10%; margin-top: 10px; }
.CreatorsDetail__headerBody.is-show .page-category { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; }
.CreatorsDetail__headerBody.is-show .name { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; text-shadow: none; -webkit-transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.1s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0.1s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.1s; transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.1s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0.1s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.1s; transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.1s, transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.1s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0.1s; transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.1s, transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.1s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0.1s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.1s; }
.CreatorsDetail__headerBody.is-show .catchphrase { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s; transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s; }
.CreatorsDetail__headerBody.is-show .page-snsList { opacity: 1; -webkit-transition: opacity 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; transition: opacity 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }
.CreatorsDetail__body { margin-bottom: 80px; margin-left: 10%; margin-right: 10%; }
.CreatorsDetail__bodyImage { display: none; position: relative; height: 0; padding-top: 100%; }
.CreatorsDetail__bodyImage .icon-newcomer { position: absolute; right: 4%; top: 4%; }
.CreatorsDetail__bodyImage .image-inner { position: absolute; width: 100%; height: 100%; top: 0; overflow: hidden; background-color: #6921e5; }
.CreatorsDetail__bodyImage .image-inner img { position: absolute; width: 100%; top: 0; }
.CreatorsDetail__bodyImage .box-shadow { position: absolute; width: 100%; height: 100%; pointer-events: none; opacity: 0.15; left: 0; top: 0; background-color: #000000; }
.CreatorsDetail__bodyImage .box-shadow::before { content: ""; position: absolute; width: 916.33831px; height: 100%; -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); background-color: #000000; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 100%; top: 1px; -webkit-transform-origin: left top; transform-origin: left top; }
.CreatorsDetail__bodyImage .box-shadow::after { content: ""; position: absolute; width: 100%; height: 1000px; background-color: #000000; margin-bottom: -1px; -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 1px; top: 100%; -webkit-transform-origin: left top; transform-origin: left top; }
.CreatorsDetail__bodyImage .box-shadow::before { -webkit-transform: skewY(47.5deg) scaleX(0); transform: skewY(47.5deg) scaleX(0); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.CreatorsDetail__bodyImage .box-shadow::after { -webkit-transform: skewX(42.5deg) scaleY(0); transform: skewX(42.5deg) scaleY(0); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.CreatorsDetail__bodyImage.is-show .box-shadow::before { -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); -webkit-transition: -webkit-transform 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s; transition: -webkit-transform 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s; transition: transform 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s; transition: transform 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s, -webkit-transform 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s; }
.CreatorsDetail__bodyImage.is-show .box-shadow::after { -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s; transition: -webkit-transform 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s; transition: transform 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s; transition: transform 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s, -webkit-transform 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s; }
.CreatorsDetail__section { position: relative; margin-bottom: 50px; }
.CreatorsDetail__section .page-sectionTitle { margin-bottom: 30px; }
.CreatorsDetail__section .page-tag { margin-bottom: 1.5em; }
.CreatorsDetail__section .profile { font-size: 16px; line-height: 30px; font-weight: 700; }
.CreatorsDetail__section .title-fanLetter { margin-bottom: 10px; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 25px; line-height: 29px; font-weight: 700; font-style: italic; }
.CreatorsDetail__section .text-fanLetter { font-size: 0.65rem; line-height: 1.85; font-weight: 700; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.05em; }
.CreatorsDetail__section .text-fanLetter a { text-decoration: underline; }
.is-ie .CreatorsDetail__section .text-fanLetter a:hover { text-decoration: none; }
.CreatorsDetail__media { font-size: 0.65rem; line-height: 1.85; font-weight: 700; }
.CreatorsDetail__linkList li { margin-bottom: 1.5rem; }
.CreatorsDetail__linkList .line { position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: 1px #65fce9 solid; border-radius: 99em; z-index: 10; -webkit-transition: opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.CreatorsDetail__linkList .title { margin-bottom: 0.7rem; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 14px; line-height: 16px; font-weight: 700; font-style: italic; color: #c9aafe; }
.CreatorsDetail__linkList .link { display: inline-block; position: relative; padding: 0.5em 1em; font-size: 0.65rem; color: #65fce9; font-weight: 700; -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.is-ie .CreatorsDetail__linkList .link:hover { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .CreatorsDetail__linkList .link:hover .line { opacity: 0; -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); }
.CreatorsDetail__linkList .link .icon-blank { display: inline-block; position: relative; width: 7px; height: 7px; margin-left: 0.5em; font-family: "BS-icon"; font-size: 0.55rem; vertical-align: top; }
.CreatorsDetail__linkList .link .icon-blank svg { display: block; position: relative; width: 100%; height: 100%; }
.CreatorsDetail__buttonGotoindex { display: none; position: fixed; left: 2.5%; bottom: 50px; }
.CreatorsIndex { min-height: 100vh; padding-bottom: 150px; overflow: hidden; }
.CreatorsIndex .SubPage__header .title { margin-bottom: 50px; }
.CreatorsIndex__list { position: relative; }
.CreatorsIndex__list .page-sectionTitle { margin-left: 5%; margin-right: 5%; }
.CreatorsIndex__bgText { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: fixed; width: 100%; top: 100%; white-space: nowrap; overflow: hidden; margin-top: -28vw; }
.CreatorsIndex__bgText .inner { display: block; -webkit-animation: loop-text 30s linear infinite; animation: loop-text 30s linear infinite; font-size: 28vw; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 700; letter-spacing: -0.05em; color: #000000; opacity: 0.15; }
.CreatorsIndex__bgText .inner .text { padding-right: .28em; }
.CreatorsIndexList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-left: 5%; margin-right: 5%; min-height: 320px; opacity: 0; -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
.CreatorsIndexList.is-show { opacity: 1; }
.CreatorsIndexList + .page-sectionTitle { margin-top: 80px; }
.page-sectionTitle + .CreatorsIndexList { margin-top: 35px; }
.CreatorsIndexList__item { position: relative; width: 47.22222%; padding-bottom: 10%; opacity: 0; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); -webkit-transition: opacity 0.4s cubic-bezier(0.22, 0.94, 0.44, 1), -webkit-transform 1s cubic-bezier(0.22, 0.94, 0.44, 1); transition: opacity 0.4s cubic-bezier(0.22, 0.94, 0.44, 1), -webkit-transform 1s cubic-bezier(0.22, 0.94, 0.44, 1); transition: transform 1s cubic-bezier(0.22, 0.94, 0.44, 1), opacity 0.4s cubic-bezier(0.22, 0.94, 0.44, 1); transition: transform 1s cubic-bezier(0.22, 0.94, 0.44, 1), opacity 0.4s cubic-bezier(0.22, 0.94, 0.44, 1), -webkit-transform 1s cubic-bezier(0.22, 0.94, 0.44, 1); }
.CreatorsIndexList__item:nth-of-type(2n) { padding-top: 20%; padding-bottom: 1%; }
.CreatorsIndexList__item.is-show { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.CreatorsIndexList__item:nth-child(1) { z-index: 500; }
.CreatorsIndexList__item:nth-child(2) { z-index: 499; }
.CreatorsIndexList__item:nth-child(3) { z-index: 498; }
.CreatorsIndexList__item:nth-child(4) { z-index: 497; }
.CreatorsIndexList__item:nth-child(5) { z-index: 496; }
.CreatorsIndexList__item:nth-child(6) { z-index: 495; }
.CreatorsIndexList__item:nth-child(7) { z-index: 494; }
.CreatorsIndexList__item:nth-child(8) { z-index: 493; }
.CreatorsIndexList__item:nth-child(9) { z-index: 492; }
.CreatorsIndexList__item:nth-child(10) { z-index: 491; }
.CreatorsIndexList__item:nth-child(11) { z-index: 490; }
.CreatorsIndexList__item:nth-child(12) { z-index: 489; }
.CreatorsIndexList__item:nth-child(13) { z-index: 488; }
.CreatorsIndexList__item:nth-child(14) { z-index: 487; }
.CreatorsIndexList__item:nth-child(15) { z-index: 486; }
.CreatorsIndexList__item:nth-child(16) { z-index: 485; }
.CreatorsIndexList__item:nth-child(17) { z-index: 484; }
.CreatorsIndexList__item:nth-child(18) { z-index: 483; }
.CreatorsIndexList__item:nth-child(19) { z-index: 482; }
.CreatorsIndexList__item:nth-child(20) { z-index: 481; }
.CreatorsIndexList__item:nth-child(21) { z-index: 480; }
.CreatorsIndexList__item:nth-child(22) { z-index: 479; }
.CreatorsIndexList__item:nth-child(23) { z-index: 478; }
.CreatorsIndexList__item:nth-child(24) { z-index: 477; }
.CreatorsIndexList__item:nth-child(25) { z-index: 476; }
.CreatorsIndexList__item:nth-child(26) { z-index: 475; }
.CreatorsIndexList__item:nth-child(27) { z-index: 474; }
.CreatorsIndexList__item:nth-child(28) { z-index: 473; }
.CreatorsIndexList__item:nth-child(29) { z-index: 472; }
.CreatorsIndexList__item:nth-child(30) { z-index: 471; }
.CreatorsIndexList__item:nth-child(31) { z-index: 470; }
.CreatorsIndexList__item:nth-child(32) { z-index: 469; }
.CreatorsIndexList__item:nth-child(33) { z-index: 468; }
.CreatorsIndexList__item:nth-child(34) { z-index: 467; }
.CreatorsIndexList__item:nth-child(35) { z-index: 466; }
.CreatorsIndexList__item:nth-child(36) { z-index: 465; }
.CreatorsIndexList__item:nth-child(37) { z-index: 464; }
.CreatorsIndexList__item:nth-child(38) { z-index: 463; }
.CreatorsIndexList__item:nth-child(39) { z-index: 462; }
.CreatorsIndexList__item:nth-child(40) { z-index: 461; }
.CreatorsIndexList__item:nth-child(41) { z-index: 460; }
.CreatorsIndexList__item:nth-child(42) { z-index: 459; }
.CreatorsIndexList__item:nth-child(43) { z-index: 458; }
.CreatorsIndexList__item:nth-child(44) { z-index: 457; }
.CreatorsIndexList__item:nth-child(45) { z-index: 456; }
.CreatorsIndexList__item:nth-child(46) { z-index: 455; }
.CreatorsIndexList__item:nth-child(47) { z-index: 454; }
.CreatorsIndexList__item:nth-child(48) { z-index: 453; }
.CreatorsIndexList__item:nth-child(49) { z-index: 452; }
.CreatorsIndexList__item:nth-child(50) { z-index: 451; }
.CreatorsIndexList__item:nth-child(51) { z-index: 450; }
.CreatorsIndexList__item:nth-child(52) { z-index: 449; }
.CreatorsIndexList__item:nth-child(53) { z-index: 448; }
.CreatorsIndexList__item:nth-child(54) { z-index: 447; }
.CreatorsIndexList__item:nth-child(55) { z-index: 446; }
.CreatorsIndexList__item:nth-child(56) { z-index: 445; }
.CreatorsIndexList__item:nth-child(57) { z-index: 444; }
.CreatorsIndexList__item:nth-child(58) { z-index: 443; }
.CreatorsIndexList__item:nth-child(59) { z-index: 442; }
.CreatorsIndexList__item:nth-child(60) { z-index: 441; }
.CreatorsIndexList__item:nth-child(61) { z-index: 440; }
.CreatorsIndexList__item:nth-child(62) { z-index: 439; }
.CreatorsIndexList__item:nth-child(63) { z-index: 438; }
.CreatorsIndexList__item:nth-child(64) { z-index: 437; }
.CreatorsIndexList__item:nth-child(65) { z-index: 436; }
.CreatorsIndexList__item:nth-child(66) { z-index: 435; }
.CreatorsIndexList__item:nth-child(67) { z-index: 434; }
.CreatorsIndexList__item:nth-child(68) { z-index: 433; }
.CreatorsIndexList__item:nth-child(69) { z-index: 432; }
.CreatorsIndexList__item:nth-child(70) { z-index: 431; }
.CreatorsIndexList__item:nth-child(71) { z-index: 430; }
.CreatorsIndexList__item:nth-child(72) { z-index: 429; }
.CreatorsIndexList__item:nth-child(73) { z-index: 428; }
.CreatorsIndexList__item:nth-child(74) { z-index: 427; }
.CreatorsIndexList__item:nth-child(75) { z-index: 426; }
.CreatorsIndexList__item:nth-child(76) { z-index: 425; }
.CreatorsIndexList__item:nth-child(77) { z-index: 424; }
.CreatorsIndexList__item:nth-child(78) { z-index: 423; }
.CreatorsIndexList__item:nth-child(79) { z-index: 422; }
.CreatorsIndexList__item:nth-child(80) { z-index: 421; }
.CreatorsIndexList__item:nth-child(81) { z-index: 420; }
.CreatorsIndexList__item:nth-child(82) { z-index: 419; }
.CreatorsIndexList__item:nth-child(83) { z-index: 418; }
.CreatorsIndexList__item:nth-child(84) { z-index: 417; }
.CreatorsIndexList__item:nth-child(85) { z-index: 416; }
.CreatorsIndexList__item:nth-child(86) { z-index: 415; }
.CreatorsIndexList__item:nth-child(87) { z-index: 414; }
.CreatorsIndexList__item:nth-child(88) { z-index: 413; }
.CreatorsIndexList__item:nth-child(89) { z-index: 412; }
.CreatorsIndexList__item:nth-child(90) { z-index: 411; }
.CreatorsIndexList__item:nth-child(91) { z-index: 410; }
.CreatorsIndexList__item:nth-child(92) { z-index: 409; }
.CreatorsIndexList__item:nth-child(93) { z-index: 408; }
.CreatorsIndexList__item:nth-child(94) { z-index: 407; }
.CreatorsIndexList__item:nth-child(95) { z-index: 406; }
.CreatorsIndexList__item:nth-child(96) { z-index: 405; }
.CreatorsIndexList__item:nth-child(97) { z-index: 404; }
.CreatorsIndexList__item:nth-child(98) { z-index: 403; }
.CreatorsIndexList__item:nth-child(99) { z-index: 402; }
.CreatorsIndexList__item:nth-child(100) { z-index: 401; }
.CreatorsIndexList__item:nth-child(101) { z-index: 400; }
.CreatorsIndexList__item:nth-child(102) { z-index: 399; }
.CreatorsIndexList__item:nth-child(103) { z-index: 398; }
.CreatorsIndexList__item:nth-child(104) { z-index: 397; }
.CreatorsIndexList__item:nth-child(105) { z-index: 396; }
.CreatorsIndexList__item:nth-child(106) { z-index: 395; }
.CreatorsIndexList__item:nth-child(107) { z-index: 394; }
.CreatorsIndexList__item:nth-child(108) { z-index: 393; }
.CreatorsIndexList__item:nth-child(109) { z-index: 392; }
.CreatorsIndexList__item:nth-child(110) { z-index: 391; }
.CreatorsIndexList__item:nth-child(111) { z-index: 390; }
.CreatorsIndexList__item:nth-child(112) { z-index: 389; }
.CreatorsIndexList__item:nth-child(113) { z-index: 388; }
.CreatorsIndexList__item:nth-child(114) { z-index: 387; }
.CreatorsIndexList__item:nth-child(115) { z-index: 386; }
.CreatorsIndexList__item:nth-child(116) { z-index: 385; }
.CreatorsIndexList__item:nth-child(117) { z-index: 384; }
.CreatorsIndexList__item:nth-child(118) { z-index: 383; }
.CreatorsIndexList__item:nth-child(119) { z-index: 382; }
.CreatorsIndexList__item:nth-child(120) { z-index: 381; }
.CreatorsIndexList__item:nth-child(121) { z-index: 380; }
.CreatorsIndexList__item:nth-child(122) { z-index: 379; }
.CreatorsIndexList__item:nth-child(123) { z-index: 378; }
.CreatorsIndexList__item:nth-child(124) { z-index: 377; }
.CreatorsIndexList__item:nth-child(125) { z-index: 376; }
.CreatorsIndexList__item:nth-child(126) { z-index: 375; }
.CreatorsIndexList__item:nth-child(127) { z-index: 374; }
.CreatorsIndexList__item:nth-child(128) { z-index: 373; }
.CreatorsIndexList__item:nth-child(129) { z-index: 372; }
.CreatorsIndexList__item:nth-child(130) { z-index: 371; }
.CreatorsIndexList__item:nth-child(131) { z-index: 370; }
.CreatorsIndexList__item:nth-child(132) { z-index: 369; }
.CreatorsIndexList__item:nth-child(133) { z-index: 368; }
.CreatorsIndexList__item:nth-child(134) { z-index: 367; }
.CreatorsIndexList__item:nth-child(135) { z-index: 366; }
.CreatorsIndexList__item:nth-child(136) { z-index: 365; }
.CreatorsIndexList__item:nth-child(137) { z-index: 364; }
.CreatorsIndexList__item:nth-child(138) { z-index: 363; }
.CreatorsIndexList__item:nth-child(139) { z-index: 362; }
.CreatorsIndexList__item:nth-child(140) { z-index: 361; }
.CreatorsIndexList__item:nth-child(141) { z-index: 360; }
.CreatorsIndexList__item:nth-child(142) { z-index: 359; }
.CreatorsIndexList__item:nth-child(143) { z-index: 358; }
.CreatorsIndexList__item:nth-child(144) { z-index: 357; }
.CreatorsIndexList__item:nth-child(145) { z-index: 356; }
.CreatorsIndexList__item:nth-child(146) { z-index: 355; }
.CreatorsIndexList__item:nth-child(147) { z-index: 354; }
.CreatorsIndexList__item:nth-child(148) { z-index: 353; }
.CreatorsIndexList__item:nth-child(149) { z-index: 352; }
.CreatorsIndexList__item:nth-child(150) { z-index: 351; }
.CreatorsIndexList__item:nth-child(151) { z-index: 350; }
.CreatorsIndexList__item:nth-child(152) { z-index: 349; }
.CreatorsIndexList__item:nth-child(153) { z-index: 348; }
.CreatorsIndexList__item:nth-child(154) { z-index: 347; }
.CreatorsIndexList__item:nth-child(155) { z-index: 346; }
.CreatorsIndexList__item:nth-child(156) { z-index: 345; }
.CreatorsIndexList__item:nth-child(157) { z-index: 344; }
.CreatorsIndexList__item:nth-child(158) { z-index: 343; }
.CreatorsIndexList__item:nth-child(159) { z-index: 342; }
.CreatorsIndexList__item:nth-child(160) { z-index: 341; }
.CreatorsIndexList__item:nth-child(161) { z-index: 340; }
.CreatorsIndexList__item:nth-child(162) { z-index: 339; }
.CreatorsIndexList__item:nth-child(163) { z-index: 338; }
.CreatorsIndexList__item:nth-child(164) { z-index: 337; }
.CreatorsIndexList__item:nth-child(165) { z-index: 336; }
.CreatorsIndexList__item:nth-child(166) { z-index: 335; }
.CreatorsIndexList__item:nth-child(167) { z-index: 334; }
.CreatorsIndexList__item:nth-child(168) { z-index: 333; }
.CreatorsIndexList__item:nth-child(169) { z-index: 332; }
.CreatorsIndexList__item:nth-child(170) { z-index: 331; }
.CreatorsIndexList__item:nth-child(171) { z-index: 330; }
.CreatorsIndexList__item:nth-child(172) { z-index: 329; }
.CreatorsIndexList__item:nth-child(173) { z-index: 328; }
.CreatorsIndexList__item:nth-child(174) { z-index: 327; }
.CreatorsIndexList__item:nth-child(175) { z-index: 326; }
.CreatorsIndexList__item:nth-child(176) { z-index: 325; }
.CreatorsIndexList__item:nth-child(177) { z-index: 324; }
.CreatorsIndexList__item:nth-child(178) { z-index: 323; }
.CreatorsIndexList__item:nth-child(179) { z-index: 322; }
.CreatorsIndexList__item:nth-child(180) { z-index: 321; }
.CreatorsIndexList__item:nth-child(181) { z-index: 320; }
.CreatorsIndexList__item:nth-child(182) { z-index: 319; }
.CreatorsIndexList__item:nth-child(183) { z-index: 318; }
.CreatorsIndexList__item:nth-child(184) { z-index: 317; }
.CreatorsIndexList__item:nth-child(185) { z-index: 316; }
.CreatorsIndexList__item:nth-child(186) { z-index: 315; }
.CreatorsIndexList__item:nth-child(187) { z-index: 314; }
.CreatorsIndexList__item:nth-child(188) { z-index: 313; }
.CreatorsIndexList__item:nth-child(189) { z-index: 312; }
.CreatorsIndexList__item:nth-child(190) { z-index: 311; }
.CreatorsIndexList__item:nth-child(191) { z-index: 310; }
.CreatorsIndexList__item:nth-child(192) { z-index: 309; }
.CreatorsIndexList__item:nth-child(193) { z-index: 308; }
.CreatorsIndexList__item:nth-child(194) { z-index: 307; }
.CreatorsIndexList__item:nth-child(195) { z-index: 306; }
.CreatorsIndexList__item:nth-child(196) { z-index: 305; }
.CreatorsIndexList__item:nth-child(197) { z-index: 304; }
.CreatorsIndexList__item:nth-child(198) { z-index: 303; }
.CreatorsIndexList__item:nth-child(199) { z-index: 302; }
.CreatorsIndexList__item:nth-child(200) { z-index: 301; }
.CreatorsIndexList__item:nth-child(201) { z-index: 300; }
.CreatorsIndexList__item:nth-child(202) { z-index: 299; }
.CreatorsIndexList__item:nth-child(203) { z-index: 298; }
.CreatorsIndexList__item:nth-child(204) { z-index: 297; }
.CreatorsIndexList__item:nth-child(205) { z-index: 296; }
.CreatorsIndexList__item:nth-child(206) { z-index: 295; }
.CreatorsIndexList__item:nth-child(207) { z-index: 294; }
.CreatorsIndexList__item:nth-child(208) { z-index: 293; }
.CreatorsIndexList__item:nth-child(209) { z-index: 292; }
.CreatorsIndexList__item:nth-child(210) { z-index: 291; }
.CreatorsIndexList__item:nth-child(211) { z-index: 290; }
.CreatorsIndexList__item:nth-child(212) { z-index: 289; }
.CreatorsIndexList__item:nth-child(213) { z-index: 288; }
.CreatorsIndexList__item:nth-child(214) { z-index: 287; }
.CreatorsIndexList__item:nth-child(215) { z-index: 286; }
.CreatorsIndexList__item:nth-child(216) { z-index: 285; }
.CreatorsIndexList__item:nth-child(217) { z-index: 284; }
.CreatorsIndexList__item:nth-child(218) { z-index: 283; }
.CreatorsIndexList__item:nth-child(219) { z-index: 282; }
.CreatorsIndexList__item:nth-child(220) { z-index: 281; }
.CreatorsIndexList__item:nth-child(221) { z-index: 280; }
.CreatorsIndexList__item:nth-child(222) { z-index: 279; }
.CreatorsIndexList__item:nth-child(223) { z-index: 278; }
.CreatorsIndexList__item:nth-child(224) { z-index: 277; }
.CreatorsIndexList__item:nth-child(225) { z-index: 276; }
.CreatorsIndexList__item:nth-child(226) { z-index: 275; }
.CreatorsIndexList__item:nth-child(227) { z-index: 274; }
.CreatorsIndexList__item:nth-child(228) { z-index: 273; }
.CreatorsIndexList__item:nth-child(229) { z-index: 272; }
.CreatorsIndexList__item:nth-child(230) { z-index: 271; }
.CreatorsIndexList__item:nth-child(231) { z-index: 270; }
.CreatorsIndexList__item:nth-child(232) { z-index: 269; }
.CreatorsIndexList__item:nth-child(233) { z-index: 268; }
.CreatorsIndexList__item:nth-child(234) { z-index: 267; }
.CreatorsIndexList__item:nth-child(235) { z-index: 266; }
.CreatorsIndexList__item:nth-child(236) { z-index: 265; }
.CreatorsIndexList__item:nth-child(237) { z-index: 264; }
.CreatorsIndexList__item:nth-child(238) { z-index: 263; }
.CreatorsIndexList__item:nth-child(239) { z-index: 262; }
.CreatorsIndexList__item:nth-child(240) { z-index: 261; }
.CreatorsIndexList__item:nth-child(241) { z-index: 260; }
.CreatorsIndexList__item:nth-child(242) { z-index: 259; }
.CreatorsIndexList__item:nth-child(243) { z-index: 258; }
.CreatorsIndexList__item:nth-child(244) { z-index: 257; }
.CreatorsIndexList__item:nth-child(245) { z-index: 256; }
.CreatorsIndexList__item:nth-child(246) { z-index: 255; }
.CreatorsIndexList__item:nth-child(247) { z-index: 254; }
.CreatorsIndexList__item:nth-child(248) { z-index: 253; }
.CreatorsIndexList__item:nth-child(249) { z-index: 252; }
.CreatorsIndexList__item:nth-child(250) { z-index: 251; }
.CreatorsIndexList__item:nth-child(251) { z-index: 250; }
.CreatorsIndexList__item:nth-child(252) { z-index: 249; }
.CreatorsIndexList__item:nth-child(253) { z-index: 248; }
.CreatorsIndexList__item:nth-child(254) { z-index: 247; }
.CreatorsIndexList__item:nth-child(255) { z-index: 246; }
.CreatorsIndexList__item:nth-child(256) { z-index: 245; }
.CreatorsIndexList__item:nth-child(257) { z-index: 244; }
.CreatorsIndexList__item:nth-child(258) { z-index: 243; }
.CreatorsIndexList__item:nth-child(259) { z-index: 242; }
.CreatorsIndexList__item:nth-child(260) { z-index: 241; }
.CreatorsIndexList__item:nth-child(261) { z-index: 240; }
.CreatorsIndexList__item:nth-child(262) { z-index: 239; }
.CreatorsIndexList__item:nth-child(263) { z-index: 238; }
.CreatorsIndexList__item:nth-child(264) { z-index: 237; }
.CreatorsIndexList__item:nth-child(265) { z-index: 236; }
.CreatorsIndexList__item:nth-child(266) { z-index: 235; }
.CreatorsIndexList__item:nth-child(267) { z-index: 234; }
.CreatorsIndexList__item:nth-child(268) { z-index: 233; }
.CreatorsIndexList__item:nth-child(269) { z-index: 232; }
.CreatorsIndexList__item:nth-child(270) { z-index: 231; }
.CreatorsIndexList__item:nth-child(271) { z-index: 230; }
.CreatorsIndexList__item:nth-child(272) { z-index: 229; }
.CreatorsIndexList__item:nth-child(273) { z-index: 228; }
.CreatorsIndexList__item:nth-child(274) { z-index: 227; }
.CreatorsIndexList__item:nth-child(275) { z-index: 226; }
.CreatorsIndexList__item:nth-child(276) { z-index: 225; }
.CreatorsIndexList__item:nth-child(277) { z-index: 224; }
.CreatorsIndexList__item:nth-child(278) { z-index: 223; }
.CreatorsIndexList__item:nth-child(279) { z-index: 222; }
.CreatorsIndexList__item:nth-child(280) { z-index: 221; }
.CreatorsIndexList__item:nth-child(281) { z-index: 220; }
.CreatorsIndexList__item:nth-child(282) { z-index: 219; }
.CreatorsIndexList__item:nth-child(283) { z-index: 218; }
.CreatorsIndexList__item:nth-child(284) { z-index: 217; }
.CreatorsIndexList__item:nth-child(285) { z-index: 216; }
.CreatorsIndexList__item:nth-child(286) { z-index: 215; }
.CreatorsIndexList__item:nth-child(287) { z-index: 214; }
.CreatorsIndexList__item:nth-child(288) { z-index: 213; }
.CreatorsIndexList__item:nth-child(289) { z-index: 212; }
.CreatorsIndexList__item:nth-child(290) { z-index: 211; }
.CreatorsIndexList__item:nth-child(291) { z-index: 210; }
.CreatorsIndexList__item:nth-child(292) { z-index: 209; }
.CreatorsIndexList__item:nth-child(293) { z-index: 208; }
.CreatorsIndexList__item:nth-child(294) { z-index: 207; }
.CreatorsIndexList__item:nth-child(295) { z-index: 206; }
.CreatorsIndexList__item:nth-child(296) { z-index: 205; }
.CreatorsIndexList__item:nth-child(297) { z-index: 204; }
.CreatorsIndexList__item:nth-child(298) { z-index: 203; }
.CreatorsIndexList__item:nth-child(299) { z-index: 202; }
.CreatorsIndexList__item:nth-child(300) { z-index: 201; }
.CreatorsIndexList__item:nth-child(301) { z-index: 200; }
.CreatorsIndexList__item:nth-child(302) { z-index: 199; }
.CreatorsIndexList__item:nth-child(303) { z-index: 198; }
.CreatorsIndexList__item:nth-child(304) { z-index: 197; }
.CreatorsIndexList__item:nth-child(305) { z-index: 196; }
.CreatorsIndexList__item:nth-child(306) { z-index: 195; }
.CreatorsIndexList__item:nth-child(307) { z-index: 194; }
.CreatorsIndexList__item:nth-child(308) { z-index: 193; }
.CreatorsIndexList__item:nth-child(309) { z-index: 192; }
.CreatorsIndexList__item:nth-child(310) { z-index: 191; }
.CreatorsIndexList__item:nth-child(311) { z-index: 190; }
.CreatorsIndexList__item:nth-child(312) { z-index: 189; }
.CreatorsIndexList__item:nth-child(313) { z-index: 188; }
.CreatorsIndexList__item:nth-child(314) { z-index: 187; }
.CreatorsIndexList__item:nth-child(315) { z-index: 186; }
.CreatorsIndexList__item:nth-child(316) { z-index: 185; }
.CreatorsIndexList__item:nth-child(317) { z-index: 184; }
.CreatorsIndexList__item:nth-child(318) { z-index: 183; }
.CreatorsIndexList__item:nth-child(319) { z-index: 182; }
.CreatorsIndexList__item:nth-child(320) { z-index: 181; }
.CreatorsIndexList__item:nth-child(321) { z-index: 180; }
.CreatorsIndexList__item:nth-child(322) { z-index: 179; }
.CreatorsIndexList__item:nth-child(323) { z-index: 178; }
.CreatorsIndexList__item:nth-child(324) { z-index: 177; }
.CreatorsIndexList__item:nth-child(325) { z-index: 176; }
.CreatorsIndexList__item:nth-child(326) { z-index: 175; }
.CreatorsIndexList__item:nth-child(327) { z-index: 174; }
.CreatorsIndexList__item:nth-child(328) { z-index: 173; }
.CreatorsIndexList__item:nth-child(329) { z-index: 172; }
.CreatorsIndexList__item:nth-child(330) { z-index: 171; }
.CreatorsIndexList__item:nth-child(331) { z-index: 170; }
.CreatorsIndexList__item:nth-child(332) { z-index: 169; }
.CreatorsIndexList__item:nth-child(333) { z-index: 168; }
.CreatorsIndexList__item:nth-child(334) { z-index: 167; }
.CreatorsIndexList__item:nth-child(335) { z-index: 166; }
.CreatorsIndexList__item:nth-child(336) { z-index: 165; }
.CreatorsIndexList__item:nth-child(337) { z-index: 164; }
.CreatorsIndexList__item:nth-child(338) { z-index: 163; }
.CreatorsIndexList__item:nth-child(339) { z-index: 162; }
.CreatorsIndexList__item:nth-child(340) { z-index: 161; }
.CreatorsIndexList__item:nth-child(341) { z-index: 160; }
.CreatorsIndexList__item:nth-child(342) { z-index: 159; }
.CreatorsIndexList__item:nth-child(343) { z-index: 158; }
.CreatorsIndexList__item:nth-child(344) { z-index: 157; }
.CreatorsIndexList__item:nth-child(345) { z-index: 156; }
.CreatorsIndexList__item:nth-child(346) { z-index: 155; }
.CreatorsIndexList__item:nth-child(347) { z-index: 154; }
.CreatorsIndexList__item:nth-child(348) { z-index: 153; }
.CreatorsIndexList__item:nth-child(349) { z-index: 152; }
.CreatorsIndexList__item:nth-child(350) { z-index: 151; }
.CreatorsIndexList__item:nth-child(351) { z-index: 150; }
.CreatorsIndexList__item:nth-child(352) { z-index: 149; }
.CreatorsIndexList__item:nth-child(353) { z-index: 148; }
.CreatorsIndexList__item:nth-child(354) { z-index: 147; }
.CreatorsIndexList__item:nth-child(355) { z-index: 146; }
.CreatorsIndexList__item:nth-child(356) { z-index: 145; }
.CreatorsIndexList__item:nth-child(357) { z-index: 144; }
.CreatorsIndexList__item:nth-child(358) { z-index: 143; }
.CreatorsIndexList__item:nth-child(359) { z-index: 142; }
.CreatorsIndexList__item:nth-child(360) { z-index: 141; }
.CreatorsIndexList__item:nth-child(361) { z-index: 140; }
.CreatorsIndexList__item:nth-child(362) { z-index: 139; }
.CreatorsIndexList__item:nth-child(363) { z-index: 138; }
.CreatorsIndexList__item:nth-child(364) { z-index: 137; }
.CreatorsIndexList__item:nth-child(365) { z-index: 136; }
.CreatorsIndexList__item:nth-child(366) { z-index: 135; }
.CreatorsIndexList__item:nth-child(367) { z-index: 134; }
.CreatorsIndexList__item:nth-child(368) { z-index: 133; }
.CreatorsIndexList__item:nth-child(369) { z-index: 132; }
.CreatorsIndexList__item:nth-child(370) { z-index: 131; }
.CreatorsIndexList__item:nth-child(371) { z-index: 130; }
.CreatorsIndexList__item:nth-child(372) { z-index: 129; }
.CreatorsIndexList__item:nth-child(373) { z-index: 128; }
.CreatorsIndexList__item:nth-child(374) { z-index: 127; }
.CreatorsIndexList__item:nth-child(375) { z-index: 126; }
.CreatorsIndexList__item:nth-child(376) { z-index: 125; }
.CreatorsIndexList__item:nth-child(377) { z-index: 124; }
.CreatorsIndexList__item:nth-child(378) { z-index: 123; }
.CreatorsIndexList__item:nth-child(379) { z-index: 122; }
.CreatorsIndexList__item:nth-child(380) { z-index: 121; }
.CreatorsIndexList__item:nth-child(381) { z-index: 120; }
.CreatorsIndexList__item:nth-child(382) { z-index: 119; }
.CreatorsIndexList__item:nth-child(383) { z-index: 118; }
.CreatorsIndexList__item:nth-child(384) { z-index: 117; }
.CreatorsIndexList__item:nth-child(385) { z-index: 116; }
.CreatorsIndexList__item:nth-child(386) { z-index: 115; }
.CreatorsIndexList__item:nth-child(387) { z-index: 114; }
.CreatorsIndexList__item:nth-child(388) { z-index: 113; }
.CreatorsIndexList__item:nth-child(389) { z-index: 112; }
.CreatorsIndexList__item:nth-child(390) { z-index: 111; }
.CreatorsIndexList__item:nth-child(391) { z-index: 110; }
.CreatorsIndexList__item:nth-child(392) { z-index: 109; }
.CreatorsIndexList__item:nth-child(393) { z-index: 108; }
.CreatorsIndexList__item:nth-child(394) { z-index: 107; }
.CreatorsIndexList__item:nth-child(395) { z-index: 106; }
.CreatorsIndexList__item:nth-child(396) { z-index: 105; }
.CreatorsIndexList__item:nth-child(397) { z-index: 104; }
.CreatorsIndexList__item:nth-child(398) { z-index: 103; }
.CreatorsIndexList__item:nth-child(399) { z-index: 102; }
.CreatorsIndexList__item:nth-child(400) { z-index: 101; }
.CreatorsIndexList__item:nth-child(401) { z-index: 100; }
.CreatorsIndexList__item:nth-child(402) { z-index: 99; }
.CreatorsIndexList__item:nth-child(403) { z-index: 98; }
.CreatorsIndexList__item:nth-child(404) { z-index: 97; }
.CreatorsIndexList__item:nth-child(405) { z-index: 96; }
.CreatorsIndexList__item:nth-child(406) { z-index: 95; }
.CreatorsIndexList__item:nth-child(407) { z-index: 94; }
.CreatorsIndexList__item:nth-child(408) { z-index: 93; }
.CreatorsIndexList__item:nth-child(409) { z-index: 92; }
.CreatorsIndexList__item:nth-child(410) { z-index: 91; }
.CreatorsIndexList__item:nth-child(411) { z-index: 90; }
.CreatorsIndexList__item:nth-child(412) { z-index: 89; }
.CreatorsIndexList__item:nth-child(413) { z-index: 88; }
.CreatorsIndexList__item:nth-child(414) { z-index: 87; }
.CreatorsIndexList__item:nth-child(415) { z-index: 86; }
.CreatorsIndexList__item:nth-child(416) { z-index: 85; }
.CreatorsIndexList__item:nth-child(417) { z-index: 84; }
.CreatorsIndexList__item:nth-child(418) { z-index: 83; }
.CreatorsIndexList__item:nth-child(419) { z-index: 82; }
.CreatorsIndexList__item:nth-child(420) { z-index: 81; }
.CreatorsIndexList__item:nth-child(421) { z-index: 80; }
.CreatorsIndexList__item:nth-child(422) { z-index: 79; }
.CreatorsIndexList__item:nth-child(423) { z-index: 78; }
.CreatorsIndexList__item:nth-child(424) { z-index: 77; }
.CreatorsIndexList__item:nth-child(425) { z-index: 76; }
.CreatorsIndexList__item:nth-child(426) { z-index: 75; }
.CreatorsIndexList__item:nth-child(427) { z-index: 74; }
.CreatorsIndexList__item:nth-child(428) { z-index: 73; }
.CreatorsIndexList__item:nth-child(429) { z-index: 72; }
.CreatorsIndexList__item:nth-child(430) { z-index: 71; }
.CreatorsIndexList__item:nth-child(431) { z-index: 70; }
.CreatorsIndexList__item:nth-child(432) { z-index: 69; }
.CreatorsIndexList__item:nth-child(433) { z-index: 68; }
.CreatorsIndexList__item:nth-child(434) { z-index: 67; }
.CreatorsIndexList__item:nth-child(435) { z-index: 66; }
.CreatorsIndexList__item:nth-child(436) { z-index: 65; }
.CreatorsIndexList__item:nth-child(437) { z-index: 64; }
.CreatorsIndexList__item:nth-child(438) { z-index: 63; }
.CreatorsIndexList__item:nth-child(439) { z-index: 62; }
.CreatorsIndexList__item:nth-child(440) { z-index: 61; }
.CreatorsIndexList__item:nth-child(441) { z-index: 60; }
.CreatorsIndexList__item:nth-child(442) { z-index: 59; }
.CreatorsIndexList__item:nth-child(443) { z-index: 58; }
.CreatorsIndexList__item:nth-child(444) { z-index: 57; }
.CreatorsIndexList__item:nth-child(445) { z-index: 56; }
.CreatorsIndexList__item:nth-child(446) { z-index: 55; }
.CreatorsIndexList__item:nth-child(447) { z-index: 54; }
.CreatorsIndexList__item:nth-child(448) { z-index: 53; }
.CreatorsIndexList__item:nth-child(449) { z-index: 52; }
.CreatorsIndexList__item:nth-child(450) { z-index: 51; }
.CreatorsIndexList__item:nth-child(451) { z-index: 50; }
.CreatorsIndexList__item:nth-child(452) { z-index: 49; }
.CreatorsIndexList__item:nth-child(453) { z-index: 48; }
.CreatorsIndexList__item:nth-child(454) { z-index: 47; }
.CreatorsIndexList__item:nth-child(455) { z-index: 46; }
.CreatorsIndexList__item:nth-child(456) { z-index: 45; }
.CreatorsIndexList__item:nth-child(457) { z-index: 44; }
.CreatorsIndexList__item:nth-child(458) { z-index: 43; }
.CreatorsIndexList__item:nth-child(459) { z-index: 42; }
.CreatorsIndexList__item:nth-child(460) { z-index: 41; }
.CreatorsIndexList__item:nth-child(461) { z-index: 40; }
.CreatorsIndexList__item:nth-child(462) { z-index: 39; }
.CreatorsIndexList__item:nth-child(463) { z-index: 38; }
.CreatorsIndexList__item:nth-child(464) { z-index: 37; }
.CreatorsIndexList__item:nth-child(465) { z-index: 36; }
.CreatorsIndexList__item:nth-child(466) { z-index: 35; }
.CreatorsIndexList__item:nth-child(467) { z-index: 34; }
.CreatorsIndexList__item:nth-child(468) { z-index: 33; }
.CreatorsIndexList__item:nth-child(469) { z-index: 32; }
.CreatorsIndexList__item:nth-child(470) { z-index: 31; }
.CreatorsIndexList__item:nth-child(471) { z-index: 30; }
.CreatorsIndexList__item:nth-child(472) { z-index: 29; }
.CreatorsIndexList__item:nth-child(473) { z-index: 28; }
.CreatorsIndexList__item:nth-child(474) { z-index: 27; }
.CreatorsIndexList__item:nth-child(475) { z-index: 26; }
.CreatorsIndexList__item:nth-child(476) { z-index: 25; }
.CreatorsIndexList__item:nth-child(477) { z-index: 24; }
.CreatorsIndexList__item:nth-child(478) { z-index: 23; }
.CreatorsIndexList__item:nth-child(479) { z-index: 22; }
.CreatorsIndexList__item:nth-child(480) { z-index: 21; }
.CreatorsIndexList__item:nth-child(481) { z-index: 20; }
.CreatorsIndexList__item:nth-child(482) { z-index: 19; }
.CreatorsIndexList__item:nth-child(483) { z-index: 18; }
.CreatorsIndexList__item:nth-child(484) { z-index: 17; }
.CreatorsIndexList__item:nth-child(485) { z-index: 16; }
.CreatorsIndexList__item:nth-child(486) { z-index: 15; }
.CreatorsIndexList__item:nth-child(487) { z-index: 14; }
.CreatorsIndexList__item:nth-child(488) { z-index: 13; }
.CreatorsIndexList__item:nth-child(489) { z-index: 12; }
.CreatorsIndexList__item:nth-child(490) { z-index: 11; }
.CreatorsIndexList__item:nth-child(491) { z-index: 10; }
.CreatorsIndexList__item:nth-child(492) { z-index: 9; }
.CreatorsIndexList__item:nth-child(493) { z-index: 8; }
.CreatorsIndexList__item:nth-child(494) { z-index: 7; }
.CreatorsIndexList__item:nth-child(495) { z-index: 6; }
.CreatorsIndexList__item:nth-child(496) { z-index: 5; }
.CreatorsIndexList__item:nth-child(497) { z-index: 4; }
.CreatorsIndexList__item:nth-child(498) { z-index: 3; }
.CreatorsIndexList__item:nth-child(499) { z-index: 2; }
.CreatorsIndexList__item:nth-child(500) { z-index: 1; }
.CreatorsIndexList__item:nth-child(n + 500) { z-index: 1; }
.CreatorsIndexList__item a { display: block; }
.is-ie .CreatorsIndexList__item a:hover .CreatorsIndexList__image { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .CreatorsIndexList__item a:hover .CreatorsIndexList__image .box-shadow::before { -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .CreatorsIndexList__item a:hover .CreatorsIndexList__image .box-shadow::after { -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .CreatorsIndexList__item a:hover .name { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.CreatorsIndexList__image { position: relative; padding-bottom: 6.5%; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); z-index: 1; }
.CreatorsIndexList__image .image-wrap { position: relative; height: 0; padding-top: 100%; }
.CreatorsIndexList__image .image-wrap .box-shadow { position: absolute; width: 100%; height: 100%; pointer-events: none; opacity: 0.15; left: 0; top: 0; background-color: #000000; }
.CreatorsIndexList__image .image-wrap .box-shadow::before { content: ""; position: absolute; width: 916.33831px; height: 100%; -webkit-transform: skewY(47.5deg) scaleX(0); transform: skewY(47.5deg) scaleX(0); background-color: #000000; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 100%; top: 1px; -webkit-transform-origin: left top; transform-origin: left top; }
.CreatorsIndexList__image .image-wrap .box-shadow::after { content: ""; position: absolute; width: 100%; height: 1000px; background-color: #000000; margin-bottom: -1px; -webkit-transform: skewX(42.5deg) scaleY(0); transform: skewX(42.5deg) scaleY(0); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 1px; top: 100%; -webkit-transform-origin: left top; transform-origin: left top; }
.CreatorsIndexList__image .image-inner { position: absolute; width: 100%; height: 100%; top: 0; overflow: hidden; background-color: #6921e5; }
.CreatorsIndexList__image .icon-newcomer { position: absolute; width: 28%; height: 28%; right: -5%; top: -5%; }
.CreatorsIndexList__image .icon-newcomer svg { display: block; width: 100%; height: 100%; }
.CreatorsIndexList__image img { position: absolute; width: 100%; left: 0; top: 0; }
.CreatorsIndexList__text { position: relative; z-index: 1; }
.CreatorsIndexList__textHeader { padding-bottom: 4%; }
.CreatorsIndexList__textHeader .name { font-size: 13px; line-height: 15px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.03em; -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.CreatorsIndexList__textHeader .page-tag { padding-top: 0.1em; margin-bottom: 0.4em; white-space: nowrap; margin-top: 1em; }
.CreatorsList__item { border-top: 1px #581fbb solid; }
.CreatorsList__item:last-child { border-bottom: 1px #581fbb solid; }
.CreatorsList__link { 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; padding: 30px 20px; }
.is-ie .CreatorsList__link:hover .CreatorsList__image { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .CreatorsList__link:hover .CreatorsList__image .box-shadow::before { -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .CreatorsList__link:hover .CreatorsList__image .box-shadow::after { -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .CreatorsList__link:hover .name { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.CreatorsList__text .catchphrase { margin-bottom: 0.6em; font-size: 0.75rem; font-size: 13px; line-height: 15px; font-weight: 700; font-style: italic; color: #c9aafe; }
.CreatorsList__text .name { font-size: 1.4rem; font-size: 17px; line-height: 20px; font-weight: 700; line-height: 1.5; -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.CreatorsList__image { margin-right: 3.09735%; width: 8.84956%; min-width: 80px; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.CreatorsList__image .image-wrap { position: relative; height: 0; padding-top: 100%; }
.CreatorsList__image .image-wrap .box-shadow { position: absolute; width: 100%; height: 100%; pointer-events: none; opacity: 0.15; left: 0; top: 0; }
.CreatorsList__image .image-wrap .box-shadow::before { content: ""; position: absolute; width: 916.33831px; height: 100%; -webkit-transform: skewY(47.5deg) scaleX(0); transform: skewY(47.5deg) scaleX(0); background-color: #000000; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 100%; top: 1px; -webkit-transform-origin: left top; transform-origin: left top; }
.CreatorsList__image .image-wrap .box-shadow::after { content: ""; position: absolute; width: 100%; height: 1000px; background-color: #000000; margin-bottom: -1px; -webkit-transform: skewX(42.5deg) scaleY(0); transform: skewX(42.5deg) scaleY(0); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 1px; top: 100%; -webkit-transform-origin: left top; transform-origin: left top; }
.CreatorsList__image .image-inner { position: absolute; width: 100%; height: 100%; top: 0; overflow: hidden; background-color: #6921e5; }
.CreatorsList__image img { position: absolute; width: 100%; left: 0; top: 0; }
.Fanletter { margin-left: 5%; margin-right: 5%; margin-top: 50px; margin-bottom: 80px; }
.Fanletter__header { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px #e3e4e5 solid; }
.Fanletter__section { margin-bottom: 50px; font-size: 0.65rem; color: #282828; }
.Fanletter__section:last-child { margin-bottom: 0; }
.Fanletter__title { font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; letter-spacing: -0.05em; font-size: 27px; line-height: 27px; font-weight: 700; }
.Fanletter__headline { margin-bottom: 12px; font-size: 14px; line-height: 21px; font-weight: 700; }
.Fanletter__description { margin-bottom: 25px; font-size: 0.65rem; line-height: 2; }
.Fanletter__paragraph { margin-bottom: 12px; font-size: 0.65rem; line-height: 2; }
.Fanletter__paragraph .note { display: block; position: relative; padding-left: 1.2em; margin-top: 1em; line-height: 1.5; }
.Fanletter__paragraph .note::before { content: "※"; display: block; position: absolute; left: 0; }
.Fanletter__subheading { margin-top: 30px; margin-bottom: 12px; font-size: 0.65rem; line-height: 2; font-weight: normal; }
.Fanletter__headline + .Fanletter__subheading { margin-top: 20px; }
.Fanletter__list { background-color: #ffffff; padding: 2em 1.5em; margin-top: 20px; margin-bottom: 20px; }
.Fanletter__listItem { position: relative; padding-left: 1.2em; margin-bottom: 1em; font-size: 0.65rem; line-height: 1.3; }
.Fanletter__listItem:last-child { margin-bottom: 0; }
.Fanletter__listItem::before { content: "・"; display: block; position: absolute; left: 0; }
.FullscreenMenu { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1001; -webkit-transition: visibility 0.8s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: visibility 0.8s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); outline: 0; overflow: auto; -webkit-overflow-scrolling: touch; width: 100vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: hidden; }
.FullscreenMenu__nav { 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-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 10%; }
.FullscreenMenu__navList { margin-top: 80px; }
.FullscreenMenu__navItem { margin-bottom: 20px; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.05em; font-style: italic; opacity: 1; -webkit-transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.22, 0.94, 0.44, 1), color 1.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1s cubic-bezier(0.22, 0.94, 0.44, 1); transition: text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.22, 0.94, 0.44, 1), color 1.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1s cubic-bezier(0.22, 0.94, 0.44, 1); transition: transform 1s cubic-bezier(0.22, 0.94, 0.44, 1), text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.22, 0.94, 0.44, 1), color 1.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 1s cubic-bezier(0.22, 0.94, 0.44, 1), text-shadow 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.22, 0.94, 0.44, 1), color 1.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1s cubic-bezier(0.22, 0.94, 0.44, 1); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.FullscreenMenu__navItem:nth-child(1) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.FullscreenMenu__navItem:nth-child(2) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.FullscreenMenu__navItem:nth-child(3) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }
.FullscreenMenu__navItem:nth-child(4) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.FullscreenMenu__navItem:nth-child(5) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }
.FullscreenMenu__navItem:nth-child(6) { -webkit-transition-delay: 1s; transition-delay: 1s; }
.is-about .FullscreenMenu__navItem.menu-about { color: #65fce9; }
.is-creatorsIndex .FullscreenMenu__navItem.menu-creators, .is-creatorsDetail .FullscreenMenu__navItem.menu-creators { color: #65fce9; }
.is-newsIndex .FullscreenMenu__navItem.menu-news, .is-newsDetail .FullscreenMenu__navItem.menu-news { color: #65fce9; }
.is-contact .FullscreenMenu__navItem.menu-contact, .is-contactThanks .FullscreenMenu__navItem.menu-contact { color: #65fce9; }
.FullscreenMenu__navItem .link-corporate { color: #65fce9; }
.FullscreenMenu__navItem .icon-blank { display: inline-block; position: relative; width: 14px; height: 14px; margin-left: 0.8em; font-family: "BS-icon"; font-style: normal; font-size: 0.6rem; line-height: 20px; vertical-align: super; }
.FullscreenMenu__footer { position: relative; 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; margin-bottom: 22px; margin-left: 5%; margin-right: 5%; -webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1s; transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1s; }
.FullscreenMenu__linkList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 10px; }
.FullscreenMenu__linkList li a { margin-right: 10px; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.4rem; line-height: 1; font-style: italic; text-decoration: underline; }
.FullscreenMenu__linkList li + li { margin-left: 5px; }
.FullscreenMenu__snsList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.FullscreenMenu__snsList li { position: relative; width: 36px; height: 36px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px #ffffff solid; border-radius: 50%; }
.FullscreenMenu__snsList li a { display: block; width: 100%; height: 100%; }
.FullscreenMenu__snsList li .sns-icon { display: block; width: 43%; height: 43%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-family: "BS-icon"; font-size: 0.8rem; line-height: 12px; }
.FullscreenMenu__snsList li + li { margin-left: 6px; }
.FullscreenMenu[aria-hidden="true"] { visibility: hidden; opacity: 0; -webkit-transition: visibility 0.6s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.6s cubic-bezier(0.37, 0.16, 0.12, 1); transition: visibility 0.6s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.6s cubic-bezier(0.37, 0.16, 0.12, 1); }
.FullscreenMenu[aria-hidden="true"] .FullscreenMenu__navItem { opacity: 0; color: #772afc; text-shadow: 0px 0px 0 white,1px 1px 0 white,2px 2px 0 white,3px 3px 0 white,4px 4px 0 white,5px 5px 0 white,6px 6px 0 white,7px 7px 0 white,8px 8px 0 white,9px 9px 0 white,10px 10px 0 white,11px 11px 0 white,12px 12px 0 white,13px 13px 0 white,14px 14px 0 white,15px 15px 0 white,16px 16px 0 white,17px 17px 0 white,18px 18px 0 white,19px 19px 0 white,20px 20px 0 white,21px 21px 0 white,22px 22px 0 white,23px 23px 0 white,24px 24px 0 white,25px 25px 0 white,26px 26px 0 white,27px 27px 0 white,28px 28px 0 white,29px 29px 0 white,30px 30px 0 white,31px 31px 0 white,32px 32px 0 white,33px 33px 0 white,34px 34px 0 white,35px 35px 0 white,36px 36px 0 white,37px 37px 0 white,38px 38px 0 white,39px 39px 0 white,40px 40px 0 white,41px 41px 0 white,42px 42px 0 white,43px 43px 0 white,44px 44px 0 white,45px 45px 0 white,46px 46px 0 white,47px 47px 0 white,48px 48px 0 white,49px 49px 0 white,50px 50px 0 white,51px 51px 0 white,52px 52px 0 white,53px 53px 0 white,54px 54px 0 white,55px 55px 0 white,56px 56px 0 white,57px 57px 0 white,58px 58px 0 white,59px 59px 0 white,60px 60px 0 white,61px 61px 0 white,62px 62px 0 white,63px 63px 0 white,64px 64px 0 white,65px 65px 0 white,66px 66px 0 white,67px 67px 0 white,68px 68px 0 white,69px 69px 0 white,70px 70px 0 white,71px 71px 0 white,72px 72px 0 white,73px 73px 0 white,74px 74px 0 white,75px 75px 0 white,76px 76px 0 white,77px 77px 0 white,78px 78px 0 white,79px 79px 0 white,80px 80px 0 white,81px 81px 0 white,82px 82px 0 white,83px 83px 0 white,84px 84px 0 white,85px 85px 0 white,86px 86px 0 white,87px 87px 0 white,88px 88px 0 white,89px 89px 0 white,90px 90px 0 white,91px 91px 0 white,92px 92px 0 white,93px 93px 0 white,94px 94px 0 white,95px 95px 0 white,96px 96px 0 white,97px 97px 0 white,98px 98px 0 white,100px 100px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.95, 0.05, 0.795, 0.035), opacity 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), color 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.95, 0.05, 0.795, 0.035); transition: text-shadow 0.35s cubic-bezier(0.95, 0.05, 0.795, 0.035), opacity 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), color 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.95, 0.05, 0.795, 0.035); transition: transform 0.35s cubic-bezier(0.95, 0.05, 0.795, 0.035), text-shadow 0.35s cubic-bezier(0.95, 0.05, 0.795, 0.035), opacity 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), color 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.95, 0.05, 0.795, 0.035), text-shadow 0.35s cubic-bezier(0.95, 0.05, 0.795, 0.035), opacity 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), color 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.95, 0.05, 0.795, 0.035); -webkit-transform: translate(100px, 100px); transform: translate(100px, 100px); }
.FullscreenMenu[aria-hidden="true"] .FullscreenMenu__bgItem { -webkit-transform: translate(-100vw, -109vw); transform: translate(-100vw, -109vw); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: -webkit-transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.FullscreenMenu[aria-hidden="true"] .FullscreenMenu__footer { opacity: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.FullscreenMenu__bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.FullscreenMenu__bgItem { position: absolute; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #6921e5; }
.FullscreenMenu__bgItem:nth-child(1) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.FullscreenMenu__bgItem:nth-child(2) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s; }
.FullscreenMenu__bgItem:nth-child(3) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
.FullscreenMenu__bgItem:nth-child(4) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s; }
.FullscreenMenu__bgItem:nth-child(5) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s; }
.FullscreenMenu__bgItem:nth-child(6) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s; }
.FullscreenMenu__bgItem:nth-child(7) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s; }
.FullscreenMenu__bgItem .box-shadow { position: absolute; width: 100%; height: 100%; pointer-events: none; opacity: 1; left: 0; top: 0; opacity: 0.8; }
.FullscreenMenu__bgItem .box-shadow::before { content: ""; position: absolute; width: 916.33831px; height: 100%; -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); background-color: #581fbb; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); right: 100%; top: -1px; margin-right: -1px; -webkit-transform-origin: right top; transform-origin: right top; }
.FullscreenMenu__bgItem .box-shadow::after { content: ""; position: absolute; width: 100%; height: 1000px; background-color: #581fbb; margin-bottom: -1px; -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); right: 1px; bottom: 100%; -webkit-transform-origin: right bottom; transform-origin: right bottom; }
.FullscreenMenu__bgItem.bg-1 { width: 30%; height: 20%; right: 0%; bottom: 15%; }
.FullscreenMenu__bgItem.bg-2 { width: 40%; height: 40%; right: 40%; bottom: 5%; }
.FullscreenMenu__bgItem.bg-3 { width: 70%; height: 25%; left: 0%; bottom: 60%; }
.FullscreenMenu__bgItem.bg-4 { width: 51%; height: 61%; right: 0%; bottom: 0%; }
.FullscreenMenu__bgItem.bg-5 { width: 51%; height: 71%; left: 0%; bottom: 0%; }
.FullscreenMenu__bgItem.bg-6 { width: 100%; height: 41%; left: 0%; top: 0%; }
.Home { position: absolute; width: 100%; /* カスタムプロパティ未対応ブラウザ対応 */ height: 100vh; /* 100vh --vhが未定義の場合は1vhを使う */ height: calc(var(--vh, 1vh) * 100); left: 0; top: 0; overflow: hidden; }
.Home__section { 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; width: 100%; height: 100%; top: 0; visibility: hidden; -webkit-transition: visibility 0s 2.0s; transition: visibility 0s 2.0s; }
.Home__section.is-show { visibility: visible; -webkit-transition: visibility 0s 0s; transition: visibility 0s 0s; }
.Home__more { display: inline-block; position: relative; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 20px; line-height: 20px; font-weight: 500; font-style: italic; letter-spacing: -0.02em; -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); padding-bottom: 0.2em; opacity: 0; -webkit-transform: translate(0px, 50px); transform: translate(0px, 50px); -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; pointer-events: none; }
.is-ie .Home__more.is-show:hover { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s, text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s; transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s, text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s, text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s, text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s; }
.is-ie .Home__more.is-show:hover::after { -webkit-box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.Home__more.is-show { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s; transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s; pointer-events: auto; }
.Home__more::after { content: ""; position: absolute; width: 100%; height: 0.1em; left: 0; bottom: 0; background-color: #ffffff; -webkit-transition: -webkit-box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.Home__more.-black { color: #000000; }
.Home__more.-black::after { background-color: #000000; }
.HomeAbout { 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; width: 100%; height: 100%; }
.HomeAbout .page-sectionTitle { margin-bottom: 24px; }
.HomeAbout .page-sectionTitle.is-show span { -webkit-transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.5s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.5s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.3s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.5s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.5s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.5s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.3s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.5s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.5s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.5s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.5s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.3s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.5s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.5s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.5s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.3s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.5s; }
.HomeAbout .page-sectionTitle.is-show::before { -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 2.9s; transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 2.9s; transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 2.9s; transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 2.9s, -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 2.9s; }
.HomeAbout .Home__more.is-show { -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s, text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s; transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s, text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s, text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s, text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s; }
.HomeAbout__bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#canvas-aboutBg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }
.is-scene1 #canvas-aboutBg { opacity: 1; -webkit-transition: opacity 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.8s; transition: opacity 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.8s; }
.HomeAbout__body { position: relative; width: 80%; }
.HomeAbout__body .page-sectionTitle span { color: #190332; }
.HomeAbout__description { margin-bottom: 22px; font-size: 1.6rem; font-size: 21px; line-height: 30px; font-size: 20px; line-height: 30px; font-weight: 900; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.03em; opacity: 0; -webkit-transform: translate(0px, 50px); transform: translate(0px, 50px); -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.HomeAbout__description.is-show { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 2.7s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.7s; transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 2.7s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.7s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.7s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 2.7s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.7s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 2.7s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.7s; }
.HomeBg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.HomeBg__section.-scene0 .HomeBg__item { background-color: #190332; }
.HomeBg__section.-scene1 .HomeBg__item { background-color: #471a94; }
.HomeBg__section.-scene2 .HomeBg__item { background-color: #772afc; }
.HomeBg__section.-scene3 .HomeBg__item { background-color: #ededf0; }
.HomeBg__section.-scene4 .HomeBg__item { background-color: #ededf0; }
.HomeBg__item { position: absolute; }
.HomeBg__item .box-shadow { position: absolute; width: 100%; height: 100%; pointer-events: none; opacity: 1; left: 0; top: 0; opacity: 0.8; }
.HomeBg__item .box-shadow::before { content: ""; position: absolute; width: 73.30706vw; height: 100%; -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); background-color: #601fd1; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 100%; top: 1px; -webkit-transform-origin: left top; transform-origin: left top; }
.HomeBg__item .box-shadow::after { content: ""; position: absolute; width: 100%; height: 80vw; background-color: #601fd1; margin-bottom: -1px; -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 1px; top: 100%; -webkit-transform-origin: left top; transform-origin: left top; }
.HomeBg__item.-bg01 { width: 40.5%; height: 25.5%; left: -0.5%; top: -0.5%; }
.HomeBg__item.-bg02 { width: 50%; height: 40%; left: 45%; top: 0%; }
.HomeBg__item.-bg03 { width: 31%; height: 76%; left: -0.5%; top: 24.5%; }
.HomeBg__item.-bg04 { width: 70.5%; height: 40.5%; left: 30%; top: -0.5%; }
.HomeBg__item.-bg05 { width: 30%; height: 61%; left: 30%; top: 39.5%; }
.HomeBg__item.-bg06 { width: 41%; height: 61%; left: 59.5%; top: 39.5%; }
.HomeBg__item.-bg11 { width: 35.5%; height: 35.5%; left: -0.5%; top: -0.5%; }
.HomeBg__item.-bg12 { width: 50.5%; height: 40.5%; left: -0.5%; top: 34.5%; }
.HomeBg__item.-bg13 { width: 66%; height: 50.5%; left: 34.5%; top: -0.5%; }
.HomeBg__item.-bg14 { width: 60.5%; height: 26%; left: -0.5%; top: 74.5%; }
.HomeBg__item.-bg15 { width: 40.5%; height: 51%; left: 34.5%; top: 49.5%; }
.HomeBg__item.-bg16 { width: 26%; height: 51%; left: 74.5%; top: 49.5%; }
.HomeBg__section { visibility: hidden; }
.HomeBg__section.is-readyLT { visibility: hidden; }
.HomeBg__section.is-readyLT .HomeBg__item { -webkit-transform: translate(-180vw, -196.2vw); transform: translate(-180vw, -196.2vw); -webkit-transition: opacity 0s 0s, -webkit-transform 0s 0s; transition: opacity 0s 0s, -webkit-transform 0s 0s; transition: transform 0s 0s, opacity 0s 0s; transition: transform 0s 0s, opacity 0s 0s, -webkit-transform 0s 0s; }
.HomeBg__section.is-readyRB { visibility: hidden; }
.HomeBg__section.is-readyRB .HomeBg__item { -webkit-transform: translate(180vw, 196.2vw); transform: translate(180vw, 196.2vw); -webkit-transition: opacity 0s 0s, -webkit-transform 0s 0s; transition: opacity 0s 0s, -webkit-transform 0s 0s; transition: transform 0s 0s, opacity 0s 0s; transition: transform 0s 0s, opacity 0s 0s, -webkit-transform 0s 0s; }
.HomeBg__section.is-hideLT { visibility: visible; }
.HomeBg__section.is-hideLT .HomeBg__item { -webkit-transform: translate(-180vw, -196.2vw); transform: translate(-180vw, -196.2vw); -webkit-transition: opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.HomeBg__section.is-hideLT .HomeBg__item .box-shadow { display: none; }
.HomeBg__section.is-hideRB { visibility: visible; }
.HomeBg__section.is-hideRB .HomeBg__item { -webkit-transform: translate(180vw, 196.2vw); transform: translate(180vw, 196.2vw); -webkit-transition: opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.HomeBg__section.is-hideRB .HomeBg__item .box-shadow { display: none; }
.HomeBg__section.is-show { visibility: visible; }
.HomeBg__section.is-show .HomeBg__item { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.HomeBg__section.is-show .HomeBg__item:nth-child(1) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
.HomeBg__section.is-show .HomeBg__item:nth-child(2) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.43s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.43s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.43s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.43s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.43s; }
.HomeBg__section.is-show .HomeBg__item:nth-child(3) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.56s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.56s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.56s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.56s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.56s; }
.HomeBg__section.is-show .HomeBg__item:nth-child(4) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.69s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.69s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.69s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.69s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.69s; }
.HomeBg__section.is-show .HomeBg__item:nth-child(5) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.82s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.82s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.82s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.82s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.82s; }
.HomeBg__section.is-show .HomeBg__item:nth-child(6) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.95s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.95s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.95s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.95s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.95s; }
.HomeBg__section.is-show.is-reverse .HomeBg__item:nth-child(1) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.95s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.95s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.95s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.95s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.95s; }
.HomeBg__section.is-show.is-reverse .HomeBg__item:nth-child(2) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.82s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.82s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.82s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.82s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.82s; }
.HomeBg__section.is-show.is-reverse .HomeBg__item:nth-child(3) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.69s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.69s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.69s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.69s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.69s; }
.HomeBg__section.is-show.is-reverse .HomeBg__item:nth-child(4) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.56s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.56s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.56s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.56s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.56s; }
.HomeBg__section.is-show.is-reverse .HomeBg__item:nth-child(5) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.43s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.43s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.43s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.43s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.43s; }
.HomeBg__section.is-show.is-reverse .HomeBg__item:nth-child(6) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
.HomeCreators { 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; position: relative; width: 100%; height: 100%; overflow: hidden; }
.HomeCreators .page-sectionTitle { margin-bottom: 28px; }
.HomeCreators .page-sectionTitle.is-show span { -webkit-transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s; }
.HomeCreators .page-sectionTitle.is-show::before { -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1.6s; transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1.6s; transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1.6s; transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1.6s, -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1.6s; }
.HomeCreators .Home__more.is-show { -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 1.4s, text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 1.4s; transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 1.4s, text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 1.4s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 1.4s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 1.4s, text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 1.4s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 1.4s, text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 1.4s; }
.HomeCreators__body { position: relative; margin-left: 15%; }
.HomeCreators__title { margin-bottom: 20px; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 48px; line-height: 52px; font-weight: 700; letter-spacing: -0.05em; opacity: 0; -webkit-transform: translate3d(0px, 50px, 0px); transform: translate3d(0px, 50px, 0px); -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.HomeCreators__title .text-outline { display: block; margin-bottom: 12px; color: transparent; -webkit-text-stroke: 2px #ffffff; }
.is-ie .HomeCreators__title .text-outline { color: #ffffff; }
.HomeCreators__title.is-show { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 1.3s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 1.3s; transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 1.3s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 1.3s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 1.3s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 1.3s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 1.3s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 1.3s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 1.3s; }
.HomeCreators__image { position: absolute; width: 100%; height: 100%; -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1) 0.3s; transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1) 0.3s; transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1) 0.3s, opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1) 0.3s, opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1) 0.3s; -webkit-transform: translate(50vw, 50vw); transform: translate(50vw, 50vw); opacity: 0; }
.is-scene1 .HomeCreators__image, .is-scene2 .HomeCreators__image { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }
.is-scene1 .HomeCreators__image { -webkit-transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 3.3s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 3.3s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 3.3s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 3.3s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; }
.is-scene2 .HomeCreators__image { -webkit-transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; }
.HomeCreators__image .column { position: absolute; width: 20%; }
.HomeCreators__image .column:nth-child(1) { left: 35%; top: 33%; }
.HomeCreators__image .column:nth-child(2) { left: 60%; top: 16%; }
.HomeCreators__image .column:nth-child(3) { left: 85%; top: 30%; }
.HomeCreators__thumb { position: relative; margin-bottom: 60px; width: 100%; height: 0; padding-top: 100%; }
.HomeCreators__thumb .box-shadow { position: absolute; width: 100%; height: 100%; pointer-events: none; opacity: 0.25; left: 0; top: 0; }
.HomeCreators__thumb .box-shadow::before { content: ""; position: absolute; width: 916.33831px; height: 100%; -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); background-color: #000000; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 100%; top: 1px; -webkit-transform-origin: left top; transform-origin: left top; }
.HomeCreators__thumb .box-shadow::after { content: ""; position: absolute; width: 100%; height: 1000px; background-color: #000000; margin-bottom: -1px; -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 1px; top: 100%; -webkit-transform-origin: left top; transform-origin: left top; }
.HomeCreators__thumb img { position: absolute; width: 100%; left: 0; top: 0; }
.HomeCreatorImages { position: absolute; width: 100%; height: 100%; -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; opacity: 0; margin-top: 12%; 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; }
.is-scene1 .HomeCreatorImages { opacity: 1; -webkit-transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 3.3s; transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 3.3s; }
.is-scene2 .HomeCreatorImages { opacity: 1; -webkit-transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; }
.HomeCreatorImages .column { width: 45%; }
.HomeCreatorImages .column:nth-child(1) { position: relative; top: 12%; }
.HomeCreatorImages .column:nth-child(3) { display: none; }
.HomeCreatorImages__thumb { position: relative; padding-bottom: 25%; width: 100%; height: 0; padding-top: 100%; -webkit-transform: translate(50vw, 50vw); transform: translate(50vw, 50vw); opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1) 0.3s; transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1) 0.3s; transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1) 0.3s, opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1) 0.3s, opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1) 0.3s; }
.HomeCreatorImages__thumb .box-shadow { position: absolute; width: 100%; height: 100%; pointer-events: none; opacity: 0.25; left: 0; top: 0; -webkit-transition: opacity 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.6s; transition: opacity 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.6s; opacity: 0.3; }
.HomeCreatorImages__thumb .box-shadow::before { content: ""; position: absolute; width: 916.33831px; height: 100%; -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); background-color: #000000; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 100%; top: 1px; -webkit-transform-origin: left top; transform-origin: left top; }
.HomeCreatorImages__thumb .box-shadow::after { content: ""; position: absolute; width: 100%; height: 1000px; background-color: #000000; margin-bottom: -1px; -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 1px; top: 100%; -webkit-transform-origin: left top; transform-origin: left top; }
.HomeCreatorImages__thumb .box-shadow::before { -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.6s; transition: -webkit-transform 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.6s; transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.6s; transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.6s, -webkit-transform 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.6s; }
.HomeCreatorImages__thumb .box-shadow::after { -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.6s; transition: -webkit-transform 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.6s; transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.6s; transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.6s, -webkit-transform 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.6s; }
.is-scene1 .HomeCreatorImages__thumb { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 3.3s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 3.3s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 3.3s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 3.3s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; }
.is-scene1 .HomeCreatorImages__thumb .box-shadow { opacity: 0.2; }
.is-scene1 .HomeCreatorImages__thumb .box-shadow::before { -webkit-transform: skewY(47.5deg) scaleX(0.008); transform: skewY(47.5deg) scaleX(0.008); }
.is-scene1 .HomeCreatorImages__thumb .box-shadow::after { -webkit-transform: skewX(42.5deg) scaleY(0.008); transform: skewX(42.5deg) scaleY(0.008); }
.is-scene2 .HomeCreatorImages__thumb { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; }
.is-scene2 .HomeCreatorImages__thumb.-thumb1 { -webkit-transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; }
.is-scene2 .HomeCreatorImages__thumb.-thumb2 { -webkit-transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.05s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.05s; transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.05s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.05s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.05s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.05s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.05s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.05s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.05s; }
.is-scene2 .HomeCreatorImages__thumb.-thumb3 { -webkit-transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.1s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.1s; transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.1s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.1s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.1s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.1s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.1s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.1s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.1s; }
.is-scene2 .HomeCreatorImages__thumb.-thumb4 { -webkit-transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.15s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.15s; transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.15s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.15s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.15s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.15s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.15s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.15s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.15s; }
.is-scene2 .HomeCreatorImages__thumb.-thumb5 { -webkit-transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s; transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.2s; }
.is-scene2 .HomeCreatorImages__thumb.-thumb6 { -webkit-transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.25s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.25s; transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.25s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.25s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.25s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.25s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.25s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.25s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.25s; }
.is-scene2 .HomeCreatorImages__thumb.-thumb7 { -webkit-transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.3s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.3s; transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.3s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.3s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.3s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.3s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.3s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.3s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.3s; }
.is-scene2 .HomeCreatorImages__thumb.-thumb8 { -webkit-transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.35s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.35s; transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.35s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.35s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.35s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.35s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.35s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.35s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.35s; }
.is-scene2 .HomeCreatorImages__thumb.-thumb9 { -webkit-transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.4s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.4s; transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.4s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.4s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.4s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.4s; transition: transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.4s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.4s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.4s; }
.HomeCreatorImages__thumbInner { position: absolute; width: 100%; left: 0; top: 0; background-color: #6921e5; }
.HomeCreatorImages__thumbInner::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000000; opacity: 0.4; }
.HomeLoading { position: fixed; width: 100vw; /* カスタムプロパティ未対応ブラウザ対応 */ height: 100vh; /* 100vh --vhが未定義の場合は1vhを使う */ height: calc(var(--vh, 1vh) * 100); left: 0; top: 0; -webkit-transition: opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1); transition: opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1); background: -webkit-linear-gradient(315deg, #a16bfd, #772afc 30%); background: linear-gradient(135deg, #a16bfd, #772afc 30%); z-index: 1000; 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; }
.is-loaded .HomeLoading { pointer-events: none; opacity: 0; -webkit-transition: opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0.5s; transition: opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0.5s; }
.is-loaded .HomeLoading .HomeLoading__logo { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate(-1500px, -1635px); transform: translate(-1500px, -1635px); opacity: 0; -webkit-transition: opacity 1.6s cubic-bezier(1, 0, 0, 1) 0.5s, -webkit-transform 1.6s cubic-bezier(1, 0, 0, 1) 0.2s; transition: opacity 1.6s cubic-bezier(1, 0, 0, 1) 0.5s, -webkit-transform 1.6s cubic-bezier(1, 0, 0, 1) 0.2s; transition: transform 1.6s cubic-bezier(1, 0, 0, 1) 0.2s, opacity 1.6s cubic-bezier(1, 0, 0, 1) 0.5s; transition: transform 1.6s cubic-bezier(1, 0, 0, 1) 0.2s, opacity 1.6s cubic-bezier(1, 0, 0, 1) 0.5s, -webkit-transform 1.6s cubic-bezier(1, 0, 0, 1) 0.2s; }
.is-loaded .HomeLoading .HomeLoading__logo::before { -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); -webkit-transition: opacity 1.6s cubic-bezier(1, 0, 0, 1) 0.5s, -webkit-transform 1.6s cubic-bezier(1, 0, 0, 1) 0.2s; transition: opacity 1.6s cubic-bezier(1, 0, 0, 1) 0.5s, -webkit-transform 1.6s cubic-bezier(1, 0, 0, 1) 0.2s; transition: transform 1.6s cubic-bezier(1, 0, 0, 1) 0.2s, opacity 1.6s cubic-bezier(1, 0, 0, 1) 0.5s; transition: transform 1.6s cubic-bezier(1, 0, 0, 1) 0.2s, opacity 1.6s cubic-bezier(1, 0, 0, 1) 0.5s, -webkit-transform 1.6s cubic-bezier(1, 0, 0, 1) 0.2s; }
.is-loaded .HomeLoading .HomeLoading__logo::after { -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: opacity 1.6s cubic-bezier(1, 0, 0, 1) 0.5s, -webkit-transform 1.6s cubic-bezier(1, 0, 0, 1) 0.2s; transition: opacity 1.6s cubic-bezier(1, 0, 0, 1) 0.5s, -webkit-transform 1.6s cubic-bezier(1, 0, 0, 1) 0.2s; transition: transform 1.6s cubic-bezier(1, 0, 0, 1) 0.2s, opacity 1.6s cubic-bezier(1, 0, 0, 1) 0.5s; transition: transform 1.6s cubic-bezier(1, 0, 0, 1) 0.2s, opacity 1.6s cubic-bezier(1, 0, 0, 1) 0.5s, -webkit-transform 1.6s cubic-bezier(1, 0, 0, 1) 0.2s; }
.is-dev .HomeLoading { display: none; }
.Home__body { width: 100%; }
.HomeLoading__logo { position: relative; width: 130px; height: 108.83px; }
.HomeLoading__logo svg { width: 100%; }
.HomeLoading__logo::before { content: ""; position: absolute; width: 916.33831px; height: 37.5%; -webkit-transform: skewY(47.5deg) scaleX(0); transform: skewY(47.5deg) scaleX(0); background-color: #ffffff; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 100%; bottom: 0; margin-bottom: -1px; margin-left: -1px; -webkit-transform-origin: left top; transform-origin: left top; }
.HomeLoading__logo::after { content: ""; position: absolute; width: 78%; height: 1000px; background-color: #ffffff; margin-bottom: -1px; -webkit-transform: skewX(42.5deg) scaleY(0); transform: skewX(42.5deg) scaleY(0); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); right: -1px; top: 100%; margin-top: -1px; -webkit-transform-origin: left top; transform-origin: left top; }
.HomeMessage { 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; width: 100%; height: 100%; }
.HomeMessage__title { position: relative; padding-left: 0.8em; z-index: 1; }
.HomeMessage__title span { position: relative; display: inline-block; opacity: 0; text-shadow: 0px 0px 0 #000000,1px 1px 0 #000000,2px 2px 0 #000000,3px 3px 0 #000000,4px 4px 0 #000000,5px 5px 0 #000000,6px 6px 0 #000000,7px 7px 0 #000000,8px 8px 0 #000000,9px 9px 0 #000000,10px 10px 0 #000000,11px 11px 0 #000000,12px 12px 0 #000000,13px 13px 0 #000000,14px 14px 0 #000000,15px 15px 0 #000000,16px 16px 0 #000000,17px 17px 0 #000000,18px 18px 0 #000000,19px 19px 0 #000000,20px 20px 0 #000000,21px 21px 0 #000000,22px 22px 0 #000000,23px 23px 0 #000000,24px 24px 0 #000000,25px 25px 0 #000000,26px 26px 0 #000000,27px 27px 0 #000000,28px 28px 0 #000000,30px 30px 0 rgba(0, 0, 0, 0); -webkit-transform: translate(50px, 50px); transform: translate(50px, 50px); font-size: 24px; line-height: 24px; font-weight: 900; font-style: italic; color: #ededf0; -webkit-transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.HomeMessage__title.is-show span { display: inline-block; position: relative; color: #000000; opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); text-shadow: none; }
.HomeMessage__title.is-show span:nth-child(1) { -webkit-transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.8s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.8s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.6s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.8s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.8s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.8s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.6s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.8s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.8s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.8s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.8s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.6s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.8s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.8s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.8s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.6s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.8s; }
.HomeMessage__title.is-show span:nth-child(2) { -webkit-transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.85s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.85s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.65s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.85s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.85s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.85s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.65s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.85s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.85s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.85s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.85s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.65s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.85s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.85s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.85s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.65s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.85s; }
.HomeMessage__title.is-show span:nth-child(3) { -webkit-transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.9s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.9s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.7s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.9s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.9s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.9s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.7s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.9s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.9s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.9s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.9s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.7s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.9s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.9s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.9s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.7s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.9s; }
.HomeMessage__title.is-show span:nth-child(4) { -webkit-transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.95s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.95s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.75s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.95s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.95s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.95s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.75s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.95s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.95s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.95s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.95s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.75s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.95s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.95s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 1.95s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.75s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1.95s; }
.HomeMessage__title.is-show span:nth-child(5) { -webkit-transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.8s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.8s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.8s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.8s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2s; }
.HomeMessage__title.is-show span:nth-child(6) { -webkit-transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.05s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.05s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.85s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.05s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.05s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.05s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.85s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.05s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.05s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.05s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.05s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.85s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.05s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.05s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.05s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.85s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.05s; }
.HomeMessage__title.is-show span:nth-child(7) { -webkit-transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.1s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.1s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.9s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.1s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.1s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.1s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.9s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.1s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.1s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.1s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.1s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.9s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.1s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.1s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.1s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.9s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.1s; }
.HomeMessage__title.is-show span:nth-child(8) { -webkit-transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.15s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.15s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.95s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.15s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.15s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.15s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.95s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.15s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.15s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.15s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.15s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.95s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.15s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.15s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.15s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.95s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.15s; }
.HomeMessage__title.is-show span:nth-child(9) { -webkit-transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.2s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.2s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.2s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.2s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.2s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.2s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.2s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.2s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.2s; }
.HomeMessage__title.is-show span:nth-child(10) { -webkit-transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.25s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.25s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.05s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.25s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.25s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.25s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.05s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.25s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.25s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.25s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.25s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.05s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.25s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.25s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.25s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.05s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.25s; }
.HomeMessage__title.is-show span:nth-child(11) { -webkit-transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.3s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.3s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.1s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.3s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.3s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.3s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.1s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.3s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.3s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.3s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.3s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.1s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.3s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.3s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.3s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.1s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.3s; }
.HomeMessage__title.is-show span:nth-child(12) { -webkit-transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.35s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.35s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.15s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.35s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.35s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.35s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.15s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.35s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.35s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.35s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.35s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.15s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.35s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.35s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.35s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.15s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.35s; }
.HomeMessage__title.is-show span:nth-child(13) { -webkit-transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.4s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.4s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.2s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.4s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.4s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.4s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.2s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.4s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.4s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.4s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.4s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.2s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.4s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.4s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2.4s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 3.2s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2.4s; }
.HomeMessage__hold { position: absolute; width: 100%; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 80px; line-height: 80px; font-weight: 700; color: #ededf0; text-align: center; opacity: 0; pointer-events: none; top: 50%; margin-top: -25px; -webkit-transition: text-shadow 0.2s cubic-bezier(0.37, 0.38, 0.53, 0.98) 0s, opacity 0.2s cubic-bezier(0.37, 0.38, 0.53, 0.98) 0s, color 0.2s cubic-bezier(0.37, 0.38, 0.53, 0.98) 0s; transition: text-shadow 0.2s cubic-bezier(0.37, 0.38, 0.53, 0.98) 0s, opacity 0.2s cubic-bezier(0.37, 0.38, 0.53, 0.98) 0s, color 0.2s cubic-bezier(0.37, 0.38, 0.53, 0.98) 0s; }
.is-scene4.is-holdTouch .HomeMessage__hold.is-show { text-shadow: none; -webkit-transition: text-shadow 1s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, opacity 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; transition: text-shadow 1s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, opacity 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; }
.is-pc .HomeMessage__hold { display: none; }
.is-scene4 .HomeMessage__hold { opacity: 0; -webkit-transition: opacity 1s cubic-bezier(0.37, 0.38, 0.53, 0.98) 0s; transition: opacity 1s cubic-bezier(0.37, 0.38, 0.53, 0.98) 0s; }
.is-scene4 .HomeMessage__hold.is-show { opacity: 1; text-shadow: 0px 0px 0 #d8d9da,1px 1px 0 #d8d9da,2px 2px 0 #d8d9da,3px 3px 0 #d8d9da,4px 4px 0 #d8d9da,5px 5px 0 #d8d9da,6px 6px 0 #d8d9da,7px 7px 0 #d8d9da,8px 8px 0 #d8d9da,9px 9px 0 #d8d9da,10px 10px 0 #d8d9da,11px 11px 0 #d8d9da,12px 12px 0 #d8d9da,13px 13px 0 #d8d9da,14px 14px 0 #d8d9da,15px 15px 0 #d8d9da,16px 16px 0 #d8d9da,17px 17px 0 #d8d9da,18px 18px 0 #d8d9da,19px 19px 0 #d8d9da,20px 20px 0 #d8d9da,21px 21px 0 #d8d9da,22px 22px 0 #d8d9da,23px 23px 0 #d8d9da,25px 25px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 1.3s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, opacity 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; transition: text-shadow 1.3s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, opacity 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; }
.HomeMessage__command { position: absolute; width: 100%; left: 0; top: 50%; margin-top: -0.42em; font-family: "BS-icon"; font-size: 40px; line-height: 40px; color: #ededf0; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; text-align: center; pointer-events: none; -webkit-transition: text-shadow 0.2s cubic-bezier(0.37, 0.38, 0.53, 0.98) 0s, opacity 0.2s cubic-bezier(0.37, 0.38, 0.53, 0.98) 0s; transition: text-shadow 0.2s cubic-bezier(0.37, 0.38, 0.53, 0.98) 0s, opacity 0.2s cubic-bezier(0.37, 0.38, 0.53, 0.98) 0s; }
.is-mobile .HomeMessage__command { display: none; }
.is-scene4 .HomeMessage__command { opacity: 1; text-shadow: 0px 0px 0 #d8d9da,1px 1px 0 #d8d9da,2px 2px 0 #d8d9da,3px 3px 0 #d8d9da,4px 4px 0 #d8d9da,5px 5px 0 #d8d9da,6px 6px 0 #d8d9da,7px 7px 0 #d8d9da,8px 8px 0 #d8d9da,9px 9px 0 #d8d9da,10px 10px 0 #d8d9da,11px 11px 0 #d8d9da,12px 12px 0 #d8d9da,13px 13px 0 #d8d9da,14px 14px 0 #d8d9da,15px 15px 0 #d8d9da,16px 16px 0 #d8d9da,17px 17px 0 #d8d9da,18px 18px 0 #d8d9da,20px 20px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 1.5s cubic-bezier(0.52, 0.08, 0.1, 1) 3.3s, opacity 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75) 3.3s; transition: text-shadow 1.5s cubic-bezier(0.52, 0.08, 0.1, 1) 3.3s, opacity 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75) 3.3s; }
.is-scene4 .HomeMessage__command.is-hide { opacity: 0; -webkit-transition: opacity 1s cubic-bezier(0.37, 0.38, 0.53, 0.98) 0s; transition: opacity 1s cubic-bezier(0.37, 0.38, 0.53, 0.98) 0s; }
@-webkit-keyframes loop-img { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(-10deg); transform: translate3d(0, 0, 0) rotate(-10deg); }
  100% { -webkit-transform: translate3d(0, calc(-150vh - 150%), 0) rotate(10deg); transform: translate3d(0, calc(-150vh - 150%), 0) rotate(10deg); } }
@keyframes loop-img { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(-10deg); transform: translate3d(0, 0, 0) rotate(-10deg); }
  100% { -webkit-transform: translate3d(0, calc(-150vh - 150%), 0) rotate(10deg); transform: translate3d(0, calc(-150vh - 150%), 0) rotate(10deg); } }
.HomeMessage__bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s 0.5s, opacity 0.3s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: visibility 0s 0.5s, opacity 0.3s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; }
.is-show .HomeMessage__bg { opacity: 1; visibility: visible; -webkit-transition: visibility 0s 0s, opacity 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 3.5s; transition: visibility 0s 0s, opacity 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 3.5s; }
.HomeMessage__bg canvas { width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.8s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.8s cubic-bezier(0.645, 0.045, 0.355, 1); }
.HomeMessage__bg canvas.is-show { opacity: 1; }
.HomeMessage__bgItem { display: none; }
.HomeMv { 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; width: 100%; height: 100%; }
.HomeMv__bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; pointer-events: none; }
.HomeMv__bg::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 0, 70, 0)), to(#150046)); background: -webkit-linear-gradient(rgba(21, 0, 70, 0), #150046); background: linear-gradient(rgba(21, 0, 70, 0), #150046); opacity: 0.4; }
.HomeMv__bg canvas#webgl-mvBg { width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; transition: opacity 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; }
.HomeMv__bg canvas#webgl-mvBg.is-show { opacity: 1; }
.is-scene0 .HomeMv__bg { opacity: 1; -webkit-transition: opacity 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 4.5s; transition: opacity 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 4.5s; }
.is-scene0.is-dev .HomeMv__bg { opacity: 1; -webkit-transition: opacity 0s; transition: opacity 0s; }
.is-scrollActive .HomeMv__bg { pointer-events: auto; }
.HomeMv__body { position: relative; text-align: center; pointer-events: none; }
.HomeMv__title { position: relative; margin-bottom: 0.42em; padding-left: 0.8em; font-size: 42px; line-height: 67px; font-weight: 900; letter-spacing: 0.1em; font-style: italic; }
.HomeMv__title span { display: inline-block; position: relative; -webkit-text-stroke: 1.5px #ffffff; color: #ffffff; opacity: 0; text-shadow: 0px 0px 0 #ffffff,1px -1px 0 #ffffff,2px -2px 0 #ffffff,3px -3px 0 #ffffff,4px -4px 0 #ffffff,5px -5px 0 #ffffff,6px -6px 0 #ffffff,7px -7px 0 #ffffff,8px -8px 0 #ffffff,9px -9px 0 #ffffff,10px -10px 0 #ffffff,11px -11px 0 #ffffff,12px -12px 0 #ffffff,13px -13px 0 #ffffff,14px -14px 0 #ffffff,15px -15px 0 #ffffff,16px -16px 0 #ffffff,17px -17px 0 #ffffff,18px -18px 0 #ffffff,19px -19px 0 #ffffff,20px -20px 0 #ffffff,21px -21px 0 #ffffff,22px -22px 0 #ffffff,23px -23px 0 #ffffff,24px -24px 0 #ffffff,25px -25px 0 #ffffff,26px -26px 0 #ffffff,27px -27px 0 #ffffff,28px -28px 0 #ffffff,29px -29px 0 #ffffff,30px -30px 0 #ffffff,31px -31px 0 #ffffff,32px -32px 0 #ffffff,33px -33px 0 #ffffff,34px -34px 0 #ffffff,35px -35px 0 #ffffff,36px -36px 0 #ffffff,37px -37px 0 #ffffff,38px -38px 0 #ffffff,39px -39px 0 #ffffff,40px -40px 0 #ffffff,41px -41px 0 #ffffff,42px -42px 0 #ffffff,43px -43px 0 #ffffff,44px -44px 0 #ffffff,45px -45px 0 #ffffff,46px -46px 0 #ffffff,47px -47px 0 #ffffff,48px -48px 0 #ffffff,49px -49px 0 #ffffff,50px -50px 0 #ffffff,51px -51px 0 #ffffff,52px -52px 0 #ffffff,53px -53px 0 #ffffff,54px -54px 0 #ffffff,55px -55px 0 #ffffff,56px -56px 0 #ffffff,57px -57px 0 #ffffff,58px -58px 0 #ffffff,59px -59px 0 #ffffff,60px -60px 0 #ffffff,61px -61px 0 #ffffff,62px -62px 0 #ffffff,63px -63px 0 #ffffff,64px -64px 0 #ffffff,65px -65px 0 #ffffff,66px -66px 0 #ffffff,67px -67px 0 #ffffff,68px -68px 0 #ffffff,69px -69px 0 #ffffff,70px -70px 0 #ffffff,71px -71px 0 #ffffff,72px -72px 0 #ffffff,73px -73px 0 #ffffff,74px -74px 0 #ffffff,75px -75px 0 #ffffff,76px -76px 0 #ffffff,77px -77px 0 #ffffff,78px -78px 0 #ffffff,79px -79px 0 #ffffff,80px -80px 0 #ffffff,81px -81px 0 #ffffff,82px -82px 0 #ffffff,83px -83px 0 #ffffff,84px -84px 0 #ffffff,85px -85px 0 #ffffff,86px -86px 0 #ffffff,87px -87px 0 #ffffff,88px -88px 0 #ffffff,89px -89px 0 #ffffff,90px -90px 0 #ffffff,91px -91px 0 #ffffff,92px -92px 0 #ffffff,93px -93px 0 #ffffff,94px -94px 0 #ffffff,95px -95px 0 #ffffff,96px -96px 0 #ffffff,97px -97px 0 #ffffff,98px -98px 0 #ffffff,100px 100px 0 rgba(0, 0, 0, 0); -webkit-transform: translate(250px, -250px); transform: translate(250px, -250px); -webkit-transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.HomeMv__title.is-show span { opacity: 1; color: rgba(21, 0, 70, 0.7); -webkit-transform: translate(0, 0); transform: translate(0, 0); text-shadow: none; }
.is-ie .HomeMv__title.is-show span { color: #ffffff; }
.HomeMv__title.is-show span:nth-child(1) { -webkit-transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.HomeMv__title.is-show span:nth-child(2) { -webkit-transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.05s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.05s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.78s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.05s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.05s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.05s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.78s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.05s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.05s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.05s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.05s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.78s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.05s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.05s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.05s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.78s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.05s; }
.HomeMv__title.is-show span:nth-child(3) { -webkit-transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.86s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.86s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.86s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.86s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; }
.HomeMv__title.is-show span:nth-child(4) { -webkit-transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.15s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.15s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.94s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.15s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.15s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.15s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.94s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.15s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.15s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.15s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.15s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.94s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.15s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.15s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.15s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.94s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.15s; }
.HomeMv__title.is-show span:nth-child(5) { -webkit-transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.02s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.02s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.02s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.02s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; }
.HomeMv__title.is-show span:nth-child(6) { -webkit-transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.25s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.25s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.1s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.25s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.25s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.25s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.1s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.25s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.25s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.25s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.25s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.1s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.25s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.25s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.25s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.1s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.25s; }
.HomeMv__title.is-show span:nth-child(7) { -webkit-transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.18s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.3s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.18s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.3s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.18s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.18s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.3s; }
.HomeMv__title.is-show span:nth-child(8) { -webkit-transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.35s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.35s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.26s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.35s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.35s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.35s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.26s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.35s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.35s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.35s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.35s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.26s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.35s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.35s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.35s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.26s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.35s; }
.HomeMv__title.is-show span:nth-child(9) { -webkit-transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.4s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.4s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.34s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.4s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.4s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.4s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.34s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.4s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.4s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.4s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.4s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.34s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.4s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.4s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.4s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.34s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.4s; }
.HomeMv__title.is-show span:nth-child(10) { -webkit-transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.45s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.45s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.42s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.45s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.45s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.45s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.42s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.45s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.45s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.45s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.45s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.42s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.45s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.45s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.45s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.42s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.45s; }
.HomeMv__title.is-show span:nth-child(11) { -webkit-transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.5s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.5s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.5s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.5s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s; }
.HomeMv__title.is-show span:nth-child(12) { -webkit-transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.58s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.58s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.58s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.58s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s; }
.HomeMv__title.is-show span:nth-child(13) { -webkit-transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.66s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.66s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.66s; transition: opacity 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s, text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 1.66s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s; }
.HomeMv__title.is-show.is-shadow span { text-shadow: 0px 0px 0 #150046,1px 1px 0 #150046,2px 2px 0 #150046,3px 3px 0 #150046,4px 4px 0 #150046,5px 5px 0 #150046,6px 6px 0 #150046,7px 7px 0 #150046,8px 8px 0 #150046,10px 10px 0 rgba(0, 0, 0, 0); }
.HomeMv__title.is-show.is-shadow span:nth-child(1) { -webkit-transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; }
.HomeMv__title.is-show.is-shadow span:nth-child(2) { -webkit-transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; }
.HomeMv__title.is-show.is-shadow span:nth-child(3) { -webkit-transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; }
.HomeMv__title.is-show.is-shadow span:nth-child(4) { -webkit-transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; }
.HomeMv__title.is-show.is-shadow span:nth-child(5) { -webkit-transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; }
.HomeMv__title.is-show.is-shadow span:nth-child(6) { -webkit-transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; }
.HomeMv__title.is-show.is-shadow span:nth-child(7) { -webkit-transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; }
.HomeMv__title.is-show.is-shadow span:nth-child(8) { -webkit-transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; }
.HomeMv__title.is-show.is-shadow span:nth-child(9) { -webkit-transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; }
.HomeMv__title.is-show.is-shadow span:nth-child(10) { -webkit-transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; }
.HomeMv__title.is-show.is-shadow span:nth-child(11) { -webkit-transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; }
.HomeMv__title.is-show.is-shadow span:nth-child(12) { -webkit-transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; }
.HomeMv__title.is-show.is-shadow span:nth-child(13) { -webkit-transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; transition: opacity 1.7s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, text-shadow 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1) 0s, -webkit-transform 1s cubic-bezier(0.52, 0.08, 0.18, 1) 0s; }
.HomeMv__description { font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 15px; line-height: 15px; font-weight: 500; letter-spacing: -0.02em; font-style: italic; -webkit-transform: translateY(15px); transform: translateY(15px); opacity: 0; }
.HomeMv__description.is-show { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; transition: transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; transition: transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; }
.HomeNewcomer { position: absolute; width: 85%; height: 100px; left: 5%; bottom: 20px; background-color: #000000; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; }
.HomeNewcomer .box-shadow { position: absolute; width: 100%; height: 100%; pointer-events: none; opacity: 0.25; left: 0; top: 0; }
.HomeNewcomer .box-shadow::before { content: ""; position: absolute; width: 458.16916px; height: 100%; -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); background-color: #000000; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 100%; top: 1px; -webkit-transform-origin: left top; transform-origin: left top; }
.HomeNewcomer .box-shadow::after { content: ""; position: absolute; width: 100%; height: 500px; background-color: #000000; margin-bottom: -1px; -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 1px; top: 100%; -webkit-transform-origin: left top; transform-origin: left top; }
.HomeNewcomer.is-readyLT { opacity: 0; -webkit-transform: translate(-100vw, -109vw); transform: translate(-100vw, -109vw); -webkit-transition: opacity 0s 0s, -webkit-transform 0s 0s; transition: opacity 0s 0s, -webkit-transform 0s 0s; transition: transform 0s 0s, opacity 0s 0s; transition: transform 0s 0s, opacity 0s 0s, -webkit-transform 0s 0s; }
.HomeNewcomer.is-readyRB { opacity: 0; -webkit-transform: translate(100vw, 109vw); transform: translate(100vw, 109vw); -webkit-transition: opacity 0s 0s, -webkit-transform 0s 0s; transition: opacity 0s 0s, -webkit-transform 0s 0s; transition: transform 0s 0s, opacity 0s 0s; transition: transform 0s 0s, opacity 0s 0s, -webkit-transform 0s 0s; }
.HomeNewcomer.is-hideLT { opacity: 0; -webkit-transform: translate(-100vw, -109vw); transform: translate(-100vw, -109vw); -webkit-transition: opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.HomeNewcomer.is-hideRB { opacity: 0; -webkit-transform: translate(300px, 300px); transform: translate(300px, 300px); -webkit-transition: opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.HomeNewcomer.is-show { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1.08s; transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1.08s; transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1.08s; transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1.08s, -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1.08s; }
.HomeNewcomer.is-show.is-reverse { -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
.HomeNewcomer__section { position: absolute; width: 100%; height: 100%; top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); transition: background-color 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); visibility: hidden; }
.HomeNewcomer__section.current { visibility: visible; }
.HomeNewcomer__section.current .HomeNewcomer__description { opacity: 1; -webkit-transition: opacity 1s cubic-bezier(0.52, 0.08, 0.18, 1), text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 1s cubic-bezier(0.52, 0.08, 0.18, 1), text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.HomeNewcomer__section.current .thumb-inner { opacity: 1; -webkit-transition: opacity 1s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 1s cubic-bezier(0.52, 0.08, 0.18, 1); }
.is-ie .is-scene0 .HomeNewcomer__section.current:hover .HomeNewcomer__thumb { border: 3px #581fbb solid; -webkit-transition: border 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: border 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .is-scene0 .HomeNewcomer__section.current:hover .HomeNewcomer__title { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,5px 5px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .is-scene0 .HomeNewcomer__section.current:hover .HomeNewcomer__description { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,5px 5px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.HomeNewcomer__section .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 16px 17px; }
.HomeNewcomer__title { margin-bottom: 5px; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.55rem; font-weight: 700; color: #db6aff; font-style: italic; -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.HomeNewcomer__thumb { width: 66px; height: 66px; margin-right: 16px; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 3px #ffffff solid; padding: 3px; -webkit-transition: border 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); transition: border 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); }
.HomeNewcomer__thumb .thumb-inner { overflow: hidden; border-radius: 50%; opacity: 0; }
.HomeNewcomer__description { font-size: 0.6rem; line-height: 1.5; opacity: 0; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.02em; }
.HomeNews__header .page-sectionTitle.is-show span { -webkit-transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.8s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.8s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.8s; transition: text-shadow 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, opacity 0.7s cubic-bezier(0.37, 0.16, 0.12, 1) 2s, color 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 2.8s, -webkit-transform 1s cubic-bezier(0.37, 0.16, 0.12, 1) 2s; }
.HomeNews__header .page-sectionTitle.is-show::before { -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s; transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s; transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s; transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s, -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s; }
.HomeNews__header.PickupNews__header .link-index { opacity: 0; -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.HomeNews__header.PickupNews__header .link-index.is-show { opacity: 1; -webkit-transition: opacity 1s cubic-bezier(0.645, 0.045, 0.355, 1) 2.6s; transition: opacity 1s cubic-bezier(0.645, 0.045, 0.355, 1) 2.6s; }
.HomeNews__body { pointer-events: none; opacity: 0; -webkit-transform: translateX(200px); transform: translateX(200px); -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.3s; transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.3s; transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.3s; transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.3s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.3s; }
.HomeNews__body.is-show { pointer-events: auto; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: visibility 0s 2s, opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2s; transition: visibility 0s 2s, opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2s; transition: visibility 0s 2s, opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2s; transition: visibility 0s 2s, opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2s; }
.HomeSceneNav { position: fixed; right: 10px; bottom: 0; z-index: 20; }
.is-scene3 .HomeSceneNav .HomeSceneNav__item.current .HomeSceneNav__circle, .is-scene4 .HomeSceneNav .HomeSceneNav__item.current .HomeSceneNav__circle { background-color: #000000; }
.is-ie .is-scene3 .HomeSceneNav .HomeSceneNav__item:hover .HomeSceneNav__circle, .is-ie .is-scene4 .HomeSceneNav .HomeSceneNav__item:hover .HomeSceneNav__circle { border: 1px #772afc solid; }
.is-scene3 .HomeSceneNav .HomeSceneNav__circle, .is-scene4 .HomeSceneNav .HomeSceneNav__circle { border: 1px #000000 solid; }
.is-scene3 .HomeSceneNav .HomeSceneNav__line, .is-scene4 .HomeSceneNav .HomeSceneNav__line { background-color: rgba(0, 0, 0, 0.2); }
.is-scene3 .HomeSceneNav .HomeSceneNav__line .line, .is-scene4 .HomeSceneNav .HomeSceneNav__line .line { background-color: #000000; }
.is-ie .is-scene3 .HomeSceneNav .HomeSceneNav__scroll:hover .HomeSceneNav__line, .is-ie .is-scene4 .HomeSceneNav .HomeSceneNav__scroll:hover .HomeSceneNav__line { background-color: rgba(119, 42, 252, 0.5); }
.is-ie .is-scene3 .HomeSceneNav .HomeSceneNav__scroll:hover .HomeSceneNav__line .line, .is-ie .is-scene4 .HomeSceneNav .HomeSceneNav__scroll:hover .HomeSceneNav__line .line { background-color: #772afc; }
.is-scene4 .HomeSceneNav .HomeSceneNav__scroll { pointer-events: none; }
.is-scene4 .HomeSceneNav .HomeSceneNav__line .line { opacity: 0; }
.HomeSceneNav__item { display: block; padding: 4px 5px 5px; }
.HomeSceneNav__item.current { pointer-events: none; }
.HomeSceneNav__item.current .HomeSceneNav__circle { background-color: #ffffff; }
.is-ie .HomeSceneNav__item:hover .HomeSceneNav__circle { border: 1px #772afc solid; }
.HomeSceneNav__text { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; /* added line */ }
.HomeSceneNav__circle { display: block; width: 7px; height: 7px; border-radius: 50%; border: 1px #ffffff solid; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), border 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); transition: background-color 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), border 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); }
.HomeSceneNav__scroll { display: block; }
.is-ie .HomeSceneNav__scroll:hover .HomeSceneNav__line { background-color: rgba(119, 42, 252, 0.2); }
.is-ie .HomeSceneNav__scroll:hover .HomeSceneNav__line .line { background-color: #772afc; }
.HomeSceneNav__line { display: block; position: relative; width: 1px; height: 34px; margin-left: 8px; margin-top: 8px; background-color: rgba(255, 255, 255, 0.2); -webkit-transition: background-color 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: background-color 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); }
.HomeSceneNav__line .line { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #ffffff; -webkit-animation-name: line-repetition; animation-name: line-repetition; -webkit-animation-duration: 3.0s; animation-duration: 3.0s; -webkit-animation-timing-function: cubic-bezier(0.37, 0.16, 0.12, 1); animation-timing-function: cubic-bezier(0.37, 0.16, 0.12, 1); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), background-color 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), background-color 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); }
.HoverCircle { position: fixed; width: 80px; height: 80px; left: -40px; top: -52px; color: transparent; pointer-events: none; z-index: 1003; opacity: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0.4s cubic-bezier(0.52, 0.08, 0.18, 1); }
.HoverCircle.is-white .HoverCircle__circle { border: 3px #ffffff solid; }
.HoverCircle.is-white .HoverCircle__text { color: #ffffff; }
.HoverCircle.is-purple .HoverCircle__circle { border: 3px #772afc solid; }
.HoverCircle.is-purple .HoverCircle__text { color: #772afc; }
html[data-whatinput="mouse"] .HoverCircle.is-followMouse, html[data-whatintent="mouse"] .HoverCircle.is-followMouse { opacity: 1; -webkit-transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); }
html[data-whatinput="mouse"] .HoverCircle.is-followMouse .HoverCircle__circle, html[data-whatintent="mouse"] .HoverCircle.is-followMouse .HoverCircle__circle { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); }
html[data-whatinput="mouse"] .HoverCircle.is-profile .text-profile, html[data-whatintent="mouse"] .HoverCircle.is-profile .text-profile { opacity: 1; }
html[data-whatinput="mouse"] .HoverCircle.is-drag .text-drag, html[data-whatintent="mouse"] .HoverCircle.is-drag .text-drag { opacity: 1; }
.HoverCircle__circle { display: block; position: absolute; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.HoverCircle__text { display: block; position: absolute; width: 100%; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.8rem; font-weight: 700; font-style: italic; text-align: center; left: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.MembersList__item { border-top: 1px #581fbb solid; }
.MembersList__item:last-child { border-bottom: 1px #581fbb solid; }
.MembersList__header { background: none; border: 0; -webkit-box-sizing: content-box; box-sizing: content-box; color: inherit; cursor: pointer; display: inline-block; line-height: normal; overflow: visible; padding: 0; text-align: center; text-decoration: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; 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; width: 100%; padding-top: 30px; padding-bottom: 30px; text-align: left; }
button, input { font: inherit; }
button::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
button { overflow: visible; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; }
.is-ie .MembersList__header:hover .MembersList__name { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .MembersList__header:hover .Accordion__toggle .text-close, .is-ie .MembersList__header:hover .Accordion__toggle .text-open { text-decoration: none; }
.MembersList__name { font-size: 16px; line-height: 19px; font-weight: 900; letter-spacing: -0.05em; -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.MembersList__content { padding-bottom: 40px; }
.MembersList__profile { font-size: 0.65rem; line-height: 2; }
.MembersList__snsList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; }
.MembersList__snsList:first-child { margin-top: 0; }
.MembersList__snsList li { margin-right: 1.5em; }
.MembersList__snsList li:last-child { margin-right: 0; }
.MovieSlider { position: relative; z-index: 2; }
.MovieSlider.preventClick { pointer-events: none; }
.MovieSlider__inner { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; cursor: ew-resize; }
.is-ie .MovieSlider__inner { min-width: 10000px; }
.MovieSlider__item { display: inline-block; position: relative; height: 180px; padding-right: 10px; }
.MovieSlider__item:nth-child(1) { z-index: 10; }
.MovieSlider__item:nth-child(2) { z-index: 9; }
.MovieSlider__item:nth-child(3) { z-index: 8; }
.MovieSlider__item:nth-child(4) { z-index: 7; }
.MovieSlider__item:nth-child(5) { z-index: 6; }
.MovieSlider__item:nth-child(6) { z-index: 5; }
.MovieSlider__item:nth-child(7) { z-index: 4; }
.MovieSlider__item:nth-child(8) { z-index: 3; }
.MovieSlider__item:nth-child(9) { z-index: 2; }
.MovieSlider__item:nth-child(10) { z-index: 1; }
.MovieSlider__item:nth-child(11) { z-index: 0; }
.MovieSlider__item:nth-child(12) { z-index: -1; }
.MovieSlider__item:nth-child(13) { z-index: -2; }
.MovieSlider__item:nth-child(14) { z-index: -3; }
.MovieSlider__item:nth-child(15) { z-index: -4; }
.MovieSlider__item:nth-child(16) { z-index: -5; }
.MovieSlider__item:nth-child(17) { z-index: -6; }
.MovieSlider__item:nth-child(18) { z-index: -7; }
.MovieSlider__item:nth-child(19) { z-index: -8; }
.MovieSlider__item:nth-child(20) { z-index: -9; }
.MovieSlider__item:nth-child(21) { z-index: -10; }
.MovieSlider__item:nth-child(22) { z-index: -11; }
.MovieSlider__item:nth-child(23) { z-index: -12; }
.MovieSlider__item:nth-child(24) { z-index: -13; }
.MovieSlider__item:nth-child(25) { z-index: -14; }
.MovieSlider__item:nth-child(26) { z-index: -15; }
.MovieSlider__item:nth-child(27) { z-index: -16; }
.MovieSlider__item:nth-child(28) { z-index: -17; }
.MovieSlider__item:nth-child(29) { z-index: -18; }
.MovieSlider__item:nth-child(30) { z-index: -19; }
.MovieSlider__item:nth-child(31) { z-index: -20; }
.MovieSlider__item.-youtube { width: 320px; height: 180px; }
.MovieSlider__item.-youtube img { width: 100.5%; height: auto; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.MovieSlider__item.-youtube .MovieSlider__link { display: inline-block; position: relative; width: 100%; height: 100%; }
.MovieSlider__item.-youtube .MovieSlider__link .image-wrap { position: absolute; width: 100%; }
.MovieSlider__item.-youtube .MovieSlider__link .image-inner { position: absolute; width: 100%; }
.MovieSlider__item.-tiktok { height: 180px; }
.MovieSlider__item.-tiktok .MovieSlider__link { position: relative; }
.MovieSlider__item.-tiktok .MovieSlider__link .image-wrap { position: relative; }
.MovieSlider__item img { height: 100%; max-width: none; }
.MovieSlider__item:last-child { padding-right: 0; }
.is-ie .MovieSlider__link:hover .image-wrap { -webkit-transform: scale(1.02); transform: scale(1.02); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .MovieSlider__link:hover .image-wrap .box-shadow::before { -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .MovieSlider__link:hover .image-wrap .box-shadow::after { -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.MovieSlider__link .image-wrap { height: 100%; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.MovieSlider__link .image-wrap .box-shadow { background-color: #000000; position: absolute; width: 100%; height: 100%; pointer-events: none; opacity: 0.15; left: 0; top: 0; }
.MovieSlider__link .image-wrap .box-shadow::before { content: ""; position: absolute; width: 549.80299px; height: 100%; -webkit-transform: skewY(47.5deg) scaleX(0); transform: skewY(47.5deg) scaleX(0); background-color: #000000; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 100%; top: 1px; -webkit-transform-origin: left top; transform-origin: left top; }
.MovieSlider__link .image-wrap .box-shadow::after { content: ""; position: absolute; width: 100%; height: 600px; background-color: #000000; margin-bottom: -1px; -webkit-transform: skewX(42.5deg) scaleY(0); transform: skewX(42.5deg) scaleY(0); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 1px; top: 100%; -webkit-transform-origin: left top; transform-origin: left top; }
.MovieSlider__link .image-wrap .image-inner { height: 100%; top: 0; overflow: hidden; }
.MovieSlider__link .image-wrap .image-inner::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000000; opacity: 0.1; }
.MovieSlider__iconBlank { display: block; position: absolute; width: 38px; height: 38px; left: 50%; top: 50%; margin-left: -19px; margin-top: -19px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px #ffffff solid; border-radius: 50%; }
.MovieSlider__iconBlank svg { width: 9px; height: 9px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.NavFilter { 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; position: relative; margin-left: 0.6em; margin-top: 5px; z-index: 1000; }
.NavFilter__title { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; /* added line */ }
.NavFilter__main { position: relative; width: 160px; }
.NavFilter__current { background: none; border: 0; -webkit-box-sizing: content-box; box-sizing: content-box; color: inherit; cursor: pointer; display: inline-block; line-height: normal; overflow: visible; padding: 0; text-align: center; text-decoration: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; position: relative; width: 100%; padding-top: 12px; padding-bottom: 12px; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.65rem; font-weight: 500; font-style: italic; text-decoration: underline; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 126px; }
button, input { font: inherit; }
button::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
button { overflow: visible; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; }
.NavFilter__current::after { content: ""; display: inline-block; margin-left: 0.8em; border-top: 6px solid #ffffff; border-right: 3.5px solid transparent; border-left: 3.5px solid transparent; }
.is-ie .NavFilter__current:hover { text-decoration: none; }
.NavFilter__body { position: absolute; width: 100%; height: 0; overflow: hidden; -webkit-transition: height 0.55s cubic-bezier(0.52, 0.08, 0.18, 1); transition: height 0.55s cubic-bezier(0.52, 0.08, 0.18, 1); }
.NavFilter__listItem { margin-bottom: 1px; background-color: #ffffff; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.55rem; font-weight: 500; font-style: italic; color: #772afc; }
.NavFilter__listItem.is-current { color: #c9aafe; pointer-events: none; }
.NavFilter__link { display: block; padding: 14px; -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.is-ie .NavFilter__link:hover { text-shadow: 0px 0px 0 #c9aafe,1px 1px 0 #c9aafe,2px 2px 0 #c9aafe,3px 3px 0 #c9aafe,4px 4px 0 #c9aafe,5px 5px 0 #c9aafe,6px 6px 0 #c9aafe,7px 7px 0 #c9aafe,8px 8px 0 #c9aafe,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.accordion-expanded .NavFilter__current::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.NewsDetail { margin-top: 130px; margin-bottom: 80px; }
.NewsDetail__meta { margin-left: 5%; margin-right: 5%; margin-bottom: 30px; }
.NewsDetail__meta .page-date { display: inline-block; margin-right: 1em; -webkit-transform: translate(0px, 50px); transform: translate(0px, 50px); opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.NewsDetail__meta .page-category { -webkit-transform: translate(0px, 50px); transform: translate(0px, 50px); opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.NewsDetail__meta.is-show .page-date { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s; transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s; }
.NewsDetail__meta.is-show .page-category { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s; transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s; }
.NewsDetail__title { margin-left: 5%; margin-right: 5%; margin-bottom: 40px; font-size: 20px; line-height: 30px; font-weight: 900; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.03em; text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,9px 9px 0 #581fbb,10px 10px 0 #581fbb,11px 11px 0 #581fbb,12px 12px 0 #581fbb,13px 13px 0 #581fbb,14px 14px 0 #581fbb,15px 15px 0 #581fbb,16px 16px 0 #581fbb,17px 17px 0 #581fbb,18px 18px 0 #581fbb,19px 19px 0 #581fbb,20px 20px 0 #581fbb,21px 21px 0 #581fbb,22px 22px 0 #581fbb,23px 23px 0 #581fbb,24px 24px 0 #581fbb,25px 25px 0 #581fbb,26px 26px 0 #581fbb,27px 27px 0 #581fbb,28px 28px 0 #581fbb,29px 29px 0 #581fbb,30px 30px 0 #581fbb,31px 31px 0 #581fbb,32px 32px 0 #581fbb,33px 33px 0 #581fbb,34px 34px 0 #581fbb,35px 35px 0 #581fbb,36px 36px 0 #581fbb,37px 37px 0 #581fbb,38px 38px 0 #581fbb,39px 39px 0 #581fbb,40px 40px 0 #581fbb,41px 41px 0 #581fbb,42px 42px 0 #581fbb,43px 43px 0 #581fbb,44px 44px 0 #581fbb,45px 45px 0 #581fbb,46px 46px 0 #581fbb,47px 47px 0 #581fbb,48px 48px 0 #581fbb,50px 50px 0 rgba(0, 0, 0, 0); -webkit-transform: translate(50px, 50px); transform: translate(50px, 50px); opacity: 0; -webkit-transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.NewsDetail__title.is-show { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; text-shadow: none; -webkit-transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.5s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0.5s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.5s; transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.5s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0.5s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.5s; transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.5s, transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.5s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0.5s; transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.5s, transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.5s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0.5s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.5s; }
.NewsDetail__mainImage { margin-bottom: 40px; }
.NewsDetail__mainImage img { width: 100%; }
.NewsDetail__body { margin-left: 5%; margin-right: 5%; }
.NewsDetail__aboutCreator { margin-top: 60px; }
.NewsDetail__aboutCreator .page-sectionTitle { margin-bottom: 40px; }
.NewsDetail__buttonGotoindex { display: none; position: fixed; left: 2.5%; bottom: 50px; }
.NewsDetail__footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 5%; margin-right: 5%; margin-top: 35px; }
.NewsDetail__footer .text-title { margin-right: 25px; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.8rem; font-weight: 500; font-style: italic; }
.NewsIndex { padding-bottom: 160px; overflow: hidden; }
.NewsIndexList { margin-left: 5%; margin-right: 5%; margin-bottom: 40px; }
.NewsIndexList__item { position: relative; border-top: 1px #581fbb solid; }
.NewsIndexList__item:nth-child(1) { z-index: 20; }
.NewsIndexList__item:nth-child(2) { z-index: 19; }
.NewsIndexList__item:nth-child(3) { z-index: 18; }
.NewsIndexList__item:nth-child(4) { z-index: 17; }
.NewsIndexList__item:nth-child(5) { z-index: 16; }
.NewsIndexList__item:nth-child(6) { z-index: 15; }
.NewsIndexList__item:nth-child(7) { z-index: 14; }
.NewsIndexList__item:nth-child(8) { z-index: 13; }
.NewsIndexList__item:nth-child(9) { z-index: 12; }
.NewsIndexList__item:nth-child(10) { z-index: 11; }
.NewsIndexList__item:nth-child(11) { z-index: 10; }
.NewsIndexList__item:nth-child(12) { z-index: 9; }
.NewsIndexList__item:nth-child(13) { z-index: 8; }
.NewsIndexList__item:nth-child(14) { z-index: 7; }
.NewsIndexList__item:nth-child(15) { z-index: 6; }
.NewsIndexList__item:nth-child(16) { z-index: 5; }
.NewsIndexList__item:nth-child(17) { z-index: 4; }
.NewsIndexList__item:nth-child(18) { z-index: 3; }
.NewsIndexList__item:nth-child(19) { z-index: 2; }
.NewsIndexList__item:nth-child(20) { z-index: 1; }
.NewsIndexList__item:nth-child(21) { z-index: 0; }
.NewsIndexList__item:last-child { border-bottom: 1px #581fbb solid; }
.NewsIndexList__item.is-show .NewsIndexList__image { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; -webkit-transition: opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; transition: opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; }
.NewsIndexList__item.is-show .NewsIndexList__image .image-wrap .box-shadow::before { -webkit-transform: skewY(47.5deg) scaleX(0); transform: skewY(47.5deg) scaleX(0); -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1); }
.NewsIndexList__item.is-show .NewsIndexList__image .image-wrap .box-shadow::after { -webkit-transform: skewX(42.5deg) scaleY(0); transform: skewX(42.5deg) scaleY(0); -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1); }
.NewsIndexList__link { display: block; padding-top: 35px; padding-bottom: 35px; }
.is-ie .NewsIndexList__link:hover .NewsIndexList__image { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.4s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.4s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.4s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.4s cubic-bezier(0.52, 0.08, 0.18, 1); }
.is-ie .NewsIndexList__link:hover .NewsIndexList__image .image-wrap .box-shadow::before { -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .NewsIndexList__link:hover .NewsIndexList__image .image-wrap .box-shadow::after { -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .NewsIndexList__link:hover .title { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.NewsIndexList__meta { -webkit-box-sizing: border-box; box-sizing: border-box; }
.NewsIndexList__meta .page-date { margin-right: 0.5em; }
.NewsIndexList__title { padding-right: 4.34783%; margin-bottom: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.NewsIndexList__title .title { font-size: 1.4rem; font-size: 16px; line-height: 24px; font-weight: 700; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.03em; -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.NewsIndexList__image { width: 100%; margin-bottom: 22px; -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; -webkit-transform: translate(50px, 50px); transform: translate(50px, 50px); opacity: 0; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.NewsIndexList__image .image-wrap { position: relative; height: 0; padding-top: 56.25%; }
.NewsIndexList__image .image-wrap .box-shadow { background-color: #000000; position: absolute; width: 100%; height: 100%; pointer-events: none; opacity: 0.15; left: 0; top: 0; }
.NewsIndexList__image .image-wrap .box-shadow::before { content: ""; position: absolute; width: 916.33831px; height: 100%; -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); background-color: #000000; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 100%; top: 1px; -webkit-transform-origin: left top; transform-origin: left top; }
.NewsIndexList__image .image-wrap .box-shadow::after { content: ""; position: absolute; width: 100%; height: 1000px; background-color: #000000; margin-bottom: -1px; -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 1px; top: 100%; -webkit-transform-origin: left top; transform-origin: left top; }
.NewsIndexList__image .image-inner { position: absolute; width: 100%; height: 100%; top: 0; overflow: hidden; }
.NewsIndexList__image img { position: absolute; width: 100%; left: 0; top: 0; opacity: 0; }
.NewsSlider.preventClick { pointer-events: none; }
.NewsSlider__inner { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }
.is-ie .NewsSlider__inner { min-width: 10000px; }
.NewsSlider__item { display: block; position: relative; width: 324px; padding-right: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: ew-resize; }
.NewsSlider__item:nth-child(1) { z-index: 10; }
.NewsSlider__item:nth-child(2) { z-index: 9; }
.NewsSlider__item:nth-child(3) { z-index: 8; }
.NewsSlider__item:nth-child(4) { z-index: 7; }
.NewsSlider__item:nth-child(5) { z-index: 6; }
.NewsSlider__item:nth-child(6) { z-index: 5; }
.NewsSlider__item:nth-child(7) { z-index: 4; }
.NewsSlider__item:nth-child(8) { z-index: 3; }
.NewsSlider__item:nth-child(9) { z-index: 2; }
.NewsSlider__item:nth-child(10) { z-index: 1; }
.NewsSlider__item:nth-child(11) { z-index: 0; }
.NewsSlider__item:nth-child(12) { z-index: -1; }
.NewsSlider__item:nth-child(13) { z-index: -2; }
.NewsSlider__item:nth-child(14) { z-index: -3; }
.NewsSlider__item:nth-child(15) { z-index: -4; }
.NewsSlider__item:nth-child(16) { z-index: -5; }
.NewsSlider__item:nth-child(17) { z-index: -6; }
.NewsSlider__item:nth-child(18) { z-index: -7; }
.NewsSlider__item:nth-child(19) { z-index: -8; }
.NewsSlider__item:nth-child(20) { z-index: -9; }
.NewsSlider__item:nth-child(21) { z-index: -10; }
.NewsSlider__item:last-child { width: 300px; padding-right: 0; }
.NewsSlider__link { display: block; }
.is-ie .NewsSlider__link:hover .NewsSlider__image { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .NewsSlider__link:hover .NewsSlider__image .box-shadow::before { -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .NewsSlider__link:hover .NewsSlider__image .box-shadow::after { -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .NewsSlider__link:hover .NewsSlider__title { text-shadow: 0px 0px 0 #cccccc,1px 1px 0 #cccccc,2px 2px 0 #cccccc,3px 3px 0 #cccccc,4px 4px 0 #cccccc,5px 5px 0 #cccccc,6px 6px 0 #cccccc,7px 7px 0 #cccccc,8px 8px 0 #cccccc,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.NewsSlider__image { width: 100%; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.NewsSlider__image .image-wrap { position: relative; height: 0; padding-top: 56.25%; }
.NewsSlider__image .image-wrap .box-shadow { background-color: #000000; position: absolute; width: 100%; height: 100%; pointer-events: none; opacity: 0.15; left: 0; top: 0; }
.NewsSlider__image .image-wrap .box-shadow::before { content: ""; position: absolute; width: 549.80299px; height: 100%; -webkit-transform: skewY(47.5deg) scaleX(0); transform: skewY(47.5deg) scaleX(0); background-color: #000000; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 100%; top: 1px; -webkit-transform-origin: left top; transform-origin: left top; }
.NewsSlider__image .image-wrap .box-shadow::after { content: ""; position: absolute; width: 100%; height: 600px; background-color: #000000; margin-bottom: -1px; -webkit-transform: skewX(42.5deg) scaleY(0); transform: skewX(42.5deg) scaleY(0); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 1px; top: 100%; -webkit-transform-origin: left top; transform-origin: left top; }
.NewsSlider__image .image-inner { position: absolute; width: 100%; height: 100%; top: 0; overflow: hidden; }
.NewsSlider__image img { position: absolute; width: 100%; left: 0; top: 0; }
.NewsSlider__title { padding-top: 8%; font-size: 16px; line-height: 24px; -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.03em; }
.NewsSlider__meta { padding-top: 2%; }
.NewsSlider__meta .page-date { margin-right: 0.5em; color: #737475; }
.NewsSlider__meta .page-category { color: #737475; }
.Notfound { 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; width: 100%; height: 100%; /* カスタムプロパティ未対応ブラウザ対応 */ min-height: 100vh; /* 100vh --vhが未定義の場合は1vhを使う */ min-height: calc(var(--vh, 1vh) * 100); }
.Notfound__body { text-align: center; }
.Notfound__title { margin-bottom: 0.2em; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 120px; font-size: 60px; line-height: 60px; font-weight: 700; letter-spacing: -0.05em; }
.Notfound__description { margin-bottom: 1.2em; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 19px; line-height: 22px; font-weight: 700; letter-spacing: -0.05em; }
.Notfound__link { font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.8rem; font-weight: 500; font-style: italic; text-decoration: underline; white-space: nowrap; color: #65fce9; }
.is-ie .Notfound__link:hover { text-decoration: none; }
.PageBg { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; background: -webkit-linear-gradient(315deg, #a16bfd, #772afc 30%); background: linear-gradient(135deg, #a16bfd, #772afc 30%); z-index: -1; }
.is-home .PageBg { background: #8742fe; background: -webkit-linear-gradient(315deg, #aa7bfc, #8742fe 30%); background: linear-gradient(135deg, #aa7bfc, #8742fe 30%); }
.is-creatorsDetail .PageBg { background: #772afc; }
.is-notfound .PageBg { background-image: url("../img/common/bg_404.png"); background-size: cover; background-position: 54% 50%; }
.PageContent { position: relative; }
.PageFooter { position: absolute; bottom: 0; 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; margin-bottom: 38px; margin-left: 5%; z-index: 20; color: #000000; }
.is-home .PageFooter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s 0.5s, opacity 0.5s cubic-bezier(0.37, 0.16, 0.12, 1) 0s; transition: visibility 0s 0.5s, opacity 0.5s cubic-bezier(0.37, 0.16, 0.12, 1) 0s; z-index: 20; }
.is-home.is-scene4 .PageFooter { visibility: visible; opacity: 1; -webkit-transition: visibility 0s 0s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 0s; transition: visibility 0s 0s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 0s; }
.is-notfound .PageFooter { color: #ffffff; }
.is-notfound .PageFooter .page-snsList li .sns-circle { border: 1px #ffffff solid; }
.is-notfound .PageFooter .page-snsList li .sns-icon { color: #ffffff; }
.PageFooter__copyright { margin-right: 60px; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.6rem; font-weight: 400; font-style: italic; }
.PageFooter__linkList { display: none; margin-right: 60px; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.6rem; font-style: italic; }
.PageFooter__linkList li a { text-decoration: underline; }
.is-ie .PageFooter__linkList li a:hover { text-decoration: none; }
.PageFooter__linkList li + li { margin-left: 25px; }
.PageFooter__snsList { display: none; }
.PageHeader { position: fixed; width: 100%; top: 0; z-index: 1002; }
.is-home .PageHeader { opacity: 0; -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; }
.is-home.is-loaded .PageHeader { opacity: 1; }
.is-home.is-dev .PageHeader { opacity: 1; -webkit-transition: opacity 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; transition: opacity 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; }
.PageHeader__logo { position: absolute; width: 90px; height: 75.34px; top: 20px; left: 10px; -webkit-transition: color 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s, opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s; transition: color 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s, opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s; }
.is-home.is-scene0 .PageHeader__logo a { pointer-events: none; }
.is-home.is-scene3 .PageHeader__logo, .is-home.is-scene4 .PageHeader__logo { color: #772afc; }
.is-home.is-scene3.is-openMenu .PageHeader__logo, .is-home.is-scene4.is-openMenu .PageHeader__logo { color: #ffffff; -webkit-transition: color 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s; transition: color 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s; }
.is-home .PageHeader__logo { opacity: 0; }
.is-home.is-loaded .PageHeader__logo { opacity: 1; }
.is-home.is-dev .PageHeader__logo { opacity: 1; -webkit-transition: color 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; transition: color 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; }
.PageLoading { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; -webkit-transition: opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1); transition: opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1); z-index: 1000; background: -webkit-linear-gradient(315deg, #a16bfd, #772afc 30%); background: linear-gradient(135deg, #a16bfd, #772afc 30%); }
.is-loaded .PageLoading { pointer-events: none; opacity: 0; }
.is-fanletter .PageLoading { background: #ededf0; }
.PageMain { overflow: hidden; min-height: 100vh; }
.PageMenu { display: none; }
.PageMenu__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: 72px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.85rem; font-weight: 700; font-style: italic; color: #ffffff; -webkit-transition: color 0.5s cubic-bezier(0.37, 0.16, 0.12, 1); transition: color 0.5s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-scene3 .PageMenu__list, .is-scene4 .PageMenu__list { color: #0f0f0f; }
.PageMenu__list li a { padding: 10px; -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); white-space: nowrap; }
.is-ie .PageMenu__list li a:hover { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-scene3 .is-ie .PageMenu__list li a:hover, .is-scene4 .is-ie .PageMenu__list li a:hover { text-shadow: 0px 0px 0 #aaaaaa,1px 1px 0 #aaaaaa,2px 2px 0 #aaaaaa,3px 3px 0 #aaaaaa,4px 4px 0 #aaaaaa,5px 5px 0 #aaaaaa,6px 6px 0 #aaaaaa,7px 7px 0 #aaaaaa,8px 8px 0 #aaaaaa,10px 10px 0 rgba(0, 0, 0, 0); }
.is-about .PageMenu__list li.menu-about { color: #65fce9; }
.is-creatorsIndex .PageMenu__list li.menu-creators, .is-creatorsDetail .PageMenu__list li.menu-creators { color: #65fce9; }
.is-newsIndex .PageMenu__list li.menu-news, .is-newsDetail .PageMenu__list li.menu-news { color: #65fce9; }
.is-contact .PageMenu__list li.menu-contact, .is-contactThanks .PageMenu__list li.menu-contact { color: #65fce9; }
.PageMenu__list .icon-blank { display: inline-block; position: relative; width: 14px; height: 14px; margin-left: 0.3em; font-family: "BS-icon"; font-style: normal; font-size: 0.8rem; }
.PageMenu__corporate { position: absolute; right: 40px; top: 72px; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.85rem; font-weight: 700; font-style: italic; color: #65fce9; -webkit-transition: color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: color 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.is-home .PageMenu__corporate { color: #db6aff; }
.is-home.is-scene1 .PageMenu__corporate, .is-home.is-scene2 .PageMenu__corporate, .is-home.is-scene3 .PageMenu__corporate, .is-home.is-scene4 .PageMenu__corporate { color: #65fce9; }
.is-ie .PageMenu__corporate:hover { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-scene3 .is-ie .PageMenu__corporate:hover, .is-scene4 .is-ie .PageMenu__corporate:hover { text-shadow: 0px 0px 0 #aaaaaa,1px 1px 0 #aaaaaa,2px 2px 0 #aaaaaa,3px 3px 0 #aaaaaa,4px 4px 0 #aaaaaa,5px 5px 0 #aaaaaa,6px 6px 0 #aaaaaa,7px 7px 0 #aaaaaa,8px 8px 0 #aaaaaa,10px 10px 0 rgba(0, 0, 0, 0); }
.PageMenu__corporate .icon-blank { display: inline-block; position: relative; width: 14px; height: 14px; margin-left: 0.3em; font-family: "BS-icon"; font-style: normal; font-size: 0.8rem; }
.Pagination { 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: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-left: 5%; margin-right: 5%; }
.Pagination .Pagination__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-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.Pagination .page-prevNext { display: none; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 24px; line-height: 28px; font-weight: 500; font-style: italic; }
.Pagination .page-numbers { margin-left: 0.3em; margin-right: 0.3em; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 24px; line-height: 28px; font-weight: 500; font-style: italic; }
.Pagination .page-numbers.current { text-stroke: 1px #ffffff; -webkit-text-stroke: 1px #ffffff; color: transparent; pointer-events: none; }
.is-ie .Pagination .page-numbers.current { color: #000000; }
.Pagination .page-numbers.current::after { display: none; }
.Pagination .page-numbers.dots::after { display: none; }
.Pagination .page-prevNext, .Pagination .page-numbers:not(.dots):not(.current) { position: relative; -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.is-ie .Pagination .page-prevNext:hover, .is-ie .Pagination .page-numbers:not(.dots):not(.current):hover { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .Pagination .page-prevNext:hover::after, .is-ie .Pagination .page-numbers:not(.dots):not(.current):hover::after { -webkit-box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.Pagination .page-prevNext::after, .Pagination .page-numbers:not(.dots):not(.current)::after { content: ""; position: absolute; width: 100%; height: 0.1em; left: 0; bottom: 0; background-color: #ffffff; -webkit-transition: -webkit-box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-box-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.PhotoModal { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1004; line-height: 0; opacity: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0.6s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.6s cubic-bezier(0.37, 0.16, 0.12, 1); transition: visibility 0.6s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.6s cubic-bezier(0.37, 0.16, 0.12, 1); }
.PhotoModal.is-show { opacity: 1; visibility: visible; -webkit-transition: visibility 0.8s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: visibility 0.8s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); }
.PhotoModal.is-show .PhotoModal__bgItem { -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
.PhotoModal.is-show .PhotoModal__bgItem:nth-child(1) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.PhotoModal.is-show .PhotoModal__bgItem:nth-child(2) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s; }
.PhotoModal.is-show .PhotoModal__bgItem:nth-child(3) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
.PhotoModal.is-show .PhotoModal__bgItem:nth-child(4) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s; }
.PhotoModal.is-show .PhotoModal__bgItem:nth-child(5) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s; }
.PhotoModal.is-show .PhotoModal__bgItem:nth-child(6) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s; }
.PhotoModal.is-show .PhotoModal__bgItem:nth-child(7) { -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s; transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s; }
.PhotoModal__header { position: absolute; width: 100%; top: 0; z-index: 2; }
.PhotoModal__headerLogo { position: absolute; width: 58px; top: 20px; left: 20px; }
.PhotoModal__btnClose { background: none; border: 0; -webkit-box-sizing: content-box; box-sizing: content-box; color: inherit; cursor: pointer; display: inline-block; line-height: normal; overflow: visible; padding: 0; text-align: center; text-decoration: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; position: absolute; width: 50px; height: 50px; top: 20px; right: 20px; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.6rem; font-weight: 700; font-style: italic; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-transition: opacity 0.6s cubic-bezier(0.37, 0.16, 0.12, 1) 0s; transition: opacity 0.6s cubic-bezier(0.37, 0.16, 0.12, 1) 0s; }
button, input { font: inherit; }
button::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
button { overflow: visible; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; }
.PhotoModal__btnClose::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: 2px #ffffff solid; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; -webkit-transition: opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.is-ie .PhotoModal__btnClose:hover::before { opacity: 0; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .PhotoModal__btnClose:hover .text { text-shadow: 0px 0px 0 #772afc,1px 1px 0 #772afc,2px 2px 0 #772afc,3px 3px 0 #772afc,4px 4px 0 #772afc,5px 5px 0 #772afc,6px 6px 0 #772afc,7px 7px 0 #772afc,8px 8px 0 #772afc,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.PhotoModal__btnClose .text { -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.is-show .PhotoModal__btnClose { opacity: 1; -webkit-transition: opacity 0.6s cubic-bezier(0.37, 0.16, 0.12, 1) 1.5s; transition: opacity 0.6s cubic-bezier(0.37, 0.16, 0.12, 1) 1.5s; }
.PhotoModal__body { opacity: 0; -webkit-transition: opacity 0.6s cubic-bezier(0.37, 0.16, 0.12, 1) 0s; transition: opacity 0.6s cubic-bezier(0.37, 0.16, 0.12, 1) 0s; }
.is-show .PhotoModal__body { opacity: 1; -webkit-transition: opacity 0.6s cubic-bezier(0.37, 0.16, 0.12, 1) 1.5s; transition: opacity 0.6s cubic-bezier(0.37, 0.16, 0.12, 1) 1.5s; }
.PhotoModal__bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.PhotoModal__bgItem { position: absolute; -webkit-transform: translate(0, 0); transform: translate(0, 0); background-color: #1e0e21; -webkit-transform: translate(-100vw, -109vw); transform: translate(-100vw, -109vw); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: -webkit-transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.PhotoModal__bgItem .box-shadow { position: absolute; width: 100%; height: 100%; pointer-events: none; opacity: 1; left: 0; top: 0; opacity: 0.8; }
.PhotoModal__bgItem .box-shadow::before { content: ""; position: absolute; width: 916.33831px; height: 100%; -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); background-color: #581fbb; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); right: 100%; top: -1px; margin-right: -1px; -webkit-transform-origin: right top; transform-origin: right top; }
.PhotoModal__bgItem .box-shadow::after { content: ""; position: absolute; width: 100%; height: 1000px; background-color: #581fbb; margin-bottom: -1px; -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); right: 1px; bottom: 100%; -webkit-transform-origin: right bottom; transform-origin: right bottom; }
.PhotoModal__bgItem.bg-1 { width: 30%; height: 20%; right: 0%; bottom: 15%; }
.PhotoModal__bgItem.bg-2 { width: 40%; height: 40%; right: 40%; bottom: 5%; }
.PhotoModal__bgItem.bg-3 { width: 70%; height: 25%; left: 0%; bottom: 60%; }
.PhotoModal__bgItem.bg-4 { width: 51%; height: 61%; right: 0%; bottom: 0%; }
.PhotoModal__bgItem.bg-5 { width: 51%; height: 71%; left: 0%; bottom: 0%; }
.PhotoModal__bgItem.bg-6 { width: 100%; height: 41%; left: 0%; top: 0%; }
.PhotoModal__contents { position: absolute; width: 100%; height: calc(100% - 160px); left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; z-index: 1; }
.PhotoModal__detail { position: relative; width: 100%; height: 100%; -webkit-transition: opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.PhotoModal__detail::before { content: "…"; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 1.5rem; color: #ffffff; -webkit-transition: opacity 0s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0s cubic-bezier(0.52, 0.08, 0.18, 1); }
.PhotoModal__detail img { position: absolute; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; font-family: 'object-fit: contain;'; left: 0; top: 0; opacity: 0; }
.PhotoModal__detail.is-show::before { -webkit-transition: opacity 0.3s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0.3s cubic-bezier(0.52, 0.08, 0.18, 1); }
.PhotoModal__detail.is-show img { opacity: 1; -webkit-transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); }
.PhotoModal__btnPrev, .PhotoModal__btnNext { background: none; border: 0; -webkit-box-sizing: content-box; box-sizing: content-box; color: inherit; cursor: pointer; display: inline-block; line-height: normal; overflow: visible; padding: 0; text-align: center; text-decoration: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; position: absolute; width: 50px; height: 50px; top: 50%; margin-top: -25px; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.6rem; font-weight: 700; font-style: italic; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); display: none; }
button, input { font: inherit; }
button::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
button { overflow: visible; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; }
.PhotoModal__btnPrev.is-show, .PhotoModal__btnNext.is-show { opacity: 1; pointer-events: auto; }
.PhotoModal__btnPrev::before, .PhotoModal__btnNext::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: 2px #ffffff solid; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; -webkit-transition: opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.is-ie .PhotoModal__btnPrev:hover::before, .is-ie .PhotoModal__btnNext:hover::before { opacity: 0; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .PhotoModal__btnPrev:hover .text, .is-ie .PhotoModal__btnNext:hover .text { text-shadow: 0px 0px 0 #772afc,1px 1px 0 #772afc,2px 2px 0 #772afc,3px 3px 0 #772afc,4px 4px 0 #772afc,5px 5px 0 #772afc,6px 6px 0 #772afc,7px 7px 0 #772afc,8px 8px 0 #772afc,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.PhotoModal__btnPrev .text, .PhotoModal__btnNext .text { -webkit-transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: text-shadow 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.PhotoModal__btnPrev { left: 20%; margin-left: -68px; }
.PhotoModal__btnNext { right: 20%; margin-right: -68px; }
.PhotoSlider.preventClick { pointer-events: none; }
.PhotoSlider__inner { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; cursor: ew-resize; }
.PhotoSlider__item { display: inline-block; height: 168px; padding-right: 10px; }
.PhotoSlider__item:nth-child(1) { z-index: 10; }
.PhotoSlider__item:nth-child(2) { z-index: 9; }
.PhotoSlider__item:nth-child(3) { z-index: 8; }
.PhotoSlider__item:nth-child(4) { z-index: 7; }
.PhotoSlider__item:nth-child(5) { z-index: 6; }
.PhotoSlider__item:nth-child(6) { z-index: 5; }
.PhotoSlider__item:nth-child(7) { z-index: 4; }
.PhotoSlider__item:nth-child(8) { z-index: 3; }
.PhotoSlider__item:nth-child(9) { z-index: 2; }
.PhotoSlider__item:nth-child(10) { z-index: 1; }
.PhotoSlider__item:nth-child(11) { z-index: 0; }
.PhotoSlider__item:nth-child(12) { z-index: -1; }
.PhotoSlider__item:nth-child(13) { z-index: -2; }
.PhotoSlider__item:nth-child(14) { z-index: -3; }
.PhotoSlider__item:nth-child(15) { z-index: -4; }
.PhotoSlider__item:nth-child(16) { z-index: -5; }
.PhotoSlider__item:nth-child(17) { z-index: -6; }
.PhotoSlider__item:nth-child(18) { z-index: -7; }
.PhotoSlider__item:nth-child(19) { z-index: -8; }
.PhotoSlider__item:nth-child(20) { z-index: -9; }
.PhotoSlider__item:nth-child(21) { z-index: -10; }
.PhotoSlider__item:nth-child(22) { z-index: -11; }
.PhotoSlider__item:nth-child(23) { z-index: -12; }
.PhotoSlider__item:nth-child(24) { z-index: -13; }
.PhotoSlider__item:nth-child(25) { z-index: -14; }
.PhotoSlider__item:nth-child(26) { z-index: -15; }
.PhotoSlider__item:nth-child(27) { z-index: -16; }
.PhotoSlider__item:nth-child(28) { z-index: -17; }
.PhotoSlider__item:nth-child(29) { z-index: -18; }
.PhotoSlider__item:nth-child(30) { z-index: -19; }
.PhotoSlider__item:nth-child(31) { z-index: -20; }
.PhotoSlider__item .js-photoModal-btn { height: 100%; display: inline-block; }
.PhotoSlider__item img { height: 100%; max-width: none; pointer-events: none; }
.PhotoSlider__item:last-child { padding-right: 0; }
.is-ie .PhotoSlider__link:hover .image-wrap { -webkit-transform: scale(1.02); transform: scale(1.02); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .PhotoSlider__link:hover .image-wrap .box-shadow::before { -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .PhotoSlider__link:hover .image-wrap .box-shadow::after { -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.PhotoSlider__link .image-wrap { position: relative; height: 100%; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); pointer-events: none; }
.PhotoSlider__link .image-wrap .box-shadow { background-color: #000000; position: absolute; width: 100%; height: 100%; pointer-events: none; opacity: 0.15; left: 0; top: 0; }
.PhotoSlider__link .image-wrap .box-shadow::before { content: ""; position: absolute; width: 549.80299px; height: 100%; -webkit-transform: skewY(47.5deg) scaleX(0); transform: skewY(47.5deg) scaleX(0); background-color: #000000; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 100%; top: 1px; -webkit-transform-origin: left top; transform-origin: left top; }
.PhotoSlider__link .image-wrap .box-shadow::after { content: ""; position: absolute; width: 100%; height: 600px; background-color: #000000; margin-bottom: -1px; -webkit-transform: skewX(42.5deg) scaleY(0); transform: skewX(42.5deg) scaleY(0); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 1px; top: 100%; -webkit-transform-origin: left top; transform-origin: left top; }
.PhotoSlider__link .image-wrap .image-inner { position: relative; height: 100%; top: 0; overflow: hidden; }
.PickupCreator { position: relative; height: 420px; padding-top: 50px; padding-bottom: 100px; padding-left: 10%; padding-right: 10%; background-color: #6921e5; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10; }
.PickupCreator__next { width: 100%; height: 100%; }
.PickupCreator__link { display: block; width: 100%; height: 100%; }
.is-ie .PickupCreator__link:hover .PickupCreator__title { color: white; }
.is-ie .PickupCreator__link:hover .PickupCreator__image { -webkit-transform: translate(-45%, -80%) rotate(-10deg) scale(1); transform: translate(-45%, -80%) rotate(-10deg) scale(1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform-origin 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform-origin 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), transform-origin 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), transform-origin 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform-origin 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .PickupCreator__link:hover .PickupCreator__image .box-shadow::before { -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .PickupCreator__link:hover .PickupCreator__image .box-shadow::after { -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .PickupCreator__link:hover .PickupCreator__image .box-shadow::before { -webkit-transform: skewY(57.5deg) scaleX(1); transform: skewY(57.5deg) scaleX(1); }
.is-ie .PickupCreator__link:hover .PickupCreator__image .box-shadow::after { -webkit-transform: skewX(32.5deg) scaleY(1); transform: skewX(32.5deg) scaleY(1); }
.PickupCreator__image { position: absolute; width: 220px; height: 220px; left: 50%; top: 100%; background-color: #6422d6; -webkit-transform: translate(-45%, -70%) rotate(-10deg); transform: translate(-45%, -70%) rotate(-10deg); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform-origin 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform-origin 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), transform-origin 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), transform-origin 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform-origin 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); }
.PickupCreator__image::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000000; opacity: 0.08; }
.PickupCreator__image .box-shadow { position: absolute; width: 100%; height: 100%; pointer-events: none; opacity: 0.15; left: 0; top: 0; }
.PickupCreator__image .box-shadow::before { content: ""; position: absolute; width: 916.33831px; height: 100%; -webkit-transform: skewY(47.5deg) scaleX(0); transform: skewY(47.5deg) scaleX(0); background-color: #000000; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 100%; top: 1px; -webkit-transform-origin: left top; transform-origin: left top; }
.PickupCreator__image .box-shadow::after { content: ""; position: absolute; width: 100%; height: 1000px; background-color: #000000; margin-bottom: -1px; -webkit-transform: skewX(42.5deg) scaleY(0); transform: skewX(42.5deg) scaleY(0); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); left: 1px; top: 100%; -webkit-transform-origin: left top; transform-origin: left top; }
.PickupCreator__image .box-shadow::before { width: 637.10499px; -webkit-transform: skewY(57.5deg) scaleX(0); transform: skewY(57.5deg) scaleX(0); }
.PickupCreator__image .box-shadow::after { height: 1000px; -webkit-transform: skewX(32.5deg) scaleY(0); transform: skewX(32.5deg) scaleY(0); }
.PickupCreator__image .image-inner { width: 100%; height: 100%; overflow: hidden; }
.PickupCreator__image .image-inner img { width: 100%; }
.PickupCreator__body { position: absolute; width: 50%; max-width: 600px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }
.PickupCreator__title { margin-bottom: 6px; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 4.8rem; font-size: 48px; line-height: 48px; font-weight: 700; letter-spacing: -0.05em; color: rgba(255, 255, 255, 0); -webkit-text-stroke: 1px #ffffff; -webkit-transition: color 0.5s cubic-bezier(0.37, 0.16, 0.12, 1); transition: color 0.5s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .PickupCreator__title { color: #ffffff; }
.PickupCreator__name { font-size: 1.2rem; font-size: 16px; line-height: 18px; font-weight: 900; }
.PickupNews { position: relative; padding-top: 50px; padding-bottom: 50px; padding-left: 10%; padding-right: 10%; z-index: 10; background-color: #ededf0; color: #000000; overflow: hidden; }
.is-home .PickupNews { 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-sizing: border-box; box-sizing: border-box; padding: 0; height: 100%; background-color: transparent; }
.is-home .PickupNews::after { display: none; }
.PickupNews__inner { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 50px; padding-bottom: 50px; padding-left: 10%; padding-right: 10%; }
.is-creatorsDetail .PickupNews { padding-top: 50px; padding-bottom: 50px; }
.is-creatorsDetail .PickupNews.noNext { padding-bottom: 100px; }
.is-newsDetail .PickupNews { padding-top: 50px; padding-bottom: 160px; }
.PickupNews::after { content: ""; position: absolute; width: 5%; height: 100%; right: 0; top: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(237, 237, 240, 0)), to(#ededf0)); background: -webkit-linear-gradient(left, rgba(237, 237, 240, 0) 0%, #ededf0 100%); background: linear-gradient(to right, rgba(237, 237, 240, 0) 0%, #ededf0 100%); pointer-events: none; }
.PickupNews__header { 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-bottom: 45px; }
.PickupNews__header .page-sectionTitle { white-space: nowrap; }
.PickupNews__header .link-index { font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.8rem; font-weight: 500; font-style: italic; text-decoration: underline; white-space: nowrap; opacity: 0; -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.is-ie .PickupNews__header .link-index:hover { text-decoration: none; }
.PickupNews__header .link-index.is-show { opacity: 1; -webkit-transition: opacity 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s; transition: opacity 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s; }
.SubPage__header { margin-left: 10%; margin-top: 130px; }
.is-about .SubPage__header { margin-bottom: 40px; }
.is-creatorsIndex .SubPage__header, .is-newsIndex .SubPage__header { margin-bottom: 55px; }
.is-contact .SubPage__header, .is-contactThanks .SubPage__header { margin-bottom: 50px; }
.SubPage__title .text-ja { display: block; margin-left: 0.6em; margin-bottom: 6px; font-size: 11px; line-height: 11px; font-weight: 700; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.1em; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s, -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s; transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s, -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s; transition: transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s, opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s; transition: transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s, opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s, -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s; }
.SubPage__title .text-ja.is-intro { opacity: 0; -webkit-transform: translateY(-15px); transform: translateY(-15px); }
.SubPage__title .text-en { display: block; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; letter-spacing: -0.05em; font-size: 60px; line-height: 60px; font-weight: 700; }
.SubPage__title .text-en.is-intro { opacity: 0; }
.SubPage__title .text-en.is-intro span { text-shadow: 0px 0px 0 #ffffff,1px -1px 0 #ffffff,2px -2px 0 #ffffff,3px -3px 0 #ffffff,4px -4px 0 #ffffff,5px -5px 0 #ffffff,6px -6px 0 #ffffff,7px -7px 0 #ffffff,8px -8px 0 #ffffff,9px -9px 0 #ffffff,10px -10px 0 #ffffff,11px -11px 0 #ffffff,12px -12px 0 #ffffff,13px -13px 0 #ffffff,14px -14px 0 #ffffff,15px -15px 0 #ffffff,16px -16px 0 #ffffff,17px -17px 0 #ffffff,18px -18px 0 #ffffff,19px -19px 0 #ffffff,20px -20px 0 #ffffff,21px -21px 0 #ffffff,22px -22px 0 #ffffff,23px -23px 0 #ffffff,24px -24px 0 #ffffff,25px -25px 0 #ffffff,26px -26px 0 #ffffff,27px -27px 0 #ffffff,28px -28px 0 #ffffff,29px -29px 0 #ffffff,30px -30px 0 #ffffff,31px -31px 0 #ffffff,32px -32px 0 #ffffff,33px -33px 0 #ffffff,34px -34px 0 #ffffff,35px -35px 0 #ffffff,36px -36px 0 #ffffff,37px -37px 0 #ffffff,38px -38px 0 #ffffff,39px -39px 0 #ffffff,40px -40px 0 #ffffff,41px -41px 0 #ffffff,42px -42px 0 #ffffff,43px -43px 0 #ffffff,44px -44px 0 #ffffff,45px -45px 0 #ffffff,46px -46px 0 #ffffff,47px -47px 0 #ffffff,48px -48px 0 #ffffff,49px -49px 0 #ffffff,50px -50px 0 #ffffff,51px -51px 0 #ffffff,52px -52px 0 #ffffff,53px -53px 0 #ffffff,54px -54px 0 #ffffff,55px -55px 0 #ffffff,56px -56px 0 #ffffff,57px -57px 0 #ffffff,58px -58px 0 #ffffff,59px -59px 0 #ffffff,60px -60px 0 #ffffff,61px -61px 0 #ffffff,62px -62px 0 #ffffff,63px -63px 0 #ffffff,64px -64px 0 #ffffff,65px -65px 0 #ffffff,66px -66px 0 #ffffff,67px -67px 0 #ffffff,68px -68px 0 #ffffff,69px -69px 0 #ffffff,70px -70px 0 #ffffff,71px -71px 0 #ffffff,72px -72px 0 #ffffff,73px -73px 0 #ffffff,74px -74px 0 #ffffff,75px -75px 0 #ffffff,76px -76px 0 #ffffff,77px -77px 0 #ffffff,78px -78px 0 #ffffff,79px -79px 0 #ffffff,80px -80px 0 #ffffff,81px -81px 0 #ffffff,82px -82px 0 #ffffff,83px -83px 0 #ffffff,84px -84px 0 #ffffff,85px -85px 0 #ffffff,86px -86px 0 #ffffff,87px -87px 0 #ffffff,88px -88px 0 #ffffff,89px -89px 0 #ffffff,90px -90px 0 #ffffff,91px -91px 0 #ffffff,92px -92px 0 #ffffff,93px -93px 0 #ffffff,94px -94px 0 #ffffff,95px -95px 0 #ffffff,96px -96px 0 #ffffff,97px -97px 0 #ffffff,98px -98px 0 #ffffff,100px 100px 0 rgba(0, 0, 0, 0); -webkit-transform: translate(250px, -250px); transform: translate(250px, -250px); color: #833dfc; }
.SubPage__title .text-en span { display: inline-block; position: relative; color: #ffffff; }
.SubPage__title .text-en span:nth-child(1) { -webkit-transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.2s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.2s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.2s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.2s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s; }
.SubPage__title .text-en span:nth-child(2) { -webkit-transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.28s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.28s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.28s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.28s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.55s; }
.SubPage__title .text-en span:nth-child(3) { -webkit-transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.36s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.36s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.36s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.36s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s; }
.SubPage__title .text-en span:nth-child(4) { -webkit-transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.65s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.44s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.65s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.65s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.44s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.65s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.65s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.65s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.44s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.65s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.65s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.44s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.65s; }
.SubPage__title .text-en span:nth-child(5) { -webkit-transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.7s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.52s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.7s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.7s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.52s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.7s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.7s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.7s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.52s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.7s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.7s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.52s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.7s; }
.SubPage__title .text-en span:nth-child(6) { -webkit-transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.75s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.6s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.75s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.75s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.6s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.75s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.75s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.75s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.6s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.75s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.75s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.6s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.75s; }
.SubPage__title .text-en span:nth-child(7) { -webkit-transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.8s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.68s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.8s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.8s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.68s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.8s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.8s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.8s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.68s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.8s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.8s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.68s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.8s; }
.SubPage__title .text-en span:nth-child(8) { -webkit-transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.85s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.76s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.85s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.85s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.76s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.85s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.85s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.85s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.76s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.85s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.85s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.76s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.85s; }
.SubPage__title .text-en span:nth-child(9) { -webkit-transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.9s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.84s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.9s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.9s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.84s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.9s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.9s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.9s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.84s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.9s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.9s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.84s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.9s; }
.SubPage__title .text-en span:nth-child(10) { -webkit-transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.95s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.92s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.95s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.95s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.92s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.95s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.95s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.95s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.92s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.95s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.95s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.92s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.95s; }
.SubPage__title .text-en span:nth-child(11) { -webkit-transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 1s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 2s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 1s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 1s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 2s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 1s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 1s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 1s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 2s; transition: text-shadow 1.7s cubic-bezier(0.19, 1, 0.22, 1) 1s, transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 1s, color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 2s, -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 1s; }
.SubPage__summary { width: 88.88889%; margin-top: 45px; font-size: 16px; line-height: 30px; font-weight: 700; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.05em; opacity: 0; -webkit-transform: translate3d(0px, 50px, 0px); transform: translate3d(0px, 50px, 0px); -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.SubPage__summary.is-show { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transition: opacity 1s cubic-bezier(0.22, 0.94, 0.44, 1) 1s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 1s; transition: opacity 1s cubic-bezier(0.22, 0.94, 0.44, 1) 1s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 1s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 1s, opacity 1s cubic-bezier(0.22, 0.94, 0.44, 1) 1s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 1s, opacity 1s cubic-bezier(0.22, 0.94, 0.44, 1) 1s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 1s; }
.SupportList__item { padding-top: 30px; padding-bottom: 30px; border-top: 1px #581fbb solid; }
.SupportList__item:last-child { border-bottom: 1px #581fbb solid; }
.SupportList__item.is-show .SupportList__title .text-en { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; text-shadow: none; -webkit-transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0s; transition: text-shadow 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s, opacity 0.8s cubic-bezier(0.37, 0.16, 0.12, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0s; }
.SupportList__item.is-show .SupportList__title .text-ja { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s; transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s; }
.SupportList__item.is-show .SupportList__body { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s; transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.3s; }
.SupportList__header { margin-bottom: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.SupportList__body { font-size: 0.65rem; line-height: 2; -webkit-transform: translate(0px, 50px); transform: translate(0px, 50px); opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.SupportList__title .text-en { display: block; margin-bottom: 3px; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 26px; line-height: 29px; font-weight: 700; letter-spacing: -0.05em; text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,9px 9px 0 #581fbb,10px 10px 0 #581fbb,11px 11px 0 #581fbb,12px 12px 0 #581fbb,13px 13px 0 #581fbb,14px 14px 0 #581fbb,15px 15px 0 #581fbb,16px 16px 0 #581fbb,17px 17px 0 #581fbb,18px 18px 0 #581fbb,19px 19px 0 #581fbb,20px 20px 0 #581fbb,21px 21px 0 #581fbb,22px 22px 0 #581fbb,23px 23px 0 #581fbb,24px 24px 0 #581fbb,25px 25px 0 #581fbb,26px 26px 0 #581fbb,27px 27px 0 #581fbb,28px 28px 0 #581fbb,29px 29px 0 #581fbb,30px 30px 0 #581fbb,31px 31px 0 #581fbb,32px 32px 0 #581fbb,33px 33px 0 #581fbb,34px 34px 0 #581fbb,35px 35px 0 #581fbb,36px 36px 0 #581fbb,37px 37px 0 #581fbb,38px 38px 0 #581fbb,39px 39px 0 #581fbb,40px 40px 0 #581fbb,41px 41px 0 #581fbb,42px 42px 0 #581fbb,43px 43px 0 #581fbb,44px 44px 0 #581fbb,45px 45px 0 #581fbb,46px 46px 0 #581fbb,47px 47px 0 #581fbb,48px 48px 0 #581fbb,50px 50px 0 rgba(0, 0, 0, 0); -webkit-transform: translate(50px, 50px); transform: translate(50px, 50px); opacity: 0; -webkit-transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: text-shadow 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.SupportList__title .text-ja { display: block; font-size: 11px; line-height: 13px; font-weight: 700; color: #c9aafe; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.03em; -webkit-transform: translate(0px, 50px); transform: translate(0px, 50px); opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
.Table { width: 100%; margin-top: 30px; border-collapse: collapse; font-size: 0.6rem; line-height: 1.5; }
.Table:first-child { margin-top: 10px; }
.Table tr { display: table; border-collapse: collapse; width: 100%; }
.Table th, .Table td { padding-bottom: 1em; padding-top: 1em; vertical-align: baseline; }
.Table th { width: 22.22222%; border-top: 1px #c9aafe solid; font-weight: 700; text-align: left; word-break: break-all; }
.Table td { padding-left: 0.75rem; position: relative; }
.Table td::before { content: ""; position: absolute; left: 0.75rem; top: 0; right: 0; border-top: 1px #c9aafe solid; }
.Table ul { margin: 0; padding: 0; }
.Table ul li { list-style-type: none; margin-bottom: 3px; }
.Table p { margin: 0; }
.VideoPlayer { position: relative; }
.VideoPlayer__player { position: relative; width: 100%; height: 0; padding-top: 56.25%; }
.VideoPlayer__player iframe { position: absolute; width: 100%; height: 100%; top: 0; }
.VideoPlayer__btnPlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; cursor: pointer; -webkit-transition: opacity 0.6s cubic-bezier(0.52, 0.08, 0.18, 1), visibility 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0.6s cubic-bezier(0.52, 0.08, 0.18, 1), visibility 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); }
.VideoPlayer__btnPlay.is-hide { opacity: 0; visibility: hidden; }
.is-ie .VideoPlayer__btnPlay:hover .VideoPlayer__cover::after { background-color: rgba(30, 14, 33, 0.65); -webkit-transition: background-color 0.6s cubic-bezier(0.37, 0.16, 0.12, 1); transition: background-color 0.6s cubic-bezier(0.37, 0.16, 0.12, 1); }
.is-ie .VideoPlayer__btnPlay:hover .VideoPlayer__circle .circle { -webkit-transform: scale(1.15); transform: scale(1.15); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.6s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.6s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.6s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.6s cubic-bezier(0.37, 0.16, 0.12, 1); }
.VideoPlayer__cover::after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; background-color: rgba(30, 14, 33, 0.4); -webkit-transition: background-color 0.8s cubic-bezier(0.37, 0.16, 0.12, 1); transition: background-color 0.8s cubic-bezier(0.37, 0.16, 0.12, 1); }
.VideoPlayer__cover img { width: 100%; max-width: none; }
.VideoPlayer__circle { position: absolute; width: 50px; height: 50px; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); pointer-events: none; }
.VideoPlayer__circle .circle { display: block; position: absolute; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.8s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.8s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.8s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.8s cubic-bezier(0.37, 0.16, 0.12, 1); border: 2px #ffffff solid; }
.VideoPlayer__circle .text { display: block; position: absolute; width: 100%; font-family: "HCo Gotham SSm", "Gotham SSm B", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.6rem; font-weight: 700; font-style: italic; text-align: center; left: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: #ffffff; }
@-webkit-keyframes loop-text { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes loop-text { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@-webkit-keyframes line-repetition { 0% { height: 0%;
    top: 100%; }
  50% { height: 100%;
    top: 0; }
  100% { height: 0%;
    top: 0; } }
@keyframes line-repetition { 0% { height: 0%;
    top: 100%; }
  50% { height: 100%;
    top: 0; }
  100% { height: 0%;
    top: 0; } }
@media (min-width: 375px) { /* DO NOT REMOVE THIS COMMENT */ .ContactForm .your-acceptance label { padding-left: 30px; } .FullscreenMenu__linkList li a { font-size: 0.5rem; white-space: nowrap; } }
@media (min-width: 480px) { /* DO NOT REMOVE THIS COMMENT */ .page-date { font-size: calc(12px + 4 * ((100vw - 480px) / 2080)); line-height: calc(14px + 4 * ((100vw - 480px) / 2080)); } .page-category { font-size: calc(12px + 4 * ((100vw - 480px) / 2080)); line-height: calc(14px + 4 * ((100vw - 480px) / 2080)); } .AboutHellonew__headerTitle .inner { font-size: 10vw; } .AboutHellonew__heading { font-size: calc(16px + 16 * ((100vw - 480px) / 2080)); line-height: calc(24px + 24 * ((100vw - 480px) / 2080)); } .AboutHellonew__contact { font-size: calc(16px + 16 * ((100vw - 480px) / 2080)); line-height: calc(19px + 18 * ((100vw - 480px) / 2080)); } .AboutWhybitstar__message .name { font-size: calc(8px + 6 * ((100vw - 480px) / 2080)); line-height: calc(9px + 6 * ((100vw - 480px) / 2080)); } .AboutWhybitstar__heading { font-size: calc(16px + 16 * ((100vw - 480px) / 2080)); line-height: calc(24px + 24 * ((100vw - 480px) / 2080)); } .AboutWhybitstar__ytlink a { padding-left: calc(36px + 30 * ((100vw - 480px) / 2080)); } .AboutWhybitstar__ytlink a .icon-youtube { font-size: calc(26px + 20 * ((100vw - 480px) / 2080)); line-height: calc(26px + 20 * ((100vw - 480px) / 2080)); } .AboutWhybitstar__ytlink a .text { font-size: calc(13px + 17 * ((100vw - 480px) / 2080)); line-height: calc(17px + 16 * ((100vw - 480px) / 2080)); } .AboutWhybitstar__ytlink a .icon-blank { font-size: calc(10px + 8 * ((100vw - 480px) / 2080)); line-height: calc(10px + 8 * ((100vw - 480px) / 2080)); } .Article__body h1, .Article__body h2, .Article__body h3, .Article__body h4, .Article__body h5, .Article__body h6 { margin-top: calc(40px + 40 * ((100vw - 480px) / 2080)); margin-bottom: calc(25px + 25 * ((100vw - 480px) / 2080)); font-size: calc(16px + 14 * ((100vw - 480px) / 2080)); } .Article__body img { margin-top: calc(10px + 20 * ((100vw - 480px) / 2080)); margin-bottom: calc(10px + 20 * ((100vw - 480px) / 2080)); } .Article__body hr { margin-top: calc(10px + 20 * ((100vw - 480px) / 2080)); margin-bottom: calc(10px + 20 * ((100vw - 480px) / 2080)); } .Article__body ul, .Article__body ol { margin-top: calc(10px + 15 * ((100vw - 480px) / 2080)); margin-bottom: calc(10px + 15 * ((100vw - 480px) / 2080)); } .ContactForm__send { font-size: calc(16px + 22 * ((100vw - 480px) / 2080)); line-height: calc(18px + 26 * ((100vw - 480px) / 2080)); } .ContactForm__send input { font-size: calc(16px + 22 * ((100vw - 480px) / 2080)); line-height: calc(18px + 26 * ((100vw - 480px) / 2080)); } .ContactPulldown__button { font-size: calc(16px + 17 * ((100vw - 480px) / 2080)); line-height: calc(18px + 20 * ((100vw - 480px) / 2080)); } .ContactPulldown__item { font-size: calc(16px + 17 * ((100vw - 480px) / 2080)); line-height: calc(18px + 20 * ((100vw - 480px) / 2080)); } .ContactThanks__body h1, .ContactThanks__body h2, .ContactThanks__body h3, .ContactThanks__body h4, .ContactThanks__body h5, .ContactThanks__body h6 { font-size: calc(16px + 16 * ((100vw - 480px) / 2080)); line-height: calc(19px + 18 * ((100vw - 480px) / 2080)); } .CreatorsDetail__bgText { margin-top: -24vw; } .CreatorsDetail__bgText .inner { font-size: 24vw; } .CreatorsDetail__header .name { font-size: calc(25px + 33 * ((100vw - 480px) / 2080)); line-height: calc(28px + 38 * ((100vw - 480px) / 2080)); } .CreatorsDetail__header .catchphrase { font-size: calc(13px + 5 * ((100vw - 480px) / 2080)); line-height: calc(18px + 7 * ((100vw - 480px) / 2080)); } .CreatorsDetail__section .profile { font-size: calc(16px + 2 * ((100vw - 480px) / 2080)); line-height: calc(30px + 6 * ((100vw - 480px) / 2080)); } .CreatorsDetail__section .title-fanLetter { font-size: calc(25px + 27 * ((100vw - 480px) / 2080)); line-height: calc(29px + 31 * ((100vw - 480px) / 2080)); } .CreatorsDetail__linkList .title { font-size: calc(14px + 4 * ((100vw - 480px) / 2080)); line-height: calc(16px + 5 * ((100vw - 480px) / 2080)); } .CreatorsDetail__linkList .link { padding: 0.6em 1.1em; } .CreatorsIndex__bgText { margin-top: -24vw; } .CreatorsIndex__bgText .inner { font-size: 24vw; } .CreatorsIndexList__textHeader .name { font-size: calc(13px + 12 * ((100vw - 480px) / 2080)); line-height: calc(15px + 14 * ((100vw - 480px) / 2080)); } .CreatorsList__text .catchphrase { font-size: calc(13px + 3 * ((100vw - 480px) / 2080)); line-height: calc(15px + 4 * ((100vw - 480px) / 2080)); } .CreatorsList__text .name { font-size: calc(17px + 19 * ((100vw - 480px) / 2080)); line-height: calc(20px + 22 * ((100vw - 480px) / 2080)); } .Fanletter { margin-top: calc(50px + 140 * ((100vw - 480px) / 2080)); margin-bottom: calc(80px + 120 * ((100vw - 480px) / 2080)); } .Fanletter { margin-left: 10%; margin-right: 10%; } .Fanletter__header { padding-bottom: calc(25px + 50 * ((100vw - 480px) / 2080)); margin-bottom: calc(25px + 50 * ((100vw - 480px) / 2080)); } .Fanletter__section { margin-bottom: calc(50px + 50 * ((100vw - 480px) / 2080)); } .Fanletter__title { font-size: calc(27px + 48 * ((100vw - 480px) / 2080)); line-height: calc(27px + 48 * ((100vw - 480px) / 2080)); } .Fanletter__headline { margin-bottom: calc(12px + 13 * ((100vw - 480px) / 2080)); } .Fanletter__headline { font-size: calc(14px + 4 * ((100vw - 480px) / 2080)); line-height: calc(21px + 6 * ((100vw - 480px) / 2080)); } .Fanletter__description { margin-bottom: calc(25px + 50 * ((100vw - 480px) / 2080)); } .Fanletter__paragraph { margin-bottom: calc(12px + 13 * ((100vw - 480px) / 2080)); } .Fanletter__subheading { margin-top: calc(30px + 20 * ((100vw - 480px) / 2080)); margin-bottom: calc(12px + 13 * ((100vw - 480px) / 2080)); } .Fanletter__headline + .Fanletter__subheading { margin-top: calc(20px + 15 * ((100vw - 480px) / 2080)); } .Fanletter__list { margin-top: calc(20px + 20 * ((100vw - 480px) / 2080)); margin-bottom: calc(20px + 20 * ((100vw - 480px) / 2080)); } .FullscreenMenu__navItem { margin-bottom: 25px; } .FullscreenMenu__linkList li + li { margin-left: 25px; } .Home__more { font-size: calc(20px + 35 * ((100vw - 480px) / 2080)); line-height: calc(20px + 35 * ((100vw - 480px) / 2080)); } .HomeAbout__description { font-size: calc(21px + 11 * ((100vw - 480px) / 2080)); line-height: calc(30px + 26 * ((100vw - 480px) / 2080)); } .HomeAbout__description { font-size: calc(20px + 12 * ((100vw - 480px) / 2080)); line-height: calc(30px + 26 * ((100vw - 480px) / 2080)); } .HomeCreators__title { margin-bottom: calc(20px + 30 * ((100vw - 480px) / 2080)); } .HomeCreators__title { font-size: calc(48px + 84 * ((100vw - 480px) / 2080)); line-height: calc(52px + 106 * ((100vw - 480px) / 2080)); } .HomeMessage__title span { font-size: calc(24px + 42 * ((100vw - 480px) / 2080)); line-height: calc(24px + 42 * ((100vw - 480px) / 2080)); } .HomeMessage__hold { font-size: calc(80px + 100 * ((100vw - 480px) / 2080)); line-height: calc(80px + 100 * ((100vw - 480px) / 2080)); } .HomeMessage__command { font-size: calc(40px + 140 * ((100vw - 480px) / 2080)); line-height: calc(40px + 140 * ((100vw - 480px) / 2080)); } .HomeMv__title { font-size: calc(42px + 70 * ((100vw - 480px) / 2080)); line-height: calc(67px + 112 * ((100vw - 480px) / 2080)); } .HomeMv__title span { -webkit-text-stroke: 2px #ffffff; } .HomeMv__description { font-size: calc(15px + 39 * ((100vw - 480px) / 2080)); line-height: calc(15px + 39 * ((100vw - 480px) / 2080)); } .MembersList__name { font-size: calc(16px + 16 * ((100vw - 480px) / 2080)); line-height: calc(19px + 18 * ((100vw - 480px) / 2080)); } .NavFilter__main { width: 180px; } .NavFilter__current { min-width: 168px; font-size: 0.7rem; } .NavFilter__listItem { font-size: 0.6rem; } .NavFilter__link { padding: 18px; } .NewsDetail__title { font-size: calc(20px + 22 * ((100vw - 480px) / 2080)); line-height: calc(30px + 33 * ((100vw - 480px) / 2080)); } .NewsIndexList__title .title { font-size: calc(16px + 22 * ((100vw - 480px) / 2080)); line-height: calc(24px + 33 * ((100vw - 480px) / 2080)); } .NewsSlider__title { font-size: calc(16px + 6 * ((100vw - 480px) / 2080)); line-height: calc(24px + 11 * ((100vw - 480px) / 2080)); } .Notfound__title { font-size: calc(60px + 100 * ((100vw - 480px) / 2080)); line-height: calc(60px + 100 * ((100vw - 480px) / 2080)); } .Notfound__description { font-size: calc(19px + 33 * ((100vw - 480px) / 2080)); line-height: calc(22px + 38 * ((100vw - 480px) / 2080)); } .Pagination .page-prevNext { font-size: calc(24px + 28 * ((100vw - 480px) / 2080)); line-height: calc(28px + 32 * ((100vw - 480px) / 2080)); } .Pagination .page-numbers { font-size: calc(24px + 28 * ((100vw - 480px) / 2080)); line-height: calc(28px + 32 * ((100vw - 480px) / 2080)); } .is-ie .PickupCreator__link:hover .PickupCreator__image { -webkit-transform: translate(-45%, -55%) rotate(-10deg) scale(1); transform: translate(-45%, -55%) rotate(-10deg) scale(1); } .PickupCreator__image { width: 320px; height: 320px; -webkit-transform: translate(-45%, -45%) rotate(-10deg); transform: translate(-45%, -45%) rotate(-10deg); } .PickupCreator__title { font-size: calc(48px + 82 * ((100vw - 480px) / 2080)); line-height: calc(48px + 82 * ((100vw - 480px) / 2080)); } .PickupCreator__name { font-size: calc(16px + 14 * ((100vw - 480px) / 2080)); line-height: calc(18px + 17 * ((100vw - 480px) / 2080)); } .SubPage__title .text-ja { font-size: calc(11px + 7 * ((100vw - 480px) / 2080)); line-height: calc(11px + 7 * ((100vw - 480px) / 2080)); } .SubPage__title .text-en { font-size: calc(60px + 150 * ((100vw - 480px) / 2080)); line-height: calc(60px + 150 * ((100vw - 480px) / 2080)); } .SubPage__summary { font-size: calc(16px + 2 * ((100vw - 480px) / 2080)); line-height: calc(30px + 6 * ((100vw - 480px) / 2080)); } .SupportList__title .text-en { font-size: calc(26px + 12 * ((100vw - 480px) / 2080)); line-height: calc(29px + 13 * ((100vw - 480px) / 2080)); } .SupportList__title .text-ja { font-size: calc(11px + 5 * ((100vw - 480px) / 2080)); line-height: calc(13px + 6 * ((100vw - 480px) / 2080)); } .VideoPlayer__circle { width: 70px; height: 70px; } .VideoPlayer__circle .text { font-size: 0.8rem; } }
@media (min-width: 780px) { /* DO NOT REMOVE THIS COMMENT */ .page-sectionTitle { padding-left: 4em; } .page-sectionTitle span { text-shadow: 0px 0px 0 #ffffff,1px 1px 0 #ffffff,2px 2px 0 #ffffff,3px 3px 0 #ffffff,4px 4px 0 #ffffff,5px 5px 0 #ffffff,6px 6px 0 #ffffff,7px 7px 0 #ffffff,8px 8px 0 #ffffff,9px 9px 0 #ffffff,10px 10px 0 #ffffff,11px 11px 0 #ffffff,12px 12px 0 #ffffff,13px 13px 0 #ffffff,14px 14px 0 #ffffff,15px 15px 0 #ffffff,16px 16px 0 #ffffff,17px 17px 0 #ffffff,18px 18px 0 #ffffff,19px 19px 0 #ffffff,20px 20px 0 #ffffff,21px 21px 0 #ffffff,22px 22px 0 #ffffff,23px 23px 0 #ffffff,24px 24px 0 #ffffff,25px 25px 0 #ffffff,26px 26px 0 #ffffff,27px 27px 0 #ffffff,28px 28px 0 #ffffff,29px 29px 0 #ffffff,30px 30px 0 #ffffff,31px 31px 0 #ffffff,32px 32px 0 #ffffff,33px 33px 0 #ffffff,34px 34px 0 #ffffff,35px 35px 0 #ffffff,36px 36px 0 #ffffff,37px 37px 0 #ffffff,38px 38px 0 #ffffff,39px 39px 0 #ffffff,40px 40px 0 #ffffff,41px 41px 0 #ffffff,42px 42px 0 #ffffff,43px 43px 0 #ffffff,44px 44px 0 #ffffff,45px 45px 0 #ffffff,46px 46px 0 #ffffff,47px 47px 0 #ffffff,48px 48px 0 #ffffff,50px 50px 0 rgba(0, 0, 0, 0); -webkit-transform: translate(80px, 80px); transform: translate(80px, 80px); } .page-sectionTitle::before { width: 3em; } .page-sectionTitle.-purple span { text-shadow: 0px 0px 0 #772afc,1px 1px 0 #772afc,2px 2px 0 #772afc,3px 3px 0 #772afc,4px 4px 0 #772afc,5px 5px 0 #772afc,6px 6px 0 #772afc,7px 7px 0 #772afc,8px 8px 0 #772afc,9px 9px 0 #772afc,10px 10px 0 #772afc,11px 11px 0 #772afc,12px 12px 0 #772afc,13px 13px 0 #772afc,14px 14px 0 #772afc,15px 15px 0 #772afc,16px 16px 0 #772afc,17px 17px 0 #772afc,18px 18px 0 #772afc,19px 19px 0 #772afc,20px 20px 0 #772afc,21px 21px 0 #772afc,22px 22px 0 #772afc,23px 23px 0 #772afc,24px 24px 0 #772afc,25px 25px 0 #772afc,26px 26px 0 #772afc,27px 27px 0 #772afc,28px 28px 0 #772afc,29px 29px 0 #772afc,30px 30px 0 #772afc,31px 31px 0 #772afc,32px 32px 0 #772afc,33px 33px 0 #772afc,34px 34px 0 #772afc,35px 35px 0 #772afc,36px 36px 0 #772afc,37px 37px 0 #772afc,38px 38px 0 #772afc,39px 39px 0 #772afc,40px 40px 0 #772afc,41px 41px 0 #772afc,42px 42px 0 #772afc,43px 43px 0 #772afc,44px 44px 0 #772afc,45px 45px 0 #772afc,46px 46px 0 #772afc,47px 47px 0 #772afc,48px 48px 0 #772afc,50px 50px 0 rgba(0, 0, 0, 0); } .page-sectionTitle.-darkPurple span { text-shadow: 0px 0px 0 #ffffff,1px 1px 0 #ffffff,2px 2px 0 #ffffff,3px 3px 0 #ffffff,4px 4px 0 #ffffff,5px 5px 0 #ffffff,6px 6px 0 #ffffff,7px 7px 0 #ffffff,8px 8px 0 #ffffff,9px 9px 0 #ffffff,10px 10px 0 #ffffff,11px 11px 0 #ffffff,12px 12px 0 #ffffff,13px 13px 0 #ffffff,14px 14px 0 #ffffff,15px 15px 0 #ffffff,16px 16px 0 #ffffff,17px 17px 0 #ffffff,18px 18px 0 #ffffff,19px 19px 0 #ffffff,20px 20px 0 #ffffff,21px 21px 0 #ffffff,22px 22px 0 #ffffff,23px 23px 0 #ffffff,24px 24px 0 #ffffff,25px 25px 0 #ffffff,26px 26px 0 #ffffff,27px 27px 0 #ffffff,28px 28px 0 #ffffff,29px 29px 0 #ffffff,30px 30px 0 #ffffff,31px 31px 0 #ffffff,32px 32px 0 #ffffff,33px 33px 0 #ffffff,34px 34px 0 #ffffff,35px 35px 0 #ffffff,36px 36px 0 #ffffff,37px 37px 0 #ffffff,38px 38px 0 #ffffff,39px 39px 0 #ffffff,40px 40px 0 #ffffff,41px 41px 0 #ffffff,42px 42px 0 #ffffff,43px 43px 0 #ffffff,44px 44px 0 #ffffff,45px 45px 0 #ffffff,46px 46px 0 #ffffff,47px 47px 0 #ffffff,48px 48px 0 #ffffff,50px 50px 0 rgba(0, 0, 0, 0); } .page-category::before { width: 8px; height: 8px; margin-top: -4px; } .page-tag { padding: 0.3em 0.9em 0.4em; border: 1px #ffffff solid; font-size: 0.5rem; } .About { padding-bottom: 200px; } .About__section { margin-bottom: 150px; } .AboutHellonew__header { margin-bottom: 140px; } .AboutHellonew__headerImage { width: 30%; height: 0; overflow: hidden; padding-top: 16.875%; } .AboutHellonew__headerImage.image-2 { display: block; position: absolute; right: 80%; top: 0; -webkit-transform: translateY(30%); transform: translateY(30%); } .AboutHellonew__headerImage.image-3 { display: block; position: absolute; left: 80%; top: 0; -webkit-transform: translateY(30%) scale(0.8); transform: translateY(30%) scale(0.8); } .AboutHellonew__headerTitle { -webkit-transform: translateY(-20%); transform: translateY(-20%); } .AboutHellonew__headerTitle .inner { font-size: 7.5vw; } .AboutHellonew__headerTitle .inner .text span { text-shadow: 0px 0px 0 #6524d6,1px 1px 0 #6524d6,2px 2px 0 #6524d6,3px 3px 0 #6524d6,4px 4px 0 #6524d6,5px 5px 0 #6524d6,6px 6px 0 #6524d6,7px 7px 0 #6524d6,8px 8px 0 #6524d6,9px 9px 0 #6524d6,10px 10px 0 #6524d6,11px 11px 0 #6524d6,12px 12px 0 #6524d6,13px 13px 0 #6524d6,14px 14px 0 #6524d6,15px 15px 0 #6524d6,16px 16px 0 #6524d6,17px 17px 0 #6524d6,18px 18px 0 #6524d6,19px 19px 0 #6524d6,20px 20px 0 #6524d6,21px 21px 0 #6524d6,22px 22px 0 #6524d6,23px 23px 0 #6524d6,24px 24px 0 #6524d6,25px 25px 0 #6524d6,26px 26px 0 #6524d6,27px 27px 0 #6524d6,28px 28px 0 #6524d6,29px 29px 0 #6524d6,30px 30px 0 #6524d6,31px 31px 0 #6524d6,32px 32px 0 #6524d6,33px 33px 0 #6524d6,34px 34px 0 #6524d6,35px 35px 0 #6524d6,36px 36px 0 #6524d6,37px 37px 0 #6524d6,38px 38px 0 #6524d6,39px 39px 0 #6524d6,40px 40px 0 #6524d6,41px 41px 0 #6524d6,42px 42px 0 #6524d6,43px 43px 0 #6524d6,44px 44px 0 #6524d6,45px 45px 0 #6524d6,46px 46px 0 #6524d6,47px 47px 0 #6524d6,48px 48px 0 #6524d6,49px 49px 0 #6524d6,50px 50px 0 #6524d6,51px 51px 0 #6524d6,52px 52px 0 #6524d6,53px 53px 0 #6524d6,54px 54px 0 #6524d6,55px 55px 0 #6524d6,56px 56px 0 #6524d6,57px 57px 0 #6524d6,58px 58px 0 #6524d6,60px 60px 0 rgba(0, 0, 0, 0); -webkit-transform: translate(150px, 150px); transform: translate(150px, 150px); } .AboutHellonew__body { margin-left: 40%; margin-right: 15%; } .AboutHellonew__section { margin-bottom: 120px; } .AboutHellonew__section .page-sectionTitle { margin-bottom: 50px; } .AboutHellonew__section + .AboutHellonew__section { padding-top: 80px; } .AboutHellonew__heading { margin-bottom: 30px; } .AboutHellonew__heading { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,9px 9px 0 #581fbb,10px 10px 0 #581fbb,11px 11px 0 #581fbb,12px 12px 0 #581fbb,13px 13px 0 #581fbb,14px 14px 0 #581fbb,15px 15px 0 #581fbb,16px 16px 0 #581fbb,17px 17px 0 #581fbb,18px 18px 0 #581fbb,19px 19px 0 #581fbb,20px 20px 0 #581fbb,21px 21px 0 #581fbb,22px 22px 0 #581fbb,23px 23px 0 #581fbb,24px 24px 0 #581fbb,25px 25px 0 #581fbb,26px 26px 0 #581fbb,27px 27px 0 #581fbb,28px 28px 0 #581fbb,29px 29px 0 #581fbb,30px 30px 0 #581fbb,31px 31px 0 #581fbb,32px 32px 0 #581fbb,33px 33px 0 #581fbb,34px 34px 0 #581fbb,35px 35px 0 #581fbb,36px 36px 0 #581fbb,37px 37px 0 #581fbb,38px 38px 0 #581fbb,39px 39px 0 #581fbb,40px 40px 0 #581fbb,41px 41px 0 #581fbb,42px 42px 0 #581fbb,43px 43px 0 #581fbb,44px 44px 0 #581fbb,45px 45px 0 #581fbb,46px 46px 0 #581fbb,47px 47px 0 #581fbb,48px 48px 0 #581fbb,49px 49px 0 #581fbb,50px 50px 0 #581fbb,51px 51px 0 #581fbb,52px 52px 0 #581fbb,53px 53px 0 #581fbb,54px 54px 0 #581fbb,55px 55px 0 #581fbb,56px 56px 0 #581fbb,57px 57px 0 #581fbb,58px 58px 0 #581fbb,59px 59px 0 #581fbb,60px 60px 0 #581fbb,61px 61px 0 #581fbb,62px 62px 0 #581fbb,63px 63px 0 #581fbb,64px 64px 0 #581fbb,65px 65px 0 #581fbb,66px 66px 0 #581fbb,67px 67px 0 #581fbb,68px 68px 0 #581fbb,69px 69px 0 #581fbb,70px 70px 0 #581fbb,71px 71px 0 #581fbb,72px 72px 0 #581fbb,73px 73px 0 #581fbb,74px 74px 0 #581fbb,75px 75px 0 #581fbb,76px 76px 0 #581fbb,77px 77px 0 #581fbb,78px 78px 0 #581fbb,79px 79px 0 #581fbb,80px 80px 0 #581fbb,81px 81px 0 #581fbb,82px 82px 0 #581fbb,83px 83px 0 #581fbb,84px 84px 0 #581fbb,85px 85px 0 #581fbb,86px 86px 0 #581fbb,87px 87px 0 #581fbb,88px 88px 0 #581fbb,89px 89px 0 #581fbb,90px 90px 0 #581fbb,91px 91px 0 #581fbb,92px 92px 0 #581fbb,93px 93px 0 #581fbb,94px 94px 0 #581fbb,95px 95px 0 #581fbb,96px 96px 0 #581fbb,97px 97px 0 #581fbb,98px 98px 0 #581fbb,100px 100px 0 rgba(0, 0, 0, 0); } .AboutHellonew__description { font-size: 0.7rem; } .AboutHellonew__description { margin-bottom: 55px; } .AboutHellonew__table { margin-bottom: 45px; } .AboutSupport { margin-left: 15%; margin-right: 15%; } .AboutSupport .page-sectionTitle { margin-bottom: 70px; } .AboutVideo { margin-left: 15%; margin-right: 15%; } .AboutWhybitstar { margin-top: 0; } .AboutWhybitstar .page-sectionTitle { margin-left: 15%; margin-bottom: 70px; } .AboutWhybitstar__loopWrap { height: 20vw; margin-bottom: 1vw; } .AboutWhybitstar__loopInner > .inner { width: 164vw; height: 20vw; } .AboutWhybitstar__loopItem > .inner { width: 41vw; height: 20vw; padding-right: 1vw; } .AboutWhybitstar__thumb img { width: 20vw; height: 20vw; } .AboutWhybitstar__message::before { width: 1.5vw; height: 1.5vw; left: 2vw; top: 2vw; } .AboutWhybitstar__message .img-message { width: 14.28571vw; height: 10vw; padding: 5vw 2.85714vw; } .AboutWhybitstar__message .name { padding: 2vw; } .AboutWhybitstar__reason { margin-left: 15%; margin-right: 15%; margin-top: 150px; } .AboutWhybitstar__heading { margin-bottom: 50px; } .AboutWhybitstar__heading { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,9px 9px 0 #581fbb,10px 10px 0 #581fbb,11px 11px 0 #581fbb,12px 12px 0 #581fbb,13px 13px 0 #581fbb,14px 14px 0 #581fbb,15px 15px 0 #581fbb,16px 16px 0 #581fbb,17px 17px 0 #581fbb,18px 18px 0 #581fbb,19px 19px 0 #581fbb,20px 20px 0 #581fbb,21px 21px 0 #581fbb,22px 22px 0 #581fbb,23px 23px 0 #581fbb,24px 24px 0 #581fbb,25px 25px 0 #581fbb,26px 26px 0 #581fbb,27px 27px 0 #581fbb,28px 28px 0 #581fbb,29px 29px 0 #581fbb,30px 30px 0 #581fbb,31px 31px 0 #581fbb,32px 32px 0 #581fbb,33px 33px 0 #581fbb,34px 34px 0 #581fbb,35px 35px 0 #581fbb,36px 36px 0 #581fbb,37px 37px 0 #581fbb,38px 38px 0 #581fbb,39px 39px 0 #581fbb,40px 40px 0 #581fbb,41px 41px 0 #581fbb,42px 42px 0 #581fbb,43px 43px 0 #581fbb,44px 44px 0 #581fbb,45px 45px 0 #581fbb,46px 46px 0 #581fbb,47px 47px 0 #581fbb,48px 48px 0 #581fbb,49px 49px 0 #581fbb,50px 50px 0 #581fbb,51px 51px 0 #581fbb,52px 52px 0 #581fbb,53px 53px 0 #581fbb,54px 54px 0 #581fbb,55px 55px 0 #581fbb,56px 56px 0 #581fbb,57px 57px 0 #581fbb,58px 58px 0 #581fbb,59px 59px 0 #581fbb,60px 60px 0 #581fbb,61px 61px 0 #581fbb,62px 62px 0 #581fbb,63px 63px 0 #581fbb,64px 64px 0 #581fbb,65px 65px 0 #581fbb,66px 66px 0 #581fbb,67px 67px 0 #581fbb,68px 68px 0 #581fbb,69px 69px 0 #581fbb,70px 70px 0 #581fbb,71px 71px 0 #581fbb,72px 72px 0 #581fbb,73px 73px 0 #581fbb,74px 74px 0 #581fbb,75px 75px 0 #581fbb,76px 76px 0 #581fbb,77px 77px 0 #581fbb,78px 78px 0 #581fbb,79px 79px 0 #581fbb,80px 80px 0 #581fbb,81px 81px 0 #581fbb,82px 82px 0 #581fbb,83px 83px 0 #581fbb,84px 84px 0 #581fbb,85px 85px 0 #581fbb,86px 86px 0 #581fbb,87px 87px 0 #581fbb,88px 88px 0 #581fbb,89px 89px 0 #581fbb,90px 90px 0 #581fbb,91px 91px 0 #581fbb,92px 92px 0 #581fbb,93px 93px 0 #581fbb,94px 94px 0 #581fbb,95px 95px 0 #581fbb,96px 96px 0 #581fbb,97px 97px 0 #581fbb,98px 98px 0 #581fbb,100px 100px 0 rgba(0, 0, 0, 0); } .AboutWhybitstar__ytlink { margin-top: 50px; } .AboutWhybitstar__ytlink a .icon-youtube { top: 40%; } .AboutWhybitstar__ytlink a .icon-blank { top: 10%; } .Article__body p { font-size: 0.7rem; } .Article__body li { font-size: 0.7rem; } .Article__body ul { padding: 2.5em 2em; } .Article__body ol { padding: 2.5em 2em; } .ButtonMenu { display: none; } .Contact { margin-bottom: 300px; } .ContactContent { margin-left: 15%; margin-right: 35%; } .ContactForm .wpcf7 input[type="text"], .ContactForm .wpcf7 input[type="email"], .ContactForm .wpcf7 input[type="tel"], .ContactForm .wpcf7 input[type="date"], .ContactForm .wpcf7 input[type="number"], .ContactForm .wpcf7 input[type="url"], .ContactForm .wpcf7 textarea, .ContactForm .wpcf7 select { margin-top: 15px; padding: 1.1rem 1rem; font-size: 0.75rem; } .ContactForm .wpcf7-form > p { margin-top: 30px; } .ContactForm .wpcf7-form > p > label { font-size: 0.75rem; } .ContactForm__send { margin-top: 80px; } .ContactPulldown { margin-bottom: 70px; } .ContactPulldown__button::after { margin-top: -4px; border-top: 8px solid #ffffff; border-right: 5px solid transparent; border-left: 5px solid transparent; } .ContactThanks { margin-left: 15%; margin-right: 15%; } .ContactThanks__body { font-size: 0.7rem; } .ContactThanks__body { margin-bottom: 45px; } .ContactThanks__body h1, .ContactThanks__body h2, .ContactThanks__body h3, .ContactThanks__body h4, .ContactThanks__body h5, .ContactThanks__body h6 { margin-bottom: 30px; } .ContactThanks__body p { font-size: 0.7rem; } .ContactThanks__body p { margin-bottom: 15px; } .CreatorsDetail__bgText { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; top: 100%; margin-top: -12vw; } .CreatorsDetail__bgText .inner { font-size: 13vw; } .CreatorsDetail__header { position: fixed; width: 33.75%; padding-right: 2.5%; margin-left: 5%; margin-bottom: 0; top: 50vh; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: right; } .CreatorsDetail__header::before, .CreatorsDetail__header::after { content: ""; display: block; position: absolute; width: 3px; height: 100%; right: 0; top: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; } .CreatorsDetail__header::before { background-color: #581fbb; } .CreatorsDetail__header::after { background-color: #ffffff; } .CreatorsDetail__header.is-show::before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 0.5s; transition: -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 0.5s; transition: transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 0.5s; transition: transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 0.5s, -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 0.5s; } .CreatorsDetail__header.is-show::after { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 0.6s; transition: -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 0.6s; transition: transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 0.6s; transition: transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 0.6s, -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 0.6s; } .CreatorsDetail__header .name { text-shadow: 0px 0px 0 #581fbb,-1px 1px 0 #581fbb,-2px 2px 0 #581fbb,-3px 3px 0 #581fbb,-4px 4px 0 #581fbb,-5px 5px 0 #581fbb,-6px 6px 0 #581fbb,-7px 7px 0 #581fbb,-8px 8px 0 #581fbb,-9px 9px 0 #581fbb,-10px 10px 0 #581fbb,-11px 11px 0 #581fbb,-12px 12px 0 #581fbb,-13px 13px 0 #581fbb,-14px 14px 0 #581fbb,-15px 15px 0 #581fbb,-16px 16px 0 #581fbb,-17px 17px 0 #581fbb,-18px 18px 0 #581fbb,-19px 19px 0 #581fbb,-20px 20px 0 #581fbb,-21px 21px 0 #581fbb,-22px 22px 0 #581fbb,-23px 23px 0 #581fbb,-24px 24px 0 #581fbb,-25px 25px 0 #581fbb,-26px 26px 0 #581fbb,-27px 27px 0 #581fbb,-28px 28px 0 #581fbb,-29px 29px 0 #581fbb,-30px 30px 0 #581fbb,-31px 31px 0 #581fbb,-32px 32px 0 #581fbb,-33px 33px 0 #581fbb,-34px 34px 0 #581fbb,-35px 35px 0 #581fbb,-36px 36px 0 #581fbb,-37px 37px 0 #581fbb,-38px 38px 0 #581fbb,-39px 39px 0 #581fbb,-40px 40px 0 #581fbb,-41px 41px 0 #581fbb,-42px 42px 0 #581fbb,-43px 43px 0 #581fbb,-44px 44px 0 #581fbb,-45px 45px 0 #581fbb,-46px 46px 0 #581fbb,-47px 47px 0 #581fbb,-48px 48px 0 #581fbb,-49px 49px 0 #581fbb,-50px 50px 0 #581fbb,-51px 51px 0 #581fbb,-52px 52px 0 #581fbb,-53px 53px 0 #581fbb,-54px 54px 0 #581fbb,-55px 55px 0 #581fbb,-56px 56px 0 #581fbb,-57px 57px 0 #581fbb,-58px 58px 0 #581fbb,-59px 59px 0 #581fbb,-60px 60px 0 #581fbb,-61px 61px 0 #581fbb,-62px 62px 0 #581fbb,-63px 63px 0 #581fbb,-64px 64px 0 #581fbb,-65px 65px 0 #581fbb,-66px 66px 0 #581fbb,-67px 67px 0 #581fbb,-68px 68px 0 #581fbb,-69px 69px 0 #581fbb,-70px 70px 0 #581fbb,-71px 71px 0 #581fbb,-72px 72px 0 #581fbb,-73px 73px 0 #581fbb,-74px 74px 0 #581fbb,-75px 75px 0 #581fbb,-76px 76px 0 #581fbb,-77px 77px 0 #581fbb,-78px 78px 0 #581fbb,80px 80px 0 rgba(0, 0, 0, 0); -webkit-transform: translate(-50px, 50px); transform: translate(-50px, 50px); } .CreatorsDetail__header .catchphrase { margin-top: 15px; } .CreatorsDetail__header .page-snsList { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 38px; } .CreatorsDetail__headerImage { display: none; } .CreatorsDetail__headerBody { margin-left: auto; margin-right: auto; } .CreatorsDetail__body { margin-left: 45%; margin-right: 10%; margin-bottom: 150px; margin-top: 245px; } .CreatorsDetail__bodyImage { display: block; margin-bottom: 60px; } .CreatorsDetail__section { margin-bottom: 100px; } .CreatorsDetail__section .page-sectionTitle { margin-bottom: 40px; } .CreatorsDetail__section .title-fanLetter { margin-bottom: 20px; } .CreatorsDetail__section .text-fanLetter { font-size: 0.7rem; } .CreatorsDetail__section .text-fanLetter { line-height: 2; } .CreatorsDetail__media { font-size: 0.7rem; } .CreatorsDetail__media { line-height: 2; } .CreatorsDetail__linkList li { margin-bottom: 2rem; } .CreatorsDetail__linkList .title { margin-bottom: 0.9rem; } .CreatorsIndex { padding-bottom: 200px; } .CreatorsIndex .SubPage__header .title { margin-bottom: 100px; } .CreatorsIndex__list .page-sectionTitle { margin-left: 10%; margin-right: 10%; } .CreatorsIndex__bgText { margin-top: -12vw; } .CreatorsIndex__bgText .inner { font-size: 13vw; } .CreatorsIndexList { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-left: 10%; margin-right: 10%; } .CreatorsIndexList + .page-sectionTitle { margin-top: 90px; } .page-sectionTitle + .CreatorsIndexList { margin-top: 15px; } .CreatorsIndexList__item { width: 28.125%; margin-left: 7.8125%; padding-bottom: 3%; }
  .CreatorsIndexList__item:nth-of-type(2n) { padding-top: 0; padding-bottom: 3%; }
  .CreatorsIndexList__item:nth-of-type(3n + 0), .CreatorsIndexList__item:nth-of-type(3n + 1) { padding-top: 4%; }
  .CreatorsIndexList__item:nth-of-type(3n + 1) { margin-left: 0; } .CreatorsIndexList__image { margin-left: 5%; margin-top: 5%; padding-bottom: 12%; } .CreatorsIndexList__image .icon-newcomer { width: 18%; height: 18%; right: 4%; top: 4%; } .CreatorsIndexList__textHeader { padding-bottom: 7.5%; } .CreatorsList__link { padding: 30px; } .CreatorsList__image { min-width: 100px; } .Fanletter { margin-left: 15%; margin-right: 15%; } .Fanletter__section { font-size: 0.7rem; } .Fanletter__description { font-size: 0.7rem; } .Fanletter__paragraph { font-size: 0.7rem; } .Fanletter__subheading { font-size: 0.7rem; } .Fanletter__list { padding: 2.5em 2em; } .Fanletter__listItem { font-size: 0.7rem; } .FullscreenMenu { display: none; } .FullscreenMenu__linkList { margin-right: 60px; } .FullscreenMenu__linkList li a { font-size: 0.6rem; } .HomeAbout .page-sectionTitle { margin-bottom: 60px; } .HomeAbout__body { width: 40%; } .HomeAbout__description { margin-bottom: 42px; } .HomeCreators .page-sectionTitle { margin-bottom: 50px; } .HomeCreatorImages .column { display: block; position: absolute; width: 20%; } .HomeCreatorImages .column:nth-child(1) { top: 0; left: 35%; padding-top: 20%; } .HomeCreatorImages .column:nth-child(2) { left: 60%; padding-top: 10%; } .HomeCreatorImages .column:nth-child(3) { display: block; left: 85%; padding-top: 18%; } .HomeCreatorImages__thumbInner::after { display: none; } .HomeLoading__logo { width: 130px; height: 108.83px; } .HomeMessage__title span { text-shadow: 0px 0px 0 #737475,1px 1px 0 #737475,2px 2px 0 #737475,3px 3px 0 #737475,4px 4px 0 #737475,5px 5px 0 #737475,6px 6px 0 #737475,7px 7px 0 #737475,8px 8px 0 #737475,9px 9px 0 #737475,10px 10px 0 #737475,11px 11px 0 #737475,12px 12px 0 #737475,13px 13px 0 #737475,14px 14px 0 #737475,15px 15px 0 #737475,16px 16px 0 #737475,17px 17px 0 #737475,18px 18px 0 #737475,19px 19px 0 #737475,20px 20px 0 #737475,21px 21px 0 #737475,22px 22px 0 #737475,23px 23px 0 #737475,24px 24px 0 #737475,25px 25px 0 #737475,26px 26px 0 #737475,27px 27px 0 #737475,28px 28px 0 #737475,29px 29px 0 #737475,30px 30px 0 #737475,31px 31px 0 #737475,32px 32px 0 #737475,33px 33px 0 #737475,34px 34px 0 #737475,35px 35px 0 #737475,36px 36px 0 #737475,37px 37px 0 #737475,38px 38px 0 #737475,39px 39px 0 #737475,40px 40px 0 #737475,41px 41px 0 #737475,42px 42px 0 #737475,43px 43px 0 #737475,44px 44px 0 #737475,45px 45px 0 #737475,46px 46px 0 #737475,47px 47px 0 #737475,48px 48px 0 #737475,50px 50px 0 rgba(0, 0, 0, 0); -webkit-transform: translate(80px, 80px); transform: translate(80px, 80px); } .is-scene4 .HomeMessage__command { text-shadow: 0px 0px 0 #d8d9da,1px 1px 0 #d8d9da,2px 2px 0 #d8d9da,3px 3px 0 #d8d9da,4px 4px 0 #d8d9da,5px 5px 0 #d8d9da,6px 6px 0 #d8d9da,7px 7px 0 #d8d9da,8px 8px 0 #d8d9da,9px 9px 0 #d8d9da,10px 10px 0 #d8d9da,11px 11px 0 #d8d9da,12px 12px 0 #d8d9da,13px 13px 0 #d8d9da,14px 14px 0 #d8d9da,15px 15px 0 #d8d9da,16px 16px 0 #d8d9da,17px 17px 0 #d8d9da,18px 18px 0 #d8d9da,19px 19px 0 #d8d9da,20px 20px 0 #d8d9da,21px 21px 0 #d8d9da,22px 22px 0 #d8d9da,23px 23px 0 #d8d9da,24px 24px 0 #d8d9da,25px 25px 0 #d8d9da,26px 26px 0 #d8d9da,27px 27px 0 #d8d9da,28px 28px 0 #d8d9da,30px 30px 0 rgba(0, 0, 0, 0); } .HomeMv__title span { text-shadow: 0px 0px 0 #ffffff,1px -1px 0 #ffffff,2px -2px 0 #ffffff,3px -3px 0 #ffffff,4px -4px 0 #ffffff,5px -5px 0 #ffffff,6px -6px 0 #ffffff,7px -7px 0 #ffffff,8px -8px 0 #ffffff,9px -9px 0 #ffffff,10px -10px 0 #ffffff,11px -11px 0 #ffffff,12px -12px 0 #ffffff,13px -13px 0 #ffffff,14px -14px 0 #ffffff,15px -15px 0 #ffffff,16px -16px 0 #ffffff,17px -17px 0 #ffffff,18px -18px 0 #ffffff,19px -19px 0 #ffffff,20px -20px 0 #ffffff,21px -21px 0 #ffffff,22px -22px 0 #ffffff,23px -23px 0 #ffffff,24px -24px 0 #ffffff,25px -25px 0 #ffffff,26px -26px 0 #ffffff,27px -27px 0 #ffffff,28px -28px 0 #ffffff,29px -29px 0 #ffffff,30px -30px 0 #ffffff,31px -31px 0 #ffffff,32px -32px 0 #ffffff,33px -33px 0 #ffffff,34px -34px 0 #ffffff,35px -35px 0 #ffffff,36px -36px 0 #ffffff,37px -37px 0 #ffffff,38px -38px 0 #ffffff,39px -39px 0 #ffffff,40px -40px 0 #ffffff,41px -41px 0 #ffffff,42px -42px 0 #ffffff,43px -43px 0 #ffffff,44px -44px 0 #ffffff,45px -45px 0 #ffffff,46px -46px 0 #ffffff,47px -47px 0 #ffffff,48px -48px 0 #ffffff,49px -49px 0 #ffffff,50px -50px 0 #ffffff,51px -51px 0 #ffffff,52px -52px 0 #ffffff,53px -53px 0 #ffffff,54px -54px 0 #ffffff,55px -55px 0 #ffffff,56px -56px 0 #ffffff,57px -57px 0 #ffffff,58px -58px 0 #ffffff,59px -59px 0 #ffffff,60px -60px 0 #ffffff,61px -61px 0 #ffffff,62px -62px 0 #ffffff,63px -63px 0 #ffffff,64px -64px 0 #ffffff,65px -65px 0 #ffffff,66px -66px 0 #ffffff,67px -67px 0 #ffffff,68px -68px 0 #ffffff,69px -69px 0 #ffffff,70px -70px 0 #ffffff,71px -71px 0 #ffffff,72px -72px 0 #ffffff,73px -73px 0 #ffffff,74px -74px 0 #ffffff,75px -75px 0 #ffffff,76px -76px 0 #ffffff,77px -77px 0 #ffffff,78px -78px 0 #ffffff,79px -79px 0 #ffffff,80px -80px 0 #ffffff,81px -81px 0 #ffffff,82px -82px 0 #ffffff,83px -83px 0 #ffffff,84px -84px 0 #ffffff,85px -85px 0 #ffffff,86px -86px 0 #ffffff,87px -87px 0 #ffffff,88px -88px 0 #ffffff,89px -89px 0 #ffffff,90px -90px 0 #ffffff,91px -91px 0 #ffffff,92px -92px 0 #ffffff,93px -93px 0 #ffffff,94px -94px 0 #ffffff,95px -95px 0 #ffffff,96px -96px 0 #ffffff,97px -97px 0 #ffffff,98px -98px 0 #ffffff,99px -99px 0 #ffffff,100px -100px 0 #ffffff,101px -101px 0 #ffffff,102px -102px 0 #ffffff,103px -103px 0 #ffffff,104px -104px 0 #ffffff,105px -105px 0 #ffffff,106px -106px 0 #ffffff,107px -107px 0 #ffffff,108px -108px 0 #ffffff,109px -109px 0 #ffffff,110px -110px 0 #ffffff,111px -111px 0 #ffffff,112px -112px 0 #ffffff,113px -113px 0 #ffffff,114px -114px 0 #ffffff,115px -115px 0 #ffffff,116px -116px 0 #ffffff,117px -117px 0 #ffffff,118px -118px 0 #ffffff,119px -119px 0 #ffffff,120px -120px 0 #ffffff,121px -121px 0 #ffffff,122px -122px 0 #ffffff,123px -123px 0 #ffffff,124px -124px 0 #ffffff,125px -125px 0 #ffffff,126px -126px 0 #ffffff,127px -127px 0 #ffffff,128px -128px 0 #ffffff,129px -129px 0 #ffffff,130px -130px 0 #ffffff,131px -131px 0 #ffffff,132px -132px 0 #ffffff,133px -133px 0 #ffffff,134px -134px 0 #ffffff,135px -135px 0 #ffffff,136px -136px 0 #ffffff,137px -137px 0 #ffffff,138px -138px 0 #ffffff,139px -139px 0 #ffffff,140px -140px 0 #ffffff,141px -141px 0 #ffffff,142px -142px 0 #ffffff,143px -143px 0 #ffffff,144px -144px 0 #ffffff,145px -145px 0 #ffffff,146px -146px 0 #ffffff,147px -147px 0 #ffffff,148px -148px 0 #ffffff,149px -149px 0 #ffffff,150px -150px 0 #ffffff,151px -151px 0 #ffffff,152px -152px 0 #ffffff,153px -153px 0 #ffffff,154px -154px 0 #ffffff,155px -155px 0 #ffffff,156px -156px 0 #ffffff,157px -157px 0 #ffffff,158px -158px 0 #ffffff,159px -159px 0 #ffffff,160px -160px 0 #ffffff,161px -161px 0 #ffffff,162px -162px 0 #ffffff,163px -163px 0 #ffffff,164px -164px 0 #ffffff,165px -165px 0 #ffffff,166px -166px 0 #ffffff,167px -167px 0 #ffffff,168px -168px 0 #ffffff,169px -169px 0 #ffffff,170px -170px 0 #ffffff,171px -171px 0 #ffffff,172px -172px 0 #ffffff,173px -173px 0 #ffffff,174px -174px 0 #ffffff,175px -175px 0 #ffffff,176px -176px 0 #ffffff,177px -177px 0 #ffffff,178px -178px 0 #ffffff,179px -179px 0 #ffffff,180px -180px 0 #ffffff,181px -181px 0 #ffffff,182px -182px 0 #ffffff,183px -183px 0 #ffffff,184px -184px 0 #ffffff,185px -185px 0 #ffffff,186px -186px 0 #ffffff,187px -187px 0 #ffffff,188px -188px 0 #ffffff,189px -189px 0 #ffffff,190px -190px 0 #ffffff,191px -191px 0 #ffffff,192px -192px 0 #ffffff,193px -193px 0 #ffffff,194px -194px 0 #ffffff,195px -195px 0 #ffffff,196px -196px 0 #ffffff,197px -197px 0 #ffffff,198px -198px 0 #ffffff,200px 200px 0 rgba(0, 0, 0, 0); -webkit-transform: translate(550px, -550px); transform: translate(550px, -550px); } .HomeMv__description { -webkit-transform: translateY(20px); transform: translateY(20px); } .HomeNewcomer { width: 400px; left: 40px; bottom: 40px; } .HomeNewcomer__section .inner { padding: 24px 26px; } .HomeNewcomer__title { font-size: 0.65rem; } .HomeNewcomer__thumb { margin-right: 20px; } .HomeNewcomer__description { font-size: 0.6rem; } .HomeSceneNav { right: 40px; } .HomeSceneNav__item { padding: 5px; } .HomeSceneNav__circle { width: 10px; height: 10px; } .HomeSceneNav__line { height: 52px; width: 2px; margin-left: 9px; margin-top: 18px; } .MembersList__content { padding-bottom: 50px; } .MembersList__profile { font-size: 0.7rem; } .MembersList__snsList { margin-top: 15px; } .MovieSlider__item.-youtube { width: 512px; height: 288px; } .MovieSlider__item.-tiktok { height: 288px; } .MovieSlider__item { height: 288px; padding-right: 15px; } .MovieSlider__item:last-child { padding-right: 0; } .MovieSlider__iconBlank { width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; border: 3px #ffffff solid; } .MovieSlider__iconBlank svg { width: 14px; height: 14px; } .NavFilter { margin-top: 10px; } .NavFilter__main { width: 220px; } .NavFilter__current { min-width: 252px; padding-right: 32px; padding-top: 24px; padding-bottom: 24px; } .NavFilter__current::after { border-top: 8px solid #ffffff; border-right: 5px solid transparent; border-left: 5px solid transparent; } .NavFilter__listItem { margin-bottom: 2px; font-size: 0.7rem; } .NavFilter__link { padding: 22px; } .NewsDetail { margin-top: 280px; margin-bottom: 200px; } .NewsDetail__meta { margin-left: 10%; margin-right: 10%; } .NewsDetail__title { margin-left: 10%; margin-right: 10%; margin-bottom: 80px; } .NewsDetail__title { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,9px 9px 0 #581fbb,10px 10px 0 #581fbb,11px 11px 0 #581fbb,12px 12px 0 #581fbb,13px 13px 0 #581fbb,14px 14px 0 #581fbb,15px 15px 0 #581fbb,16px 16px 0 #581fbb,17px 17px 0 #581fbb,18px 18px 0 #581fbb,19px 19px 0 #581fbb,20px 20px 0 #581fbb,21px 21px 0 #581fbb,22px 22px 0 #581fbb,23px 23px 0 #581fbb,24px 24px 0 #581fbb,25px 25px 0 #581fbb,26px 26px 0 #581fbb,27px 27px 0 #581fbb,28px 28px 0 #581fbb,29px 29px 0 #581fbb,30px 30px 0 #581fbb,31px 31px 0 #581fbb,32px 32px 0 #581fbb,33px 33px 0 #581fbb,34px 34px 0 #581fbb,35px 35px 0 #581fbb,36px 36px 0 #581fbb,37px 37px 0 #581fbb,38px 38px 0 #581fbb,39px 39px 0 #581fbb,40px 40px 0 #581fbb,41px 41px 0 #581fbb,42px 42px 0 #581fbb,43px 43px 0 #581fbb,44px 44px 0 #581fbb,45px 45px 0 #581fbb,46px 46px 0 #581fbb,47px 47px 0 #581fbb,48px 48px 0 #581fbb,49px 49px 0 #581fbb,50px 50px 0 #581fbb,51px 51px 0 #581fbb,52px 52px 0 #581fbb,53px 53px 0 #581fbb,54px 54px 0 #581fbb,55px 55px 0 #581fbb,56px 56px 0 #581fbb,57px 57px 0 #581fbb,58px 58px 0 #581fbb,59px 59px 0 #581fbb,60px 60px 0 #581fbb,61px 61px 0 #581fbb,62px 62px 0 #581fbb,63px 63px 0 #581fbb,64px 64px 0 #581fbb,65px 65px 0 #581fbb,66px 66px 0 #581fbb,67px 67px 0 #581fbb,68px 68px 0 #581fbb,69px 69px 0 #581fbb,70px 70px 0 #581fbb,71px 71px 0 #581fbb,72px 72px 0 #581fbb,73px 73px 0 #581fbb,74px 74px 0 #581fbb,75px 75px 0 #581fbb,76px 76px 0 #581fbb,77px 77px 0 #581fbb,78px 78px 0 #581fbb,80px 80px 0 rgba(0, 0, 0, 0); } .NewsDetail__mainImage { margin-bottom: 80px; } .NewsDetail__body { margin-left: 10%; margin-right: 10%; } .NewsDetail__aboutCreator { margin-top: 100px; } .NewsDetail__aboutCreator .page-sectionTitle { margin-bottom: 60px; } .NewsDetail__footer { margin-left: 10%; margin-right: 10%; margin-top: 60px; } .NewsIndex { padding-bottom: 240px; } .NewsIndexList { margin-left: 10%; margin-right: 10%; margin-bottom: 80px; } .NewsIndexList__item.is-show .NewsIndexList__image .image-wrap .box-shadow::before { -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); } .NewsIndexList__item.is-show .NewsIndexList__image .image-wrap .box-shadow::after { -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.8s cubic-bezier(0.52, 0.08, 0.18, 1); } .NewsIndexList__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 3.125%; padding-right: 3.125%; } .NewsIndexList__body { width: 66.66667%; } .NewsIndexList__meta { padding-right: 5%; } .NewsIndexList__image { width: 33.33333%; margin-top: 0.5em; margin-bottom: 20px; } .NewsSlider__title { padding-top: 4%; } .NewsSlider__meta { padding-top: 3%; } .is-creatorsDetail .PageBg { background: -webkit-linear-gradient(315deg, #a16bfd, #772afc 30%); background: linear-gradient(135deg, #a16bfd, #772afc 30%); } .is-notfound .PageBg { background-position: 50% 50%; } .PageFooter__linkList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .PageFooter__snsList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .PageHeader__logo { width: 130px; height: 108.83px; top: 38px; left: 20px; } .PageMenu { display: block; } .PageMenu__list li + li { margin-left: 4px; } .PageMenu__corporate { right: 50px; } .Pagination { margin-left: 10%; margin-right: 10%; } .Pagination .Pagination__list li { margin-left: 2px; margin-right: 2px; } .Pagination .page-prevNext { display: inline-block; position: absolute; } .Pagination .page-prevNext.btn-prev { left: 10%; } .Pagination .page-prevNext.btn-next { right: 10%; } .PhotoModal__headerLogo { width: 88px; top: 38px; left: 46px; } .PhotoModal__btnClose { width: 80px; height: 80px; font-size: 0.8rem; top: 40px; right: 46px; } .PhotoModal__btnClose::before { border: 3px #ffffff solid; } .PhotoModal__contents { width: 60%; height: calc(100% - 260px); max-height: 80%; } .PhotoModal__detail::before { font-size: 2rem; } .PhotoModal__btnPrev, .PhotoModal__btnNext { display: block; width: 80px; height: 80px; margin-top: -40px; font-size: 0.8rem; } .PhotoModal__btnPrev::before, .PhotoModal__btnNext::before { border: 3px #ffffff solid; } .PhotoSlider__item { height: 300px; padding-right: 15px; } .PhotoSlider__item:last-child { padding-right: 0; } .PickupCreator { height: 640px; padding-top: 100px; padding-bottom: 120px; } .is-ie .PickupCreator__link:hover .PickupCreator__image { -webkit-transform: translate(-102%, -50%) rotate(-10deg) scale(1.05); transform: translate(-102%, -50%) rotate(-10deg) scale(1.05); } .PickupCreator__image { width: 30%; width: 320px; height: 320px; left: 50%; top: 50%; -webkit-transform: translate(-105%, -50%) rotate(-10deg); transform: translate(-105%, -50%) rotate(-10deg); } .PickupCreator__title { margin-bottom: 15px; -webkit-text-stroke: 2px #ffffff; } .PickupNews { padding-top: 120px; padding-bottom: 120px; } .PickupNews__inner { padding-top: 120px; padding-bottom: 120px; } .is-creatorsDetail .PickupNews { padding-top: 120px; padding-bottom: 120px; } .is-creatorsDetail .PickupNews.noNext { padding-bottom: 200px; } .is-newsDetail .PickupNews { padding-top: 120px; padding-bottom: 200px; } .PickupNews::after { width: 10%; } .PickupNews__header { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 60px; } .PickupNews__header .page-sectionTitle { margin-right: 120px; } .SubPage__header { margin-left: 15%; margin-top: 250px; } .is-about .SubPage__header { margin-bottom: 55px; } .is-creatorsIndex .SubPage__header, .is-newsIndex .SubPage__header { margin-bottom: 90px; } .is-contact .SubPage__header, .is-contactThanks .SubPage__header { margin-bottom: 80px; } .SubPage__title .text-ja { margin-bottom: 8px; } .SubPage__title .text-ja.is-intro { -webkit-transform: translateY(-20px); transform: translateY(-20px); } .SubPage__title .text-en.is-intro span { text-shadow: 0px 0px 0 #ffffff,1px -1px 0 #ffffff,2px -2px 0 #ffffff,3px -3px 0 #ffffff,4px -4px 0 #ffffff,5px -5px 0 #ffffff,6px -6px 0 #ffffff,7px -7px 0 #ffffff,8px -8px 0 #ffffff,9px -9px 0 #ffffff,10px -10px 0 #ffffff,11px -11px 0 #ffffff,12px -12px 0 #ffffff,13px -13px 0 #ffffff,14px -14px 0 #ffffff,15px -15px 0 #ffffff,16px -16px 0 #ffffff,17px -17px 0 #ffffff,18px -18px 0 #ffffff,19px -19px 0 #ffffff,20px -20px 0 #ffffff,21px -21px 0 #ffffff,22px -22px 0 #ffffff,23px -23px 0 #ffffff,24px -24px 0 #ffffff,25px -25px 0 #ffffff,26px -26px 0 #ffffff,27px -27px 0 #ffffff,28px -28px 0 #ffffff,29px -29px 0 #ffffff,30px -30px 0 #ffffff,31px -31px 0 #ffffff,32px -32px 0 #ffffff,33px -33px 0 #ffffff,34px -34px 0 #ffffff,35px -35px 0 #ffffff,36px -36px 0 #ffffff,37px -37px 0 #ffffff,38px -38px 0 #ffffff,39px -39px 0 #ffffff,40px -40px 0 #ffffff,41px -41px 0 #ffffff,42px -42px 0 #ffffff,43px -43px 0 #ffffff,44px -44px 0 #ffffff,45px -45px 0 #ffffff,46px -46px 0 #ffffff,47px -47px 0 #ffffff,48px -48px 0 #ffffff,49px -49px 0 #ffffff,50px -50px 0 #ffffff,51px -51px 0 #ffffff,52px -52px 0 #ffffff,53px -53px 0 #ffffff,54px -54px 0 #ffffff,55px -55px 0 #ffffff,56px -56px 0 #ffffff,57px -57px 0 #ffffff,58px -58px 0 #ffffff,59px -59px 0 #ffffff,60px -60px 0 #ffffff,61px -61px 0 #ffffff,62px -62px 0 #ffffff,63px -63px 0 #ffffff,64px -64px 0 #ffffff,65px -65px 0 #ffffff,66px -66px 0 #ffffff,67px -67px 0 #ffffff,68px -68px 0 #ffffff,69px -69px 0 #ffffff,70px -70px 0 #ffffff,71px -71px 0 #ffffff,72px -72px 0 #ffffff,73px -73px 0 #ffffff,74px -74px 0 #ffffff,75px -75px 0 #ffffff,76px -76px 0 #ffffff,77px -77px 0 #ffffff,78px -78px 0 #ffffff,79px -79px 0 #ffffff,80px -80px 0 #ffffff,81px -81px 0 #ffffff,82px -82px 0 #ffffff,83px -83px 0 #ffffff,84px -84px 0 #ffffff,85px -85px 0 #ffffff,86px -86px 0 #ffffff,87px -87px 0 #ffffff,88px -88px 0 #ffffff,89px -89px 0 #ffffff,90px -90px 0 #ffffff,91px -91px 0 #ffffff,92px -92px 0 #ffffff,93px -93px 0 #ffffff,94px -94px 0 #ffffff,95px -95px 0 #ffffff,96px -96px 0 #ffffff,97px -97px 0 #ffffff,98px -98px 0 #ffffff,99px -99px 0 #ffffff,100px -100px 0 #ffffff,101px -101px 0 #ffffff,102px -102px 0 #ffffff,103px -103px 0 #ffffff,104px -104px 0 #ffffff,105px -105px 0 #ffffff,106px -106px 0 #ffffff,107px -107px 0 #ffffff,108px -108px 0 #ffffff,109px -109px 0 #ffffff,110px -110px 0 #ffffff,111px -111px 0 #ffffff,112px -112px 0 #ffffff,113px -113px 0 #ffffff,114px -114px 0 #ffffff,115px -115px 0 #ffffff,116px -116px 0 #ffffff,117px -117px 0 #ffffff,118px -118px 0 #ffffff,119px -119px 0 #ffffff,120px -120px 0 #ffffff,121px -121px 0 #ffffff,122px -122px 0 #ffffff,123px -123px 0 #ffffff,124px -124px 0 #ffffff,125px -125px 0 #ffffff,126px -126px 0 #ffffff,127px -127px 0 #ffffff,128px -128px 0 #ffffff,129px -129px 0 #ffffff,130px -130px 0 #ffffff,131px -131px 0 #ffffff,132px -132px 0 #ffffff,133px -133px 0 #ffffff,134px -134px 0 #ffffff,135px -135px 0 #ffffff,136px -136px 0 #ffffff,137px -137px 0 #ffffff,138px -138px 0 #ffffff,139px -139px 0 #ffffff,140px -140px 0 #ffffff,141px -141px 0 #ffffff,142px -142px 0 #ffffff,143px -143px 0 #ffffff,144px -144px 0 #ffffff,145px -145px 0 #ffffff,146px -146px 0 #ffffff,147px -147px 0 #ffffff,148px -148px 0 #ffffff,149px -149px 0 #ffffff,150px -150px 0 #ffffff,151px -151px 0 #ffffff,152px -152px 0 #ffffff,153px -153px 0 #ffffff,154px -154px 0 #ffffff,155px -155px 0 #ffffff,156px -156px 0 #ffffff,157px -157px 0 #ffffff,158px -158px 0 #ffffff,159px -159px 0 #ffffff,160px -160px 0 #ffffff,161px -161px 0 #ffffff,162px -162px 0 #ffffff,163px -163px 0 #ffffff,164px -164px 0 #ffffff,165px -165px 0 #ffffff,166px -166px 0 #ffffff,167px -167px 0 #ffffff,168px -168px 0 #ffffff,169px -169px 0 #ffffff,170px -170px 0 #ffffff,171px -171px 0 #ffffff,172px -172px 0 #ffffff,173px -173px 0 #ffffff,174px -174px 0 #ffffff,175px -175px 0 #ffffff,176px -176px 0 #ffffff,177px -177px 0 #ffffff,178px -178px 0 #ffffff,179px -179px 0 #ffffff,180px -180px 0 #ffffff,181px -181px 0 #ffffff,182px -182px 0 #ffffff,183px -183px 0 #ffffff,184px -184px 0 #ffffff,185px -185px 0 #ffffff,186px -186px 0 #ffffff,187px -187px 0 #ffffff,188px -188px 0 #ffffff,189px -189px 0 #ffffff,190px -190px 0 #ffffff,191px -191px 0 #ffffff,192px -192px 0 #ffffff,193px -193px 0 #ffffff,194px -194px 0 #ffffff,195px -195px 0 #ffffff,196px -196px 0 #ffffff,197px -197px 0 #ffffff,198px -198px 0 #ffffff,200px 200px 0 rgba(0, 0, 0, 0); -webkit-transform: translate(550px, -550px); transform: translate(550px, -550px); } .SubPage__summary { width: 82.35294%; margin-top: 50px; } .SubPage__summary { -webkit-transform: translate3d(0px, 80px, 0px); transform: translate3d(0px, 80px, 0px); } .SupportList__body { font-size: 0.7rem; } .SupportList__title .text-en { margin-bottom: 6px; text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,9px 9px 0 #581fbb,10px 10px 0 #581fbb,11px 11px 0 #581fbb,12px 12px 0 #581fbb,13px 13px 0 #581fbb,14px 14px 0 #581fbb,15px 15px 0 #581fbb,16px 16px 0 #581fbb,17px 17px 0 #581fbb,18px 18px 0 #581fbb,19px 19px 0 #581fbb,20px 20px 0 #581fbb,21px 21px 0 #581fbb,22px 22px 0 #581fbb,23px 23px 0 #581fbb,24px 24px 0 #581fbb,25px 25px 0 #581fbb,26px 26px 0 #581fbb,27px 27px 0 #581fbb,28px 28px 0 #581fbb,29px 29px 0 #581fbb,30px 30px 0 #581fbb,31px 31px 0 #581fbb,32px 32px 0 #581fbb,33px 33px 0 #581fbb,34px 34px 0 #581fbb,35px 35px 0 #581fbb,36px 36px 0 #581fbb,37px 37px 0 #581fbb,38px 38px 0 #581fbb,39px 39px 0 #581fbb,40px 40px 0 #581fbb,41px 41px 0 #581fbb,42px 42px 0 #581fbb,43px 43px 0 #581fbb,44px 44px 0 #581fbb,45px 45px 0 #581fbb,46px 46px 0 #581fbb,47px 47px 0 #581fbb,48px 48px 0 #581fbb,49px 49px 0 #581fbb,50px 50px 0 #581fbb,51px 51px 0 #581fbb,52px 52px 0 #581fbb,53px 53px 0 #581fbb,54px 54px 0 #581fbb,55px 55px 0 #581fbb,56px 56px 0 #581fbb,57px 57px 0 #581fbb,58px 58px 0 #581fbb,59px 59px 0 #581fbb,60px 60px 0 #581fbb,61px 61px 0 #581fbb,62px 62px 0 #581fbb,63px 63px 0 #581fbb,64px 64px 0 #581fbb,65px 65px 0 #581fbb,66px 66px 0 #581fbb,67px 67px 0 #581fbb,68px 68px 0 #581fbb,69px 69px 0 #581fbb,70px 70px 0 #581fbb,71px 71px 0 #581fbb,72px 72px 0 #581fbb,73px 73px 0 #581fbb,74px 74px 0 #581fbb,75px 75px 0 #581fbb,76px 76px 0 #581fbb,77px 77px 0 #581fbb,78px 78px 0 #581fbb,80px 80px 0 rgba(0, 0, 0, 0); } .Table { margin-top: 40px; font-size: 0.65rem; } .Table th, .Table td { padding-bottom: 1.4em; padding-top: 1.4em; } .Table td { padding-left: 1.5rem; }
  .Table td::before { left: 1.5rem; } .VideoPlayer__circle { width: 80px; height: 80px; } .VideoPlayer__circle .circle { border: 3px #ffffff solid; } .VideoPlayer__circle .text { font-size: 0.8rem; } }
@media (min-width: 1080px) { /* DO NOT REMOVE THIS COMMENT */ .About { padding-bottom: 240px; } .About__section { margin-bottom: 200px; } .ContactForm .your-acceptance label { padding-left: 38px; } .ContactForm .your-acceptance label input[type=checkbox]:checked ~ .wpcf7-list-item-label .icon-checkbox::before { width: 7px; } .ContactForm .your-acceptance label input[type=checkbox]:checked ~ .wpcf7-list-item-label .icon-checkbox::after { width: 12px; } .ContactForm .your-acceptance .icon-checkbox { width: 20px; height: 20px; margin-top: -10px; } .ContactThanks { margin-left: 15%; margin-right: 35%; } .CreatorsDetail__header { width: 28.75%; padding-right: 2.5%; margin-left: 10%; } .CreatorsDetail__header .catchphrase { margin-top: 20px; } .CreatorsDetail__section .page-sectionTitle { margin-bottom: 60px; } .CreatorsDetail__linkList .link { padding: 0.7em 1.2em; font-size: 0.75rem; } .CreatorsDetail__linkList .link .icon-blank { font-size: 0.65rem; font-weight: 400; } .CreatorsDetail__buttonGotoindex { display: block; } .CreatorsIndexList + .page-sectionTitle { margin-top: 100px; } .page-sectionTitle + .CreatorsIndexList { margin-top: 10px; } .CreatorsIndexList__item { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } .HomeCreatorImages .column:nth-child(1) { padding-top: 9%; } .HomeCreatorImages .column:nth-child(2) { padding-top: 0; } .HomeCreatorImages .column:nth-child(3) { padding-top: 7%; } .HomeMv__title br { display: none; } .HomeMv__title span { -webkit-text-stroke: 3px #ffffff; } .HoverCircle { width: 90px; height: 90px; left: -45px; top: -58px; } .HoverCircle__text { font-size: 0.9rem; } .MembersList__content { padding-bottom: 60px; } .MembersList__snsList { margin-top: 20px; } .NavFilter { margin-top: 20px; } .NavFilter__main { width: 250px; } .NavFilter__listItem { font-size: 0.8rem; } .NavFilter__link { padding: 24px; } .NewsDetail__meta { position: absolute; left: 10%; margin-left: 0; margin-right: 0; padding-top: 0.6%; } .NewsDetail__meta .page-date { display: block; margin-right: 0; margin-bottom: 15px; } .NewsDetail__meta.is-show .page-date { -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s; transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s, -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.2s; } .NewsDetail__title { margin-left: 30%; margin-right: 10%; } .NewsDetail__mainImage { margin-left: 30%; margin-right: 10%; } .NewsDetail__body { margin-left: 30%; margin-right: 10%; } .NewsDetail__buttonGotoindex { display: block; } .NewsDetail__footer { margin-left: 30%; margin-right: 10%; } .NewsIndex { padding-bottom: 300px; } .NewsIndexList__body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; width: 76.66667%; } .NewsIndexList__meta { padding-top: 1%; width: 21.73913%; padding-right: 4.34783%; } .NewsIndexList__meta .page-date { display: block; margin-right: 0; margin-bottom: 15px; } .NewsIndexList__title { width: 78.26087%; } .NewsIndexList__image { width: 23.33333%; } .NewsSlider__item { width: 408px; padding-right: 48px; } .NewsSlider__item:last-child { width: 360px; padding-right: 0; } .PageHeader__logo { width: 130px; height: 108.83px; top: 38px; left: 25px; } .PageMenu__list li + li { margin-left: 15px; } .PageMenu__corporate { right: 70px; } .PhotoModal__headerLogo { width: 88px; top: 38px; left: 56px; } .PhotoModal__btnClose { top: 40px; right: 56px; } .PickupCreator { height: 750px; padding-left: 15%; padding-right: 15%; padding-top: 120px; padding-bottom: 160px; } .PickupCreator__image { width: 380px; height: 380px; } .PickupCreator__body { width: 30%; } .PickupNews { padding-left: 15%; padding-right: 15%; padding-top: 150px; padding-bottom: 180px; } .PickupNews__inner { padding-left: 15%; padding-right: 15%; padding-top: 150px; padding-bottom: 150px; } .is-creatorsDetail .PickupNews { padding-top: 150px; padding-bottom: 150px; } .is-creatorsDetail .PickupNews.noNext { padding-bottom: 280px; } .is-newsDetail .PickupNews { padding-top: 150px; padding-bottom: 280px; } .PickupNews__header { margin-bottom: 60px; } .PickupNews__header .page-sectionTitle { margin-right: 180px; } .SubPage__header { margin-top: 300px; } .is-about .SubPage__header { margin-bottom: 90px; } .is-creatorsIndex .SubPage__header, .is-newsIndex .SubPage__header { margin-bottom: 130px; } .is-contact .SubPage__header, .is-contactThanks .SubPage__header { margin-bottom: 110px; } .SubPage__summary { width: 58.82353%; margin-top: 60px; } .SupportList__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 40px; padding-bottom: 50px; } .SupportList__header { width: 42.85714%; padding-right: 7.14286%; } .SupportList__body { width: 57.14286%; } .Table { margin-top: 60px; } .Table th, .Table td { padding-bottom: 1.9em; padding-top: 1.9em; } .VideoPlayer__circle { width: 90px; height: 90px; } .VideoPlayer__circle .text { font-size: 0.9rem; } }
@media (min-width: 1300px) { /* DO NOT REMOVE THIS COMMENT */ .AboutHellonew__description { font-size: 0.75rem; } .AboutVideo { padding: 5% 7.5%; } .AboutWhybitstar__reason { margin-left: 20%; margin-right: 20%; } .Article__body p { font-size: 0.75rem; } .Article__body li { font-size: 0.75rem; } .ContactThanks__body { font-size: 0.75rem; } .ContactThanks__body p { font-size: 0.75rem; } .CreatorsDetail__section .text-fanLetter { font-size: 0.75rem; } .CreatorsDetail__media { font-size: 0.75rem; } .CreatorsIndexList + .page-sectionTitle { margin-top: 120px; } .Fanletter { margin-left: 20%; margin-right: 20%; } .Fanletter__section { font-size: 0.75rem; } .Fanletter__description { font-size: 0.75rem; } .Fanletter__paragraph { font-size: 0.75rem; } .Fanletter__subheading { font-size: 0.75rem; } .Fanletter__listItem { font-size: 0.75rem; } .HomeMv__description { -webkit-transform: translateY(25px); transform: translateY(25px); } .MembersList__profile { font-size: 0.75rem; } .NewsIndexList__image { margin-bottom: 30px; } .NewsSlider__item { width: 494px; padding-right: 74px; } .NewsSlider__item:last-child { width: 420px; padding-right: 0; } .PageHeader__logo { width: 130px; height: 108.83px; top: 35px; left: 25px; } .PageMenu__list { top: 80px; } .PageMenu__list li + li { margin-left: 25px; } .PageMenu__corporate { top: 80px; } .PhotoModal__headerLogo { width: 88px; top: 46px; left: 56px; } .PhotoModal__btnClose { top: 48px; right: 56px; } .PickupCreator { height: 860px; padding-top: 150px; padding-bottom: 200px; } .PickupCreator__image { width: 440px; height: 440px; } .PickupNews__inner { padding-top: 150px; padding-bottom: 180px; } .is-creatorsDetail .PickupNews { padding-top: 150px; padding-bottom: 180px; } .PickupNews__header { margin-bottom: 80px; } .PickupNews__header .page-sectionTitle { margin-right: 230px; } .SupportList__body { font-size: 0.75rem; } }
@media (min-width: 1680px) { /* DO NOT REMOVE THIS COMMENT */ .AboutWhybitstar__reason { margin-left: 27.5%; margin-right: 27.5%; } .CreatorsDetail__header .catchphrase { margin-top: 25px; } .CreatorsIndexList + .page-sectionTitle { margin-top: 150px; } .page-sectionTitle + .CreatorsIndexList { margin-top: -20px; } .CreatorsIndexList__textHeader { 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; } .CreatorsIndexList__textHeader .name { display: inline-block; } .CreatorsIndexList__textHeader .page-tag { display: inline-block; position: relative; margin: 0; margin-left: 1em; } .CreatorsList__link { padding: 2.91667%; } .Fanletter { margin-left: 25%; margin-right: 25%; } .HomeMv__description { -webkit-transform: translateY(30px); transform: translateY(30px); } .PageMenu__list li + li { margin-left: 35px; } .PickupNews__body { margin-left: 14.28571%; } .SubPage__summary { width: 64.70588%; margin-top: 65px; } .SubPage__summary { -webkit-transform: translate3d(0px, 100px, 0px); transform: translate3d(0px, 100px, 0px); } }
@media (min-width: 1920px) { /* DO NOT REMOVE THIS COMMENT */ .NewsIndexList__meta { width: 17.3913%; padding-right: 4.34783%; } .NewsIndexList__title { width: 82.6087%; } .NewsSlider__item { width: 576px; padding-right: 96px; } .NewsSlider__item:last-child { width: 480px; padding-right: 0; } .SubPage__header { margin-top: 340px; } .SubPage__title .text-ja { margin-bottom: 12px; } .SubPage__summary { margin-top: 75px; } .Table { font-size: 0.7rem; } }
@media (min-width: 2560px) { /* DO NOT REMOVE THIS COMMENT */ .page-date { font-size: 16px; line-height: 18px; } .page-category { font-size: 16px; line-height: 18px; } .AboutHellonew__heading { font-size: 32px; line-height: 48px; } .AboutHellonew__contact { font-size: 32px; line-height: 37px; } .AboutWhybitstar__message .name { font-size: 14px; line-height: 15px; } .AboutWhybitstar__heading { font-size: 32px; line-height: 48px; } .AboutWhybitstar__ytlink a { padding-left: 66px; } .AboutWhybitstar__ytlink a .icon-youtube { font-size: 46px; line-height: 46px; } .AboutWhybitstar__ytlink a .text { font-size: 30px; line-height: 33px; } .AboutWhybitstar__ytlink a .icon-blank { font-size: 18px; line-height: 18px; } .Article__body h1, .Article__body h2, .Article__body h3, .Article__body h4, .Article__body h5, .Article__body h6 { margin-top: 80px; margin-bottom: 50px; font-size: 30px; } .Article__body img { margin-top: 30px; margin-bottom: 30px; } .Article__body hr { margin-top: 30px; margin-bottom: 30px; } .Article__body ul, .Article__body ol { margin-top: 25px; margin-bottom: 25px; } .ContactForm__send { font-size: 38px; line-height: 44px; } .ContactForm__send input { font-size: 38px; line-height: 44px; } .ContactPulldown__button { font-size: 33px; line-height: 38px; } .ContactPulldown__item { font-size: 33px; line-height: 38px; } .ContactThanks__body h1, .ContactThanks__body h2, .ContactThanks__body h3, .ContactThanks__body h4, .ContactThanks__body h5, .ContactThanks__body h6 { font-size: 32px; line-height: 37px; } .CreatorsDetail__header .name { font-size: 58px; line-height: 66px; } .CreatorsDetail__header .catchphrase { font-size: 18px; line-height: 25px; } .CreatorsDetail__section .profile { font-size: 18px; line-height: 36px; } .CreatorsDetail__section .title-fanLetter { font-size: 52px; line-height: 60px; } .CreatorsDetail__linkList .title { font-size: 18px; line-height: 21px; } .CreatorsIndexList__textHeader .name { font-size: 25px; line-height: 29px; } .CreatorsList__text .catchphrase { font-size: 16px; line-height: 19px; } .CreatorsList__text .name { font-size: 36px; line-height: 42px; } .Fanletter { margin-top: 190px; margin-bottom: 200px; } .Fanletter__header { padding-bottom: 75px; margin-bottom: 75px; } .Fanletter__section { margin-bottom: 100px; } .Fanletter__title { font-size: 75px; line-height: 75px; } .Fanletter__headline { margin-bottom: 25px; } .Fanletter__headline { font-size: 18px; line-height: 27px; } .Fanletter__description { margin-bottom: 75px; } .Fanletter__paragraph { margin-bottom: 25px; } .Fanletter__subheading { margin-top: 50px; margin-bottom: 25px; } .Fanletter__headline + .Fanletter__subheading { margin-top: 35px; } .Fanletter__list { margin-top: 40px; margin-bottom: 40px; } .Home__more { font-size: 55px; line-height: 55px; } .HomeAbout__description { font-size: 32px; line-height: 56px; } .HomeAbout__description { font-size: 32px; line-height: 56px; } .HomeCreators__title { margin-bottom: 50px; } .HomeCreators__title { font-size: 132px; line-height: 158px; } .HomeMessage__title span { font-size: 66px; line-height: 66px; } .HomeMessage__hold { font-size: 180px; line-height: 180px; } .HomeMessage__command { font-size: 180px; line-height: 180px; } .HomeMv__title { font-size: 112px; line-height: 179px; } .HomeMv__description { font-size: 54px; line-height: 54px; } .MembersList__name { font-size: 32px; line-height: 37px; } .NewsDetail__title { font-size: 42px; line-height: 63px; } .NewsIndexList__title .title { font-size: 38px; line-height: 57px; } .NewsSlider__title { font-size: 22px; line-height: 35px; } .Notfound__title { font-size: 160px; line-height: 160px; } .Notfound__description { font-size: 52px; line-height: 60px; } .Pagination .page-prevNext { font-size: 52px; line-height: 60px; } .Pagination .page-numbers { font-size: 52px; line-height: 60px; } .PickupCreator__title { font-size: 130px; line-height: 130px; } .PickupCreator__name { font-size: 30px; line-height: 35px; } .SubPage__title .text-ja { font-size: 18px; line-height: 18px; } .SubPage__title .text-en { font-size: 210px; line-height: 210px; } .SubPage__summary { font-size: 18px; line-height: 36px; } .SupportList__title .text-en { font-size: 38px; line-height: 42px; } .SupportList__title .text-ja { font-size: 16px; line-height: 19px; } }
@media (orientation: landscape) { /* DO NOT REMOVE THIS COMMENT */ .FullscreenMenu__nav { margin-left: 20%; } }
@media (any-hover: hover) { .page-snsList li a:hover .sns-icon { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .page-snsList li a:hover .sns-circle { opacity: 0; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); } .is-home .PageFooter .page-snsList li a:hover .sns-icon, .is-newsDetail .PageFooter .page-snsList li a:hover .sns-icon { text-shadow: 0px 0px 0 #aaaaaa,1px 1px 0 #aaaaaa,2px 2px 0 #aaaaaa,3px 3px 0 #aaaaaa,4px 4px 0 #aaaaaa,5px 5px 0 #aaaaaa,6px 6px 0 #aaaaaa,7px 7px 0 #aaaaaa,8px 8px 0 #aaaaaa,10px 10px 0 rgba(0, 0, 0, 0); } .page-textLink:hover { text-decoration: none; } .AboutHellonew__contact:hover { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .AboutHellonew__contact:hover::after { -webkit-box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .AboutHellonew__contact.is-show:hover { -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1), opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1), opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1); } .AboutWhybitstar__ytlink a:hover { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .AboutWhybitstar__ytlink a:hover .text::after { -webkit-box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .Article__body h1 a:hover, .Article__body h2 a:hover, .Article__body h3 a:hover, .Article__body h4 a:hover, .Article__body h5 a:hover, .Article__body h6 a:hover { text-decoration: none; } .Article__body p a:hover { text-decoration: none; } .Article__body li a:hover { text-decoration: none; } .ButtonGotoindex:hover .circle-icon { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .ButtonGotoindex:hover .circle-line { opacity: 0; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .ButtonGotoindex:hover .ButtonGotoindex__text { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .ContactForm .wpcf7-list-item-label a:hover { text-decoration: none; } .ContactForm .your-acceptance label:hover .icon-checkbox { background-color: #c9aafe; } .ContactForm__send:hover input { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .ContactForm__send:hover::after { -webkit-box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .ContactPulldown__button:hover { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .ContactPulldown__item a:hover { text-shadow: 0px 0px 0 #c9aafe,1px 1px 0 #c9aafe,2px 2px 0 #c9aafe,3px 3px 0 #c9aafe,4px 4px 0 #c9aafe,5px 5px 0 #c9aafe,6px 6px 0 #c9aafe,7px 7px 0 #c9aafe,8px 8px 0 #c9aafe,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .ContactThanks__body p a:hover { text-decoration: none; } .ContactThanks__footer .link-index:hover { text-decoration: none; } .CreatorsDetail__section .text-fanLetter a:hover { text-decoration: none; } .CreatorsDetail__linkList .link:hover { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .CreatorsDetail__linkList .link:hover .line { opacity: 0; -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); } .CreatorsIndexList__item a:hover .CreatorsIndexList__image { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .CreatorsIndexList__item a:hover .CreatorsIndexList__image .box-shadow::before { -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .CreatorsIndexList__item a:hover .CreatorsIndexList__image .box-shadow::after { -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .CreatorsIndexList__item a:hover .name { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .CreatorsList__link:hover .CreatorsList__image { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .CreatorsList__link:hover .CreatorsList__image .box-shadow::before { -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .CreatorsList__link:hover .CreatorsList__image .box-shadow::after { -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .CreatorsList__link:hover .name { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .Home__more.is-show:hover { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s, text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s; transition: opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s, text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s; transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s, text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s, opacity 0.8s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s, text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 2.9s; }
  .Home__more.is-show:hover::after { -webkit-box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .is-scene0 .HomeNewcomer__section.current:hover .HomeNewcomer__thumb { border: 3px #581fbb solid; -webkit-transition: border 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: border 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .is-scene0 .HomeNewcomer__section.current:hover .HomeNewcomer__title { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,5px 5px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .is-scene0 .HomeNewcomer__section.current:hover .HomeNewcomer__description { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,5px 5px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .is-scene3 .HomeSceneNav .HomeSceneNav__item:hover .HomeSceneNav__circle, .is-scene4 .HomeSceneNav .HomeSceneNav__item:hover .HomeSceneNav__circle { border: 1px #772afc solid; } .is-scene3 .HomeSceneNav .HomeSceneNav__scroll:hover .HomeSceneNav__line, .is-scene4 .HomeSceneNav .HomeSceneNav__scroll:hover .HomeSceneNav__line { background-color: rgba(119, 42, 252, 0.5); }
  .is-scene3 .HomeSceneNav .HomeSceneNav__scroll:hover .HomeSceneNav__line .line, .is-scene4 .HomeSceneNav .HomeSceneNav__scroll:hover .HomeSceneNav__line .line { background-color: #772afc; } .HomeSceneNav__item:hover .HomeSceneNav__circle { border: 1px #772afc solid; } .HomeSceneNav__scroll:hover .HomeSceneNav__line { background-color: rgba(119, 42, 252, 0.2); }
  .HomeSceneNav__scroll:hover .HomeSceneNav__line .line { background-color: #772afc; } .MembersList__header:hover .MembersList__name { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .MembersList__header:hover .Accordion__toggle .text-close, .MembersList__header:hover .Accordion__toggle .text-open { text-decoration: none; } .MovieSlider__link:hover .image-wrap { -webkit-transform: scale(1.02); transform: scale(1.02); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .MovieSlider__link:hover .image-wrap .box-shadow::before { -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .MovieSlider__link:hover .image-wrap .box-shadow::after { -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .NavFilter__current:hover { text-decoration: none; } .NavFilter__link:hover { text-shadow: 0px 0px 0 #c9aafe,1px 1px 0 #c9aafe,2px 2px 0 #c9aafe,3px 3px 0 #c9aafe,4px 4px 0 #c9aafe,5px 5px 0 #c9aafe,6px 6px 0 #c9aafe,7px 7px 0 #c9aafe,8px 8px 0 #c9aafe,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .NewsIndexList__link:hover .NewsIndexList__image { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.4s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.4s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.4s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.4s cubic-bezier(0.52, 0.08, 0.18, 1); }
  .NewsIndexList__link:hover .NewsIndexList__image .image-wrap .box-shadow::before { -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .NewsIndexList__link:hover .NewsIndexList__image .image-wrap .box-shadow::after { -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .NewsIndexList__link:hover .title { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .NewsSlider__link:hover .NewsSlider__image { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .NewsSlider__link:hover .NewsSlider__image .box-shadow::before { -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .NewsSlider__link:hover .NewsSlider__image .box-shadow::after { -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .NewsSlider__link:hover .NewsSlider__title { text-shadow: 0px 0px 0 #cccccc,1px 1px 0 #cccccc,2px 2px 0 #cccccc,3px 3px 0 #cccccc,4px 4px 0 #cccccc,5px 5px 0 #cccccc,6px 6px 0 #cccccc,7px 7px 0 #cccccc,8px 8px 0 #cccccc,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .Notfound__link:hover { text-decoration: none; } .PageFooter__linkList li a:hover { text-decoration: none; } .PageMenu__list li a:hover { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .is-scene3 .PageMenu__list li a:hover, .is-scene4 .PageMenu__list li a:hover { text-shadow: 0px 0px 0 #aaaaaa,1px 1px 0 #aaaaaa,2px 2px 0 #aaaaaa,3px 3px 0 #aaaaaa,4px 4px 0 #aaaaaa,5px 5px 0 #aaaaaa,6px 6px 0 #aaaaaa,7px 7px 0 #aaaaaa,8px 8px 0 #aaaaaa,10px 10px 0 rgba(0, 0, 0, 0); } .PageMenu__corporate:hover { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .is-scene3 .PageMenu__corporate:hover, .is-scene4 .PageMenu__corporate:hover { text-shadow: 0px 0px 0 #aaaaaa,1px 1px 0 #aaaaaa,2px 2px 0 #aaaaaa,3px 3px 0 #aaaaaa,4px 4px 0 #aaaaaa,5px 5px 0 #aaaaaa,6px 6px 0 #aaaaaa,7px 7px 0 #aaaaaa,8px 8px 0 #aaaaaa,10px 10px 0 rgba(0, 0, 0, 0); } .Pagination .page-prevNext:hover, .Pagination .page-numbers:not(.dots):not(.current):hover { text-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .Pagination .page-prevNext:hover::after, .Pagination .page-numbers:not(.dots):not(.current):hover::after { -webkit-box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); box-shadow: 0px 0px 0 #581fbb,1px 1px 0 #581fbb,2px 2px 0 #581fbb,3px 3px 0 #581fbb,4px 4px 0 #581fbb,5px 5px 0 #581fbb,6px 6px 0 #581fbb,7px 7px 0 #581fbb,8px 8px 0 #581fbb,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-box-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .PhotoModal__btnClose:hover::before { opacity: 0; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .PhotoModal__btnClose:hover .text { text-shadow: 0px 0px 0 #772afc,1px 1px 0 #772afc,2px 2px 0 #772afc,3px 3px 0 #772afc,4px 4px 0 #772afc,5px 5px 0 #772afc,6px 6px 0 #772afc,7px 7px 0 #772afc,8px 8px 0 #772afc,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .PhotoModal__btnPrev:hover::before, .PhotoModal__btnNext:hover::before { opacity: 0; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), opacity 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .PhotoModal__btnPrev:hover .text, .PhotoModal__btnNext:hover .text { text-shadow: 0px 0px 0 #772afc,1px 1px 0 #772afc,2px 2px 0 #772afc,3px 3px 0 #772afc,4px 4px 0 #772afc,5px 5px 0 #772afc,6px 6px 0 #772afc,7px 7px 0 #772afc,8px 8px 0 #772afc,10px 10px 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: text-shadow 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .PhotoSlider__link:hover .image-wrap { -webkit-transform: scale(1.02); transform: scale(1.02); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .PhotoSlider__link:hover .image-wrap .box-shadow::before { -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .PhotoSlider__link:hover .image-wrap .box-shadow::after { -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .PickupCreator__link:hover .PickupCreator__title { color: white; }
  .PickupCreator__link:hover .PickupCreator__image { -webkit-transform: translate(-45%, -80%) rotate(-10deg) scale(1); transform: translate(-45%, -80%) rotate(-10deg) scale(1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform-origin 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform-origin 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), transform-origin 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), transform-origin 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.4s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform-origin 0.4s cubic-bezier(0.37, 0.16, 0.12, 1); } .PickupCreator__link:hover .PickupCreator__image .box-shadow::before { -webkit-transform: skewY(47.5deg) scaleX(1); transform: skewY(47.5deg) scaleX(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .PickupCreator__link:hover .PickupCreator__image .box-shadow::after { -webkit-transform: skewX(42.5deg) scaleY(1); transform: skewX(42.5deg) scaleY(1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .PickupCreator__link:hover .PickupCreator__image .box-shadow::before { -webkit-transform: skewY(57.5deg) scaleX(1); transform: skewY(57.5deg) scaleX(1); }
  .PickupCreator__link:hover .PickupCreator__image .box-shadow::after { -webkit-transform: skewX(32.5deg) scaleY(1); transform: skewX(32.5deg) scaleY(1); } .PickupNews__header .link-index:hover { text-decoration: none; } .VideoPlayer__btnPlay:hover .VideoPlayer__cover::after { background-color: rgba(30, 14, 33, 0.65); -webkit-transition: background-color 0.6s cubic-bezier(0.37, 0.16, 0.12, 1); transition: background-color 0.6s cubic-bezier(0.37, 0.16, 0.12, 1); }
  .VideoPlayer__btnPlay:hover .VideoPlayer__circle .circle { -webkit-transform: scale(1.15); transform: scale(1.15); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.6s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.6s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.6s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.6s cubic-bezier(0.37, 0.16, 0.12, 1); } }
@media (any-hover: hover) and (min-width: 480px) { .PickupCreator__link:hover .PickupCreator__image { -webkit-transform: translate(-45%, -55%) rotate(-10deg) scale(1); transform: translate(-45%, -55%) rotate(-10deg) scale(1); } }
@media (any-hover: hover) and (min-width: 780px) { .PickupCreator__link:hover .PickupCreator__image { -webkit-transform: translate(-102%, -50%) rotate(-10deg) scale(1.05); transform: translate(-102%, -50%) rotate(-10deg) scale(1.05); } }
@media print { *, *:before, *:after { background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: black !important; text-shadow: none !important; }
  pre { white-space: pre-wrap; } }