@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap");
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, a, dl, dt, dd, ol, ul, li, button, input, textarea, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}

html {
  font-size: 62.5%;
}

body {
  -webkit-text-size-adjust: 100%;
  line-height: 1;
  font-size: 16px;
  font-size: 1.6rem;
  color: #000;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

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

progress {
  vertical-align: baseline;
}

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

audio, canvas, progress, video {
  display: inline-block;
}

button, [type=button], [type=reset], [type=submit], [role=button] {
  cursor: pointer;
}

[disabled] {
  cursor: default;
}

[type=number] {
  width: auto;
}

[type=search] {
  -webkit-appearance: textfield;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

button, input, optgroup, select, textarea {
  font: inherit;
  margin: 0;
}

optgroup {
  font-weight: bold;
}

button, input {
  overflow: visible;
}

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-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

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

button, select {
  text-transform: none;
}

button, input, select, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

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

select::-ms-expand {
  display: none;
}

select::-ms-value {
  color: currentColor;
}

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

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

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

a {
  text-decoration: none;
  color: inherit;
}

a:active, a:hover {
  outline-width: 0;
}

a, area, button, [role=button], input:not([type=range]), label, select, summary, textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: normal;
}

hr {
  display: block;
  height: 0;
  border: 0;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

code, kbd, pre, samp {
  font-family: Consolas, "Courier New", Courier, Monaco, monospace;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

@-webkit-keyframes slider_loop {
  0% {
    -webkit-transform: translate3d(200%, 0, 0);
            transform: translate3d(200%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slider_loop {
  0% {
    -webkit-transform: translate3d(200%, 0, 0);
            transform: translate3d(200%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes slider_loop2 {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-200%, 0, 0);
            transform: translate3d(-200%, 0, 0);
  }
}
@keyframes slider_loop2 {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-200%, 0, 0);
            transform: translate3d(-200%, 0, 0);
  }
}
@-webkit-keyframes slider_loop3 {
  0% {
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-300%, 0, 0);
            transform: translate3d(-300%, 0, 0);
  }
}
@keyframes slider_loop3 {
  0% {
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-300%, 0, 0);
            transform: translate3d(-300%, 0, 0);
  }
}
@-webkit-keyframes slider_loop_sp {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slider_loop_sp {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes slider_loop2_sp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-200%, 0, 0);
            transform: translate3d(-200%, 0, 0);
  }
}
@keyframes slider_loop2_sp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-200%, 0, 0);
            transform: translate3d(-200%, 0, 0);
  }
}
@-webkit-keyframes loop {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes loop {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes loop2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-200%, 0, 0);
            transform: translate3d(-200%, 0, 0);
  }
}
@keyframes loop2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-200%, 0, 0);
            transform: translate3d(-200%, 0, 0);
  }
}
@-webkit-keyframes new {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  15% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  30% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes new {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  15% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  30% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
}
@keyframes fuwafuwa {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
}
@-webkit-keyframes arrow_left {
  0% {
    left: 5px;
    -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 100% 100%, 100% 0);
            clip-path: polygon(100% 0, 100% 50%, 100% 100%, 100% 100%, 100% 0);
  }
  10% {
    -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 100% 100%, 100% 0);
            clip-path: polygon(100% 0, 100% 50%, 100% 100%, 100% 100%, 100% 0);
  }
  40% {
    -webkit-clip-path: polygon(65% 0, 45% 50%, 65% 100%, 100% 100%, 100% 0);
            clip-path: polygon(65% 0, 45% 50%, 65% 100%, 100% 100%, 100% 0);
  }
  50% {
    -webkit-clip-path: polygon(65% 0, 45% 50%, 65% 100%, 100% 100%, 100% 0);
            clip-path: polygon(65% 0, 45% 50%, 65% 100%, 100% 100%, 100% 0);
  }
  80% {
    -webkit-clip-path: polygon(0 0, 0 50%, 0 100%, 100% 100%, 100% 0);
            clip-path: polygon(0 0, 0 50%, 0 100%, 100% 100%, 100% 0);
  }
  100% {
    left: 0;
    -webkit-clip-path: polygon(0 0, 0 50%, 0 100%, 100% 100%, 100% 0);
            clip-path: polygon(0 0, 0 50%, 0 100%, 100% 100%, 100% 0);
  }
}
@keyframes arrow_left {
  0% {
    left: 5px;
    -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 100% 100%, 100% 0);
            clip-path: polygon(100% 0, 100% 50%, 100% 100%, 100% 100%, 100% 0);
  }
  10% {
    -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 100% 100%, 100% 0);
            clip-path: polygon(100% 0, 100% 50%, 100% 100%, 100% 100%, 100% 0);
  }
  40% {
    -webkit-clip-path: polygon(65% 0, 45% 50%, 65% 100%, 100% 100%, 100% 0);
            clip-path: polygon(65% 0, 45% 50%, 65% 100%, 100% 100%, 100% 0);
  }
  50% {
    -webkit-clip-path: polygon(65% 0, 45% 50%, 65% 100%, 100% 100%, 100% 0);
            clip-path: polygon(65% 0, 45% 50%, 65% 100%, 100% 100%, 100% 0);
  }
  80% {
    -webkit-clip-path: polygon(0 0, 0 50%, 0 100%, 100% 100%, 100% 0);
            clip-path: polygon(0 0, 0 50%, 0 100%, 100% 100%, 100% 0);
  }
  100% {
    left: 0;
    -webkit-clip-path: polygon(0 0, 0 50%, 0 100%, 100% 100%, 100% 0);
            clip-path: polygon(0 0, 0 50%, 0 100%, 100% 100%, 100% 0);
  }
}
@-webkit-keyframes arrow_right {
  0% {
    left: -5px;
    -webkit-clip-path: polygon(0 0, 0 50%, 0 100%, 0 100%, 0 0);
            clip-path: polygon(0 0, 0 50%, 0 100%, 0 100%, 0 0);
  }
  10% {
    -webkit-clip-path: polygon(0 0, 0 50%, 0 100%, 0 100%, 0 0);
            clip-path: polygon(0 0, 0 50%, 0 100%, 0 100%, 0 0);
  }
  40% {
    -webkit-clip-path: polygon(35% 0, 55% 50%, 35% 100%, 0 100%, 0 0);
            clip-path: polygon(35% 0, 55% 50%, 35% 100%, 0 100%, 0 0);
  }
  50% {
    -webkit-clip-path: polygon(35% 0, 55% 50%, 35% 100%, 0 100%, 0 0);
            clip-path: polygon(35% 0, 55% 50%, 35% 100%, 0 100%, 0 0);
  }
  80% {
    -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
            clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
  }
  100% {
    left: 0;
    -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
            clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
  }
}
@keyframes arrow_right {
  0% {
    left: -5px;
    -webkit-clip-path: polygon(0 0, 0 50%, 0 100%, 0 100%, 0 0);
            clip-path: polygon(0 0, 0 50%, 0 100%, 0 100%, 0 0);
  }
  10% {
    -webkit-clip-path: polygon(0 0, 0 50%, 0 100%, 0 100%, 0 0);
            clip-path: polygon(0 0, 0 50%, 0 100%, 0 100%, 0 0);
  }
  40% {
    -webkit-clip-path: polygon(35% 0, 55% 50%, 35% 100%, 0 100%, 0 0);
            clip-path: polygon(35% 0, 55% 50%, 35% 100%, 0 100%, 0 0);
  }
  50% {
    -webkit-clip-path: polygon(35% 0, 55% 50%, 35% 100%, 0 100%, 0 0);
            clip-path: polygon(35% 0, 55% 50%, 35% 100%, 0 100%, 0 0);
  }
  80% {
    -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
            clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
  }
  100% {
    left: 0;
    -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
            clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
  }
}
@-webkit-keyframes arrow_up {
  0% {
    top: 5px;
    -webkit-clip-path: polygon(0 100%, 0 100%, 50% 100%, 100% 100%, 100% 100%);
            clip-path: polygon(0 100%, 0 100%, 50% 100%, 100% 100%, 100% 100%);
  }
  10% {
    -webkit-clip-path: polygon(0 100%, 0 100%, 50% 100%, 100% 100%, 100% 100%);
            clip-path: polygon(0 100%, 0 100%, 50% 100%, 100% 100%, 100% 100%);
  }
  40% {
    -webkit-clip-path: polygon(0 100%, 0 65%, 50% 45%, 100% 65%, 100% 100%);
            clip-path: polygon(0 100%, 0 65%, 50% 45%, 100% 65%, 100% 100%);
  }
  50% {
    -webkit-clip-path: polygon(0 100%, 0 65%, 50% 45%, 100% 65%, 100% 100%);
            clip-path: polygon(0 100%, 0 65%, 50% 45%, 100% 65%, 100% 100%);
  }
  80% {
    -webkit-clip-path: polygon(0 100%, 0 0, 50% 0, 100% 0, 100% 100%);
            clip-path: polygon(0 100%, 0 0, 50% 0, 100% 0, 100% 100%);
  }
  100% {
    top: 0;
    -webkit-clip-path: polygon(0 100%, 0 0, 50% 0, 100% 0, 100% 100%);
            clip-path: polygon(0 100%, 0 0, 50% 0, 100% 0, 100% 100%);
  }
}
@keyframes arrow_up {
  0% {
    top: 5px;
    -webkit-clip-path: polygon(0 100%, 0 100%, 50% 100%, 100% 100%, 100% 100%);
            clip-path: polygon(0 100%, 0 100%, 50% 100%, 100% 100%, 100% 100%);
  }
  10% {
    -webkit-clip-path: polygon(0 100%, 0 100%, 50% 100%, 100% 100%, 100% 100%);
            clip-path: polygon(0 100%, 0 100%, 50% 100%, 100% 100%, 100% 100%);
  }
  40% {
    -webkit-clip-path: polygon(0 100%, 0 65%, 50% 45%, 100% 65%, 100% 100%);
            clip-path: polygon(0 100%, 0 65%, 50% 45%, 100% 65%, 100% 100%);
  }
  50% {
    -webkit-clip-path: polygon(0 100%, 0 65%, 50% 45%, 100% 65%, 100% 100%);
            clip-path: polygon(0 100%, 0 65%, 50% 45%, 100% 65%, 100% 100%);
  }
  80% {
    -webkit-clip-path: polygon(0 100%, 0 0, 50% 0, 100% 0, 100% 100%);
            clip-path: polygon(0 100%, 0 0, 50% 0, 100% 0, 100% 100%);
  }
  100% {
    top: 0;
    -webkit-clip-path: polygon(0 100%, 0 0, 50% 0, 100% 0, 100% 100%);
            clip-path: polygon(0 100%, 0 0, 50% 0, 100% 0, 100% 100%);
  }
}
@-webkit-keyframes arrow_down {
  0% {
    top: -5px;
    -webkit-clip-path: polygon(0 0, 0 0, 50% 0, 100% 0, 100% 0);
            clip-path: polygon(0 0, 0 0, 50% 0, 100% 0, 100% 0);
  }
  10% {
    -webkit-clip-path: polygon(0 0, 0 0, 50% 0, 100% 0, 100% 0);
            clip-path: polygon(0 0, 0 0, 50% 0, 100% 0, 100% 0);
  }
  40% {
    -webkit-clip-path: polygon(0 0, 0 35%, 50% 55%, 100% 35%, 100% 0);
            clip-path: polygon(0 0, 0 35%, 50% 55%, 100% 35%, 100% 0);
  }
  50% {
    -webkit-clip-path: polygon(0 0, 0 35%, 50% 55%, 100% 35%, 100% 0);
            clip-path: polygon(0 0, 0 35%, 50% 55%, 100% 35%, 100% 0);
  }
  80% {
    -webkit-clip-path: polygon(0 0, 0 100%, 50% 100%, 100% 100%, 100% 0);
            clip-path: polygon(0 0, 0 100%, 50% 100%, 100% 100%, 100% 0);
  }
  100% {
    top: 0;
    -webkit-clip-path: polygon(0 0, 0 100%, 50% 100%, 100% 100%, 100% 0);
            clip-path: polygon(0 0, 0 100%, 50% 100%, 100% 100%, 100% 0);
  }
}
@keyframes arrow_down {
  0% {
    top: -5px;
    -webkit-clip-path: polygon(0 0, 0 0, 50% 0, 100% 0, 100% 0);
            clip-path: polygon(0 0, 0 0, 50% 0, 100% 0, 100% 0);
  }
  10% {
    -webkit-clip-path: polygon(0 0, 0 0, 50% 0, 100% 0, 100% 0);
            clip-path: polygon(0 0, 0 0, 50% 0, 100% 0, 100% 0);
  }
  40% {
    -webkit-clip-path: polygon(0 0, 0 35%, 50% 55%, 100% 35%, 100% 0);
            clip-path: polygon(0 0, 0 35%, 50% 55%, 100% 35%, 100% 0);
  }
  50% {
    -webkit-clip-path: polygon(0 0, 0 35%, 50% 55%, 100% 35%, 100% 0);
            clip-path: polygon(0 0, 0 35%, 50% 55%, 100% 35%, 100% 0);
  }
  80% {
    -webkit-clip-path: polygon(0 0, 0 100%, 50% 100%, 100% 100%, 100% 0);
            clip-path: polygon(0 0, 0 100%, 50% 100%, 100% 100%, 100% 0);
  }
  100% {
    top: 0;
    -webkit-clip-path: polygon(0 0, 0 100%, 50% 100%, 100% 100%, 100% 0);
            clip-path: polygon(0 0, 0 100%, 50% 100%, 100% 100%, 100% 0);
  }
}
@-webkit-keyframes logo_blur {
  0% {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: blur(0) brightness(100%);
            filter: blur(0) brightness(100%);
  }
}
@keyframes logo_blur {
  0% {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: blur(0) brightness(100%);
            filter: blur(0) brightness(100%);
  }
}
@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.7;
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.7;
  }
}
@-webkit-keyframes skew {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  33% {
    -webkit-transform: none;
            transform: none;
  }
  33.3% {
    -webkit-transform: skewX(-30deg);
            transform: skewX(-30deg);
  }
  33.6% {
    -webkit-transform: skewX(30deg);
            transform: skewX(30deg);
  }
  33.9% {
    -webkit-transform: none;
            transform: none;
  }
  66% {
    -webkit-transform: none;
            transform: none;
  }
  66.3% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
  }
  66.6% {
    -webkit-transform: skewX(5deg);
            transform: skewX(5deg);
  }
  66.9% {
    -webkit-transform: none;
            transform: none;
  }
  77% {
    -webkit-transform: none;
            transform: none;
  }
  77.3% {
    -webkit-transform: skewX(-15deg);
            transform: skewX(-15deg);
  }
  77.6% {
    -webkit-transform: skewX(15deg);
            transform: skewX(15deg);
  }
  77.9% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes skew {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  33% {
    -webkit-transform: none;
            transform: none;
  }
  33.3% {
    -webkit-transform: skewX(-30deg);
            transform: skewX(-30deg);
  }
  33.6% {
    -webkit-transform: skewX(30deg);
            transform: skewX(30deg);
  }
  33.9% {
    -webkit-transform: none;
            transform: none;
  }
  66% {
    -webkit-transform: none;
            transform: none;
  }
  66.3% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
  }
  66.6% {
    -webkit-transform: skewX(5deg);
            transform: skewX(5deg);
  }
  66.9% {
    -webkit-transform: none;
            transform: none;
  }
  77% {
    -webkit-transform: none;
            transform: none;
  }
  77.3% {
    -webkit-transform: skewX(-15deg);
            transform: skewX(-15deg);
  }
  77.6% {
    -webkit-transform: skewX(15deg);
            transform: skewX(15deg);
  }
  77.9% {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes bar {
  0% {
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  30% {
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  90% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@keyframes bar {
  0% {
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  30% {
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  90% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@-webkit-keyframes rotate_circle1 {
  0% {
    -webkit-transform: rotate(0deg) translateY(-5%) rotate(0deg);
            transform: rotate(0deg) translateY(-5%) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(-5%) rotate(-360deg);
            transform: rotate(360deg) translateY(-5%) rotate(-360deg);
  }
}
@keyframes rotate_circle1 {
  0% {
    -webkit-transform: rotate(0deg) translateY(-5%) rotate(0deg);
            transform: rotate(0deg) translateY(-5%) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(-5%) rotate(-360deg);
            transform: rotate(360deg) translateY(-5%) rotate(-360deg);
  }
}
@-webkit-keyframes rotate_circle2 {
  0% {
    -webkit-transform: rotate(0deg) translateY(5%) rotate(0deg);
            transform: rotate(0deg) translateY(5%) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(5%) rotate(-360deg);
            transform: rotate(360deg) translateY(5%) rotate(-360deg);
  }
}
@keyframes rotate_circle2 {
  0% {
    -webkit-transform: rotate(0deg) translateY(5%) rotate(0deg);
            transform: rotate(0deg) translateY(5%) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(5%) rotate(-360deg);
            transform: rotate(360deg) translateY(5%) rotate(-360deg);
  }
}
@-webkit-keyframes rotate_circle3 {
  0% {
    -webkit-transform: rotate(0deg) translateY(-3%) rotate(0deg);
            transform: rotate(0deg) translateY(-3%) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(-3%) rotate(-360deg);
            transform: rotate(360deg) translateY(-3%) rotate(-360deg);
  }
}
@keyframes rotate_circle3 {
  0% {
    -webkit-transform: rotate(0deg) translateY(-3%) rotate(0deg);
            transform: rotate(0deg) translateY(-3%) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(-3%) rotate(-360deg);
            transform: rotate(360deg) translateY(-3%) rotate(-360deg);
  }
}
@-webkit-keyframes rotate_circle4 {
  0% {
    -webkit-transform: rotate(0deg) translateY(-4%) rotate(0deg);
            transform: rotate(0deg) translateY(-4%) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(-4%) rotate(-360deg);
            transform: rotate(360deg) translateY(-4%) rotate(-360deg);
  }
}
@keyframes rotate_circle4 {
  0% {
    -webkit-transform: rotate(0deg) translateY(-4%) rotate(0deg);
            transform: rotate(0deg) translateY(-4%) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(-4%) rotate(-360deg);
            transform: rotate(360deg) translateY(-4%) rotate(-360deg);
  }
}
html {
  height: 100%;
  background-color: #fff;
}

body {
  font-family: "YakuHanJPs", "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 900;
  color: #000000;
  font-size: 1.09vw;
  height: 100%;
  overflow: hidden;
}
body.noscroll {
  overflow: hidden;
}

picture {
  position: relative;
  display: block;
}
picture source {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}

img {
  vertical-align: bottom;
}

._PcContents {
  display: block;
}

._SpContents {
  display: none;
}

#wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
#wrapper.deactive {
  opacity: 0;
  visibility: hidden;
}

#container {
  position: relative;
  width: 100%;
  height: 100%;
}
[data-target-mask] {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: -webkit-clip-path;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  display: inline-block;
  visibility: hidden;
}
[data-target-mask][data-right].action, [data-target-mask][data-left].action, [data-target-mask][data-up].action, [data-target-mask][data-down].action {
  visibility: visible;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
[data-target-mask][data-right] {
  -webkit-clip-path: inset(0 99.99% 0 0);
          clip-path: inset(0 99.99% 0 0);
}
[data-target-mask][data-left] {
  -webkit-clip-path: inset(0 0 0 99.99%);
          clip-path: inset(0 0 0 99.99%);
}
[data-target-mask][data-up] {
  -webkit-clip-path: inset(99.99% 0 0 0);
          clip-path: inset(99.99% 0 0 0);
}
[data-target-mask][data-down] {
  -webkit-clip-path: inset(0 0 99.99% 0);
          clip-path: inset(0 0 99.99% 0);
}

[data-target] {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  opacity: 0;
}
[data-target].action {
  opacity: 1;
}
[data-target][data-nomotion] {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
}
[data-target][data-slideup] {
  -webkit-transform: translateY(1.56vw) scale(1);
          transform: translateY(1.56vw) scale(1);
}
[data-target][data-slideup].action {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
[data-target][data-slidedown] {
  -webkit-transform: translateY(-1.56vw) scale(1);
          transform: translateY(-1.56vw) scale(1);
}
[data-target][data-slidedown].action {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
[data-target][data-slideleft] {
  -webkit-transform: translateX(1.56vw) scale(1);
          transform: translateX(1.56vw) scale(1);
}
[data-target][data-slideleft].action {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
[data-target][data-slideright] {
  -webkit-transform: translateX(-1.56vw) scale(1);
          transform: translateX(-1.56vw) scale(1);
}
[data-target][data-slideright].action {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

[data-lzy] {
  opacity: 0;
}
[data-lzy].action {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 1;
}

.disable-hover {
  pointer-events: none;
}

#defineSVG {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
}

.ic_play {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  background: url(../img/youtube_icon.svg) no-repeat 0 0;
  background-size: 100% 100%;
  width: 3.75vw;
  height: 3.75vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
}
.ic_play svg {
  width: 3.75vw;
  height: 3.75vw;
  fill: #ffffff;
  margin-left: 0.47vw;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.8)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .8));
          filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .8));
}

.obj {
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

section,
.contents {
  position: relative;
  z-index: 5;
}

.sec_inner {
  position: relative;
  max-width: 100vw;
  margin: auto;
}

.swiper-button-prev.custom,
.swiper-button-next.custom {
  width: 4.53vw;
  height: 6.88vw;
  margin-top: 0;
  top: 0;
  opacity: 1;
  z-index: 6;
}
.swiper-button-prev.custom:after,
.swiper-button-next.custom:after {
  display: none;
}
.swiper-button-prev.custom svg,
.swiper-button-next.custom svg {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  fill: #f05578;
  width: 4.53vw;
  height: 6.88vw;
}
.swiper-button-prev.custom.swiper-button-disabled,
.swiper-button-next.custom.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.swiper-button-prev.custom.swiper-button-disabled svg,
.swiper-button-next.custom.swiper-button-disabled svg {
  fill: #ffffff;
}

.swiper-button-prev.custom {
  left: 0;
}

.swiper-button-next.custom {
  right: 0;
}

.swiper-pagination.custom {
  bottom: 0;
  z-index: 5;
}
.swiper-pagination.custom .swiper-pagination-bullet {
  background: none;
  width: 1.64vw;
  height: 1.64vw;
  opacity: 1;
  border-radius: 0;
  margin: 0 0.39vw;
}
.swiper-pagination.custom .swiper-pagination-bullet svg {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  fill: #ffffff;
  width: 100%;
  height: 100%;
}
.swiper-pagination.custom .swiper-pagination-bullet.swiper-pagination-bullet-active svg {
  fill: #f05578;
}

.label_title {
  position: relative;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(52,52,52,0.45)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0 0 4px rgba(52, 52, 52, .45));
          filter: drop-shadow(0 0 4px rgba(52, 52, 52, .45));
  will-change: filter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 5;
}
.label_title:before, .label_title:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  z-index: -1;
}
.label_title:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 100%;
  right: 0;
}
.label_title:after {
  background-position: 100% 0;
  background-repeat: repeat-x;
  height: 100%;
}
.label_title.pink {
  height: 10.94vw;
}
.label_title.pink:before {
  background-image: url(../img/common/label_pink_right.png);
  width: 1.41vw;
}
.label_title.pink:after {
  background-image: url(../img/common/label_pink_middle.png);
  background-size: 2.34vw auto;
  width: calc(100% - 1.41vw);
  right: 1.41vw;
}
.label_title.pink2 {
  height: 11.41vw;
}
.label_title.pink2:before {
  background-image: url(../img/common/label_pink_right_2.png);
  width: 0.63vw;
}
.label_title.pink2:after {
  background-image: url(../img/common/label_pink_middle_2.png);
  background-size: 2.42vw auto;
  width: calc(100% - 0.63vw);
  right: 0.63vw;
}
.label_title.green, .label_title.blue, .label_title.yellow {
  height: 7.03vw;
}
.label_title.green:before, .label_title.blue:before, .label_title.yellow:before {
  width: 0.9vw;
}
.label_title.green:after, .label_title.blue:after, .label_title.yellow:after {
  background-size: 2.38vw auto;
  width: calc(100% - 0.9vw);
  right: 0.9vw;
}
.label_title.green:before {
  background-image: url(../img/common/label_green_right.png);
}
.label_title.green:after {
  background-image: url(../img/common/label_green_middle.png);
}
.label_title.blue:before {
  background-image: url(../img/common/label_blue_right.png);
}
.label_title.blue:after {
  background-image: url(../img/common/label_blue_middle.png);
}
.label_title.yellow:before {
  background-image: url(../img/common/label_yellow_right.png);
}
.label_title.yellow:after {
  background-image: url(../img/common/label_yellow_middle.png);
}

.bar_title {
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 4.69vw 4.69vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  border-radius: 2.19vw;
  height: 5.31vw;
  z-index: 5;
}
.bar_title svg {
  position: absolute;
}
.bar_title.green {
  background-image: url(../img/common/bg_paper_green.png);
}
.bar_title.pink {
  background-image: url(../img/common/bg_paper_pink.png);
}

[data-ytplayer] {
  position: relative;
}
[data-ytplayer] a {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  display: block;
  position: relative;
  z-index: 2;
}
[data-ytplayer] a:before {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
[data-ytplayer] a .thumb {
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transition-property: width, opacity, -webkit-transform;
  transition-property: width, opacity, -webkit-transform;
  transition-property: transform, width, opacity;
  transition-property: transform, width, opacity, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  position: relative;
  display: block;
}
[data-ytplayer] a .btn {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  pointer-events: none;
}
[data-ytplayer] a.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
[data-ytplayer] .yt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
[data-ytplayer] iframe {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}

[data-clickmovie] {
  position: relative;
}
[data-clickmovie] .inner {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
[data-clickmovie] video {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
[data-clickmovie] .click_video_btn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 55px;
  cursor: pointer;
  z-index: 99;
  display: none;
}
[data-clickmovie] .poster {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
}
[data-clickmovie] .poster img {
  width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
[data-clickmovie] .btn {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  pointer-events: none;
}
[data-clickmovie].active .btn,
[data-clickmovie].active .poster {
  opacity: 0;
  visibility: hidden;
}
[data-clickmovie].active .btn img,
[data-clickmovie].active .poster img {
  display: none;
}
[data-clickmovie].pause .poster img {
  display: none;
}
[data-clickmovie].pause .btn,
[data-clickmovie].pause .poster {
  opacity: 1;
  visibility: visible;
}

[data-device=touch] [data-clickmovie] .click_video_btn {
  bottom: 0;
}

.bg_yellow {
  background: url(../img/common/bg_yellow.png) repeat 0 0;
  background-size: 38.98vw 25.78vw;
}

.mask_bg {
  -webkit-mask: url(../img/common/mask_wave.svg) repeat-x 0 0;
          mask: url(../img/common/mask_wave.svg) repeat-x 0 0;
  -webkit-mask-size: 125vw 283.59vw;
          mask-size: 125vw 283.59vw;
  height: calc(100% + 1.41vw);
  width: 100%;
  position: absolute;
  top: -1.41vw;
  left: 0;
  pointer-events: none;
  z-index: -1;
  will-change: mask, transform;
}
.mask_bg:before {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 38.98vw 25.78vw;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: -39.26991vw;
  height: calc(100% + 79.94982vw);
  width: calc(100% + 79.94982vw);
}
.mask_bg.yellow:before {
  background-image: url(../img/common/bg_yellow.png);
}
.mask_bg.blue:before {
  background-image: url(../img/common/bg_blue.png);
}
.mask_bg.orange:before {
  background-image: url(../img/common/bg_orange.png);
}
.mask_bg.pink:before {
  background-image: url(../img/common/bg_pink.png);
}

.loop_slider {
  width: 100%;
  z-index: 1;
}
.loop_slider.action .slider {
  -webkit-animation-play-state: running !important;
          animation-play-state: running !important;
}
.loop_slider.active .slider figure {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.5" intercept="-0.25" /><feFuncG type="linear" slope="1.5" intercept="-0.25" /><feFuncB type="linear" slope="1.5" intercept="-0.25" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(100%) grayscale(0) contrast(150%);
          filter: brightness(100%) grayscale(0) contrast(150%);
  opacity: 1;
}
.loop_slider .slider_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}
.loop_slider .slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
  position: relative;
  z-index: 1;
  will-change: transform;
}
.loop_slider .slider:first-child {
  -webkit-animation: slider_loop 180s linear infinite;
          animation: slider_loop 180s linear infinite;
}
.loop_slider .slider:nth-child(2) {
  -webkit-animation: slider_loop2 180s -120s linear infinite;
          animation: slider_loop2 180s -120s linear infinite;
}
.loop_slider .slider:last-child {
  -webkit-animation: slider_loop3 180s -60s linear infinite;
          animation: slider_loop3 180s -60s linear infinite;
}
.loop_slider .slider.reverse:first-child {
  animation-direction: reverse;
}
.loop_slider .slider.reverse:nth-child(2) {
  animation-direction: reverse;
}
.loop_slider .slider.reverse:last-child {
  animation-direction: reverse;
}
.loop_slider .slider .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
#modal {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  overflow-x: hidden;
  pointer-events: none;
}
#modal.active {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
}
#modal.active #modalContents {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
#modal #modalInner {
  width: 100%;
  min-height: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 7.81vw 0;
  position: relative;
}
#modal #modalInner:before {
  background: url(../img/common/bg_green.png) repeat 0 0;
  background-size: 38.98vw 25.78vw;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.9;
  z-index: -1;
}
#modal #modalContents {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  position: relative;
  z-index: 5;
  max-width: 100vw;
  width: 100%;
  margin: auto;
  opacity: 0;
}
#modal .btn_close {
  position: fixed;
  top: -5.63vw;
  right: 3.13vw;
  width: 4.06vw;
  height: 4.06vw;
  z-index: 99;
}
#modal .btn_close span {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  background-color: #ebece8;
  display: block;
  height: 8px;
  width: 5.47vw;
  position: absolute;
  border-radius: 0.31vw;
  top: 2.03vw;
  left: 0;
}
#modal .btn_close span:nth-child(1) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#modal .btn_close span:nth-child(2) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#modal .modal_body {
  display: none;
  position: relative;
}
#modal .modal_body.active {
  display: block;
}

#modalCopy .contents #copySliderMain {
  width: 81.88vw;
  margin: 0 auto 5vw;
}
#modalCopy .contents #copySliderMain .swiper-container {
  overflow: visible;
  overflow: initial;
}
#modalCopy .contents #copySliderMain .swiper-slide {
  width: 81.88vw;
  margin-right: 9.06vw;
}
#modalCopy .contents #copySliderMain .swiper-slide:last-of-type {
  margin-right: 0;
}
#modalCopy .contents #copySliderMain .swiper-slide .mov {
  background: url(../img/common/bg_stripe_yellow.png) repeat 0 0;
  background-size: 1.8vw 3.44vw;
  width: 81.88vw;
  height: 46.88vw;
  margin-bottom: 1.88vw;
  padding: 0.94vw;
  border-radius: 2.34vw;
}
#modalCopy .contents #copySliderMain .swiper-slide .mov .inner {
  width: 100%;
  height: 100%;
}
#modalCopy .contents #copySliderMain .swiper-slide .mov video {
  width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#modalCopy .contents #copySliderMain .swiper-slide .name {
  background: url(../img/common/label_modal_title.png) no-repeat 0 0;
  background-size: 100% 100%;
  width: 57.19vw;
  height: 4.69vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
}
#modalCopy .contents #copySliderMain .swiper-slide .name img {
  height: 2.66vw;
}
#modalCopy .contents #copySliderMain .swiper-slide .name svg {
  width: 1.95vw;
  height: 1.88vw;
  fill: #ffffff;
  position: absolute;
  top: 50%;
  margin-top: -0.94vw;
}
#modalCopy .contents #copySliderMain .swiper-slide .name svg:nth-child(1) {
  left: 3.13vw;
}
#modalCopy .contents #copySliderMain .swiper-slide .name svg:nth-child(2) {
  right: 3.13vw;
}
#modalCopy .contents #copySliderMain .swiper-prev,
#modalCopy .contents #copySliderMain .swiper-next {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  position: absolute;
  top: 20.7vw;
  z-index: 10;
  cursor: pointer;
}
#modalCopy .contents #copySliderMain .swiper-prev img,
#modalCopy .contents #copySliderMain .swiper-next img {
  width: 4.38vw;
}
#modalCopy .contents #copySliderMain .swiper-prev.swiper-button-disabled,
#modalCopy .contents #copySliderMain .swiper-next.swiper-button-disabled {
  display: none;
}
#modalCopy .contents #copySliderMain .swiper-prev {
  left: -6.88vw;
}
#modalCopy .contents #copySliderMain .swiper-next {
  right: -6.88vw;
}
#modalCopy .contents #copySliderThumb {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
}
#modalCopy .contents #copySliderThumb .thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.39vw;
}
#modalCopy .contents #copySliderThumb .thumb dt {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  background: url(../img/common/bg_stripe_yellow.png) repeat 0 0;
  background-size: 1.8vw 3.44vw;
  width: 9.53vw;
  height: 9.53vw;
  border-radius: 100%;
  overflow: hidden;
  margin-bottom: 0.78vw;
}
#modalCopy .contents #copySliderThumb .thumb dt img {
  width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
#modalCopy .contents #copySliderThumb .thumb dd {
  text-align: center;
  position: relative;
}
#modalCopy .contents #copySliderThumb .thumb dd img {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  height: 1.33vw;
}
#modalCopy .contents #copySliderThumb .thumb dd img.off {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.01" /><feFuncG type="linear" slope="0.01" /><feFuncB type="linear" slope="0.01" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(0%) invert(100%);
          filter: brightness(0%) invert(100%);
}
#modalCopy .contents #copySliderThumb .thumb dd img.on {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
}
#modalCopy .contents #copySliderThumb .thumb.active dt {
  padding: 0.47vw;
}
#modalCopy .contents #copySliderThumb .thumb.active dd img.off {
  opacity: 0;
}
#modalCopy .contents #copySliderThumb .thumb.active dd img.on {
  opacity: 1;
}
._isDebug {
  display: none;
}

._isPc {
  display: block;
}

._isSP {
  display: none;
}

._Scene {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
._Scene.active {
  pointer-events: initial;
}

.HeaderDeco {
  position: absolute;
  top: 3.13vw;
  left: 3.13vw;
  z-index: 10;
  height: 1.02vw;
}
.HeaderDeco .Header_Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1.02vw;
}
.HeaderDeco .TitleImg {
  margin-right: 1.09vw;
}
.HeaderDeco .TitleImg img {
  display: block;
  width: 4.38vw;
  height: 1.02vw;
}
.HeaderDeco .IndexImgList {
  position: relative;
  width: 5.16vw;
  height: 1.02vw;
  margin-right: 1.41vw;
}
.HeaderDeco .IndexImgList .IndexImg {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.HeaderDeco .IndexImgList .IndexImg.active {
  opacity: 1;
}
.HeaderDeco .IndexImgList .IndexImg img {
  display: block;
  margin-top: 0.23vw;
}
.HeaderDeco .IndexImgList .IndexImg._1 img {
  width: 4.77vw;
  height: 0.7vw;
}
.HeaderDeco .IndexImgList .IndexImg._2 img {
  width: 4.45vw;
  height: 0.7vw;
}
.HeaderDeco .IndexImgList .IndexImg._3 img {
  width: 4.92vw;
  height: 0.7vw;
}
.HeaderDeco .IndexImgList .IndexImg._4 img {
  width: 4.14vw;
  height: 0.7vw;
}
.HeaderDeco .IndexImgList .IndexImg._5 img {
  width: 4.22vw;
  height: 0.7vw;
}
.HeaderDeco .bar {
  height: 0.08vw;
  width: 16.41vw;
  background-color: #000;
}

.FooterArea {
  position: fixed;
  bottom: 0;
  z-index: 20;
  width: 100%;
  height: 3.91vw;
  overflow: hidden;
  -webkit-transform: translateY(3.98vw);
          transform: translateY(3.98vw);
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.FooterArea.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.FooterArea .Footer_Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.FooterArea .NewsArea {
  position: relative;
  width: calc(100% - 17.97vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #e0dfdf;
  background-color: #FFF;
}
.FooterArea .NewsArea .NewsArea_Inner {
  margin-left: 6.25vw;
  width: 100%;
}
.FooterArea .NewsArea .NewsContetns {
  position: relative;
  width: calc(100% - 10.16vw);
  height: 1.02vw;
  overflow: hidden;
}
.FooterArea .NewsArea .news {
  position: absolute;
  white-space: nowrap;
  font-family: "sans-serif";
  font-weight: normal;
  font-weight: initial;
  pointer-events: none;
  will-change: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.FooterArea .NewsArea .news.active {
  pointer-events: initial;
}
.FooterArea .NewsArea .news .date {
  margin-right: 0.78vw;
}
.FooterArea .NewsArea .NewsBtn {
  position: absolute;
  right: 4.84vw;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}
.FooterArea .NewsArea .NewsBtn.active {
  opacity: 1;
  pointer-events: initial;
}
.FooterArea .NewsArea .NewsBtn .NewsBtn_Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.FooterArea .NewsArea .NewsBtn img {
  width: 0.63vw;
  height: 1.09vw;
}
.FooterArea .NewsArea .NewsPrevBtn {
  margin-right: 2.19vw;
}
.FooterArea .RecruitArea {
  width: 17.97vw;
  background-color: #000;
}
.FooterArea .RecruitArea .RecruitBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.FooterArea .RecruitArea .RecruitBtn picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.FooterArea .RecruitArea .RecruitBtn img {
  width: 4.38vw;
  height: 1.02vw;
}

.LeftDeco {
  position: absolute;
  bottom: 6.56vw;
  left: 3.13vw;
  z-index: 12;
}
.LeftDeco img {
  width: 0.86vw;
  height: 28.44vw;
}

.RightDeco {
  position: absolute;
  height: 100%;
  right: 3.13vw;
  z-index: 12;
}
.RightDeco .PageNum {
  margin-bottom: 3.91vw;
}
.RightDeco .NumImg {
  position: absolute;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.RightDeco .NumImg.active {
  opacity: 1;
}
.RightDeco .NumImg._1 img {
  width: 0.63vw;
  height: 0.7vw;
}
.RightDeco .NumImg._2 img {
  width: 0.63vw;
  height: 0.86vw;
}
.RightDeco .NumImg._3 img {
  width: 0.63vw;
  height: 0.78vw;
}
.RightDeco .NumImg._4 img {
  width: 0.63vw;
  height: 0.86vw;
}
.RightDeco .NumImg._5 img {
  width: 0.63vw;
  height: 0.78vw;
}
.RightDeco .PageIndex {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  right: 0;
}
.RightDeco .PageIndex_Inner {
  position: relative;
}
.RightDeco .IndexBtn {
  margin-bottom: 0.16vw;
  cursor: pointer;
}
.RightDeco .IndexBtn svg {
  width: 22px;
  height: 22px;
  stroke-width: 2px;
  fill-opacity: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.RightDeco .IndexBtn svg .progress__value {
  fill: none;
  stroke-width: 0.94vw;
  stroke-linecap: round;
  stroke: #34696b;
}
.RightDeco .IndexBtn svg._1 {
  stroke: #adabab;
}
.RightDeco .IndexBtn svg._2 {
  stroke: #929191;
}
.RightDeco .IndexBtn svg._3 {
  stroke: #696969;
}
.RightDeco .IndexBtn svg._4 {
  stroke: #373737;
}
.RightDeco .IndexBtn svg._5 {
  stroke: #000;
}
.RightDeco .IndexBtn.deactive {
  pointer-events: none;
}
.RightDeco .IndexBtn.active {
  pointer-events: none;
}
.RightDeco .IndexBtn.active svg {
  fill-opacity: 1;
}
.RightDeco .IndexBtn.active svg._1 {
  fill: #adabab;
}
.RightDeco .IndexBtn.active svg._2 {
  fill: #929191;
}
.RightDeco .IndexBtn.active svg._3 {
  fill: #696969;
}
.RightDeco .IndexBtn.active svg._4 {
  fill: #373737;
}
.RightDeco .IndexBtn.active svg._5 {
  fill: #000;
}

.MenuBtnArea {
  position: absolute;
  height: 100%;
  right: 3.13vw;
  z-index: 100000;
  pointer-events: none;
}
.MenuBtnArea .MenuBtn {
  position: relative;
  pointer-events: auto;
}
.MenuBtnArea .MenuBtn .MenuBtn_Inner {
  position: relative;
  width: 50px;
  height: 50px;
  background-color: rgba(255, 255, 255, .2);
  border: 1px solid #000;
  border-radius: 50%;
  cursor: pointer;
  margin-top: 3.13vw;
}
.MenuBtnArea .MenuBtn span {
  display: inline-block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  position: absolute;
  left: 11px;
  height: 2px;
  width: 24px;
  border-radius: 2px;
  background: #000;
}
.MenuBtnArea .MenuBtn span:nth-of-type(1) {
  top: 16px;
}
.MenuBtnArea .MenuBtn span:nth-of-type(2) {
  top: 24px;
}
.MenuBtnArea .MenuBtn span:nth-of-type(3) {
  top: 32px;
}
.MenuBtnArea .MenuBtn.close .MenuBtn_Inner {
  border: 1px solid #FFF;
}
.MenuBtnArea .MenuBtn.close span:nth-of-type(1) {
  top: 18px;
  left: 13px;
  -webkit-transform: translateY(6px) rotate(-45deg);
          transform: translateY(6px) rotate(-45deg);
  width: 22px;
  background: #fff;
}
.MenuBtnArea .MenuBtn.close span:nth-of-type(2) {
  opacity: 0;
}
.MenuBtnArea .MenuBtn.close span:nth-of-type(3) {
  top: 30px;
  left: 13px;
  -webkit-transform: translateY(-6px) rotate(45deg);
          transform: translateY(-6px) rotate(45deg);
  width: 22px;
  background: #fff;
}
.MenuBtnArea .MenuBtn.deactive {
  pointer-events: none;
}

#Modal {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  overflow-x: hidden;
  pointer-events: none;
}
#Modal.show {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
}
#Modal .Bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(47, 47, 47, .95);
  pointer-events: all;
}
#Modal .Modal_Inner {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#Modal .ModalContents_Inner {
  width: 31.02vw;
  height: 31.88vw;
}
#Modal .ModalLogoImg {
  position: relative;
  text-align: center;
  padding-bottom: 1.88vw;
  margin-bottom: 1.88vw;
}
#Modal .ModalLogoImg:before {
  content: "";
  background-color: #545454;
  height: 1px;
  width: 31.02vw;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
#Modal .ModalLogoImg img {
  width: 12.27vw;
  height: 2.66vw;
}
#Modal ._pcnavi {
  display: block;
}
#Modal ._spnavi {
  display: none;
}
#Modal nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#Modal .NavImg {
  position: relative;
}
#Modal .NavImg:not(:last-of-type) {
  margin-right: 1.8vw;
}
#Modal .NavImg svg {
  fill: #fcf9f2;
}
#Modal .NavImg a {
  position: relative;
  display: block;
  height: 100%;
}
#Modal .NavImg._1 svg {
  width: 2.27vw;
  height: 25.08vw;
}
#Modal .NavImg._2 svg {
  width: 2.27vw;
  height: 15.31vw;
}
#Modal .NavImg._3 svg {
  width: 2.27vw;
  height: 17.97vw;
}
#Modal .NavImg._4 svg {
  width: 2.27vw;
  height: 14.69vw;
}
#Modal .NavImg._5 {
  margin-top: -0.16vw;
}
#Modal .NavImg._5 svg {
  width: 2.34vw;
  height: 23.36vw;
}
#Modal .NavImg._6 svg {
  width: 2.27vw;
  height: 15.7vw;
}
#Modal .NavImg._7 svg {
  width: 2.27vw;
  height: 19.77vw;
}
#Modal .NavImg._8 svg {
  width: 2.27vw;
  height: 22.81vw;
}

.DetailBtn {
  position: absolute;
  z-index: 11;
  -webkit-filter: drop-shadow(0px 0px 0.31vw #444);
          filter: drop-shadow(0px 0px 0.31vw #444);
  will-change: filter;
}
.DetailBtn .DetailBtn_Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.DetailBtn img {
  margin-right: 1.56vw;
}
.DetailBtn .arrow {
  width: 0.7vw;
  height: 1.17vw;
  fill: #fff;
  margin-top: 0.16vw;
}
.DetailBtn._s1 {
  right: 9.38vw;
  bottom: 11.33vw;
}
.DetailBtn._s1 img {
  width: 13.52vw;
  height: 1.41vw;
}
.DetailBtn._s2 {
  left: 13.44vw;
  bottom: 10.94vw;
}
.DetailBtn._s2 img {
  width: 6.25vw;
  height: 1.56vw;
}
.DetailBtn._s3 {
  right: 12.42vw;
  bottom: 10.7vw;
}
.DetailBtn._s3 img {
  width: 7.66vw;
  height: 1.33vw;
}
.DetailBtn._s4 {
  left: 13.44vw;
  bottom: 10.94vw;
}
.DetailBtn._s4 img {
  width: 6.17vw;
  height: 1.48vw;
}
.DetailBtn._s5 {
  right: 10vw;
  bottom: 11.02vw;
}
.DetailBtn._s5 img {
  width: 12.81vw;
  height: 1.8vw;
}
.DetailBtn._s5 .arrow {
  margin-top: -0.16vw;
}

.CanvasArea {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition-duration: 1.8s;
          transition-duration: 1.8s;
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
          transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.CanvasArea._Hide {
  opacity: 0;
}

._LineRow {
  position: absolute;
  width: 100.5%;
  height: 100.5%;
  background-color: #000;
  will-change: transform, width;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  z-index: 1;
}
._LineRow._Hide {
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}
._LineRow._colorW {
  background-color: #fcf9f2;
}

._LineCol {
  position: absolute;
  width: 100.5%;
  height: 100.5%;
  background-color: #000;
  will-change: transform, width;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  z-index: 1;
}
._LineCol._Hide {
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}
._LineCol._colorW {
  background-color: #fcf9f2;
}

.contetnsimg {
  visibility: hidden;
}
.contetnsimg._Show {
  visibility: visible;
}

.CharaArea {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: opacity, transform, filter, scale, translate;
}
.CharaArea .Chara_Inner._1 {
  -webkit-transform: translateY(73.44vw) translateX(34.38vw);
          transform: translateY(73.44vw) translateX(34.38vw);
}
.CharaArea .Chara_Inner._2 {
  -webkit-transform: translateY(67.19vw) translateX(-32.66vw);
          transform: translateY(67.19vw) translateX(-32.66vw);
}
.CharaArea .Chara_Inner._3 {
  -webkit-transform: translateY(70.31vw) translateX(29.69vw);
          transform: translateY(70.31vw) translateX(29.69vw);
}
.CharaArea .Chara_Inner._4 {
  -webkit-transform: translateY(65.31vw) translateX(-27.34vw);
          transform: translateY(65.31vw) translateX(-27.34vw);
}
.CharaArea .Chara_Inner._5 {
  -webkit-transform: translateY(74.22vw) translateX(26.88vw);
          transform: translateY(74.22vw) translateX(26.88vw);
}

.CharaImg {
  z-index: 3;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: opacity, transform, filter, scale, translate;
}
.CharaImg._s1_CharaImg img {
  width: 72.81vw;
  height: 216.09vw;
}
.CharaImg._s2_CharaImg img {
  width: 64.3vw;
  height: 200.55vw;
}
.CharaImg._s3_CharaImg {
  top: -1.56vw;
  right: -11.72vw;
}
.CharaImg._s3_CharaImg img {
  width: 62.5vw;
  height: 212.73vw;
}
.CharaImg._s4_CharaImg {
  top: -7.03vw;
  left: -15.16vw;
}
.CharaImg._s4_CharaImg img {
  width: 50.08vw;
  height: 200.23vw;
}
.CharaImg._s5_CharaImg {
  top: -3.13vw;
  right: -22.97vw;
}
.CharaImg._s5_CharaImg img {
  width: 54.22vw;
  height: 219.92vw;
}

.BgTextArea {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: transform, opacity filter;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.BgTextArea .BgText_Inner._1 {
  -webkit-transform: translateY(-1.25vw) translateX(-30.47vw);
          transform: translateY(-1.25vw) translateX(-30.47vw);
}
.BgTextArea .BgText_Inner._2 {
  -webkit-transform: translateY(-1.88vw) translateX(24.22vw);
          transform: translateY(-1.88vw) translateX(24.22vw);
}
.BgTextArea .BgText_Inner._3 {
  -webkit-transform: translateY(-1.41vw) translateX(-26.56vw);
          transform: translateY(-1.41vw) translateX(-26.56vw);
}
.BgTextArea .BgText_Inner._4 {
  -webkit-transform: translateY(-1.41vw) translateX(22.97vw);
          transform: translateY(-1.41vw) translateX(22.97vw);
}
.BgTextArea .BgText_Inner._5 {
  -webkit-transform: translateY(-1.56vw) translateX(-25.78vw);
          transform: translateY(-1.56vw) translateX(-25.78vw);
}
.BgTextArea._outline svg {
  -webkit-transition-duration: 0.35s;
          transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transition-property: fill-opacity, stroke, opacity;
  transition-property: fill-opacity, stroke, opacity;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  fill-opacity: 0;
  stroke: #d6d4ce !important;
}

._BG_TextImg {
  will-change: transform, opacity;
}
._BG_TextImg svg {
  fill: #000;
  stroke: #000;
  stroke-width: 0.16vw;
}
._BG_TextImg._s1_BgText1 {
  width: 35.16vw;
  height: 30.47vw;
  margin-bottom: 1.41vw;
  -webkit-transform: translateX(3.13vw);
          transform: translateX(3.13vw);
}
._BG_TextImg._s1_BgText1 svg {
  width: 35.16vw;
  height: 30.47vw;
}
._BG_TextImg._s1_BgText2 {
  width: 29.06vw;
  height: 28.98vw;
}
._BG_TextImg._s1_BgText2 svg {
  width: 29.06vw;
  height: 28.98vw;
}
._BG_TextImg._s2_BgText1 {
  width: 33.67vw;
  height: 28.83vw;
  margin-bottom: 2.34vw;
  -webkit-transform: translateX(4.69vw);
          transform: translateX(4.69vw);
}
._BG_TextImg._s2_BgText1 svg {
  width: 33.67vw;
  height: 28.83vw;
}
._BG_TextImg._s2_BgText2 {
  width: 33.36vw;
  height: 28.59vw;
}
._BG_TextImg._s2_BgText2 svg {
  width: 33.36vw;
  height: 28.59vw;
}
._BG_TextImg._s3_BgText1 {
  width: 31.17vw;
  height: 30.78vw;
  margin-bottom: 0.39vw;
  -webkit-transform: translateX(4.69vw);
          transform: translateX(4.69vw);
}
._BG_TextImg._s3_BgText1 svg {
  width: 31.17vw;
  height: 30.78vw;
}
._BG_TextImg._s3_BgText2 {
  width: 35.16vw;
  height: 30.47vw;
  -webkit-transform: translateY(-0.78vw) translateX(-2.34vw);
          transform: translateY(-0.78vw) translateX(-2.34vw);
}
._BG_TextImg._s3_BgText2 svg {
  width: 35.16vw;
  height: 30.47vw;
}
._BG_TextImg._s4_BgText1 {
  width: 32.27vw;
  height: 29.53vw;
  -webkit-transform: translateX(3.28vw);
          transform: translateX(3.28vw);
  margin-bottom: 1.56vw;
}
._BG_TextImg._s4_BgText1 svg {
  width: 32.27vw;
  height: 29.53vw;
}
._BG_TextImg._s4_BgText2 {
  width: 32.73vw;
  height: 29.61vw;
  -webkit-transform: translateY(-0.78vw);
          transform: translateY(-0.78vw);
}
._BG_TextImg._s4_BgText2 svg {
  width: 32.73vw;
  height: 29.61vw;
}
._BG_TextImg._s5_BgText1 {
  width: 35.23vw;
  height: 30.16vw;
  margin-bottom: 0.47vw;
  -webkit-transform: translateX(3.28vw);
          transform: translateX(3.28vw);
}
._BG_TextImg._s5_BgText1 svg {
  width: 35.23vw;
  height: 30.16vw;
}
._BG_TextImg._s5_BgText2 {
  width: 32.58vw;
  height: 29.77vw;
}
._BG_TextImg._s5_BgText2 svg {
  width: 32.58vw;
  height: 29.77vw;
}

.MessageArea {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
}
.MessageArea .MessageArea_Inner {
  position: absolute;
  -webkit-transform-origin: left;
          transform-origin: left;
  z-index: 11;
}
.MessageArea .MessageArea_Inner._1 {
  margin-top: -2.97vw;
  -webkit-transform: translateX(-8.44vw);
          transform: translateX(-8.44vw);
}
.MessageArea .MessageArea_Inner._2 {
  margin-top: -3.59vw;
  -webkit-transform: translateX(19.53vw);
          transform: translateX(19.53vw);
}
.MessageArea .MessageArea_Inner._3 {
  margin-top: -3.13vw;
  -webkit-transform: translateX(-8.59vw);
          transform: translateX(-8.59vw);
}
.MessageArea .MessageArea_Inner._4 {
  margin-top: -3.91vw;
  -webkit-transform: translateX(17.97vw);
          transform: translateX(17.97vw);
}
.MessageArea .MessageArea_Inner._5 {
  margin-top: -3.44vw;
  -webkit-transform: translateX(-8.75vw);
          transform: translateX(-8.75vw);
}

.Label {
  position: relative;
  margin-bottom: 1.88vw;
  margin-left: 1.25vw;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -webkit-transition-property: -webkit-clip-path;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  display: inline-block;
  visibility: hidden;
  -webkit-clip-path: inset(0 99.99% 0 0);
          clip-path: inset(0 99.99% 0 0);
}
.Label.show {
  visibility: visible;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.Label._1 img {
  width: 17.97vw;
  height: 1.48vw;
}
.Label._2 img {
  width: 13.75vw;
  height: 1.48vw;
}
.Label._3 img {
  width: 29.77vw;
  height: 1.48vw;
}
.Label._4 img {
  width: 27.89vw;
  height: 1.48vw;
}
.Label._5 img {
  width: 23.83vw;
  height: 1.48vw;
}

.CopyImg {
  position: relative;
  margin-bottom: 2.03vw;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -webkit-transition-property: -webkit-clip-path;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  visibility: hidden;
  -webkit-clip-path: inset(0 99.99% 0 0);
          clip-path: inset(0 99.99% 0 0);
}
.CopyImg.show {
  visibility: visible;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.CopyImg:last-of-type {
  margin-bottom: 2.97vw;
}
.CopyImg._2 {
  margin-left: -1.41vw;
}
.CopyImg._s1_c1 img {
  width: 45vw;
  height: 6.17vw;
}
.CopyImg._s1_c2 img {
  width: 19.84vw;
  height: 6.17vw;
}
.CopyImg._s2_c1 img {
  width: 34.22vw;
  height: 6.17vw;
}
.CopyImg._s2_c2 img {
  width: 38.44vw;
  height: 6.17vw;
}
.CopyImg._s3_c1 img {
  width: 43.75vw;
  height: 6.17vw;
}
.CopyImg._s3_c2 img {
  width: 31.95vw;
  height: 6.17vw;
}
.CopyImg._s4_c1 img {
  width: 44.69vw;
  height: 6.17vw;
}
.CopyImg._s4_c2 img {
  width: 38.75vw;
  height: 6.33vw;
}
.CopyImg._s5_c1 img {
  width: 45.39vw;
  height: 6.25vw;
}
.CopyImg._s5_c2 img {
  width: 39.22vw;
  height: 6.17vw;
}

.TextArea {
  -webkit-transform: translateX(-1.88vw);
          transform: translateX(-1.88vw);
}

.TextImg {
  position: relative;
}
.TextImg:not(:last-of-type) {
  margin-bottom: 0.78vw;
}
.TextImg._s1_t1 img {
  width: 35vw;
}
.TextImg._s1_t2 {
  margin-left: -0.94vw;
}
.TextImg._s1_t2 img {
  width: 25.78vw;
}
.TextImg._s1_t3 {
  margin-left: -1.41vw;
}
.TextImg._s1_t3 img {
  width: 20.23vw;
}
.TextImg._s2_t1 img {
  width: 42.34vw;
}
.TextImg._s2_t2 {
  margin-left: -0.94vw;
}
.TextImg._s2_t2 img {
  width: 28.05vw;
}
.TextImg._s2_t3 {
  margin-left: -1.56vw;
}
.TextImg._s2_t3 img {
  width: 34.61vw;
}
.TextImg._s3_t1 img {
  width: 50.7vw;
}
.TextImg._s3_t2 {
  margin-left: -0.78vw;
}
.TextImg._s3_t2 img {
  width: 45.63vw;
}
.TextImg._s3_t3 {
  margin-left: -1.41vw;
}
.TextImg._s3_t3 img {
  width: 40.16vw;
}
.TextImg._s4_t1 {
  margin-left: 0.31vw;
}
.TextImg._s4_t1 img {
  width: 53.67vw;
}
.TextImg._s4_t2 {
  margin-left: -0.16vw;
}
.TextImg._s4_t2 img {
  width: 27.89vw;
}
.TextImg._s4_t3 {
  margin-left: -0.63vw;
}
.TextImg._s4_t3 img {
  width: 43.59vw;
}
.TextImg._s5_t1 img {
  width: 23.44vw;
}
.TextImg._s5_t2 {
  margin-left: -0.78vw;
}
.TextImg._s5_t2 img {
  width: 37.89vw;
}

.CircleArea {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

._CircleFrontArea {
  z-index: 10;
}
._CircleFrontArea .Circle2 {
  position: absolute;
  will-change: transform;
}
._CircleFrontArea .Circle2 img {
  position: absolute;
  will-change: transform, opacity;
  -webkit-animation: rotate_circle3 15s linear infinite;
          animation: rotate_circle3 15s linear infinite;
}
._CircleFrontArea .Circle2._s1_circle2 {
  top: -4.69vw;
  left: 3.75vw;
  width: 18.05vw;
  height: 18.05vw;
}
._CircleFrontArea .Circle2._s1_circle2 img {
  width: 18.05vw;
  height: 18.05vw;
}
._CircleFrontArea .Circle2._s2_circle2 {
  top: -1.56vw;
  right: 3.59vw;
  width: 16.17vw;
  height: 16.17vw;
}
._CircleFrontArea .Circle2._s2_circle2 img {
  width: 16.17vw;
  height: 16.17vw;
}
._CircleFrontArea .Circle2._s3_circle2 {
  top: -2.34vw;
  left: 2.5vw;
  width: 18.67vw;
  height: 18.67vw;
}
._CircleFrontArea .Circle2._s3_circle2 img {
  width: 18.67vw;
  height: 18.67vw;
}
._CircleFrontArea .Circle2._s4_circle2 {
  top: -0.78vw;
  right: 8.59vw;
  width: 17.42vw;
  height: 17.42vw;
}
._CircleFrontArea .Circle2._s4_circle2 img {
  width: 17.42vw;
  height: 17.42vw;
}
._CircleFrontArea .Circle2._s5_circle2 {
  top: 3.13vw;
  left: -1.56vw;
  width: 16.09vw;
  height: 16.09vw;
}
._CircleFrontArea .Circle2._s5_circle2 img {
  width: 16.09vw;
  height: 16.09vw;
}
._CircleFrontArea .Circle3 {
  position: absolute;
  will-change: transform;
}
._CircleFrontArea .Circle3 img {
  position: absolute;
  will-change: transform, opacity;
  -webkit-animation: rotate_circle2 15s linear infinite;
          animation: rotate_circle2 15s linear infinite;
}
._CircleFrontArea .Circle3._s1_circle3 {
  top: 7.03vw;
  left: -1.56vw;
  width: 10.39vw;
  height: 10.39vw;
}
._CircleFrontArea .Circle3._s1_circle3 img {
  width: 10.39vw;
  height: 10.39vw;
}
._CircleFrontArea .Circle3._s2_circle3 {
  top: 6.56vw;
  right: -1.56vw;
  width: 9.84vw;
  height: 9.84vw;
}
._CircleFrontArea .Circle3._s2_circle3 img {
  width: 9.84vw;
  height: 9.84vw;
}
._CircleFrontArea .Circle3._s3_circle3 {
  top: 10.78vw;
  left: -1.56vw;
  width: 9.84vw;
  height: 9.84vw;
}
._CircleFrontArea .Circle3._s3_circle3 img {
  width: 9.84vw;
  height: 9.84vw;
}
._CircleFrontArea .Circle3._s4_circle3 {
  top: 8.75vw;
  right: 2.5vw;
  width: 8.98vw;
  height: 8.98vw;
}
._CircleFrontArea .Circle3._s4_circle3 img {
  width: 8.98vw;
  height: 8.98vw;
}
._CircleFrontArea .Circle3._s5_circle3 {
  top: 0vw;
  left: 10.94vw;
  width: 9.06vw;
  height: 9.06vw;
}
._CircleFrontArea .Circle3._s5_circle3 img {
  width: 9.06vw;
  height: 9.06vw;
}
._CircleFrontArea .Circle4 {
  position: absolute;
  will-change: transform;
}
._CircleFrontArea .Circle4 img {
  position: absolute;
  will-change: transform, opacity;
  -webkit-animation: rotate_circle3 15s linear infinite;
          animation: rotate_circle3 15s linear infinite;
}
._CircleFrontArea .Circle4._s1_circle4 {
  bottom: 0.78vw;
  left: -2.34vw;
  width: 10.94vw;
  height: 10.94vw;
}
._CircleFrontArea .Circle4._s1_circle4 img {
  width: 10.94vw;
  height: 10.94vw;
}
._CircleFrontArea .Circle4._s2_circle4 {
  bottom: 7.66vw;
  right: -3.13vw;
  width: 10.63vw;
  height: 10.63vw;
}
._CircleFrontArea .Circle4._s2_circle4 img {
  width: 10.63vw;
  height: 10.63vw;
}
._CircleFrontArea .Circle4._s4_circle4 {
  bottom: -0.78vw;
  right: -3.13vw;
  width: 16.64vw;
  height: 16.64vw;
}
._CircleFrontArea .Circle4._s4_circle4 img {
  width: 16.64vw;
  height: 16.64vw;
}
._CircleFrontArea .Circle4._s5_circle4 {
  bottom: 10.16vw;
  left: -3.13vw;
  width: 12.11vw;
  height: 12.11vw;
}
._CircleFrontArea .Circle4._s5_circle4 img {
  width: 12.11vw;
  height: 12.11vw;
}
._CircleFrontArea .CircleCommon {
  position: absolute;
  will-change: transform;
  width: 22.19vw;
  height: 22.19vw;
}
._CircleFrontArea .CircleCommon img {
  position: absolute;
  will-change: transform, opacity;
  width: 22.19vw;
  height: 22.19vw;
}
._CircleFrontArea .CircleCommon._s1 {
  bottom: 1.25vw;
  right: 6.09vw;
}
._CircleFrontArea .CircleCommon._s2 {
  bottom: 0vw;
  left: 6.25vw;
}
._CircleFrontArea .CircleCommon._s3 {
  bottom: 0vw;
  right: 6.25vw;
}
._CircleFrontArea .CircleCommon._s4 {
  bottom: 0vw;
  left: 6.25vw;
}
._CircleFrontArea .CircleCommon._s5 {
  bottom: 0vw;
  right: 6.25vw;
}

._CircleBackArea .Circle1 {
  position: absolute;
  will-change: transform;
}
._CircleBackArea .Circle1 img {
  position: absolute;
  will-change: transform, opacity;
  -webkit-animation: rotate_circle1 20s linear infinite;
          animation: rotate_circle1 20s linear infinite;
}
._CircleBackArea .Circle1._s1_circle1 {
  width: 35.94vw;
  height: 35.94vw;
  bottom: 2.66vw;
  right: 17.42vw;
}
._CircleBackArea .Circle1._s1_circle1 img {
  width: 35.94vw;
  height: 35.94vw;
}
._CircleBackArea .Circle1._s2_circle1 {
  width: 34.06vw;
  height: 34.06vw;
  bottom: 6.25vw;
  left: 20vw;
}
._CircleBackArea .Circle1._s2_circle1 img {
  width: 34.06vw;
  height: 34.06vw;
}
._CircleBackArea .Circle1._s3_circle1 {
  width: 37.03vw;
  height: 37.03vw;
  bottom: 6.25vw;
  right: 17.73vw;
}
._CircleBackArea .Circle1._s3_circle1 img {
  width: 37.03vw;
  height: 37.03vw;
}
._CircleBackArea .Circle1._s4_circle1 {
  width: 38.05vw;
  height: 38.05vw;
  bottom: 6.25vw;
  left: 17.11vw;
}
._CircleBackArea .Circle1._s4_circle1 img {
  width: 38.05vw;
  height: 38.05vw;
}
._CircleBackArea .Circle1._s5_circle1 {
  width: 42.42vw;
  height: 42.42vw;
  bottom: 2.11vw;
  right: 13.98vw;
}
._CircleBackArea .Circle1._s5_circle1 img {
  width: 42.42vw;
  height: 42.42vw;
}
._CircleBackArea .Circle4 {
  position: absolute;
  will-change: transform;
}
._CircleBackArea .Circle4 img {
  position: absolute;
  will-change: transform, opacity;
  -webkit-animation: rotate_circle2 15s linear infinite;
          animation: rotate_circle2 15s linear infinite;
}
._CircleBackArea .Circle4._s3_circle4 {
  top: -10.78vw;
  right: 7.81vw;
  width: 27.42vw;
  height: 27.42vw;
}
._CircleBackArea .Circle4._s3_circle4 img {
  width: 27.42vw;
  height: 27.42vw;
}
._CircleBackArea .Circle5 {
  position: absolute;
  will-change: transform;
}
._CircleBackArea .Circle5 img {
  position: absolute;
  will-change: transform, opacity;
  -webkit-animation: rotate_circle4 15s linear infinite;
          animation: rotate_circle4 15s linear infinite;
}
._CircleBackArea .Circle5._s1_circle5 {
  top: -13.67vw;
  right: 0.94vw;
  width: 35.16vw;
  height: 35.16vw;
}
._CircleBackArea .Circle5._s1_circle5 img {
  width: 35.16vw;
  height: 35.16vw;
}
._CircleBackArea .Circle5._s2_circle5 {
  top: -13.67vw;
  left: 11.33vw;
  width: 26.02vw;
  height: 26.02vw;
}
._CircleBackArea .Circle5._s2_circle5 img {
  width: 26.02vw;
  height: 26.02vw;
}
._CircleBackArea .Circle5._s3_circle5 {
  bottom: 4.69vw;
  left: 2.03vw;
  width: 12.97vw;
  height: 12.97vw;
}
._CircleBackArea .Circle5._s3_circle5 img {
  width: 12.97vw;
  height: 12.97vw;
}
._CircleBackArea .Circle5._s4_circle5 {
  top: 3.13vw;
  left: 7.81vw;
  width: 30.55vw;
  height: 30.55vw;
}
._CircleBackArea .Circle5._s4_circle5 img {
  width: 30.55vw;
  height: 30.55vw;
}
._CircleBackArea .Circle5._s5_circle5 {
  top: 7.03vw;
  right: 9.38vw;
  width: 33.52vw;
  height: 33.52vw;
}
._CircleBackArea .Circle5._s5_circle5 img {
  width: 33.52vw;
  height: 33.52vw;
}

._LineAnimeRow:before {
  content: "";
  height: 100%;
  width: 100%;
  background-color: #000;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  will-change: transform, width;
  -webkit-transition-duration: 0.35s;
          transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
._LineAnimeRow img, ._LineAnimeRow svg {
  visibility: hidden;
}
._LineAnimeRow._Show:before {
  -webkit-transition-duration: 0.35s;
          transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
._LineAnimeRow._Hide img, ._LineAnimeRow._Hide svg {
  visibility: visible;
}
._LineAnimeRow._Hide:before {
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
  -webkit-transition-duration: 0.35s;
          transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

._LineAnimeCol:before {
  content: "";
  height: 100%;
  width: 100%;
  background-color: #000;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  will-change: transform, width;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
          transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
._LineAnimeCol img, ._LineAnimeCol svg {
  visibility: hidden;
}
._LineAnimeCol._Show:before {
  -webkit-transition-duration: 0.35s;
          transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
._LineAnimeCol._Hide img, ._LineAnimeCol._Hide svg {
  visibility: visible;
}
._LineAnimeCol._Hide:before {
  -webkit-transition-duration: 0.35s;
          transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}

.IntroCopyArea {
  pointer-events: none;
}

.Logo {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 20;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: opacity;
}
.Logo .Bg {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.Logo .Bg.deactive {
  display: none;
}
.Logo .Logo_Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.Logo img {
  width: 24.53vw;
  height: 5.39vw;
}

.ScrollAttention {
  position: absolute;
  left: 50%;
  bottom: 4.69vw;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  text-align: center;
  z-index: 20;
}
.ScrollAttention .ScrollTextImg1 {
  position: relative;
  margin-bottom: 0.31vw;
}
.ScrollAttention .ScrollTextImg1 img {
  width: 6.56vw;
  height: 1.09vw;
}
.ScrollAttention .ScrollTextImg2 {
  position: relative;
  display: inline-block;
  margin-bottom: 0.63vw;
}
.ScrollAttention .ScrollTextImg2 img {
  width: 3.28vw;
  height: 1.02vw;
}
.ScrollAttention .bar {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50, 0);
          transform: translate(-50, 0);
  background-color: #d0cdc8;
  width: 1px;
  height: 4.69vw;
}
.ScrollAttention .bar._base {
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}
.ScrollAttention .bar._color {
  background-color: #004a3d;
  -webkit-animation: bar 1.5s 0s linear infinite;
          animation: bar 1.5s 0s linear infinite;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.ScrollAttention .bar._color._play {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.IntroCopyArea {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 20;
  will-change: opacity, transform, filter, scale;
}
.IntroCopyArea .IntroCopyImg {
  position: relative;
}
.IntroCopyArea .IntroCopyImg._1 {
  margin-bottom: 1.25vw;
}
.IntroCopyArea .IntroCopyImg._1 img {
  width: 38.67vw;
  height: 3.44vw;
}
.IntroCopyArea .IntroCopyImg._2 {
  width: 13.13vw;
  margin: 0 auto;
}
.IntroCopyArea .IntroCopyImg._2 img {
  width: 13.13vw;
  height: 1.02vw;
}
@media screen and (min-width: 1024px) {
  #wrapper [data-tb],
  #wrapper [data-sp],
  #modal [data-tb],
  #modal [data-sp] {
    display: none !important;
  }
  #wrapper [data-pc],
  #modal [data-pc] {
    display: inline-block !important;
  }
}
@media screen and (min-width: 760px) and (max-width: 1024px) {
  #wrapper [data-pc],
  #wrapper [data-sp],
  #modal [data-pc],
  #modal [data-sp] {
    display: none !important;
  }
  #wrapper [data-tb],
  #modal [data-tb] {
    display: inline-block !important;
  }
  html {
    height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  body {
    overflow: hidden;
    font-size: 1.16vw;
    height: 100%;
  }
  #wrapper {
    overflow: hidden;
  }
  [data-target][slideup] {
    -webkit-transform: translateY(1.66vw) scale(1);
            transform: translateY(1.66vw) scale(1);
  }
  [data-target][slidedown] {
    -webkit-transform: translateY(-1.66vw) scale(1);
            transform: translateY(-1.66vw) scale(1);
  }
  [data-target][slideleft] {
    -webkit-transform: translateX(1.66vw) scale(1);
            transform: translateX(1.66vw) scale(1);
  }
  [data-target][slideright] {
    -webkit-transform: translateX(-1.66vw) scale(1);
            transform: translateX(-1.66vw) scale(1);
  }
  .switch_logo {
    width: 8.3vw;
    height: 8.3vw;
  }
  .site_logo {
    width: 34.86vw;
    height: 34.45vw;
  }
  .ic_play {
    width: 5.64vw;
    height: 4.23vw;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .ic_play svg {
    width: 3.98vw;
    height: 3.98vw;
    margin-left: 0.5vw;
  }
  .sec_inner {
    max-width: 106.25vw;
  }
  .swiper-button-prev.custom,
  .swiper-button-next.custom {
    width: 4.81vw;
    height: 7.3vw;
  }
  .swiper-button-prev.custom svg,
  .swiper-button-next.custom svg {
    width: 4.81vw;
    height: 7.3vw;
  }
  .swiper-pagination.custom .swiper-pagination-bullet {
    width: 1.74vw;
    height: 1.74vw;
    margin: 0 0.42vw;
  }
  .label_title.pink {
    height: 11.62vw;
  }
  .label_title.pink:before {
    width: 1.49vw;
  }
  .label_title.pink:after {
    background-size: 2.49vw auto;
    width: calc(100% - 1.49vw);
    right: 1.49vw;
  }
  .label_title.pink2 {
    height: 12.12vw;
  }
  .label_title.pink2:before {
    width: 0.66vw;
  }
  .label_title.pink2:after {
    background-size: 2.57vw auto;
    width: calc(100% - 0.66vw);
    right: 0.66vw;
  }
  .label_title.green, .label_title.blue, .label_title.yellow {
    height: 7.47vw;
  }
  .label_title.green:before, .label_title.blue:before, .label_title.yellow:before {
    width: 0.95vw;
  }
  .label_title.green:after, .label_title.blue:after, .label_title.yellow:after {
    background-size: 2.53vw auto;
    width: calc(100% - 0.95vw);
    right: 0.95vw;
  }
  .bar_title {
    background-size: 4.98vw 4.98vw;
    border-radius: 2.32vw;
    height: 5.64vw;
  }
  [data-ytplayer] {
    position: relative;
  }
  [data-ytplayer] a {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    display: block;
    position: relative;
    z-index: 2;
  }
  [data-ytplayer] a:before {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  [data-ytplayer] a .thumb {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    position: relative;
    display: block;
  }
  [data-ytplayer] a .btn {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    pointer-events: none;
  }
  [data-ytplayer] a.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  [data-ytplayer] .yt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  [data-ytplayer] iframe {
    width: 100%;
    height: 100%;
    vertical-align: bottom;
  }
  [data-clickmovie] .inner {
    border-radius: 2.16vw;
  }
  [data-clickmovie] .click_video_btn {
    bottom: 4.57vw;
  }
  .bg_yellow {
    background-size: 41.42vw 27.39vw;
  }
  .mask_bg {
    -webkit-mask-size: 132.81vw 301.32vw;
            mask-size: 132.81vw 301.32vw;
    height: calc(100% + 1.49vw);
    top: -1.49vw;
  }
  .mask_bg:before {
    background-size: 41.42vw 27.39vw;
    margin: -39.26991vw;
    height: calc(100% + 80.02982vw);
    width: calc(100% + 80.02982vw);
  }
  [data-ruby] {
    position: relative;
  }
  [data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1.16vw;
    left: 0.2vw;
    right: 0;
    margin: auto;
    font-size: 8px;
  }
  [data-ruby2] {
    position: relative;
  }
  [data-ruby2]::before {
    content: attr(data-ruby2);
    position: absolute;
    top: -1.16vw;
    left: -0.33vw;
    right: 0;
    margin: auto;
    font-size: 0.2em;
    width: 2.49vw;
  }
  [data-ruby3] {
    position: relative;
  }
  [data-ruby3]::before {
    content: attr(data-ruby3);
    position: absolute;
    top: -1.16vw;
    left: 0.33vw;
    right: 0;
    margin: auto;
    font-size: 8px;
    width: 2.49vw;
  }
  [data-ruby4] {
    position: relative;
  }
  [data-ruby4]::before {
    content: attr(data-ruby4);
    position: absolute;
    top: -0.91vw;
    left: 0.17vw;
    right: 0;
    margin: auto;
    font-size: 8px;
  }
  #modal #modalInner {
    padding: 8.3vw 0;
  }
  #modal #modalInner:before {
    background-size: 41.42vw 27.39vw;
  }
  #modal #modalContents {
    max-width: 106.25vw;
  }
  #modal .btn_close {
    top: -5.98vw;
    right: 3.32vw;
    width: 4.32vw;
    height: 4.32vw;
  }
  #modal .btn_close span {
    height: 0.66vw;
    width: 5.81vw;
    border-radius: 0.33vw;
    top: 2.16vw;
  }
  #modalCopy .contents #copySliderMain {
    width: 86.99vw;
    margin: 0 auto 5.31vw;
  }
  #modalCopy .contents #copySliderMain .swiper-slide {
    width: 86.99vw;
    margin-right: 6.505vw;
  }
  #modalCopy .contents #copySliderMain .swiper-slide .mov {
    background-size: 1.91vw 3.65vw;
    width: 86.99vw;
    height: 49.8vw;
    margin-bottom: 1.99vw;
    padding: 1vw;
    border-radius: 2.49vw;
  }
  #modalCopy .contents #copySliderMain .swiper-slide .name {
    width: 60.76vw;
    height: 4.98vw;
  }
  #modalCopy .contents #copySliderMain .swiper-slide .name img {
    height: 2.82vw;
  }
  #modalCopy .contents #copySliderMain .swiper-slide .name svg {
    width: 2.08vw;
    height: 1.99vw;
    margin-top: -1vw;
  }
  #modalCopy .contents #copySliderMain .swiper-slide .name svg:nth-child(1) {
    left: 3.32vw;
  }
  #modalCopy .contents #copySliderMain .swiper-slide .name svg:nth-child(2) {
    right: 3.32vw;
  }
  #modalCopy .contents #copySliderMain .swiper-prev,
  #modalCopy .contents #copySliderMain .swiper-next {
    top: 22vw;
  }
  #modalCopy .contents #copySliderMain .swiper-prev img,
  #modalCopy .contents #copySliderMain .swiper-next img {
    width: 4.65vw;
  }
  #modalCopy .contents #copySliderMain .swiper-prev {
    left: -7.3vw;
  }
  #modalCopy .contents #copySliderMain .swiper-next {
    right: -7.3vw;
  }
  #modalCopy .contents #copySliderThumb .thumb {
    margin: 0 0.42vw;
  }
  #modalCopy .contents #copySliderThumb .thumb dt {
    background-size: 1.91vw 3.65vw;
    width: 10.13vw;
    height: 10.13vw;
    margin-bottom: 0.83vw;
  }
  #modalCopy .contents #copySliderThumb .thumb dd img {
    height: 1.41vw;
  }
  ._Scene {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  ._Scene.active {
    pointer-events: initial;
  }
  .HeaderDeco {
    position: absolute;
    top: 3.32vw;
    left: 3.32vw;
    z-index: 10;
    height: 1.08vw;
  }
  .HeaderDeco .Header_Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 1.08vw;
  }
  .HeaderDeco .TitleImg {
    margin-right: 1.16vw;
  }
  .HeaderDeco .TitleImg img {
    display: block;
    width: 4.65vw;
    height: 1.08vw;
  }
  .HeaderDeco .IndexImgList {
    position: relative;
    width: 5.48vw;
    height: 1.08vw;
    margin-right: 1.49vw;
  }
  .HeaderDeco .IndexImgList .IndexImg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }
  .HeaderDeco .IndexImgList .IndexImg.active {
    opacity: 1;
  }
  .HeaderDeco .IndexImgList .IndexImg img {
    display: block;
    margin-top: 0.25vw;
  }
  .HeaderDeco .IndexImgList .IndexImg._1 img {
    width: 5.06vw;
    height: 0.75vw;
  }
  .HeaderDeco .IndexImgList .IndexImg._2 img {
    width: 4.73vw;
    height: 0.75vw;
  }
  .HeaderDeco .IndexImgList .IndexImg._3 img {
    width: 5.23vw;
    height: 0.75vw;
  }
  .HeaderDeco .IndexImgList .IndexImg._4 img {
    width: 4.4vw;
    height: 0.75vw;
  }
  .HeaderDeco .IndexImgList .IndexImg._5 img {
    width: 4.48vw;
    height: 0.75vw;
  }
  .HeaderDeco .bar {
    height: 0.08vw;
    width: 17.43vw;
    background-color: #000;
  }
  .FooterArea {
    position: fixed;
    bottom: 0;
    z-index: 20;
    width: 100%;
    height: 4.15vw;
    overflow: hidden;
    -webkit-transform: translateY(4.23vw);
            transform: translateY(4.23vw);
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
            transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .FooterArea.active {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .FooterArea .Footer_Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
  }
  .FooterArea .NewsArea {
    position: relative;
    width: calc(100% - 19.09vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 1px solid #e0dfdf;
    background-color: #FFF;
  }
  .FooterArea .NewsArea .NewsArea_Inner {
    margin-left: 6.64vw;
    width: 100%;
  }
  .FooterArea .NewsArea .NewsContetns {
    position: relative;
    width: calc(100% - 10.79vw);
    height: 1.08vw;
    overflow: hidden;
  }
  .FooterArea .NewsArea .news {
    position: absolute;
    white-space: nowrap;
    font-family: "sans-serif";
    font-weight: normal;
    font-weight: initial;
    pointer-events: none;
    will-change: transform, opacity;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .FooterArea .NewsArea .news.active {
    pointer-events: initial;
  }
  .FooterArea .NewsArea .news .date {
    margin-right: 0.83vw;
  }
  .FooterArea .NewsArea .NewsBtn {
    position: absolute;
    right: 5.15vw;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
  }
  .FooterArea .NewsArea .NewsBtn.active {
    opacity: 1;
    pointer-events: initial;
  }
  .FooterArea .NewsArea .NewsBtn .NewsBtn_Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .FooterArea .NewsArea .NewsBtn img {
    width: 0.66vw;
    height: 1.16vw;
  }
  .FooterArea .NewsArea .NewsPrevBtn {
    margin-right: 2.32vw;
  }
  .FooterArea .RecruitArea {
    width: 19.09vw;
    background-color: #000;
  }
  .FooterArea .RecruitArea .RecruitBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
  }
  .FooterArea .RecruitArea .RecruitBtn picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .FooterArea .RecruitArea .RecruitBtn img {
    width: 4.65vw;
    height: 1.08vw;
  }
  .LeftDeco {
    position: absolute;
    bottom: 6.97vw;
    left: 3.32vw;
    z-index: 12;
  }
  .LeftDeco img {
    width: 0.91vw;
    height: 30.21vw;
  }
  .RightDeco {
    position: absolute;
    height: 100%;
    right: 3.32vw;
    z-index: 12;
  }
  .RightDeco .PageNum {
    margin-bottom: 4.15vw;
  }
  .RightDeco .NumImg {
    position: absolute;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    opacity: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .RightDeco .NumImg.active {
    opacity: 1;
  }
  .RightDeco .NumImg._1 img {
    width: 0.66vw;
    height: 0.75vw;
  }
  .RightDeco .NumImg._2 img {
    width: 0.66vw;
    height: 0.91vw;
  }
  .RightDeco .NumImg._3 img {
    width: 0.66vw;
    height: 0.83vw;
  }
  .RightDeco .NumImg._4 img {
    width: 0.66vw;
    height: 0.91vw;
  }
  .RightDeco .NumImg._5 img {
    width: 0.66vw;
    height: 0.83vw;
  }
  .RightDeco .PageIndex {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    right: 0;
  }
  .RightDeco .PageIndex_Inner {
    position: relative;
  }
  .RightDeco .IndexBtn {
    margin-bottom: 0.17vw;
    cursor: pointer;
  }
  .RightDeco .IndexBtn svg {
    width: 1.83vw;
    height: 1.83vw;
    stroke-width: 2px;
    fill-opacity: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .RightDeco .IndexBtn svg .progress__value {
    fill: none;
    stroke-width: 1vw;
    stroke-linecap: round;
    stroke: #34696b;
  }
  .RightDeco .IndexBtn svg._1 {
    stroke: #adabab;
  }
  .RightDeco .IndexBtn svg._2 {
    stroke: #929191;
  }
  .RightDeco .IndexBtn svg._3 {
    stroke: #696969;
  }
  .RightDeco .IndexBtn svg._4 {
    stroke: #373737;
  }
  .RightDeco .IndexBtn svg._5 {
    stroke: #000;
  }
  .RightDeco .IndexBtn.deactive {
    pointer-events: none;
  }
  .RightDeco .IndexBtn.active {
    pointer-events: none;
  }
  .RightDeco .IndexBtn.active svg {
    fill-opacity: 1;
  }
  .RightDeco .IndexBtn.active svg._1 {
    fill: #adabab;
  }
  .RightDeco .IndexBtn.active svg._2 {
    fill: #929191;
  }
  .RightDeco .IndexBtn.active svg._3 {
    fill: #696969;
  }
  .RightDeco .IndexBtn.active svg._4 {
    fill: #373737;
  }
  .RightDeco .IndexBtn.active svg._5 {
    fill: #000;
  }
  .MenuBtnArea {
    position: absolute;
    height: 100%;
    right: 3.32vw;
    z-index: 100000;
    pointer-events: none;
  }
  .MenuBtnArea .MenuBtn {
    position: relative;
    pointer-events: auto;
  }
  .MenuBtnArea .MenuBtn .MenuBtn_Inner {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, .2);
    border: 1px solid #000;
    border-radius: 50%;
    cursor: pointer;
    margin-top: 3.32vw;
  }
  .MenuBtnArea .MenuBtn span {
    display: inline-block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    position: absolute;
    left: 11px;
    height: 2px;
    width: 24px;
    border-radius: 2px;
    background: #000;
  }
  .MenuBtnArea .MenuBtn span:nth-of-type(1) {
    top: 16px;
  }
  .MenuBtnArea .MenuBtn span:nth-of-type(2) {
    top: 24px;
  }
  .MenuBtnArea .MenuBtn span:nth-of-type(3) {
    top: 32px;
  }
  .MenuBtnArea .MenuBtn.close .MenuBtn_Inner {
    border: 1px solid #FFF;
  }
  .MenuBtnArea .MenuBtn.close span:nth-of-type(1) {
    top: 18px;
    left: 13px;
    -webkit-transform: translateY(6px) rotate(-45deg);
            transform: translateY(6px) rotate(-45deg);
    width: 22px;
    background: #fff;
  }
  .MenuBtnArea .MenuBtn.close span:nth-of-type(2) {
    opacity: 0;
  }
  .MenuBtnArea .MenuBtn.close span:nth-of-type(3) {
    top: 30px;
    left: 13px;
    -webkit-transform: translateY(-6px) rotate(45deg);
            transform: translateY(-6px) rotate(45deg);
    width: 22px;
    background: #fff;
  }
  .MenuBtnArea .MenuBtn.deactive {
    pointer-events: none;
  }
  #Modal {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    pointer-events: none;
  }
  #Modal.show {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
  }
  #Modal .Bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(47, 47, 47, .95);
    pointer-events: all;
  }
  #Modal .Modal_Inner {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #Modal .ModalContents_Inner {
    width: 28.8vw;
    height: 33.87vw;
  }
  #Modal .ModalLogoImg {
    position: relative;
    text-align: center;
    padding-bottom: 1.99vw;
    margin-bottom: 1.99vw;
  }
  #Modal .ModalLogoImg:before {
    content: "";
    background-color: #545454;
    height: 1px;
    width: 28.8vw;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
  }
  #Modal .ModalLogoImg img {
    width: 13.03vw;
    height: 2.82vw;
  }
  #Modal ._pcnavi {
    display: block;
  }
  #Modal ._spnavi {
    display: none;
  }
  #Modal nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #Modal .NavImg {
    position: relative;
  }
  #Modal .NavImg:not(:last-of-type) {
    margin-right: 1.91vw;
  }
  #Modal .NavImg svg {
    fill: #fcf9f2;
  }
  #Modal .NavImg a {
    position: relative;
    display: block;
    height: 100%;
  }
  #Modal .NavImg._1 svg {
    width: 2.41vw;
    height: 26.65vw;
  }
  #Modal .NavImg._2 svg {
    width: 2.41vw;
    height: 16.27vw;
  }
  #Modal .NavImg._3 svg {
    width: 2.41vw;
    height: 19.09vw;
  }
  #Modal .NavImg._4 svg {
    width: 2.41vw;
    height: 15.61vw;
  }
  #Modal .NavImg._5 {
    margin-top: -0.17vw;
  }
  #Modal .NavImg._5 svg {
    width: 2.49vw;
    height: 24.82vw;
  }
  #Modal .NavImg._6 svg {
    width: 2.41vw;
    height: 16.68vw;
  }
  #Modal .NavImg._7 svg {
    width: 2.41vw;
    height: 21vw;
  }
  .DetailBtn {
    position: absolute;
    z-index: 11;
    -webkit-filter: drop-shadow(0px 0px 0.33vw #444);
            filter: drop-shadow(0px 0px 0.33vw #444);
  }
  .DetailBtn .DetailBtn_Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .DetailBtn img {
    margin-right: 1.66vw;
  }
  .DetailBtn .arrow {
    width: 0.75vw;
    height: 1.25vw;
    fill: #fff;
    margin-top: 0.17vw;
  }
  .DetailBtn._s1 {
    right: 9.96vw;
    bottom: 12.04vw;
  }
  .DetailBtn._s1 img {
    width: 14.36vw;
    height: 1.49vw;
  }
  .DetailBtn._s2 {
    left: 14.28vw;
    bottom: 11.62vw;
  }
  .DetailBtn._s2 img {
    width: 6.64vw;
    height: 1.66vw;
  }
  .DetailBtn._s3 {
    right: 13.2vw;
    bottom: 11.37vw;
  }
  .DetailBtn._s3 img {
    width: 8.13vw;
    height: 1.41vw;
  }
  .DetailBtn._s4 {
    left: 14.28vw;
    bottom: 11.62vw;
  }
  .DetailBtn._s4 img {
    width: 6.56vw;
    height: 1.58vw;
  }
  .DetailBtn._s5 {
    right: 10.63vw;
    bottom: 11.7vw;
  }
  .DetailBtn._s5 img {
    width: 13.61vw;
    height: 1.91vw;
  }
  .DetailBtn._s5 .arrow {
    margin-top: -0.17vw;
  }
  .CanvasArea {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition-duration: 1.8s;
            transition-duration: 1.8s;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
            transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .CanvasArea._Hide {
    opacity: 0;
  }
  ._LineRow {
    position: absolute;
    width: 100.5%;
    height: 100.5%;
    background-color: #000;
    will-change: transform, width;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    z-index: 1;
  }
  ._LineRow._Hide {
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  ._LineRow._colorW {
    background-color: #fcf9f2;
  }
  ._LineCol {
    position: absolute;
    width: 100.5%;
    height: 100.5%;
    background-color: #000;
    will-change: transform, width;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    z-index: 1;
  }
  ._LineCol._Hide {
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  ._LineCol._colorW {
    background-color: #fcf9f2;
  }
  .contetnsimg {
    visibility: hidden;
  }
  .contetnsimg._Show {
    visibility: visible;
  }
  .CharaArea {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: opacity, transform, filter, scale, translate;
  }
  .CharaArea .Chara_Inner._1 {
    -webkit-transform: translateY(66.41vw) translateX(36.52vw);
            transform: translateY(66.41vw) translateX(36.52vw);
  }
  .CharaArea .Chara_Inner._2 {
    -webkit-transform: translateY(59.77vw) translateX(-34.7vw);
            transform: translateY(59.77vw) translateX(-34.7vw);
  }
  .CharaArea .Chara_Inner._3 {
    -webkit-transform: translateY(63.09vw) translateX(31.54vw);
            transform: translateY(63.09vw) translateX(31.54vw);
  }
  .CharaArea .Chara_Inner._4 {
    -webkit-transform: translateY(57.77vw) translateX(-29.05vw);
            transform: translateY(57.77vw) translateX(-29.05vw);
  }
  .CharaArea .Chara_Inner._5 {
    -webkit-transform: translateY(67.24vw) translateX(28.55vw);
            transform: translateY(67.24vw) translateX(28.55vw);
  }
  .CharaImg {
    z-index: 3;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: opacity, transform, filter, scale, translate;
  }
  .CharaImg._s1_CharaImg img {
    width: 77.36vw;
    height: 229.6vw;
  }
  .CharaImg._s2_CharaImg img {
    width: 68.32vw;
    height: 213.08vw;
  }
  .CharaImg._s3_CharaImg {
    top: -1.66vw;
    right: -12.45vw;
  }
  .CharaImg._s3_CharaImg img {
    width: 66.41vw;
    height: 226.03vw;
  }
  .CharaImg._s4_CharaImg {
    top: -7.47vw;
    left: -16.1vw;
  }
  .CharaImg._s4_CharaImg img {
    width: 53.21vw;
    height: 212.75vw;
  }
  .CharaImg._s5_CharaImg {
    top: -3.32vw;
    right: -24.4vw;
  }
  .CharaImg._s5_CharaImg img {
    width: 57.61vw;
    height: 233.67vw;
  }
  .BgTextArea {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: transform, opacity;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .BgTextArea .BgText_Inner._1 {
    -webkit-transform: translateY(-1.33vw) translateX(-32.37vw);
            transform: translateY(-1.33vw) translateX(-32.37vw);
  }
  .BgTextArea .BgText_Inner._2 {
    -webkit-transform: translateY(-1.99vw) translateX(25.73vw);
            transform: translateY(-1.99vw) translateX(25.73vw);
  }
  .BgTextArea .BgText_Inner._3 {
    -webkit-transform: translateY(-1.49vw) translateX(-28.22vw);
            transform: translateY(-1.49vw) translateX(-28.22vw);
  }
  .BgTextArea .BgText_Inner._4 {
    -webkit-transform: translateY(-1.49vw) translateX(24.4vw);
            transform: translateY(-1.49vw) translateX(24.4vw);
  }
  .BgTextArea .BgText_Inner._5 {
    -webkit-transform: translateY(-1.66vw) translateX(-27.39vw);
            transform: translateY(-1.66vw) translateX(-27.39vw);
  }
  .BgTextArea._outline svg {
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: fill-opacity, stroke, opacity;
    transition-property: fill-opacity, stroke, opacity;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    fill-opacity: 0;
    stroke: #d6d4ce !important;
  }
  ._BG_TextImg {
    will-change: transform, opacity;
  }
  ._BG_TextImg svg {
    fill: #000;
    stroke: #000;
    stroke-width: 0.17vw;
  }
  ._BG_TextImg._s1_BgText1 {
    width: 37.35vw;
    height: 32.37vw;
    margin-bottom: 1.49vw;
    -webkit-transform: translateX(3.32vw);
            transform: translateX(3.32vw);
  }
  ._BG_TextImg._s1_BgText1 svg {
    width: 37.35vw;
    height: 32.37vw;
  }
  ._BG_TextImg._s1_BgText2 {
    width: 30.88vw;
    height: 30.8vw;
  }
  ._BG_TextImg._s1_BgText2 svg {
    width: 30.88vw;
    height: 30.8vw;
  }
  ._BG_TextImg._s2_BgText1 {
    width: 35.78vw;
    height: 30.63vw;
    margin-bottom: 2.49vw;
    -webkit-transform: translateX(4.98vw);
            transform: translateX(4.98vw);
  }
  ._BG_TextImg._s2_BgText1 svg {
    width: 35.78vw;
    height: 30.63vw;
  }
  ._BG_TextImg._s2_BgText2 {
    width: 35.44vw;
    height: 30.38vw;
  }
  ._BG_TextImg._s2_BgText2 svg {
    width: 35.44vw;
    height: 30.38vw;
  }
  ._BG_TextImg._s3_BgText1 {
    width: 33.12vw;
    height: 32.71vw;
    margin-bottom: 0.42vw;
    -webkit-transform: translateX(4.98vw);
            transform: translateX(4.98vw);
  }
  ._BG_TextImg._s3_BgText1 svg {
    width: 33.12vw;
    height: 32.71vw;
  }
  ._BG_TextImg._s3_BgText2 {
    width: 37.35vw;
    height: 32.37vw;
    -webkit-transform: translateY(-0.83vw) translateX(-2.49vw);
            transform: translateY(-0.83vw) translateX(-2.49vw);
  }
  ._BG_TextImg._s3_BgText2 svg {
    width: 37.35vw;
    height: 32.37vw;
  }
  ._BG_TextImg._s4_BgText1 {
    width: 34.28vw;
    height: 31.38vw;
    -webkit-transform: translateX(3.49vw);
            transform: translateX(3.49vw);
    margin-bottom: 1.66vw;
  }
  ._BG_TextImg._s4_BgText1 svg {
    width: 34.28vw;
    height: 31.38vw;
  }
  ._BG_TextImg._s4_BgText2 {
    width: 34.78vw;
    height: 31.46vw;
    -webkit-transform: translateY(-0.83vw);
            transform: translateY(-0.83vw);
  }
  ._BG_TextImg._s4_BgText2 svg {
    width: 34.78vw;
    height: 31.46vw;
  }
  ._BG_TextImg._s5_BgText1 {
    width: 37.44vw;
    height: 32.04vw;
    margin-bottom: 0.5vw;
    -webkit-transform: translateX(3.49vw);
            transform: translateX(3.49vw);
  }
  ._BG_TextImg._s5_BgText1 svg {
    width: 37.44vw;
    height: 32.04vw;
  }
  ._BG_TextImg._s5_BgText2 {
    width: 34.61vw;
    height: 31.63vw;
  }
  ._BG_TextImg._s5_BgText2 svg {
    width: 34.61vw;
    height: 31.63vw;
  }
  .MessageArea {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    pointer-events: none;
  }
  .MessageArea .MessageArea_Inner {
    position: absolute;
    z-index: 11;
  }
  .MessageArea .MessageArea_Inner._1 {
    margin-top: -3.15vw;
    -webkit-transform: translateX(-8.96vw);
            transform: translateX(-8.96vw);
  }
  .MessageArea .MessageArea_Inner._2 {
    margin-top: -3.82vw;
    -webkit-transform: translateX(20.75vw);
            transform: translateX(20.75vw);
  }
  .MessageArea .MessageArea_Inner._3 {
    margin-top: -3.32vw;
    -webkit-transform: translateX(-9.13vw);
            transform: translateX(-9.13vw);
  }
  .MessageArea .MessageArea_Inner._4 {
    margin-top: -4.15vw;
    -webkit-transform: translateX(19.09vw);
            transform: translateX(19.09vw);
  }
  .MessageArea .MessageArea_Inner._5 {
    margin-top: -3.65vw;
    -webkit-transform: translateX(-9.3vw);
            transform: translateX(-9.3vw);
  }
  .Label {
    position: relative;
    margin-bottom: 1.99vw;
    margin-left: 1.33vw;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transition-property: -webkit-clip-path;
    transition-property: -webkit-clip-path;
    transition-property: clip-path;
    transition-property: clip-path, -webkit-clip-path;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    display: inline-block;
    visibility: hidden;
    -webkit-clip-path: inset(0 99.99% 0 0);
            clip-path: inset(0 99.99% 0 0);
  }
  .Label.show {
    visibility: visible;
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  .Label._1 img {
    width: 19.09vw;
    height: 1.58vw;
  }
  .Label._2 img {
    width: 14.61vw;
    height: 1.58vw;
  }
  .Label._3 img {
    width: 31.63vw;
    height: 1.58vw;
  }
  .Label._4 img {
    width: 29.63vw;
    height: 1.58vw;
  }
  .Label._5 img {
    width: 25.32vw;
    height: 1.58vw;
  }
  .CopyImg {
    position: relative;
    margin-bottom: 2.16vw;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transition-property: -webkit-clip-path;
    transition-property: -webkit-clip-path;
    transition-property: clip-path;
    transition-property: clip-path, -webkit-clip-path;
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
    visibility: hidden;
    -webkit-clip-path: inset(0 99.99% 0 0);
            clip-path: inset(0 99.99% 0 0);
  }
  .CopyImg.show {
    visibility: visible;
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  .CopyImg:last-of-type {
    margin-bottom: 3.15vw;
  }
  .CopyImg._2 {
    margin-left: -1.49vw;
  }
  .CopyImg._s1_c1 img {
    width: 47.81vw;
    height: 6.56vw;
  }
  .CopyImg._s1_c2 img {
    width: 21.08vw;
    height: 6.56vw;
  }
  .CopyImg._s2_c1 img {
    width: 36.36vw;
    height: 6.56vw;
  }
  .CopyImg._s2_c2 img {
    width: 40.84vw;
    height: 6.56vw;
  }
  .CopyImg._s3_c1 img {
    width: 46.48vw;
    height: 6.56vw;
  }
  .CopyImg._s3_c2 img {
    width: 33.95vw;
    height: 6.56vw;
  }
  .CopyImg._s4_c1 img {
    width: 47.48vw;
    height: 6.56vw;
  }
  .CopyImg._s4_c2 img {
    width: 41.17vw;
    height: 6.72vw;
  }
  .CopyImg._s5_c1 img {
    width: 48.23vw;
    height: 6.64vw;
  }
  .CopyImg._s5_c2 img {
    width: 41.67vw;
    height: 6.56vw;
  }
  .TextArea {
    -webkit-transform: translateX(-1.99vw);
            transform: translateX(-1.99vw);
  }
  .TextImg {
    position: relative;
  }
  .TextImg:not(:last-of-type) {
    margin-bottom: 0.83vw;
  }
  .TextImg._s1_t1 img {
    width: 37.19vw;
  }
  .TextImg._s1_t2 {
    margin-left: -1vw;
  }
  .TextImg._s1_t2 img {
    width: 27.39vw;
  }
  .TextImg._s1_t3 {
    margin-left: -1.49vw;
  }
  .TextImg._s1_t3 img {
    width: 21.5vw;
  }
  .TextImg._s2_t1 img {
    width: 44.99vw;
  }
  .TextImg._s2_t2 {
    margin-left: -1vw;
  }
  .TextImg._s2_t2 img {
    width: 29.8vw;
  }
  .TextImg._s2_t3 {
    margin-left: -1.66vw;
  }
  .TextImg._s2_t3 img {
    width: 36.77vw;
  }
  .TextImg._s3_t1 img {
    width: 53.87vw;
  }
  .TextImg._s3_t2 {
    margin-left: -0.83vw;
  }
  .TextImg._s3_t2 img {
    width: 48.48vw;
  }
  .TextImg._s3_t3 {
    margin-left: -1.49vw;
  }
  .TextImg._s3_t3 img {
    width: 42.67vw;
  }
  .TextImg._s4_t1 {
    margin-left: 0.33vw;
  }
  .TextImg._s4_t1 img {
    width: 57.03vw;
  }
  .TextImg._s4_t2 {
    margin-left: -0.17vw;
  }
  .TextImg._s4_t2 img {
    width: 29.63vw;
  }
  .TextImg._s4_t3 {
    margin-left: -0.66vw;
  }
  .TextImg._s4_t3 img {
    width: 46.32vw;
  }
  .TextImg._s5_t1 img {
    width: 24.9vw;
  }
  .TextImg._s5_t2 {
    margin-left: -0.83vw;
  }
  .TextImg._s5_t2 img {
    width: 40.26vw;
  }
  .CircleArea {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  ._CircleFrontArea {
    z-index: 10;
  }
  ._CircleFrontArea .Circle2 {
    position: absolute;
    will-change: transform;
  }
  ._CircleFrontArea .Circle2 img {
    position: absolute;
    will-change: transform, opacity;
    -webkit-animation: rotate_circle3 15s linear infinite;
            animation: rotate_circle3 15s linear infinite;
  }
  ._CircleFrontArea .Circle2._s1_circle2 {
    top: -4.98vw;
    left: 3.98vw;
    width: 19.17vw;
    height: 19.17vw;
  }
  ._CircleFrontArea .Circle2._s1_circle2 img {
    width: 19.17vw;
    height: 19.17vw;
  }
  ._CircleFrontArea .Circle2._s2_circle2 {
    top: -1.66vw;
    right: 3.82vw;
    width: 17.18vw;
    height: 17.18vw;
  }
  ._CircleFrontArea .Circle2._s2_circle2 img {
    width: 17.18vw;
    height: 17.18vw;
  }
  ._CircleFrontArea .Circle2._s3_circle2 {
    top: -2.49vw;
    left: 2.66vw;
    width: 19.84vw;
    height: 19.84vw;
  }
  ._CircleFrontArea .Circle2._s3_circle2 img {
    width: 19.84vw;
    height: 19.84vw;
  }
  ._CircleFrontArea .Circle2._s4_circle2 {
    top: -0.83vw;
    right: 9.13vw;
    width: 18.51vw;
    height: 18.51vw;
  }
  ._CircleFrontArea .Circle2._s4_circle2 img {
    width: 18.51vw;
    height: 18.51vw;
  }
  ._CircleFrontArea .Circle2._s5_circle2 {
    top: 3.32vw;
    left: -1.66vw;
    width: 17.1vw;
    height: 17.1vw;
  }
  ._CircleFrontArea .Circle2._s5_circle2 img {
    width: 17.1vw;
    height: 17.1vw;
  }
  ._CircleFrontArea .Circle3 {
    position: absolute;
    will-change: transform;
  }
  ._CircleFrontArea .Circle3 img {
    position: absolute;
    will-change: transform, opacity;
    -webkit-animation: rotate_circle2 15s linear infinite;
            animation: rotate_circle2 15s linear infinite;
  }
  ._CircleFrontArea .Circle3._s1_circle3 {
    top: 7.47vw;
    left: -1.66vw;
    width: 11.04vw;
    height: 11.04vw;
  }
  ._CircleFrontArea .Circle3._s1_circle3 img {
    width: 11.04vw;
    height: 11.04vw;
  }
  ._CircleFrontArea .Circle3._s2_circle3 {
    top: 6.97vw;
    right: -1.66vw;
    width: 10.46vw;
    height: 10.46vw;
  }
  ._CircleFrontArea .Circle3._s2_circle3 img {
    width: 10.46vw;
    height: 10.46vw;
  }
  ._CircleFrontArea .Circle3._s3_circle3 {
    top: 11.46vw;
    left: -1.66vw;
    width: 10.46vw;
    height: 10.46vw;
  }
  ._CircleFrontArea .Circle3._s3_circle3 img {
    width: 10.46vw;
    height: 10.46vw;
  }
  ._CircleFrontArea .Circle3._s4_circle3 {
    top: 9.3vw;
    right: 2.66vw;
    width: 9.55vw;
    height: 9.55vw;
  }
  ._CircleFrontArea .Circle3._s4_circle3 img {
    width: 9.55vw;
    height: 9.55vw;
  }
  ._CircleFrontArea .Circle3._s5_circle3 {
    top: 0vw;
    left: 11.62vw;
    width: 9.63vw;
    height: 9.63vw;
  }
  ._CircleFrontArea .Circle3._s5_circle3 img {
    width: 9.63vw;
    height: 9.63vw;
  }
  ._CircleFrontArea .Circle4 {
    position: absolute;
    will-change: transform;
  }
  ._CircleFrontArea .Circle4 img {
    position: absolute;
    will-change: transform, opacity;
    -webkit-animation: rotate_circle3 15s linear infinite;
            animation: rotate_circle3 15s linear infinite;
  }
  ._CircleFrontArea .Circle4._s1_circle4 {
    bottom: 0.83vw;
    left: -2.49vw;
    width: 11.62vw;
    height: 11.62vw;
  }
  ._CircleFrontArea .Circle4._s1_circle4 img {
    width: 11.62vw;
    height: 11.62vw;
  }
  ._CircleFrontArea .Circle4._s2_circle4 {
    bottom: 8.13vw;
    right: -3.32vw;
    width: 11.29vw;
    height: 11.29vw;
  }
  ._CircleFrontArea .Circle4._s2_circle4 img {
    width: 11.29vw;
    height: 11.29vw;
  }
  ._CircleFrontArea .Circle4._s4_circle4 {
    bottom: -0.83vw;
    right: -3.32vw;
    width: 17.68vw;
    height: 17.68vw;
  }
  ._CircleFrontArea .Circle4._s4_circle4 img {
    width: 17.68vw;
    height: 17.68vw;
  }
  ._CircleFrontArea .Circle4._s5_circle4 {
    bottom: 10.79vw;
    left: -3.32vw;
    width: 12.87vw;
    height: 12.87vw;
  }
  ._CircleFrontArea .Circle4._s5_circle4 img {
    width: 12.87vw;
    height: 12.87vw;
  }
  ._CircleFrontArea .CircleCommon {
    position: absolute;
    will-change: transform;
    width: 23.57vw;
    height: 23.57vw;
  }
  ._CircleFrontArea .CircleCommon img {
    position: absolute;
    will-change: transform, opacity;
    width: 23.57vw;
    height: 23.57vw;
  }
  ._CircleFrontArea .CircleCommon._s1 {
    bottom: 1.33vw;
    right: 6.47vw;
  }
  ._CircleFrontArea .CircleCommon._s2 {
    bottom: 0vw;
    left: 6.64vw;
  }
  ._CircleFrontArea .CircleCommon._s3 {
    bottom: 0vw;
    right: 6.64vw;
  }
  ._CircleFrontArea .CircleCommon._s4 {
    bottom: 0vw;
    left: 6.64vw;
  }
  ._CircleFrontArea .CircleCommon._s5 {
    bottom: 0vw;
    right: 6.64vw;
  }
  ._CircleBackArea .Circle1 {
    position: absolute;
    will-change: transform;
  }
  ._CircleBackArea .Circle1 img {
    position: absolute;
    will-change: transform, opacity;
    -webkit-animation: rotate_circle1 20s linear infinite;
            animation: rotate_circle1 20s linear infinite;
  }
  ._CircleBackArea .Circle1._s1_circle1 {
    width: 38.18vw;
    height: 38.18vw;
    bottom: 2.82vw;
    right: 18.51vw;
  }
  ._CircleBackArea .Circle1._s1_circle1 img {
    width: 38.18vw;
    height: 38.18vw;
  }
  ._CircleBackArea .Circle1._s2_circle1 {
    width: 36.19vw;
    height: 36.19vw;
    bottom: 6.64vw;
    left: 21.25vw;
  }
  ._CircleBackArea .Circle1._s2_circle1 img {
    width: 36.19vw;
    height: 36.19vw;
  }
  ._CircleBackArea .Circle1._s3_circle1 {
    width: 39.35vw;
    height: 39.35vw;
    bottom: 6.64vw;
    right: 18.84vw;
  }
  ._CircleBackArea .Circle1._s3_circle1 img {
    width: 39.35vw;
    height: 39.35vw;
  }
  ._CircleBackArea .Circle1._s4_circle1 {
    width: 40.42vw;
    height: 40.42vw;
    bottom: 6.64vw;
    left: 18.18vw;
  }
  ._CircleBackArea .Circle1._s4_circle1 img {
    width: 40.42vw;
    height: 40.42vw;
  }
  ._CircleBackArea .Circle1._s5_circle1 {
    width: 45.07vw;
    height: 45.07vw;
    bottom: 2.24vw;
    right: 14.86vw;
  }
  ._CircleBackArea .Circle1._s5_circle1 img {
    width: 45.07vw;
    height: 45.07vw;
  }
  ._CircleBackArea .Circle4 {
    position: absolute;
    will-change: transform;
  }
  ._CircleBackArea .Circle4 img {
    position: absolute;
    will-change: transform, opacity;
    -webkit-animation: rotate_circle2 15s linear infinite;
            animation: rotate_circle2 15s linear infinite;
  }
  ._CircleBackArea .Circle4._s3_circle4 {
    top: -11.46vw;
    right: 8.3vw;
    width: 29.14vw;
    height: 29.14vw;
  }
  ._CircleBackArea .Circle4._s3_circle4 img {
    width: 29.14vw;
    height: 29.14vw;
  }
  ._CircleBackArea .Circle5 {
    position: absolute;
    will-change: transform;
  }
  ._CircleBackArea .Circle5 img {
    position: absolute;
    will-change: transform, opacity;
    -webkit-animation: rotate_circle4 15s linear infinite;
            animation: rotate_circle4 15s linear infinite;
  }
  ._CircleBackArea .Circle5._s1_circle5 {
    top: -14.53vw;
    right: 1vw;
    width: 37.35vw;
    height: 37.35vw;
  }
  ._CircleBackArea .Circle5._s1_circle5 img {
    width: 37.35vw;
    height: 37.35vw;
  }
  ._CircleBackArea .Circle5._s2_circle5 {
    top: -14.53vw;
    left: 12.04vw;
    width: 27.64vw;
    height: 27.64vw;
  }
  ._CircleBackArea .Circle5._s2_circle5 img {
    width: 27.64vw;
    height: 27.64vw;
  }
  ._CircleBackArea .Circle5._s3_circle5 {
    bottom: 4.98vw;
    left: 2.16vw;
    width: 13.78vw;
    height: 13.78vw;
  }
  ._CircleBackArea .Circle5._s3_circle5 img {
    width: 13.78vw;
    height: 13.78vw;
  }
  ._CircleBackArea .Circle5._s4_circle5 {
    top: 3.32vw;
    left: 8.3vw;
    width: 32.46vw;
    height: 32.46vw;
  }
  ._CircleBackArea .Circle5._s4_circle5 img {
    width: 32.46vw;
    height: 32.46vw;
  }
  ._CircleBackArea .Circle5._s5_circle5 {
    top: 7.47vw;
    right: 9.96vw;
    width: 35.61vw;
    height: 35.61vw;
  }
  ._CircleBackArea .Circle5._s5_circle5 img {
    width: 35.61vw;
    height: 35.61vw;
  }
  ._LineAnimeRow:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #000;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    will-change: transform, width;
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  ._LineAnimeRow img, ._LineAnimeRow svg {
    visibility: hidden;
  }
  ._LineAnimeRow._Show:before {
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  ._LineAnimeRow._Hide img, ._LineAnimeRow._Hide svg {
    visibility: visible;
  }
  ._LineAnimeRow._Hide:before {
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  ._LineAnimeCol:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #000;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    will-change: transform, width;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
            transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  ._LineAnimeCol img, ._LineAnimeCol svg {
    visibility: hidden;
  }
  ._LineAnimeCol._Show:before {
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  ._LineAnimeCol._Hide img, ._LineAnimeCol._Hide svg {
    visibility: visible;
  }
  ._LineAnimeCol._Hide:before {
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  .IntroCopyArea {
    pointer-events: none;
  }
  .Logo {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: opacity;
  }
  .Logo .Bg {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .Logo .Bg.deactive {
    display: none;
  }
  .Logo .Logo_Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
  .Logo img {
    width: 26.06vw;
    height: 5.73vw;
  }
  .ScrollAttention {
    position: absolute;
    left: 50%;
    bottom: 4.98vw;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    text-align: center;
    z-index: 20;
  }
  .ScrollAttention .ScrollTextImg1 {
    position: relative;
    margin-bottom: 0.33vw;
  }
  .ScrollAttention .ScrollTextImg1 img {
    width: 6.97vw;
    height: 1.16vw;
  }
  .ScrollAttention .ScrollTextImg2 {
    position: relative;
    display: inline-block;
    margin-bottom: 0.66vw;
  }
  .ScrollAttention .ScrollTextImg2 img {
    width: 3.49vw;
    height: 1.08vw;
  }
  .ScrollAttention .bar {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50, 0);
            transform: translate(-50, 0);
    background-color: #d0cdc8;
    width: 1px;
    height: 4.98vw;
  }
  .ScrollAttention .bar._base {
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  .ScrollAttention .bar._color {
    background-color: #004a3d;
    -webkit-animation: bar 1.5s 0s linear infinite;
            animation: bar 1.5s 0s linear infinite;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  .ScrollAttention .bar._color._play {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .IntroCopyArea {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 20;
    will-change: opacity, transform, filter, scale;
  }
  .IntroCopyArea .IntroCopyImg {
    position: relative;
  }
  .IntroCopyArea .IntroCopyImg._1 {
    margin-bottom: 1.33vw;
  }
  .IntroCopyArea .IntroCopyImg._1 img {
    width: 38.76vw;
    height: 3.65vw;
  }
  .IntroCopyArea .IntroCopyImg._2 {
    width: 13.95vw;
    margin: 0 auto;
  }
  .IntroCopyArea .IntroCopyImg._2 img {
    width: 13.95vw;
    height: 1.08vw;
  }
}
@media screen and (max-width: 759px) {
  #wrapper [data-tb],
  #wrapper [data-pc],
  #modal [data-tb],
  #modal [data-pc] {
    display: none !important;
  }
  #wrapper [data-sp],
  #modal [data-sp] {
    display: block !important;
  }
  ._PcContents {
    display: none;
  }
  ._SpContents {
    display: block;
  }
  html {
    height: 100dvh;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  body {
    font-size: 1.58vw;
    height: initial;
    height: 100%;
    overflow: hidden;
  }
  body.noscroll {
    height: 100dvh;
    -ms-touch-action: none;
        touch-action: none;
    overscroll-behavior: none;
  }
  img {
    vertical-align: bottom;
  }
  [data-target][slideup] {
    -webkit-transform: translateY(2.63vw) scale(1);
            transform: translateY(2.63vw) scale(1);
  }
  [data-target][slidedown] {
    -webkit-transform: translateY(-2.63vw) scale(1);
            transform: translateY(-2.63vw) scale(1);
  }
  [data-target][slideleft] {
    -webkit-transform: translateX(2.63vw) scale(1);
            transform: translateX(2.63vw) scale(1);
  }
  [data-target][slideright] {
    -webkit-transform: translateX(-2.63vw) scale(1);
            transform: translateX(-2.63vw) scale(1);
  }
  .switch_logo {
    width: 13.16vw;
    height: 13.16vw;
    top: 58px;
    right: 1.58vw;
  }
  .site_logo {
    width: 51.32vw;
    height: 50.66vw;
  }
  .ic_play {
    width: 11.58vw;
    height: 8.68vw;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .ic_play svg {
    width: 10.79vw;
    height: 10.79vw;
    margin-left: 0.79vw;
  }
  .sec_inner {
    max-width: none;
    max-width: initial;
  }
  .swiper-button-prev.custom,
  .swiper-button-next.custom {
    width: 7.63vw;
    height: 11.58vw;
    margin-top: 0;
    top: 0;
    opacity: 1;
    z-index: 6;
  }
  .swiper-button-prev.custom:after,
  .swiper-button-next.custom:after {
    display: none;
  }
  .swiper-button-prev.custom svg,
  .swiper-button-next.custom svg {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    fill: #f05578;
    width: 7.63vw;
    height: 11.58vw;
  }
  .swiper-button-prev.custom.swiper-button-disabled,
  .swiper-button-next.custom.swiper-button-disabled {
    opacity: 0.3;
    pointer-events: none;
  }
  .swiper-button-prev.custom.swiper-button-disabled svg,
  .swiper-button-next.custom.swiper-button-disabled svg {
    fill: #ffffff;
  }
  .swiper-button-prev.custom {
    left: 0;
  }
  .swiper-button-next.custom {
    right: 0;
  }
  .swiper-pagination.custom {
    bottom: 0;
    z-index: 5;
  }
  .swiper-pagination.custom .swiper-pagination-bullet {
    background: none;
    width: 2.89vw;
    height: 2.89vw;
    opacity: 1;
    border-radius: 0;
    margin: 0 0.92vw !important;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.6)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, .6));
            filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, .6));
  }
  .swiper-pagination.custom .swiper-pagination-bullet svg {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    width: 100%;
    height: 100%;
    fill-opacity: 0.3;
    fill: #f8f6db;
    stroke: #d3dcc7;
    stroke-width: 1px;
    stroke-linejoin: round;
  }
  .swiper-pagination.custom .swiper-pagination-bullet.swiper-pagination-bullet-active svg {
    fill-opacity: 1;
    fill: #d3dcc7;
    stroke: #d3dcc7;
    stroke-width: 1px;
  }
  .label_title {
    -webkit-filter: drop-shadow(0 0 0.53vw rgba(52, 52, 52, .45));
            filter: drop-shadow(0 0 0.53vw rgba(52, 52, 52, .45));
  }
  .label_title.pink {
    height: 19.74vw;
  }
  .label_title.pink:before {
    background-image: url(../img/common/label_pink_right_sp.png);
    width: 2.5vw;
  }
  .label_title.pink:after {
    background-image: url(../img/common/label_pink_middle_sp.png);
    background-size: 3.95vw 100%;
    width: calc(100% - 2.5vw);
    right: 2.5vw;
  }
  .label_title.pink2 {
    height: 19.74vw;
  }
  .label_title.pink2:before {
    width: 1.05vw;
  }
  .label_title.pink2:after {
    background-size: 4.08vw 100%;
    width: calc(100% - 1.05vw);
    right: 1.05vw;
  }
  .label_title.green, .label_title.blue, .label_title.yellow {
    height: 19.74vw;
  }
  .label_title.green:before, .label_title.blue:before, .label_title.yellow:before {
    width: 2.5vw;
  }
  .label_title.green:after, .label_title.blue:after, .label_title.yellow:after {
    background-size: 3.95vw 100%;
    width: calc(100% - 2.5vw);
    right: 2.5vw;
  }
  .label_title.green:before {
    background-image: url(../img/common/label_green_right_sp.png);
  }
  .label_title.green:after {
    background-image: url(../img/common/label_green_middle_sp.png);
  }
  .label_title.blue:before {
    background-image: url(../img/common/label_blue_right_sp.png);
  }
  .label_title.blue:after {
    background-image: url(../img/common/label_blue_middle_sp.png);
  }
  .label_title.yellow:before {
    background-image: url(../img/common/label_yellow_right_sp.png);
  }
  .label_title.yellow:after {
    background-image: url(../img/common/label_yellow_middle_sp.png);
  }
  .bar_title {
    background-size: 7.89vw 7.89vw;
    border-radius: 0;
    height: 17.11vw;
  }
  .bg_yellow {
    background-size: 65.66vw 43.42vw;
  }
  .mask_bg {
    -webkit-mask: url(../img/common/mask_wave_sp.svg) repeat-x 0 0;
            mask: url(../img/common/mask_wave_sp.svg) repeat-x 0 0;
    -webkit-mask-size: 98.68vw 1052.63vw;
            mask-size: 98.68vw 1052.63vw;
    height: calc(100% + 2.37vw);
    width: 100%;
    top: -2.37vw;
  }
  .mask_bg:before {
    -webkit-transform: none;
            transform: none;
    background-size: 100% auto;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    height: 100%;
    width: 100%;
  }
  .mask_bg.yellow:before {
    background-image: url(../img/common/bg_yellow_sp.jpg);
  }
  .mask_bg.blue:before {
    background-image: url(../img/common/bg_blue_sp.jpg);
  }
  .mask_bg.orange:before {
    background-image: url(../img/common/bg_orange_sp.jpg);
  }
  .mask_bg.pink:before {
    background-image: url(../img/common/bg_pink_sp.jpg);
  }
  .loop_slider .slider:first-child {
    -webkit-animation: slider_loop_sp 60s -30s linear infinite;
            animation: slider_loop_sp 60s -30s linear infinite;
  }
  .loop_slider .slider:last-child {
    -webkit-animation: slider_loop2_sp 60s linear infinite;
            animation: slider_loop2_sp 60s linear infinite;
  }
  .loop_slider .slider .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  [data-ruby] {
    position: relative;
  }
  [data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1.97vw;
    left: 0.39vw;
    right: 0;
    margin: auto;
    font-size: 0.6em;
  }
  [data-ruby2] {
    position: relative;
  }
  [data-ruby2]::before {
    content: attr(data-ruby2);
    position: absolute;
    top: -1.97vw;
    left: -0.53vw;
    right: 0;
    margin: auto;
    font-size: 0.6em;
    width: 6.58vw;
  }
  [data-ruby3] {
    position: relative;
  }
  [data-ruby3]::before {
    content: attr(data-ruby3);
    position: absolute;
    top: -1.97vw;
    left: 1.05vw;
    right: 0;
    margin: auto;
    font-size: 0.6em;
    width: 6.58vw;
  }
  [data-ruby4] {
    position: relative;
  }
  [data-ruby4]::before {
    content: attr(data-ruby4);
    position: absolute;
    top: -1.97vw;
    left: 0.26vw;
    right: 0;
    margin: auto;
    font-size: 0.6em;
    width: 6.58vw;
  }
  ._BS_Type1 {
    margin-bottom: 2.37vw;
  }
  ._BS_Type2 {
    margin-bottom: 5.26vw;
  }
  span._pack1 {
    letter-spacing: -0.26vw;
  }
  span._pack2 {
    letter-spacing: -1.05vw;
  }
  ._ListDot {
    list-style-type: disc !important;
    list-style-position: inside;
  }
  ._ListDot li {
    position: relative;
    font-size: 2.89vw;
    font-weight: 700;
    padding-left: 1.58vw;
    margin-bottom: 1.05vw;
  }
  ._ListDot li:before {
    content: "";
    background: url(../img/region/common/list_dot.jpg) no-repeat 0 0;
    border-radius: 45px;
    background-size: 100% 100%;
    width: 3px;
    height: 3px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    z-index: 0;
  }
  ._ListDot._Feature1 li {
    line-height: 1.5;
    font-size: 2.89vw;
    font-weight: 700;
    letter-spacing: -0.07vw;
    margin-bottom: 0.79vw;
  }
  ._ListDot._Feature1 li._Fit:before {
    top: 50%;
  }
  ._PrBadge:before {
    content: "";
    background: url(../img/region/common/pr_badge.svg) no-repeat 0 0;
    background-size: 100% 100%;
    width: 11.84vw;
    height: 11.84vw;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
  }
  .Sponsored {
    position: relative;
    padding: 1.84vw;
    margin: 0 auto;
  }
  .Sponsored .Sponsored_Inner {
    border: solid #000 0.39vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 3.95vw;
  }
  .Sponsored .SponsoredText {
    text-align: justify;
    font-size: 3.16vw;
    line-height: 1.6;
    letter-spacing: -0.03vw;
  }
  .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/common/bg.jpg);
    background-size: 168.42vw 210.53vw;
  }
  .TextDeco {
    margin-bottom: 0.53vw;
  }
  .TextDecoImg._1 {
    visibility: hidden;
  }
  .TextDecoImg._2 {
    visibility: hidden;
  }
  .TextDecoImg._3 img {
    width: 18.82vw;
    height: 1.58vw;
  }
  #MidashiArea {
    margin-bottom: 1.05vw;
  }
  #MidashiArea .LogoImg {
    position: relative;
    display: inline-block;
    padding: 0 0 10.26vw 0;
    margin: -2.24vw 0 0 3.16vw;
  }
  #MidashiArea .LogoImg img {
    width: 17.24vw;
    height: 5.26vw;
  }
  #MidashiArea .LogoImg .frameShort_Right {
    visibility: hidden;
  }
  #MidashiArea .Midashi {
    position: absolute;
    top: 2.11vw;
    left: 0.26vw;
    padding: 0vw 0 0vw 2.11vw;
  }
  #MidashiArea .Midashi_SubImg {
    margin-bottom: 0.92vw;
  }
  #MidashiArea .Midashi_SubImg img {
    width: 77.63vw;
    height: auto;
  }
  #MidashiArea .Midashi_Img img {
    width: 77.63vw;
    height: auto;
  }
  #MidashiArea .SwitchLogoImg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 2.11vw 2.11vw 2.11vw 2.11vw;
  }
  #MidashiArea .SwitchLogoImg .switch_logo {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    background: url(../img/common/logo_switch.png) no-repeat 0 0;
    background-size: 100% 100%;
    display: block;
    width: 9.21vw;
    height: 9.21vw;
    text-indent: -9999px;
    z-index: 99;
  }
  ._AddColLine._Type1:after {
    content: "";
    height: 100%;
    width: 0.79vw;
    background-color: #000;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
  }
  ._AddColLine._Type1._LT:after {
    left: 0;
  }
  ._AddColLine._Type3:before {
    content: "";
    background: url(../img/region/common/colling_pattern_sp.png) repeat 0 0;
    background-size: 0.53vw 1.58vw;
    width: 0.53vw;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    z-index: 2;
  }
  ._AddColLine._Type3._LT:before {
    left: 0;
  }
  ._AddColLine._Type3._RT:before {
    right: 0;
  }
  ._NewsArea {
    padding: 0 4.47vw;
  }
  ._NewsOoMidashi {
    position: relative;
    text-align: center;
    padding: 1.84vw 1.84vw 0 1.84vw;
  }
  ._NewsOoMidashi img {
    width: 100%;
    height: auto;
  }
  ._NewsOoMidashiLine:after {
    content: "";
    background-image: url(../img/common/bar_row_type1.jpg);
    background-size: 157.89vw 0.79vw;
    background-color: #000;
    height: 0.79vw;
    width: calc(100% - 3.68vw);
    display: block;
    position: absolute;
    bottom: -2.37vw;
    left: 1.84vw;
    z-index: 2;
  }
  ._NewsMidashi {
    position: relative;
    margin-bottom: 4.74vw;
  }
  ._NewsMidashi:after {
    content: "";
    background: url(../img/region/common/arrowling_pattern_sp.png) repeat 0 0;
    background-size: 2.5vw 0.79vw;
    width: 100%;
    height: 0.79vw;
    display: block;
    position: absolute;
    bottom: -3.95vw;
    left: 0;
    z-index: 0;
  }
  ._NewsTitle {
    position: relative;
    display: inline-block;
    font-size: 4.47vw;
    font-weight: 900;
    padding-left: 3.42vw;
    margin-bottom: 2.37vw;
  }
  ._NewsTitle svg {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 2.11vw;
    height: 2.11vw;
  }
  ._NewsTitle svg.bottom {
    -webkit-transform: translate(0, -50%) rotate(270deg);
            transform: translate(0, -50%) rotate(270deg);
  }
  ._NewsTitle svg.left {
    -webkit-transform: translate(0, -50%) rotate(180deg);
            transform: translate(0, -50%) rotate(180deg);
  }
  ._NewsTitle svg.top {
    -webkit-transform: translate(0, -50%) rotate(90deg);
            transform: translate(0, -50%) rotate(90deg);
  }
  ._NewsTitle:before {
    content: "";
    background: url(../img/region/common/underline_pattern_sp.png) repeat 0 0;
    background-size: 40.53vw 1.58vw;
    width: calc(100% - 3.42vw);
    height: 1.58vw;
    display: block;
    position: absolute;
    bottom: -0.53vw;
    left: 3.42vw;
    z-index: -1;
  }
  ._NewsTitle._Warning {
    font-size: 3.03vw;
    font-weight: 900;
    letter-spacing: -0.11vw;
  }
  ._NewsTitle._Warning:before {
    content: none;
  }
  .NewsText {
    font-size: 3.16vw;
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: -0.05vw;
    text-align: justify;
  }
  .SpecialFeature {
    padding-bottom: 8.42vw;
  }
  .SpecialFeature ._NewsOoMidashi {
    margin-bottom: 1.58vw;
  }
  .SpecialFeature ._NewsOoMidashi_SubText {
    position: relative;
    font-size: 3.03vw;
    font-weight: 900;
    letter-spacing: -0.07vw;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 7.89vw;
  }
  .SpecialFeature ._NewsOoMidashi_SubText._Feature1 {
    font-size: 3.16vw;
    letter-spacing: 0.21vw;
  }
  .Feature {
    padding: 5.79vw 0 7.11vw;
    background-color: rgba(204, 204, 204, .4);
  }
  .Feature ._FeatureContent_Area {
    padding: 0 2.63vw;
  }
  .Feature ._FeatureContent_Area ._FeatureContents_Inner {
    padding: 0 2.11vw;
  }
  .FeatureTitleArea {
    width: 100%;
    margin-bottom: 4.47vw;
  }
  .FeatureTitleArea ._FeatureOoMidashi {
    position: relative;
    width: 100%;
    text-align: center;
    margin-right: 3.29vw;
    margin-bottom: 2.89vw;
  }
  .FeatureTitleLine {
    position: relative;
    text-align: center;
  }
  .FeatureTitleLine._Top {
    margin-bottom: 4.47vw;
  }
  .FeatureTitleLine._Top img {
    width: 146.32vw;
    height: 3.95vw;
  }
  .FeatureTitleLine._Top:after {
    content: "";
    background: url(../img/region/hebra/hebra_feature_titledeco_common.svg) no-repeat 0 0;
    background-size: 100% 100%;
    width: 18.95vw;
    height: 2.11vw;
    display: block;
    position: absolute;
    top: 50%;
    right: 2.11vw;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    z-index: 2;
  }
  .FeatureTitleLine._Bottom img {
    width: 146.32vw;
    height: 0.79vw;
  }
  .Column {
    padding: 4.47vw 0;
    margin-bottom: 7.89vw;
    margin-bottom: 0;
  }
  .Column .Column_Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
  .Column:not(:last-of-type) {
    margin-bottom: 7.89vw;
  }
  .Column .Column_TextArea {
    width: 100% !important;
  }
  .Column .Column_TextArea._Left {
    padding-right: 4.21vw;
    padding-right: 0 !important;
  }
  .Column .Column_TextArea._Right {
    padding-left: 4.21vw;
    padding-left: 0 !important;
  }
  .Column .ColumnTitle {
    position: relative;
    margin: 0 0 3.03vw;
    font-size: 3.95vw;
    padding-left: 12.11vw;
    line-height: 1;
  }
  .Column .ColumnText {
    font-size: 2.89vw;
    line-height: 1.6;
    letter-spacing: -0.03vw;
    margin-bottom: 2.63vw;
  }
  .Column .Column_ImgArea {
    width: 100% !important;
  }
  .Column .Column_ImgArea img {
    width: 100% !important;
    height: auto !important;
  }
  .Column .Column_MovieArea {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    height: auto;
  }
  .Column .Column_MovieArea .mov {
    overflow: hidden;
    width: 100%;
    height: 47.24vw;
  }
  .Column .Column_MovieArea .mov .inner {
    height: 100%;
  }
  .Column .Column_MovieArea .mov .inner a {
    height: 100%;
  }
  .Column .Column_MovieArea .mov .yt {
    margin-top: -0.39vw;
    margin-left: 0;
  }
  .Column .Column_MovieArea .mov iframe {
    width: 86.05vw;
    height: 49.47vw;
  }
  .Column .Column_MovieArea video {
    width: 100%;
    height: auto;
  }
  .Column .Column_thumb img {
    width: 100%;
    height: auto;
  }
  ._CheckIcon:before {
    content: "";
    background: url(../img/region/common/check.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 10.92vw;
    height: 4.08vw;
    display: block;
    position: absolute;
    top: 0vw;
    left: 0;
    z-index: 0;
  }
  .ImgCaption {
    position: absolute;
    padding: 1.32vw 1.32vw 1.32vw;
    background-color: #000;
    color: #d8c4a4;
  }
  .ImgCaption p {
    padding-left: 3.16vw;
    font-size: 2.63vw;
    font-weight: bold;
  }
  .ImgCaption._isPin {
    bottom: 1.32vw;
  }
  .ImgCaption._isPin._Left {
    left: 1.32vw;
  }
  .ImgCaption._isPin._Right {
    right: 1.32vw;
  }
  .ImgCaption._isPin:before {
    content: "";
    background: url(../img/region/common/pin_sp.svg) no-repeat 0 0;
    background-size: 2.24vw 2.63vw;
    width: 2.24vw;
    height: 2.63vw;
    display: block;
    position: absolute;
    top: 1.05vw;
    left: 1.18vw;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    z-index: 0;
  }
  ._ImgCopy {
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
            transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transition-property: width, opacity, -webkit-transform;
    transition-property: width, opacity, -webkit-transform;
    transition-property: transform, width, opacity;
    transition-property: transform, width, opacity, -webkit-transform;
    -webkit-transition-delay: 4s;
            transition-delay: 4s;
  }
  ._ImgCopy[data-slideup] {
    -webkit-transform: translateY(1.32vw) scale(1);
            transform: translateY(1.32vw) scale(1);
  }
  ._ImgCopy[data-slideup].action {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .LinkBtnArea {
    position: relative;
  }
  .LinkBtn {
    position: relative;
    text-align: center;
    padding: 5.53vw 0 6.05vw;
    /* ホバースタイル */
  }
  .LinkBtn .text {
    position: relative;
    display: inline-block;
    font-size: 3.16vw;
    font-weight: 900;
  }
  .LinkBtn svg {
    position: absolute;
    top: 50%;
    left: -2.63vw;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 1.32vw;
    height: 1.84vw;
  }
  .LinkBtn a {
    position: relative;
    display: inline-block;
    height: 100%;
  }
  .LinkBtn a:before {
    content: "";
    width: 0%;
    height: 0.39vw;
    display: block;
    position: absolute;
    bottom: -0.79vw;
    left: 0vw;
    background-color: #000;
    z-index: 0;
    will-change: width;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
            transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transition-property: width, opacity, -webkit-transform;
    transition-property: width, opacity, -webkit-transform;
    transition-property: transform, width, opacity;
    transition-property: transform, width, opacity, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .ReturnBtnArea {
    position: relative;
    width: calc(100% + 5.26vw);
    margin-left: -2.63vw;
  }
  .ReturnBtn {
    position: relative;
    text-align: center;
    padding: 5.53vw 0;
    /* ホバースタイル */
  }
  .ReturnBtn .text {
    position: relative;
    display: inline-block;
    font-size: 3.16vw;
    font-weight: 900;
  }
  .ReturnBtn svg {
    position: absolute;
    top: 50%;
    left: -2.37vw;
    -webkit-transform: translate(0, -50%) rotate(180deg);
            transform: translate(0, -50%) rotate(180deg);
    width: 1.32vw;
    height: 1.84vw;
  }
  .ReturnBtn a {
    position: relative;
    display: inline-block;
    height: 100%;
  }
  .ReturnBtn a:before {
    content: "";
    width: 0%;
    height: 0.39vw;
    display: block;
    position: absolute;
    bottom: -0.79vw;
    left: 0vw;
    background-color: #000;
    z-index: 0;
    will-change: width;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
            transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transition-property: width, opacity, -webkit-transform;
    transition-property: width, opacity, -webkit-transform;
    transition-property: transform, width, opacity;
    transition-property: transform, width, opacity, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  ._spsb1 {
    margin-bottom: 4.21vw;
  }
  ._spsb2 {
    margin-bottom: 5.26vw;
  }
  ._NewIcon:after {
    content: "";
    background: url(../img/common/new_badge.svg) no-repeat 0 0;
    background-size: 100% 100%;
    height: 11.84vw;
    width: 11.84vw;
    display: block;
    position: absolute;
    top: 0;
    right: -0.07vw;
    z-index: 20;
  }
  .PageNavi {
    position: relative;
    width: calc(100% + 5.26vw);
    margin-left: -2.63vw;
  }
  .PageNavi .PageNavi_Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .PageNavi a {
    position: relative;
    height: 100%;
    width: 50%;
    /* ホバースタイル */
  }
  .PageNavi a .frameShort_Right {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    height: 100%;
    width: 0.79vw;
    background-size: 0.79vw 18.42vw;
  }
  .PageNavi a .frameShort_Right._Type1 {
    background-image: url(../img/common/bar_col_type4.jpg);
  }
  .PageNavi .PageBtnBg img {
    width: 100%;
    height: auto;
  }
  .PageNavi .PageBtnBg._On {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
            transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transition-property: width, opacity, -webkit-transform;
    transition-property: width, opacity, -webkit-transform;
    transition-property: transform, width, opacity;
    transition-property: transform, width, opacity, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .PageNavi .PageBtnNo {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .PageNavi .PageBtnNo svg {
    position: absolute;
    top: 50%;
    width: 1.58vw;
    height: 2.11vw;
  }
  .PageNavi .PageBtnNo._Left {
    left: 5.26vw;
  }
  .PageNavi .PageBtnNo._Left svg {
    left: -2.37vw;
    -webkit-transform: translate(0, -50%) rotate(180deg);
            transform: translate(0, -50%) rotate(180deg);
  }
  .PageNavi .PageBtnNo._Right {
    right: 5.26vw;
  }
  .PageNavi .PageBtnNo._Right svg {
    right: -2.37vw;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .PageNavi .PageBtnNoImg {
    position: relative;
  }
  .PageNavi .PageBtnTitle {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .PageNavi .PageBtnTitle._Left {
    left: 3.95vw;
  }
  .PageNavi .PageBtnTitle._Right {
    right: 4.74vw;
  }
  #modal:before {
    background: url(../img/common/bg_green.png) repeat 0 0;
    background-size: 65.66vw 43.42vw;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.9;
    z-index: -1;
  }
  #modal #modalInner {
    padding: 19.74vw 0;
  }
  #modal #modalInner:before {
    display: none;
  }
  #modal #modalContents {
    width: calc(100% - 7.89vw);
    max-width: none;
    max-width: initial;
  }
  #modal .btn_close {
    top: -14.08vw;
    right: 0;
    width: 8.68vw;
    height: 8.68vw;
    z-index: 99;
  }
  #modal .btn_close span {
    height: 1.05vw;
    width: 11.84vw;
    border-radius: 0.53vw;
    top: 4.34vw;
    left: -1.97vw;
  }
  #modalCopy .contents #copySliderMain {
    width: 100%;
    margin: 0 auto 10.53vw;
  }
  #modalCopy .contents #copySliderMain .swiper-slide {
    width: 90.79vw;
    margin-right: 4.605vw;
  }
  #modalCopy .contents #copySliderMain .swiper-slide .mov {
    background-size: 3.03vw 5.79vw;
    width: 85vw;
    height: 49.21vw;
    margin: auto auto 3.95vw;
    padding: 1.58vw;
    border-radius: 3.95vw;
  }
  #modalCopy .contents #copySliderMain .swiper-slide .name {
    width: 77.89vw;
    height: 8.42vw;
  }
  #modalCopy .contents #copySliderMain .swiper-slide .name img {
    height: 4.47vw;
  }
  #modalCopy .contents #copySliderMain .swiper-slide .name svg {
    width: 3.29vw;
    height: 3.16vw;
    margin-top: -1.58vw;
  }
  #modalCopy .contents #copySliderMain .swiper-slide .name svg:nth-child(1) {
    left: 5.26vw;
  }
  #modalCopy .contents #copySliderMain .swiper-slide .name svg:nth-child(2) {
    right: 5.26vw;
  }
  #modalCopy .contents #copySliderMain .swiper-prev,
  #modalCopy .contents #copySliderMain .swiper-next {
    top: 22.37vw;
  }
  #modalCopy .contents #copySliderMain .swiper-prev img,
  #modalCopy .contents #copySliderMain .swiper-next img {
    width: 3.95vw;
  }
  #modalCopy .contents #copySliderMain .swiper-prev {
    left: -1.97vw;
  }
  #modalCopy .contents #copySliderMain .swiper-next {
    right: -1.97vw;
  }
  #modalCopy .contents #copySliderThumb {
    padding-bottom: 13.16vw;
  }
  #modalCopy .contents #copySliderThumb .thumb {
    margin: 0 2.63vw 5.26vw;
  }
  #modalCopy .contents #copySliderThumb .thumb dt {
    background-size: 3.03vw 5.79vw;
    width: 24.21vw;
    height: 24.21vw;
    margin-bottom: 1.97vw;
  }
  #modalCopy .contents #copySliderThumb .thumb dd img {
    height: 3.42vw;
  }
  #modalCopy .contents #copySliderThumb .thumb.active dt {
    padding: 1.58vw;
  }
  ._isPc {
    display: none;
  }
  ._isSP {
    display: block;
  }
  ._Scene {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
  }
  ._Scene.active {
    pointer-events: initial;
  }
  .HeaderDeco {
    position: absolute;
    top: 6.58vw;
    left: 3.95vw;
    z-index: 10;
    height: 1.71vw;
  }
  .HeaderDeco .Header_Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 1.71vw;
  }
  .HeaderDeco .TitleImg {
    margin-right: 1.84vw;
  }
  .HeaderDeco .TitleImg img {
    display: block;
    width: 13.29vw;
    height: 3.29vw;
  }
  .HeaderDeco .IndexImgList {
    position: relative;
    width: 15vw;
    height: 2.63vw;
    margin-right: 2.37vw;
  }
  .HeaderDeco .IndexImgList .IndexImg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }
  .HeaderDeco .IndexImgList .IndexImg.active {
    opacity: 1;
  }
  .HeaderDeco .IndexImgList .IndexImg img {
    display: block;
    margin-top: 0.39vw;
  }
  .HeaderDeco .IndexImgList .IndexImg._1 img {
    width: 14.08vw;
    height: auto;
  }
  .HeaderDeco .IndexImgList .IndexImg._2 img {
    width: 13.42vw;
    height: auto;
  }
  .HeaderDeco .IndexImgList .IndexImg._3 img {
    width: 14.61vw;
    height: auto;
  }
  .HeaderDeco .IndexImgList .IndexImg._4 img {
    width: 12.11vw;
    height: auto;
  }
  .HeaderDeco .IndexImgList .IndexImg._5 img {
    width: 12.76vw;
    height: auto;
  }
  .HeaderDeco .bar {
    height: 0.13vw;
    width: 27.63vw;
    background-color: #000;
  }
  .FooterArea {
    position: fixed;
    bottom: 3.95vw;
    bottom: 0;
    z-index: 20;
    width: 100%;
    height: 10.53vw;
    overflow: hidden;
    -webkit-transform: translateY(10.53vw);
            transform: translateY(10.53vw);
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
            transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .FooterArea.active {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .FooterArea .Footer_Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
  }
  .FooterArea .NewsArea {
    position: relative;
    width: calc(100% - 26.05vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 1px solid #e0dfdf;
    background-color: #FFF;
  }
  .FooterArea .NewsArea .NewsArea_Inner {
    margin-left: 0;
    width: 100%;
  }
  .FooterArea .NewsArea .NewsContetns {
    position: relative;
    width: calc(100% - 17.11vw);
    height: 6.84vw;
    overflow: hidden;
  }
  .FooterArea .NewsArea .news {
    position: absolute;
    white-space: nowrap;
    font-family: "sans-serif";
    font-weight: normal;
    font-weight: initial;
    pointer-events: none;
    will-change: transform, opacity;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    font-size: 2.89vw;
  }
  .FooterArea .NewsArea .news.active {
    pointer-events: initial;
  }
  .FooterArea .NewsArea .news .date {
    margin-bottom: 1.05vw;
    margin-right: 1.32vw;
    display: block;
  }
  .FooterArea .NewsArea .NewsBtn {
    position: absolute;
    right: 5.26vw;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
  }
  .FooterArea .NewsArea .NewsBtn.active {
    opacity: 1;
    pointer-events: initial;
  }
  .FooterArea .NewsArea .NewsBtn .NewsBtn_Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .FooterArea .NewsArea .NewsBtn img {
    width: 1.58vw;
    height: 2.63vw;
  }
  .FooterArea .NewsArea .NewsPrevBtn {
    margin-right: 3.68vw;
  }
  .FooterArea .RecruitArea {
    width: 26.05vw;
    background-color: #000;
  }
  .FooterArea .RecruitArea .RecruitBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
  }
  .FooterArea .RecruitArea .RecruitBtn picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .FooterArea .RecruitArea .RecruitBtn img {
    width: 12.5vw;
    height: 3.03vw;
  }
  .LeftDeco {
    position: absolute;
    bottom: 11.05vw;
    left: 3.95vw;
    z-index: 12;
  }
  .LeftDeco img {
    width: 1.97vw;
    height: 70.66vw;
    height: auto;
  }
  .RightDeco {
    position: absolute;
    height: 100%;
    right: 3.95vw;
    z-index: 12;
  }
  .RightDeco .PageNum {
    margin-bottom: 6.58vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .RightDeco .NumImg {
    position: absolute;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    opacity: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    left: initial;
    -webkit-transform: initial;
            transform: initial;
  }
  .RightDeco .NumImg.active {
    opacity: 1;
  }
  .RightDeco .NumImg._1 img {
    width: 1.58vw;
    height: 1.84vw;
  }
  .RightDeco .NumImg._2 img {
    width: 1.58vw;
    height: 2.11vw;
  }
  .RightDeco .NumImg._3 img {
    width: 1.58vw;
    height: 2.11vw;
  }
  .RightDeco .NumImg._4 img {
    width: 1.58vw;
    height: 2.24vw;
  }
  .RightDeco .NumImg._5 img {
    width: 1.58vw;
    height: 2.11vw;
  }
  .RightDeco .PageIndex {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    right: -1.32vw;
  }
  .RightDeco .PageIndex_Inner {
    position: relative;
  }
  .RightDeco .IndexBtn {
    margin-bottom: 0.26vw;
    cursor: pointer;
  }
  .RightDeco .IndexBtn svg {
    width: 18px;
    height: 18px;
    stroke-width: 2px;
    fill-opacity: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .RightDeco .IndexBtn svg .progress__value {
    fill: none;
    stroke-width: 1.58vw;
    stroke-linecap: round;
    stroke: #34696b;
  }
  .RightDeco .IndexBtn svg._1 {
    stroke: #adabab;
  }
  .RightDeco .IndexBtn svg._2 {
    stroke: #929191;
  }
  .RightDeco .IndexBtn svg._3 {
    stroke: #696969;
  }
  .RightDeco .IndexBtn svg._4 {
    stroke: #373737;
  }
  .RightDeco .IndexBtn svg._5 {
    stroke: #000;
  }
  .RightDeco .IndexBtn.deactive {
    pointer-events: none;
  }
  .RightDeco .IndexBtn.active {
    pointer-events: none;
  }
  .RightDeco .IndexBtn.active svg {
    fill-opacity: 1;
  }
  .RightDeco .IndexBtn.active svg._1 {
    fill: #adabab;
  }
  .RightDeco .IndexBtn.active svg._2 {
    fill: #929191;
  }
  .RightDeco .IndexBtn.active svg._3 {
    fill: #696969;
  }
  .RightDeco .IndexBtn.active svg._4 {
    fill: #373737;
  }
  .RightDeco .IndexBtn.active svg._5 {
    fill: #000;
  }
  .MenuBtnArea {
    position: absolute;
    height: 100%;
    right: 2.63vw;
    z-index: 22;
    pointer-events: none;
  }
  .MenuBtnArea .MenuBtn {
    position: relative;
    pointer-events: auto;
  }
  .MenuBtnArea .MenuBtn .MenuBtn_Inner {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, .2);
    border: 0.13vw solid #000;
    border-radius: 50%;
    cursor: pointer;
    margin-top: 2.63vw;
  }
  .MenuBtnArea .MenuBtn span {
    display: inline-block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    position: absolute;
    left: 9px;
    height: 2px;
    width: 20px;
    border-radius: 2px;
    background: #000;
  }
  .MenuBtnArea .MenuBtn span:nth-of-type(1) {
    top: 11px;
  }
  .MenuBtnArea .MenuBtn span:nth-of-type(2) {
    top: 18px;
  }
  .MenuBtnArea .MenuBtn span:nth-of-type(3) {
    top: 25px;
  }
  .MenuBtnArea .MenuBtn.close .MenuBtn_Inner {
    border: 1px solid #FFF;
  }
  .MenuBtnArea .MenuBtn.close span:nth-of-type(1) {
    top: 12px;
    left: 9px;
    -webkit-transform: translateY(6px) rotate(-45deg);
            transform: translateY(6px) rotate(-45deg);
    width: 20px;
    background: #fff;
  }
  .MenuBtnArea .MenuBtn.close span:nth-of-type(2) {
    opacity: 0;
  }
  .MenuBtnArea .MenuBtn.close span:nth-of-type(3) {
    top: 24px;
    left: 9px;
    -webkit-transform: translateY(-6px) rotate(45deg);
            transform: translateY(-6px) rotate(45deg);
    width: 20px;
    background: #fff;
  }
  .MenuBtnArea .MenuBtn.deactive {
    pointer-events: none;
  }
  #Modal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 21;
  }
  #Modal .Bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(47, 47, 47, .95);
    pointer-events: all;
  }
  #Modal .Modal_Inner {
    position: relative;
    display: block;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    padding: 21.32vw 8.16vw 0;
  }
  #Modal .ModalContents_Inner {
    width: auto;
    width: initial;
    height: auto;
    height: initial;
  }
  #Modal .ModalLogoImg {
    position: relative;
    text-align: left;
    padding-bottom: 5vw;
    margin-bottom: 5vw;
  }
  #Modal .ModalLogoImg:before {
    content: "";
    background-color: #545454;
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
  }
  #Modal .ModalLogoImg img {
    width: 29.08vw;
    height: 6.32vw;
  }
  #Modal ._pcnavi {
    display: none;
  }
  #Modal ._spnavi {
    display: block;
  }
  #Modal nav {
    display: block;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
  #Modal .NavImg {
    position: relative;
  }
  #Modal .NavImg:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 7.89vw;
  }
  #Modal .NavImg a {
    position: relative;
    display: inline-block;
  }
  #Modal .NavImg._1 svg {
    width: 68.55vw;
    height: 4.34vw;
  }
  #Modal .NavImg._2 svg {
    width: 44.08vw;
    height: 4.47vw;
  }
  #Modal .NavImg._3 svg {
    width: 50.26vw;
    height: 4.21vw;
  }
  #Modal .NavImg._4 svg {
    width: 42.11vw;
    height: 4.34vw;
  }
  #Modal .NavImg._5 {
    margin-top: 0vw;
  }
  #Modal .NavImg._5 svg {
    width: 63.68vw;
    height: 5vw;
  }
  #Modal .NavImg._6 svg {
    width: 44.87vw;
    height: 4.47vw;
  }
  #Modal .NavImg._7 svg {
    width: 55vw;
    height: 4.47vw;
  }
  #Modal .NavImg._8 svg {
    width: 63.29vw;
    height: 4.47vw;
  }
  .DetailBtn {
    position: absolute;
    z-index: 11;
    -webkit-filter: drop-shadow(0px 0px 0.53vw #444);
            filter: drop-shadow(0px 0px 0.53vw #444);
  }
  .DetailBtn .DetailBtn_Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .DetailBtn img {
    margin-right: 2.63vw;
  }
  .DetailBtn .arrow {
    width: 1.18vw;
    height: 1.97vw;
    fill: #fff;
    margin-top: 0.26vw;
  }
  .DetailBtn._s1 {
    left: 18.42vw;
    bottom: 20.39vw;
  }
  .DetailBtn._s1 img {
    width: 14.34vw;
    height: 7.37vw;
  }
  .DetailBtn._s2 {
    left: auto;
    left: initial;
    right: 10.53vw;
    bottom: 21.05vw;
  }
  .DetailBtn._s2 img {
    width: 12.5vw;
    height: 3.03vw;
  }
  .DetailBtn._s3 {
    right: auto;
    right: initial;
    left: 15.53vw;
    bottom: 19.74vw;
  }
  .DetailBtn._s3 img {
    width: 15.53vw;
    height: 2.63vw;
  }
  .DetailBtn._s4 {
    left: auto;
    left: initial;
    right: 10vw;
    bottom: 20.53vw;
  }
  .DetailBtn._s4 img {
    width: 12.37vw;
    height: 3.03vw;
  }
  .DetailBtn._s5 {
    right: auto;
    right: initial;
    left: 17.89vw;
    bottom: 18.55vw;
  }
  .DetailBtn._s5 img {
    width: 13.16vw;
    height: 6.58vw;
  }
  .DetailBtn._s5 .arrow {
    margin-top: -0.26vw;
  }
  .CanvasArea {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition-duration: 1.8s;
            transition-duration: 1.8s;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
            transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .CanvasArea._Hide {
    opacity: 0;
  }
  .CanvasArea canvas {
    width: 100%;
    height: 100%;
  }
  ._LineRow {
    position: absolute;
    width: 100.5%;
    height: 100.5%;
    background-color: #000;
    will-change: transform, width;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    z-index: 1;
  }
  ._LineRow._Hide {
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  ._LineRow._colorW {
    background-color: #fcf9f2;
  }
  ._LineCol {
    position: absolute;
    width: 100.5%;
    height: 100.5%;
    background-color: #000;
    will-change: transform, width;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    z-index: 1;
  }
  ._LineCol._Hide {
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  ._LineCol._colorW {
    background-color: #fcf9f2;
  }
  .contetnsimg {
    visibility: hidden;
  }
  .contetnsimg._Show {
    visibility: visible;
  }
  .CharaArea {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: opacity, transform, filter, scale, translate;
  }
  .CharaArea .Chara_Inner._1 {
    -webkit-transform: translateY(88.95vw) translateX(46.05vw) !important;
            transform: translateY(88.95vw) translateX(46.05vw) !important;
  }
  .CharaArea .Chara_Inner._2 {
    -webkit-transform: translateY(90.79vw) translateX(-44.47vw) !important;
            transform: translateY(90.79vw) translateX(-44.47vw) !important;
  }
  .CharaArea .Chara_Inner._3 {
    -webkit-transform: translateY(94.21vw) translateX(37.89vw) !important;
            transform: translateY(94.21vw) translateX(37.89vw) !important;
  }
  .CharaArea .Chara_Inner._4 {
    -webkit-transform: translateY(105.26vw) translateX(-35.53vw) !important;
            transform: translateY(105.26vw) translateX(-35.53vw) !important;
  }
  .CharaArea .Chara_Inner._5 {
    -webkit-transform: translateY(98.95vw) translateX(34.74vw) !important;
            transform: translateY(98.95vw) translateX(34.74vw) !important;
  }
  .CharaImg {
    z-index: 3;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: opacity, transform, filter, scale, translate;
  }
  .CharaImg img {
    max-width: none;
    max-width: initial;
  }
  .CharaImg._s1_CharaImg img {
    width: 110vw;
    height: auto;
  }
  .CharaImg._s2_CharaImg img {
    width: 105vw;
    height: auto;
  }
  .CharaImg._s3_CharaImg {
    top: 0;
    right: 0;
  }
  .CharaImg._s3_CharaImg img {
    width: 98.82vw;
    height: auto;
  }
  .CharaImg._s4_CharaImg {
    top: 0;
    right: 0;
  }
  .CharaImg._s4_CharaImg img {
    width: 89.21vw;
    height: auto;
  }
  .CharaImg._s5_CharaImg {
    top: 0;
    right: 0;
  }
  .CharaImg._s5_CharaImg img {
    width: 86.58vw;
    height: auto;
  }
  .BgTextArea {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: transform, opacity;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .BgTextArea .BgText_Inner._1 {
    -webkit-transform: translateY(-10vw) translateX(-33.68vw);
            transform: translateY(-10vw) translateX(-33.68vw);
  }
  .BgTextArea .BgText_Inner._2 {
    -webkit-transform: translateY(-10.79vw) translateX(21.58vw);
            transform: translateY(-10.79vw) translateX(21.58vw);
  }
  .BgTextArea .BgText_Inner._3 {
    -webkit-transform: translateY(-11.05vw) translateX(-28.42vw);
            transform: translateY(-11.05vw) translateX(-28.42vw);
  }
  .BgTextArea .BgText_Inner._4 {
    -webkit-transform: translateY(-9.74vw) translateX(25.79vw);
            transform: translateY(-9.74vw) translateX(25.79vw);
  }
  .BgTextArea .BgText_Inner._5 {
    -webkit-transform: translateY(-11.05vw) translateX(-34.21vw);
            transform: translateY(-11.05vw) translateX(-34.21vw);
  }
  .BgTextArea._outline svg {
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: fill-opacity, stroke, opacity;
    transition-property: fill-opacity, stroke, opacity;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    fill-opacity: 0;
    stroke: #999 !important;
    stroke-width: 1px;
  }
  ._BG_TextImg {
    will-change: transform, opacity;
  }
  ._BG_TextImg svg {
    fill: #000;
    stroke: #000;
    stroke-width: 0.26vw;
  }
  ._BG_TextImg._s1_BgText1 {
    width: 71.45vw;
    height: 61.18vw;
    margin-bottom: 5.79vw;
    -webkit-transform: translateX(5.26vw);
            transform: translateX(5.26vw);
  }
  ._BG_TextImg._s1_BgText1 svg {
    width: 71.45vw;
    height: 61.18vw;
  }
  ._BG_TextImg._s1_BgText2 {
    width: 60.79vw;
    height: 60.66vw;
    -webkit-transform: translateX(-2.63vw);
            transform: translateX(-2.63vw);
  }
  ._BG_TextImg._s1_BgText2 svg {
    width: 60.79vw;
    height: 60.66vw;
  }
  ._BG_TextImg._s2_BgText1 {
    width: 70.66vw;
    height: 60.53vw;
    margin-bottom: 5.26vw;
    -webkit-transform: translateX(7.89vw);
            transform: translateX(7.89vw);
  }
  ._BG_TextImg._s2_BgText1 svg {
    width: 70.66vw;
    height: 60.53vw;
  }
  ._BG_TextImg._s2_BgText2 {
    width: 70.66vw;
    height: 60.66vw;
    -webkit-transform: translateX(-2.63vw);
            transform: translateX(-2.63vw);
  }
  ._BG_TextImg._s2_BgText2 svg {
    width: 70.66vw;
    height: 60.66vw;
  }
  ._BG_TextImg._s3_BgText1 {
    width: 66.32vw;
    height: 65.26vw;
    margin-bottom: 0.66vw;
    -webkit-transform: translateX(7.89vw);
            transform: translateX(7.89vw);
  }
  ._BG_TextImg._s3_BgText1 svg {
    width: 66.32vw;
    height: 65.26vw;
  }
  ._BG_TextImg._s3_BgText2 {
    width: 73.68vw;
    height: 63.82vw;
    -webkit-transform: translateY(-2.63vw) translateX(-3.42vw);
            transform: translateY(-2.63vw) translateX(-3.42vw);
  }
  ._BG_TextImg._s3_BgText2 svg {
    width: 73.68vw;
    height: 63.82vw;
  }
  ._BG_TextImg._s4_BgText1 {
    width: 67.63vw;
    height: 60.92vw;
    -webkit-transform: translateX(5.53vw);
            transform: translateX(5.53vw);
    margin-bottom: 3.95vw;
  }
  ._BG_TextImg._s4_BgText1 svg {
    width: 67.63vw;
    height: 60.92vw;
  }
  ._BG_TextImg._s4_BgText2 {
    width: 69.34vw;
    height: 62.76vw;
    -webkit-transform: translateY(-0.79vw) translateX(-2.89vw);
            transform: translateY(-0.79vw) translateX(-2.89vw);
  }
  ._BG_TextImg._s4_BgText2 svg {
    width: 69.34vw;
    height: 62.76vw;
  }
  ._BG_TextImg._s5_BgText1 {
    width: 72.76vw;
    height: 62.37vw;
    margin-bottom: 0.79vw;
    -webkit-transform: translateX(5.53vw);
            transform: translateX(5.53vw);
  }
  ._BG_TextImg._s5_BgText1 svg {
    width: 72.76vw;
    height: 62.37vw;
  }
  ._BG_TextImg._s5_BgText2 {
    width: 68.03vw;
    height: 62.24vw;
    -webkit-transform: translateY(1.84vw) translateX(-2.37vw);
            transform: translateY(1.84vw) translateX(-2.37vw);
  }
  ._BG_TextImg._s5_BgText2 svg {
    width: 68.03vw;
    height: 62.24vw;
  }
  .MessageArea {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    pointer-events: none;
  }
  .MessageArea .MessageArea_Inner {
    position: absolute;
    z-index: 11;
  }
  .MessageArea .MessageArea_Inner._1 {
    margin-top: 0vw;
    -webkit-transform: translateX(-2.11vw) translateY(-12.37vw);
            transform: translateX(-2.11vw) translateY(-12.37vw);
  }
  .MessageArea .MessageArea_Inner._2 {
    margin-top: 0vw;
    -webkit-transform: translateX(2.63vw) translateY(-14.74vw);
            transform: translateX(2.63vw) translateY(-14.74vw);
    text-align: right;
  }
  .MessageArea .MessageArea_Inner._3 {
    margin-top: 0vw;
    -webkit-transform: translateX(-5.79vw) translateY(-14.21vw);
            transform: translateX(-5.79vw) translateY(-14.21vw);
  }
  .MessageArea .MessageArea_Inner._4 {
    margin-top: 0vw;
    -webkit-transform: translateX(-2.37vw) translateY(-12.37vw);
            transform: translateX(-2.37vw) translateY(-12.37vw);
    text-align: right;
  }
  .MessageArea .MessageArea_Inner._5 {
    margin-top: 0vw;
    -webkit-transform: translateX(-4.21vw) translateY(-11.84vw);
            transform: translateX(-4.21vw) translateY(-11.84vw);
  }
  .Label {
    position: relative;
    margin-bottom: 3.16vw;
    margin-left: 0;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transition-property: -webkit-clip-path;
    transition-property: -webkit-clip-path;
    transition-property: clip-path;
    transition-property: clip-path, -webkit-clip-path;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    display: inline-block;
    visibility: hidden;
    -webkit-clip-path: inset(0 99.99% 0 0);
            clip-path: inset(0 99.99% 0 0);
  }
  .Label.show {
    visibility: visible;
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  .Label._1 img {
    width: 78.95vw;
    height: 3.29vw;
  }
  .Label._2 img {
    width: 75.53vw;
    height: 3.29vw;
  }
  .Label._3 img {
    width: 71.58vw;
    height: 3.29vw;
  }
  .Label._4 img {
    width: 85.53vw;
    height: 3.29vw;
  }
  .Label._5 img {
    width: 77.37vw;
    height: 3.29vw;
  }
  .CopyImg {
    position: relative;
    margin-bottom: 2.89vw;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transition-property: -webkit-clip-path;
    transition-property: -webkit-clip-path;
    transition-property: clip-path;
    transition-property: clip-path, -webkit-clip-path;
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
    visibility: hidden;
    -webkit-clip-path: inset(0 99.99% 0 0);
            clip-path: inset(0 99.99% 0 0);
  }
  .CopyImg.show {
    visibility: visible;
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  .CopyImg:last-of-type {
    margin-bottom: 4.21vw;
  }
  .CopyImg._2 {
    margin-left: 0;
  }
  .CopyImg._s1_c1 img {
    width: 65.53vw;
    height: 9.21vw;
  }
  .CopyImg._s1_c2 img {
    width: 29.34vw;
    height: 9.21vw;
  }
  .CopyImg._s2_c1 img {
    width: 49.87vw;
    height: 9.21vw;
  }
  .CopyImg._s2_c2 img {
    width: 56.18vw;
    height: 9.21vw;
  }
  .CopyImg._s3_c1 img {
    width: 63.16vw;
    height: 9.21vw;
  }
  .CopyImg._s3_c2 img {
    width: 46.71vw;
    height: 9.21vw;
  }
  .CopyImg._s4_c1 img {
    width: 65.79vw;
    height: 9.21vw;
  }
  .CopyImg._s4_c2 img {
    width: 56.97vw;
    height: 9.34vw;
  }
  .CopyImg._s5_c1 img {
    width: 64.34vw;
    height: 9.21vw;
  }
  .CopyImg._s5_c2 img {
    width: 57.37vw;
    height: 9.21vw;
  }
  .TextArea {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .TextImg {
    position: relative;
  }
  .TextImg:not(:last-of-type) {
    margin-bottom: 2.37vw;
  }
  .TextImg img {
    max-width: none;
    max-width: initial;
  }
  .TextImg._s1_t1 img {
    width: 30.79vw;
  }
  .TextImg._s1_t2 {
    margin-left: 0vw;
  }
  .TextImg._s1_t2 img {
    width: 26.05vw;
  }
  .TextImg._s1_t3 {
    margin-left: 0vw;
  }
  .TextImg._s1_t3 img {
    width: 40.26vw;
  }
  .TextImg._s1_t4 {
    margin-left: 0vw;
  }
  .TextImg._s1_t4 img {
    width: 32.37vw;
  }
  .TextImg._s2_t1 img {
    width: 34.47vw;
  }
  .TextImg._s2_t2 {
    margin-left: 0;
  }
  .TextImg._s2_t2 img {
    width: 35.13vw;
  }
  .TextImg._s2_t3 {
    margin-left: 0;
  }
  .TextImg._s2_t3 img {
    width: 29.21vw;
  }
  .TextImg._s2_t4 {
    margin-left: 0;
  }
  .TextImg._s2_t4 img {
    width: 33.16vw;
  }
  .TextImg._s2_t5 {
    margin-left: 0;
  }
  .TextImg._s2_t5 img {
    width: 37.89vw;
  }
  .TextImg._s3_t1 img {
    width: 38.42vw;
  }
  .TextImg._s3_t2 {
    margin-left: 0;
  }
  .TextImg._s3_t2 img {
    width: 44.61vw;
  }
  .TextImg._s3_t3 {
    margin-left: 0;
  }
  .TextImg._s3_t3 img {
    width: 35.53vw;
  }
  .TextImg._s3_t4 {
    margin-left: 0;
  }
  .TextImg._s3_t4 img {
    width: 38.42vw;
  }
  .TextImg._s3_t5 {
    margin-left: 0;
  }
  .TextImg._s3_t5 img {
    width: 25.13vw;
  }
  .TextImg._s3_t6 {
    margin-left: 0;
  }
  .TextImg._s3_t6 img {
    width: 38.16vw;
  }
  .TextImg._s4_t1 {
    margin-left: 0;
  }
  .TextImg._s4_t1 img {
    width: 53.29vw;
  }
  .TextImg._s4_t2 {
    margin-left: 0;
  }
  .TextImg._s4_t2 img {
    width: 34.34vw;
  }
  .TextImg._s4_t3 {
    margin-left: 0;
  }
  .TextImg._s4_t3 img {
    width: 45.26vw;
  }
  .TextImg._s4_t4 {
    margin-left: 0;
  }
  .TextImg._s4_t4 img {
    width: 32.76vw;
  }
  .TextImg._s4_t5 {
    margin-left: 0;
  }
  .TextImg._s4_t5 img {
    width: 38.68vw;
  }
  .TextImg._s5_t1 img {
    width: 37.76vw;
  }
  .TextImg._s5_t2 {
    margin-left: 0;
  }
  .TextImg._s5_t2 img {
    width: 30.13vw;
  }
  .TextImg._s5_t3 {
    margin-left: 0;
  }
  .TextImg._s5_t3 img {
    width: 32.24vw;
  }
  .CircleArea {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  ._CircleFrontArea {
    z-index: 10;
  }
  ._CircleFrontArea .Circle2 {
    position: absolute;
    will-change: transform;
  }
  ._CircleFrontArea .Circle2 img {
    position: absolute;
    will-change: transform, opacity;
    -webkit-animation: rotate_circle3 15s linear infinite;
            animation: rotate_circle3 15s linear infinite;
  }
  ._CircleFrontArea .Circle2._s1_circle2 {
    top: -5.26vw;
    left: 3.68vw;
    width: 23.82vw;
    height: 23.82vw;
  }
  ._CircleFrontArea .Circle2._s1_circle2 img {
    width: 23.82vw;
    height: 23.82vw;
  }
  ._CircleFrontArea .Circle2._s2_circle2 {
    top: -13.16vw;
    right: 5vw;
    width: 27.24vw;
    height: 27.24vw;
  }
  ._CircleFrontArea .Circle2._s2_circle2 img {
    width: 27.24vw;
    height: 27.24vw;
  }
  ._CircleFrontArea .Circle2._s3_circle2 {
    top: -9.21vw;
    left: 4.21vw;
    width: 26.32vw;
    height: 26.32vw;
  }
  ._CircleFrontArea .Circle2._s3_circle2 img {
    width: 26.32vw;
    height: 26.32vw;
  }
  ._CircleFrontArea .Circle2._s4_circle2 {
    top: -6.58vw;
    right: 6.58vw;
    width: 27.63vw;
    height: 27.63vw;
  }
  ._CircleFrontArea .Circle2._s4_circle2 img {
    width: 27.63vw;
    height: 27.63vw;
  }
  ._CircleFrontArea .Circle2._s5_circle2 {
    top: 0.79vw;
    left: -11.84vw;
    width: 27.11vw;
    height: 27.11vw;
  }
  ._CircleFrontArea .Circle2._s5_circle2 img {
    width: 27.11vw;
    height: 27.11vw;
  }
  ._CircleFrontArea .Circle3 {
    position: absolute;
    will-change: transform;
  }
  ._CircleFrontArea .Circle3 img {
    position: absolute;
    will-change: transform, opacity;
    -webkit-animation: rotate_circle2 15s linear infinite;
            animation: rotate_circle2 15s linear infinite;
  }
  ._CircleFrontArea .Circle3._s1_circle3 {
    top: 9.21vw;
    left: -5.26vw;
    width: 14.87vw;
    height: 14.87vw;
  }
  ._CircleFrontArea .Circle3._s1_circle3 img {
    width: 14.87vw;
    height: 14.87vw;
  }
  ._CircleFrontArea .Circle3._s2_circle3 {
    top: 4.47vw;
    right: -2.63vw;
    width: 16.58vw;
    height: 16.58vw;
  }
  ._CircleFrontArea .Circle3._s2_circle3 img {
    width: 16.58vw;
    height: 16.58vw;
  }
  ._CircleFrontArea .Circle3._s3_circle3 {
    top: 7.63vw;
    left: -3.95vw;
    width: 15.13vw;
    height: 15.13vw;
  }
  ._CircleFrontArea .Circle3._s3_circle3 img {
    width: 15.13vw;
    height: 15.13vw;
  }
  ._CircleFrontArea .Circle3._s4_circle3 {
    top: 7.89vw;
    right: -3.95vw;
    width: 15.13vw;
    height: 15.13vw;
  }
  ._CircleFrontArea .Circle3._s4_circle3 img {
    width: 15.13vw;
    height: 15.13vw;
  }
  ._CircleFrontArea .Circle3._s5_circle3 {
    top: -2.63vw;
    left: 9.21vw;
    width: 15.26vw;
    height: 15.26vw;
  }
  ._CircleFrontArea .Circle3._s5_circle3 img {
    width: 15.26vw;
    height: 15.26vw;
  }
  ._CircleFrontArea .Circle4 {
    position: absolute;
    will-change: transform;
    display: none;
  }
  ._CircleFrontArea .Circle4 img {
    position: absolute;
    will-change: transform, opacity;
    -webkit-animation: rotate_circle3 15s linear infinite;
            animation: rotate_circle3 15s linear infinite;
  }
  ._CircleFrontArea .Circle4._s1_circle4 {
    bottom: 1.32vw;
    left: -3.95vw;
    width: 18.42vw;
    height: 18.42vw;
  }
  ._CircleFrontArea .Circle4._s1_circle4 img {
    width: 18.42vw;
    height: 18.42vw;
  }
  ._CircleFrontArea .Circle4._s2_circle4 {
    bottom: 12.89vw;
    right: -5.26vw;
    width: 17.89vw;
    height: 17.89vw;
  }
  ._CircleFrontArea .Circle4._s2_circle4 img {
    width: 17.89vw;
    height: 17.89vw;
  }
  ._CircleFrontArea .Circle4._s4_circle4 {
    bottom: -1.32vw;
    right: -5.26vw;
    width: 28.03vw;
    height: 28.03vw;
  }
  ._CircleFrontArea .Circle4._s4_circle4 img {
    width: 28.03vw;
    height: 28.03vw;
  }
  ._CircleFrontArea .Circle4._s5_circle4 {
    bottom: 17.11vw;
    left: -5.26vw;
    width: 20.39vw;
    height: 20.39vw;
  }
  ._CircleFrontArea .Circle4._s5_circle4 img {
    width: 20.39vw;
    height: 20.39vw;
  }
  ._CircleFrontArea .CircleCommon {
    position: absolute;
    will-change: transform;
    width: 32.89vw;
    height: 32.89vw;
  }
  ._CircleFrontArea .CircleCommon img {
    position: absolute;
    will-change: transform, opacity;
    width: 32.89vw;
    height: 32.89vw;
  }
  ._CircleFrontArea .CircleCommon._s1 {
    bottom: 7.37vw;
    left: 8.95vw;
  }
  ._CircleFrontArea .CircleCommon._s2 {
    bottom: 5.26vw;
    left: auto;
    left: initial;
    right: 3.95vw;
  }
  ._CircleFrontArea .CircleCommon._s3 {
    bottom: 4.74vw;
    right: auto;
    right: initial;
    left: 8.16vw;
  }
  ._CircleFrontArea .CircleCommon._s4 {
    bottom: 5.26vw;
    left: auto;
    left: initial;
    right: 3.95vw;
  }
  ._CircleFrontArea .CircleCommon._s5 {
    bottom: 5.26vw;
    right: auto;
    right: initial;
    left: 8.55vw;
  }
  ._CircleBackArea .Circle1 {
    position: absolute;
    will-change: transform;
  }
  ._CircleBackArea .Circle1 img {
    position: absolute;
    will-change: transform, opacity;
    -webkit-animation: rotate_circle1 20s linear infinite;
            animation: rotate_circle1 20s linear infinite;
  }
  ._CircleBackArea .Circle1._s1_circle1 {
    width: 69.87vw;
    height: 69.87vw;
    bottom: 6.58vw;
    right: 10.92vw;
  }
  ._CircleBackArea .Circle1._s1_circle1 img {
    width: 69.87vw;
    height: 69.87vw;
  }
  ._CircleBackArea .Circle1._s2_circle1 {
    width: 65.26vw;
    height: 65.26vw;
    bottom: 10.53vw;
    left: 18.42vw;
  }
  ._CircleBackArea .Circle1._s2_circle1 img {
    width: 65.26vw;
    height: 65.26vw;
  }
  ._CircleBackArea .Circle1._s3_circle1 {
    width: 70.13vw;
    height: 70.13vw;
    bottom: 9.21vw;
    right: 7.5vw;
  }
  ._CircleBackArea .Circle1._s3_circle1 img {
    width: 70.13vw;
    height: 70.13vw;
  }
  ._CircleBackArea .Circle1._s4_circle1 {
    width: 66.45vw;
    height: 66.45vw;
    bottom: 10.53vw;
    left: 13.16vw;
  }
  ._CircleBackArea .Circle1._s4_circle1 img {
    width: 66.45vw;
    height: 66.45vw;
  }
  ._CircleBackArea .Circle1._s5_circle1 {
    width: 63.42vw;
    height: 63.42vw;
    bottom: 3.55vw;
    right: 15.79vw;
  }
  ._CircleBackArea .Circle1._s5_circle1 img {
    width: 63.42vw;
    height: 63.42vw;
  }
  ._CircleBackArea .Circle4 {
    position: absolute;
    will-change: transform;
  }
  ._CircleBackArea .Circle4 img {
    position: absolute;
    will-change: transform, opacity;
    -webkit-animation: rotate_circle2 15s linear infinite;
            animation: rotate_circle2 15s linear infinite;
  }
  ._CircleBackArea .Circle4._s3_circle4 {
    top: -18.16vw;
    right: -6.84vw;
    width: 48.95vw;
    height: 48.95vw;
  }
  ._CircleBackArea .Circle4._s3_circle4 img {
    width: 48.95vw;
    height: 48.95vw;
  }
  ._CircleBackArea .Circle5 {
    position: absolute;
    will-change: transform;
  }
  ._CircleBackArea .Circle5 img {
    position: absolute;
    will-change: transform, opacity;
    -webkit-animation: rotate_circle4 15s linear infinite;
            animation: rotate_circle4 15s linear infinite;
  }
  ._CircleBackArea .Circle5._s1_circle5 {
    top: -19.08vw;
    right: -12.11vw;
    width: 59.21vw;
    height: 59.21vw;
  }
  ._CircleBackArea .Circle5._s1_circle5 img {
    width: 59.21vw;
    height: 59.21vw;
  }
  ._CircleBackArea .Circle5._s2_circle5 {
    top: -23.03vw;
    left: -3.29vw;
    width: 47.24vw;
    height: 47.24vw;
  }
  ._CircleBackArea .Circle5._s2_circle5 img {
    width: 47.24vw;
    height: 47.24vw;
  }
  ._CircleBackArea .Circle5._s3_circle5 {
    display: none;
    bottom: 7.89vw;
    left: 3.42vw;
    width: 21.84vw;
    height: 21.84vw;
  }
  ._CircleBackArea .Circle5._s3_circle5 img {
    width: 21.84vw;
    height: 21.84vw;
  }
  ._CircleBackArea .Circle5._s4_circle5 {
    top: -10.53vw;
    left: -7.89vw;
    width: 50.79vw;
    height: 50.79vw;
  }
  ._CircleBackArea .Circle5._s4_circle5 img {
    width: 50.79vw;
    height: 50.79vw;
  }
  ._CircleBackArea .Circle5._s5_circle5 {
    top: -18.42vw;
    right: 0vw;
    width: 52.76vw;
    height: 52.76vw;
  }
  ._CircleBackArea .Circle5._s5_circle5 img {
    width: 52.76vw;
    height: 52.76vw;
  }
  ._LineAnimeRow:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #000;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    will-change: transform, width;
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  ._LineAnimeRow img, ._LineAnimeRow svg {
    visibility: hidden;
  }
  ._LineAnimeRow._Show:before {
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  ._LineAnimeRow._Hide img, ._LineAnimeRow._Hide svg {
    visibility: visible;
  }
  ._LineAnimeRow._Hide:before {
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  ._LineAnimeCol:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #000;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    will-change: transform, width;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
            transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  ._LineAnimeCol img, ._LineAnimeCol svg {
    visibility: hidden;
  }
  ._LineAnimeCol._Show:before {
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  ._LineAnimeCol._Hide img, ._LineAnimeCol._Hide svg {
    visibility: visible;
  }
  ._LineAnimeCol._Hide:before {
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  .IntroCopyArea {
    pointer-events: none;
  }
  .Logo {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: opacity;
  }
  .Logo .Bg {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .Logo .Bg.deactive {
    display: none;
  }
  .Logo .Logo_Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
  .Logo img {
    width: 48.55vw;
    height: 10.53vw;
  }
  .ScrollAttention {
    position: absolute;
    left: 50%;
    bottom: 7.89vw;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    text-align: center;
    z-index: 20;
  }
  .ScrollAttention .ScrollTextImg1 {
    position: relative;
    margin-bottom: 0.79vw;
  }
  .ScrollAttention .ScrollTextImg1 svg {
    width: 13.29vw;
    height: 2.11vw;
  }
  .ScrollAttention .ScrollTextImg1._colorW svg {
    fill: #fff;
  }
  .ScrollAttention .ScrollTextImg2 {
    position: relative;
    display: inline-block;
    margin-bottom: 1.05vw;
  }
  .ScrollAttention .ScrollTextImg2 svg {
    width: 8.16vw;
    height: 2.24vw;
  }
  .ScrollAttention .ScrollTextImg2._colorW svg {
    fill: #fff;
  }
  .ScrollAttention .bar {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50, 0);
            transform: translate(-50, 0);
    background-color: #d0cdc8;
    width: 1px;
    height: 7.89vw;
  }
  .ScrollAttention .bar._base {
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  .ScrollAttention .bar._color {
    background-color: #004a3d;
    -webkit-animation: bar 1.5s 0s linear infinite;
            animation: bar 1.5s 0s linear infinite;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  .ScrollAttention .bar._color._play {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .IntroCopyArea {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 20;
    will-change: opacity, transform, filter, scale;
  }
  .IntroCopyArea .IntroCopyImg {
    position: relative;
  }
  .IntroCopyArea .IntroCopyImg._1 {
    margin-bottom: 2.11vw;
  }
  .IntroCopyArea .IntroCopyImg._1 img {
    width: 70.79vw;
    height: 6.32vw;
  }
  .IntroCopyArea .IntroCopyImg._2 {
    width: 30.13vw;
    margin: 0 auto;
  }
  .IntroCopyArea .IntroCopyImg._2 img {
    width: 30.13vw;
    height: 2.24vw;
  }
  .landscape {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100vw;
    height: 100%;
    background-color: #FFF;
    top: 0;
    left: 0;
    z-index: 1000;
    text-align: center;
    visibility: hidden;
  }
  .landscape.active {
    visibility: visible;
  }
  .landscape .icon {
    margin-bottom: 24px;
  }
  .landscape .icon img {
    width: 76px;
    height: auto;
  }
  .landscape .text img {
    width: 183px;
    height: auto;
  }
}
@media screen and (min-width: 1600px) {
  body {
    font-size: 17.5px;
  }
  [data-target][slideup] {
    -webkit-transform: translateY(25px) scale(1);
            transform: translateY(25px) scale(1);
  }
  [data-target][slidedown] {
    -webkit-transform: translateY(-25px) scale(1);
            transform: translateY(-25px) scale(1);
  }
  [data-target][slideleft] {
    -webkit-transform: translateX(25px) scale(1);
            transform: translateX(25px) scale(1);
  }
  [data-target][slideright] {
    -webkit-transform: translateX(-25px) scale(1);
            transform: translateX(-25px) scale(1);
  }
  .site_logo {
    width: 525px;
    height: 518.75px;
  }
  .ic_play {
    width: 60px;
    height: 60px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .ic_play svg {
    width: 60px;
    height: 60px;
    margin-left: 7.5px;
  }
  .sec_inner {
    max-width: 1600px;
  }
  .swiper-button-prev.custom,
  .swiper-button-next.custom {
    width: 72.5px;
    height: 110px;
  }
  .swiper-button-prev.custom svg,
  .swiper-button-next.custom svg {
    width: 72.5px;
    height: 110px;
  }
  .swiper-pagination.custom .swiper-pagination-bullet {
    width: 26.25px;
    height: 26.25px;
    margin: 0 6.25px;
  }
  .label_title.pink {
    height: 175px;
  }
  .label_title.pink:before {
    width: 22.5px;
  }
  .label_title.pink:after {
    background-size: 37.5px auto;
    width: calc(100% - 22.5px);
    right: 22.5px;
  }
  .label_title.pink2 {
    height: 182.5px;
  }
  .label_title.pink2:before {
    width: 10px;
  }
  .label_title.pink2:after {
    background-size: 38.75px auto;
    width: calc(100% - 10px);
    right: 10px;
  }
  .label_title.green, .label_title.blue, .label_title.yellow {
    height: 112.5px;
  }
  .label_title.green:before, .label_title.blue:before, .label_title.yellow:before {
    width: 14.38px;
  }
  .label_title.green:after, .label_title.blue:after, .label_title.yellow:after {
    background-size: 38.13px auto;
    width: calc(100% - 14.38px);
    right: 14.38px;
  }
  .bar_title {
    background-size: 75px 75px;
    border-radius: 35px;
    height: 85px;
  }
  [data-ytplayer] {
    position: relative;
  }
  [data-ytplayer] a {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    display: block;
    position: relative;
    z-index: 2;
  }
  [data-ytplayer] a:before {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  [data-ytplayer] a .thumb {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    position: relative;
    display: block;
  }
  [data-ytplayer] a .btn {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    pointer-events: none;
  }
  [data-ytplayer] a.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  [data-ytplayer] .yt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  [data-ytplayer] iframe {
    width: 100%;
    height: 100%;
    vertical-align: bottom;
  }
  [data-clickmovie] .click_video_btn {
    bottom: 55px;
  }
  .bg_yellow {
    background-size: 623.75px 412.5px;
  }
  .mask_bg {
    -webkit-mask-size: 2000px 4537.5px;
            mask-size: 2000px 4537.5px;
    height: calc(100% + 22.5px);
    top: -22.5px;
  }
  .mask_bg:before {
    background-size: 623.75px 412.5px;
    margin: -39.26991vw;
    height: calc(100% + 22.5px - -78.53982vw);
    width: calc(100% + 22.5px - -78.53982vw);
  }
  #modal #modalInner {
    padding: 125px 0;
  }
  #modal #modalInner:before {
    background-size: 623.75px 412.5px;
  }
  #modal #modalContents {
    max-width: 1600px;
  }
  #modal .btn_close {
    top: -90px;
    right: 50px;
    width: 65px;
    height: 65px;
  }
  #modal .btn_close span {
    height: 8px;
    width: 87.5px;
    border-radius: 5px;
    top: 32.5px;
  }
  #modalCopy .contents #copySliderMain {
    width: 1310px;
    margin: 0 auto 80px;
  }
  #modalCopy .contents #copySliderMain .swiper-slide {
    width: 1310px;
    margin-right: calc(50vw - 655px);
  }
  #modalCopy .contents #copySliderMain .swiper-slide .mov {
    background-size: 28.75px 55px;
    width: 1310px;
    height: 750px;
    margin-bottom: 30px;
    padding: 15px;
    border-radius: 37.5px;
  }
  #modalCopy .contents #copySliderMain .swiper-slide .name {
    width: 915px;
    height: 75px;
  }
  #modalCopy .contents #copySliderMain .swiper-slide .name img {
    height: 42.5px;
  }
  #modalCopy .contents #copySliderMain .swiper-slide .name svg {
    width: 31.25px;
    height: 30px;
    margin-top: -15px;
  }
  #modalCopy .contents #copySliderMain .swiper-slide .name svg:nth-child(1) {
    left: 50px;
  }
  #modalCopy .contents #copySliderMain .swiper-slide .name svg:nth-child(2) {
    right: 50px;
  }
  #modalCopy .contents #copySliderMain .swiper-prev,
  #modalCopy .contents #copySliderMain .swiper-next {
    top: 331.25px;
  }
  #modalCopy .contents #copySliderMain .swiper-prev img,
  #modalCopy .contents #copySliderMain .swiper-next img {
    width: 70px;
  }
  #modalCopy .contents #copySliderMain .swiper-prev {
    left: -110px;
  }
  #modalCopy .contents #copySliderMain .swiper-next {
    right: -110px;
  }
  #modalCopy .contents #copySliderThumb .thumb {
    margin: 0 6.25px;
  }
  #modalCopy .contents #copySliderThumb .thumb dt {
    background-size: 28.75px 55px;
    width: 152.5px;
    height: 152.5px;
    margin-bottom: 12.5px;
  }
  #modalCopy .contents #copySliderThumb .thumb dd img {
    height: 21.25px;
  }
  ._Scene {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  ._Scene.active {
    pointer-events: initial;
  }
  .HeaderDeco {
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: 10;
    height: 16.25px;
  }
  .HeaderDeco .Header_Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 16.25px;
  }
  .HeaderDeco .TitleImg {
    margin-right: 17.5px;
  }
  .HeaderDeco .TitleImg img {
    display: block;
    width: 70px;
    height: 16.25px;
  }
  .HeaderDeco .IndexImgList {
    position: relative;
    width: 82.5px;
    height: 16.25px;
    margin-right: 22.5px;
  }
  .HeaderDeco .IndexImgList .IndexImg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }
  .HeaderDeco .IndexImgList .IndexImg.active {
    opacity: 1;
  }
  .HeaderDeco .IndexImgList .IndexImg img {
    display: block;
    margin-top: 3.75px;
  }
  .HeaderDeco .IndexImgList .IndexImg._1 img {
    width: 76.25px;
    height: 11.25px;
  }
  .HeaderDeco .IndexImgList .IndexImg._2 img {
    width: 71.25px;
    height: 11.25px;
  }
  .HeaderDeco .IndexImgList .IndexImg._3 img {
    width: 78.75px;
    height: 11.25px;
  }
  .HeaderDeco .IndexImgList .IndexImg._4 img {
    width: 66.25px;
    height: 11.25px;
  }
  .HeaderDeco .IndexImgList .IndexImg._5 img {
    width: 67.5px;
    height: 11.25px;
  }
  .HeaderDeco .bar {
    height: 1.25px;
    width: 262.5px;
    background-color: #000;
  }
  .FooterArea {
    position: fixed;
    bottom: 0;
    z-index: 20;
    width: 100%;
    height: 62.5px;
    overflow: hidden;
    -webkit-transform: translateY(63.75px);
            transform: translateY(63.75px);
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
            transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .FooterArea.active {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .FooterArea .Footer_Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
  }
  .FooterArea .NewsArea {
    position: relative;
    width: calc(100% - 287.5px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 1px solid #e0dfdf;
    background-color: #FFF;
  }
  .FooterArea .NewsArea .NewsArea_Inner {
    margin-left: 100px;
    width: 100%;
  }
  .FooterArea .NewsArea .NewsContetns {
    position: relative;
    width: calc(100% - 187.5px);
    height: 16.25px;
    overflow: hidden;
  }
  .FooterArea .NewsArea .news {
    position: absolute;
    white-space: nowrap;
    font-family: "sans-serif";
    font-weight: normal;
    font-weight: initial;
    pointer-events: none;
    will-change: transform, opacity;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .FooterArea .NewsArea .news.active {
    pointer-events: initial;
  }
  .FooterArea .NewsArea .news .date {
    margin-right: 12.5px;
  }
  .FooterArea .NewsArea .NewsBtn {
    position: absolute;
    right: 77.5px;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
  }
  .FooterArea .NewsArea .NewsBtn.active {
    opacity: 1;
    pointer-events: initial;
  }
  .FooterArea .NewsArea .NewsBtn .NewsBtn_Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .FooterArea .NewsArea .NewsBtn img {
    width: 10px;
    height: 17.5px;
  }
  .FooterArea .NewsArea .NewsPrevBtn {
    margin-right: 35px;
  }
  .FooterArea .RecruitArea {
    width: 287.5px;
    background-color: #000;
  }
  .FooterArea .RecruitArea .RecruitBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
  }
  .FooterArea .RecruitArea .RecruitBtn picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .FooterArea .RecruitArea .RecruitBtn img {
    width: 70px;
    height: 16.25px;
  }
  .LeftDeco {
    position: absolute;
    bottom: 105px;
    left: 50px;
    z-index: 12;
  }
  .LeftDeco img {
    width: 13.75px;
    height: 455px;
  }
  .RightDeco {
    position: absolute;
    height: 100%;
    right: 50px;
    z-index: 12;
  }
  .RightDeco .PageNum {
    margin-bottom: 62.5px;
  }
  .RightDeco .NumImg {
    position: absolute;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    opacity: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .RightDeco .NumImg.active {
    opacity: 1;
  }
  .RightDeco .NumImg._1 img {
    width: 10px;
    height: 11.25px;
  }
  .RightDeco .NumImg._2 img {
    width: 10px;
    height: 13.75px;
  }
  .RightDeco .NumImg._3 img {
    width: 10px;
    height: 12.5px;
  }
  .RightDeco .NumImg._4 img {
    width: 10px;
    height: 13.75px;
  }
  .RightDeco .NumImg._5 img {
    width: 10px;
    height: 12.5px;
  }
  .RightDeco .PageIndex {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    right: 0;
  }
  .RightDeco .PageIndex_Inner {
    position: relative;
  }
  .RightDeco .IndexBtn {
    margin-bottom: 2.5px;
    cursor: pointer;
  }
  .RightDeco .IndexBtn svg {
    width: 22px;
    height: 22px;
    stroke-width: 2px;
    fill-opacity: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .RightDeco .IndexBtn svg .progress__value {
    fill: none;
    stroke-width: 15px;
    stroke-linecap: round;
    stroke: #34696b;
  }
  .RightDeco .IndexBtn svg._1 {
    stroke: #adabab;
  }
  .RightDeco .IndexBtn svg._2 {
    stroke: #929191;
  }
  .RightDeco .IndexBtn svg._3 {
    stroke: #696969;
  }
  .RightDeco .IndexBtn svg._4 {
    stroke: #373737;
  }
  .RightDeco .IndexBtn svg._5 {
    stroke: #000;
  }
  .RightDeco .IndexBtn.deactive {
    pointer-events: none;
  }
  .RightDeco .IndexBtn.active {
    pointer-events: none;
  }
  .RightDeco .IndexBtn.active svg {
    fill-opacity: 1;
  }
  .RightDeco .IndexBtn.active svg._1 {
    fill: #adabab;
  }
  .RightDeco .IndexBtn.active svg._2 {
    fill: #929191;
  }
  .RightDeco .IndexBtn.active svg._3 {
    fill: #696969;
  }
  .RightDeco .IndexBtn.active svg._4 {
    fill: #373737;
  }
  .RightDeco .IndexBtn.active svg._5 {
    fill: #000;
  }
  .MenuBtnArea {
    position: absolute;
    height: 100%;
    right: 50px;
    z-index: 100000;
    pointer-events: none;
  }
  .MenuBtnArea .MenuBtn {
    position: relative;
    pointer-events: auto;
  }
  .MenuBtnArea .MenuBtn .MenuBtn_Inner {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, .2);
    border: 1px solid #000;
    border-radius: 50%;
    cursor: pointer;
    margin-top: 50px;
  }
  .MenuBtnArea .MenuBtn span {
    display: inline-block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    position: absolute;
    left: 11px;
    height: 2px;
    width: 24px;
    border-radius: 2px;
    background: #000;
  }
  .MenuBtnArea .MenuBtn span:nth-of-type(1) {
    top: 16px;
  }
  .MenuBtnArea .MenuBtn span:nth-of-type(2) {
    top: 24px;
  }
  .MenuBtnArea .MenuBtn span:nth-of-type(3) {
    top: 32px;
  }
  .MenuBtnArea .MenuBtn.close .MenuBtn_Inner {
    border: 1px solid #FFF;
  }
  .MenuBtnArea .MenuBtn.close span:nth-of-type(1) {
    top: 18px;
    left: 13px;
    -webkit-transform: translateY(6px) rotate(-45deg);
            transform: translateY(6px) rotate(-45deg);
    width: 22px;
    background: #fff;
  }
  .MenuBtnArea .MenuBtn.close span:nth-of-type(2) {
    opacity: 0;
  }
  .MenuBtnArea .MenuBtn.close span:nth-of-type(3) {
    top: 30px;
    left: 13px;
    -webkit-transform: translateY(-6px) rotate(45deg);
            transform: translateY(-6px) rotate(45deg);
    width: 22px;
    background: #fff;
  }
  .MenuBtnArea .MenuBtn.deactive {
    pointer-events: none;
  }
  #Modal {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    pointer-events: none;
  }
  #Modal.show {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
  }
  #Modal .Bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(47, 47, 47, .95);
    pointer-events: all;
  }
  #Modal .Modal_Inner {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #Modal .ModalContents_Inner {
    width: 496.25px;
    height: 510px;
  }
  #Modal .ModalLogoImg {
    position: relative;
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  #Modal .ModalLogoImg:before {
    content: "";
    background-color: #545454;
    height: 1px;
    width: 496.25px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
  }
  #Modal .ModalLogoImg img {
    width: 196.25px;
    height: 42.5px;
  }
  #Modal ._pcnavi {
    display: block;
  }
  #Modal ._spnavi {
    display: none;
  }
  #Modal nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #Modal .NavImg {
    position: relative;
  }
  #Modal .NavImg:not(:last-of-type) {
    margin-right: 28.75px;
  }
  #Modal .NavImg svg {
    fill: #fcf9f2;
  }
  #Modal .NavImg a {
    position: relative;
    display: block;
    height: 100%;
  }
  #Modal .NavImg._1 svg {
    width: 36.25px;
    height: 401.25px;
  }
  #Modal .NavImg._2 svg {
    width: 36.25px;
    height: 245px;
  }
  #Modal .NavImg._3 svg {
    width: 36.25px;
    height: 287.5px;
  }
  #Modal .NavImg._4 svg {
    width: 36.25px;
    height: 235px;
  }
  #Modal .NavImg._5 {
    margin-top: -2.5px;
  }
  #Modal .NavImg._5 svg {
    width: 37.5px;
    height: 373.75px;
  }
  #Modal .NavImg._6 svg {
    width: 36.25px;
    height: 251.25px;
  }
  #Modal .NavImg._7 svg {
    width: 36.25px;
    height: 316.25px;
  }
  #Modal .NavImg._8 svg {
    width: 36.25px;
    height: 365px;
  }
  .DetailBtn {
    position: absolute;
    z-index: 11;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(68,68,68,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 5px #444);
            filter: drop-shadow(0px 0px 5px #444);
  }
  .DetailBtn .DetailBtn_Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .DetailBtn img {
    margin-right: 25px;
  }
  .DetailBtn .arrow {
    width: 11.25px;
    height: 18.75px;
    fill: #fff;
    margin-top: 2.5px;
  }
  .DetailBtn._s1 {
    right: 150px;
    bottom: 181.25px;
  }
  .DetailBtn._s1 img {
    width: 216.25px;
    height: 22.5px;
  }
  .DetailBtn._s2 {
    left: 215px;
    bottom: 175px;
  }
  .DetailBtn._s2 img {
    width: 100px;
    height: 25px;
  }
  .DetailBtn._s3 {
    right: 198.75px;
    bottom: 171.25px;
  }
  .DetailBtn._s3 img {
    width: 122.5px;
    height: 21.25px;
  }
  .DetailBtn._s4 {
    left: 215px;
    bottom: 175px;
  }
  .DetailBtn._s4 img {
    width: 98.75px;
    height: 23.75px;
  }
  .DetailBtn._s5 {
    right: 160px;
    bottom: 176.25px;
  }
  .DetailBtn._s5 img {
    width: 205px;
    height: 28.75px;
  }
  .DetailBtn._s5 .arrow {
    margin-top: -2.5px;
  }
  .CanvasArea {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition-duration: 1.8s;
            transition-duration: 1.8s;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
            transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .CanvasArea._Hide {
    opacity: 0;
  }
  ._LineRow {
    position: absolute;
    width: 100.5%;
    height: 100.5%;
    background-color: #000;
    will-change: transform, width;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    z-index: 1;
  }
  ._LineRow._Hide {
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  ._LineRow._colorW {
    background-color: #fcf9f2;
  }
  ._LineCol {
    position: absolute;
    width: 100.5%;
    height: 100.5%;
    background-color: #000;
    will-change: transform, width;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    z-index: 1;
  }
  ._LineCol._Hide {
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  ._LineCol._colorW {
    background-color: #fcf9f2;
  }
  .contetnsimg {
    visibility: hidden;
  }
  .contetnsimg._Show {
    visibility: visible;
  }
  .CharaArea {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: opacity, transform, filter, scale, translate;
  }
  .CharaArea .Chara_Inner._1 {
    -webkit-transform: translateY(1175px) translateX(550px);
            transform: translateY(1175px) translateX(550px);
  }
  .CharaArea .Chara_Inner._2 {
    -webkit-transform: translateY(1075px) translateX(-522.5px);
            transform: translateY(1075px) translateX(-522.5px);
  }
  .CharaArea .Chara_Inner._3 {
    -webkit-transform: translateY(1125px) translateX(475px);
            transform: translateY(1125px) translateX(475px);
  }
  .CharaArea .Chara_Inner._4 {
    -webkit-transform: translateY(1045px) translateX(-437.5px);
            transform: translateY(1045px) translateX(-437.5px);
  }
  .CharaArea .Chara_Inner._5 {
    -webkit-transform: translateY(1187.5px) translateX(430px);
            transform: translateY(1187.5px) translateX(430px);
  }
  .CharaImg {
    z-index: 3;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: opacity, transform, filter, scale, translate;
  }
  .CharaImg._s1_CharaImg img {
    width: 1165px;
    height: 3457.5px;
  }
  .CharaImg._s2_CharaImg img {
    width: 1028.75px;
    height: 3208.75px;
  }
  .CharaImg._s3_CharaImg {
    top: -25px;
    right: -187.5px;
  }
  .CharaImg._s3_CharaImg img {
    width: 1000px;
    height: 3403.75px;
  }
  .CharaImg._s4_CharaImg {
    top: -112.5px;
    left: -242.5px;
  }
  .CharaImg._s4_CharaImg img {
    width: 801.25px;
    height: 3203.75px;
  }
  .CharaImg._s5_CharaImg {
    top: -50px;
    right: -367.5px;
  }
  .CharaImg._s5_CharaImg img {
    width: 867.5px;
    height: 3518.75px;
  }
  .BgTextArea {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: transform, opacity;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .BgTextArea .BgText_Inner._1 {
    -webkit-transform: translateY(-20px) translateX(-487.5px);
            transform: translateY(-20px) translateX(-487.5px);
  }
  .BgTextArea .BgText_Inner._2 {
    -webkit-transform: translateY(-30px) translateX(387.5px);
            transform: translateY(-30px) translateX(387.5px);
  }
  .BgTextArea .BgText_Inner._3 {
    -webkit-transform: translateY(-22.5px) translateX(-425px);
            transform: translateY(-22.5px) translateX(-425px);
  }
  .BgTextArea .BgText_Inner._4 {
    -webkit-transform: translateY(-22.5px) translateX(367.5px);
            transform: translateY(-22.5px) translateX(367.5px);
  }
  .BgTextArea .BgText_Inner._5 {
    -webkit-transform: translateY(-25px) translateX(-412.5px);
            transform: translateY(-25px) translateX(-412.5px);
  }
  .BgTextArea._outline svg {
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: fill-opacity, stroke, opacity;
    transition-property: fill-opacity, stroke, opacity;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    fill-opacity: 0;
    stroke: #d6d4ce !important;
  }
  ._BG_TextImg {
    will-change: transform, opacity;
  }
  ._BG_TextImg svg {
    fill: #000;
    stroke: #000;
    stroke-width: 2.5px;
  }
  ._BG_TextImg._s1_BgText1 {
    width: 562.5px;
    height: 487.5px;
    margin-bottom: 22.5px;
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  ._BG_TextImg._s1_BgText1 svg {
    width: 562.5px;
    height: 487.5px;
  }
  ._BG_TextImg._s1_BgText2 {
    width: 465px;
    height: 463.75px;
  }
  ._BG_TextImg._s1_BgText2 svg {
    width: 465px;
    height: 463.75px;
  }
  ._BG_TextImg._s2_BgText1 {
    width: 538.75px;
    height: 461.25px;
    margin-bottom: 37.5px;
    -webkit-transform: translateX(75px);
            transform: translateX(75px);
  }
  ._BG_TextImg._s2_BgText1 svg {
    width: 538.75px;
    height: 461.25px;
  }
  ._BG_TextImg._s2_BgText2 {
    width: 533.75px;
    height: 457.5px;
  }
  ._BG_TextImg._s2_BgText2 svg {
    width: 533.75px;
    height: 457.5px;
  }
  ._BG_TextImg._s3_BgText1 {
    width: 498.75px;
    height: 492.5px;
    margin-bottom: 6.25px;
    -webkit-transform: translateX(75px);
            transform: translateX(75px);
  }
  ._BG_TextImg._s3_BgText1 svg {
    width: 498.75px;
    height: 492.5px;
  }
  ._BG_TextImg._s3_BgText2 {
    width: 562.5px;
    height: 487.5px;
    -webkit-transform: translateY(-12.5px) translateX(-37.5px);
            transform: translateY(-12.5px) translateX(-37.5px);
  }
  ._BG_TextImg._s3_BgText2 svg {
    width: 562.5px;
    height: 487.5px;
  }
  ._BG_TextImg._s4_BgText1 {
    width: 516.25px;
    height: 472.5px;
    -webkit-transform: translateX(52.5px);
            transform: translateX(52.5px);
    margin-bottom: 25px;
  }
  ._BG_TextImg._s4_BgText1 svg {
    width: 516.25px;
    height: 472.5px;
  }
  ._BG_TextImg._s4_BgText2 {
    width: 523.75px;
    height: 473.75px;
    -webkit-transform: translateY(-12.5px);
            transform: translateY(-12.5px);
  }
  ._BG_TextImg._s4_BgText2 svg {
    width: 523.75px;
    height: 473.75px;
  }
  ._BG_TextImg._s5_BgText1 {
    width: 563.75px;
    height: 482.5px;
    margin-bottom: 7.5px;
    -webkit-transform: translateX(52.5px);
            transform: translateX(52.5px);
  }
  ._BG_TextImg._s5_BgText1 svg {
    width: 563.75px;
    height: 482.5px;
  }
  ._BG_TextImg._s5_BgText2 {
    width: 521.25px;
    height: 476.25px;
  }
  ._BG_TextImg._s5_BgText2 svg {
    width: 521.25px;
    height: 476.25px;
  }
  .MessageArea {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    pointer-events: none;
  }
  .MessageArea .MessageArea_Inner {
    position: absolute;
    -webkit-transform-origin: left;
            transform-origin: left;
    z-index: 11;
  }
  .MessageArea .MessageArea_Inner._1 {
    margin-top: -47.5px;
    -webkit-transform: translateX(-135px);
            transform: translateX(-135px);
  }
  .MessageArea .MessageArea_Inner._2 {
    margin-top: -57.5px;
    -webkit-transform: translateX(312.5px);
            transform: translateX(312.5px);
  }
  .MessageArea .MessageArea_Inner._3 {
    margin-top: -50px;
    -webkit-transform: translateX(-137.5px);
            transform: translateX(-137.5px);
  }
  .MessageArea .MessageArea_Inner._4 {
    margin-top: -62.5px;
    -webkit-transform: translateX(287.5px);
            transform: translateX(287.5px);
  }
  .MessageArea .MessageArea_Inner._5 {
    margin-top: -55px;
    -webkit-transform: translateX(-140px);
            transform: translateX(-140px);
  }
  .Label {
    position: relative;
    margin-bottom: 30px;
    margin-left: 20px;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transition-property: -webkit-clip-path;
    transition-property: -webkit-clip-path;
    transition-property: clip-path;
    transition-property: clip-path, -webkit-clip-path;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    display: inline-block;
    visibility: hidden;
    -webkit-clip-path: inset(0 99.99% 0 0);
            clip-path: inset(0 99.99% 0 0);
  }
  .Label.show {
    visibility: visible;
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  .Label._1 img {
    width: 287.5px;
    height: 23.75px;
  }
  .Label._2 img {
    width: 220px;
    height: 23.75px;
  }
  .Label._3 img {
    width: 476.25px;
    height: 23.75px;
  }
  .Label._4 img {
    width: 446.25px;
    height: 23.75px;
  }
  .Label._5 img {
    width: 381.25px;
    height: 23.75px;
  }
  .CopyImg {
    position: relative;
    margin-bottom: 32.5px;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transition-property: -webkit-clip-path;
    transition-property: -webkit-clip-path;
    transition-property: clip-path;
    transition-property: clip-path, -webkit-clip-path;
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
    visibility: hidden;
    -webkit-clip-path: inset(0 99.99% 0 0);
            clip-path: inset(0 99.99% 0 0);
  }
  .CopyImg.show {
    visibility: visible;
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  .CopyImg:last-of-type {
    margin-bottom: 47.5px;
  }
  .CopyImg._2 {
    margin-left: -22.5px;
  }
  .CopyImg._s1_c1 img {
    width: 720px;
    height: 98.75px;
  }
  .CopyImg._s1_c2 img {
    width: 317.5px;
    height: 98.75px;
  }
  .CopyImg._s2_c1 img {
    width: 547.5px;
    height: 98.75px;
  }
  .CopyImg._s2_c2 img {
    width: 615px;
    height: 98.75px;
  }
  .CopyImg._s3_c1 img {
    width: 700px;
    height: 98.75px;
  }
  .CopyImg._s3_c2 img {
    width: 511.25px;
    height: 98.75px;
  }
  .CopyImg._s4_c1 img {
    width: 715px;
    height: 98.75px;
  }
  .CopyImg._s4_c2 img {
    width: 620px;
    height: 101.25px;
  }
  .CopyImg._s5_c1 img {
    width: 726.25px;
    height: 100px;
  }
  .CopyImg._s5_c2 img {
    width: 627.5px;
    height: 98.75px;
  }
  .TextArea {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
  .TextImg {
    position: relative;
  }
  .TextImg:not(:last-of-type) {
    margin-bottom: 12.5px;
  }
  .TextImg._s1_t1 img {
    width: 560px;
  }
  .TextImg._s1_t2 {
    margin-left: -15px;
  }
  .TextImg._s1_t2 img {
    width: 412.5px;
  }
  .TextImg._s1_t3 {
    margin-left: -22.5px;
  }
  .TextImg._s1_t3 img {
    width: 323.75px;
  }
  .TextImg._s2_t1 img {
    width: 677.5px;
  }
  .TextImg._s2_t2 {
    margin-left: -15px;
  }
  .TextImg._s2_t2 img {
    width: 448.75px;
  }
  .TextImg._s2_t3 {
    margin-left: -25px;
  }
  .TextImg._s2_t3 img {
    width: 553.75px;
  }
  .TextImg._s3_t1 img {
    width: 811.25px;
  }
  .TextImg._s3_t2 {
    margin-left: -12.5px;
  }
  .TextImg._s3_t2 img {
    width: 730px;
  }
  .TextImg._s3_t3 {
    margin-left: -22.5px;
  }
  .TextImg._s3_t3 img {
    width: 642.5px;
  }
  .TextImg._s4_t1 {
    margin-left: 5px;
  }
  .TextImg._s4_t1 img {
    width: 858.75px;
  }
  .TextImg._s4_t2 {
    margin-left: -2.5px;
  }
  .TextImg._s4_t2 img {
    width: 446.25px;
  }
  .TextImg._s4_t3 {
    margin-left: -10px;
  }
  .TextImg._s4_t3 img {
    width: 697.5px;
  }
  .TextImg._s5_t1 img {
    width: 375px;
  }
  .TextImg._s5_t2 {
    margin-left: -12.5px;
  }
  .TextImg._s5_t2 img {
    width: 606.25px;
  }
  .CircleArea {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  ._CircleFrontArea {
    z-index: 10;
  }
  ._CircleFrontArea .Circle2 {
    position: absolute;
    will-change: transform;
  }
  ._CircleFrontArea .Circle2 img {
    position: absolute;
    will-change: transform, opacity;
    -webkit-animation: rotate_circle3 15s linear infinite;
            animation: rotate_circle3 15s linear infinite;
  }
  ._CircleFrontArea .Circle2._s1_circle2 {
    top: -75px;
    left: 60px;
    width: 288.75px;
    height: 288.75px;
  }
  ._CircleFrontArea .Circle2._s1_circle2 img {
    width: 288.75px;
    height: 288.75px;
  }
  ._CircleFrontArea .Circle2._s2_circle2 {
    top: -25px;
    right: 57.5px;
    width: 258.75px;
    height: 258.75px;
  }
  ._CircleFrontArea .Circle2._s2_circle2 img {
    width: 258.75px;
    height: 258.75px;
  }
  ._CircleFrontArea .Circle2._s3_circle2 {
    top: -37.5px;
    left: 40px;
    width: 298.75px;
    height: 298.75px;
  }
  ._CircleFrontArea .Circle2._s3_circle2 img {
    width: 298.75px;
    height: 298.75px;
  }
  ._CircleFrontArea .Circle2._s4_circle2 {
    top: -12.5px;
    right: 137.5px;
    width: 278.75px;
    height: 278.75px;
  }
  ._CircleFrontArea .Circle2._s4_circle2 img {
    width: 278.75px;
    height: 278.75px;
  }
  ._CircleFrontArea .Circle2._s5_circle2 {
    top: 50px;
    left: -25px;
    width: 257.5px;
    height: 257.5px;
  }
  ._CircleFrontArea .Circle2._s5_circle2 img {
    width: 257.5px;
    height: 257.5px;
  }
  ._CircleFrontArea .Circle3 {
    position: absolute;
    will-change: transform;
  }
  ._CircleFrontArea .Circle3 img {
    position: absolute;
    will-change: transform, opacity;
    -webkit-animation: rotate_circle2 15s linear infinite;
            animation: rotate_circle2 15s linear infinite;
  }
  ._CircleFrontArea .Circle3._s1_circle3 {
    top: 112.5px;
    left: -25px;
    width: 166.25px;
    height: 166.25px;
  }
  ._CircleFrontArea .Circle3._s1_circle3 img {
    width: 166.25px;
    height: 166.25px;
  }
  ._CircleFrontArea .Circle3._s2_circle3 {
    top: 105px;
    right: -25px;
    width: 157.5px;
    height: 157.5px;
  }
  ._CircleFrontArea .Circle3._s2_circle3 img {
    width: 157.5px;
    height: 157.5px;
  }
  ._CircleFrontArea .Circle3._s3_circle3 {
    top: 172.5px;
    left: -25px;
    width: 157.5px;
    height: 157.5px;
  }
  ._CircleFrontArea .Circle3._s3_circle3 img {
    width: 157.5px;
    height: 157.5px;
  }
  ._CircleFrontArea .Circle3._s4_circle3 {
    top: 140px;
    right: 40px;
    width: 143.75px;
    height: 143.75px;
  }
  ._CircleFrontArea .Circle3._s4_circle3 img {
    width: 143.75px;
    height: 143.75px;
  }
  ._CircleFrontArea .Circle3._s5_circle3 {
    top: 0px;
    left: 175px;
    width: 145px;
    height: 145px;
  }
  ._CircleFrontArea .Circle3._s5_circle3 img {
    width: 145px;
    height: 145px;
  }
  ._CircleFrontArea .Circle4 {
    position: absolute;
    will-change: transform;
  }
  ._CircleFrontArea .Circle4 img {
    position: absolute;
    will-change: transform, opacity;
    -webkit-animation: rotate_circle3 15s linear infinite;
            animation: rotate_circle3 15s linear infinite;
  }
  ._CircleFrontArea .Circle4._s1_circle4 {
    bottom: 12.5px;
    left: -37.5px;
    width: 175px;
    height: 175px;
  }
  ._CircleFrontArea .Circle4._s1_circle4 img {
    width: 175px;
    height: 175px;
  }
  ._CircleFrontArea .Circle4._s2_circle4 {
    bottom: 122.5px;
    right: -50px;
    width: 170px;
    height: 170px;
  }
  ._CircleFrontArea .Circle4._s2_circle4 img {
    width: 170px;
    height: 170px;
  }
  ._CircleFrontArea .Circle4._s4_circle4 {
    bottom: -12.5px;
    right: -50px;
    width: 266.25px;
    height: 266.25px;
  }
  ._CircleFrontArea .Circle4._s4_circle4 img {
    width: 266.25px;
    height: 266.25px;
  }
  ._CircleFrontArea .Circle4._s5_circle4 {
    bottom: 162.5px;
    left: -50px;
    width: 193.75px;
    height: 193.75px;
  }
  ._CircleFrontArea .Circle4._s5_circle4 img {
    width: 193.75px;
    height: 193.75px;
  }
  ._CircleFrontArea .CircleCommon {
    position: absolute;
    will-change: transform;
    width: 355px;
    height: 355px;
  }
  ._CircleFrontArea .CircleCommon img {
    position: absolute;
    will-change: transform, opacity;
    width: 355px;
    height: 355px;
  }
  ._CircleFrontArea .CircleCommon._s1 {
    bottom: 20px;
    right: 97.5px;
  }
  ._CircleFrontArea .CircleCommon._s2 {
    bottom: 0px;
    left: 100px;
  }
  ._CircleFrontArea .CircleCommon._s3 {
    bottom: 0px;
    right: 100px;
  }
  ._CircleFrontArea .CircleCommon._s4 {
    bottom: 0px;
    left: 100px;
  }
  ._CircleFrontArea .CircleCommon._s5 {
    bottom: 0px;
    right: 100px;
  }
  ._CircleBackArea .Circle1 {
    position: absolute;
    will-change: transform;
  }
  ._CircleBackArea .Circle1 img {
    position: absolute;
    will-change: transform, opacity;
    -webkit-animation: rotate_circle1 20s linear infinite;
            animation: rotate_circle1 20s linear infinite;
  }
  ._CircleBackArea .Circle1._s1_circle1 {
    width: 575px;
    height: 575px;
    bottom: 42.5px;
    right: 278.75px;
  }
  ._CircleBackArea .Circle1._s1_circle1 img {
    width: 575px;
    height: 575px;
  }
  ._CircleBackArea .Circle1._s2_circle1 {
    width: 545px;
    height: 545px;
    bottom: 100px;
    left: 320px;
  }
  ._CircleBackArea .Circle1._s2_circle1 img {
    width: 545px;
    height: 545px;
  }
  ._CircleBackArea .Circle1._s3_circle1 {
    width: 592.5px;
    height: 592.5px;
    bottom: 100px;
    right: 283.75px;
  }
  ._CircleBackArea .Circle1._s3_circle1 img {
    width: 592.5px;
    height: 592.5px;
  }
  ._CircleBackArea .Circle1._s4_circle1 {
    width: 608.75px;
    height: 608.75px;
    bottom: 100px;
    left: 273.75px;
  }
  ._CircleBackArea .Circle1._s4_circle1 img {
    width: 608.75px;
    height: 608.75px;
  }
  ._CircleBackArea .Circle1._s5_circle1 {
    width: 678.75px;
    height: 678.75px;
    bottom: 33.75px;
    right: 223.75px;
  }
  ._CircleBackArea .Circle1._s5_circle1 img {
    width: 678.75px;
    height: 678.75px;
  }
  ._CircleBackArea .Circle4 {
    position: absolute;
    will-change: transform;
  }
  ._CircleBackArea .Circle4 img {
    position: absolute;
    will-change: transform, opacity;
    -webkit-animation: rotate_circle2 15s linear infinite;
            animation: rotate_circle2 15s linear infinite;
  }
  ._CircleBackArea .Circle4._s3_circle4 {
    top: -172.5px;
    right: 125px;
    width: 438.75px;
    height: 438.75px;
  }
  ._CircleBackArea .Circle4._s3_circle4 img {
    width: 438.75px;
    height: 438.75px;
  }
  ._CircleBackArea .Circle5 {
    position: absolute;
    will-change: transform;
  }
  ._CircleBackArea .Circle5 img {
    position: absolute;
    will-change: transform, opacity;
    -webkit-animation: rotate_circle4 15s linear infinite;
            animation: rotate_circle4 15s linear infinite;
  }
  ._CircleBackArea .Circle5._s1_circle5 {
    top: -218.75px;
    right: 15px;
    width: 562.5px;
    height: 562.5px;
  }
  ._CircleBackArea .Circle5._s1_circle5 img {
    width: 562.5px;
    height: 562.5px;
  }
  ._CircleBackArea .Circle5._s2_circle5 {
    top: -218.75px;
    left: 181.25px;
    width: 416.25px;
    height: 416.25px;
  }
  ._CircleBackArea .Circle5._s2_circle5 img {
    width: 416.25px;
    height: 416.25px;
  }
  ._CircleBackArea .Circle5._s3_circle5 {
    bottom: 75px;
    left: 32.5px;
    width: 207.5px;
    height: 207.5px;
  }
  ._CircleBackArea .Circle5._s3_circle5 img {
    width: 207.5px;
    height: 207.5px;
  }
  ._CircleBackArea .Circle5._s4_circle5 {
    top: 50px;
    left: 125px;
    width: 488.75px;
    height: 488.75px;
  }
  ._CircleBackArea .Circle5._s4_circle5 img {
    width: 488.75px;
    height: 488.75px;
  }
  ._CircleBackArea .Circle5._s5_circle5 {
    top: 112.5px;
    right: 150px;
    width: 536.25px;
    height: 536.25px;
  }
  ._CircleBackArea .Circle5._s5_circle5 img {
    width: 536.25px;
    height: 536.25px;
  }
  ._LineAnimeRow:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #000;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    will-change: transform, width;
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  ._LineAnimeRow img, ._LineAnimeRow svg {
    visibility: hidden;
  }
  ._LineAnimeRow._Show:before {
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  ._LineAnimeRow._Hide img, ._LineAnimeRow._Hide svg {
    visibility: visible;
  }
  ._LineAnimeRow._Hide:before {
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  ._LineAnimeCol:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #000;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    will-change: transform, width;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
            transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  ._LineAnimeCol img, ._LineAnimeCol svg {
    visibility: hidden;
  }
  ._LineAnimeCol._Show:before {
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  ._LineAnimeCol._Hide img, ._LineAnimeCol._Hide svg {
    visibility: visible;
  }
  ._LineAnimeCol._Hide:before {
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  .IntroCopyArea {
    pointer-events: none;
  }
  .Logo {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: opacity;
  }
  .Logo .Bg {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .Logo .Bg.deactive {
    display: none;
  }
  .Logo .Logo_Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
  .Logo img {
    width: 392.5px;
    height: 86.25px;
  }
  .ScrollAttention {
    position: absolute;
    left: 50%;
    bottom: 75px;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    text-align: center;
    z-index: 20;
  }
  .ScrollAttention .ScrollTextImg1 {
    position: relative;
    margin-bottom: 5px;
  }
  .ScrollAttention .ScrollTextImg1 img {
    width: 105px;
    height: 17.5px;
  }
  .ScrollAttention .ScrollTextImg2 {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
  }
  .ScrollAttention .ScrollTextImg2 img {
    width: 52.5px;
    height: 16.25px;
  }
  .ScrollAttention .bar {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50, 0);
            transform: translate(-50, 0);
    background-color: #d0cdc8;
    width: 1px;
    height: 75px;
  }
  .ScrollAttention .bar._base {
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  .ScrollAttention .bar._color {
    background-color: #004a3d;
    -webkit-animation: bar 1.5s 0s linear infinite;
            animation: bar 1.5s 0s linear infinite;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  .ScrollAttention .bar._color._play {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .IntroCopyArea {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 20;
    will-change: opacity, transform, filter, scale;
  }
  .IntroCopyArea .IntroCopyImg {
    position: relative;
  }
  .IntroCopyArea .IntroCopyImg._1 {
    margin-bottom: 20px;
  }
  .IntroCopyArea .IntroCopyImg._1 img {
    width: 618.75px;
    height: 55px;
  }
  .IntroCopyArea .IntroCopyImg._2 {
    width: 210px;
    margin: 0 auto;
  }
  .IntroCopyArea .IntroCopyImg._2 img {
    width: 210px;
    height: 16.25px;
  }
}
@media screen and (min-width: 760px) {
  .swiper-button-prev.custom:hover svg,
  .swiper-button-next.custom:hover svg {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  .swiper-pagination.custom .swiper-pagination-bullet:hover svg {
    fill: #f05578;
  }
  [data-ytplayer] a:hover .thumb {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: width, opacity, -webkit-transform;
    transition-property: width, opacity, -webkit-transform;
    transition-property: transform, width, opacity;
    transition-property: transform, width, opacity, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  [data-ytplayer] a:hover .btn_play:before {
    background-color: #ffffff;
  }
  [data-clickmovie]:hover video {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  [data-clickmovie]:hover .btn_play:before {
    background-color: #ffffff;
  }
  #modal .btn_close:hover span {
    background-color: #fac314;
  }
  #modalCopy .contents #copySliderMain .swiper-prev:hover,
  #modalCopy .contents #copySliderMain .swiper-next:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  #modalCopy .contents #copySliderThumb .thumb:hover dt {
    padding: 0.47vw;
  }
  #modalCopy .contents #copySliderThumb .thumb:hover dd img.off {
    opacity: 0;
  }
  #modalCopy .contents #copySliderThumb .thumb:hover dd img.on {
    opacity: 1;
  }
}
@media screen and (min-width: 1600px) and (min-width: 760px) {
  [data-ytplayer] a:hover .thumb {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  [data-ytplayer] a:hover .btn_play:before {
    background-color: #ffffff;
  }
}
@media screen and (min-width: 760px) and (max-width: 1024px) and (min-width: 760px) {
  [data-ytplayer] a:hover .thumb {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  [data-ytplayer] a:hover .btn_play:before {
    background-color: #ffffff;
  }
}
@media screen and (min-width: 760px) and (max-width: 1024px) and (max-width: 1200px) {
  [data-ruby3]::before {
    font-size: 0.37em;
    top: -1.25vw;
    left: 0.33vw;
    width: 3.32vw;
    font-size: 8px;
  }
}
@media screen and (min-width: 760px) and (max-width: 1024px) and (max-width: 1249px) {
  [data-ruby4]::before {
    /* 横幅が320px以下の場合に適用するスタイル */
    width: 3.74vw;
    top: -1.16vw;
    left: -0.08vw;
    font-size: 8px;
  }
}
@media screen and (max-width: 759px) and (min-width: 760px) {
  .swiper-button-prev.custom:hover svg,
  .swiper-button-next.custom:hover svg {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  .swiper-pagination.custom .swiper-pagination-bullet:hover svg {
    fill: #f05578;
  }
}
@media screen and (max-width: 759px) and (max-width: 375px) {
  [data-ruby3]::before {
    /* 横幅が320px以下の場合に適用するスタイル */
    left: 0.92vw;
  }
}
@media screen and (max-width: 759px) and (max-width: 1200px) {
  [data-ruby3]::before {
    width: 3.95vw;
    left: 0.79vw;
    font-size: 0.6em;
  }
  [data-ruby4]::before {
    /* 横幅が320px以下の場合に適用するスタイル */
    top: -1.58vw;
    left: 0.26vw;
    font-size: 0.6em;
  }
}
@media screen and (max-width: 759px) and (any-hover: hover) and (min-width: 760px) {
  .LinkBtn:hover a:before {
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: width, opacity, -webkit-transform;
    transition-property: width, opacity, -webkit-transform;
    transition-property: transform, width, opacity;
    transition-property: transform, width, opacity, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    width: 100%;
  }
  .ReturnBtn:hover a:before {
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: width, opacity, -webkit-transform;
    transition-property: width, opacity, -webkit-transform;
    transition-property: transform, width, opacity;
    transition-property: transform, width, opacity, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    width: 100%;
  }
}
@media screen and (max-width: 759px) and (any-hover: hover) {
  .PageNavi a:hover .PageBtnBg._On {
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-property: width, opacity, -webkit-transform;
    transition-property: width, opacity, -webkit-transform;
    transition-property: transform, width, opacity;
    transition-property: transform, width, opacity, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    opacity: 1;
  }
}
@media (hover: hover) and (pointer: fine) {
  #Modal .NavImg a:hover svg {
    fill: #34696b;
  }
}
@media (max-height: 740px) {
  .CharaArea .Chara_Inner._1 {
    -webkit-transform: translateY(80.47vw) translateX(34.38vw);
            transform: translateY(80.47vw) translateX(34.38vw);
  }
  .CharaArea .Chara_Inner._2 {
    -webkit-transform: translateY(74.22vw) translateX(-32.66vw);
            transform: translateY(74.22vw) translateX(-32.66vw);
  }
  .CharaArea .Chara_Inner._3 {
    -webkit-transform: translateY(77.34vw) translateX(29.69vw);
            transform: translateY(77.34vw) translateX(29.69vw);
  }
  .CharaArea .Chara_Inner._4 {
    -webkit-transform: translateY(72.34vw) translateX(-27.34vw);
            transform: translateY(72.34vw) translateX(-27.34vw);
  }
  .CharaArea .Chara_Inner._5 {
    -webkit-transform: translateY(81.25vw) translateX(26.88vw);
            transform: translateY(81.25vw) translateX(26.88vw);
  }
}
@media (max-height: 690px) {
  .CharaArea .Chara_Inner._1 {
    -webkit-transform: translateY(83.59vw) translateX(34.38vw);
            transform: translateY(83.59vw) translateX(34.38vw);
  }
  .CharaArea .Chara_Inner._2 {
    -webkit-transform: translateY(77.34vw) translateX(-32.66vw);
            transform: translateY(77.34vw) translateX(-32.66vw);
  }
  .CharaArea .Chara_Inner._3 {
    -webkit-transform: translateY(80.47vw) translateX(29.69vw);
            transform: translateY(80.47vw) translateX(29.69vw);
  }
  .CharaArea .Chara_Inner._4 {
    -webkit-transform: translateY(75.47vw) translateX(-27.34vw);
            transform: translateY(75.47vw) translateX(-27.34vw);
  }
  .CharaArea .Chara_Inner._5 {
    -webkit-transform: translateY(84.38vw) translateX(26.88vw);
            transform: translateY(84.38vw) translateX(26.88vw);
  }
}
@media (max-height: 630px) {
  .CharaArea .Chara_Inner._1 {
    -webkit-transform: translateY(84.38vw) translateX(34.38vw);
            transform: translateY(84.38vw) translateX(34.38vw);
  }
  .CharaArea .Chara_Inner._2 {
    -webkit-transform: translateY(78.13vw) translateX(-32.66vw);
            transform: translateY(78.13vw) translateX(-32.66vw);
  }
  .CharaArea .Chara_Inner._3 {
    -webkit-transform: translateY(81.25vw) translateX(29.69vw);
            transform: translateY(81.25vw) translateX(29.69vw);
  }
  .CharaArea .Chara_Inner._4 {
    -webkit-transform: translateY(76.25vw) translateX(-27.34vw);
            transform: translateY(76.25vw) translateX(-27.34vw);
  }
  .CharaArea .Chara_Inner._5 {
    -webkit-transform: translateY(85.16vw) translateX(26.88vw);
            transform: translateY(85.16vw) translateX(26.88vw);
  }
}
@media ((max-height: 660px) and (min-width: 1300px)) {
  .BgTextArea .BgText_Inner._1 {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scale(0.8) translateY(-1.25vw) translateX(-30.47vw);
            transform: scale(0.8) translateY(-1.25vw) translateX(-30.47vw);
  }
  .BgTextArea .BgText_Inner._2 {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scale(0.8) translateY(-1.88vw) translateX(24.22vw);
            transform: scale(0.8) translateY(-1.88vw) translateX(24.22vw);
  }
  .BgTextArea .BgText_Inner._3 {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scale(0.8) translateY(-1.41vw) translateX(-26.56vw);
            transform: scale(0.8) translateY(-1.41vw) translateX(-26.56vw);
  }
  .BgTextArea .BgText_Inner._4 {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scale(0.8) translateY(-1.41vw) translateX(22.97vw);
            transform: scale(0.8) translateY(-1.41vw) translateX(22.97vw);
  }
  .BgTextArea .BgText_Inner._5 {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scale(0.8) translateY(-1.56vw) translateX(-25.78vw);
            transform: scale(0.8) translateY(-1.56vw) translateX(-25.78vw);
  }
}
@media ((max-height: 660px) and (min-width: 1250px)) {
  .MessageArea .MessageArea_Inner._1 {
    -webkit-transform: scale(0.8) translateX(-8.44vw);
            transform: scale(0.8) translateX(-8.44vw);
  }
  .MessageArea .MessageArea_Inner._2 {
    -webkit-transform: scale(0.8) translateX(19.53vw);
            transform: scale(0.8) translateX(19.53vw);
  }
  .MessageArea .MessageArea_Inner._3 {
    -webkit-transform: scale(0.8) translateX(-8.59vw);
            transform: scale(0.8) translateX(-8.59vw);
  }
  .MessageArea .MessageArea_Inner._4 {
    -webkit-transform: scale(0.8) translateX(17.97vw);
            transform: scale(0.8) translateX(17.97vw);
  }
  .MessageArea .MessageArea_Inner._5 {
    -webkit-transform: scale(0.8) translateX(-8.75vw);
            transform: scale(0.8) translateX(-8.75vw);
  }
}
@media screen and (min-width: 1600px) and (hover: hover) and (pointer: fine) {
  #Modal .NavImg a:hover svg {
    fill: #34696b;
  }
}
@media screen and (min-width: 1600px) and (max-height: 740px) {
  .CharaArea .Chara_Inner._1 {
    -webkit-transform: translateY(1287.5px) translateX(550px);
            transform: translateY(1287.5px) translateX(550px);
  }
  .CharaArea .Chara_Inner._2 {
    -webkit-transform: translateY(1187.5px) translateX(-522.5px);
            transform: translateY(1187.5px) translateX(-522.5px);
  }
  .CharaArea .Chara_Inner._3 {
    -webkit-transform: translateY(1237.5px) translateX(475px);
            transform: translateY(1237.5px) translateX(475px);
  }
  .CharaArea .Chara_Inner._4 {
    -webkit-transform: translateY(1157.5px) translateX(-437.5px);
            transform: translateY(1157.5px) translateX(-437.5px);
  }
  .CharaArea .Chara_Inner._5 {
    -webkit-transform: translateY(1300px) translateX(430px);
            transform: translateY(1300px) translateX(430px);
  }
}
@media screen and (min-width: 1600px) and (max-height: 690px) {
  .CharaArea .Chara_Inner._1 {
    -webkit-transform: translateY(1337.5px) translateX(550px);
            transform: translateY(1337.5px) translateX(550px);
  }
  .CharaArea .Chara_Inner._2 {
    -webkit-transform: translateY(1237.5px) translateX(-522.5px);
            transform: translateY(1237.5px) translateX(-522.5px);
  }
  .CharaArea .Chara_Inner._3 {
    -webkit-transform: translateY(1287.5px) translateX(475px);
            transform: translateY(1287.5px) translateX(475px);
  }
  .CharaArea .Chara_Inner._4 {
    -webkit-transform: translateY(1207.5px) translateX(-437.5px);
            transform: translateY(1207.5px) translateX(-437.5px);
  }
  .CharaArea .Chara_Inner._5 {
    -webkit-transform: translateY(1350px) translateX(430px);
            transform: translateY(1350px) translateX(430px);
  }
}
@media screen and (min-width: 1600px) and (max-height: 630px) {
  .CharaArea .Chara_Inner._1 {
    -webkit-transform: translateY(1350px) translateX(550px);
            transform: translateY(1350px) translateX(550px);
  }
  .CharaArea .Chara_Inner._2 {
    -webkit-transform: translateY(1250px) translateX(-522.5px);
            transform: translateY(1250px) translateX(-522.5px);
  }
  .CharaArea .Chara_Inner._3 {
    -webkit-transform: translateY(1300px) translateX(475px);
            transform: translateY(1300px) translateX(475px);
  }
  .CharaArea .Chara_Inner._4 {
    -webkit-transform: translateY(1220px) translateX(-437.5px);
            transform: translateY(1220px) translateX(-437.5px);
  }
  .CharaArea .Chara_Inner._5 {
    -webkit-transform: translateY(1362.5px) translateX(430px);
            transform: translateY(1362.5px) translateX(430px);
  }
}
@media screen and (min-width: 1600px) and ((max-height: 660px) and (min-width: 1300px)) {
  .BgTextArea .BgText_Inner._1 {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scale(0.7) translateY(-20px) translateX(-487.5px);
            transform: scale(0.7) translateY(-20px) translateX(-487.5px);
  }
  .BgTextArea .BgText_Inner._2 {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scale(0.7) translateY(-30px) translateX(387.5px);
            transform: scale(0.7) translateY(-30px) translateX(387.5px);
  }
  .BgTextArea .BgText_Inner._3 {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scale(0.7) translateY(-22.5px) translateX(-425px);
            transform: scale(0.7) translateY(-22.5px) translateX(-425px);
  }
  .BgTextArea .BgText_Inner._4 {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scale(0.7) translateY(-22.5px) translateX(367.5px);
            transform: scale(0.7) translateY(-22.5px) translateX(367.5px);
  }
  .BgTextArea .BgText_Inner._5 {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scale(0.7) translateY(-25px) translateX(-412.5px);
            transform: scale(0.7) translateY(-25px) translateX(-412.5px);
  }
}
@media screen and (min-width: 1600px) and ((max-height: 660px) and (min-width: 1250px)) {
  .MessageArea .MessageArea_Inner._1 {
    -webkit-transform: scale(0.7) translateX(-135px);
            transform: scale(0.7) translateX(-135px);
  }
  .MessageArea .MessageArea_Inner._2 {
    -webkit-transform: scale(0.7) translateX(312.5px);
            transform: scale(0.7) translateX(312.5px);
  }
  .MessageArea .MessageArea_Inner._3 {
    -webkit-transform: scale(0.7) translateX(-137.5px);
            transform: scale(0.7) translateX(-137.5px);
  }
  .MessageArea .MessageArea_Inner._4 {
    -webkit-transform: scale(0.7) translateX(287.5px);
            transform: scale(0.7) translateX(287.5px);
  }
  .MessageArea .MessageArea_Inner._5 {
    -webkit-transform: scale(0.7) translateX(-140px);
            transform: scale(0.7) translateX(-140px);
  }
}
@media screen and (min-width: 760px) and (max-width: 1024px) and (hover: hover) and (pointer: fine) {
  #Modal .NavImg a:hover svg {
    fill: #34696b;
  }
}
/*# sourceMappingURL=sourcemaps/top.css.map */