@charset "UTF-8";
/**
 * Swiper 8.4.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 12, 2022
 */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
  content: '';
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  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;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  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;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}
.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}
.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}
.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f110";
}
.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f111";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f114";
}
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}
.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f120";
}
.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121";
}
.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122";
}
.video-js {
  display: block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}
.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}
.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}
.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}
.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}
.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}
.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}
.video-js .vjs-modal-dialog > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}
.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.vjs-button > .vjs-icon-placeholder {
  display: block;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}
.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em;
  -ms-touch-action: none;
  touch-action: none;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-liveui .vjs-progress-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.vjs-no-flex .vjs-progress-control {
  width: auto;
}
.video-js .vjs-progress-holder {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
  cursor: default;
}
.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  -webkit-transition: left 0s;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  -webkit-transition: width 0.1s;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}
.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}
.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
  display: block;
}
.video-js .vjs-live-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}
.video-js .vjs-seek-to-live-control {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}
.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}
.video-js .vjs-time-control {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-live .vjs-time-control {
  display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-live .vjs-time-divider {
  display: none;
}
.video-js .vjs-play-control {
  cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em);
}
.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
  display: none;
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
  display: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
          animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  display: block;
}
.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f));
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f));
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}
.video-js *:focus:not(:focus-visible) {
  outline: none;
}
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.shuei-m, body {
  font-family: "dnp-shuei-gothic-gin-std";
  font-weight: 500;
  font-style: normal;
}
.shuei-b, .p-maintenance__heading, .p-maintenance__text b, .p-requirement__title, .p-requirement__job-title, .p-requirement__info dt, .p-requirement__works-title span, .p-requirement__works-text div, .p-recruit-requirement__content-link h5, .p-creators__block p, .p-creators__block-title, .p-creators__block-name, .p-creators__job-title, .p-creators__job-catch, .p-creators__interview-title, .p-goods-fuuka__saihan-heading, .p-goods-fuuka-table__wrap th, .p-goods-fuuka-table__detail, .p-events-list__title, .p-daikaibou-section__header, .p-daikaibou-q-04__list, .p-daikaibou-q-06__list, .p-daikaibou-q-07__list, .p-daikaibou-q-12__list li, .p-daikaibou-q-13__list li, .p-company-history__group dt, .o-hero__content-top, .o-hero__content-bottom, .o-bottom__title, h4 {
  font-family: "dnp-shuei-gothic-gin-std";
  font-weight: 600;
  font-style: normal;
}
.roboto-light, .o-header__submenu {
  font-family: "Roboto Condensed";
  font-weight: 300;
}
.roboto-regular, .p-top-topics__tag, .p-top-topics__date, .o-hero__content-bottom span:not(.kyuji), .o-header__menu, .o-gnav-dropdown__main span, .o-footer__copyright, body:lang(en) {
  font-family: "Roboto Condensed";
  font-weight: 400;
}
.roboto-bold, .p-creators__keyword-title, .p-howtomake-header__en, .t_premiumarrange, .p-company-access__kyoto-gmap a, .p-company-outline__item a, .p-company-sidenav a, .p-company-english__text, .p-company-english__office-link, .p-contact__item-link, .o-gnav-dropdown__subnav a, .o-footer__menu-title, h2,
h3 {
  font-family: "Roboto Condensed";
  font-weight: 700;
}
.bg-game, .p-creators__joblist-game {
  background-color: #00c2b1;
}
.bg-graphic, .p-creators__joblist-graphic {
  background-color: #f96251;
}
.bg-system, .p-creators__joblist-system {
  background-color: #46c7f0;
}
.bg-sound, .p-creators__joblist-sound {
  background-color: #5a81e6;
}
.bg-plan, .p-creators__joblist-plan {
  background-color: #99cf00;
}
.text-hide, .p-works-subnav__item i::before, .p-works-games__link i::before, .p-top-topics__link i::after, .p-top-recruit__link i::after, .p-recruit-creators__ditail i::after, .p-recruit-requirement__content-sublinks li i::after, .btn_01 a i::before, .btn_02 a i::before, .p-events-list__link i::after, .o-header__contact i::before, .o-header__english i::before, .o-gnav-dropdown__subnav i::after, .o-footer__menu-sub i::before, .m-head--type4 ul li i::after {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  border: 0;
}
.sp-inner {
  padding: 0 7.4666666667%;
}
.p-works-head__text, .p-works-packages__item, .p-top-works__list li, .p-creators__interview-hero, .p-company-head__vision-logo, .p-company-head__vision-text, .p-company-head__lead, .p-company-vision__list li, .p-company-copyright__contents, .p-company-english__logo, .m-heading-top__en, .m-heading-top__jp, .m-head--type1 .m-head__en, .m-head--type1 .m-head__jp, .m-head--type2 .m-head__en, .m-head--type2 .m-head__jp, .m-head__text {
  opacity: 0;
}
.lazyloaded.p-works-head__text, .lazyloaded.p-works-packages__item, .p-top-works__list li.lazyloaded, .lazyloaded.p-creators__interview-hero, .lazyloaded.p-company-head__vision-logo, .lazyloaded.p-company-head__vision-text, .lazyloaded.p-company-head__lead, .p-company-vision__list li.lazyloaded, .lazyloaded.p-company-copyright__contents, .lazyloaded.p-company-english__logo, .lazyloaded.m-heading-top__en, .lazyloaded.m-heading-top__jp, .m-head--type1 .lazyloaded.m-head__en, .m-head--type1 .lazyloaded.m-head__jp, .m-head--type2 .lazyloaded.m-head__en, .m-head--type2 .lazyloaded.m-head__jp, .lazyloaded.m-head__text, .is-active.p-works-head__text, .is-active.p-works-packages__item, .p-top-works__list li.is-active, .is-active.p-creators__interview-hero, .is-active.p-company-head__vision-logo, .is-active.p-company-head__vision-text, .is-active.p-company-head__lead, .p-company-vision__list li.is-active, .is-active.p-company-copyright__contents, .is-active.p-company-english__logo, .is-active.m-heading-top__en, .is-active.m-heading-top__jp, .m-head--type1 .is-active.m-head__en, .m-head--type1 .is-active.m-head__jp, .m-head--type2 .is-active.m-head__en, .m-head--type2 .is-active.m-head__jp, .is-active.m-head__text {
  opacity: 1;
}
/* インデント */
html {
  font-size: 62.5%;
}
@media screen and (min-width: 1025px) {
  html {
    scroll-padding-top: 100px;
  }
}
@media screen and (max-width: 1024px) {
  html {
    scroll-padding-top: 123px;
  }
}
body {
  /*   @include tab {
    @include fz(15, 32, 0.05);
  } */
}
@media screen and (min-width: 1025px) {
  body {
    font-size: 1.5rem;
    line-height: 2.1333333333;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 1024px) {
  body {
    font-size: 1.3rem;
    line-height: 2.1538461538;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 1025px) {
  main {
    padding-top: 100px;
  }
}
@media screen and (max-width: 1024px) {
  main:lang(ja) {
    padding-top: 122px;
  }
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: inherit;
}
h4 {
  font-size: 1.8rem;
  line-height: 1.3333333333;
  letter-spacing: 0.08em;
}
a.link {
  color: #a50d05;
  text-decoration: underline;
}
a.link:hover {
  text-decoration: none;
}
img {
  max-width: 100%;
  vertical-align: top;
}
p + p {
  margin-top: 1rem;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
@media screen and (min-width: 1025px) {
  .hidden-pc {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .hidden-tab {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .hidden-sp {
    display: none !important;
  }
}
/* 旧字 */
.kyuji {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.o-gnav-dropdown.is-open {
  z-index: -99;
}
.p-recruit-creators::after {
  z-index: -5;
}
.o-gnav-dropdown,
.p-workstyle-office__inner::before,
.p-recruit-creators::before {
  z-index: -1;
}
.p-company-copyright .m-head--type2,
.p-recruit-workstyle__image-bg,
.p-recruit-requirement__content-links,
.p-workstyle-office__inner,
.p-recruit-creators {
  z-index: 0;
}
.p-creators__illust li,
.p-recruit-workstyle__image-ank,
.p-recruit-requirement__content-image,
.p-recruit-workstyle__image-workstyle,
.p-recruit-workstyle__image-howto,
.p-recruit-workstyle__image-office,
.p-recruit-workstyle__image-oneday,
.p-top-recruit__illust,
.a-button-pagetop,
.p-howtomake-section__line::after,
.p-recruit-head--type2,
.linkLabel__btn--goods.is-sticky,
.p-recruit-head,
.p-recruit-head--type1,
.p-recruit-head--type3,
.p-recruit-looking__label,
.o-gnav__a::after {
  z-index: 1;
}
.o-header__inner,
.p-company-sidenav,
.p-howtomake-section__line::before,
.fe-konpeito__badge-l,
.fe-konpeito__badge-s {
  z-index: 2;
}
.o-footer__copyright,
.fe-konpeito__button {
  z-index: 3;
}
.p-goods-fuuka__button,
.p-goods-fuuka-footer__pagetop {
  z-index: 10;
}
.o-gnav-dropdown__border,
.o-header,
.fireemblem-figure .modal-goods-figure,
.p-goods-old .modal {
  z-index: 99;
}
.a-button--type01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.a-button--type01 i {
  -webkit-transition: -webkit-transform 0.6s var(--ease-out-quart);
  transition: -webkit-transform 0.6s var(--ease-out-quart);
  transition: transform 0.6s var(--ease-out-quart);
  transition: transform 0.6s var(--ease-out-quart), -webkit-transform 0.6s var(--ease-out-quart);
  margin-right: 4px;
}
.a-button--type01:hover i {
  -webkit-transform: translate3d(4px, 0, 0);
  transform: translate3d(4px, 0, 0);
}
.a-button--type01 i {
  background: url("../images/icon-allow-b.svg") center center no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  margin-left: 8px;
}
.a-button-pagetop {
  position: absolute;
  right: 4%;
  bottom: 140px;
}
.a-button-pagetop svg {
  width: 10px;
  fill: #605f5b;
}
.a-button-pagetop::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 1px;
  height: 24px;
  background: #605f5b;
  -webkit-animation: pathmove 1.4s ease-in-out infinite;
  animation: pathmove 1.4s ease-in-out infinite;
  opacity: 0;
}
.a-button-pagetop.is-active svg {
  fill: #ffffff;
}
.a-button-pagetop.is-active::after {
  background: #ffffff;
}
@-webkit-keyframes pathmove {
  0% {
    height: 0;
    bottom: -60px;
    opacity: 0;
  }
  30% {
    height: 24px;
    opacity: 1;
  }
  100% {
    height: 0;
    bottom: -10px;
    opacity: 0;
  }
}
@keyframes pathmove {
  0% {
    height: 0;
    bottom: -60px;
    opacity: 0;
  }
  30% {
    height: 24px;
    opacity: 1;
  }
  100% {
    height: 0;
    bottom: -10px;
    opacity: 0;
  }
}
.a-link--type01 {
  color: #a50d05;
  text-decoration: underline;
  font-weight: 600;
}
.a-link--type01:hover {
  text-decoration: none;
}
.a-triangle, .a-triangle-top, .a-triangle-bottom {
  width: 0;
  height: 0;
}
.a-triangle-bottom {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 16px solid #ffffff;
}
.a-triangle-top {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}
.graphic .a-triangle-top {
  border-bottom: 16px solid #f96251;
}
.game .a-triangle-top {
  border-bottom: 16px solid #00c2b1;
}
.plan .a-triangle-top {
  border-bottom: 16px solid #99cf00;
}
.system .a-triangle-top {
  border-bottom: 16px solid #46c7f0;
}
.sound .a-triangle-top {
  border-bottom: 16px solid #5a81e6;
}
@media screen and (min-width: 1025px) {
  .m-head--type1 {
    padding-top: 140px;
  }
}
@media screen and (max-width: 1024px) {
  .m-head--type1 {
    padding-top: 80px;
  }
}
.m-head--type1 .m-head__en {
  -webkit-transform: translate(0, 120%);
  transform: translate(0, 120%);
  -webkit-transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
}
.m-head--type1 .m-head__en.is-active, .m-head--type1 .m-head__en.lazyloaded {
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
.m-head--type1 .m-head__jp {
  -webkit-transform: translate(0, 120%);
  transform: translate(0, 120%);
  -webkit-transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s;
}
.m-head--type1 .m-head__jp.is-active, .m-head--type1 .m-head__jp.lazyloaded {
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
.m-head--type2 {
  background-color: #a50d05;
  color: #ffffff;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .m-head--type2 {
    padding: 36px 0 36px 240px;
  }
}
@media screen and (max-width: 1024px) {
  .m-head--type2 {
    padding: 36px 0 36px 40px;
    margin-bottom: 24px;
  }
}
.m-head--type2 .m-head__en {
  -webkit-transform: translate(0, 120%);
  transform: translate(0, 120%);
  -webkit-transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
}
.m-head--type2 .m-head__en.is-active, .m-head--type2 .m-head__en.lazyloaded {
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
.m-head--type2 .m-head__jp {
  -webkit-transform: translate(0, 120%);
  transform: translate(0, 120%);
  -webkit-transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  -webkit-transition-delay: 0.03s;
  transition-delay: 0.03s;
}
.m-head--type2 .m-head__jp.is-active, .m-head--type2 .m-head__jp.lazyloaded {
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
.m-head--type3 {
  color: #ffffff;
}
@media screen and (min-width: 1025px) {
  .m-head--type3 .m-head__en {
    font-size: 8.5rem;
    line-height: 0.9411764706;
    letter-spacing: 0.03em;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .m-head--type3 .m-head__en {
    font-size: 4rem;
    line-height: 1;
    letter-spacing: 0.03em;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1025px) {
  .m-head--type3 .m-head__jp {
    font-size: 1.8rem;
    line-height: 1.3333333333;
    letter-spacing: 0.07em;
  }
}
@media screen and (max-width: 1024px) {
  .m-head--type3 .m-head__jp {
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: 0.05em;
  }
}
.m-head--type4 {
  color: #000000;
}
@media screen and (min-width: 1025px) {
  .m-head--type4 {
    padding-top: 96px;
  }
}
@media screen and (max-width: 1024px) {
  .m-head--type4 {
    padding: 16px 0 0 16px;
  }
}
@media screen and (min-width: 1025px) {
  .m-head--type4 .m-head__en {
    margin-bottom: 16px;
    font-size: 8.5rem;
    line-height: 0.9411764706;
    letter-spacing: 0.07em;
  }
}
@media screen and (max-width: 1024px) {
  .m-head--type4 .m-head__en {
    font-size: 4rem;
    line-height: 1.2;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 1025px) {
  .m-head--type4 .m-head__jp {
    font-size: 1.8rem;
    line-height: 1.3333333333;
    letter-spacing: 0.07em;
  }
}
@media screen and (max-width: 1024px) {
  .m-head--type4 .m-head__jp {
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 1025px) {
  .m-head--type4 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.m-head--type4 ul li {
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.m-head--type4 ul li a::before {
  content: "";
  height: 1px;
  width: 64px;
  display: block;
  background-color: #000000;
  margin-right: 8px;
}
.m-head--type4 ul li i {
  background: url("../images/icon-allow-b.svg") center center no-repeat;
  background-size: contain;
  width: 6px;
  height: 6px;
  margin-left: 16px;
  display: block;
  -webkit-transition: -webkit-transform 0.6s var(--ease-out-quart);
  transition: -webkit-transform 0.6s var(--ease-out-quart);
  transition: transform 0.6s var(--ease-out-quart);
  transition: transform 0.6s var(--ease-out-quart), -webkit-transform 0.6s var(--ease-out-quart);
  margin-right: 4px;
}
.m-head--type4 ul li:hover i {
  -webkit-transform: translate3d(4px, 0, 0);
  transform: translate3d(4px, 0, 0);
}
.m-head--type4 ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1024px) {
  .m-head--type4 ul li a {
    margin-top: 16px;
  }
}
.m-head--type4 ul li:first-child {
  margin-right: 120px;
}
@media screen and (min-width: 1025px) {
  .m-head__en {
    font-size: 3.6rem;
    line-height: 1.1111111111;
    letter-spacing: 0.07em;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .m-head__en {
    font-size: 2.4rem;
    line-height: 1.3333333333;
    letter-spacing: 0.07em;
  }
}
@media screen and (min-width: 1025px) {
  .m-head__lead {
    font-size: 4rem;
    line-height: 1.6;
    letter-spacing: 0.07em;
  }
}
@media screen and (max-width: 1024px) {
  .m-head__lead {
    font-size: 3.2rem;
    line-height: 1.5;
    letter-spacing: 0.07em;
  }
}
.m-head__text {
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
}
.m-head__text.is-active, .m-head__text.lazyloaded {
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
@media screen and (min-width: 1025px) {
  .m-head__text {
    font-size: 2.1rem;
    line-height: 1.9047619048;
    letter-spacing: 0.07em;
  }
}
@media screen and (max-width: 1024px) {
  .m-head__text {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    letter-spacing: 0.07em;
    margin-bottom: 24px;
  }
}
.m-head-fukidashi, .p-requirement__faq-title, .p-recruit-looking__title, .p-creators__job-catch, .p-creators__interview-title, .p-daikaibou-section__header, .p-company-vision__title, .p-company-access__kyoto-title {
  position: relative;
}
.m-head-fukidashi::after, .p-requirement__faq-title::after, .p-recruit-looking__title::after, .p-creators__job-catch::after, .p-creators__interview-title::after, .p-daikaibou-section__header::after, .p-company-vision__title::after, .p-company-access__kyoto-title::after {
  content: "";
  width: 100%;
  height: 16px;
  display: block;
  background-size: contain;
  position: absolute;
  bottom: -32px;
}
@media screen and (min-width: 1025px) {
  .m-head-fukidashi, .p-requirement__faq-title, .p-recruit-looking__title, .p-creators__job-catch, .p-creators__interview-title, .p-daikaibou-section__header, .p-company-vision__title, .p-company-access__kyoto-title {
    font-size: 2rem;
    line-height: 1.6;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 1024px) {
  .m-head-fukidashi, .p-requirement__faq-title, .p-recruit-looking__title, .p-creators__job-catch, .p-creators__interview-title, .p-daikaibou-section__header, .p-company-vision__title, .p-company-access__kyoto-title {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    letter-spacing: 0.05em;
  }
}
.anime-under-lvl1 {
  -webkit-transform: translate(0, 120%);
  transform: translate(0, 120%);
  -webkit-transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
}
.anime-under-lvl1.is-active, .anime-under-lvl1.lazyloaded {
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
.m-heading-top__en {
  -webkit-transform: translate(0, 120%);
  transform: translate(0, 120%);
  -webkit-transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
}
@media screen and (min-width: 1025px) {
  .m-heading-top__en {
    font-size: 3.2rem;
    line-height: 1;
    letter-spacing: 0.05em;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .m-heading-top__en {
    font-size: 2.4rem;
    line-height: 0.9166666667;
    letter-spacing: 0.05em;
  }
}
.m-heading-top__en.is-active, .m-heading-top__en.lazyloaded {
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
.m-heading-top__jp {
  -webkit-transform: translate(0, 120%);
  transform: translate(0, 120%);
  -webkit-transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s;
}
@media screen and (min-width: 1025px) {
  .m-heading-top__jp {
    font-size: 1.3rem;
    line-height: 1;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 1024px) {
  .m-heading-top__jp {
    font-size: 1.3rem;
    line-height: 1.3846153846;
    letter-spacing: 0.05em;
  }
}
.m-heading-top__jp.is-active, .m-heading-top__jp.lazyloaded {
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
.m-heading-border {
  border-bottom: 1px #000000 solid;
  display: inline-block;
  padding-bottom: 8px;
}
.o-accordion__toggle {
  display: none;
}
.o-accordion__label {
  display: block;
  cursor: pointer;
}
.o-accordion__label,
.o-accordion__content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.o-accordion__content {
  height: 0;
  margin-bottom: 10px;
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  .o-accordion__content {
    padding: 0 20px;
  }
}
@media screen and (max-width: 1024px) {
  .o-accordion__content {
    padding: 0 8px;
  }
}
.o-accordion__toggle:checked + .o-accordion__label + .o-accordion__content {
  height: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 1025px) {
  .o-accordion__toggle:checked + .o-accordion__label + .o-accordion__content {
    padding: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .o-accordion__toggle:checked + .o-accordion__label + .o-accordion__content {
    padding: 8px;
  }
}
.o-accordion__toggle:checked + .o-accordion__label::before {
  -webkit-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
}
/* SPのみ */
.o-accordion-sp__toggle {
  display: none;
}
@media screen and (max-width: 1024px) {
  .o-accordion-sp__label {
    display: block;
    cursor: pointer;
  }
  .o-accordion-sp__label::before {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 50%;
    margin: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .o-accordion-sp__label,
.o-accordion-sp__content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .o-accordion-sp__content {
    height: 0;
    overflow: hidden;
  }
  .o-accordion-sp__toggle:checked + .o-accordion-sp__label + .o-accordion-sp__content {
    height: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
.graphic .o-bottom__inner {
  background-color: #f96251;
}
.graphic .o-bottom-target .o-bottom__title {
  color: #f96251;
}
.graphic .o-bottom-target .o-bottom__title::before {
  background-image: url("../images/recruit/creators/cc-graphic-left.svg");
}
.graphic .o-bottom-target .o-bottom__title::after {
  background-image: url("../images/recruit/creators/cc-graphic-right.svg");
}
.game .o-bottom__inner {
  background-color: #00c2b1;
}
.game .o-bottom-target .o-bottom__title {
  color: #00c2b1;
}
.game .o-bottom-target .o-bottom__title::before {
  background-image: url("../images/recruit/creators/cc-game-left.svg");
}
.game .o-bottom-target .o-bottom__title::after {
  background-image: url("../images/recruit/creators/cc-game-right.svg");
}
.system .o-bottom__inner {
  background-color: #46c7f0;
}
.system .o-bottom-target .o-bottom__title {
  color: #46c7f0;
}
.system .o-bottom-target .o-bottom__title::before {
  background-image: url("../images/recruit/creators/cc-system-left.svg");
}
.system .o-bottom-target .o-bottom__title::after {
  background-image: url("../images/recruit/creators/cc-system-right.svg");
}
.plan .o-bottom__inner {
  background-color: #99cf00;
}
.plan .o-bottom-target .o-bottom__title {
  color: #99cf00;
}
.plan .o-bottom-target .o-bottom__title::before {
  background-image: url("../images/recruit/creators/cc-plan-left.svg");
}
.plan .o-bottom-target .o-bottom__title::after {
  background-image: url("../images/recruit/creators/cc-plan-right.svg");
}
.sound .o-bottom__inner {
  background-color: #5a81e6;
}
.sound .o-bottom-target .o-bottom__title {
  color: #5a81e6;
}
.sound .o-bottom-target .o-bottom__title::before {
  background-image: url("../images/recruit/creators/cc-sound-left.svg");
}
.sound .o-bottom-target .o-bottom__title::after {
  background-image: url("../images/recruit/creators/cc-sound-right.svg");
}
.o-bottom__inner {
  padding: 40px 0;
  position: relative;
}
.o-bottom__title {
  text-align: center;
}
.o-bottom__list,
.o-bottom__text {
  max-width: 730px;
  margin: auto;
  color: #ffffff;
  padding: 0 6.25%;
}
.o-bottom-target .o-bottom__title {
  position: relative;
  max-width: 440px;
}
.o-bottom-target .o-bottom__title::before, .o-bottom-target .o-bottom__title::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  bottom: 0;
}
.o-bottom-target .o-bottom__title::after {
  right: 0;
}
@media screen and (min-width: 1025px) {
  .o-bottom-target .o-bottom__title {
    font-size: 2.5rem;
    line-height: 1.28;
    letter-spacing: 0.05em;
    margin: 0 auto 24px;
  }
}
@media screen and (max-width: 1024px) {
  .o-bottom-target .o-bottom__title {
    font-size: 1.8rem;
    line-height: 1.3333333333;
    letter-spacing: 0.03em;
    margin: 40px 7.4666666667% 24px;
  }
}
.o-bottom-target__triangle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.o-bottom__text {
  font-size: 1.8rem;
  line-height: 2.2222222222;
  letter-spacing: 0.05em;
}
.o-bottom-konna .o-bottom__title {
  margin-bottom: 32px;
}
.o-bottom-konna .o-bottom__title span {
  font-size: 1.7rem;
  line-height: 1.8823529412;
  letter-spacing: 0.05em;
  color: #000000;
  background-color: #ffffff;
  border-radius: 24px;
  display: inline-block;
  padding: 8px 40px;
}
.o-bottom-konna__triangle {
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  margin: auto;
}
.o-bottom__list li {
  list-style-type: disc;
  margin-bottom: 16px;
  list-style-position: inside;
  padding-left: 1rem;
  text-indent: -1rem;
}
@media screen and (min-width: 1025px) {
  .o-bottom__list li {
    font-size: 2rem;
    line-height: 1.6;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 1024px) {
  .o-bottom__list li {
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
}
.o-category {
  background-color: #a50d05;
}
@media screen and (min-width: 1025px) {
  .o-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 48px 9.375%;
  }
}
@media screen and (max-width: 1024px) {
  .o-category {
    padding: 28px 7.4666666667%;
  }
}
.o-category__title {
  color: #ffffff;
  white-space: nowrap;
}
@media screen and (min-width: 1025px) {
  .o-category__title {
    margin-right: 48px;
  }
}
@media screen and (max-width: 1024px) {
  .o-category__title {
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
.o-category__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.o-category__item {
  background-color: #ffffff;
}
@media screen and (min-width: 1025px) {
  .o-category__item {
    margin-right: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .o-category__item {
    font-size: 1.2rem;
    line-height: 1.3333333333;
    letter-spacing: 0.03em;
    margin-right: 8px;
    margin-bottom: 16px;
  }
}
.o-category__item a {
  padding: 4px 16px;
  display: block;
}
.o-category__item.active {
  background-color: #605f5b;
  color: #ffffff;
}
.o-category__input {
  display: none;
}
.o-category__label {
  display: block;
  cursor: pointer;
}
@media screen and (min-width: 1025px) {
  .o-category__label {
    padding: 4px 16px;
  }
}
@media screen and (max-width: 1024px) {
  .o-category__label {
    padding: 4px 8px;
  }
}
[value=All]:checked ~ .o-filter__filters [for=All],
[value=Fe]:checked ~ .o-filter__filters [for=Fe],
[value=Fe0]:checked ~ .o-filter__filters [for=Fe0],
[value=Fe25th]:checked ~ .o-filter__filters [for=Fe25th],
[value=Banbro]:checked ~ .o-filter__filters [for=Banbro],
[value=PaperMario]:checked ~ .o-filter__filters [for=PaperMario],
[value=Wario]:checked ~ .o-filter__filters [for=Wario],
[value=Hikuosu]:checked ~ .o-filter__filters [for=Hikuosu],
[value=Switch]:checked ~ .o-filter__filters [for=Switch],
[value=SmartDevice]:checked ~ .o-filter__filters [for=SmartDevice],
[value=WiiU]:checked ~ .o-filter__filters [for=WiiU],
[value="3DS"]:checked ~ .o-filter__filters [for="3DS"],
[value=Wii]:checked ~ .o-filter__filters [for=Wii],
[value=DS]:checked ~ .o-filter__filters [for=DS],
[value=DSi]:checked ~ .o-filter__filters [for=DSi],
[value=GameCube]:checked ~ .o-filter__filters [for=GameCube],
[value=Nindendo64]:checked ~ .o-filter__filters [for=Nindendo64],
[value=GameboyAdvance]:checked ~ .o-filter__filters [for=GameboyAdvance],
[value=GameboyColor]:checked ~ .o-filter__filters [for=GameboyColor],
[value=Gameboy]:checked ~ .o-filter__filters [for=Gameboy],
[value=VirtualBoy]:checked ~ .o-filter__filters [for=VirtualBoy],
[value=SuperFamicon]:checked ~ .o-filter__filters [for=SuperFamicon],
[value=DiscSystem]:checked ~ .o-filter__filters [for=DiscSystem],
[value=Famicon]:checked ~ .o-filter__filters [for=Famicon],
[value=CardGame]:checked ~ .o-filter__filters [for=CardGame],
[value=Event]:checked ~ .o-filter__filters [for=Event],
[value=GoodsALL]:checked ~ .o-filter__filters [for=GoodsALL],
[value=GoodsSound]:checked ~ .o-filter__filters [for=GoodsSound],
[value=GoodsFigure]:checked ~ .o-filter__filters [for=GoodsFigure],
[value=GoodsEngage]:checked ~ .o-filter__filters [for=GoodsEngage],
[value=GoodsFuuka]:checked ~ .o-filter__filters [for=GoodsFuuka],
[value=GoodsHeroes]:checked ~ .o-filter__filters [for=GoodsHeroes],
[value=Goods2024]:checked ~ .o-filter__filters [for=Goods2024],
[value=Goods2023]:checked ~ .o-filter__filters [for=Goods2023],
[value=Goods2022]:checked ~ .o-filter__filters [for=Goods2022],
[value=Goods2021]:checked ~ .o-filter__filters [for=Goods2021],
[value=GoodsArchive]:checked ~ .o-filter__filters [for=GoodsArchive] {
  background-color: #605f5b;
  color: #ffffff;
}
.o-filter label {
  cursor: pointer;
}
.o-footer {
  background-color: #ffffff;
  position: relative;
  padding-top: 80px;
}
.o-footer__logo {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .o-footer__logo {
    margin-right: 80px;
    max-width: 170px;
  }
}
@media screen and (max-width: 1024px) {
  .o-footer__logo {
    margin: 0 auto 24px;
    max-width: 160px;
  }
}
@media screen and (min-width: 1025px) {
  .o-footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 40px;
    padding: 0 5.3333333333%;
  }
}
@media screen and (max-width: 1024px) {
  .o-footer__inner {
    padding: 0 5.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .o-footer__menu {
    max-width: 180px;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .o-footer__menu {
    text-align: center;
    padding: 4px 0;
  }
  .o-footer__menu:not(.o-footer__menu-sub) {
    border-bottom: 1px solid #605f5b;
  }
}
@media screen and (max-width: 1024px) {
  .o-footer__menu-title {
    color: #605f5b;
    font-size: 1.8rem;
    line-height: 2.2222222222;
    letter-spacing: 0.08em;
  }
}
@media screen and (min-width: 1025px) {
  .o-footer__menu-item {
    font-size: 1.3rem;
    line-height: 2.1538461538;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 1024px) {
  .o-footer__menu-item {
    font-size: 1.4rem;
    line-height: 2.2857142857;
    letter-spacing: 0.08em;
  }
}
.o-footer__menu-item a:hover {
  opacity: 0.6;
  -webkit-transition: all 0.3s cubic-bezier(0.32, 0.1, 0, 1);
  transition: all 0.3s cubic-bezier(0.32, 0.1, 0, 1);
}
@media screen and (max-width: 1024px) {
  .o-footer__menu-label::before {
    height: 15px;
    width: 15px;
    right: 8px;
    background: url("../images/icon/icon-plus.svg") center center no-repeat;
  }
}
@media screen and (max-width: 1024px) {
  .o-footer__menu-toggle:checked + .o-footer__menu-label::before {
    background: url("../images/icon/icon-minus.svg") center center no-repeat;
    -webkit-transform: none;
    transform: none;
  }
}
@media screen and (max-width: 1024px) {
  .o-footer__menu-sub {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    padding: 0 8px;
    margin: 16px 0 24px;
  }
}
.o-footer__menu-sub a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 1.2rem;
  line-height: 2.3333333333;
  letter-spacing: 0.05em;
}
.o-footer__menu-sub i {
  background: url("../images/icon-allow-b.svg") center center no-repeat;
  background-size: contain;
  width: 8px;
  height: 6px;
  margin-right: 8px;
  display: block;
}
.o-footer__copyright {
  font-size: 1.1rem;
  line-height: 1;
  letter-spacing: 0.08em;
  height: 64px;
  color: #ffffff;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(165, 13, 5, 0.99)), to(rgb(117, 10, 6)));
  background-image: linear-gradient(90deg, rgba(165, 13, 5, 0.99), rgb(117, 10, 6));
}
@media screen and (min-width: 1025px) {
  .o-footer__copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-left: 96px;
    position: relative;
  }
}
@media screen and (max-width: 1024px) {
  .o-footer__copyright {
    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;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.o-gnav {
  height: 100%;
}
.o-gnav__item {
  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;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1024px) {
  .o-gnav__item {
    width: 25%;
  }
}
.o-gnav__a {
  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;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media screen and (min-width: 1025px) {
  .o-gnav__a {
    margin: 0 24px;
    cursor: pointer;
  }
}
@media screen and (max-width: 1024px) {
  .o-gnav__a {
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .o-gnav__a a {
    pointer-events: none;
  }
}
.o-gnav-dropdown {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: auto;
  background: #ffffff;
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.25, 0.82, 0.355, 1) 0.15s;
  transition: -webkit-transform 0.7s cubic-bezier(0.25, 0.82, 0.355, 1) 0.15s;
  transition: transform 0.7s cubic-bezier(0.25, 0.82, 0.355, 1) 0.15s;
  transition: transform 0.7s cubic-bezier(0.25, 0.82, 0.355, 1) 0.15s, -webkit-transform 0.7s cubic-bezier(0.25, 0.82, 0.355, 1) 0.15s;
  -webkit-box-shadow: 0px 5px 12px -10px rgba(0, 0, 0, 0.65);
  box-shadow: 0px 5px 12px -10px rgba(0, 0, 0, 0.65);
  -webkit-transform: translateY(-102%);
  transform: translateY(-102%);
}
.o-gnav-dropdown.is-open {
  -webkit-transition: all 0.7s cubic-bezier(0.25, 0.82, 0.355, 1) 0.15s;
  transition: all 0.7s cubic-bezier(0.25, 0.82, 0.355, 1) 0.15s;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  background: #ffffff;
}
@media screen and (min-width: 1025px) {
  .o-gnav-dropdown {
    min-width: 1000px;
  }
}
@media screen and (max-width: 1024px) {
  .o-gnav-dropdown {
    padding: 24px;
    margin-top: 24px;
  }
}
.o-gnav-dropdown__inner {
  background: #ffffff;
}
@media screen and (min-width: 1025px) {
  .o-gnav-dropdown__inner {
    height: 376px;
  }
}
@-webkit-keyframes dropdownFadeIn {
  0% {
    height: 0;
    opacity: 0;
  }
  100% {
    height: 376px;
    opacity: 1;
  }
}
@keyframes dropdownFadeIn {
  0% {
    height: 0;
    opacity: 0;
  }
  100% {
    height: 376px;
    opacity: 1;
  }
}
@-webkit-keyframes innerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes innerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (min-width: 1025px) {
  .o-gnav-dropdown__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;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1025px) {
  .o-gnav-dropdown__heading {
    margin-right: 80px;
  }
}
.o-gnav-dropdown__heading .m-head__jp {
  color: #605f5b;
}
@media screen and (max-width: 1024px) {
  .o-gnav-dropdown__heading {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .o-gnav-dropdown__main ul {
    display: grid;
  }
}
@media screen and (max-width: 1024px) {
  .o-gnav-dropdown__main li {
    width: calc(50% - 8px);
    margin-bottom: 16px;
  }
}
.o-gnav-dropdown__main img {
  margin-bottom: 8px;
}
@media screen and (min-width: 1025px) {
  .o-gnav-dropdown__main a {
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 1024px) {
  .o-gnav-dropdown__main a {
    font-size: 1.2rem;
    line-height: 1.3333333333;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 1024px) {
  .o-gnav-dropdown__main span {
    display: block;
  }
}
@media screen and (min-width: 1025px) {
  .o-gnav-dropdown__subnav {
    margin-top: 16px;
  }
}
.o-gnav-dropdown__subnav a {
  font-size: 2.8rem;
  line-height: 1.1428571429;
  letter-spacing: 0.03em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  color: #0089ff;
}
.o-gnav-dropdown__subnav a::before {
  content: "";
  height: 1px;
  width: 12px;
  display: block;
  background-color: #0089ff;
  margin-right: 8px;
}
.o-gnav-dropdown__subnav i {
  background: url("../images/icon-allow-blue.svg") center center no-repeat;
  background-size: contain;
  width: 8px;
  height: 7px;
  margin-left: 8px;
  display: block;
}
.o-gnav-dropdown__border {
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .o-gnav-dropdown__border {
    top: -6px;
    height: 8px;
    opacity: 0;
    background-repeat: repeat-x;
    background-position: top;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.82, 0.355, 1) 0.15s;
    transition: all 0.3s cubic-bezier(0.25, 0.82, 0.355, 1) 0.15s;
  }
}
@media screen and (max-width: 1024px) {
  .o-gnav-dropdown__border {
    top: -1px;
    left: 0;
    height: 1px;
    background-color: #f2f2f2;
  }
}
@media screen and (min-width: 1025px) {
  .is-open .o-gnav-dropdown__border {
    opacity: 1;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.82, 0.355, 1) 0.15s;
    transition: all 0.3s cubic-bezier(0.25, 0.82, 0.355, 1) 0.15s;
  }
}
.o-gnav__a {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .o-gnav__a::before {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    margin: auto;
    bottom: 30px;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: all 0.5s ease 0.15s;
    transition: all 0.5s ease 0.15s;
  }
}
.o-gnav__a::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: scale(0);
  transform: scale(0);
  background-repeat: no-repeat;
  background-position: bottom;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@media screen and (min-width: 1025px) {
  .o-gnav__a::after {
    height: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .o-gnav__a::after {
    height: 16px;
  }
}
.o-gnav__a.is-open::before {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  width: 100%;
}
.o-gnav__a.is-open::after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
@media screen and (min-width: 1025px) {
  .company .o-gnav-dropdown__border {
    background-image: url("../images/border-gnav-company.svg");
  }
}
@media screen and (min-width: 1025px) {
  .company .o-gnav-dropdown__main ul {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 320px 320px;
    grid-gap: 16px 64px;
  }
}
@media screen and (max-width: 1024px) {
  .company .o-gnav-dropdown__main ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.company .o-gnav__a::after {
  background-image: url("../images/gnav-active-company.svg");
}
.company .o-gnav__a.is-open::before {
  background-color: #a50d05;
}
@media screen and (min-width: 1025px) {
  .recruit .o-gnav-dropdown__border {
    background-image: url("../images/border-gnav-recruit.svg");
  }
}
@media screen and (min-width: 1025px) {
  .recruit .o-gnav-dropdown__main ul {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 320px 320px;
    grid-gap: 16px 64px;
  }
}
@media screen and (max-width: 1024px) {
  .recruit .o-gnav-dropdown__main ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.recruit .o-gnav__a::after {
  background-image: url("../images/gnav-active-recruit.svg");
}
.recruit .o-gnav__a.is-open::before {
  background-color: #0089ff;
}
@media screen and (min-width: 1025px) {
  .works .o-gnav-dropdown__border {
    background-image: url("../images/border-gnav-works.svg");
  }
}
@media screen and (min-width: 1025px) {
  .works .o-gnav-dropdown__main ul {
    grid-template-rows: 296px;
    grid-template-columns: 320px 320px;
    grid-gap: 16px 64px;
  }
}
@media screen and (max-width: 1024px) {
  .works .o-gnav-dropdown__main ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.works .o-gnav__a::after {
  background-image: url("../images/gnav-active-works.svg");
}
.works .o-gnav__a.is-open::before {
  background-color: #12b83c;
}
.goods .o-gnav__a:hover::before {
  background-color: #605f5b;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1); /*X方向にスケール拡大*/
  width: 100%;
}
.o-header {
  width: 100%;
  position: fixed;
  background-color: #ffffff;
}
@media screen and (min-width: 1025px) {
  .o-header {
    height: 100px;
  }
}
@media screen and (max-width: 1024px) {
  .o-header:lang(en) {
    height: 80px;
  }
}
.o-header__inner {
  width: 100%;
  position: relative;
  background-color: #ffffff;
}
@media screen and (min-width: 1025px) {
  .o-header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .o-header__inner:lang(en) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1025px) {
  .o-header__logo {
    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;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-width: 160px;
    height: 100%;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #ffffff;
  }
}
@media screen and (max-width: 1024px) {
  .o-header__logo {
    padding: 24px 0;
    background-color: #ffffff;
  }
}
@media screen and (min-width: 1025px) {
  .o-header__logo img {
    width: 180px;
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .o-header__logo img {
    max-width: 150px;
    margin: auto;
    display: block;
  }
}
.o-header__menu {
  height: 100%;
}
@media screen and (min-width: 1025px) {
  .o-header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 1024px) {
  .o-header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .o-header__submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .o-header__submenu {
    position: absolute;
    top: 8px;
    right: 16px;
  }
}
.o-header__submenu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1024px) {
  .o-header__submenu a {
    font-size: 1.2rem;
    line-height: 2.6666666667;
    letter-spacing: 0.03em;
  }
}
.o-header__nav {
  width: 100%;
  background-color: #ffffff;
}
@media screen and (min-width: 1025px) {
  .o-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 1024px) {
  .o-header__nav {
    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;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1025px) {
  .o-header__nav:lang(en) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.o-header__contact i {
  background: url("../images/icon-contact.svg") center center no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
@media screen and (min-width: 1025px) {
  .o-header__english {
    margin-left: 24px;
  }
}
.o-header__english i {
  background: url("../images/icon-english.svg") center center no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.o-hero, .o-hero-yamauchi, .o-hero-ukai, .o-hero-oonogi, .o-hero-onogi, .o-hero-nozoe, .o-hero-nakashima, .o-hero-kamezawa, .o-hero-mizushima, .o-hero-komai, .o-hero-kitayama, .o-hero-kashu, .o-hero-kakutani, .o-hero-ishihara, .o-hero-hiroi, .o-hero-higuchi, .o-hero-an, .o-hero-matsuzaki, .o-hero-sound, .o-hero-plan, .o-hero-graphic, .o-hero-system, .o-hero-game {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
}
@media screen and (min-width: 1025px) {
  .o-hero, .o-hero-yamauchi, .o-hero-ukai, .o-hero-oonogi, .o-hero-onogi, .o-hero-nozoe, .o-hero-nakashima, .o-hero-kamezawa, .o-hero-mizushima, .o-hero-komai, .o-hero-kitayama, .o-hero-kashu, .o-hero-kakutani, .o-hero-ishihara, .o-hero-hiroi, .o-hero-higuchi, .o-hero-an, .o-hero-matsuzaki, .o-hero-sound, .o-hero-plan, .o-hero-graphic, .o-hero-system, .o-hero-game {
    height: auto;
    aspect-ratio: 64/25;
  }
}
@media screen and (max-width: 1024px) {
  .o-hero, .o-hero-yamauchi, .o-hero-ukai, .o-hero-oonogi, .o-hero-onogi, .o-hero-nozoe, .o-hero-nakashima, .o-hero-kamezawa, .o-hero-mizushima, .o-hero-komai, .o-hero-kitayama, .o-hero-kashu, .o-hero-kakutani, .o-hero-ishihara, .o-hero-hiroi, .o-hero-higuchi, .o-hero-an, .o-hero-matsuzaki, .o-hero-sound, .o-hero-plan, .o-hero-graphic, .o-hero-system, .o-hero-game {
    aspect-ratio: 46/25;
  }
}
.o-hero-game {
  background-image: url("../images/recruit/creators/head-game.jpg");
}
.o-hero-system {
  background-image: url("../images/recruit/creators/head-system.jpg");
}
.o-hero-graphic {
  background-image: url("../images/recruit/creators/head-graphic.jpg");
}
.o-hero-plan {
  background-image: url("../images/recruit/creators/head-plan.jpg");
}
.o-hero-sound {
  background-image: url("../images/recruit/creators/head-sound.jpg");
}
@media screen and (min-width: 1025px) {
  .o-hero-matsuzaki {
    background-image: url("../images/recruit/creators/head-mastuzaki.jpg");
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-matsuzaki {
    background-image: url("../images/recruit/creators/head-mastuzaki-sp.jpg");
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-matsuzaki .o-hero__content {
    position: absolute;
    top: 120px;
    right: 30%;
    bottom: auto;
    left: auto;
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-matsuzaki .o-hero__content {
    position: absolute;
    top: 30%;
    right: 20%;
    bottom: auto;
    left: auto;
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-an {
    background-image: url("../images/recruit/creators/head-an.jpg");
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-an {
    background-image: url("../images/recruit/creators/head-an-sp.jpg");
  }
}
.o-hero-an .o-hero__content {
  position: absolute;
  top: auto;
  right: 16%;
  bottom: 16%;
  left: auto;
}
@media screen and (min-width: 1025px) {
  .o-hero-higuchi {
    background-image: url("../images/recruit/creators/head-higuchi.jpg");
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-higuchi {
    background-image: url("../images/recruit/creators/head-higuchi-sp.jpg");
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-higuchi .o-hero__content {
    position: absolute;
    top: 120px;
    right: 25%;
    bottom: auto;
    left: auto;
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-higuchi .o-hero__content {
    position: absolute;
    top: 30%;
    right: 10%;
    bottom: auto;
    left: auto;
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-hiroi {
    background-image: url("../images/recruit/creators/head-hiroi.jpg");
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-hiroi {
    background-image: url("../images/recruit/creators/head-hiroi-sp.jpg");
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-hiroi .o-hero__content {
    position: absolute;
    top: 120px;
    right: 20%;
    bottom: auto;
    left: auto;
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-hiroi .o-hero__content {
    position: absolute;
    top: 30%;
    right: 10%;
    bottom: auto;
    left: auto;
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-ishihara {
    background-image: url("../images/recruit/creators/head-ishihara.jpg");
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-ishihara {
    background-image: url("../images/recruit/creators/head-ishihara-sp.jpg");
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-ishihara .o-hero__content {
    position: absolute;
    top: 120px;
    right: 30%;
    bottom: auto;
    left: auto;
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-ishihara .o-hero__content {
    position: absolute;
    top: 30%;
    right: 10%;
    bottom: auto;
    left: auto;
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-kakutani {
    background-image: url("../images/recruit/creators/head-kakutani.jpg");
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-kakutani {
    background-image: url("../images/recruit/creators/head-kakutani-sp.jpg");
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-kakutani .o-hero__content {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 80px;
    left: 50%;
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-kakutani .o-hero__content {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 20%;
    left: 30%;
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-kashu {
    background-image: url("../images/recruit/creators/head-kashu.jpg");
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-kashu {
    background-image: url("../images/recruit/creators/head-kashu-sp.jpg");
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-kashu .o-hero__content {
    position: absolute;
    top: 120px;
    right: auto;
    bottom: auto;
    left: 30%;
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-kashu .o-hero__content {
    position: absolute;
    top: 30%;
    right: auto;
    bottom: auto;
    left: 20%;
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-kitayama {
    background-image: url("../images/recruit/creators/head-kitayama.jpg");
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-kitayama {
    background-image: url("../images/recruit/creators/head-kitayama-sp.jpg");
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-kitayama .o-hero__content {
    position: absolute;
    top: 120px;
    right: 30%;
    bottom: auto;
    left: auto;
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-kitayama .o-hero__content {
    position: absolute;
    top: 30%;
    right: 10%;
    bottom: auto;
    left: auto;
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-komai {
    background-image: url("../images/recruit/creators/head-komai.jpg");
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-komai {
    background-image: url("../images/recruit/creators/head-komai-sp.jpg");
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-komai .o-hero__content {
    position: absolute;
    top: 120px;
    right: auto;
    bottom: auto;
    left: 30%;
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-komai .o-hero__content {
    position: absolute;
    top: 30%;
    right: auto;
    bottom: auto;
    left: 10%;
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-mizushima {
    background-image: url("../images/recruit/creators/head-mizushima.jpg");
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-mizushima {
    background-image: url("../images/recruit/creators/head-mizushima-sp.jpg");
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-mizushima .o-hero__content {
    position: absolute;
    top: 120px;
    right: auto;
    bottom: auto;
    left: 30%;
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-mizushima .o-hero__content {
    position: absolute;
    top: 30%;
    right: auto;
    bottom: auto;
    left: 10%;
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-kamezawa {
    background-image: url("../images/recruit/creators/head-kamezawa.jpg");
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-kamezawa {
    background-image: url("../images/recruit/creators/head-kamezawa-sp.jpg");
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-kamezawa .o-hero__content {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 80px;
    left: 30%;
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-kamezawa .o-hero__content {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 25%;
    left: 10%;
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-nakashima {
    background-image: url("../images/recruit/creators/head-nakashima.jpg");
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-nakashima {
    background-image: url("../images/recruit/creators/head-nakashima-sp.jpg");
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-nakashima .o-hero__content {
    position: absolute;
    top: 120px;
    right: 20%;
    bottom: auto;
    left: auto;
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-nakashima .o-hero__content {
    position: absolute;
    top: 30%;
    right: 10%;
    bottom: auto;
    left: auto;
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-nozoe {
    background-image: url("../images/recruit/creators/head-nozoe.jpg");
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-nozoe {
    background-image: url("../images/recruit/creators/head-nozoe-sp.jpg");
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-nozoe .o-hero__content {
    position: absolute;
    top: 120px;
    right: auto;
    bottom: auto;
    left: 40%;
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-nozoe .o-hero__content {
    position: absolute;
    top: 30%;
    right: auto;
    bottom: auto;
    left: 10%;
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-onogi {
    background-image: url("../images/recruit/creators/head-onogi.jpg");
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-onogi {
    background-image: url("../images/recruit/creators/head-onogi-sp.jpg");
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-onogi .o-hero__content {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 120px;
    left: 20%;
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-onogi .o-hero__content {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 30%;
    left: 10%;
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-oonogi {
    background-image: url("../images/recruit/creators/head-oonogi.jpg");
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-oonogi {
    background-image: url("../images/recruit/creators/head-oonogi-sp.jpg");
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-oonogi .o-hero__content {
    position: absolute;
    top: 120px;
    right: 20%;
    bottom: auto;
    left: auto;
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-oonogi .o-hero__content {
    position: absolute;
    top: 30%;
    right: 20%;
    bottom: auto;
    left: auto;
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-ukai {
    background-image: url("../images/recruit/creators/head-ukai.jpg");
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-ukai {
    background-image: url("../images/recruit/creators/head-ukai-sp.jpg");
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-ukai .o-hero__content {
    position: absolute;
    top: 120px;
    right: 20%;
    bottom: auto;
    left: auto;
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-ukai .o-hero__content {
    position: absolute;
    top: 30%;
    right: 20%;
    bottom: auto;
    left: auto;
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-yamauchi {
    background-image: url("../images/recruit/creators/head-yamauchi.jpg");
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-yamauchi {
    background-image: url("../images/recruit/creators/head-yamauchi-sp.jpg");
  }
}
@media screen and (min-width: 1025px) {
  .o-hero-yamauchi .o-hero__content {
    position: absolute;
    top: 160px;
    right: auto;
    bottom: auto;
    left: 20%;
  }
}
@media screen and (max-width: 1024px) {
  .o-hero-yamauchi .o-hero__content {
    position: absolute;
    top: 30%;
    right: auto;
    bottom: auto;
    left: 20%;
  }
}
.game .o-hero__content {
  color: #00c2b1;
}
.graphic .o-hero__content {
  color: #f96251;
}
.system .o-hero__content {
  color: #46c7f0;
}
.plan .o-hero__content {
  color: #99cf00;
}
.sound .o-hero__content {
  color: #5a81e6;
}
@media screen and (max-width: 1024px) {
  .o-hero__content {
    font-size: 1.3rem;
    line-height: 1.5384615385;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 1025px) {
  .o-hero__content-top {
    font-size: 3.2rem;
    line-height: 1;
    letter-spacing: 0.08em;
    margin-bottom: 24px;
  }
  .o-hero__content-top span {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 1024px) {
  .o-hero__content-top {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .o-hero__content-bottom {
    font-size: 3.2rem;
    line-height: 1;
    letter-spacing: 0.08em;
  }
  .o-hero__content-bottom span:not(.kyuji) {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.08em;
  }
}
.o-hero__content-bottom .kyuji {
  font-weight: 600;
}
.o-recruit-subnav {
  background-color: #0089ff;
  margin: 0 0 40px;
}
@media screen and (max-width: 1024px) {
  .o-recruit-subnav {
    display: none;
  }
}
.o-recruit-subnav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  max-width: 880px;
  margin: auto;
  padding-top: 40px;
}
.o-recruit-subnav__item {
  width: calc(33.3333333333% - 24px);
  min-width: 250px;
}
.o-recruit-subnav__title {
  font-size: 1.8rem;
  line-height: 2.2222222222;
  letter-spacing: 0.03em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: -40px;
  color: #0089ff;
}
.o-recruit-subnav__title i {
  background: url(../images/icon-allow-blue.svg) center center no-repeat;
}
.o-table__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.o-table__left {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .o-table__left {
    max-width: 160px;
  }
}
@media screen and (max-width: 1024px) {
  .o-table__left {
    max-width: 100px;
  }
}
@media screen and (min-width: 1025px) {
  .p-contact__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    row-gap: 8rem;
    margin-top: 32px;
    max-width: 960px;
    margin: auto;
  }
}
@media screen and (max-width: 1024px) {
  .p-contact__list li + li {
    margin-top: 64px;
  }
}
.p-contact__item {
  border: 1px solid #000000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.p-contact__item::before {
  content: "";
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: solid 1px transparent;
}
.p-contact__item:hover::before {
  border: 1px solid #000000;
}
@media screen and (min-width: 1025px) {
  .p-contact__item {
    height: 190px;
  }
}
.p-contact__item-inner {
  position: relative;
  padding: 40px 24px;
  text-align: center;
  display: block;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}
.p-contact__item-heading {
  margin-bottom: 24px;
}
.p-contact__item-text {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
}
.p-contact__item-link {
  font-size: 1.7rem;
  line-height: 1.4117647059;
  letter-spacing: 0.05em;
  color: #a50d05;
}
.p-contact__icon {
  position: absolute;
  top: -32px;
  right: 0;
  bottom: auto;
  left: 0;
  width: 64px;
  margin: auto;
}
.p-company {
  overflow: hidden;
}
.p-company-head, .p-company-head--type3, .p-company-head--type2, .p-company-head--type1 {
  background-color: #a50d05;
  color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .p-company-head, .p-company-head--type3, .p-company-head--type2, .p-company-head--type1 {
    padding-left: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1025px) {
  .p-company-head__inner {
    padding-left: 12.5%;
    padding-right: 12.5%;
  }
}
@media screen and (min-width: 1025px) {
  .p-company-head--type1 {
    padding-left: 240px;
  }
}
@media screen and (min-width: 1025px) {
  .p-company-head--type2 .m-head--type1 {
    padding-bottom: 40px;
    min-width: 640px;
  }
}
@media screen and (min-width: 1025px) {
  .p-company-head--type3 {
    padding-bottom: 140px;
    margin-bottom: 64px;
    padding-left: 240px;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-head--type3 {
    padding-bottom: 80px;
  }
}
.p-company-head__vision {
  background-color: #f2f2f2;
}
@media screen and (min-width: 1025px) {
  .p-company-head__vision {
    margin-top: 40px;
    margin-bottom: 80px;
    padding: 96px 40px 96px 120px;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-head__vision {
    margin-top: 24px;
    padding: 40px 40px 40px 40px;
  }
}
.p-company-head__vision-logo {
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s;
}
.p-company-head__vision-logo.is-active, .p-company-head__vision-logo.lazyloaded {
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
@media screen and (min-width: 1025px) {
  .p-company-head__vision-logo {
    width: 480px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-head__vision-logo {
    margin-bottom: 40px;
  }
}
.p-company-head__vision-text {
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  -webkit-transition-delay: 0.16s;
  transition-delay: 0.16s;
  color: #a50d05;
}
.p-company-head__vision-text.is-active, .p-company-head__vision-text.lazyloaded {
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
@media screen and (min-width: 1025px) {
  .p-company-head__vision-text {
    font-size: 2.5rem;
    line-height: 1.92;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-head__vision-text {
    font-size: 1.8rem;
    line-height: 2;
    letter-spacing: 0.05em;
  }
}
.p-company-head__lead {
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  margin-bottom: 24px;
}
.p-company-head__lead.is-active, .p-company-head__lead.lazyloaded {
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
@media screen and (min-width: 1025px) {
  .p-company-head__lead {
    margin-top: 64px;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-head__lead {
    margin-top: 24px;
  }
}
@media screen and (min-width: 1025px) {
  .p-company-head__text {
    margin-top: 48px;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-head__text {
    margin-top: 24px;
  }
}
@media screen and (min-width: 1025px) {
  .p-company-head__img {
    margin-bottom: 260px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-head__img {
    margin-top: 24px;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1025px) {
  .p-company-head__img img {
    margin-bottom: -160px;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-head__img img {
    margin-bottom: -40px;
  }
}
@media screen and (min-width: 1025px) {
  .p-company-vision__list {
    width: 90.9090909091%;
    max-width: 680px;
    margin: auto;
  }
}
.p-company-vision__list li {
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
}
.p-company-vision__list li.is-active, .p-company-vision__list li.lazyloaded {
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
@media screen and (min-width: 1025px) {
  .p-company-vision__list li + li {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-vision__list li + li {
    margin-top: 40px;
  }
}
.p-company-vision__title {
  color: #a50d05;
  margin-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .p-company-vision__title::after {
    background: url("../images/company/fukidashi-red-l.svg") center center no-repeat;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-vision__title::after {
    background: url("../images/company/fukidashi-red.svg") center center no-repeat;
  }
}
.p-company-vision__title p {
  padding: 0 16px;
}
@media screen and (max-width: 1024px) {
  .p-company-vision__title p {
    text-align: center;
  }
}
.p-company-vision__text {
  font-size: 1.5rem;
  line-height: 1.8666666667;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 1025px) {
  .p-company-vision__text {
    padding: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-vision__text {
    padding-top: 16px;
  }
}
.p-company-message__text {
  margin: auto;
  font-size: 1.5rem;
  line-height: 2.1333333333;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 1025px) {
  .p-company-message__text {
    width: 81.8181818182%;
    max-width: 680px;
  }
}
.p-company-message__text p {
  margin-bottom: 2rem;
}
@media screen and (min-width: 1025px) {
  .p-company-access__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.p-company-access__contents {
  padding: 64px 24px;
}
@media screen and (min-width: 1025px) {
  .p-company-access__contents {
    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;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.p-company-access__mapimg {
  width: 100%;
  max-width: 400px;
}
@media screen and (min-width: 1025px) {
  .p-company-access__mapimg {
    margin-left: 56px;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-access__mapimg {
    margin: auto;
  }
}
.p-company-access__kyoto-title {
  color: #a50d05;
  text-align: center;
  margin-bottom: 48px;
}
.p-company-access__kyoto-title::after {
  background: url("../images/company/fukidashi-gray.svg") center center no-repeat;
}
.p-company-access__kyoto {
  max-width: 480px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .p-company-access__kyoto {
    margin: 0 auto;
  }
}
.p-company-access__kyoto-text {
  color: #a50d05;
  border-top: dashed 1px #605f5b;
  border-bottom: dashed 1px #605f5b;
  padding: 16px;
  margin-top: 32px;
  margin-bottom: 8px;
  font-size: 1.3rem;
  line-height: 1.8461538462;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1024px) {
  .p-company-access__kyoto-text {
    margin-bottom: 32px;
  }
}
.p-company-access__kyoto-gmap a {
  color: #a50d05;
}
@media screen and (min-width: 1025px) {
  .p-company-outline__imgarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.p-company-outline__img {
  color: #605f5b;
}
@media screen and (min-width: 1025px) {
  .p-company-outline__img {
    min-width: 640px;
    max-width: 1200px;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-outline__img {
    margin-top: 24px;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1025px) {
  .p-company-outline__img img {
    margin-bottom: -240px;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-outline__img img {
    margin-bottom: -40px;
  }
}
.p-company-outline__list {
  max-width: 640px;
  margin: auto;
}
@media screen and (min-width: 1025px) {
  .p-company-outline__list {
    width: 72.7272727273%;
  }
}
.p-company-outline__item {
  border-bottom: 1px #605f5b solid;
}
@media screen and (min-width: 1025px) {
  .p-company-outline__item {
    padding: 24px 16px;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-outline__item {
    padding: 16px 8px;
  }
}
.p-company-outline__item a {
  color: #a50d05;
}
.p-company-outline__item td {
  text-align: right;
  width: 4em;
}
.p-company-outline__left {
  color: #a50d05;
}
@media screen and (min-width: 1025px) {
  .p-company-manual__inner {
    padding-left: 160px;
  }
}
.p-company-manual__list li {
  margin-top: 16px;
}
.p-company-manual__heading {
  border-bottom: 1px solid #4d4d4d;
  margin-bottom: 8px;
}
.p-company-manual__content + .p-company-manual__content {
  margin-top: 8px;
}
.p-company-history {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-company-history__table {
    width: 81.8181818182%;
    max-width: 800px;
    margin: auto;
  }
}
.p-company-history__group {
  padding: 16px 0;
  border-bottom: 1px #cccccc solid;
}
@media screen and (min-width: 1025px) {
  .p-company-history__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .p-company-history__group dt {
    width: 20%;
    margin-right: 24px;
  }
  .p-company-history__group dd {
    width: 80%;
  }
}
.p-company-history__group p + .p-company-history__more {
  margin-top: 16px;
}
.p-company-history__group p + .p-company-history__more-tool {
  margin-top: 16px;
}
@-webkit-keyframes fadeInContent {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInContent {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.p-company-history__more + p {
  margin-top: 16px;
}
.p-company-history__more-image {
  margin-bottom: 8px;
}
.p-company-history__more-image img {
  width: 50px;
}
.p-company-history__more-label {
  background-color: #e6e6e6;
  border-radius: 16px;
  position: relative;
  padding: 0 16px 0 32px;
  display: inline-block;
  font-size: 1.3rem;
  line-height: 1.8461538462;
  letter-spacing: 0.03em;
}
.p-company-history__more-label::before {
  content: "";
  height: 14px;
  width: 14px;
  border-radius: 50%;
  display: block;
  background-color: #a50d05;
  margin: auto;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 8px;
}
.p-company-history__more-tool {
  background-color: #e6e6e6;
  border-radius: 16px;
  position: relative;
  padding: 0 16px 0 32px;
  display: inline-block;
  font-size: 1.3rem;
  line-height: 1.8461538462;
  letter-spacing: 0.03em;
}
.p-company-history__more-tool::before {
  content: "";
  height: 14px;
  width: 14px;
  border-radius: 50%;
  display: block;
  background-color: #0089ff;
  margin: auto;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 8px;
}
@media screen and (max-width: 1024px) {
  .p-company-vision {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-outline {
    margin-bottom: 80px;
  }
}
.p-company-access {
  background-color: #e6e6e6;
}
.p-company-history {
  /* background-color: $gray-200; */
}
.p-company-section__inner {
  margin: auto;
}
@media screen and (min-width: 1025px) {
  .p-company-section__inner {
    padding-left: 9.375%;
    padding-right: 9.375%;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-section__inner {
    padding: 0 7.4666666667%;
  }
}
@media screen and (min-width: 1025px) {
  .p-company-section__article:not(.p-company-message__article) {
    padding-bottom: 120px;
  }
}
.p-company-access__gmap {
  height: 400px;
}
.p-company-copyright {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-company-copyright__list li {
    padding: 0 0 64px;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-copyright__list li {
    padding: 40px 7.4666666667%;
  }
}
.p-company-copyright__contents {
  max-width: 880px;
  margin: auto;
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
}
.p-company-copyright__contents.is-active, .p-company-copyright__contents.lazyloaded {
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
.p-company-copyright__title {
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0.08em;
  color: #a50d05;
  margin-bottom: 24px;
}
.p-company-sidenav {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 240px;
  height: 100vh;
  padding: 100px 0 9.6vh 0;
  background-color: rgba(255, 255, 255, 0.7);
}
.p-company-sidenav ul {
  margin: auto auto 0 0;
}
.p-company-sidenav li {
  margin-bottom: 24px;
}
.p-company-sidenav a {
  color: #605f5b;
  padding-left: 24px;
}
.p-company-sidenav a.is-active {
  color: #a50d05;
  border-bottom: 1px solid #a50d05;
  padding-bottom: 8px;
}
.p-company-sidenav a:hover {
  color: #a50d05;
}
@media screen and (max-width: 1024px) {
  .p-company-sidenav {
    display: none;
  }
}
.p-company-english__head {
  padding-top: 120px;
}
.p-company-english__head-inner {
  background-color: #f2f2f2;
}
@media screen and (min-width: 1025px) {
  .p-company-english__head-inner {
    padding: 96px 40px 96px 120px;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-english__head-inner {
    padding: 40px 40px 40px 40px;
  }
}
.p-company-english__logo {
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s;
}
.p-company-english__logo.is-active, .p-company-english__logo.lazyloaded {
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
@media screen and (min-width: 1025px) {
  .p-company-english__logo {
    width: 480px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-english__logo {
    margin-bottom: 40px;
  }
}
.p-company-english__text {
  color: #605f5b;
}
@media screen and (min-width: 1025px) {
  .p-company-english__text {
    font-size: 3.2rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-english__text {
    font-size: 2.8rem;
    line-height: 1.4285714286;
    letter-spacing: 0.03em;
  }
}
@media screen and (min-width: 1025px) {
  .p-company-english__list {
    padding: 64px 0;
    max-width: 880px;
    margin: auto;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-english__list {
    padding-bottom: 40px;
  }
}
.p-company-english__list li + li {
  margin-top: 40px;
}
.p-company-english__item-title {
  color: #a50d05;
  margin-bottom: 16px;
  font-size: 3rem;
  line-height: 1.3333333333;
  letter-spacing: 0.03em;
}
.p-company-english__office {
  background-color: #e6e6e6;
}
@media screen and (min-width: 1025px) {
  .p-company-english__office {
    padding: 64px 24px;
  }
}
@media screen and (max-width: 1024px) {
  .p-company-english__office {
    padding: 40px 0;
  }
}
.p-company-english__office-contents {
  max-width: 880px;
  margin: auto;
}
.p-company-english__office-title {
  color: #605f5b;
  font-size: 3rem;
  line-height: 1.3333333333;
  letter-spacing: 0.03em;
}
.p-company-english__office-text {
  color: #605f5b;
}
.p-company-english__office-link {
  color: #a50d05;
}
.p-company-english__office-link i {
  background: url("../images/icon-allow-r.svg") center center no-repeat;
}
/* animation */
@-webkit-keyframes fuwa {
  0%, to {
    -webkit-transform: translateY(-0.5vw);
    transform: translateY(-0.5vw);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fuwa {
  0%, to {
    -webkit-transform: translateY(-0.5vw);
    transform: translateY(-0.5vw);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes textSlideUp {
  0% {
    -webkit-transform: translate3d(0, 110%, 0);
    transform: translate3d(0, 110%, 0);
  }
  60% {
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }
}
@keyframes textSlideUp {
  0% {
    -webkit-transform: translate3d(0, 110%, 0);
    transform: translate3d(0, 110%, 0);
  }
  60% {
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }
}
.p-daikaibou {
  margin-bottom: 80px;
}
.p-daikaibou__header {
  background-color: #90ffc4;
  background-image: url("../images/recruit/workstyle/head-daikaibou.png");
  background-position: center bottom;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou__header {
    background-size: contain;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou__header {
    background-size: cover;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1025px) {
  .p-daikaibou__header-image {
    padding-left: 64px;
    padding-right: 64px;
    margin-top: -40px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou__header-image {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.p-daikaibou-section__thema {
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-section__thema {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-section__thema {
    margin: 0 16px 40px;
  }
}
/* section */
.p-daikaibou-section--type01 {
  background-color: #ffffff;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-section--type01 {
    padding: 80px 0 0;
  }
}
.p-daikaibou-section--type01 .p-daikaibou-section__thema h4 {
  border-right: 3px solid #0089ff;
  border-left: 3px solid #0089ff;
  position: relative;
}
.p-daikaibou-section--type01 .p-daikaibou-section__thema h4::before {
  content: "";
  display: block;
  background-color: #0089ff;
  height: 3px;
  width: 98%;
  position: absolute;
  top: 0;
  right: 0;
}
.p-daikaibou-section--type01 .p-daikaibou-section__thema h4::after {
  content: "";
  display: block;
  background-color: #0089ff;
  height: 3px;
  width: 98%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.p-daikaibou-section--type02 {
  background-color: #90ffc4;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-section--type02 {
    padding: 80px 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-section--type02 {
    padding-top: 80px;
  }
}
.p-daikaibou-section--type02 .p-daikaibou-section__thema h4 {
  background-color: #ffffff;
}
.p-daikaibou-section--type03 {
  background-color: #67e3ef;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-section--type03 {
    padding: 80px 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-section--type03 {
    padding-top: 80px;
  }
}
.p-daikaibou-section--type03 .p-daikaibou-section__thema h4 {
  background-color: #ffffff;
}
.p-daikaibou-section__thema h4 {
  display: inline-block;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-section__thema h4 {
    padding: 24px 16px;
    min-width: 400px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-section__thema h4 {
    padding: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-section__inner {
    width: 84.375%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-daikaibou-section__col2 {
  display: grid;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-section__col2 {
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 4%;
    -moz-column-gap: 4%;
    column-gap: 4%;
  }
}
.p-daikaibou-section__col1 {
  display: grid;
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-section__block:not(.p-daikaibou-q-15) {
    margin-bottom: 80px;
  }
}
.p-daikaibou-section__block--gray {
  background-color: #e6e6e6;
}
.p-daikaibou-section__block--gray .p-daikaibou-section__q--type01 {
  background-color: #e6e6e6;
}
.p-daikaibou-section__block--yellow {
  background-color: #ffffd3;
}
.p-daikaibou-section__block--yellow .p-daikaibou-section__q--type01 {
  background-color: #ffffd3;
}
.p-daikaibou-section__block--white {
  background-color: #ffffff;
}
.p-daikaibou-section__block--white .p-daikaibou-section__q--type01 {
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-section__block--white {
    margin-left: 8px;
    margin-right: 8px;
    padding-bottom: 24px;
  }
}
.p-daikaibou-section__block--orange {
  background-color: #ff8400;
}
.p-daikaibou-section__block--orange .p-daikaibou-section__q--type01 {
  background-color: #ff8400;
}
.p-daikaibou-section__q, .p-daikaibou-section__q--type02, .p-daikaibou-section__q--type01 {
  width: 100%;
}
.p-daikaibou-section__q--type01 {
  max-width: 120px;
  margin: -32px auto 24px;
  padding: 40px 0 0;
  border-radius: 50%;
}
.p-daikaibou-section__q--type01 img {
  margin: auto;
  display: block;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-section__q--type01 img {
    width: 96px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-section__q--type01 img {
    width: 80px;
  }
}
.p-daikaibou-section__q--type02 {
  margin: 0 auto 24px;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-section__q--type02 {
    max-width: 140px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-section__q--type02 {
    width: 120px;
  }
}
.p-daikaibou-section__header {
  text-align: center;
  color: #4d4d4d;
  margin: 0 24px 64px;
}
.p-daikaibou-section__header::after {
  background: url("../images/recruit/workstyle/fukidashi-gray.svg") center center no-repeat;
}
.p-daikaibou-section__header p {
  padding: 0 16px;
  font-size: 1.7rem;
  line-height: 1.4117647059;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-section__header p {
    text-align: center;
  }
}
.p-daikaibou-section__detail {
  color: #333333;
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-section__detail {
    padding: 0 4.2666666667%;
  }
}
/* インテリジェントシステムズを一言で表すなら？ */
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-01 {
    margin-left: 8px;
    margin-right: 8px;
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-01 .p-daikaibou-section__detail {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.p-daikaibou-q-01__image-01 {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-01__image-01.is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
}
/* 職場の雰囲気は？ */
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-02 {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-02 .p-daikaibou-section__detail {
    margin-top: -100px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-02 .p-daikaibou-section__detail {
    padding: 0;
    margin-top: -40px;
  }
}
/* 先輩社員から言われた印象的な一言は？ */
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-03 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-03 {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-03 .p-daikaibou-section__detail {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.p-daikaibou-q-03__list li:nth-child(1) {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-03__list li:nth-child(1).is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
}
.p-daikaibou-q-03__list li:nth-child(2) {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-03__list li:nth-child(2).is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;
}
.p-daikaibou-q-03__list li:nth-child(3) {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-03__list li:nth-child(3).is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-03__list {
    display: grid;
    grid-template-columns: 2fr 3fr;
  }
  .p-daikaibou-q-03__list li:nth-child(1) {
    grid-row: 1/3;
    grid-column: 1/2;
  }
  .p-daikaibou-q-03__list li:nth-child(2) {
    grid-row: 1/2;
    grid-column: 2/3;
    padding-left: 40px;
  }
  .p-daikaibou-q-03__list li:nth-child(3) {
    grid-row: 2/3;
    grid-column: 2/3;
    margin-left: -80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-03__list li:nth-child(1) {
    padding: 0 32px 16px;
  }
}
/* 入社して驚いたことは？ */
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-04__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.p-daikaibou-q-04__content-block-01 {
  text-align: right;
  position: relative;
}
.p-daikaibou-q-04__content-block-02 {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-04__list {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-04__list {
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0.05em;
  }
}
.p-daikaibou-q-04__list .squeare {
  background-color: #ffffd3;
  padding: 4px;
  margin: 0 4px;
  overflow: hidden;
}
.p-daikaibou-q-04__list .squeare.is-active span {
  -webkit-animation: 0.9s textSlideUp cubic-bezier(0.23, 1, 0.32, 1) 0.2s forwards;
  animation: 0.9s textSlideUp cubic-bezier(0.23, 1, 0.32, 1) 0.2s forwards;
}
.p-daikaibou-q-04__list .squeare.is-active span:nth-child(1) {
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.p-daikaibou-q-04__list .squeare.is-active span:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.p-daikaibou-q-04__list .squeare.is-active span:nth-child(3) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.p-daikaibou-q-04__list .squeare.is-active span:nth-child(4) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.p-daikaibou-q-04__list .squeare.is-active span:nth-child(5) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.p-daikaibou-q-04__list .squeare.is-active span:nth-child(6) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.p-daikaibou-q-04__list .squeare.is-active span:nth-child(7) {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.p-daikaibou-q-04__list .squeare.is-active span:nth-child(8) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.p-daikaibou-q-04__list .squeare.is-active span:nth-child(9) {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.p-daikaibou-q-04__list .squeare.is-active span:nth-child(10) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.p-daikaibou-q-04__list .squeare.is-active span:nth-child(11) {
  -webkit-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
.p-daikaibou-q-04__list .squeare.is-active span:nth-child(12) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.p-daikaibou-q-04__list .squeare.is-active span:nth-child(13) {
  -webkit-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
.p-daikaibou-q-04__list .squeare span {
  display: inline-block;
  vertical-align: top;
  -webkit-transform: translate3d(0, 110%, 0);
  transform: translate3d(0, 110%, 0);
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-04__list .squeare {
    font-size: 2.8rem;
    line-height: 1.1428571429;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-04__list .squeare {
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
}
.p-daikaibou-q-04__list .squeare.pink {
  color: #ed3955;
}
.p-daikaibou-q-04__list .squeare.blue {
  color: #0089ff;
}
.p-daikaibou-q-04__list li {
  margin-bottom: 1rem;
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-04__list {
    text-align: center;
  }
}
.p-daikaibou-q-04__image-01 {
  width: 220px;
  -webkit-animation: fuwa 4s linear infinite;
  animation: fuwa 4s linear infinite;
  will-change: transform;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-04__image-01 {
    position: absolute;
    top: -130px;
    right: auto;
    bottom: auto;
    left: 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-04__image-01 {
    margin: 0 auto 16px;
  }
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-04__image-02 {
    width: 160px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-04__image-02 {
    width: 70px;
    margin: auto;
  }
}
.p-daikaibou-q-04__image-03 {
  width: 120px;
  -webkit-animation: fuwa 2s linear infinite;
  animation: fuwa 2s linear infinite;
  will-change: transform;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-04__image-03 {
    position: absolute;
    top: -130px;
    right: 100px;
    bottom: auto;
    left: auto;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-04__image-03 {
    display: none;
  }
}
.p-daikaibou-q-04__image-04 {
  width: 160px;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-04__image-04 {
    position: absolute;
    top: 20px;
    right: 0;
    bottom: auto;
    left: auto;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-04__image-04 {
    margin: auto;
  }
}
/* 入社時の研修は充実していると思う？ */
.p-daikaibou-q-05 {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-05 .p-daikaibou-section__detail {
    padding-left: 120px;
    padding-right: 120px;
  }
}
.p-daikaibou-q-05__list li:nth-child(1) {
  position: relative;
}
.p-daikaibou-q-05__list-image-01 {
  position: absolute;
  top: -10px;
  right: auto;
  bottom: auto;
  left: 21%;
  -webkit-animation: fuwa 2s linear infinite;
  animation: fuwa 2s linear infinite;
  will-change: transform;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-05__list-image-01 {
    width: 140px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-05__list-image-01 {
    width: 80px;
  }
}
/* 仕事をする上で心がけていることは？ */
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-06 .p-daikaibou-section__detail {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.p-daikaibou-q-06__list {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-06__list {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-06__list {
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0.05em;
  }
}
.p-daikaibou-q-06__list .squeare {
  background-color: #ffffd3;
  padding: 4px;
  margin: 0 4px;
  overflow: hidden;
}
.p-daikaibou-q-06__list .squeare.is-active span {
  -webkit-animation: 0.9s textSlideUp cubic-bezier(0.23, 1, 0.32, 1) 0.2s forwards;
  animation: 0.9s textSlideUp cubic-bezier(0.23, 1, 0.32, 1) 0.2s forwards;
}
.p-daikaibou-q-06__list .squeare.is-active span:nth-child(1) {
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.p-daikaibou-q-06__list .squeare.is-active span:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.p-daikaibou-q-06__list .squeare.is-active span:nth-child(3) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.p-daikaibou-q-06__list .squeare.is-active span:nth-child(4) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.p-daikaibou-q-06__list .squeare.is-active span:nth-child(5) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.p-daikaibou-q-06__list .squeare.is-active span:nth-child(6) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.p-daikaibou-q-06__list .squeare.is-active span:nth-child(7) {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.p-daikaibou-q-06__list .squeare.is-active span:nth-child(8) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.p-daikaibou-q-06__list .squeare.is-active span:nth-child(9) {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.p-daikaibou-q-06__list .squeare.is-active span:nth-child(10) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.p-daikaibou-q-06__list .squeare.is-active span:nth-child(11) {
  -webkit-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
.p-daikaibou-q-06__list .squeare.is-active span:nth-child(12) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.p-daikaibou-q-06__list .squeare.is-active span:nth-child(13) {
  -webkit-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
.p-daikaibou-q-06__list .squeare span {
  display: inline-block;
  vertical-align: top;
  -webkit-transform: translate3d(0, 110%, 0);
  transform: translate3d(0, 110%, 0);
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-06__list .squeare {
    font-size: 2.8rem;
    line-height: 1.1428571429;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-06__list .squeare {
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
}
.p-daikaibou-q-06__list .squeare.pink {
  color: #ed3955;
}
.p-daikaibou-q-06__list .squeare.blue {
  color: #0089ff;
}
.p-daikaibou-q-06__list li {
  margin-bottom: 1rem;
}
.p-daikaibou-q-06__content {
  position: relative;
}
.p-daikaibou-q-06__image-01 {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 60px;
  left: auto;
  -webkit-animation: fuwa 1.2s linear infinite;
  animation: fuwa 1.2s linear infinite;
  will-change: transform;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-06__image-01 {
    width: 220px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-06__image-01 {
    width: 50%;
  }
}
/* インテリジェントシステムズで成し遂げたいことは？ */
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-07 .p-daikaibou-section__detail {
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 24px;
  }
}
.p-daikaibou-q-07__list {
  background-image: url("../images/recruit/workstyle/img-q07-01.png");
  background-repeat: no-repeat;
  background-position: right 30%;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-07__list {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-07__list {
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0.05em;
  }
}
.p-daikaibou-q-07__list .squeare {
  background-color: #ffffd3;
  padding: 4px;
  margin: 0 4px;
  overflow: hidden;
}
.p-daikaibou-q-07__list .squeare.is-active span {
  -webkit-animation: 0.9s textSlideUp cubic-bezier(0.23, 1, 0.32, 1) 0.2s forwards;
  animation: 0.9s textSlideUp cubic-bezier(0.23, 1, 0.32, 1) 0.2s forwards;
}
.p-daikaibou-q-07__list .squeare.is-active span:nth-child(1) {
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.p-daikaibou-q-07__list .squeare.is-active span:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.p-daikaibou-q-07__list .squeare.is-active span:nth-child(3) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.p-daikaibou-q-07__list .squeare.is-active span:nth-child(4) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.p-daikaibou-q-07__list .squeare.is-active span:nth-child(5) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.p-daikaibou-q-07__list .squeare.is-active span:nth-child(6) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.p-daikaibou-q-07__list .squeare.is-active span:nth-child(7) {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.p-daikaibou-q-07__list .squeare.is-active span:nth-child(8) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.p-daikaibou-q-07__list .squeare.is-active span:nth-child(9) {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.p-daikaibou-q-07__list .squeare.is-active span:nth-child(10) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.p-daikaibou-q-07__list .squeare.is-active span:nth-child(11) {
  -webkit-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
.p-daikaibou-q-07__list .squeare.is-active span:nth-child(12) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.p-daikaibou-q-07__list .squeare.is-active span:nth-child(13) {
  -webkit-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
.p-daikaibou-q-07__list .squeare span {
  display: inline-block;
  vertical-align: top;
  -webkit-transform: translate3d(0, 110%, 0);
  transform: translate3d(0, 110%, 0);
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-07__list .squeare {
    font-size: 2.8rem;
    line-height: 1.1428571429;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-07__list .squeare {
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
}
.p-daikaibou-q-07__list .squeare.pink {
  color: #ed3955;
}
.p-daikaibou-q-07__list .squeare.blue {
  color: #0089ff;
}
.p-daikaibou-q-07__list li {
  margin-bottom: 1rem;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-07__list {
    background-size: 60%;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-07__list {
    background-size: 70%;
  }
}
.p-daikaibou-q-07__list li {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
.p-daikaibou-q-07__list li:nth-child(1) {
  margin-bottom: 64px;
}
.p-daikaibou-q-07__list li:nth-child(2) {
  margin-bottom: 24px;
}
.p-daikaibou-q-07__image-01 {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-07__image-01.is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-07__image-01 {
    padding: 0 32px;
  }
}
/* 福利厚生は充実していると思う？ */
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-08 .p-daikaibou-section__detail {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.p-daikaibou-q-08__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.p-daikaibou-q-08__list li {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-08__list li.is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
}
/* 福利厚生や社内設備で気に入っているものは？ */
.p-daikaibou-q-09__image-01 {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-09__image-01.is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-09__image-01 {
    margin-left: -16px;
    margin-right: 16px;
  }
}
/* 社員食堂で好きなメニューは？ */
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-10 {
    margin-top: 80px;
  }
}
.p-daikaibou-q-10__list-01 {
  background-color: #ffffff;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-10__list-01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0 40px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-10__list-01 {
    padding: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-10__list-01 li:nth-child(2) {
    margin-top: -80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-10__list-01 li:nth-child(2) {
    padding: 0 80px;
  }
}
.p-daikaibou-q-10__list-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.p-daikaibou-q-10__list-02 li {
  width: 40px;
}
/* 入社のきっかけとなったISのゲームタイトルは？ */
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-11 .p-daikaibou-section__detail {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.p-daikaibou-q-11 {
  margin-bottom: 80px;
}
.p-daikaibou-q-11__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-11__list {
    grid-template-rows: 550px 300px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-11__list {
    grid-template-rows: 50% 50%;
  }
}
.p-daikaibou-q-11__list li:nth-child(1) {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-11__list li:nth-child(1).is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
}
.p-daikaibou-q-11__list li:nth-child(2) {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-11__list li:nth-child(2).is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;
}
.p-daikaibou-q-11__list li:nth-child(3) {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-11__list li:nth-child(3).is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
}
.p-daikaibou-q-11__list li:nth-child(4) {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  grid-column: 1/4;
  max-width: 880px;
}
.p-daikaibou-q-11__list li:nth-child(4).is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.35s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.35s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.35s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.35s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.35s;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-11__list li:nth-child(4) {
    margin: -120px auto 0;
  }
}
/* 今まで一番遊んだ任天堂ハードは？ */
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-12 .p-daikaibou-section__detail {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.p-daikaibou-q-12__list {
  padding-left: 2rem;
}
.p-daikaibou-q-12__list li {
  list-style: square;
}
.p-daikaibou-q-12__list li:nth-child(1) {
  color: #0089ff;
}
.p-daikaibou-q-12__list li:nth-child(2) {
  color: #0100ff;
}
.p-daikaibou-q-12__list li:nth-child(3) {
  color: #00dabd;
}
.p-daikaibou-q-12__list li:nth-child(4) {
  color: #ff4200;
}
.p-daikaibou-q-12__list li:nth-child(5) {
  color: #00d714;
}
.p-daikaibou-q-12__list li:nth-child(6) {
  color: #ff9989;
}
.p-daikaibou-q-12__list li:nth-child(7) {
  color: #ff0092;
}
.p-daikaibou-q-12__list li:nth-child(8) {
  color: #584bdc;
}
.p-daikaibou-q-12__list li:nth-child(9) {
  color: #d70000;
}
.p-daikaibou-q-12__list li:nth-child(10) {
  color: #ff9f38;
}
.p-daikaibou-q-12__image-01 {
  margin-bottom: 16px;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-12__image-01.is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
}
/* 好きなジャンルのゲームは？ */
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-13 .p-daikaibou-section__detail {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.p-daikaibou-q-13__list {
  padding-left: 2rem;
}
.p-daikaibou-q-13__list li {
  list-style: square;
}
.p-daikaibou-q-13__list li:nth-child(1) {
  color: #0089ff;
}
.p-daikaibou-q-13__list li:nth-child(2) {
  color: #0100ff;
}
.p-daikaibou-q-13__list li:nth-child(3) {
  color: #00dabd;
}
.p-daikaibou-q-13__list li:nth-child(4) {
  color: #ff4200;
}
.p-daikaibou-q-13__list li:nth-child(5) {
  color: #00d714;
}
.p-daikaibou-q-13__list li:nth-child(6) {
  color: #ff9989;
}
.p-daikaibou-q-13__list li:nth-child(7) {
  color: #ff0092;
}
.p-daikaibou-q-13__list li:nth-child(8) {
  color: #584bdc;
}
.p-daikaibou-q-13__list li:nth-child(9) {
  color: #d70000;
}
.p-daikaibou-q-13__list li:nth-child(10) {
  color: #ff9f38;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-13__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.p-daikaibou-q-13__image-01 {
  margin-bottom: 16px;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-13__image-01.is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-13__image-02 {
    width: 240px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-13__image-02 {
    width: 53.3333333333%;
    margin: 24px 0 0 auto;
  }
}
/* 就職活動時の自分に一言かけるなら？ */
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-14 {
    margin-left: 8px;
    margin-right: 8px;
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-14 .p-daikaibou-section__detail {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.p-daikaibou-q-14__list {
  grid-template-rows: 130px 130px 150px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.p-daikaibou-q-14__list li:nth-child(1) {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-14__list li:nth-child(1).is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
}
.p-daikaibou-q-14__list li:nth-child(2) {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-14__list li:nth-child(2).is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
}
.p-daikaibou-q-14__list li:nth-child(3) {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-14__list li:nth-child(3).is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
}
.p-daikaibou-q-14__list li:nth-child(4) {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-14__list li:nth-child(4).is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
}
.p-daikaibou-q-14__list li:nth-child(5) {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-14__list li:nth-child(5).is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
}
.p-daikaibou-q-14__list li:nth-child(6) {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-14__list li:nth-child(6).is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-14__list {
    display: grid;
  }
  .p-daikaibou-q-14__list li:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/3;
    width: 360px;
  }
  .p-daikaibou-q-14__list li:nth-child(2) {
    grid-row: 1/2;
    grid-column: 3/4;
    width: 190px;
  }
  .p-daikaibou-q-14__list li:nth-child(3) {
    grid-row: 2/3;
    grid-column: 1/2;
    width: 200px;
  }
  .p-daikaibou-q-14__list li:nth-child(4) {
    grid-row: 2/3;
    grid-column: 2/4;
    width: 320px;
  }
  .p-daikaibou-q-14__list li:nth-child(5) {
    grid-row: 3/4;
    grid-column: 1/4;
    width: 420px;
  }
  .p-daikaibou-q-14__list li:nth-child(6) {
    grid-row: 1/5;
    grid-column: 3/5;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-14__list li:nth-child(1) {
    width: 90%;
    margin-left: auto;
  }
  .p-daikaibou-q-14__list li:nth-child(2) {
    width: 50%;
  }
  .p-daikaibou-q-14__list li:nth-child(3) {
    width: 55%;
    margin: -24px 0 16px auto;
  }
  .p-daikaibou-q-14__list li:nth-child(4) {
    width: 80%;
    margin-bottom: 16px;
  }
  .p-daikaibou-q-14__list li:nth-child(5) {
    margin-bottom: 24px;
  }
  .p-daikaibou-q-14__list li:nth-child(6) {
    width: 70%;
    margin: auto;
  }
}
/* ページを見ている就活生に贈る名言集 */
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-15 {
    margin-top: 80px;
  }
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-15 .p-daikaibou-section__detail {
    padding-left: 120px;
    padding-right: 120px;
  }
}
.p-daikaibou-q-15__list {
  position: relative;
}
.p-daikaibou-q-15__list li:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-15__list li:nth-child(2) {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-15__list li:nth-child(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.p-daikaibou-q-15__image-01 {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-15__image-01.is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
}
.p-daikaibou-q-15__image-02 {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-15__image-02.is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-15__image-02 {
    width: 380px;
    margin: 0 40px 16px 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-15__image-02 {
    width: 50%;
  }
}
.p-daikaibou-q-15__image-03 {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-15__image-03.is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-15__image-03 {
    width: 360px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-15__image-03 {
    width: 50%;
    padding: 16px 0 0 16px;
  }
}
.p-daikaibou-q-15__image-04 {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-15__image-04.is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-15__image-04 {
    width: 320px;
    margin-left: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-15__image-04 {
    width: 60%;
    margin-left: auto;
    display: block;
  }
}
.p-daikaibou-q-15__image-05 {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-daikaibou-q-15__image-05.is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.45s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.45s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.45s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.45s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.45s;
}
@media screen and (min-width: 1025px) {
  .p-daikaibou-q-15__image-05 {
    width: 340px;
  }
}
@media screen and (max-width: 1024px) {
  .p-daikaibou-q-15__image-05 {
    width: 70%;
    margin: auto;
    display: block;
  }
}
.p-events-head {
  background-repeat: no-repeat;
}
@media screen and (min-width: 1025px) {
  .p-events-head {
    background-position: center bottom;
    background-size: cover;
    margin-bottom: 120px;
    background-image: url("../images/works/events/bg-head.png");
  }
}
@media screen and (max-width: 1024px) {
  .p-events-head {
    background-position: center bottom;
    background-size: cover;
    margin-bottom: 40px;
    background-image: url("../images/works/events/bg-head-sp.png");
  }
}
.p-events-content {
  max-width: 960px;
  margin: 0 auto 120px;
}
@media screen and (min-width: 1025px) {
  .p-events-content {
    width: calc(100% - 8rem);
  }
}
@media screen and (max-width: 1024px) {
  .p-events-content {
    padding: 0 7.4666666667%;
  }
}
@media screen and (min-width: 1025px) {
  .p-events-list li {
    padding: 24px 40px;
  }
}
.p-events-list li + li {
  border-top: 1px solid #cccccc;
}
.p-events-list li:last-child {
  border-bottom: 1px solid #cccccc;
}
@media screen and (min-width: 1025px) {
  .p-events-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 1024px) {
  .p-events-list__item {
    padding: 24px 0;
  }
}
.p-events-list__image {
  max-width: 180px;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-events-list__image {
    margin-right: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .p-events-list__image {
    margin: 0 auto 24px;
  }
}
.p-events-list__title {
  font-size: 1.8rem;
  line-height: 1.3333333333;
  letter-spacing: 0.08em;
  margin-bottom: 8px;
  padding-top: 8px;
}
.p-events-list__date {
  font-size: 1.3rem;
  line-height: 1.8461538462;
  letter-spacing: 0.05em;
  margin-bottom: 16px;
  color: #605f5b;
}
.p-events-list__text {
  margin-bottom: 16px;
}
.p-events-list__text span {
  font-size: 1.3rem;
  line-height: 1.2307692308;
  letter-spacing: 0.05em;
}
.p-events-list__link {
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.p-events-list__link a::before {
  content: "";
  height: 1px;
  width: 64px;
  display: block;
  background-color: #000000;
  margin-right: 8px;
}
.p-events-list__link i {
  background: url("../images/icon-allow-b.svg") center center no-repeat;
  background-size: contain;
  width: 6px;
  height: 6px;
  margin-left: 16px;
  display: block;
  -webkit-transition: -webkit-transform 0.6s var(--ease-out-quart);
  transition: -webkit-transform 0.6s var(--ease-out-quart);
  transition: transform 0.6s var(--ease-out-quart);
  transition: transform 0.6s var(--ease-out-quart), -webkit-transform 0.6s var(--ease-out-quart);
  margin-right: 4px;
}
.p-events-list__link:hover i {
  -webkit-transform: translate3d(4px, 0, 0);
  transform: translate3d(4px, 0, 0);
}
.p-events-list__link a {
  font-size: 1.3rem;
  line-height: 1.8461538462;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1025px) {
  .p-events-list__link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 1024px) {
  .p-events-list__link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
/*** EXPO ***/
.p-expo {
  background-color: #ff0100;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  /*終了後ポップアップ*/
  /*button*/
  /*white*/
}
.p-expo .overlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 2;
}
.p-expo .btn_area {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 2;
  border: #00006a solid 6px;
  text-align: center;
  padding: 35px 50px 30px;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.p-expo .btn_area p {
  padding: 15px;
  color: #00006a;
  font-weight: bold;
}
.p-expo .btn_area button {
  display: block;
  margin: 0 auto;
}
.p-expo a.button {
  display: inline-block;
  position: relative;
  padding: 10px 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-weight: bold;
  text-decoration: none;
}
.p-expo a.button .btn-icon {
  padding: 20px 5px 10px 10px;
}
.p-expo a.button .icon {
  padding-right: 10px;
}
.p-expo a.button .icon svg {
  width: 15px;
  height: 22px;
  fill: #00006a;
}
.p-expo a.button .caption {
  border-left: 1px solid;
  padding: 10px 0;
}
.p-expo a.button ::before {
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.p-expo a.button:hover ::before {
  left: 0;
}
.p-expo .button-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-expo a.button-white {
  border: 2px solid #00006a;
  color: #00006a;
}
.p-expo a.button-white ::before {
  background-color: #00006a;
}
.p-expo a.button-white:hover {
  color: #ffffff;
}
.p-expo a.button-white:hover .icon-navy {
  fill: #ffffff;
}
@media screen and (max-width: 768px) {
  .p-expo .btn_area {
    width: 90%;
    padding: 35px 10px 30px;
  }
}
.p-expo .white {
  color: #ffffff;
}
.p-expo .mb10 {
  margin-bottom: 10px;
}
.p-expo .mb20 {
  margin-bottom: 20px;
}
.p-expo .mb40 {
  margin-bottom: 40px;
}
.p-expo .mt10 {
  margin-top: 10px;
}
.p-expo .mt20 {
  margin-top: 20px;
}
.p-expo .mt40 {
  margin-top: 40px;
}
.p-expo .mt60 {
  margin-top: 60px;
}
.p-expo .u_line {
  text-decoration: underline;
}
.p-expo .u_line:hover {
  text-decoration: none;
}
.p-expo .indent-1 {
  padding-left: 1em;
  text-indent: -1em;
}
.expo .txt-block {
  padding: 40px 0 0;
  margin: 20px 0 0;
}
.expo-font {
  font-family: caslons-egyptian, sans-serif;
}
.font-koz {
  font-family: "小塚ゴシック Pro L", "Kozuka Gothic Pro Light", sans-serif;
  font-size: 3.8rem;
  font-weight: bold;
}
.expo h2 {
  color: #ff0100;
  margin-bottom: 0;
  text-align: center;
  font-size: 4.8rem;
  line-height: 1;
  letter-spacing: 0.03em;
}
.tk-date {
  font-size: 2.5rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.txt-l {
  font-size: 4rem;
}
.txt-m {
  font-size: 25px;
  line-height: 1.5;
  font-weight: 600;
}
.ex-red {
  color: #ff0100;
}
.ex-gray {
  color: #404040;
}
.block500 {
  max-width: 500px;
  margin: 20px auto 0;
}
/* ビジュアル */
.header-expo {
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  background-color: #ffffff;
  z-index: 2;
}
.header-expo::after {
  content: "";
  height: 4px;
  width: 100%;
  background: rgba(36, 36, 36, 0.3);
  display: block;
  opacity: 0.5;
  position: relative;
  bottom: -4px;
  margin-top: -4px;
}
.header-expo .header-inner {
  max-width: 1000px;
  margin: 0 auto;
  height: 100%;
}
/* ナビ */
.globalNav__FEexpo .head-logo img {
  width: 180px;
}
.globalNav__FEexpo ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.globalNav__FEexpo ul li.expo-font:hover {
  background-color: #ff0100;
  color: #ffffff;
}
.globalNav__FEexpo ul li a {
  text-decoration: none;
  color: #ff0100;
  font-size: 21px;
  line-height: 1.5;
  padding: 20px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  display: block;
}
.globalNav__FEexpo ul li a:hover {
  color: #ffffff;
}
.globalNav__FEexpo .nav-jp {
  display: block;
  font-size: 13px;
}
.spnav-inner-ex {
  display: none;
}
.globalNav__FEexpo .btn-close {
  display: none;
}
@media screen and (max-width: 768px) {
  .globalNav__FEexpo {
    display: none;
    position: fixed;
    top: 0;
    z-index: 1;
    background-color: #ffffff;
    width: 100%;
  }
  .globalNav__FEexpo .head-logo {
    display: none;
  }
  .spnav-inner-ex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    padding: 0;
    height: 100%;
  }
  .header-expo {
    height: 70px;
  }
  .header-expo h1 a img {
    width: 120px;
    vertical-align: bottom;
  }
  .header-expo h1 {
    z-index: 5;
  }
  .header-expo .btn-menu img {
    width: 50px;
  }
  .globalNav__FEexpo .btn-close {
    display: block;
    text-align: right;
    padding: 5% 5% 0 0;
  }
  .globalNav__FEexpo .btn-close img {
    width: 50px;
  }
  .globalNav__FEexpo ul {
    display: block;
  }
  .globalNav__FEexpo ul li a {
    padding: 10px;
    border-bottom: 1px solid #ff0100;
  }
  .txt-m {
    font-size: 17px;
  }
  .expo .txt-block {
    margin: 0;
  }
}
.expo .head_warp {
  position: relative;
  overflow: hidden;
  background-image: none;
  text-align: center;
  width: 100vw;
  height: 95vh;
  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;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.ex-animation {
  background-image: url("../images/works/FEexpo/mainvisual-full.png");
  background-size: 70% auto;
  background-position: right 10%;
  background-repeat: no-repeat;
  animation: fadeIn 3s ease 0s 1 normal;
  -webkit-animation: fadeIn 3s ease 0s 1 normal;
  position: relative;
  width: 100%;
  height: 100vh;
}
.ex-title-wrap {
  position: absolute;
  left: 10%;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.expo .anime-title {
  -webkit-animation: anime-title 3s ease 0s infinite normal;
  animation: anime-title 3s ease 0s infinite normal;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
@keyframes anime-title {
  0% {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    width: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes anime-title {
  0% {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    width: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.expo .anime-date {
  -webkit-animation: anime-date 0.6s ease 1s forwards;
  animation: anime-date 0.6s ease 1s forwards;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  margin-bottom: 70px;
}
@keyframes anime-date {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
}
@-webkit-keyframes anime-date {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
}
/* コンテンツ */
.contents__area__ex {
  max-width: 940px;
  margin: 0 auto 15px;
  background-color: #ffffff;
  padding: 40px 0;
  color: #404040;
}
.contents__area__exinfo {
  max-width: 940px;
  margin: 0 auto 15px;
  background-color: #ffffff;
  padding: 40px 0;
  color: #404040;
}
.news__areawrap {
  width: 100%;
  background-color: #ffffff;
}
.news__area__ex {
  max-width: 940px;
  margin: 0 auto;
  margin: 0 auto 15px;
  padding: 40px 0;
}
.news__area__ex li {
  border-bottom: 1px solid;
  padding: 15px 0;
}
.news__area__ex li:first-child {
  border-top: 1px solid;
}
.news__area__ex a {
  color: #404040;
}
.news__area__ex a:hover {
  text-decoration: none;
}
.ttl-jp {
  color: #ff0100;
  font-size: 22px;
  text-align: center;
}
.btn-fe0 img {
  width: 65%;
}
.txt-cap {
  font-size: 20px;
  padding: 0 6%;
}
.txt_red_intr {
  font-size: 23px;
  font-weight: bold;
  line-height: 1.7;
  color: #ff0100;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .ex-intr-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.ex-intr-menu li {
  width: 33%;
}
.ex-intr-b {
  max-width: 620px;
  margin: 40px 0;
}
.ex-intr-b li {
  width: 50%;
  margin-right: 5px;
}
.ex-intr-menu .t_nav {
  display: block;
  font-size: 26px;
  margin-top: -10px;
  color: #ffffff;
  line-height: 1.5;
}
.ex-intr-menu .t_nav span {
  display: block;
  font-size: 12px;
}
.ex-intr-menu li figure {
  position: relative;
  overflow: hidden;
  background: rgba(36, 36, 36, 0.5);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.ex-intr-menu li figure:hover {
  background: rgba(36, 36, 36, 0.2);
}
.multiply {
  mix-blend-mode: multiply;
}
.ex-intr-menu li figure:hover img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.ex-intr-menu li figure img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.ex-intr-menu figcaption {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  text-align: center;
}
.ex-intr-menu i img {
  width: 15px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.txt-intr-menu {
  width: 90%;
  margin: 0 auto;
  text-align: left;
  margin-top: 20px;
}
.txt-block .txt-intr-menu a {
  color: #ff0100;
  text-decoration: underline;
}
.txt-block .txt-intr-menu a:hover {
  text-decoration: none;
}
.block-info {
  margin-bottom: 40px;
}
.block-info .t-info {
  border: 1px solid;
  max-width: 500px;
  margin: 0 auto 10px;
  padding: 3px;
  color: #ff0100;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}
.timetable {
  text-align: center;
  width: 100%;
  max-width: 630px;
  margin: 0 auto;
  position: relative;
}
.timetable .t_link {
  position: absolute;
  text-align: left;
  line-height: 1.4em;
  letter-spacing: 0.01em;
}
.timetable .t_link a {
  color: #404040;
  font-weight: bold;
  text-align: left;
  font-size: 0.8rem;
}
.timetable .t_link a:hover {
  text-decoration: none;
}
.timetable .t_link01 {
  top: 115px;
  left: 95px;
}
.timetable .t_link02 {
  top: 115px;
  left: 215px;
}
.timetable .t_link03 {
  top: 115px;
  right: 155px;
}
.timetable .t_link04 {
  top: 115px;
  right: 45px;
}
.timetable .t_link05 {
  right: 45px;
  top: 310px;
}
@media screen and (max-width: 768px) {
  .ex-title,
.ex-date {
    padding: 0 5%;
  }
  .ex-intr-menu {
    display: block;
  }
  .ex-intr-menu li {
    width: 100%;
  }
  .ex-intr-b li {
    padding: 0;
  }
  /*.ex-intr-menu li figure:hover {
  background: rgba(36,36,36,0.2); 
  }*/
  .contents__area__exinfo {
    padding: 40px 5%;
  }
  .news__area__ex {
    padding: 40px 5%;
  }
  .txt_red_intr {
    font-size: 18px;
    padding: 0 6%;
    text-align: left;
  }
  .ex-intr-menu li figure img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  .txt-intr-menu {
    margin-bottom: 40px;
  }
  .wrap-ex-time .btn_01 {
    font-size: 0.8rem;
    font-weight: bold;
  }
  .timetable {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
  .timetable img {
    max-width: none;
    width: 160%;
  }
  .timetable .t_link a {
    font-size: 0.7rem;
  }
  .timetable .t_link01 {
    top: 14%;
    left: 19%;
  }
  .timetable .t_link02 {
    top: 14%;
    left: 52%;
  }
  .timetable .t_link03 {
    top: 14%;
    right: -24%;
  }
  .timetable .t_link04 {
    top: 14%;
    right: -55%;
  }
  .timetable .t_link05 {
    top: 40%;
    right: -55%;
  }
}
/* 下層ページ */
.expo-page {
  margin-top: 93px;
}
h4.h_line {
  position: relative;
  display: inline-block;
  padding: 0 55px;
  margin-top: 20px;
  text-align: center;
  margin-bottom: 24px;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  letter-spacing: 0.03em;
}
h4.h_line:before,
h4.h_line:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}
h4.h_line:before {
  left: 0;
}
h4.h_line:after {
  right: 0;
}
h4.hline_red:before,
h4.hline_red:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #ff0100;
}
.expo .title-L {
  font-size: 18px;
}
.ex-tkss {
  padding-top: 30px;
}
.ex-attention li {
  margin-bottom: 20px;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  letter-spacing: 0.03em;
}
.expo-page .ttl-jp {
  /*    color: #ffffff;*/
}
.subtitle-expo {
  text-align: center;
  color: #ff0100;
}
.subtitle-expo h3 {
  font-size: 22px;
  margin-bottom: 0;
  line-height: 1;
}
.subtitle-expo .subttl-jp {
  font-size: 25px;
  font-weight: bold;
}
.expo-page .bx_txt {
  margin-bottom: 40px;
}
.expo-page .t_border {
  border: solid 1px;
  padding: 20px;
  font-weight: bold;
}
.expo-live {
  background-image: url("../images/works/FEexpo/live/bg.png");
  background-size: 50% auto;
  background-position: top right;
  background-repeat: no-repeat;
}
.p-expo-live-setlist li {
  margin-bottom: 16px;
}
.p-expo-live-artist li {
  margin-bottom: 40px;
}
.expo-live li.first_list {
  border-bottom: 3px dashed #ff0100;
  padding-bottom: 50px;
}
.txt-prf {
  max-width: 350px;
  margin: 0 auto;
  letter-spacing: 0.06em;
}
.pa-box .btn_02 a {
  padding: 1em 4em;
}
.pa-box .img_border {
  border-top: solid 2px #fff;
  border-left: solid 2px #fff;
  border-right: solid 2px #fff;
  width: 80%;
  margin: 0 auto;
}
.pa-box .img_border img {
  width: 200px;
  margin: 20px 0;
}
.expo-goods {
  background-image: url("../images/works/FEexpo/goods/bg.png");
  background-size: 50% auto;
  background-position: top right;
  background-repeat: no-repeat;
}
.expo-other {
  background-image: url("../images/works/FEexpo/other/bg.png");
  background-size: 40% auto;
  background-position: top right;
  background-repeat: no-repeat;
}
.notes-expo-goods {
  border: 2px solid #ffffff;
  padding: 10px;
  font-weight: bold;
  background-color: #ff0100;
}
.ex-goods-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 750px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ex-goods-wrap li {
  background-color: #ffffff;
  margin: 0 4px 10px;
  width: 32%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.tag-expo-only {
  position: relative;
  padding-top: 30px;
}
.tag-expo-only:before {
  content: "";
  background-image: url("../images/works/FEexpo/goods/f_expo.png");
  width: 150px;
  height: 36px;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 6px;
  z-index: 1;
}
/*Safari*/
_::-webkit-full-page-media,
_:future,
:root .tag-expo-only:before {
  width: 152px;
}
.ex-goods-wrap figure {
  text-align: center;
}
.outline-ex-goods {
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
}
.price-ex-goods {
  line-height: 1.2;
  margin-top: auto;
  font-size: 16px;
  font-weight: bold;
  padding: 0 10px 10px 0;
}
li.ex-goods-tokuten {
  background-color: #ff0100;
  color: #fff;
  width: 40%;
  margin: 40px auto 0;
}
li.ex-goods-tokuten .outline-ex-goods {
  line-height: 1.8;
}
.outline-ex-tokuten {
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0;
}
a.btn_tokuten {
  outline: none;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
a.btn_tokuten:hover {
  opacity: 0.8;
}
.modal-expo-goods-inner {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  margin-top: 40px;
}
h4.h_line-red {
  position: relative;
  display: inline-block;
  padding: 0 55px;
  margin-top: 20px;
  text-align: center;
  font-size: 18px;
}
h4.h_line-red:before,
h4.h_line-red:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #ff0100;
}
h4.h_line-red:before {
  left: 0;
}
h4.h_line-red:after {
  right: 0;
}
.wrap-description-goods {
  max-width: 750px;
  margin: 0 auto;
  overflow: hidden;
}
.description-goods01 {
  float: left;
  padding: 0 40px 0 0;
  z-index: -1;
}
.description-goods01 li {
  margin-bottom: 20px;
}
.description-goods02 {
  overflow: hidden;
}
.description-goods02 ul li {
  margin: 15px 0 0;
}
.btn-expo-item {
  text-decoration: none;
}
a.btn-expo-item {
  color: #ff0100;
}
a.btn-expo-item:focus,
*:focus {
  outline: none;
}
a.btn-expo-price {
  display: contents;
}
.wrap-interaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 500px;
  margin: 0 auto;
}
.wrap-interaction li {
  width: 50%;
  padding: 5px 5px;
}
.wrap-interaction li:last-child {
  width: 100%;
}
hr.b_expo_white {
  border: none;
  border-top: dashed 3px #ffffff;
  height: 1px;
  color: #ffffff;
  width: 85%;
  margin: 100px auto 40px;
}
@media screen and (max-width: 767px) {
  .expo-page {
    margin-top: 70px;
  }
  h4.h_line {
    padding: 0 35px;
  }
  h4.h_line:before,
h4.h_line:after {
    width: 25px;
  }
  .ex-tkss {
    padding-top: 20px;
  }
  .expo-page .bx_txt {
    padding: 0 5%;
  }
  .expo-live {
    background-size: 100% auto;
  }
  .expo-page .t_border {
    padding: 20px;
    width: 90%;
    margin: 20px auto 0;
  }
  .fig-left-width-ex {
    width: 45%;
  }
  .pa-box .btn_02 a {
    width: 100%;
  }
  .pa-box .img_border {
    width: 100%;
  }
  .expo-goods {
    background-size: 100% auto;
  }
  .expo-interaction {
    background-size: 70% auto;
  }
  .notes-expo-goods {
    margin: 0 5%;
  }
  .ex-goods-wrap li {
    width: 48%;
    margin: 0 0 10px;
  }
  .btn-expo-item:hover {
    background: #ff0100;
  }
  .tag-expo-only:before {
    width: 76px;
    height: 18px;
    left: 0;
    top: 6px;
  }
  _::-webkit-full-page-media,
_:future,
:root .tag-expo-only:before {
    width: 76px;
    height: 18px;
    left: 0;
    top: 6px;
  }
  .tag-expo-only-item:before {
    left: 0;
  }
  .outline-ex-goods {
    font-size: 14px;
  }
  .outline-ex-tokuten {
    line-height: 1.5;
    font-size: 12px;
  }
  .ex-goods-tokuten p {
    font-size: 10px;
  }
  .description-goods01 {
    float: none;
    padding: 0;
  }
  hr.b_expo_white {
    width: 90%;
    margin: 70px auto 0;
  }
}
/* ボタン類 */
.btn_01 {
  position: relative;
  border: 2px solid #ff0100;
  color: #ff0100;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 1;
  width: 80%;
  margin: 0 auto;
  cursor: pointer;
  font-size: 3.2rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.btn_01 a {
  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;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.btn_01 a i {
  background: url("../images/works/FEexpo/bn_icon.svg") center center no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  margin-left: 12px;
  display: block;
}
.btn_01 a:hover i {
  background: url("../images/works/FEexpo/icon-btn.svg") center center no-repeat;
}
.btn_01:hover {
  color: #fff;
}
.btn_01::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background: #ff0100;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.btn_01:hover::before {
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.btn_02 {
  text-align: center;
  margin: 20px auto;
}
.btn_02 a {
  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;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.btn_02 a i {
  background: url("../images/works/FEexpo/icon-btn.svg") center center no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  margin-left: 12px;
  display: block;
}
.btn_02 a:hover i {
  background: url("../images/works/FEexpo/bn_icon.svg") center center no-repeat;
}
.btn_02 a {
  position: relative;
  padding: 0.7em 1em;
  border: 2px solid #ffffff;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 1;
  width: 90%;
  margin: 0 auto;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.txt-block .btn_02 a {
  color: #fff;
}
.btn_02 a:hover {
  color: #ff0100;
}
.btn_02 a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background: #ffffff;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.btn_02 a:hover::before {
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.btn_02:hover .icon-bn_icon::before {
  color: #ff0100;
}
.btn_square {
  margin: 0 auto;
  width: 80%;
}
.btn_square a {
  width: 100%;
}
.btn_red {
  font-size: 1.4rem;
  padding: 5px 0;
  margin-top: 20px;
}
.btn_red a {
  text-decoration: none;
  color: #ff0100;
}
.btn_red a:hover {
  color: #ffffff;
}
/*** アイコン ***/
.icon-bn_icon {
  margin-left: 5px;
  vertical-align: text-top;
}
@media screen and (max-width: 767px) {
  .btn_01 {
    width: 100%;
  }
  .btn_02 {
    width: 100%;
  }
}
/* フッター */
.share-wrap {
  text-align: center;
  padding: 80px 0;
  max-width: 300px;
  margin: 0 auto;
}
.share-wrap h2 {
  color: #ffffff;
}
.sharebtn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 240px;
  margin: 40px auto;
}
.expo footer {
  background-color: #ffffff;
  color: #7d7d7d;
  padding: 70px 0;
}
.expo .footer-inner {
  max-width: 940px;
  margin: 0 auto;
  text-align: center;
}
.foot-logo {
  text-align: center;
}
.expo table.table-tc {
  width: 100%;
}
.expo table.table-tc th,
.expo table.table-tc td {
  border: solid 1px;
}
.expo .table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 60px 0;
}
.expo .table li {
  margin-bottom: 10px;
}
.expo .list-ttl {
  font-weight: bold;
}
.expo .list-item {
  width: 100%;
}
.btn-top {
  background-color: #fff;
  width: 100px;
  height: 100px;
  text-align: center;
  margin: 0 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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.btn_bottom_ex {
  position: fixed;
  bottom: -1px;
  left: -1px;
  z-index: 1;
}
.expo .img_border img {
  border: solid 1px #000000;
}
@media screen and (max-width: 767px) {
  .expo .head_warp {
    background-position: 40% -30px;
  }
  .ex-animation {
    background-size: 140% auto;
    background-position: 100% -20%;
  }
  .ex-title-wrap {
    left: 0;
    bottom: 10%;
  }
  .ex-date img {
    width: 70%;
  }
  .contents__area__ex {
    padding: 40px 0;
  }
  .expo h2 {
    font-size: 2.2rem;
  }
  .ttl-jp {
    font-size: 19px;
  }
  .btn-fe0 img {
    width: 100%;
  }
  .tk-date {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .txt-l {
    font-size: 2.4rem;
  }
  .font-koz {
    font-size: 2.3rem;
  }
  .expo .footer-inner {
    padding: 0 15px;
  }
  .expo .table {
    font-size: 0.7rem;
  }
  .expo footer {
    padding: 70px 0 120px;
  }
}
/* ticket */
.p-expo-ticket-info__table ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.p-expo-ticket-info__ss li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media screen and (min-width: 1025px) {
  .fig-left-width-ex {
    max-width: 240px;
    width: 40%;
  }
}
.fig-left-width-ex + div {
  width: 60%;
}
.p-drama-cast li {
  margin-bottom: 40px;
}
/* Base
----------------------------------------------------*/
/* color */
/*wrap*/
.p-expo2 {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-style: normal;
  color: #00006a;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  letter-spacing: 0.08em;
  /*Font*/
  /*icon*/
  /*button*/
  /*white*/
  /*navy*/
  /*1行*/
  /*2行*/
  /* Header
  ----------------------------------------------------*/
  /* NEWS */
  /* contents
  ----------------------------------------------------*/
  /* 斜めTOP */
  /* 斜め下層 */
  /* NEWS */
  /* video */
  /* 下層ページ
  ----------------------------------------------------*/
  /* about
  ----------------------------------------------------*/
  /* gallery
  ----------------------------------------------------*/
  /* ticket
  ----------------------------------------------------*/
  /* stage
  ----------------------------------------------------*/
  /* attention
  ----------------------------------------------------*/
  /* goods
  ----------------------------------------------------*/
  /* footer
  ----------------------------------------------------*/
}
.p-expo2 .modaal-container {
  background: inherit;
}
.p-expo2 .modaal-fullscreen .modaal-close {
  background: none;
}
.p-expo2 *:focus {
  outline: none;
  border-width: 0;
}
.p-expo2 a img {
  outline: none;
  border-width: 0;
}
.p-expo2 .wrap {
  overflow: hidden;
}
.p-expo2 .tc {
  text-align: center;
}
.p-expo2 .tr {
  text-align: right;
}
.p-expo2 .tl {
  text-align: left;
}
.p-expo2 .mb10 {
  margin-bottom: 10px;
}
.p-expo2 .mb20 {
  margin-bottom: 20px;
}
.p-expo2 .mb30 {
  margin-bottom: 30px;
}
.p-expo2 .mb40 {
  margin-bottom: 40px;
}
.p-expo2 .mb50 {
  margin-bottom: 50px;
}
.p-expo2 .mt10 {
  margin-top: 10px;
}
.p-expo2 .mt20 {
  margin-top: 20px;
}
.p-expo2 .mt30 {
  margin-top: 30px;
}
.p-expo2 .mt40 {
  margin-top: 40px;
}
.p-expo2 .mt50 {
  margin-top: 50px;
}
.p-expo2 .red {
  color: #ff0100 !important;
}
.p-expo2 .navy {
  color: #00006a;
}
.p-expo2 .gray {
  color: #404040;
}
.p-expo2 .white {
  color: #ffffff;
}
.p-expo2 .orange {
  color: #ffc036;
}
.p-expo2 .blue {
  color: #5ca6e1;
}
.p-expo2 .f_en {
  font-family: prohibition, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.p-expo2 h2 {
  color: #ffffff;
  font-family: prohibition, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 7rem;
}
.p-expo2 h3 {
  color: #ff0100;
  font-family: prohibition, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 4.9rem;
  margin: 0;
}
.p-expo2 h4 {
  color: #00006a;
  font-family: prohibition, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 4.2rem;
  line-height: 1.5238095238;
  letter-spacing: 0.05em;
}
.p-expo2 h5 {
  text-align: center;
  font-size: 1.6rem;
}
.p-expo2 .txt-box {
  font-size: 1.4rem;
}
.p-expo2 a {
  text-decoration: none;
}
.p-expo2 a.b_link {
  text-decoration: underline;
}
.p-expo2 a.b_link:hover {
  text-decoration: none;
}
.p-expo2 .bold {
  font-weight: bold;
}
.p-expo2 .h_navy {
  background-color: #00006a;
  color: #ffffff;
  font-weight: bold;
  border-left: solid 5px #ff0100;
  letter-spacing: 0.05em;
  display: inline-block;
  padding: 0.1em 0.5em;
}
.p-expo2 .h_navy span {
  font-size: 0.85rem;
}
.p-expo2 .note__red {
  color: #ff0100;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 40px;
}
.p-expo2 .sp {
  display: block;
}
.p-expo2 .pc {
  display: none;
}
@media only screen and (max-width: 1199px) and (min-width: 640px) {
  .p-expo2 h3 {
    font-size: 4.5rem;
  }
}
.p-expo2 span.icon {
  display: inline;
}
.p-expo2 svg.icon-navy {
  fill: #00006a;
}
.p-expo2 svg.icon-red {
  fill: #ff0100;
}
.p-expo2 svg.icon-white {
  fill: #ffffff;
}
.p-expo2 a.button {
  display: inline-block;
  position: relative;
  padding: 10px 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-weight: bold;
}
.p-expo2 a.button .btn-icon {
  padding: 10px 5px 10px 10px;
}
.p-expo2 a.button .icon {
  padding-right: 10px;
}
.p-expo2 a.button .icon svg {
  width: 15px;
  height: 22px;
}
.p-expo2 a.button .caption {
  border-left: 1px solid;
  padding: 0 50px;
}
.p-expo2 a.button ::before {
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.p-expo2 a.button:hover ::before {
  left: 0;
}
.p-expo2 .button-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-expo2 a.button-white {
  border: 2px solid #00006a;
  color: #00006a;
}
.p-expo2 a.button-white ::before {
  background-color: #00006a;
}
.p-expo2 a.button-white:hover {
  color: #ffffff;
}
.p-expo2 a.button-white:hover .icon-navy {
  fill: #ffffff;
}
.p-expo2 a.button-navy {
  border: 2px solid #00006a;
  color: #00006a;
  background-color: #ffffff;
  background-size: 200% 100%;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgb(0, 0, 106)));
  background-image: linear-gradient(to right, transparent 50%, rgb(0, 0, 106) 50%);
  -webkit-transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease;
  transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease;
  max-width: 330px;
}
.p-expo2 a.button-navy ::before {
  background-color: #ffffff;
}
.p-expo2 a.button-navy:hover {
  color: #ffffff;
  background-color: #00006a;
  background-position: -100% 100%;
}
.p-expo2 a.button-navy:hover .icon-navy {
  fill: #ffffff;
}
.p-expo2 a.button01 .caption {
  border-left: 1px solid;
  padding: 10px 70px;
  margin: auto;
}
.p-expo2 a.button02 {
  text-align: center;
}
.p-expo2 a.button02 .caption {
  border-left: 1px solid;
  padding: 0;
}
.p-expo2 .invalid {
  pointer-events: none;
  opacity: 0.5;
}
.p-expo2 section.pagetop-section.comingsoon {
  padding: 60px 0;
}
@media screen and (min-width: 769px) {
  .p-expo2 .container {
    margin-top: 90px;
  }
}
@media screen and (max-width: 768px) {
  .p-expo2 {
    /*1行*/
    /*2行*/
  }
  .p-expo2 a.button {
    width: 100%;
  }
  .p-expo2 a.button01 .caption {
    width: 100%;
    padding: 10px 50px;
  }
  .p-expo2 a.button02 .caption {
    padding-left: 20px;
  }
  .p-expo2 .sp {
    display: none;
  }
  .p-expo2 .pc {
    display: block;
  }
  .p-expo2 .scroll {
    overflow-x: scroll;
  }
}
.p-expo2 .globalnav {
  background-color: #ff0100;
  text-align: center;
  width: 100%;
  position: fixed;
  top: 0;
}
.p-expo2 .globalnav ul li a {
  color: #ffffff;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.p-expo2 .globalnav .en {
  font-family: prohibition, sans-serif;
  font-weight: 400;
  font-style: normal;
  display: block;
}
@media screen and (min-width: 769px) {
  .p-expo2 .logo-sp {
    display: none;
  }
  .p-expo2 nav.globalnav {
    border-bottom: 5px solid rgba(0, 0, 106, 0.6);
    z-index: 5;
  }
  .p-expo2 nav.globalnav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .p-expo2 nav.globalnav ul li {
    width: 100%;
    border-right: 1px solid;
  }
  .p-expo2 nav.globalnav ul li a {
    padding: 15px 0;
    height: 100%;
  }
  .p-expo2 nav.globalnav ul li a:hover {
    background-color: rgba(0, 0, 106, 0.5);
  }
  .p-expo2 nav.globalnav ul li:first-child {
    border-left: 1px solid;
  }
  .p-expo2 nav.globalnav ul li:first-child a:hover {
    background-color: #ff0100;
  }
  .p-expo2 nav.globalnav ul li.crt a {
    background-color: rgba(0, 0, 106, 0.5);
  }
  .p-expo2 nav.globalnav ul li.attention .en {
    font-size: 2.5rem;
  }
  .p-expo2 nav.globalnav li.logo-expo {
    width: 100%;
  }
  .p-expo2 nav.globalnav li.logo-expo a {
    padding-top: 25px;
  }
  .p-expo2 nav.globalnav li.logo-expo img {
    max-width: 140px;
  }
  .p-expo2 nav.globalnav .note {
    display: none;
  }
  .p-expo2 nav.globalnav .en {
    font-size: 3.2rem;
    line-height: 1.25;
    letter-spacing: 0.03em;
  }
  .p-expo2 .toggle {
    display: none;
  }
  .p-expo2 .nav-note-pc {
    display: block;
    font-size: 0.8rem;
    background-color: rgba(0, 0, 106, 0.6);
    color: #ffffff;
    position: absolute;
    top: -2px;
    left: 48%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 2px 8px;
    width: 20%;
    max-width: 250px;
  }
  .p-expo2 .news {
    margin-top: 95px;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 769px) {
  .p-expo2 nav.globalnav ul {
    max-width: 1200px;
  }
  .p-expo2 nav.globalnav ul li {
    width: 100%;
  }
  .p-expo2 nav.globalnav ul li.attention .en {
    font-size: 2.2rem;
  }
  .p-expo2 nav.globalnav .en {
    font-size: 2.4rem;
  }
  .p-expo2 .nav-note-pc {
    font-size: 0.8rem;
    width: 25%;
    left: 44.5%;
  }
}
@media screen and (max-width: 768px) {
  .p-expo2 .logo-sp {
    display: block;
    position: fixed;
    top: 20px;
    max-width: 160px;
    width: 100%;
    left: 4%;
    z-index: 4;
  }
  .p-expo2 .logo-sp::after {
    content: "";
    background-color: #ff0100;
    z-index: -1;
    -webkit-transform: skewY(-10deg) translateX(-100%);
    transform: skewY(-7deg) translateX(-100%);
    -webkit-transition: 0.2s all ease-in;
    transition: 0.2s all ease-in;
    display: block;
    height: 75px;
    position: relative;
    top: -57px;
    width: 200px;
    text-align: center;
    left: -29px;
  }
  .p-expo2 .logo-sp.is-active::after {
    -webkit-transform: skewY(-10deg) translateX(0);
    transform: skewY(-10deg) translateX(0);
  }
  .p-expo2 nav.globalnav {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-300%);
    transform: translateY(-300%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    height: 100%;
  }
  .p-expo2 nav.globalnav ul {
    display: block;
  }
  .p-expo2 nav.globalnav ul li {
    border-bottom: 0.5px solid;
    padding: 5px 0 15px;
  }
  .p-expo2 nav.globalnav li.logo-expo {
    margin-top: 60px;
  }
  .p-expo2 nav.globalnav li.logo-expo img {
    width: 50%;
    margin: 0 auto;
  }
  .p-expo2 nav.globalnav li.attention .en {
    font-size: 2.7rem;
  }
  .p-expo2 nav.globalnav .en {
    font-size: 3.5rem;
    margin-bottom: -10px;
  }
  .p-expo2 nav.globalnav .note {
    color: rgba(0, 0, 106, 0.5);
    display: block;
    font-size: 1rem;
  }
  .p-expo2 nav.globalnav.active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 4;
    overflow: scroll;
    padding-bottom: 10px;
  }
  .p-expo2 .toggle {
    display: block;
    width: 65px;
    position: fixed; /* bodyに対しての絶対位置指定 */
    right: 13px;
    top: -10px;
    cursor: pointer;
    z-index: 1;
  }
  .p-expo2 .toggle.active {
    background-image: url("../images/works/FEexpo2/btn-cloce.svg");
    background-repeat: no-repeat;
    width: 70px;
    height: 100px;
    z-index: 5;
  }
  .p-expo2 .toggle.active img {
    display: none;
  }
  .p-expo2 .nav-note-pc {
    display: none;
  }
}
.p-expo2 .news .t_news {
  font-size: 2rem;
  color: #ff0100;
}
.p-expo2 .news .news-date {
  font-weight: bold;
  font-size: 1.3rem;
}
.p-expo2 .news .news-info {
  font-size: 1.5rem;
  font-weight: bold;
}
.p-expo2 .news .btn-more {
  margin-left: auto;
}
.p-expo2 .news .btn-more a {
  color: #00006a;
  border: 1px solid;
  border-radius: 15px;
  font-weight: bold;
  padding: 5px 15px;
  text-align: right;
}
.p-expo2 .news.d-pc {
  display: block;
}
.p-expo2 .news-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 10px 15px 5px;
}
.p-expo2 .top-nav-sub-sp {
  display: none;
}
@media screen and (min-width: 769px) {
  .p-expo2 .news.d-sp {
    display: none;
  }
  .p-expo2 .news .t_news {
    margin-right: 20px;
  }
  .p-expo2 .news .news-date {
    margin-right: 20px;
  }
  .p-expo2 .news .btn-more a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .p-expo2 .news .btn-more a:hover {
    background-color: #00006a;
    color: #ffffff;
    border: 1px solid #00006a;
  }
  .p-expo2 div.news-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .p-expo2 ul.top-nav-sub {
    display: none;
  }
  .p-expo2 ul.top-nav-sub-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .p-expo2 ul.top-nav-sub-sp li {
    width: 50%;
    text-align: center;
    border-bottom: solid 1px #ff0100;
    padding: 0 0 10px;
  }
  .p-expo2 ul.top-nav-sub-sp li:first-child {
    border-top: solid 1px #ff0100;
  }
  .p-expo2 ul.top-nav-sub-sp li:nth-child(2) {
    border-top: solid 1px #ff0100;
  }
  .p-expo2 ul.top-nav-sub-sp li:nth-child(odd) {
    border-right: solid 1px #ff0100;
  }
  .p-expo2 ul.top-nav-sub-sp li a {
    color: #ff0100;
    display: block;
  }
  .p-expo2 ul.top-nav-sub-sp li .en {
    font-family: prohibition, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 3rem;
    margin-bottom: -10px;
  }
  .p-expo2 .news.d-sp {
    display: block;
    position: relative;
  }
  .p-expo2 .news.d-pc {
    display: none;
  }
  .p-expo2 .no-scroll {
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
  }
  .p-expo2 .no-scroll body {
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
}
@media screen and (min-width: 1700px) {
  .p-expo2 main.mainvisual .visual-item {
    left: 10% !important;
    width: 80%;
  }
}
.p-expo2 main.mainvisual {
  display: block;
  background-color: #ff0100;
  position: relative;
  min-height: 1200px;
}
.p-expo2 main.mainvisual .visual-item {
  background-repeat: no-repeat;
  background-position: center top 20%;
  background-size: cover;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.p-expo2 main.mainvisual .visual04 {
  background-image: url("../images/works/FEexpo2/mainvisual04.png");
}
.p-expo2 main.mainvisual .visual03 {
  background-image: url("../images/works/FEexpo2/mainvisual03.png");
}
.p-expo2 main.mainvisual .visual02 {
  background-image: url("../images/works/FEexpo2/mainvisual02.png");
}
.p-expo2 main.mainvisual .visual01 {
  background-image: url("../images/works/FEexpo2/mainvisual01.png");
}
.p-expo2 .top-title {
  max-width: 500px;
  margin: 0 auto;
}
.p-expo2 .top-title .date {
  max-width: 300px;
  margin: 20px auto 0;
}
.p-expo2 .top-title .top-title-bn {
  position: absolute;
  bottom: 5%;
}
.p-expo2 .top-title .top-title-btn {
  text-align: center;
  position: relative;
  margin-top: 30px;
}
.p-expo2 ul.top-nav-sub {
  position: relative;
  padding-right: 10%;
}
.p-expo2 ul.top-nav-sub li {
  border: 1px solid #ffffff;
  display: block;
  max-width: 200px;
  text-align: center;
  margin: 10px 0 0 auto;
}
.p-expo2 ul.top-nav-sub li a {
  color: #ffffff;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  padding: 10px;
  display: block;
}
.p-expo2 ul.top-nav-sub li .en {
  font-family: prohibition, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.5rem;
  line-height: 1;
}
.p-expo2 ul.top-nav-sub li.attention .en {
  font-size: 2.5rem;
}
.p-expo2 .daihon p {
  margin-top: 30px;
  font-weight: bold;
}
.p-expo2 .daihon .line-red-wrap {
  height: 370px;
}
.p-expo2 .daihon .line-red-wrap .layer-red {
  height: 30%;
}
.p-expo2 .daihon .line-red-wrap .line-inner {
  padding-top: 40px;
}
.p-expo2 .btn_daihon {
  margin-left: 10%;
  margin-bottom: 20px;
}
.p-expo2 .btn_daihon03 {
  margin-bottom: 80px;
}
.p-expo2 .top-intrduction {
  max-width: 680px;
}
.p-expo2 .line-red-wrap {
  position: relative;
  overflow: hidden;
  height: 300px;
}
.p-expo2 .line-red-wrap .line-width {
  padding-top: 20px;
}
.p-expo2 .line-red-wrap .layer-red {
  display: block;
  content: "";
  position: absolute;
  top: 85px;
  max-width: 590px;
  height: 50%;
  width: 100%;
}
.p-expo2 .line-red-wrap .layer-red {
  left: 0;
  background-color: #ff0100;
  z-index: 2;
  -webkit-transform: skewY(-10deg) translateX(-100%);
  transform: skewY(-10deg) translateX(-100%);
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in;
}
.p-expo2 .line-red-wrap .line-inner {
  position: relative;
  z-index: 3;
  left: 10%;
}
.p-expo2 .line-red-wrap .layer-red.is-active {
  -webkit-transform: skewY(-10deg);
  transform: skewY(-10deg);
}
.p-expo2 .line-page-red-wrap {
  position: relative;
  overflow: hidden;
  height: 200px;
}
.p-expo2 .line-page-red-wrap .line-width {
  padding-top: 20px;
}
.p-expo2 .line-page-red-wrap .conts_title.single {
  margin-top: 70px;
}
.p-expo2 .line-page-red-wrap .layer-red {
  display: block;
  content: "";
  position: absolute;
  top: 41px;
  max-width: 400px;
  height: 50%;
  width: 100%;
}
.p-expo2 .line-page-red-wrap .layer-red {
  left: 0;
  background-color: #ff0100;
  z-index: 2;
  -webkit-transform: skewY(-10deg) translateX(-100%);
  transform: skewY(-10deg) translateX(-100%);
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in;
}
.p-expo2 .line-page-red-wrap .line-inner {
  position: relative;
  z-index: 3;
  left: 3%;
}
.p-expo2 .line-page-red-wrap .layer-red.is-active {
  -webkit-transform: skewY(-10deg);
  transform: skewY(-10deg);
}
.p-expo2 .line-page-navy-wrap {
  position: relative;
  overflow: hidden;
  height: 200px;
  bottom: -120px;
}
.p-expo2 .line-page-navy-wrap .line-width {
  padding-top: 20px;
}
.p-expo2 .line-page-navy-wrap .conts_title {
  margin-top: 70px;
}
.p-expo2 .line-page-navy-wrap .layer-navy {
  display: block;
  content: "";
  position: absolute;
  top: 41px;
  max-width: 400px;
  height: 50%;
  width: 100%;
}
.p-expo2 .line-page-navy-wrap .layer-navy {
  left: 0;
  background-color: #00006a;
  z-index: 2;
  -webkit-transform: skewY(-10deg) translateX(-100%);
  transform: skewY(-10deg) translateX(-100%);
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in;
}
.p-expo2 .line-page-navy-wrap .line-inner {
  position: relative;
  z-index: 3;
  left: 3%;
}
.p-expo2 .line-page-navy-wrap .layer-navy.is-active {
  -webkit-transform: skewY(-10deg);
  transform: skewY(-10deg);
}
@media screen and (max-width: 768px) {
  .p-expo2 .line-page-navy-wrap .layer-navy {
    width: 90%;
  }
  .p-expo2 .btn_daihon {
    width: 90%;
    margin: 0 auto 20px;
  }
  .p-expo2 .daihon .line-red-wrap {
    height: 610px;
  }
  .p-expo2 .daihon .line-red-wrap .layer-red {
    top: 65px;
    height: 15%;
  }
}
.p-expo2 .bg-red {
  background-color: #ff0100;
}
.p-expo2 .bg-navy {
  background-color: #00006a;
}
.p-expo2 ul.top-topic-wrap li .img-wrap {
  position: relative;
}
.p-expo2 ul.top-topic-wrap li .bg-navy {
  position: absolute;
}
.p-expo2 ul.top-topic-wrap li .bg-red {
  position: absolute;
}
.p-expo2 ul.top-topic-wrap .title {
  color: #ff0100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: -23px;
}
.p-expo2 ul.top-topic-wrap .title h3 {
  margin-right: 10px;
}
.p-expo2 li.top-topic-about .bg-navy {
  max-width: 330px;
  height: 210px;
  width: 100%;
  margin: -180px 0px 0 -30px;
  z-index: -1;
}
.p-expo2 li.top-topic-about .btn-top-topic {
  margin-top: 56px;
}
.p-expo2 li.top-topic-gallery .img-wrap .img02 {
  position: absolute;
  top: 153px;
  right: -50px;
  width: 50%;
}
.p-expo2 li.top-topic-gallery .bg-red {
  max-width: 330px;
  height: 210px;
  width: 100%;
  bottom: -30px;
  right: -20px;
  z-index: -1;
}
.p-expo2 li.top-topic-stage .img-wrap .img02 {
  position: absolute;
  top: 110px;
  right: -30px;
  width: 40%;
}
.p-expo2 li.top-topic-stage .bg-red {
  max-width: 250px;
  height: 40px;
  width: 100%;
  margin: -10px 0 0 55px;
  z-index: -1;
}
.p-expo2 li.top-topic-goods .img-wrap .img02 {
  position: absolute;
  top: 140px;
  right: -30px;
  width: 40%;
}
.p-expo2 li.top-topic-goods .bg-red {
  max-width: 250px;
  height: 191px;
  width: 100%;
  margin: -175px 0 0 -20px;
  z-index: -1;
}
.p-expo2 li.top-topic-goods .btn-top-topic {
  margin-top: 43px;
}
.p-expo2 .btn-top-topic {
  margin-top: 70px;
  text-align: center;
}
.p-expo2 .page-about .modaal-close {
  position: absolute;
  background-color: rgba(255, 1, 1, 0);
  background-image: url(../images/works/FEexpo2/about/btn_close.svg);
  width: 30px;
  height: 30px;
  right: 10px;
  top: 10px;
}
@media screen and (min-width: 769px) {
  .p-expo2 {
    /*.top-contents {
          width: 90%;
      }*/
  }
  .p-expo2 .top-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 85%;
    margin: 0 auto 100px;
    max-width: 1350px;
  }
  .p-expo2 ul.top-topic-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -50px;
  }
  .p-expo2 ul.top-topic-wrap li {
    width: 42%;
    margin: 0 auto 30px;
  }
  .p-expo2 .top-topic {
    width: 75%;
  }
  .p-expo2 li.top-topic-about .bg-navy {
    max-width: 330px;
    height: 210px;
    width: 100%;
    margin: -180px 0px 0 -30px;
    z-index: -1;
  }
  .p-expo2 li.top-topic-gallery .img-wrap .img02 {
    position: absolute;
    top: 170px;
    right: -50px;
    width: 55%;
  }
  .p-expo2 li.top-topic-gallery .bg-red {
    max-width: 330px;
    height: 210px;
    width: 100%;
    bottom: -40px;
    right: -20px;
    z-index: -1;
  }
  .p-expo2 li.top-topic-stage .img-wrap .img02 {
    position: absolute;
    top: 140px;
    right: -30px;
    width: 40%;
  }
  .p-expo2 li.top-topic-stage .bg-red {
    max-width: 250px;
    height: 40px;
    width: 100%;
    margin: -10px 0 0 55px;
    z-index: -1;
  }
  .p-expo2 li.top-topic-goods .img-wrap .img02 {
    position: absolute;
    top: 140px;
    right: -30px;
    width: 40%;
  }
  .p-expo2 li.top-topic-goods .bg-red {
    max-width: 250px;
    height: 191px;
    width: 100%;
    margin: -175px 0 0 -20px;
    z-index: -1;
  }
  .p-expo2 aside.news-side {
    width: 25%;
    padding-left: 60px;
    position: relative;
    top: -340px;
    z-index: 3;
  }
  .p-expo2 aside.news-side::before {
    content: "";
    height: 100%;
    width: 3px;
    border-left: 1px solid rgba(0, 0, 106, 0.1);
    position: absolute;
    left: 40px;
    top: 80px;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 769px) {
  .p-expo2 .news-inner {
    padding: 5px 15px 5px;
  }
  .p-expo2 ul.top-nav-sub li {
    max-width: 160px;
  }
  .p-expo2 ul.top-nav-sub li .en {
    font-size: 3rem;
  }
  .p-expo2 .top-intrduction {
    max-width: 560px;
  }
  .p-expo2 .line-red-wrap .line-inner {
    left: 2%;
  }
  .p-expo2 a.button01 {
    width: 100%;
  }
  .p-expo2 a.button01 .caption {
    width: 100%;
  }
  .p-expo2 ul.top-topic-wrap .title h3 {
    font-size: 4rem;
  }
  .p-expo2 ul.top-topic-wrap .title div {
    font-size: 1rem;
  }
  .p-expo2 ul.top-topic-wrap li {
    width: 45%;
  }
  .p-expo2 li.top-topic-gallery .img-wrap .img02 {
    top: 110px;
  }
  .p-expo2 li.top-topic-stage .img-wrap .img02 {
    top: 100px;
  }
}
@media screen and (max-width: 768px) {
  .p-expo2 main.mainvisual {
    padding: 70px 0;
    min-height: 710px;
    height: 710px;
  }
  .p-expo2 main.mainvisual .visual-item {
    background-position: left 40% top;
    background-size: cover;
    height: 70%;
    position: absolute;
    left: 0;
    right: 0;
    top: 20%;
  }
  .p-expo2 .top-title {
    margin-top: 20px;
  }
  .p-expo2 .top-title .top-title-txt {
    width: 75%;
    margin: 0 auto 0;
  }
  .p-expo2 .top-title .top-title-bn {
    width: 90%;
    margin: auto;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 17%;
  }
  .p-expo2 .top-title .date {
    position: absolute;
    width: 100%;
    bottom: 50px;
    margin: auto;
    left: 0;
    right: 0;
  }
  .p-expo2 .top-title .top-title-btn {
    width: 80%;
    margin: 20px auto 0;
  }
  .p-expo2 .news .t_news {
    color: #00006a;
    font-size: 3rem;
  }
  .p-expo2 .news .btn-more {
    margin-top: 20px;
  }
  .p-expo2 .news-inner {
    margin-top: -40px;
  }
  .p-expo2 .news.pc {
    display: none;
  }
  .p-expo2 .line-red-wrap .line-inner {
    left: 5%;
    width: 90%;
    right: 0;
  }
  .p-expo2 .line-red-wrap {
    height: 290px;
  }
  .p-expo2 .line-red-wrap .layer-red {
    height: 30%;
    top: 45px;
  }
  .p-expo2 .line-red-wrap .line-width {
    padding-top: 60px;
  }
  .p-expo2 .top-topic-wrap {
    padding: 0 5%;
  }
  .p-expo2 .top-topic-item {
    margin-bottom: 40px;
  }
}
.p-expo2 aside.news-side .t_news {
  font-size: 4.5rem;
}
.p-expo2 aside.news-side .news-date {
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.p-expo2 aside.news-side .news-info a {
  color: #00006a;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.p-expo2 aside.news-side .news-info a:hover {
  opacity: 0.7;
}
.p-expo2 aside.news-side ul li {
  margin-bottom: 30px;
}
.p-expo2 .top-topic-movie {
  text-align: center;
  max-width: 700px;
  padding: 10px;
  background-color: #ff0100;
}
@media screen and (max-width: 1024px) {
  .p-expo2 .top-topic-movie video {
    width: 100%;
  }
}
.p-expo2 section.pagetop-section {
  max-width: 700px;
  margin: 50px auto 0;
}
.p-expo2 section.pagetop-section p {
  font-size: 1.4rem;
  font-weight: bold;
}
.p-expo2 section.section {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
  padding: 20px 0;
}
.p-expo2 .section-inner {
  max-width: 1000px;
  margin: 0 auto;
}
.p-expo2 .conts_title {
  margin-top: 20px;
}
.p-expo2 .conts_title .jp img {
  height: 25px;
}
.p-expo2 .conts_box {
  margin-bottom: 40px;
}
.p-expo2 .box-col01 {
  border: 1px solid;
  padding: 40px 0;
}
.p-expo2 ul.box-col02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.p-expo2 .note .title {
  color: #ff0100;
  font-size: 1.5rem;
  font-weight: bold;
}
.p-expo2 .head-img {
  background-color: #ff0100;
  background-repeat: no-repeat;
  background-position: right center;
  padding: 100px 0;
}
.p-expo2 .head-img .jp {
  color: #ffffff;
  font-size: 1.8rem;
  line-height: 1.7777777778;
  letter-spacing: 0.05em;
}
.p-expo2 .head-img-inner {
  max-width: 900px;
  margin: 0 auto;
}
.p-expo2 .head-img-inner article {
  max-width: 360px;
  text-align: center;
}
.p-expo2 .head-img-inner article .txt_page {
  margin: 30px auto 0;
}
.p-expo2 .ticket .txt_page {
  color: #ffffff;
  border: 2px solid;
  padding: 10px 0;
}
.p-expo2 .ticket .txt_page h5 {
  margin-bottom: 10px;
}
.p-expo2 .head-img.about {
  background-image: url("../images/works/FEexpo2/about/head_img.png");
  background-position: right top 30%;
}
.p-expo2 .head-img.gallery {
  background-image: url("../images/works/FEexpo2/gallery/head_img.png");
  background-position: right top 25%;
}
.p-expo2 .head-img.ticket {
  background-image: url("../images/works/FEexpo2/ticket/head_img.png");
  background-position: right top 30%;
}
.p-expo2 .head-img.stage {
  background-image: url("../images/works/FEexpo2/stage/head_img.png");
  background-position: right top 53%;
}
.p-expo2 .head-img.attention {
  background-image: url("../images/works/FEexpo2/attention/head_img.png");
  background-position: right top 40%;
}
.p-expo2 .head-img.goods {
  background-image: url("../images/works/FEexpo2/goods/head_img.png");
  background-position: right top 40%;
}
.p-expo2 .item-chara {
  max-width: 500px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-expo2 .head-img {
    background-size: 160%;
    background-position: right 10% center;
    padding: 150px 0 50px;
  }
  .p-expo2 .head-img .en {
    font-size: 5rem;
    margin-bottom: -20px;
  }
  .p-expo2 .head-img .jp {
    font-size: 1.5rem;
  }
  .p-expo2 .head-img.gallery {
    background-position: right 20% top 20%;
    background-size: 200%;
  }
  .p-expo2 .head-img.ticket {
    background-size: 200%;
    background-position: right 15% top 40%;
  }
  .p-expo2 .head-img.attention {
    background-position: right 10% top 40%;
  }
  .p-expo2 .head-img.stage {
    background-position: right 15% top;
    background-size: 200%;
  }
  .p-expo2 .head-img.goods {
    background-position: right 15% top 40%;
    background-size: 180%;
  }
  .p-expo2 .head-img-inner article {
    margin: 0 auto;
  }
  .p-expo2 .head-img-inner article .txt_page {
    margin-top: 70px;
    width: 90%;
  }
  .p-expo2 .head-img-inner article .h_page {
    margin-top: 40px;
  }
  .p-expo2 section.pagetop-section {
    padding: 0 5%;
  }
}
.p-expo2 .parallax-wrap {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}
.p-expo2 .parallax-about {
  max-width: 900px;
  margin: 0 auto;
}
.p-expo2 .parallax-about .inner {
  position: relative;
  z-index: -5;
  max-width: 900px;
}
.p-expo2 .parallax01 {
  right: 0%;
  position: absolute;
  top: 400px;
  max-width: 300px;
  height: auto;
  z-index: -1;
}
.p-expo2 .parallax02 {
  position: absolute;
  left: 3%;
  max-width: 490px;
  height: auto;
  z-index: -1;
  top: 300px;
}
.p-expo2 .parallax03 {
  position: absolute;
  right: 2%;
  top: 100px;
  max-width: 500px;
  height: auto;
  z-index: -2;
  top: 200px;
}
.p-expo2 .bg_comment {
  background-color: #ffffff;
}
.p-expo2 .bg_comment .name {
  text-align: center;
  padding-top: 50px;
  color: #00006a;
  font-weight: bold;
  font-size: 1.5rem;
}
.p-expo2 .bg_comment p {
  max-width: 500px;
  margin: auto;
  padding: 30px 20px;
  color: #00006a;
}
.p-expo2 .page-about .modaal-content-container {
  padding: 0;
}
.p-expo2 .video-comment {
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .p-expo2 .parallax01 {
    right: 0%;
    top: 400px;
    width: 30%;
    z-index: -1;
    padding-top: 0;
    margin-top: -160px;
  }
  .p-expo2 .parallax02 {
    left: 3%;
    top: 300px;
    width: 49%;
    z-index: -1;
    margin-top: -140px;
  }
  .p-expo2 .parallax03 {
    right: 2%;
    top: 160px;
    width: 60%;
    z-index: -2;
  }
  .p-expo2 .video-comment {
    padding: 10px;
  }
}
.p-expo2 .conts_venue .box-col01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-expo2 .conts_venue .box-col01 div {
  width: 30%;
  text-align: center;
}
.p-expo2 .conts_venue .box-col01 p {
  width: 70%;
}
.p-expo2 .conts_cast .box-col02 li {
  border: 1px solid;
  width: 48%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.p-expo2 .conts_cast .box-col02 li a {
  color: #00006a;
  -webkit-text-decoration-color: #ff0100;
  text-decoration-color: #ff0100;
}
.p-expo2 .conts_cast .box-col02 li .date {
  padding: 20px 0;
}
.p-expo2 .conts_cast .box-col02 li .date img {
  width: 70px;
  text-align: center;
}
.p-expo2 .conts_cast .box-col02 li .date55 {
  background-color: rgba(255, 192, 54, 0.3);
}
.p-expo2 .conts_cast .box-col02 li .date56 {
  background-color: rgba(92, 166, 225, 0.3);
}
.p-expo2 .conts_cast .box-col02 li .cast {
  padding: 20px;
}
.p-expo2 .timetable {
  max-width: 800px;
  margin: 0 auto;
}
.p-expo2 .timetable .item {
  margin-bottom: 20px;
}
.p-expo2 span.square-gr::before {
  content: "";
  max-width: 40px;
  width: 100%;
  background-color: rgba(189, 229, 206, 0.8);
  display: inline-block;
  height: 15px;
  vertical-align: middle;
}
.p-expo2 .conts_bring .box-col02 li {
  border: 1px solid;
  width: 48%;
  margin-bottom: 20px;
  padding: 20px;
}
.p-expo2 .conts_bring .txt-box {
  font-weight: bold;
  color: #ff0100;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-expo2 .conts_venue .box-col01 {
    display: block;
    padding: 40px;
  }
  .p-expo2 .conts_venue .box-col01 div {
    width: 100%;
    text-align: center;
  }
  .p-expo2 .conts_venue .box-col01 p {
    width: 100%;
  }
  .p-expo2 .conts_bring .box-col02 li {
    padding: 15px;
  }
  .p-expo2 .conts_cast .box-col02 {
    display: block;
  }
  .p-expo2 .conts_cast .box-col02 li {
    width: 100%;
  }
  .p-expo2 .conts_cast .box-col02 li:first-child {
    margin-bottom: 20px;
  }
}
.p-expo2 .gallery_title04 img {
  height: 135px;
}
.p-expo2 .gallery_title03 {
  padding-top: 35px;
}
.p-expo2 .gallery_title03 img {
  height: 100px;
}
.p-expo2 .gallery_title02 {
  padding-top: 70px;
}
.p-expo2 .gallery_title02 img {
  height: 62px;
}
.p-expo2 .conts_gallery_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-expo2 .conts_gallery_wrap figure {
  max-width: 370px;
  margin: 60px 0 0 -20px;
  z-index: 2;
}
.p-expo2 .conts_gallery {
  max-width: 400px;
}
.p-expo2 .conts_gallery .txt-box {
  margin: -20px 0 20px;
}
.p-expo2 .conts_gallery .item_block {
  padding: 0 45px;
}
.p-expo2 .conts_gallery .item_block .button {
  width: 100%;
}
.p-expo2 .conts_campaign {
  max-width: 750px;
  margin: 0 auto;
}
.p-expo2 .conts_campaign .h_navy {
  padding-right: 50px;
}
.p-expo2 .conts_campaign figure {
  text-align: center;
  margin: 20px auto 40px;
  max-width: 650px;
}
.p-expo2 .conts_campaign .box-col01 p {
  width: 80%;
  margin: 0 auto;
}
.p-expo2 .conts_campaign .t_pickup {
  max-width: 500px;
  margin: 40px auto 10px;
}
@media screen and (max-width: 768px) {
  .p-expo2 .conts_gallery_wrap {
    display: block;
  }
  .p-expo2 .conts_gallery_wrap .item_block {
    padding: 0;
  }
  .p-expo2 .conts_gallery_wrap figure {
    margin: 0 auto;
  }
}
.p-expo2 .ticket-seat .box-col03 li {
  width: auto;
}
.p-expo2 .ticket-seat li.list-ticket-seat {
  padding: 40px 20px 20px;
  width: 32%;
}
.p-expo2 .ticket-seat li.list-ticket-seat .date img {
  width: 70px;
  text-align: center;
}
.p-expo2 .ticket-seat li.list-ticket-seat .stage {
  border: 1px solid;
  border-radius: 4px;
  max-width: 100px;
  text-align: center;
  padding: 3px 0;
  margin: 20px auto 10px;
  font-weight: bold;
  font-size: 1.4rem;
}
.p-expo2 .ticket-seat li.list-ticket-seat .list-ticket-seat-top {
  min-height: 310px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.p-expo2 .ticket-seat li.list-ticket-seat .list-ticket-seat-top a.button01 {
  width: 100%;
  display: block;
}
.p-expo2 .ticket-seat li.list-ticket-seat .list-ticket-seat-top .btn-top-topic {
  margin: auto 0 10px;
  background-color: #ffffff;
  z-index: 0;
}
.p-expo2 .ticket-seat li.ticket-seat-55 {
  background-color: rgba(255, 192, 54, 0.3);
}
.p-expo2 .ticket-seat li.ticket-seat-night {
  background-color: rgba(92, 166, 225, 0.3);
}
.p-expo2 .ticket-seat li.ticket-seat-noon {
  background-color: rgba(92, 166, 225, 0.3);
}
.p-expo2 .ticket-seat .seat {
  background-color: #ffffff;
  margin-bottom: 10px;
  border-top: 3px solid;
  padding: 10px;
}
.p-expo2 .ticket-seat .seat ul li {
  min-height: 60px;
  padding: 0 20px;
  margin: 0 0 10px;
  border-radius: 6px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.p-expo2 .ticket-seat .seat ul li a {
  font-weight: bold;
  color: #00006a;
}
.p-expo2 .ticket-seat .seat ul .bg-or01 {
  background-color: rgba(255, 192, 54, 0.7);
}
.p-expo2 .ticket-seat .seat ul .bg-or02 {
  background-color: rgba(255, 192, 54, 0.4);
}
.p-expo2 .ticket-seat .seat ul .bg-bl01 {
  background-color: rgba(92, 166, 225, 0.9);
}
.p-expo2 .ticket-seat .seat ul .bg-bl02 {
  background-color: rgba(92, 166, 225, 0.7);
}
.p-expo2 .ticket-seat .seat ul .bg-bl03 {
  background-color: rgba(92, 166, 225, 0.4);
}
.p-expo2 .ticket-seat .seat ul .bg-gr {
  background-color: rgba(189, 229, 206, 0.8);
}
.p-expo2 .ticket-seat .seat ul .bg-br {
  background-color: #e3dfca;
}
.p-expo2 .ticket-seat .seat .price {
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
}
.p-expo2 .ticket-seat .seat .name-seat {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.5;
}
.p-expo2 .ticket-seat .seat .soldout {
  color: rgba(0, 0, 106, 0.2);
}
.p-expo2 .ticket-seat .seat .soldout span {
  font-size: 1.7rem;
}
.p-expo2 ul.box-col03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-expo2 ul.box-col03 li {
  width: 32%;
}
.p-expo2 .bg-ticket {
  background-color: #ff0100;
  padding: 100px 0;
}
.p-expo2 .bg-ticket section.section {
  background-color: #ffffff;
  padding: 20px 5%;
}
.p-expo2 .ticket-info ul li {
  margin: 30px 0 0;
  font-size: 1.3rem;
  color: #404040;
}
.p-expo2 .ticket-info-web {
  padding: 60px 0;
}
.p-expo2 .ticket-info-web .schedule {
  font-size: 1.4rem;
  margin-bottom: 40px;
}
.p-expo2 .ticket-info-web .schedule .caption {
  position: relative;
}
.p-expo2 .ticket-info-web .schedule span {
  font-size: 1.3rem;
}
.p-expo2 .ticket-info-web .schedule label {
  vertical-align: middle;
  cursor: pointer;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  padding: 20px 20px 40px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 2px solid #00006a;
  color: #00006a;
  width: 100%;
  border-radius: 6px;
}
.p-expo2 .ticket-info-web .schedule label .icon-arrow {
  position: absolute;
  left: 50%;
  bottom: -30px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.p-expo2 .ticket-info-web .schedule label .icon-arrow img {
  width: 15px;
}
.p-expo2 .ticket-info-web .schedule label .txt-s {
  letter-spacing: 0.1em;
}
.p-expo2 .ticket-info-web .schedule.open label {
  border: 3px solid #ff0100;
}
.p-expo2 .ticket-info-web .schedule.open .faq-accordion .ac-cont {
  border-bottom: 1px solid rgba(255, 1, 0, 0.3);
  border-left: 1px solid rgba(255, 1, 0, 0.3);
  border-right: 1px solid rgba(255, 1, 0, 0.3);
}
.p-expo2 .ticket-info-web .schedule.open .faq-accordion input:checked + .ac-cont {
  border-bottom: 1px solid rgba(255, 1, 0, 0.3);
  border-left: 1px solid rgba(255, 1, 0, 0.3);
  border-right: 1px solid rgba(255, 1, 0, 0.3);
}
.p-expo2 .ticket-info-web .txt-box {
  font-weight: bold;
  margin-bottom: 10px;
}
.p-expo2 .ticket-info-web:first-child::after {
  content: "";
  height: 3px;
  background-color: #ff0100;
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  margin-top: 60px;
}
.p-expo2 .conts_ticket_goods .img-goods {
  margin-bottom: -10px;
}
@media screen and (max-width: 768px) {
  .p-expo2 ul.box-col03 {
    display: block;
  }
  .p-expo2 ul.box-col03 li {
    width: 100%;
  }
  .p-expo2 .ticket-seat {
    width: 870px;
    margin: 0 auto;
    overflow-x: scroll;
  }
  .p-expo2 .ticket-seat ul.box-col03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p-expo2 .ticket-seat li.list-ticket-seat .list-ticket-seat-top a.button01 .caption {
    padding: 10px 30px;
  }
  .p-expo2 .ticket-info-web .schedule a.button01 .caption {
    padding: 10px 0;
  }
}
@media screen and (max-width: 768px) {
  .p-expo2 .conts_ticket_goods ul.box-col03 li {
    margin-bottom: 30px;
  }
  .p-expo2 .ticket-info ul li {
    font-size: 1.1rem;
  }
}
.p-expo2 .parallax-stage .parallax01 {
  right: 4%;
  position: absolute;
  top: 400px;
  max-width: 390px;
  height: auto;
  z-index: -1;
}
.p-expo2 .parallax-stage .parallax02 {
  position: absolute;
  left: 0;
  top: 100px;
  max-width: 490px;
  height: auto;
  z-index: -1;
  top: 300px;
}
.p-expo2 .parallax-stage .parallax03 {
  position: absolute;
  right: 0;
  max-width: 620px;
  height: auto;
  z-index: -2;
  top: 200px;
}
.p-expo2 ul.stage-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin: 10px auto 20px;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.p-expo2 ul.stage-date li {
  width: 100%;
  text-align: center;
  padding: 7px 4%;
  margin: 0 5px;
}
.p-expo2 ul.stage-date li img {
  max-width: 35px;
}
.p-expo2 ul.stage-date li.date55 {
  background-color: rgba(255, 192, 54, 0.3);
}
.p-expo2 ul.stage-date li.date56 {
  background-color: rgba(92, 166, 225, 0.3);
}
.p-expo2 .conts_cd .box-col02 li {
  width: 45%;
}
.p-expo2 .conts_cd .box-col02 li figure {
  max-width: 350px;
  margin: -20px auto 0;
}
.p-expo2 .conts_cd .h_navy {
  display: table;
  position: relative;
}
.p-expo2 .conts_setlist {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 192, 54, 0.3)), color-stop(50%, rgba(255, 192, 54, 0.3)), color-stop(50%, rgba(92, 166, 225, 0.3)), to(rgba(92, 166, 225, 0.3)));
  background: linear-gradient(90deg, rgba(255, 192, 54, 0.3) 0%, rgba(255, 192, 54, 0.3) 50%, rgba(92, 166, 225, 0.3) 50%, rgba(92, 166, 225, 0.3) 100%);
  padding: 40px;
  max-width: 1000px;
}
.p-expo2 .conts_setlist .conts_setlist_inner {
  margin: 0 auto;
  background-color: #ffffff;
}
.p-expo2 .conts_setlist .conts_setlist_inner .title {
  background-color: #00006a;
  text-align: center;
  font-weight: bold;
  padding: 10px 0;
  font-size: 1.5rem;
}
.p-expo2 .conts_setlist .box-col02.date li {
  max-width: 50%;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
}
.p-expo2 .conts_setlist .box-col02.date li div {
  margin-bottom: 10px;
}
.p-expo2 .conts_setlist .box-col02.date li img {
  max-width: 100px;
}
.p-expo2 .conts_setlist ul.setlist-info {
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  padding: 0 4% 30px;
  margin-bottom: 40px;
}
.p-expo2 .conts_setlist ul.setlist-info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid;
  padding: 15px 10px 10px;
}
.p-expo2 .conts_setlist ul.setlist-info li .t_music {
  margin-right: 20px;
}
.p-expo2 .conts_setlist ul.setlist-info li .icon-btn-music {
  margin-right: 10px;
}
.p-expo2 .conts_setlist ul.setlist-info li .icon-sing {
  margin-right: 10px;
}
.p-expo2 .conts_setlist ul.setlist-info li .icon-sing img {
  width: 20px;
}
.p-expo2 .conts_setlist ul.setlist-info li .t_game {
  margin-left: auto;
  color: #404040;
  text-align: right;
}
.p-expo2 .conts_setlist ul.setlist-info li.medley {
  margin-left: 40px;
}
.p-expo2 .conts_setlist_col2_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-expo2 .conts_setlist_col2 {
  width: 50%;
  display: inline-block;
}
.p-expo2 .conts_setlist_col2 .title {
  background-color: #00006a;
  text-align: center;
  font-weight: bold;
  padding: 10px 0;
  font-size: 1.5rem;
  line-height: 1.3em;
}
.p-expo2 .conts_setlist_col2 .title span {
  font-size: 1.2rem;
  font-weight: normal;
}
.p-expo2 .conts_setlist_col2 ul.setlist-info {
  background-color: #ffffff;
}
.p-expo2 .conts_setlist_col2.left {
  padding-right: 40px;
}
.p-expo2 .conts_setlist_col2.left .title {
  color: #ffc036;
}
.p-expo2 .conts_setlist_col2.right {
  padding-left: 40px;
}
.p-expo2 .conts_setlist_col2.right .title {
  color: #5ca6e1;
}
.p-expo2 .conts_setlist_col2_3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.p-expo2 .conts_setlist_col2_3 .conts_setlist_col2 {
  display: inline;
}
.p-expo2 .conts_setlist_col2_3 .list01 {
  padding-right: 40px;
  width: 50%;
}
.p-expo2 .conts_setlist_col2_3 .list02 {
  padding-left: 40px;
  width: 50%;
}
.p-expo2 .conts_setlist_col2_3 .name-cast {
  background-color: #ffffff;
  border-left: 1px solid;
  border-right: 1px solid;
  padding: 10px 20px;
  font-size: 1.4rem;
}
.p-expo2 .img-cast {
  background-color: #ffffff;
  border-left: 1px solid;
  border-right: 1px solid;
  padding: 10px 20px;
}
.p-expo2 .prf-accordion {
  margin-top: 20px;
}
.p-expo2 .prf-accordion label {
  vertical-align: middle;
  cursor: pointer;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  padding: 10px 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-weight: bold;
  border: 2px solid #00006a;
  color: #00006a;
  width: 100%;
}
.p-expo2 .prf-accordion label ::before {
  background-color: #00006a;
}
.p-expo2 .prf-accordion label:hover {
  color: #ffffff;
}
.p-expo2 .prf-accordion label:hover .icon-navy {
  fill: #ffffff;
}
.p-expo2 .prf-accordion label .btn-icon {
  padding: 10px 5px 10px 10px;
}
.p-expo2 .prf-accordion label .icon {
  padding-right: 10px;
}
.p-expo2 .prf-accordion label .icon svg {
  width: 15px;
  height: 22px;
}
.p-expo2 .prf-accordion label .caption {
  border-left: 1px solid;
  padding: 10px 50px;
}
.p-expo2 .prf-accordion label ::before {
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.p-expo2 .prf-accordion label:hover ::before {
  left: 0;
}
.p-expo2 .prf-accordion .ac-cont {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  height: 0;
  overflow: hidden;
  background: #fff;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #00006a;
  text-align: left;
}
.p-expo2 .prf-accordion input {
  display: none;
}
.p-expo2 .prf-accordion input:checked + .ac-cont {
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 106, 0.3);
  border-left: 1px solid rgba(0, 0, 106, 0.3);
  border-right: 1px solid rgba(0, 0, 106, 0.3);
}
.p-expo2 .profile li {
  margin: 0 0 50px;
}
.p-expo2 .profile .name {
  color: #ff0100;
  font-weight: bold;
  font-size: 1.5rem;
}
.p-expo2 .artist ul.box-col03.profile {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 100px;
}
.p-expo2 .artist ul.box-col03.profile li.prf-wrap {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .p-expo2 .conts_cd .box-col02 {
    display: block;
  }
  .p-expo2 .conts_cd .box-col02 li {
    width: 100%;
    margin-bottom: 60px;
  }
  .p-expo2 .conts_setlist {
    width: 600px;
    margin: 0 auto;
    padding: 30px 10px 10px;
  }
  .p-expo2 .conts_setlist ul.setlist-info {
    margin-bottom: 20px;
  }
  .p-expo2 .conts_setlist ul.setlist-info li .t_music {
    /*width: 45%;*/
  }
  .p-expo2 .sp-block ul.setlist-info li {
    display: block;
  }
  .p-expo2 .sp-block ul.setlist-info li .icon-btn-music {
    float: left;
  }
  .p-expo2 .conts_setlist_col2_3 .list01 {
    padding-right: 10px;
  }
  .p-expo2 .conts_setlist_col2_3 .list02 {
    padding-left: 10px;
  }
  .p-expo2 .conts_setlist_col2.left {
    padding-right: 10px;
  }
  .p-expo2 .conts_setlist_col2.right {
    padding-left: 10px;
  }
  .p-expo2 .artist ul.box-col03.profile li.prf-wrap {
    width: 100%;
  }
  .p-expo2 .parallax-stage .parallax01 {
    width: 40%;
    padding-top: 0;
    margin-top: -160px;
  }
  .p-expo2 .parallax-stage .parallax02 {
    width: 50%;
  }
  .p-expo2 .parallax-stage .parallax03 {
    width: 70%;
  }
  .p-expo2 .photo-cast {
    width: 80%;
    margin: 0 auto;
  }
}
.p-expo2 .list-attention .txt-box {
  font-weight: bold;
}
.p-expo2 .list-attention ul {
  margin: 30px 0 50px;
}
.p-expo2 .list-attention ul li {
  margin-bottom: 20px;
  font-size: 1.3rem;
  line-height: 1.8461538462;
  letter-spacing: 0.05em;
}
.p-expo2 .list-attention ul li.standing {
  border: 2px solid;
  font-weight: bold;
  padding: 20px;
  border-radius: 6px;
  margin-top: 40px;
}
.p-expo2 .list-faq .txt-box {
  font-weight: bold;
}
.p-expo2 .list-faq ul {
  margin: 30px 0 50px;
}
.p-expo2 .list-faq ul li {
  margin-top: 20px;
}
.p-expo2 .list-faq .icon-arrow {
  margin-right: 20px;
}
.p-expo2 .list-faq .icon-arrow img {
  width: 15px;
  vertical-align: middle;
}
.p-expo2 .faq-accordion dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1em;
  margin: 0 0 8px;
}
.p-expo2 .faq-accordion dl dt {
  width: 70px;
}
.p-expo2 .faq-accordion dl dd {
  margin-left: 20px;
}
.p-expo2 .faq-accordion dl dd.item-stage {
  margin-left: 10px;
}
.p-expo2 .faq-accordion label {
  vertical-align: middle;
  cursor: pointer;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  padding: 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 2px solid #00006a;
  color: #00006a;
  width: 100%;
  border-radius: 6px;
}
.p-expo2 .faq-accordion input {
  display: none;
}
.p-expo2 .faq-accordion input:checked + .ac-cont {
  height: auto;
  padding: 30px 30px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -10px;
  border-bottom: 1px solid rgba(0, 0, 106, 0.3);
  border-left: 1px solid rgba(0, 0, 106, 0.3);
  border-right: 1px solid rgba(0, 0, 106, 0.3);
}
.p-expo2 .faq-accordion .ac-cont {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  height: 0;
  overflow: hidden;
  background: #fff;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #00006a;
  text-align: left;
}
.p-expo2 p.indent {
  padding-left: 1em;
  text-indent: -1em;
}
.p-expo2 div.indent-1 {
  padding-left: 1em;
  text-indent: -1em;
}
.p-expo2 li.indent {
  padding-left: 1em;
  text-indent: -1em;
}
.p-expo2 div.indent {
  padding-left: 2em;
  text-indent: -1em;
}
@media screen and (max-width: 768px) {
  .p-expo2 .list-faq .icon-arrow {
    margin-right: 10px;
  }
  .p-expo2 .faq-accordion dl {
    display: block;
    padding-left: 0;
  }
  .p-expo2 .faq-accordion dl dt {
    display: inline-block;
  }
  .p-expo2 .faq-accordion dl dd {
    display: inline-block;
    margin-left: 10px;
  }
  .p-expo2 .faq-accordion dl dd.item-stage {
    margin-left: 5em;
  }
}
.p-expo2 .txt_attention {
  font-weight: bold;
  border: 2px solid #00006a;
  padding: 30px 20px 20px;
  margin: 0 0 40px 0;
  background: #ffffff;
  color: #00006a;
  max-width: 700px;
  margin: 40px auto 0;
}
.p-expo2 .txt_attention .t_attention {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 20px;
}
.p-expo2 .page-goods .modaal-close {
  background-color: #00006a;
  width: 70px;
  height: 70px;
  background-size: 80%;
  background-position: center;
  right: 2%;
  top: 0;
  background-image: url(../images/works/FEexpo2/goods/btn_close.svg);
}
.p-expo2 .page-goods .modaal-content-container {
  padding: 0;
}
.p-expo2 ul.box-border {
  max-width: 360px;
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: bold;
}
.p-expo2 ul.list-goods li {
  border: #d8d8d8 1px solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.p-expo2 ul.list-goods li figure {
  text-align: center;
  max-width: 270px;
  margin: auto;
}
.p-expo2 ul.list-goods li .price {
  padding: 10px 10px 0;
}
.p-expo2 .btn_goods {
  padding: 0 10px 3px;
}
.p-expo2 .btn_goods a.button01 {
  width: 100%;
  margin-bottom: 10px;
}
.p-expo2 .btn_goods a.button01 .caption {
  width: 100%;
  padding: 10px 0;
  text-align: center;
}
.p-expo2 section.modal-goods {
  max-width: 1000px;
  background-color: #ffffff;
  color: #00006a;
  margin: 70px auto 50px;
}
.p-expo2 section.modal-goods .top-topic-movie {
  margin: 0 auto;
}
.p-expo2 section.modal-goods .txt-block {
  width: 70%;
  margin: 40px auto;
}
.p-expo2 section.modal-goods .price {
  color: #404040;
  font-weight: bold;
}
.p-expo2 section.modal-goods .h_navy {
  font-size: 1.5rem;
}
.p-expo2 section.modal-goods figcaption {
  max-width: 700px;
  margin: 0 auto 20px;
}
.p-expo2 section.modal-goods .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-expo2 ul.item_det {
  max-width: 700px;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-expo2 ul.item_det li {
  width: 49%;
  margin-bottom: 10px;
}
.p-expo2 table.goods_buy {
  width: 90%;
  margin: auto;
  border-collapse: inherit;
  padding: 4%;
  border-color: #00006a;
}
.p-expo2 table.goods_buy th {
  border: none;
  width: 50%;
  padding: 10px;
}
.p-expo2 table.goods_buy td {
  border-left: none;
  border-top: none;
  border-bottom: none;
  padding: 10px 30px;
  vertical-align: baseline;
}
.p-expo2 table.goods_buy td.right {
  border-right: none;
}
.p-expo2 table.goods_buy th.article {
  text-align: center;
}
.p-expo2 table.goods_buy th.article div {
  font-size: 1.5rem;
}
.p-expo2 table.goods_buy th.article p {
  margin-bottom: 0;
}
.p-expo2 table.goods_buy td.title {
  color: #ffffff;
  background-color: #00006a;
  font-weight: bold;
  text-align: center;
  width: 90%;
  border-radius: 10px;
  padding: 10px 0;
  font-size: 1.5rem;
}
.p-expo2 .modal-buy .conts_title {
  padding: 0 60px;
}
.p-expo2 .modal-buy .attention {
  text-align: center;
  border: 1px solid;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 30px;
}
.p-expo2 .modal-buy .btn-top-topic {
  margin: 20px 0 10px;
  background-color: #ffffff;
  z-index: 0;
}
.p-expo2 .modal-buy .btn-top-topic a.button01 {
  width: 100%;
  display: block;
  border: 2px solid #ff0100;
  color: #ff0100;
}
.p-expo2 .modal-buy .btn-top-topic a.button-white:hover {
  z-index: 0;
  color: #ffffff;
}
.p-expo2 .modal-buy .btn-top-topic a.button-white:hover svg.icon-red {
  fill: #ffffff;
}
.p-expo2 .modal-buy .btn-top-topic a.button-white:hover ::before {
  background-color: #ff0100;
}
.p-expo2 .conts_setlist .audiojs .play {
  background: url("../../FEexpo2/stage/images/btn-play-music.svg") no-repeat;
}
.p-expo2 .conts_setlist .audiojs .pause {
  background: url("../../FEexpo2/stage/images/btn-play-music-stop.svg") no-repeat;
}
.p-expo2 .conts_setlist .audiojs .play-pause {
  border: none;
  height: 30px;
  width: 40px;
}
.p-expo2 .conts_setlist .audiojs {
  width: 40px;
  height: 30px;
  background: #ffffff;
  overflow: hidden;
  display: inline-block;
  font-family: monospace;
  font-size: 12px;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: -8px;
  margin-left: -20px;
}
.p-expo2 .conts_setlist .audiojs p {
  height: 45px;
  width: 32px;
}
.p-expo2 .conts_setlist .audiojs p img {
  width: 50px;
}
.p-expo2 .conts_setlist .scrubber {
  display: none;
}
.p-expo2 .conts_setlist .audiojs .time {
  display: none;
}
.p-expo2 .goods_tokuten {
  max-width: 380px;
  margin: 0 auto;
}
.p-expo2 .goods_tokuten .outline-ex-tokuten {
  font-size: 1.3rem;
}
.p-expo2 .btn_tokuten {
  position: relative;
}
.p-expo2 .btn_tokuten_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.p-expo2 a.goods_btn_tokuten {
  display: block;
  outline: none;
}
.p-expo2 a.goods_btn_tokuten:hover {
  opacity: 0.8;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.p-expo2 hr.news-border {
  border-top: 1px solid #00006a;
  margin: 20px 0;
}
@media screen and (max-width: 768px) {
  .p-expo2 ul.item_det {
    padding: 0 10px;
  }
  .p-expo2 .section.modal-buy {
    width: 90%;
  }
  .p-expo2 .page-goods .modaal-fullscreen .modaal-close {
    right: 0;
    position: fixed;
    width: 70px;
    height: 70px;
    z-index: 11;
    background-size: 80%;
    background-position: center;
  }
  .p-expo2 .page-goods .modaal-wrapper.modaal-fullscreen {
    /* padding: 20px;*/
    position: fixed;
  }
  .p-expo2 table.goods_buy {
    width: 95%;
    padding: 2%;
    table-layout: fixed;
  }
  .p-expo2 table.goods_buy td {
    padding: 10px;
  }
  .p-expo2 section.modal-goods {
    padding: 60px 0;
    margin: 20px auto;
  }
  .p-expo2 section.modal-goods .txt-block {
    width: 90%;
  }
  .p-expo2 section.modal-goods .flex {
    display: block;
  }
  .p-expo2 .modal-buy .btn-top-topic a.button01 .caption {
    padding: 0;
  }
  .p-expo2 .modal-buy .btn-top-topic a.button01 svg {
    width: 10px;
  }
  .p-expo2 .modal-buy .btn-top-topic a.button01 .btn-icon {
    padding: 10px 0px 10px 5px;
  }
  .p-expo2 a.button02 .caption.fe0 {
    margin: auto;
    padding: 0 40px 0 40px;
  }
  .p-expo2 a.button .btn-icon.fe0 {
    padding: 21px 5px 10px 10px;
  }
  .p-expo2 .btn_tokuten_inner {
    width: 80%;
  }
}
.p-expo2 .foot-btn-ticket {
  display: none;
}
.p-expo2 footer {
  background-color: #00006a;
  position: relative;
  color: #ffffff;
  text-align: center;
  margin-top: 100px;
  padding-bottom: 90px;
}
.p-expo2 .footer-top {
  position: absolute;
  top: 0;
  max-width: 360px;
  width: 100%;
  margin: -70px auto 0;
  left: 0;
  right: 0;
}
.p-expo2 .footer-inner {
  max-width: 300px;
  margin: 0 auto;
  padding: 70px 0 30px;
}
.p-expo2 ul.footer-info-wrap li {
  margin: 50px auto;
}
.p-expo2 .footer-share-wrap .item {
  max-width: 70px;
  margin: 0 auto;
}
.p-expo2 .footer-share-wrap .line {
  margin-top: 10px;
}
.p-expo2 .t_contact {
  font-size: 4.5rem;
}
.p-expo2 .footer-logo {
  max-width: 250px;
}
.p-expo2 .copyright {
  font-size: 0.8rem;
}
.p-expo2 .footer-ticket {
  position: fixed;
  bottom: -1px;
  width: 100%;
  height: auto;
  z-index: 3;
  background-color: #ff0100;
  text-align: center;
}
.p-expo2 .footer-ticket a {
  color: #ffffff;
  display: block;
  padding: 16px 0;
}
.p-expo2 .footer-ticket a span {
  display: inline-block;
  margin-right: 8px;
  vertical-align: sub;
}
.p-expo2 .footer-ticket a span svg {
  width: 12px;
  display: block;
}
@media screen and (max-width: 635px) {
  .p-expo2 .footer-top {
    left: -1px;
    right: auto;
  }
  .p-expo2 .news-side {
    /* display: none; */
    padding: 20px 5%;
  }
  .p-expo2 .footer-ticket a span {
    position: absolute;
    top: 50%;
    left: 4%;
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
  }
  .p-expo2 .footer-ticket-inner {
    position: relative;
    margin: 0 auto;
  }
}
.p-goods__head {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(51, 51, 51)), to(rgb(0, 0, 0)));
  background-image: linear-gradient(0deg, rgb(51, 51, 51), rgb(0, 0, 0));
  color: #ffffff;
}
@media screen and (min-width: 1025px) {
  .p-goods__head .m-head--type1 {
    padding-left: 96px;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods__head .m-head--type1 {
    padding-left: 40px;
  }
}
.p-goods-archive__head {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(51, 51, 51)), to(rgb(0, 0, 0)));
  background-image: linear-gradient(0deg, rgb(51, 51, 51), rgb(0, 0, 0));
  color: #ffffff;
  margin-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .p-goods-archive__head .m-head--type1 {
    padding-left: 96px;
    padding-bottom: 140px;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-archive__head .m-head--type1 {
    padding-left: 40px;
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1025px) {
  .p-goods-packages {
    padding: 0 25% 40px;
    margin: 40px 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-packages {
    padding: 0 18.75% 40px;
    margin: 24px 0;
  }
}
.p-goods-packages__item {
  text-align: center;
}
.p-goods-packages__item:not(.swiper-slide-visible) {
  pointer-events: none;
  opacity: 0.3;
}
.p-goods-packages__title {
  font-size: 1.3rem;
  line-height: 1.8461538462;
  letter-spacing: 0.08em;
  margin-top: 8px;
}
@media screen and (max-width: 1024px) {
  .p-goods-packages__title {
    text-align: left;
  }
}
@media screen and (min-width: 1025px) {
  .p-goods-category {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-category {
    margin-bottom: 40px;
  }
}
.p-goods-arichive__heading {
  text-align: center;
  margin-bottom: 32px;
}
.p-goods-arichive__heading-en {
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}
.p-goods-arichive__list {
  max-width: 1080px;
  margin: 0 auto;
}
@media screen and (min-width: 1025px) {
  .p-goods-arichive__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: calc(100% - 8rem);
    gap: 2.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-arichive__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.4rem;
    padding: 0 7.4666666667%;
  }
}
.p-goods-arichive__title {
  font-size: 1.2rem;
  line-height: 1.8333333333;
  letter-spacing: 0.05em;
  padding: 8px 8px 0;
}
.p-goods-kako__list li {
  text-align: center;
}
/* 風花雪月関連グッズ */
.p-goods-fuuka {
  color: #3a1d5b;
}
.p-goods-fuuka__texture {
  background-image: url("../images/goods/fuuka5/bg.png");
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  opacity: 0.5;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka__mv {
    margin-bottom: 72px;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka__mv {
    margin-bottom: 40px;
  }
}
.p-goods-fuuka__inner {
  max-width: 960px;
  margin: auto;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka__inner {
    width: 75%;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka__inner {
    width: 93.3333333333%;
  }
}
.p-goods-fuuka__nav {
  display: grid;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka__nav {
    grid-template-columns: repeat(3, 304px);
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka__nav {
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
}
.p-goods-fuuka__nav li {
  border-bottom: 2px solid #b0a4bd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.p-goods-fuuka__nav li:nth-child(1), .p-goods-fuuka__nav li:nth-child(2) {
  border-top: 2px solid #b0a4bd;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka__nav li:nth-child(3) {
    border-top: 2px solid #b0a4bd;
  }
}
.p-goods-fuuka__nav li.close {
  opacity: 0.5;
}
.p-goods-fuuka__nav li.close a {
  pointer-events: none;
}
.p-goods-fuuka__nav li.new::after {
  font-size: 1.2rem;
  line-height: 0.8333333333;
  letter-spacing: 0.03em;
  background-color: #3a1d5b;
  content: "NEW";
  color: #ffffff;
  height: 18px;
  padding: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.p-goods-fuuka__nav a {
  display: grid;
  grid-template-columns: 12px 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka__nav a {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    letter-spacing: 0.03em;
    padding: 20px 8px;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka__nav a {
    font-size: 1.3rem;
    line-height: 1.5384615385;
    letter-spacing: 0.03em;
    height: 48px;
  }
}
.p-goods-fuuka__nav i {
  background-image: url("../images/goods/fuuka5/icon-list.svg");
  width: 12px;
  height: 18px;
  display: block;
}
.p-goods-fuuka__saihan-heading {
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 40px;
  margin-top: 64px;
}
.p-goods-fuuka__button {
  max-width: 400px;
  position: sticky;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka__button {
    margin: 80px auto 120px;
    top: 116px;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka__button {
    margin: 40px auto 80px;
    top: 135px;
  }
}
.p-goods-fuuka__section {
  background-image: url("../images/goods/fuuka5/bg-section.png");
  background-repeat: repeat;
  background-size: 880px;
  -webkit-box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.15);
  padding-top: 2px;
  padding-bottom: 2px;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka__section + .p-goods-fuuka__section {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka__section + .p-goods-fuuka__section {
    margin-top: 40px;
  }
}
.p-goods-fuuka__section-wrap {
  background-color: rgba(255, 255, 255, 0.5);
  margin: 8px;
  border: 2px solid #3a1d5b;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka__section-wrap {
    padding: 40px 10%;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka__section-wrap {
    padding: 40px 4.2666666667%;
  }
}
.p-goods-fuuka__section-wrap::before, .p-goods-fuuka__section-wrap::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka__section-wrap::before, .p-goods-fuuka__section-wrap::after {
    height: 62px;
    background-size: 58px, 58px;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka__section-wrap::before, .p-goods-fuuka__section-wrap::after {
    height: 40px;
    background-size: 40px, 40px;
  }
}
.p-goods-fuuka__section-wrap::before {
  background-image: url("../images/goods/fuuka5/deco-top-left.svg"), url("../images/goods/fuuka5/deco-top-right.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: top left, top right;
  top: -1px;
}
.p-goods-fuuka__section-wrap::after {
  background-image: url("../images/goods/fuuka5/deco-bottom-left.svg"), url("../images/goods/fuuka5/deco-bottom-right.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: bottom left, bottom right;
  bottom: -1px;
}
.p-goods-fuuka__heading {
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka__heading {
    font-size: 3.2rem;
    line-height: 1.25;
    letter-spacing: 0.05em;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka__heading {
    font-size: 1.8rem;
    line-height: 1.3333333333;
    letter-spacing: 0.05em;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka-slider {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka-slider {
    margin-bottom: 24px;
  }
}
.p-goods-fuuka-slider li {
  border: 1px solid #cccccc;
}
.p-goods-fuuka-slider .swiper-slide-thumb-active {
  opacity: 0.6;
}
.p-goods-fuuka-slider__main {
  margin-bottom: 4px;
}
.p-goods-fuuka-slider__main .swiper-button-prev::after,
.p-goods-fuuka-slider__main .swiper-button-next::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 26px;
  width: 40px;
}
.p-goods-fuuka-slider__main .swiper-button-lock {
  display: block !important;
}
.p-goods-fuuka-slider__main .swiper-button-prev::after {
  background-image: url("../images/goods/fuuka5/btn-prev.svg");
}
.p-goods-fuuka-slider__main .swiper-button-next::after {
  background-image: url("../images/goods/fuuka5/btn-next.svg");
}
.p-goods-fuuka-slider-figure.swiper-button-prev::after {
  background-image: url("../images/goods/fuuka5/btn-prev-w.svg");
}
.p-goods-fuuka-slider-figure.swiper-button-next::after {
  background-image: url("../images/goods/fuuka5/btn-next-w.svg");
}
.p-goods-fuuka-slider__thumb ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
}
.p-goods-fuuka-slider__thumb li.none {
  border: none;
}
.p-goods-fuuka-table {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka-table {
    padding: 24px 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka-table {
    padding: 16px 0;
  }
}
.p-goods-fuuka-table__wrap {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka-table__wrap {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka-table__wrap {
    font-size: 1.3rem;
    line-height: 1.5384615385;
    letter-spacing: 0.03em;
  }
}
.p-goods-fuuka-table__wrap th {
  padding: 8px;
  text-align: left;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka-table__wrap th {
    min-width: 180px;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka-table__wrap th {
    width: 10rem;
  }
}
.p-goods-fuuka-table__wrap td {
  padding: 8px;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka-table__wrap td {
    width: 100%;
  }
}
.p-goods-fuuka-table__wrap::before, .p-goods-fuuka-table__wrap::after {
  content: "";
  display: block;
  height: 8px;
  width: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka-table__wrap::before, .p-goods-fuuka-table__wrap::after {
    background-image: url("../images/goods/fuuka5/border-pc.svg");
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka-table__wrap::before, .p-goods-fuuka-table__wrap::after {
    background-image: url("../images/goods/fuuka5/border-sp.svg");
  }
}
.p-goods-fuuka-table__wrap::before {
  top: 0;
}
.p-goods-fuuka-table__wrap::after {
  bottom: 0;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka-table__2col td {
    width: 24rem;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka-table__2col td {
    width: 10rem;
  }
}
.p-goods-fuuka-table__detail {
  text-decoration: underline;
}
.p-goods-fuuka-table__detail:hover {
  text-decoration: none;
}
.p-goods-fuuka-table__detail.is-disable {
  pointer-events: none;
  opacity: 0.6;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka-footer {
    margin-top: 120px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka-footer {
    margin-top: 64px;
    padding-bottom: 80px;
  }
}
.p-goods-fuuka-footer__button {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.p-goods-fuuka-footer__button + .p-goods-fuuka-footer__button {
  margin-top: 24px;
}
.p-goods-fuuka-footer__button p {
  text-align: center;
}
.p-goods-fuuka-footer__button a {
  display: block;
}
.p-goods-fuuka-footer__button a:hover {
  opacity: 0.9;
}
.p-goods-fuuka-footer__content {
  text-align: center;
  padding-top: 120px;
  position: relative;
}
.p-goods-fuuka-footer__content::before {
  content: "";
  display: block;
  width: 18px;
  height: 28px;
  background-image: url("../images/goods/fuuka5/icon-list.svg");
  position: absolute;
  left: 0;
  right: 0;
  top: 64px;
  margin: auto;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka-footer__text {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka-footer__text {
    font-size: 1.3rem;
    line-height: 1.5384615385;
    letter-spacing: 0.05em;
  }
}
.p-goods-fuuka-footer__heading {
  margin-bottom: 16px;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka-footer__heading {
    font-size: 3.2rem;
    line-height: 1.25;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka-footer__heading {
    font-size: 1.8rem;
    line-height: 1.3333333333;
    letter-spacing: 0.05em;
  }
}
.p-goods-fuuka-footer__pagetop {
  position: relative;
}
.p-goods-fuuka-footer__pagetop-inner {
  width: 100%;
  position: fixed;
  right: 4%;
  bottom: 16px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  visibility: hidden;
  pointer-events: none;
}
@media screen and (min-width: 1025px) {
  .p-goods-fuuka-footer__pagetop-inner {
    max-width: 72px;
  }
}
@media screen and (max-width: 1024px) {
  .p-goods-fuuka-footer__pagetop-inner {
    max-width: 44px;
  }
}
.p-goods-fuuka-footer__pagetop-inner.is-active {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
}
.p-goods-fuuka-footer__pagetop-inner.is-absolute {
  position: absolute;
  right: 4%;
  bottom: 16px;
}
.p-goods-old {
  width: 100%;
  padding: 0 0 40px;
}
.p-goods-old .o-accordion__label::after {
  content: "";
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: 50%;
  bottom: 50%;
  margin: auto;
}
.p-goods-old .o-accordion__input:checked + .o-accordion__label + .o-accordion__content {
  height: auto;
  opacity: 1;
}
.p-goods-old .t_img {
  text-align: center;
  padding: 30px 10px 10px;
}
.p-goods-old .cd-info {
  text-align: center;
}
.p-goods-old .boxL {
  float: left;
}
.p-goods-old .boxR {
  padding-left: 70px;
}
.p-goods-old .bold {
  font-weight: bold;
}
.p-goods-old .tx__space {
  font-size: 11px;
}
.p-goods-old .txt__goods li {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid #ddd;
}
.p-goods-old .txt__main {
  margin: 20px 0 30px;
}
.p-goods-old .clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.p-goods-old .clearfix:before,
.p-goods-old .clearfix:after {
  content: " ";
  display: table;
}
.p-goods-old .clearfix:after {
  clear: both;
}
.p-goods-old .clearfix {
  *zoom: 1;
}
.p-goods-old #top {
  text-align: center;
}
.p-goods-old .m-list--spec li {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
.p-goods-old .m-list--spec__left {
  min-width: 120px;
}
.p-goods-old__inner {
  margin: 0 auto;
}
@media screen and (min-width: 1025px) {
  .p-goods-old__inner {
    width: 720px;
  }
}
.linkLabel__btn__gr {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0 auto;
  padding: 20px;
  border: 2px solid #12b83c;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  max-width: 280px;
  font-size: 1.3rem;
  line-height: 1.2307692308;
  letter-spacing: 0.03em;
}
.linkLabel__btn__gr:after {
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: "";
  width: 0;
  left: 50%;
  bottom: 0;
  height: 3px;
  background: #f7f7f7;
}
.linkLabel__btn__gr a {
  color: #12b83c;
  text-decoration: none;
}
.linkLabel__btn__gr:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0px 0px 0px 3px #12b83c;
  box-shadow: inset 0px 0px 0px 3px #12b83c;
}
.linkLabel__btn__gr:hover:after {
  width: 100%;
  left: 0;
  width: 0%;
}
.linkLabel__btn__gr .fa {
  position: absolute;
  left: -12px;
  z-index: 1;
  color: #fff;
  background-color: #12b83c;
  border-radius: 20px;
  padding: 2px 4px;
}
.linkLabel__btn__gr .fa:before {
  font-size: 20px;
}
.a-button-topback {
  text-align: center;
}
.a-button-topback img {
  width: 90px;
  height: 90px;
}
.fa-circle-chevron-right:before {
  content: "\f138";
}
@media screen and (min-width: 768px) {
  .drawer-nav.is-modal {
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  .main__contents.main__contents-w100 {
    padding: 60px 0 0;
  }
}
/* ボタン */
.linkLabel__btn--goods {
  max-width: 350px;
  background-color: #ffffff;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
}
.linkLabel__btn--goods.is-sticky {
  position: sticky;
}
@media screen and (min-width: 768px) {
  .linkLabel__btn--goods.is-sticky {
    top: 120px;
  }
}
@media screen and (max-width: 767px) {
  .linkLabel__btn--goods.is-sticky {
    top: 130px;
  }
}
.linkLabel__btn--goods a {
  display: block;
  padding: 20px;
  text-decoration: none;
}
.linkLabel__btn--goods:after {
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: "";
  width: 0;
  left: 50%;
  bottom: 0;
  height: 3px;
  background: #f7f7f7;
}
.linkLabel__btn--goods .fa {
  right: -12px;
  left: auto;
  position: absolute;
  z-index: 1;
  color: #fff;
  border-radius: 20px;
  padding: 2px 4px;
}
.linkLabel__btn--goods .fa:before {
  font-size: 20px;
}
.linkLabel__btn--goods:hover:after {
  width: 100%;
  left: 0;
  width: 0%;
}
.linkLabel__btn--goods:hover {
  cursor: pointer;
}
/* Armory Collection
----------------------------------------------------*/
.armory-collection .contents_inner {
  background-color: #002c82;
}
.armory-collection__inner {
  max-width: 710px;
  margin: 0 auto 40px;
  padding-bottom: 40px;
}
.armory-collection .goods_title {
  max-width: 400px;
  margin: 0 auto 20px;
}
.armory-collection .item_intr {
  color: #e0caa1;
  text-align: center;
}
.armory-collection .item_info {
  background-color: #ffffff;
  width: 90%;
  margin: 24px auto 64px;
  padding: 40px 0;
  border-radius: 4px;
}
.armory-collection .item_info h2 {
  text-align: center;
  color: #002c82;
  margin: 30px 0 0;
}
.armory-collection .item_info figure {
  width: 70%;
  margin: 0 auto;
}
.armory-collection .item_end {
  text-align: center;
  padding: 40px 0;
}
.armory-collection .a-button--zoom {
  width: 80px;
  margin: 16px auto 0;
  display: block;
}
.armory-collection .modal__content-goods-armory {
  padding: 10px;
  width: 90%;
  margin: 0 auto;
  max-width: 600px;
  text-align: center;
}
.armory-collection .modal__bg-goods-armory {
  background-color: rgba(0, 44, 130, 0.9);
}
.armory-collection .modal-goods-armory {
  z-index: 2;
}
.armory-collection .js-modal-close-goods-armory {
  position: absolute;
  top: -50px;
  right: 0;
}
.armory-collection .js-modal-close-goods-armory img {
  width: 32px;
}
.armory-collection .a-link {
  color: #002c82;
  font-weight: 600;
}
.armory-collection .a-link:hover {
  text-decoration: none;
}
.armory-collection .m-nav__list {
  border: solid 2px #e0caa1;
  margin: 0 auto 8px;
  border-radius: 4px;
}
.armory-collection .m-nav__list a {
  color: #e0caa1;
  text-decoration: none;
  display: block;
  padding: 16px;
}
.armory-collection .m-nav__title {
  font-weight: 600;
  margin-bottom: 4px;
}
.armory-collection .m-nav__list span {
  background-color: #e0caa1;
  color: #002c82;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 12px;
}
.armory-collection__info {
  max-width: 710px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .armory-collection__info {
    padding: 0 7.4666666667%;
  }
}
@media screen and (min-width: 768px) {
  .armory-collection .item_intr {
    margin-top: 24px;
  }
  .armory-collection .m-nav__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .armory-collection .m-nav__list {
    width: 90%;
  }
  .armory-collection .m-nav__title {
    font-size: 16px;
  }
  .armory-collection .m-nav__list span {
    margin-right: 8px;
  }
  .armory-collection .m-nav__game {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .armory-collection .item_intr {
    margin-top: 16px;
  }
  .armory-collection .contents_inner {
    padding: 0 4%;
    margin-top: -20px;
  }
  .armory-collection .item_info {
    width: 100%;
  }
  .armory-collection .m-nav__title {
    font-size: 13px;
    line-height: 1.5;
  }
  .armory-collection .m-nav__game {
    font-size: 12px;
  }
}
/*** Pouch ***/
.contents__goods__2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.contents__goods__2col li {
  padding-right: 20px;
}
.txt__goods__1col {
  width: 75%;
  margin: 30px auto 0;
}
.txt__goods__1col li {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid #ddd;
}
.img__main {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .txt__goods {
    clear: both;
    max-width: 80%;
    margin: 0 auto;
  }
  .contents__goods__dispimg {
    margin: 0;
  }
}
/* 風花雪月
----------------------------------------------------*/
.goods-fuka-setsugetsu .p-goods-old__inner {
  max-width: 660px;
}
.goods-fuka-setsugetsu .section {
  margin-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .goods-fuka-setsugetsu .txt__goods {
    width: 100%;
  }
  .goods-fuka-setsugetsu .txt__goods ul {
    padding: 0 80px;
  }
  .goods-fuka-setsugetsu .txt__goods .badge01 {
    margin-right: 40px;
  }
  .goods-fuka-setsugetsu .contents__goods__dispimg {
    float: none;
    text-align: center;
  }
}
.goods-fuka-setsugetsu .txt__goods {
  background: url("../images/goods/line_s01.png") no-repeat center top, url("../images/goods/line_s01.png") no-repeat center bottom;
  padding-bottom: 25px;
}
.goods-fuka-setsugetsu .txt__goods li {
  border: none;
}
.goods-fuka-setsugetsu .fuka-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
}
@media screen and (max-width: 767px) {
  .goods-fuka-setsugetsu .txt__goods {
    background-size: contain;
  }
  .goods-fuka-setsugetsu .fuka-badge {
    font-size: 0.7rem;
  }
}
/* 風花雪月（201909.html変更）
----------------------------------------------------*/
.linkLabel__btn__gr.goods-fuuka {
  max-width: 350px;
  background-color: #ffffff;
  margin: 0 auto 40px;
  padding: 0;
}
.linkLabel__btn__gr.goods-fuuka a {
  display: block;
  padding: 16px;
}
.linkLabel__btn__gr.goods-fuuka .fa {
  right: -12px;
  left: auto;
}
.heading--tertiary {
  color: #605f5b;
  font-size: 17px;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-align: center;
  background: url(../images/goods/heading_bg_tri1.png) center bottom/contain no-repeat;
  padding-bottom: 15px;
}
.heading--line {
  background: url("../images/goods/line_top01.png") center top/contain no-repeat;
}
ul.section-goods__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section-goods__img01 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.section-goods__img__item01 {
  width: 31%;
  text-align: center;
  border: 1px solid #b0a4bd;
  margin: 0 4px 16px;
  padding: 8px 8px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section-goods__img__item01:hover {
  border: 1px solid #482b7f;
}
.section-goods__img__item02 {
  width: 25%;
  text-align: center;
  padding: 0 12px;
  margin: 0 0 24px;
}
.section-goods__img__item02 img:not(.btn-zoom) {
  -webkit-box-shadow: 10px 10px 15px -10px rgba(0, 0, 0, 0.8);
  box-shadow: 10px 10px 15px -10px rgba(0, 0, 0, 0.8);
  margin: 0 0 16px;
}
.section-goods__img__item03 {
  width: calc(50% - 8px);
  text-align: center;
  border: 1px solid #b0a4bd;
  margin: 0 4px 16px;
  padding: 8px 8px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section-goods__img__item03:hover {
  border: 1px solid #482b7f;
}
.modal-area {
  display: none;
}
.btn-zoom {
  width: 80px;
}
.content {
  margin: 0 auto;
  padding: 40px;
}
.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
.modal__bg {
  height: 100vh;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}
.modal__bg-goods-fuuka {
  background: rgba(58, 29, 91, 0.9);
}
.modal__content {
  background: #fff;
  left: 50%;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.modal__content-goods-fuuka {
  padding: 40px;
  max-width: 660px;
}
.js-modal-close-goods-fuuka {
  position: absolute;
  top: -50px;
  right: 0;
}
.js-modal-close-goods-fuuka img {
  width: 32px;
}
.goods-ex {
  max-width: 320px;
  margin: 0 auto 16px;
}
.p-goods-nav-fuuka {
  margin: 32px 0;
}
.p-goods-nav-fuuka__list li {
  border-bottom: 1px dashed #b0a4bd;
}
.p-goods-nav-fuuka__list li:first-child {
  border-top: 1px dashed #b0a4bd;
}
.p-goods-nav-fuuka__list li a {
  color: #482b7f;
  text-decoration: none;
  display: block;
}
.p-goods-nav-fuuka__list li a::before {
  content: "";
  display: inline-block;
  background: url("../images/goods/fuuka/icon-nav.svg");
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 8px;
}
.p-goods-nav-fuuka__blank {
  margin-left: 16px;
}
.p-goods-nav-fuuka__blank img {
  width: 16px;
}
.p-img-case {
  margin-bottom: 16px;
}
@media screen and (min-width: 1024px) {
  .drawer-nav.goods-fuuka {
    z-index: 1;
  }
  .modal__content-goods-fuuka {
    margin: 50px auto 0;
  }
  .main.overflow {
    overflow: visible;
  }
  .linkLabel__btn__gr.goods-fuuka {
    top: 16px;
  }
  .p-goods-nav-fuuka__list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .p-goods-nav-fuuka__list li {
    width: calc(50% - 8px);
  }
  .p-goods-nav-fuuka__list li:nth-child(2) {
    border-top: 1px dashed #b0a4bd;
  }
  .p-goods-nav-fuuka__list li a {
    padding: 16px 8px;
  }
}
@media screen and (min-width: 768px) {
  .heading--tertiary {
    padding-bottom: 33px;
  }
  .heading--line {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .drawer-nav.goods-fuuka {
    z-index: 15;
  }
  .modal__content-goods-fuuka {
    padding: 10px;
    width: 90%;
    margin: 0 auto;
  }
  .linkLabel__btn__gr.goods-fuuka {
    top: 80px;
    font-size: 0.75rem;
  }
  .p-goods-nav-fuuka__list li a {
    padding: 8px;
  }
  .heading--line {
    padding-top: 30px;
  }
}
/* Armory collection（2020.10）
----------------------------------------------------*/
.armory-collection .linkLabel__btn__ye {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border: 2px solid #b58e00;
  text-align: center;
  text-transform: uppercase;
  position: sticky;
  top: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  max-width: 360px;
  margin: 24px auto;
  z-index: 1;
  background-color: #ffffff;
}
.armory-collection .linkLabel__btn__ye:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0px 0px 0px 3px #b58e00;
  box-shadow: inset 0px 0px 0px 3px #b58e00;
}
.armory-collection .linkLabel__btn__ye a {
  color: #b58e00;
  text-decoration: none;
  padding: 20px;
  display: block;
  font-size: 1.3rem;
  line-height: 1.2307692308;
  letter-spacing: 0.03em;
}
.armory-collection .linkLabel__btn__ye .fa {
  position: absolute;
  right: -12px;
  z-index: 1;
  color: #ffffff;
  background-color: #b58e00;
  border-radius: 20px;
  padding: 2px 4px;
}
.armory-collection .linkLabel__btn__ye .fa:before {
  font-size: 20px;
}
.armory-collection .linkLabel__btn__ye:after {
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: "";
  width: 0;
  left: 50%;
  bottom: 0;
  height: 3px;
  background: #f7f7f7;
}
@media screen and (max-width: 1023px) {
  .armory-collection .linkLabel__btn__ye {
    top: 70px;
    width: 100%;
  }
}
/* メタリックアクリルキーホルダー
----------------------------------------------------*/
.metalicacrylic {
  margin-top: 30px;
}
.metalicacrylic .item_intr {
  background-repeat: repeat;
  border-radius: 8px;
  padding: 4%;
  margin: 0 0 48px;
}
.metalicacrylic-v01 .item_intr {
  background-image: url("../images/goods/metalicacrylic/bg.png");
}
.metalicacrylic .item_intr__head {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 40px 16px;
  margin: 0 0 40px;
}
.metalicacrylic .goods_title {
  margin: 0 0 24px;
}
.metalicacrylic .item_intr p {
  font-weight: bold;
  margin: 0 auto 24px;
}
.metalicacrylic .list__item {
  width: 80%;
  margin: 0 auto;
}
.metalicacrylic .list__item li {
  margin: 0 0 24px;
}
.metalicacrylic .list__item li:nth-child(even) img {
  -webkit-box-shadow: 8px 8px #231815;
  box-shadow: 8px 8px #231815;
}
.metalicacrylic .list__item li:nth-child(odd) img {
  -webkit-box-shadow: -8px 8px #231815;
  box-shadow: -8px 8px #231815;
}
.metalicacrylic .item_img {
  max-width: 320px;
  margin: 0 auto 40px;
  display: block;
}
.metalicacrylic .area-middle {
  margin: 0 7.4666666667% 40px;
}
.txt__goods__1col-noboder li {
  border: none;
  margin: 0 0 16px;
}
.deco-metalicacrylic {
  width: 100%;
}
.deco-metalicacrylic01-mgn {
  margin: 0 0 40px;
}
.deco-metalicacrylic-v01.deco-metalicacrylic02 {
  background: rgb(252, 224, 0);
  background: -webkit-gradient(linear, left top, right top, from(rgb(252, 224, 0)), to(rgb(210, 167, 2)));
  background: linear-gradient(90deg, rgb(252, 224, 0) 0%, rgb(210, 167, 2) 100%);
  height: 4px;
  margin: 0 0 64px;
}
.metalicacrylic .item_info {
  margin: 0 auto 40px;
  width: 90%;
}
.item_info .col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
}
@media screen and (min-width: 768px) {
  .metalicacrylic .item_intr p {
    width: 90%;
  }
  .item_info .col2__left {
    margin-right: 40px;
  }
  .metalicacrylic .boxR {
    padding-left: 120px;
  }
}
@media screen and (max-width: 767px) {
  .metalicacrylic .item_img {
    max-width: 240px;
  }
  .metalicacrylic .boxR {
    padding-left: 100px;
  }
  .metalicacrylic .item_info {
    font-size: 0.8rem;
  }
}
/* fireemblem-figure（2020.12）
----------------------------------------------------*/
.fireemblem-figure .p-goods-old__inner {
  max-width: 660px;
  margin: auto;
}
.fireemblem-figure .m-list--figure-bunner li {
  background-color: #f3f3f5;
  position: relative;
}
.fireemblem-figure .a-image--bunner {
  position: absolute;
}
.fireemblem-figure .a-image--bunner.lin {
  bottom: 0;
}
.fireemblem-figure .m-block--bunner-title {
  text-align: center;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 40%;
}
.fireemblem-figure .m-block--bunner-title__figure {
  margin: 0;
}
.fireemblem-figure .m-list--figure-bunner li .m-date {
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
}
.fireemblem-figure .a-button--figure {
  text-decoration: none;
  padding: 20px 40px;
}
.fireemblem-figure .a-button--figure.lin {
  color: #ffffff;
  background-color: #1b8e32;
}
.fireemblem-figure .a-button--figure.ike {
  color: #ffffff;
  background-color: #364872;
}
.fireemblem-figure .a-button--figure.marth {
  color: #ffffff;
  background-color: #337dc2;
}
.fireemblem-figure .a-button--figure.byleth {
  color: #ffffff;
  background-color: #482b7f;
}
.fireemblem-figure .a-button--figure.roy-lilina {
  color: #ffffff;
  background-color: #e06a14;
}
.fireemblem-figure .a-button--figure.veronica {
  color: #ffffff;
  background-color: #24070c;
}
.fireemblem-figure .a-button--figure.kamuy {
  color: #ffffff;
  background-color: #000000;
}
.fireemblem-figure .m-list--figure-bunner__name {
  margin-bottom: 40px;
}
.fireemblem-figure .a-text--andmore {
  color: #5c5452;
  background-color: #ffffff;
  display: block;
  padding: 20px 40px;
  text-align: center;
  max-width: 220px;
  margin: auto;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
}
.fireemblem-figure {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.fireemblem-figure .a-title--name {
  font-weight: 300;
  margin-bottom: 24px;
  font-size: 2.8rem;
  line-height: 1.1428571429;
  letter-spacing: 0.08em;
}
.fireemblem-figure .a-title--type01 {
  text-align: center;
  width: 100%;
  margin-bottom: 24px;
  font-size: 3.2rem;
  line-height: 1.25;
  letter-spacing: 0.1em;
}
.fireemblem-figure .a-title--type01::after {
  background-color: #f3f3f5;
  content: "";
  display: block;
  height: 40px;
  margin-top: -30px;
}
.fireemblem-figure .a-title--type02 {
  text-align: center;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 32px;
}
.fireemblem-figure .m-block--title .a-title--type03 {
  margin: 0 0 16px;
}
.fireemblem-figure .a-title--type03 {
  font-weight: 600;
  position: relative;
}
.fireemblem-figure .m-block--title .a-title--type03::before,
.fireemblem-figure .m-block--title .a-title--type03::after {
  content: "";
  height: 24px;
  width: 18%;
  display: inline-block;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  margin: auto;
  bottom: 50%;
}
.fireemblem-figure .m-block--title .a-title--type03::before {
  background-image: url(../images/goods/fireemblem-figure/t_figure-l.svg);
  left: 0;
}
.fireemblem-figure .m-block--title .a-title--type03::after {
  background-image: url(../images/goods/fireemblem-figure/t_figure-r.svg);
  right: 0;
}
.fireemblem-figure .note {
  font-size: 12px;
}
.fireemblem-figure .a-text--type01 {
  color: #ffffff;
  font-weight: 600;
}
.fireemblem-figure .a-text--type03 {
  font-weight: 600;
  margin: 0 0 24px;
  font-size: 1.8rem;
  line-height: 1.7777777778;
  letter-spacing: 0.08em;
}
.fireemblem-figure .a-link--type01 {
  color: #231815;
}
.fireemblem-figure .a-link--type01:hover {
  text-decoration: none;
}
.fireemblem-figure .m-block--title {
  text-align: center;
  color: #5c5452;
  margin: 0 0 40px;
}
.fireemblem-figure .a-image--catch {
  width: 70%;
}
@media screen and (min-width: 768px) {
  .fireemblem-figure .a-image--catch.marth {
    width: 50%;
  }
  .fireemblem-figure .a-image--catch.veronica {
    width: 60%;
  }
}
.fireemblem-figure .a-image--catch.byleth {
  width: 40%;
}
.fireemblem-figure .a-image--main {
  margin: 0 0 40px;
}
.fireemblem-figure .m-section__inner--type01 {
  width: 85%;
  margin: auto;
  padding-bottom: 40px;
}
.fireemblem-figure .m-section__inner--type02 {
  padding-bottom: 40px;
}
.fireemblem-figure .m-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
  text-align: center;
  width: 90%;
  margin: 0 auto 24px;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
.fireemblem-figure .m-date span {
  font-weight: 600;
  margin-right: 0.7rem;
}
.fireemblem-figure .m-date__item {
  padding: 0.5rem 0;
}
.fireemblem-figure .m-date__item.left {
  background-color: #5c5452;
  width: 55%;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.fireemblem-figure .m-date__item.right {
  background-color: #231815;
  width: 45%;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.fireemblem-figure .linkLabel__btn__gr {
  z-index: 1;
  margin: 0 auto 40px;
  font-size: 14px;
}
.fireemblem-figure .m-list--photo li {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  margin: 0 0 2px;
}
.fireemblem-figure .m-list--photo li:nth-child(odd) {
  background-color: #a3a1a6;
}
.fireemblem-figure .m-list--photo li:nth-child(even) {
  background-color: #bab9be;
}
.fireemblem-figure .m-list--photo__body {
  width: 50%;
}
.fireemblem-figure .a-image--photo {
  width: 50%;
  height: 100%;
}
.fireemblem-figure .a-button--zoom {
  width: 80px;
}
.fireemblem-figure .modal__content-goods-figure {
  padding: 10px;
  width: 90%;
  margin: 0 auto;
  max-width: 600px;
}
.fireemblem-figure .modal__bg-goods-figure {
  background-color: rgba(156, 153, 158, 0.9);
}
.fireemblem-figure .js-modal-close-goods-figure {
  position: absolute;
  top: -50px;
  right: 0;
}
.fireemblem-figure .js-modal-close-goods-figure img {
  width: 32px;
}
.fireemblem-figure .m-movie--figure {
  background-color: #ffffff;
}
.fireemblem-figure .video-js .vjs-big-play-button {
  background-repeat: no-repeat;
  position: absolute;
}
.fireemblem-figure .vjs-has-started .vjs-control-bar {
  display: none;
}
.fireemblem-figure .a-image--comment {
  margin: 0 0 32px;
}
.fireemblem-figure .m-block--border {
  border: solid 2px #231815;
  padding: 8%;
}
.fireemblem-figure .m-list--outline li {
  margin-bottom: 24px;
}
.fireemblem-figure .m-list--outline li img {
  margin: 0 0 16px;
}
.fireemblem-figure .p-products .m-list--outline {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.fireemblem-figure .p-products .m-list--outline li {
  width: 46%;
}
.fireemblem-figure .o-figure--color {
  margin-bottom: 40px;
}
.fireemblem-figure .o-figure--color.lin {
  background-color: #f3f8f4;
}
.fireemblem-figure .o-figure--color.ike {
  background-color: #e1eaf1;
}
.fireemblem-figure .o-figure--color.marth {
  background-color: #e1eaf1;
}
.fireemblem-figure .o-figure--color.byleth {
  background-color: #d5cfe3;
}
.fireemblem-figure .o-figure--color.roy-lilina {
  background-color: #f2d7c2;
}
.fireemblem-figure .o-figure--color.veronica {
  background-color: #c3c3c3;
}
.fireemblem-figure .o-figure--color.kamuy {
  background-color: #d3d3d3;
}
.fireemblem-figure .p-works {
  padding-top: 40px;
}
.fireemblem-figure .a-image--chara {
  width: 70%;
  margin: 0 auto 16px;
  display: block;
}
.fireemblem-figure .p-products__note {
  margin: 0 0 32px;
}
.fireemblem-figure .item_info__copy {
  margin: 0 0 16px;
}
/* アイク */
.linkLabel__btn__ike {
  margin: 0 auto 40px;
  border: 2px solid #364872;
}
.linkLabel__btn__ike a {
  color: #364872;
}
.linkLabel__btn__ike:hover {
  -webkit-box-shadow: inset 0px 0px 0px 3px #364872;
  box-shadow: inset 0px 0px 0px 3px #364872;
}
.linkLabel__btn__ike .fa {
  background-color: #364872;
}
/* マルス */
.linkLabel__btn__marth {
  margin: 0 auto 40px;
  border: 2px solid #337dc2;
}
.linkLabel__btn__marth a {
  color: #337dc2;
}
.linkLabel__btn__marth:hover {
  -webkit-box-shadow: inset 0px 0px 0px 3px #337dc2;
  box-shadow: inset 0px 0px 0px 3px #337dc2;
}
.linkLabel__btn__marth .fa {
  background-color: #337dc2;
}
/* べレス */
.linkLabel__btn__byleth {
  margin: 0 auto 40px;
  border: 2px solid #3a1d5b;
}
.linkLabel__btn__byleth a {
  color: #3a1d5b;
}
.linkLabel__btn__byleth:hover {
  -webkit-box-shadow: inset 0px 0px 0px 3px #3a1d5b;
  box-shadow: inset 0px 0px 0px 3px #3a1d5b;
}
.linkLabel__btn__byleth .fa {
  background-color: #3a1d5b;
}
/* ロイ&リリーナ */
.linkLabel__btn__roy-lilina {
  margin: 0 auto 40px;
  border: 2px solid #e06a14;
}
.linkLabel__btn__roy-lilina a {
  color: #e06a14;
}
.linkLabel__btn__roy-lilina:hover {
  -webkit-box-shadow: inset 0px 0px 0px 3px #e06a14;
  box-shadow: inset 0px 0px 0px 3px #e06a14;
}
.linkLabel__btn__roy-lilina .fa {
  background-color: #e06a14;
}
/* ヴェロニカ */
.linkLabel__btn__veronica {
  margin: 0 auto 40px;
  border: 2px solid #24070c;
}
.linkLabel__btn__veronica a {
  color: #24070c;
}
.linkLabel__btn__veronica:hover {
  -webkit-box-shadow: inset 0px 0px 0px 3px #24070c;
  box-shadow: inset 0px 0px 0px 3px #24070c;
}
.linkLabel__btn__veronica .fa {
  background-color: #24070c;
}
/* カムイ */
.linkLabel__btn__kamuy {
  margin: 0 auto 40px;
  border: 2px solid #000000;
}
.linkLabel__btn__kamuy a {
  color: #000000;
}
.linkLabel__btn__kamuy:hover {
  -webkit-box-shadow: inset 0px 0px 0px 3px #000000;
  box-shadow: inset 0px 0px 0px 3px #000000;
}
.linkLabel__btn__kamuy .fa {
  background-color: #000000;
}
/* リュール */
.linkLabel__btn__lueur {
  margin: 0 auto 40px;
  border: 2px solid;
  -o-border-image: linear-gradient(90deg, rgb(255, 6, 14), rgb(11, 57, 154)) 1;
  border-image: -webkit-gradient(linear, left top, right top, from(rgb(255, 6, 14)), to(rgb(11, 57, 154))) 1;
  border-image: linear-gradient(90deg, rgb(255, 6, 14), rgb(11, 57, 154)) 1;
  position: relative;
}
.linkLabel__btn__lueur p {
  color: rgb(11, 57, 154);
  background: -webkit-linear-gradient(0deg, rgb(255, 6, 14), rgb(11, 57, 154));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
  padding: 0;
  /* color: linear-gradient(90deg, rgba(255, 22, 22, 1), rgba(5, 0, 255, 1)) 1; */
}
.linkLabel__btn__lueur::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0px solid;
  -o-border-image: linear-gradient(90deg, rgb(255, 6, 14), rgb(11, 57, 154)) 1;
  border-image: -webkit-gradient(linear, left top, right top, from(rgb(255, 6, 14)), to(rgb(11, 57, 154))) 1;
  border-image: linear-gradient(90deg, rgb(255, 6, 14), rgb(11, 57, 154)) 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: -1;
}
.linkLabel__btn__lueur:hover::before {
  border: 3px solid;
  -o-border-image: linear-gradient(90deg, rgb(255, 6, 14), rgb(11, 57, 154)) 1;
  border-image: -webkit-gradient(linear, left top, right top, from(rgb(255, 6, 14)), to(rgb(11, 57, 154))) 1;
  border-image: linear-gradient(90deg, rgb(255, 6, 14), rgb(11, 57, 154)) 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.linkLabel__btn__lueur .fa {
  background-color: rgb(11, 57, 154);
}
.a-image-bunner-sp.lueur {
  height: 260px;
  right: 0;
}
.br-sp-lueur {
  display: none;
}
/* ディミトリ */
.linkLabel__btn__dimitri {
  margin: 0 auto 40px;
  border: 2px solid #424d98;
}
.linkLabel__btn__dimitri a {
  color: #424d98;
}
.linkLabel__btn__dimitri:hover {
  -webkit-box-shadow: inset 0px 0px 0px 3px #424d98;
  box-shadow: inset 0px 0px 0px 3px #424d98;
}
.link-dimitri {
  color: #424d98;
  text-decoration: underline;
}
.link-dimitri:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .fireemblem-figure .m-list--figure-bunner > li {
    min-height: 320px;
    margin-bottom: 40px;
  }
  .a-image-bunner-sp {
    display: none;
  }
  /* リン */
  .p-bunner-lin {
    margin-top: 40px;
  }
  .fireemblem-figure .m-block--bunner-title.lin {
    width: 40%;
    right: 8%;
  }
  /* アイク */
  .fireemblem-figure .m-block--bunner-title.ike {
    width: 40%;
    left: 8%;
  }
  .fireemblem-figure .a-image--bunner.ike {
    right: 0;
  }
  .fireemblem-figure .m-list--photo__body {
    padding: 6%;
  }
  /* マルス */
  .p-bunner-marth {
    margin-top: 40px;
  }
  .fireemblem-figure .m-block--bunner-title.marth {
    width: 40%;
    right: 8%;
  }
  /* べレス */
  .fireemblem-figure .m-block--bunner-title.byleth {
    width: 40%;
    left: 8%;
  }
  .fireemblem-figure .a-image--bunner.byleth {
    right: 0;
  }
  .fireemblem-figure .m-list--photo__body {
    padding: 6%;
  }
  /* ロイ&リリーナ */
  .fireemblem-figure .m-block--bunner-title.roy-lilina {
    width: 40%;
    right: 8%;
  }
  .p-bunner-roy-lilina {
    margin-top: 40px;
  }
  /* ヴェロニカ */
  .fireemblem-figure .m-block--bunner-title.veronica {
    width: 40%;
    left: 8%;
  }
  .fireemblem-figure .a-image--bunner.veronica {
    right: 0;
  }
  /* カムイ */
  .p-bunner-kamuy {
    margin-top: 40px;
  }
  .fireemblem-figure .m-block--bunner-title.kamuy {
    width: 40%;
    right: 8%;
  }
}
/* エーデルガルト */
.linkLabel__btn__edelgard {
  margin: 0 auto 40px;
  border: 2px solid #b62638;
}
.linkLabel__btn__edelgard a {
  color: #b62638;
}
.linkLabel__btn__edelgard:hover {
  -webkit-box-shadow: inset 0px 0px 0px 3px #b62638;
  box-shadow: inset 0px 0px 0px 3px #b62638;
}
.link-edelgard {
  color: #b62638;
  text-decoration: underline;
}
.link-edelgard:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .fireemblem-figure .m-list--figure-bunner > li {
    min-height: 320px;
    margin-bottom: 40px;
  }
  .a-image-bunner-sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .fireemblem-figure .m-list--figure-bunner > li {
    min-height: 260px;
    margin: 0 0 40px;
  }
  .a-image-bunner-pc {
    display: none;
  }
  /* リン */
  .fireemblem-figure .m-block--bunner-title.lin {
    right: 8%;
  }
  .fireemblem-figure .a-image--bunner.lin {
    height: 100%;
  }
  /* アイク */
  .fireemblem-figure .m-block--bunner-title.ike {
    left: 4%;
  }
  .fireemblem-figure .a-image--bunner.ike {
    height: 100%;
    right: 0;
  }
  /* マルス */
  .fireemblem-figure .m-block--bunner-title.marth {
    right: 8%;
  }
  .fireemblem-figure .a-image--bunner.marth {
    height: 100%;
  }
  /* べレス */
  .fireemblem-figure .m-block--bunner-title.byleth {
    left: 4%;
  }
  .fireemblem-figure .a-image--bunner.byleth {
    height: 100%;
    right: 0;
  }
  /* ロイ&リリーナ */
  .fireemblem-figure .m-block--bunner-title.roy-lilina {
    right: 8%;
  }
  .fireemblem-figure .a-image--bunner.roy-lilina {
    height: 100%;
  }
  .fireemblem-figure .a-text--type01 {
    font-size: 1rem;
  }
  .fireemblem-figure .m-list--photo li {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .fireemblem-figure .m-list--photo__body {
    padding-right: 4%;
    padding-left: 4%;
  }
  /* ヴェロニカ */
  .fireemblem-figure .m-block--bunner-title.veronica {
    left: 4%;
  }
  .fireemblem-figure .a-image--bunner.veronica {
    height: 100%;
    right: 0;
  }
  /* カムイ */
  .fireemblem-figure .m-block--bunner-title.kamuy {
    right: 8%;
  }
  .fireemblem-figure .a-image--bunner.kamuy {
    height: 100%;
  }
  /* リュール */
  .fireemblem-figure .m-block--bunner-title.lueur {
    left: 8%;
  }
  .br-sp-lueur {
    display: block;
  }
}
/* 5周年メモリアルボックス（2022.01）
----------------------------------------------------*/
.h-5th {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  position: relative;
  background-image: url(../images/goods/h-5th/bg-tx.png);
  background-repeat: repeat-y;
  background-size: contain;
  background-position: center;
  color: #deb900;
}
.h-5th__header {
  padding: 24px;
  margin-bottom: 40px;
}
.h-5th__header img {
  display: block;
  width: 100%;
}
.h-5th__felogo {
  max-width: 560px;
  margin: 0 auto 24px;
}
.h-5th__titletext {
  max-width: 480px;
  margin: auto;
}
.h-5th__reservation {
  text-align: center;
  color: #ffffff;
  position: relative;
  font-size: 13px;
  margin-bottom: 40px;
  height: 70px;
  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;
}
.h-5th__reservation::before {
  top: 0;
}
.h-5th__reservation::after {
  bottom: 0;
}
.h-5th__reservation::before,
.h-5th__reservation::after {
  content: "";
  display: block;
  background-image: url(../images/goods/h-5th/b-01.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  height: 8px;
  width: 100%;
}
.h-5th__reservation span {
  font-weight: 700;
  display: block;
}
.h-5th__text {
  font-weight: 700;
  padding: 0 16px;
  line-height: 2.4;
}
.h-5th__image {
  display: block;
  margin-bottom: 24px;
}
.h-5th__heading {
  text-align: center;
  font-weight: 700;
}
.h-5th__heading > div {
  margin-top: 8px;
}
.h-5th__nav {
  margin-bottom: 80px;
}
.h-5th__nav ul li {
  margin-bottom: 8px;
}
.h-5th__nav__line {
  max-width: 480px;
  width: 100%;
  margin-bottom: 56px;
}
.h-5th__nav__button {
  background-image: url(../images/goods/h-5th/bg-button.svg);
  background-repeat: no-repeat;
  background-position: center;
  color: #261b16;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 72px;
  max-width: 360px;
  width: 100%;
  background-size: 100%;
  margin: 0 auto;
  font-size: 15px;
  font-weight: 700;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.h-5th__nav__button:hover {
  color: #595553;
}
.h-5th__title {
  position: relative;
  text-align: center;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 24px;
}
.h-5th__title::before,
.h-5th__title::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.h-5th__title::before {
  background-image: url(../images/goods/h-5th/b-03-left.svg);
  left: 0;
}
.h-5th__title::after {
  background-image: url(../images/goods/h-5th/b-03-right.svg);
  right: 0;
}
.h-5th__nav {
  text-align: center;
}
/* SPEC */
.h-5th__spec {
  margin-top: 64px;
}
.h-5th__spec__content {
  position: relative;
}
.h-5th__spec__content ul {
  margin: 24px;
  padding-top: 32px;
}
.h-5th__spec__content ul li {
  margin-bottom: 8px;
}
.h-5th__spec__content::before,
.h-5th__spec__content::after {
  content: "";
  display: block;
  background-image: url(../images/goods/h-5th/b-01.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  height: 10px;
  width: 100%;
}
.h-5th__spec__content span {
  font-weight: 700;
}
.m-movie--h-5th video + div {
  background-color: #000000;
}
/* TRACK LIST */
.h-5th__tracklist {
  margin-top: 120px;
}
.h-5th__tracklist > .h-5th__heading {
  margin-bottom: 40px;
}
.h-5th__accordion {
  color: #b88900;
  margin-bottom: 16px;
}
.h-5th__accordion__content {
  background-color: #ffffff;
  border-left: #b88900 solid 2px;
  border-right: #b88900 solid 2px;
  border-bottom: #b88900 solid 2px;
}
.h-5th__accordion__label {
  background-color: #ffffff;
  border: #b88900 solid 2px;
  padding: 16px 12px;
  font-weight: 700;
}
.h-5th__accordion__label.disabled {
  pointer-events: none;
  opacity: 0.8;
}
.h-5th__accordion__label::after {
  background-image: url(../images/goods/h-5th/icon-accordion.svg);
  width: 16px;
  height: 16px;
  right: 24px;
}
.h-5th__accordion__list {
  padding: 16px;
}
.h-5th__accordion__list:not(.bonus) {
  counter-reset: number;
}
.h-5th__accordion__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 5px;
}
.h-5th__accordion__list:not(.bonus) li::before {
  counter-increment: number;
  content: counter(number) ".";
  margin: 0 4px 0 0;
  -ms-flex-preferred-size: 24px;
  flex-basis: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.h-5th__accordion__item-title {
  font-weight: 600;
}
.h-5th__accordion__list li + .h-5th__accordion__item-title {
  margin-top: 16px;
}
.h-5th__accordion__input:checked + .h-5th__accordion__label {
  border-bottom: none;
}
/* PRODUCT LIST */
.h-5th__productspec__heading {
  margin-bottom: 24px;
}
.h-5th__productspec__title {
  text-align: center;
  font-weight: 700;
  margin-bottom: 24px;
}
.h-5th__productspec__list {
  width: 90%;
  margin: 0 auto 40px;
}
.h-5th__productspec__list li {
  border-top: solid #b88900 1px;
  padding: 12px 8px;
}
.h-5th__productspec__list li:last-child {
  border-bottom: solid #b88900 1px;
}
.h-5th__productspec__list li span {
  font-weight: 700;
  display: block;
}
.h-5th__productspec__note {
  width: 90%;
  margin: auto;
}
/* FOOTER */
.h-5th__footer {
  color: #b88900;
}
.h-5th__footer__button {
  max-width: 400px;
  width: 100%;
  display: block;
  margin: 0 auto 56px;
}
.h-5th__footer__contact {
  font-size: 18px;
}
.h-5th__footer__copyright {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .h-5th__logo {
    max-width: 160px;
  }
  .h-5th__heading img {
    height: 28px;
  }
  .h-5th__nav__button {
    margin-bottom: 8px;
  }
  .h-5th__text {
    font-size: 16px;
  }
  .h-5th__section {
    max-width: 580px;
    margin: 0 auto 120px;
    padding-top: 80px;
  }
  .h-5th__title {
    font-size: 24px;
  }
  .h-5th__title::before,
.h-5th__title::after {
    height: 24px;
    width: 120px;
  }
  /* PRODUCT LIST */
  .h-5th__productspec__title {
    font-size: 18px;
  }
  .h-5th__linkLabel__btn {
    position: sticky;
    top: 20px;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  .h-5th__logo {
    max-width: 120px;
  }
  .h-5th {
    padding-top: 60px;
  }
  .h-5th__nav {
    padding: 0 24px;
  }
  .h-5th__section {
    margin-bottom: 80px;
    padding: 0 24px;
  }
  .h-5th__heading img {
    height: 24px;
  }
  .h-5th__title {
    font-size: 18px;
  }
  .h-5th__title::before,
.h-5th__title::after {
    width: 80px;
    height: 20px;
  }
  .h-5th__linkLabel__btn {
    position: relative;
  }
  .h-5th__linkLabel__btn.clone-button {
    position: fixed;
    bottom: -150px;
    right: 0;
    margin: auto;
    z-index: 5;
    left: 0;
  }
  .h-5th__linkLabel__btn.clone-button.is-fixed {
    bottom: 20px;
  }
}
.h-5th__linkLabel__btn {
  margin: 0 auto 40px;
  border: 2px solid #deb900;
}
.h-5th__linkLabel__btn a {
  color: #deb900;
}
.h-5th__linkLabel__btn:hover {
  -webkit-box-shadow: inset 0px 0px 0px 3px #deb900;
  box-shadow: inset 0px 0px 0px 3px #deb900;
}
.h-5th__linkLabel__btn .fa {
  background-color: #deb900;
}
/* 視聴 */
.h-5th .audiojs .play-pause {
  padding: 0;
  border: none;
  width: 24px;
  height: 24px;
}
.h-5th .audiojs .play {
  background: url(../images/goods/h-5th/play.svg) no-repeat;
  background-size: contain;
  padding: 0;
}
.h-5th .audiojs .pause {
  background: url(../images/goods/h-5th/pause.svg) no-repeat;
  padding: 0;
  background-size: contain;
}
.h-5th .audiojs {
  width: 24px;
  height: 24px;
  -ms-flex-preferred-size: 32px;
  flex-basis: 32px;
  background: #ffffff;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: monospace;
  font-size: 12px;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-right: 8px;
}
.h-5th .audiojs p {
  width: 24px;
  height: 24px;
}
.h-5th .scrubber {
  display: none;
}
.h-5th .audiojs .time {
  display: none;
}
/* 風花雪月 紅茶（2022.03）
----------------------------------------------------*/
.fe-tea {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #3e322e;
  background-image: url(../images/goods/tea/bg-main.png);
}
.fe-tea .orange {
  color: #c78e3f;
}
.fe-tea .pink {
  color: #ae6083;
}
.fe-tea .link:hover {
  text-decoration: none;
}
.fe-tea__heading {
  font-weight: 700;
  text-align: center;
  font-size: 18px;
  margin: 24px 0 16px;
}
.linkLabel__btn__tea {
  margin: 0 auto 40px;
  border: 2px solid #c78e3f;
}
.linkLabel__btn__tea a {
  color: #c78e3f;
}
.linkLabel__btn__tea:hover {
  -webkit-box-shadow: inset 0px 0px 0px 3px #c78e3f;
  box-shadow: inset 0px 0px 0px 3px #c78e3f;
}
.linkLabel__btn__tea .fa {
  background-color: #c78e3f;
}
.fe-tea__mainvisual {
  width: 100%;
  background-size: 100%;
  position: relative;
}
.fe-tea__mainvisual__illust {
  position: absolute;
  overflow: hidden;
}
.fe-tea__mainvisual__top {
  right: 0;
}
.fe-tea__mainvisual__bottom {
  left: 0;
}
.fe-tea__titlelist {
  text-align: center;
  margin-bottom: 40px;
}
.fe-tea__titlelist li + li {
  margin-top: 32px;
}
.fe-tea__header__logo {
  width: 60%;
  display: block;
  margin: 0 auto 24px;
}
.fe-tea__header__title {
  height: 40px;
}
.fe-tea__reservation {
  text-align: center;
  position: relative;
  font-size: 13px;
  margin-bottom: 40px;
  height: 130px;
  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;
}
.fe-tea__reservation::before {
  top: 0;
}
.fe-tea__reservation::after {
  bottom: 0;
}
.fe-tea__reservation::before,
.fe-tea__reservation::after {
  content: "";
  display: block;
  background-image: url(../images/goods/tea/b-01.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  height: 8px;
  width: 100%;
}
.fe-tea__reservation span {
  display: block;
  font-weight: 700;
}
.fe-tea__header__bottom-lead {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 24px;
}
.fe-tea__header__bottom-lead + p {
  font-weight: 700;
}
/* break */
.fe-tea__section {
  position: relative;
}
.fe-tea__section__deco {
  position: absolute;
  z-index: 1;
}
.fe-tea__section-break {
  background-image: url(../images/goods/tea/bg-br.png);
}
.fe-tea__section-collection {
  background-image: url(../images/goods/tea/bg-pi.png);
}
.fe-tea__section__white {
  background-color: #fff;
  position: relative;
  -o-border-image: url(../images/goods/tea/bg-w-left.png);
  border-image: url(../images/goods/tea/bg-w-left.png);
}
.fe-tea__section__white::before,
.fe-tea__section__white::after {
  content: "";
  position: absolute;
  background-size: contain;
  height: 20px;
  width: 100%;
  left: 0;
  background-repeat: repeat-x;
  right: 0;
}
.fe-tea__section__white::before {
  background-image: url(../images/goods/tea/bg-w-top.png);
  top: -5px;
}
.fe-tea__section__white::after {
  background-image: url(../images/goods/tea/bg-w-bottom.png);
  bottom: -5px;
}
.fe-tea__section__white-inner {
  max-width: 580px;
  margin: auto;
}
.fe-tea__section__title {
  height: 40px;
  display: block;
  margin: 0 auto 24px;
}
.fe-tea__section__set {
  font-weight: 700;
  font-size: 16px;
}
.fe-tea__section__set + p {
  font-weight: 700;
}
.fe-tea__section__chara {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
.fe-tea__section__chara01 {
  width: 560px;
  margin-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .fe-tea__section__chara01 {
    margin-top: -40px;
  }
}
.fe-tea__section__sub {
  max-width: 580px;
  margin: 0 auto 80px;
}
.fe-tea__spec {
  padding: 24px 8px;
}
.fe-tea__spec .m-list--spec__left {
  font-weight: 700;
}
.fe-tea__section__sub-spec {
  position: relative;
}
.fe-tea__section__sub-spec::before,
.fe-tea__section__sub-spec::after {
  content: "";
  display: block;
  background-image: url(../images/goods/tea/b-03.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  height: 10px;
  width: 100%;
}
.fe-tea__section__sub-spec div {
  margin: 0 16px 10px;
  padding-top: 16px;
}
.fe-tea__package {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.fe-tea__package li {
  width: calc(25% - 8px);
  text-align: center;
  margin-bottom: 24px;
}
.fe-tea__package .a-button--zoom {
  margin-top: 8px;
}
.fe-tea__teabag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}
.fe-tea__teabag ul {
  width: 50%;
}
.fe-tea__deco {
  margin-bottom: 24px;
}
.fe-tea .m-section__inner--type01 {
  width: 85%;
  margin: 40px auto 0;
}
.fe-tea__news {
  border: 2px solid #9c2d32;
  padding: 16px;
  margin-top: 32px;
}
.fe-tea__news .link {
  color: #9c2d32;
}
.fe-tea__news span {
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
  color: #9c2d32;
}
@media screen and (min-width: 768px) {
  .fe-tea__mainvisual {
    margin-bottom: 80px;
  }
  .fe-tea__mainvisual__top {
    width: 540px;
    top: -20px;
  }
  .fe-tea__mainvisual__bottom {
    width: 400px;
    bottom: -80px;
  }
  .fe-tea__header__bottom {
    padding: 0 80px 80px;
  }
  .fe-tea__section__inner {
    padding: 40px;
  }
  .fe-tea__section__white-01 {
    padding: 160px 40px 40px;
  }
  .fe-tea__section__white-02 {
    padding: 40px;
  }
  .fe-tea__package .a-button--zoom {
    width: 80px;
  }
  .fe-tea .works__linkLabel:after {
    left: 0;
  }
  .fe-tea__section-collection {
    margin-bottom: 120px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .fe-tea__mainvisual {
    margin-bottom: 32px;
  }
  .fe-tea__mainvisual__top {
    width: 240px;
    top: -16px;
  }
  .fe-tea__mainvisual__bottom {
    width: 200px;
    bottom: -24px;
  }
  .fe-tea__reservation {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .fe-tea__header__bottom {
    padding: 0 24px 40px;
  }
  .fe-tea__section .tar {
    text-align: left;
  }
  .fe-tea__section__inner {
    padding: 24px;
  }
  .fe-tea__section__white-01 {
    padding: 70px 16px 16px;
  }
  .fe-tea__section__white-02 {
    padding: 16px;
  }
  .fe-tea__package .a-button--zoom {
    width: 64px;
  }
  .fe-tea__section-collection {
    margin-bottom: 50px;
    padding-bottom: 50px;
  }
}
/* モーダル */
.fe-tea .modal__bg-goods-tea {
  background-image: url(../images/goods/tea/bg-modal.png);
}
.fe-tea .modal__content-goods-tea {
  padding: 10px;
  width: 80%;
  margin: 0 auto;
  max-width: 600px;
  background-color: rgba(0, 0, 0, 0);
  color: #ffffff;
  overflow-y: scroll;
  padding: 50px 10px 10px;
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
.fe-tea .modal__content-goods-tea::-webkit-scrollbar {
  display: none;
}
.fe-tea .js-modal-close-goods-tea {
  position: absolute;
  top: 0;
  right: 0;
}
.fe-tea .js-modal-close-goods-tea img {
  width: 32px;
}
.fe-tea .slick-dots li.slick-active button:before {
  color: #ffffff;
}
@media screen and (min-width: 1025px) {
  .fe-tea .modal__content-goods-tea {
    max-height: 1080px;
    height: 80%;
  }
}
@media screen and (max-width: 1024px) {
  .fe-tea .modal__content-goods-tea {
    height: 880px;
  }
}
@media screen and (max-width: 599px) {
  .fe-tea .modal__content-goods-tea {
    height: 500px;
  }
}
/*** Goods ***/
@media screen and (min-width: 768px) {
  .txt__goods {
    width: 43%;
    float: right;
  }
  #goods .works__linkLabel:after {
    left: 0;
  }
  #goods .works__linkLabel:hover:after {
    width: 100%;
  }
  .img__top {
    padding: 20px 0 70px;
    text-align: center;
  }
}
.boxL {
  float: left;
}
.boxR {
  padding-left: 70px;
}
.tx__space {
  font-size: 11px;
}
.txt__goods li {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid #ddd;
}
.txt__main {
  margin: 20px 0 30px;
}
.contents__goods__dispimg {
  float: left;
  text-align: left;
  padding-bottom: 35px;
}
.img__main {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .txt__goods {
    clear: both;
    max-width: 80%;
    margin: 0 auto;
  }
  .img__top {
    padding: 20px 0 30px;
  }
}
/*** Sound ***/
.productList div.news-tag {
  color: #ffffff;
  padding: 3px 8px;
  border-radius: 4px;
  width: 55px;
  margin: 0 auto 5px;
}
.tag-gr {
  background-color: #12b83c;
}
.sound--area {
  margin-top: 40px;
}
.sound--area a {
  text-decoration: none;
  color: #a50d05;
  -webkit-transition: 1s;
  transition: 1s;
}
.echoes__cd {
  background-image: url(../images/goods/fee-cd/bg_blue.png);
  letter-spacing: 0.05em;
}
.txt-s {
  font-size: 0.8em;
}
.head_warp {
  background-image: url(../images/goods/fee-cd/bg_head.png);
}
.contents__works {
  background-image: url(..images/goods/fee-cd/bg_reaf.png), url(../images/goods/fee-cd/bg_blue.png);
  background-repeat: no-repeat, repeat-y;
  padding-top: 20px;
  border-top: solid 5px #3b8bd6;
}
.head_img {
  display: block;
}
.head_img_sp {
  display: none;
}
.contents__area {
  background-color: rgba(255, 255, 255, 0.8);
  margin: 40px auto;
  padding: 0 6% 40px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 5px #0050af;
  box-shadow: 0 0 5px #0050af;
}
.bn_wrap {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 40px;
}
.t_img {
  text-align: center;
  padding: 30px 10px 10px;
}
.news-list li {
  margin-bottom: 10px;
}
.news-list .news-tag {
  color: #ffffff;
  padding: 3px 8px;
  border-radius: 4px;
  margin-right: 20px;
  float: left;
  margin-top: -3px;
}
.news-list li a {
  text-decoration: none;
  color: #333333;
  cursor: pointer;
}
.news-list li a:hover {
  opacity: 0.8;
}
.news-list .news-date {
  margin-right: 20px;
  float: left;
}
.tag-or {
  background-color: #f9a173;
}
.tag-bl {
  background-color: #7dc5f9;
}
.catch {
  font-size: 25px;
  font-weight: bold;
  color: #25324e;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.txt-block {
  margin: 40px 0;
}
.txt-block strong {
  font-size: 17px;
}
.txt-block a {
  color: #3b8bd6;
  text-decoration: none;
}
.cast-list {
  float: left;
  width: 49%;
}
.cmt_img {
  width: 80%;
  margin: 0 auto;
}
.next {
  text-align: center;
}
.q_txt {
  color: #41d2e8;
  font-size: 19px;
  margin: 30px 0 10px;
}
.thub_img {
  text-align: center;
}
.pd-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.pd-list li {
  width: 48%;
  margin-bottom: 40px;
}
.pd-list a {
  text-decoration: none;
  color: #25324e;
}
.pd-img {
  text-align: center;
  margin-bottom: 10px;
}
.pd-img a {
  -webkit-transition: 1s;
  transition: 1s;
}
.pd-img a:hover {
  opacity: 0.8;
}
#bn_cmt li {
  margin-bottom: 10px;
}
.btn_open {
  cursor: pointer;
}
.echoes__cd .works__linkLabel:after {
  background: #3b8bd6;
  left: 0;
}
.tp_back {
  text-align: center;
  margin: 20px auto 20px;
  width: 20%;
}
.vjs-poster {
  background-color: rgba(255, 255, 255, 0.8);
}
.echoes__cd .cd-player {
  padding: 0 2% 2%;
  background-color: #3b8bd6;
}
.cd-player-st {
  padding: 0 2% 2%;
}
@media screen and (max-width: 767px) {
  .echoes__cd {
    padding-bottom: 40px;
  }
  .contents__areawrap {
    padding: 0 15px;
  }
  .contents__works {
    background-position: top;
  }
  .head_img {
    display: none;
  }
  .head_img_sp {
    display: block;
  }
  .news-list {
    font-size: 12px;
  }
  .news-list .news-date {
    margin-bottom: 1px;
  }
  .catch {
    font-size: 18px;
  }
  .txt-block strong {
    font-size: 14px;
  }
  .q_txt {
    font-size: 16px;
  }
  .cast-list_wrap {
    font-size: 11px;
  }
  .hr--bg {
    margin-bottom: 60px;
  }
}
/*** Sound Track ***/
.contents__area__st {
  background-color: #ffffff;
  margin: 40px auto;
  padding: 0 6% 40px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 5px #0050af;
  box-shadow: 0 0 5px #0050af;
}
.st__cd {
  background-image: url(../images/goods/original-soundtrack/bg-tx.png);
  letter-spacing: 0.05em;
}
.st-intr {
  background-image: url(../images/goods/original-soundtrack/bg-tx.png);
  background-repeat: no-repeat;
}
.st-txt-intr {
  background-color: rgba(49, 36, 31, 0.3);
  padding: 30px 0;
}
.st-title {
  padding: 40px 0;
}
.st-release {
  background-image: url(../images/goods/original-soundtrack/bg-br.png);
  background-repeat: repeat-x;
  padding-bottom: 50px;
}
.color-lb {
  color: #f1cb9c;
  padding: 70px 0 0px;
  font-size: 22px;
  line-height: 2.4;
  text-shadow: black 1px 1px 10px, black -1px 1px 10px;
}
.color-br {
  color: #c25d2c;
}
.color-bg {
  color: #c29884;
  font-size: 12px;
}
a.btn-br {
  font-size: 17px;
  font-weight: bold;
  border: 1px solid;
  padding: 15px 10px;
  border-radius: 8px;
  color: #c25d2c;
}
.st-date-release {
  color: #ff9238;
  font-size: 35px;
  text-shadow: #331704 1px 1px 8px, #331704 -1px 1px 8px, #331704 1px -1px 8px, #331704 -1px -1px 8px;
  line-height: 1.8;
  margin-bottom: 20px;
}
.st-date-release-s {
  font-size: 20px;
}
.st-date-release-ss {
  font-size: 14px;
}
.st-link {
  color: #c25d2c;
  text-decoration: underline;
  font-size: 18px;
}
.st-link:hover {
  text-decoration: none;
}
.st-link:before {
  content: url(../images/goods/original-soundtrack/icon-st.png);
}
.st-box-border {
  border: solid 1px #7a4017;
  border-radius: 10px;
  padding: 10px 0 20px;
}
.st-set-title {
  color: #c25d2c;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}
.talk-p {
  color: #db925b;
}
.talk-b {
  color: #4e9cbd;
}
.st__cd .works__linkLabel {
  color: #c25d2c;
  text-align: center;
  margin: 10px 0;
  display: inline-block;
}
.st__cd .works__linkLabel:after {
  background: #c25d2c;
  left: 0;
}
.st__cd .btn_open {
  background-color: #db925b;
  position: relative;
  color: #333;
  padding: 0 10px;
  font-weight: bold;
  font-size: 16px;
  height: 80px;
  top: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* 縦方向中央揃え（Safari用） */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; /* 縦方向中央揃え */
}
.btn_open:after {
  content: "";
  background-image: url(../images/goods/original-soundtrack/icon-st-r.png);
  background-repeat: no-repeat;
  width: 32px;
  position: absolute;
  height: 32px;
  right: 4%;
  top: 30%;
}
.st__cd .ac:after {
  content: "";
  background-image: url(../images/goods/original-soundtrack/icon-st-b.png);
  background-repeat: no-repeat;
  width: 32px;
  position: absolute;
  right: 5%;
  height: 32px;
}
.st__cd div.st-list {
  background-color: #c29884;
}
@media screen and (max-width: 767px) {
  .st__cd {
    padding-top: 60px;
  }
  .st__cd .btn_open {
    font-size: 14px;
  }
  .st-txt-intr {
    padding: 30px 6%;
  }
  .color-lb {
    font-size: 16px;
  }
  .st-date-release {
    font-size: 30px;
  }
  .st-title {
    padding: 40px 6%;
  }
  a.btn-br {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .st__cd .works__linkLabel:hover:after {
    width: calc(100% - 0.1em);
  }
}
/*** Premiumarrange ***/
.premiumarrange {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.premiumarrange-innner {
  background-color: #ff0100;
}
.premiumarrange .head_warp {
  background-image: none;
  text-align: center;
  padding-top: 40px;
}
.premiumarrange h2 {
  font-size: 35px;
  margin-bottom: 20px;
  padding-top: 30px;
}
.premiumarrange .t_premiumarrange {
  font-size: 30px;
  padding-top: 40px;
  color: #ffffff;
}
.premiumarrange .pa-date {
  font-size: 55px;
}
.premiumarrange .t_premiumarrange li {
  line-height: 1.1;
}
.premiumarrange .txt-margin li {
  padding: 10px 0;
}
.premiumarrange .tracklist li {
  margin-top: 10px;
  line-height: 1.8;
}
.premiumarrange .img_border img {
  border: solid 1px #000000;
}
.premiumarrange .audiojs .play {
  background: url("../images/goods/premiumarrange/play.png") no-repeat;
}
.premiumarrange .audiojs .pause {
  background: url(../images/goods/premiumarrange/pause.png) no-repeat;
}
.premiumarrange .audiojs .play-pause {
  border: none;
  height: 30px;
  width: 32px;
}
.premiumarrange .audiojs {
  width: 40px;
  height: 30px;
  background: #ffffff;
  overflow: hidden;
  display: inline-block;
  font-family: monospace;
  font-size: 12px;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: -8px;
  margin-left: -20px;
}
.premiumarrange .audiojs p {
  height: 30px;
  width: 30px;
}
.premiumarrange .scrubber {
  display: none;
}
.premiumarrange .audiojs .time {
  display: none;
}
@media screen and (max-width: 767px) {
  .premiumarrange .head_warp {
    padding: 80px 6% 0 6%;
    float: none;
    margin: 0 0 20px 0;
  }
  .premiumarrange .txt-margin li:first-child {
    padding-left: 6%;
    padding-right: 6%;
  }
  .premiumarrange .t_premiumarrange {
    font-size: 25px;
    padding-top: 20px;
  }
  .premiumarrange .pa-date {
    font-size: 45px;
  }
}
.contents__area__inner {
  margin: 40px auto;
  padding: 0 6% 40px;
  background-color: #ffffff;
}
.txt-margin li {
  padding: 20px 0;
}
.fig-left {
  float: left;
  margin-right: 20px;
}
.ex-red {
  color: #ff0100;
}
/* エクストラドラマCD
----------------------------------------------------*/
.extradramacd {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.extradramacd .contents-wrap {
  padding: 40px 0;
  max-width: 580px;
  margin: 0 auto;
}
.extradramacd .head_wrap {
  text-align: center;
  padding: 40px 0;
}
.extradramacd .head_img {
  display: block;
  margin-bottom: 20px;
}
.extradramacd .head_img img {
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.6);
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.6);
}
.extradramacd h2 {
  text-align: center;
}
.extradramacd h3 {
  margin-bottom: 10px;
}
.extradramacd h4 {
  font-size: 21px;
}
.extradramacd .sec_txt {
  font-size: 16px;
}
.extradramacd .info_goods {
  margin: 20px 0;
}
.extradramacd .shop_link {
  color: #6f2e1d;
  border: solid 1px;
  padding: 20px;
  display: block;
  max-width: 300px;
  margin: 20px auto 0;
  font-size: 100%;
}
.extradramacd a:hover {
  text-decoration: none;
}
.extradramacd .list_chara li {
  margin-bottom: 5px;
}
.extradramacd .list_chara li:last-child {
  margin-bottom: 0;
}
.t_extra {
  font-size: 19px;
  font-weight: bold;
  margin: 20px 0;
}
.extradramacd .credit {
  font-size: 9px;
  text-align: center;
  margin-top: 40px;
}
.extradramacd .list_cast {
  overflow: hidden;
}
.extradramacd .link_extra {
  display: block;
  border: solid 1px;
  color: #6f2e1d;
  text-align: center;
  padding: 15px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .extradramacd .head_wrap {
    padding-top: 80px;
  }
  .extradramacd .bg_wrp {
    padding-left: 5%;
    padding-right: 5%;
  }
  .extradramacd .fig-left {
    width: 40%;
  }
}
/*烈火の剣*/
.extradramacd-rekka {
  color: #25324e;
}
.extradramacd-rekka .bg_beige {
  background-image: url(../images/goods/extradramacd-rekka/bg_be.png);
  background-repeat: repeat-y;
}
.extradramacd-rekka .bg_blue {
  background-image: url(../images/goods/extradramacd-rekka/bg_bl.png);
  background-repeat: repeat-y;
  color: #ccc09d;
}
.extradramacd-rekka .color-br {
  color: #6f2e1d;
}
.extradramacd-rekka .color-bg {
  color: #ccc09d;
}
.extradramacd-rekka .color-bl {
  color: #25324e;
}
/*暁の女神*/
.extradramacd-akatuki .bg_orange {
  background-image: url("../images/goods/extradramacd-akatuki/bg_or.png");
  background-repeat: repeat-y;
}
.extradramacd-akatuki .bg_brown {
  background-image: url("../images/goods/extradramacd-akatuki/bg_br.png");
  background-repeat: repeat-y;
  color: #ffd456;
}
.extradramacd-akatuki .color-br {
  color: #2c201a;
}
/*覚醒*/
.extradramacd .cd-info-title {
  font-size: 1.2rem;
  font-weight: bold;
  color: #ffffff;
}
.extradramacd .cd-info-jk {
  margin: 30px 0;
}
.extradramacd-kakusei .bg_pp {
  background-image: url("../images/goods/extradramacd-kakusei/bg-pp.png");
  background-repeat: repeat-y;
}
.extradramacd-kakusei .bg_bl {
  background-image: url("../images/goods/extradramacd-kakusei/bg-bl.png");
  background-repeat: repeat-y;
  color: #d0c5d9;
}
.extradramacd-kakusei .bg_gr {
  background-image: url("../images/goods/extradramacd-kakusei/bg-gr.png");
  background-repeat: repeat-y;
  color: #25324e;
}
.extradramacd-kakusei .shop_link {
  color: #ffffff;
  border: solid 1px;
  padding: 20px;
  display: block;
  max-width: 300px;
  margin: 20px auto 0;
  font-size: 100%;
  text-align: center;
}
.extradramacd-kakusei .link_extra {
  display: block;
  border: solid 1px;
  color: #25324e;
  text-align: center;
  padding: 15px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
}
.extradramacd-kakusei .video-js .vjs-big-play-button {
  background-image: none;
}
.extradramacd-kakusei .vjs-poster {
  background-color: #12223a;
}
.extradramacd-kakusei .cd-info {
  color: #ffffff;
}
.extradramacd-kakusei .list_link li a {
  color: #25324e;
}
.extradramacd-kakusei .goods_info {
  color: #25324e;
}
.extradramacd-kakusei .box-cd {
  margin-bottom: 50px;
}
/*風花雪月*/
.extradramacd-fuuka .bg_pk {
  background-image: url("../images/goods/extradramacd-fuuka/bg-pk.png");
  background-repeat: repeat-y;
}
.extradramacd-fuuka .bg_pp {
  background-image: url("../images/goods/extradramacd-fuuka/bg-pp.png");
  background-repeat: repeat-y;
  color: #d0c5d9;
}
.extradramacd-fuuka .bg_bg {
  background-image: url("../images/goods/extradramacd-fuuka/bg-bg.png");
  background-repeat: repeat-y;
  color: #3e182f;
}
.extradramacd-fuuka .shop_link {
  color: #ffffff;
  border: solid 1px;
  padding: 20px;
  display: block;
  max-width: 300px;
  margin: 20px auto 0;
  font-size: 100%;
  text-align: center;
}
.extradramacd-fuuka .link_extra {
  display: block;
  border: solid 1px;
  color: #3e182f;
  text-align: center;
  padding: 15px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
}
.extradramacd-fuuka .video-js .vjs-big-play-button {
  background-image: none;
}
.extradramacd-fuuka .vjs-poster {
  background-color: #3e192f;
}
.extradramacd-fuuka .cd-info {
  color: #ffffff;
}
.extradramacd-fuuka .list_link li a {
  color: #3e182f;
}
.extradramacd-fuuka .goods_info {
  color: #3e182f;
}
.extradramacd-fuuka .color-bg {
  color: #ffe2bf;
}
.extradramacd-fuuka .box-cd {
  margin-bottom: 50px;
}
/* プレミアムアレンジアルバム2
----------------------------------------------------*/
.ex-navy {
  color: #00006a;
}
/*** Premiumarrange ***/
.premiumarrange2 {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: #00006a;
}
.premiumarrange2 .white {
  color: #ffffff;
}
.premiumarrange2 .contents__areawrap {
  padding-bottom: 40px;
}
.premiumarrange2 .contents__area__inner {
  padding-top: 40px;
}
.premiumarrange2 .head_warp {
  background-image: none;
  text-align: center;
  padding-top: 40px;
  margin: 10px 0 0 40px;
}
.premiumarrange2 h2 {
  font-size: 35px;
  margin-bottom: 20px;
  padding-top: 30px;
  line-height: 1.1;
}
.premiumarrange2 .t_premiumarrange {
  font-size: 30px;
  padding-top: 40px;
  color: #ff0100;
}
.premiumarrange2 .pa-date {
  font-size: 55px;
}
.premiumarrange2 .t_premiumarrange li {
  line-height: 1.1;
}
.premiumarrange2 .txt-m {
  color: #00006a;
  margin-bottom: 30px;
  border-bottom: 2px solid;
  padding-bottom: 20px;
  font-weight: bold;
}
.premiumarrange2 .tag-cd {
  margin-left: 10px;
}
.premiumarrange2 .tag-cd img {
  width: 70px;
  vertical-align: middle;
}
.premiumarrange2 .txt-margin li {
  padding: 10px 0;
}
.premiumarrange2 .tracklist li {
  margin-top: 10px;
  line-height: 1.8;
}
.premiumarrange2 .img_border img {
  border: solid 1px #000000;
}
.premiumarrange2 .audiojs .play {
  background: url("../images/goods/premiumarrange2/play.png") no-repeat;
}
.premiumarrange2 .audiojs .pause {
  background: url(../images/goods/premiumarrange2/pause.png) no-repeat;
}
.premiumarrange2 .audiojs .play-pause {
  border: none;
  height: 30px;
  width: 32px;
  /*pointer-events: none;*/
}
.premiumarrange2 .audiojs {
  width: 40px;
  height: 30px;
  background: #ffffff;
  overflow: hidden;
  display: inline-block;
  font-family: monospace;
  font-size: 12px;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: -8px;
  margin-left: -20px;
}
.premiumarrange2 .audiojs p {
  height: 30px;
  width: 30px;
}
.premiumarrange2 .scrubber {
  display: none;
}
.premiumarrange2 .audiojs .time {
  display: none;
}
.premiumarrange2 .cd-info.item-info {
  color: #7676b5;
}
.premiumarrange2 .cd-info.contact {
  color: #404040;
}
.premiumarrange2 .contents-wrap {
  background-color: #ffffff;
}
.premiumarrange2 .contets-inner {
  padding: 40px 0;
  max-width: 580px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .premiumarrange2 .head_warp {
    padding: 80px 6% 0 6%;
    float: none;
    margin: 0 0 20px 0;
  }
  .premiumarrange2 .txt-margin li:first-child {
    padding-left: 6%;
    padding-right: 6%;
  }
  .premiumarrange2 .t_premiumarrange {
    font-size: 25px;
    padding-top: 20px;
  }
  .premiumarrange2 .pa-date {
    font-size: 45px;
  }
  .premiumarrange2 .contets-inner {
    padding-left: 5%;
    padding-right: 5%;
  }
}
/* 風花雪月 サウンドトラック
----------------------------------------------------*/
.soundtrack-fuuka {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
/* 背景 */
.st-fuuka-section {
  background-repeat: repeat-y;
  color: #5650aa;
  padding: 40px 0;
}
.st-fuuka-section01 {
  background-image: url(../images/goods/fuuka-setsugetsu/bg01.png);
  position: relative;
}
.st-fuuka-section02 {
  background-image: url(../images/goods/fuuka-setsugetsu/bg02.png);
}
.st-fuuka-section03 {
  background-image: url(../images/goods/fuuka-setsugetsu/bg03.png);
}
/* テキスト */
.st-fuuka-section__title {
  text-align: center;
  font-weight: 300;
}
.st-fuuka-section__title:not(.st-fuuka-section__title-tlist) {
  color: #5650aa;
}
.st-fuuka-section__title-tlist {
  color: #ffffff;
}
.soundtrack-fuuka .notes {
  font-size: 13px;
  margin: 16px 0 0;
}
/* メインビジュアル */
.soundtrack-fuuka__head__visual {
  background-image: url(../images/goods/fuuka-setsugetsu/mainvisual.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 975px;
  background-position: center;
}
.soundtrack-fuuka__head__info p {
  color: #25324e;
}
.soundtrack-fuuka__head__info .title {
  max-width: 480px;
  margin: 0 auto;
}
.soundtrack-fuuka__head__info .date {
  max-width: 400px;
  margin: 0 auto 32px;
  display: block;
}
.soundtrack-fuuka__head__info {
  width: 70%;
  margin: 0 auto;
}
.st-fuuka-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 40px;
}
.st-fuuka-item li {
  margin: 0 8px;
  max-width: 240px;
  width: 100%;
}
.st-fuuka-item li a {
  color: #ffffff;
  text-decoration: none;
  background-color: #a691eb;
  display: block;
  max-width: 240px;
  text-align: center;
  padding: 16px 0;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.st-fuuka-item li a:hover {
  background-color: #5650aa;
}
/* コンテンツ */
.st-fuuka-section__inner {
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
  padding: 20px 0;
}
.st-fuuka-section__inner01 {
  position: relative;
}
.st-fuuka-section__spec {
  margin: 0 0 40px;
}
.st-fuuka-section__spec .pink {
  color: #952b99;
}
.st-fuuka-cap {
  color: #ffffff;
  background-color: #952b99;
  padding: 6px;
  font-size: 13px;
  border-radius: 4px;
}
.st-fuuka-section__subtitle {
  text-align: center;
  border-bottom: 1px solid #5650aa;
  padding-bottom: 8px;
}
.st-fuuka-section__spec li {
  border-bottom: 1px solid #5650aa;
  padding: 16px 8px;
}
.st-fuuka-section__info li {
  margin: 0 0 40px;
}
.st-fuuka-section__des__title {
  margin: 0 0 8px;
  text-align: center;
}
.st-fuuka-section__des .st-fuuka-cap {
  text-align: center;
  max-width: 130px;
  margin: 0 auto 16px;
  display: block;
}
.st-fuuka-section__img {
  margin: 0 auto 24px;
  display: block;
}
.st-fuuka-section__des {
  width: 70%;
  margin: 0 auto;
}
/*ボックス全体*/
.st-fuuka-tracklist__disc {
  margin: 0 0 16px;
}
/*ラベル*/
.st-fuuka-tracklist label {
  display: block;
  padding: 16px 12px;
  color: #5650aa;
  font-weight: bold;
  background: #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
}
/*アイコンを表示*/
.st-fuuka-tracklist label::after {
  content: "";
  background-image: url(../images/goods/fuuka-setsugetsu/arrow01.svg);
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  display: inline-block;
  position: absolute;
  right: 24px;
  top: 50%;
  bottom: 50%;
  margin: auto;
}
/*チェックは隠す*/
.st-fuuka-tracklist input {
  display: none;
}
/*中身を非表示にしておく*/
.st-fuuka-tracklist__show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
/*クリックで中身表示*/
.st-fuuka-tracklist__input:checked + label + .st-fuuka-tracklist__show {
  height: auto;
  padding: 5px;
  background: #ffffff;
  opacity: 1;
}
/*アイコンを入れ替える*/
.st-fuuka-tracklist__input:checked + label::after {
  content: "";
  background-image: url(../images/goods/fuuka-setsugetsu/arrow02.svg);
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.st-fuuka-list {
  padding: 10px;
}
.st-fuuka-list li {
  text-indent: -2em;
  padding-left: 2em;
  color: #25324e;
}
.st-fuuka__contact {
  text-align: center;
}
.st-fuuka__contact01 {
  margin: 0 0 40px;
}
.st-fuuka__contact02 {
  margin: 0 0 32px;
}
.st-fuuka__copyright {
  text-align: center;
  font-size: 0.7rem;
  margin: 0 0 40px;
}
.st-fuuka__copyright__txt {
  margin: 0 0 24px;
}
.st-fuuka-section__link {
  text-align: center;
  display: block;
  color: #5650aa;
}
.st-fuuka-section__link:hover {
  text-decoration: none;
}
.soundtrack-fuuka .linkLabel__btn__pp {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border: 2px solid #5650aa;
  text-align: center;
  text-transform: uppercase;
  position: sticky;
  top: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  max-width: 360px;
  font-size: 13px;
  margin: 0 auto 24px;
  z-index: 1;
  background-color: #ffffff;
}
.soundtrack-fuuka .linkLabel__btn__pp:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0px 0px 0px 3px #5650aa;
  box-shadow: inset 0px 0px 0px 3px #5650aa;
}
.soundtrack-fuuka .linkLabel__btn__pp a {
  color: #5650aa;
  text-decoration: none;
  padding: 20px;
  display: block;
}
.soundtrack-fuuka .linkLabel__btn__pp .fa {
  position: absolute;
  right: -12px;
  z-index: 1;
  color: #fff;
  background-color: #5650aa;
  border-radius: 20px;
  padding: 2px 4px;
}
.soundtrack-fuuka .linkLabel__btn__pp .fa:before {
  font-size: 20px;
}
.soundtrack-fuuka .linkLabel__btn__pp:after {
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: "";
  width: 0;
  left: 50%;
  bottom: 0;
  height: 3px;
  background: #f7f7f7;
}
@media screen and (max-width: 1023px) {
  .soundtrack-fuuka .linkLabel__btn__pp {
    top: 70px;
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .soundtrack-fuuka {
    padding-top: 60px;
  }
  .soundtrack-fuuka__head__visual {
    background-size: contain;
    height: 100%;
    min-height: 590px;
  }
  .st-fuuka-item {
    width: 90%;
    margin: 0 auto 40px;
  }
  .st-fuuka-section__inner {
    padding: 20px 6%;
  }
  .st-fuuka-section__des {
    width: 80%;
  }
}
@media screen and (max-width: 539px) {
  .soundtrack-fuuka__head__visual {
    background-size: cover;
    min-height: 470px;
  }
}
/* エンゲージ 絆のかけら 金平糖
----------------------------------------------------*/
.fe-konpeito {
  background-image: url(../images/goods/konpeito/bg.png);
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  color: #360000;
  padding-bottom: 24px;
}
.fe-konpeito__content > .note {
  text-align: right;
  font-size: 12px;
}
.fe-konpeito__mainvisual {
  margin-bottom: 40px;
}
.fe-konpeito__logo {
  max-width: 640px;
  margin: 0 auto 40px;
}
.fe-konpeito__title {
  max-width: 400px;
  margin: 0 auto 40px;
}
.fe-konpeito__lead {
  margin-bottom: 40px;
}
.fe-konpeito__lead-text {
  background-color: #ffffff;
  padding: 16px;
}
.fe-konpeito__lead-text::before,
.fe-konpeito__lead-text::after {
  content: "";
  background-repeat: no-repeat;
  height: 80px;
  width: 100%;
  display: block;
}
.fe-konpeito__lead-text::before {
  background-image: url(../images/goods/konpeito/border-top.svg);
  background-position: top center;
}
.fe-konpeito__lead-text::after {
  background-image: url(../images/goods/konpeito/border-bottom.svg);
  background-position: bottom center;
}
.fe-konpeito__lead-text__inner {
  text-align: center;
  margin: -40px 0;
}
.fe-konpeito__button {
  margin: 0 auto 64px;
  position: sticky;
}
.fe-konpeito__section {
  border: 3px solid #826300;
}
.fe-konpeito__section-decotop {
  background-image: url(../images/goods/konpeito/deco-top-left.svg), url(../images/goods/konpeito/deco-top-right.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: top left, top right;
  background-size: contain, contain;
  height: 40px;
  margin: -2px -2px 0 -2px;
  position: relative;
  z-index: 1;
}
.fe-konpeito__section-decobottom {
  background-image: url(../images/goods/konpeito/deco-bottom-left.svg), url(../images/goods/konpeito/deco-bottom-right.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: bottom left, bottom right;
  background-size: contain, contain;
  height: 40px;
  margin: 0 -2px -2px -2px;
  position: relative;
  z-index: 1;
}
.fe-konpeito__section-sommie {
  margin-bottom: 40px;
}
.fe-konpeito__section-inner {
  background-image: url(../images/goods/konpeito/bg-br.png);
}
.fe-konpeito__name {
  max-width: 560px;
}
.fe-konpeito__section-sommie .fe-konpeito__name {
  margin-left: auto;
}
.fe-konpeito__description {
  margin: 40px 0;
  text-align: center;
}
.fe-konpeito__slider {
  position: relative;
  margin-bottom: 40px;
}
.fe-konpeito__slider .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fe-konpeito__slider .swiper-pagination-bullet {
  background: url(../images/goods/konpeito/dots.png) no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  height: 32px;
  margin: auto;
  width: 32px;
  opacity: 1;
}
.fe-konpeito__slider .swiper-pagination-bullet-active {
  background: url(../images/goods/konpeito/dots-active.png);
}
.fe-konpeito__section-lueur .swiper-pagination {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.fe-konpeito__slider-wrap {
  padding-bottom: 24px;
}
.fe-konpeito__section-lueur .fe-konpeito__slider-dots {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.fe-konpeito__badge-l {
  position: absolute;
  right: 0;
}
.fe-konpeito__badge-s {
  position: absolute;
  left: 0;
}
.fe-konpeito__section-bottom {
  background-color: #fff4eb;
  mix-blend-mode: multiply;
  margin: auto;
  padding: 16px;
}
.fe-konpeito__info {
  max-width: 500px;
  margin: 0 auto 24px;
}
.fe-konpeito__info li {
  border-bottom: 1px solid rgba(173, 154, 121, 0.5);
  background-clip: padding-box;
  padding: 8px;
}
.fe-konpeito__info .note {
  font-size: 12px;
  padding: 0 8px 8px 8px;
}
.fe-konpeito__info li:has(+ .note) {
  border-bottom: none;
}
.fe-konpeito__product-title {
  max-width: 400px;
}
.fe-konpeito__links {
  max-width: 440px;
  margin: 0 auto 40px;
}
.fe-konpeito__links li {
  margin-bottom: 16px;
}
.fe-konpeito__contactarea {
  text-align: center;
}
.fe-konpeito__contact {
  max-width: 280px;
  margin: 0 auto 24px;
}
.fe-konpeito__bottom-deco {
  width: 90%;
  display: block;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .fe-konpeito__content {
    padding: 24px;
  }
  .fe-konpeito__lead-text__inner {
    padding: 0 64px;
  }
  .fe-konpeito__section-inner {
    margin: -30px 8px;
    padding: 40px 32px;
  }
  .fe-konpeito__badge-l {
    top: -60px;
    width: 120px;
  }
  .fe-konpeito__badge-s {
    top: -60px;
    width: 120px;
  }
  .fe-konpeito__slider-dots {
    margin-top: -40px;
  }
  .fe-konpeito__product-title {
    margin: 0 auto 40px;
  }
  .fe-konpeito__section-lueur {
    margin-bottom: 80px;
  }
  .fe-konpeito__button {
    top: 110px;
    max-width: 280px;
  }
}
@media screen and (max-width: 767px) {
  .fe-konpeito__content {
    padding: 16px;
  }
  .fe-konpeito__lead-text__inner {
    font-size: 13px;
  }
  .fe-konpeito__section-inner {
    margin: -28px 8px;
    padding: 40px 8px;
  }
  .fe-konpeito__name {
    width: 80%;
  }
  .fe-konpeito__badge-l {
    width: 72px;
    top: -24px;
  }
  .fe-konpeito__badge-s {
    width: 72px;
    top: -24px;
  }
  .fe-konpeito__slider-dots {
    margin-top: 0;
  }
  .fe-konpeito__product-title {
    margin: 0 auto 24px;
  }
  .fe-konpeito__section-lueur {
    margin-bottom: 40px;
  }
  .fe-konpeito__button {
    top: 130px;
    max-width: 240px;
  }
}
/* エンゲージ サウンドトラック
----------------------------------------------------*/
.p-stengage {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #0c0d0f;
  position: relative;
}
.p-stengage dd {
  margin: 0;
}
.p-stengage-head__logo {
  display: block;
  width: 560px;
  margin: auto;
}
.p-stengage-head__title {
  display: block;
  width: 400px;
  margin: auto;
}
.p-stengage__button-ec {
  display: block;
  max-width: 340px;
  margin: -240px auto 24px;
  position: sticky;
  z-index: 1;
}
.p-stengage-intro {
  background-image: url(../images/goods/soundtrack-engage/bg-intro.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: top;
}
.p-stengage-intro__text {
  font-weight: bold;
  max-width: 560px;
  margin: 24px auto 40px;
}
.p-stengage-intro__date {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.p-stengage-section {
  background: rgba(255, 255, 255, 0.9);
  margin: 24px;
}
.p-stengage-section__inner {
  background: rgb(245, 0, 11);
  background: -webkit-gradient(linear, left top, right top, from(rgba(245, 0, 11, 0.2)), to(rgba(10, 41, 137, 0.2)));
  background: linear-gradient(90deg, rgba(245, 0, 11, 0.2) 0%, rgba(10, 41, 137, 0.2) 100%);
}
.p-stengage-products {
  background-image: url(../images/goods/soundtrack-engage/bg-line.png);
  background-repeat: repeat-y;
  background-size: contain;
  position: relative;
}
.p-stengage-products__button {
  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;
  margin-bottom: 40px;
}
.p-stengage-products__button li {
  text-align: center;
}
.p-stengage-products__button a {
  display: block;
  color: #6d5000;
  text-decoration: none;
  background-image: url(../images/goods/soundtrack-engage/button-deco-01.svg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
}
.p-stengage-products__title {
  color: #6d5000;
  font-size: 22px;
  text-align: center;
  background-image: url(../images/goods/soundtrack-engage/button-deco-02.svg);
  background-repeat: no-repeat;
  background-position: center;
  padding: 16px;
}
.p-stengage-products__image {
  font-weight: bold;
}
.p-stengage-products__limited {
  margin-top: 64px;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.p-stengage-products__limited-title {
  text-align: center;
  font-size: 18px;
}
.p-stengage-products__limited img {
  margin-bottom: 24px;
}
.p-stengage-products__limited-info {
  border-top: 1px solid #001541;
  border-bottom: 1px solid #001541;
  padding-top: 16px;
}
.p-stengage-info {
  position: relative;
}
.p-stengage-info__title {
  text-align: center;
  color: #6d5000;
  margin: 24px 40px;
}
.p-stengage-info__set-title {
  text-align: center;
  font-weight: bold;
  margin-bottom: 32px;
}
.p-stengage-info__list {
  margin-bottom: 40px;
}
.p-stengage-info__list li {
  border-bottom: 1px solid #001541;
  padding: 16px 0;
}
.p-stengage-info__list li:first-child {
  border-top: 1px solid #001541;
}
.p-stengage-info__tag {
  background: rgb(245, 0, 11);
  background: -webkit-gradient(linear, left top, right top, from(rgb(245, 0, 11)), to(rgb(10, 41, 137)));
  background: linear-gradient(90deg, rgb(245, 0, 11) 0%, rgb(10, 41, 137) 100%);
  display: inline-block;
  color: #ffffff;
  font-weight: bold;
  padding: 0 4px;
  font-size: 12px;
  border-radius: 4px;
}
.p-stengage-info__bottom {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
.p-stengage-info__deco {
  width: 80%;
  margin: auto;
  display: block;
}
@media screen and (min-width: 769px) {
  .p-stengage-intro {
    padding: 80px 0 500px;
    margin-top: -70px;
  }
  .p-stengage__button-ec {
    top: 16px;
  }
  .p-stengage-products {
    margin-top: -500px;
  }
  .p-stengage-section__inner {
    padding: 80px;
  }
  .p-stengage-products__image p {
    padding: 0 64px;
  }
  .p-stengage-products__limited p {
    padding: 0 40px 24px;
    margin: auto;
  }
  .p-stengage-products__button li {
    width: 100%;
  }
  .p-stengage-products__button a {
    padding: 56px 0;
  }
}
@media screen and (max-width: 768px) {
  .p-stengage {
    padding-top: 60px;
  }
  .p-stengage-head__logo {
    width: 80%;
  }
  .p-stengage-head__title {
    width: 72%;
  }
  .p-stengage-intro {
    padding: 40px 32px 260px;
    margin-top: -40px;
  }
  .p-stengage__button-ec {
    top: 70px;
  }
  .p-stengage-section__inner {
    padding: 40px 8%;
  }
  .p-stengage-products__image-img {
    width: 136%;
    margin-left: -18%;
  }
  .p-stengage-products__button li {
    width: 50%;
  }
  .p-stengage-products__button a {
    height: 110px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
/* TRACK LIST */
.p-stengage-track {
  background-color: #ffffff;
  margin: 24px;
  padding: 64px 0;
}
.p-stengage-track__title {
  max-width: 320px;
  margin: 0 auto 40px;
}
.p-stengage-track__heading {
  margin-top: 8px;
}
.p-stengage-track__accordion {
  margin: 0 24px 16px;
  border: solid #6d5000 1px;
}
.p-stengage-track__accordion label {
  display: block;
  padding: 16px 12px;
  color: #6d5000;
  font-weight: bold;
  background: #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
}
/*アイコンを表示*/
.p-stengage-track__accordion label::after {
  content: "";
  background-image: url(../images/goods/soundtrack-engage/icon-01.svg);
  background-repeat: no-repeat;
  width: 14px;
  height: 9px;
  display: inline-block;
  position: absolute;
  right: 24px;
  top: 50%;
  bottom: 50%;
  margin: auto;
}
.p-stengage-track__input:checked + label::after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.p-stengage-track__accordion input {
  display: none;
}
.p-stengage-track__input:checked + label + .p-stengage-track__content {
  height: auto;
  opacity: 1;
}
.p-stengage-track__content {
  height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  position: relative;
}
.p-stengage-track__content::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  background-position: top right;
  left: 0;
}
.p-stengage-track-01::before {
  background-image: url(../images/goods/soundtrack-engage/bg-accordion-01.png);
}
.p-stengage-track-02::before {
  background-image: url(../images/goods/soundtrack-engage/bg-accordion-02.png);
}
.p-stengage-track-03::before {
  background-image: url(../images/goods/soundtrack-engage/bg-accordion-03.png);
}
.p-stengage-track-04::before {
  background-image: url(../images/goods/soundtrack-engage/bg-accordion-04.png);
}
.p-stengage-track-05::before {
  background-image: url(../images/goods/soundtrack-engage/bg-accordion-05.png);
}
.p-stengage-track-07::before {
  background-image: url(../images/goods/soundtrack-engage/bg-accordion-07.png);
}
.p-stengage-track__list {
  list-style-type: decimal;
  margin: 0;
}
.p-stengage-track__list .none {
  list-style-type: none;
  margin-left: -2.5rem;
}
.p-stengage-track-bonus {
  position: relative;
}
.p-stengage-track-bonus__ring {
  position: absolute;
  max-width: 80px;
}
.p-stengage-track-bonus__ring-01 {
  top: 40px;
}
.p-stengage-track-bonus__ring-02 {
  top: 16.6666666667%;
}
.p-stengage-track-bonus__ring-03 {
  top: 25%;
}
.p-stengage-track-bonus__ring-04 {
  top: 33.3333333333%;
}
.p-stengage-track-bonus__ring-05 {
  top: 41.6666666667%;
}
.p-stengage-track-bonus__ring-06 {
  top: 50%;
}
.p-stengage-track-bonus__ring-07 {
  top: 58.3333333333%;
}
.p-stengage-track-bonus__ring-08 {
  top: 66.6666666667%;
}
.p-stengage-track-bonus__ring-09 {
  top: 75%;
}
.p-stengage-track-bonus__ring-10 {
  top: 83.3333333333%;
}
.p-stengage-track-bonus__ring-11 {
  top: 91.6666666667%;
}
.p-stengage-track-bonus__ring-12 {
  bottom: 40px;
}
@media screen and (min-width: 769px) {
  .p-stengage-track__list {
    padding: 0 0 0 40px;
  }
  .p-stengage-track-bonus__ring-01 {
    right: 4%;
  }
  .p-stengage-track-bonus__ring-02 {
    right: 24%;
  }
  .p-stengage-track-bonus__ring-03 {
    right: 8%;
  }
  .p-stengage-track-bonus__ring-04 {
    right: 24%;
  }
  .p-stengage-track-bonus__ring-05 {
    right: 8%;
  }
  .p-stengage-track-bonus__ring-06 {
    right: 24%;
  }
  .p-stengage-track-bonus__ring-07 {
    right: 4%;
  }
  .p-stengage-track-bonus__ring-08 {
    right: 16%;
  }
  .p-stengage-track-bonus__ring-09 {
    right: 8%;
  }
  .p-stengage-track-bonus__ring-10 {
    right: 24%;
  }
  .p-stengage-track-bonus__ring-11 {
    right: 4%;
  }
  .p-stengage-track-bonus__ring-12 {
    right: 16%;
  }
}
@media screen and (max-width: 768px) {
  .p-stengage-track__title {
    padding: 0 16px;
  }
  .p-stengage-track__list {
    padding: 0 0 16px 40px;
  }
  .p-stengage-track-bonus__ring-01 {
    right: 4%;
  }
  .p-stengage-track-bonus__ring-02 {
    left: 4%;
  }
  .p-stengage-track-bonus__ring-03 {
    right: 8%;
  }
  .p-stengage-track-bonus__ring-04 {
    left: 8%;
  }
  .p-stengage-track-bonus__ring-05 {
    right: 4%;
  }
  .p-stengage-track-bonus__ring-06 {
    left: 8%;
  }
  .p-stengage-track-bonus__ring-07 {
    right: 4%;
  }
  .p-stengage-track-bonus__ring-08 {
    left: 8%;
  }
  .p-stengage-track-bonus__ring-09 {
    right: 4%;
  }
  .p-stengage-track-bonus__ring-10 {
    left: 8%;
  }
  .p-stengage-track-bonus__ring-11 {
    right: 8%;
  }
}
/* footer */
.p-stengage-footer {
  color: #6d5000;
  text-align: center;
}
.p-stengage-footer__button {
  display: block;
  max-width: 360px;
  margin: 0 auto 40px;
}
.p-stengage-footer__deco {
  display: block;
  max-width: 320px;
  margin: 0 auto 24px;
}
.p-stengage-footer__contact-title {
  font-size: 18px;
  font-weight: normal;
}
.p-stengage-footer__copyright {
  font-size: 12px;
}
@media screen and (min-width: 769px) {
  .p-stengage-track__content::before {
    background-size: contain;
  }
  .p-stengage-track__content {
    padding: 0 16px;
  }
  .p-stengage-track__input:checked + label + .p-stengage-track__content {
    padding: 16px;
  }
  .p-stengage-track-06::before {
    background-image: url(../images/goods/soundtrack-engage/bg-accordion-06-pc.png);
    background-size: cover;
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-stengage-track__content::before {
    background-size: cover;
  }
  .p-stengage-track__content {
    padding: 0 16px;
  }
  .p-stengage-track__input:checked + label + .p-stengage-track__content {
    padding: 5px 16;
  }
  .p-stengage-track-06::before {
    background-image: url(../images/goods/soundtrack-engage/bg-accordion-06.png);
  }
  .p-stengage-footer {
    padding: 0 8%;
  }
}
.p-howtomake {
  background-color: #ffffac;
  background-image: url("../images/recruit/workstyle/bg-howto.png");
  background-repeat: repeat-y;
  background-size: contain;
}
.p-howtomake-wrap {
  max-width: 880px;
  margin: 0 auto;
  position: relative;
  background-color: #ffffff;
}
@media screen and (min-width: 1025px) {
  .p-howtomake-wrap {
    width: calc(100% - 8rem);
    padding-top: 200px;
    margin-top: -180px;
    margin-bottom: -80px;
  }
  .p-howtomake-wrap::before {
    content: "";
    width: 6px;
    background-color: #ed3955;
    height: 100%;
    display: block;
    top: 0;
    position: absolute;
    left: -32px;
  }
  .p-howtomake-wrap::after {
    content: "";
    width: 6px;
    background-color: #ed3955;
    height: 100%;
    display: block;
    top: 0;
    position: absolute;
    right: -32px;
  }
}
@media screen and (max-width: 1024px) {
  .p-howtomake-wrap {
    padding: 0 3.2%;
    overflow: hidden;
    margin: -80px 16px 0;
    padding-top: 80px;
  }
}
.p-howtomake-header {
  text-align: center;
  color: #0089ff;
  margin-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .p-howtomake-header__en {
    font-size: 6rem;
    line-height: 1.2;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 1024px) {
  .p-howtomake-header__en {
    font-size: 4rem;
    line-height: 1.4;
    letter-spacing: 0.08em;
  }
}
.p-howtomake-header__jp {
  font-size: 1.8rem;
  line-height: 1.3333333333;
  letter-spacing: 0.08em;
}
.p-howtomake-section-03 {
  margin-bottom: 40px;
}
.p-howtomake-section__heading {
  text-align: center;
  color: #ed3955;
}
.p-howtomake-section__image {
  width: 400px;
  margin: 0 auto 8px;
}
.p-howtomake-section__line {
  position: relative;
  border-bottom: 6px solid #ed3955;
  background: #ffffff;
  text-align: center;
  padding: 10px 0 30px;
  margin: 0;
}
.p-howtomake-section__line::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 50%;
  border: 24px solid transparent;
  border-bottom: 24px solid #ffffff;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}
.p-howtomake-section__line::after {
  position: absolute;
  border: 24px solid transparent;
  border-bottom-color: #ed3955;
  border-top-width: 0;
  top: 20px;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}
.p-howtomake-section__catch {
  text-align: center;
  margin-bottom: 24px;
}
.p-howtomake-section__catch p {
  background-color: #ed3955;
  color: #ffffff;
  display: inline-block;
  position: relative;
  padding: 16px;
}
@media screen and (min-width: 1025px) {
  .p-howtomake-section__catch p {
    font-size: 2.4rem;
    line-height: 1;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 1024px) {
  .p-howtomake-section__catch p {
    font-size: 1.8rem;
    line-height: 1.1111111111;
    letter-spacing: 0.08em;
  }
}
.p-howtomake-section__catch p::before {
  content: "";
  height: 6px;
  width: 72%;
  display: inline-block;
  background-color: #ed3955;
  margin: auto;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 100%;
}
.p-howtomake-section__catch p::after {
  content: "";
  height: 6px;
  width: 72%;
  display: inline-block;
  background-color: #ed3955;
  margin: auto;
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  left: auto;
}
@media screen and (min-width: 1025px) {
  .p-howtomake-list {
    padding-left: 8%;
    padding-right: 8%;
  }
}
.p-howtomake-list__item {
  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;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-howtomake-list__item {
    padding: 24px 24px 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-howtomake-list__item {
    padding-bottom: 64px;
  }
}
.p-howtomake-list__item.left::before {
  content: "";
  display: block;
  width: 100%;
  background-image: url("../images/recruit/workstyle/border-02.svg");
  background-repeat: no-repeat;
  background-position: center center;
  margin: auto;
  height: 64px;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.p-howtomake-list__item.right::before {
  content: "";
  display: block;
  width: 100%;
  background-image: url("../images/recruit/workstyle/border-01.svg");
  background-repeat: no-repeat;
  background-position: center center;
  margin: auto;
  height: 64px;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.p-howtomake-list__heading {
  margin-bottom: 8px;
}
.p-howtomake-list__heading.pink {
  color: #ed3955;
}
.p-howtomake-list__heading.blue {
  color: #5a81e6;
}
.p-howtomake-list__heading.orange {
  color: #ff9d00;
}
.p-howtomake-list__image {
  max-width: 240px;
  width: 40%;
}
.p-howtomake-list__text {
  width: 60%;
  padding: 16px;
}
.p-creators__heading {
  text-align: center;
  color: #0089ff;
}
@media screen and (min-width: 1025px) {
  .p-creators__heading {
    font-size: 3.2rem;
    line-height: 1.75;
    letter-spacing: 0.08em;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__heading {
    font-size: 2.2rem;
    line-height: 1.8181818182;
    letter-spacing: 0.08em;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__job {
    overflow: hidden;
  }
}
.p-creators__job .p-creators__heading span,
.p-creators__interview .p-creators__heading span {
  border: 2px solid #0089ff;
  display: inline-block;
  padding: 8px 40px;
}
@media screen and (min-width: 1025px) {
  .p-creators__top {
    max-width: 1280px;
    width: 84.375%;
    margin: 0 auto 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__top {
    margin: auto;
    padding: 0 3.2%;
  }
}
.p-creators__top-heading {
  color: #0089ff;
}
@media screen and (min-width: 1025px) {
  .p-creators__top-heading {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__top-heading {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1025px) {
  .p-creators__top-heading p {
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.2222222222;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__top-heading p {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 1025px) {
  .p-creators__joblist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 40px;
  }
}
.p-creators__joblist li {
  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;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-creators__joblist li {
    width: calc(20% - 8px);
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__joblist li {
    height: 64px;
    margin-bottom: 4px;
  }
}
.p-creators__joblist label {
  display: block;
  color: #ffffff;
  padding: 8px 0;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-creators__joblist label {
    font-size: 1.8rem;
    line-height: 1.3333333333;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__joblist label {
    font-size: 1.6rem;
    line-height: 1.25;
    letter-spacing: 0.08em;
  }
}
.p-creators__keyword {
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
}
@media screen and (min-width: 1025px) {
  .p-creators__keyword {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 24px 40px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__keyword {
    padding: 16px 0;
    margin-bottom: 40px;
  }
}
.p-creators__keyword-title {
  font-size: 2.7rem;
  line-height: 0.8888888889;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 1025px) {
  .p-creators__keyword-title {
    margin-right: 80px;
  }
}
.p-creators__keyword-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-creators__keyword-item {
  margin: 8px 8px 8px 0;
}
.p-creators__keyword-item label {
  border: 1px solid #000000;
  display: block;
  padding: 0 8px;
}
.p-creators__list-headnig {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  letter-spacing: 0.08em;
  margin-bottom: 40px;
}
.p-creators__list {
  display: grid;
  margin-bottom: 80px;
}
@media screen and (min-width: 1025px) {
  .p-creators__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3.2rem 1.6rem;
  }
}
.p-creators__item {
  background-color: #f2f2f2;
}
.p-creators__image {
  position: relative;
}
.p-creators__image::before {
  content: "";
  position: absolute;
  height: 97%;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-creators__image::before {
    right: -12px;
    top: -12px;
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__image::before {
    right: -8px;
    top: -8px;
  }
}
@media screen and (min-width: 1025px) {
  .p-creators__item a:hover .p-creators__image::after {
    content: "";
    position: absolute;
    left: 6px;
    bottom: 8px;
    height: 97%;
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .graphic .p-creators__image::before {
    border-right: 6px solid #f96251;
    border-top: 6px solid #f96251;
  }
  .graphic a:hover .p-creators__image::after {
    border-left: 6px solid #f96251;
    border-bottom: 6px solid #f96251;
  }
}
@media screen and (max-width: 1024px) {
  .graphic .p-creators__image::before {
    border-right: 4px solid #f96251;
    border-top: 4px solid #f96251;
  }
}
@media screen and (min-width: 1025px) {
  .game .p-creators__image::before {
    border-right: 6px solid #00c2b1;
    border-top: 6px solid #00c2b1;
  }
  .game a:hover .p-creators__image::after {
    border-left: 6px solid #00c2b1;
    border-bottom: 6px solid #00c2b1;
  }
}
@media screen and (max-width: 1024px) {
  .game .p-creators__image::before {
    border-right: 4px solid #00c2b1;
    border-top: 4px solid #00c2b1;
  }
}
@media screen and (min-width: 1025px) {
  .system .p-creators__image::before {
    border-right: 6px solid #46c7f0;
    border-top: 6px solid #46c7f0;
  }
  .system a:hover .p-creators__image::after {
    border-left: 6px solid #46c7f0;
    border-bottom: 6px solid #46c7f0;
  }
}
@media screen and (max-width: 1024px) {
  .system .p-creators__image::before {
    border-right: 4px solid #46c7f0;
    border-top: 4px solid #46c7f0;
  }
}
@media screen and (min-width: 1025px) {
  .sound .p-creators__image::before {
    border-right: 6px solid #5a81e6;
    border-top: 6px solid #5a81e6;
  }
  .sound a:hover .p-creators__image::after {
    border-left: 6px solid #5a81e6;
    border-bottom: 6px solid #5a81e6;
  }
}
@media screen and (max-width: 1024px) {
  .sound .p-creators__image::before {
    border-right: 4px solid #5a81e6;
    border-top: 4px solid #5a81e6;
  }
}
@media screen and (min-width: 1025px) {
  .plan .p-creators__image::before {
    border-right: 6px solid #99cf00;
    border-top: 6px solid #99cf00;
  }
  .plan a:hover .p-creators__image::after {
    border-left: 6px solid #99cf00;
    border-bottom: 6px solid #99cf00;
  }
}
@media screen and (max-width: 1024px) {
  .plan .p-creators__image::before {
    border-right: 4px solid #99cf00;
    border-top: 4px solid #99cf00;
  }
}
@media screen and (min-width: 1025px) {
  .p-creators__block {
    padding: 8px 24px 16px;
  }
  .p-creators__block p {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__block {
    padding: 8px 8px 16px;
  }
  .p-creators__block p {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    letter-spacing: 0.03em;
  }
}
.p-creators__block p {
  margin-bottom: 16px;
}
.p-creators__block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-creators__block li {
  border: 1px solid #000000;
  background-color: #ffffff;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 0 8px;
}
@media screen and (min-width: 1025px) {
  .p-creators__block li {
    font-size: 1.3rem;
    line-height: 1.8461538462;
    letter-spacing: 0.03em;
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__block li {
    font-size: 1.1rem;
    line-height: 1.0909090909;
    letter-spacing: 0.01em;
  }
}
.p-creators__block-title {
  margin-bottom: 16px;
}
.p-creators__block-title span {
  display: block;
}
@media screen and (min-width: 1025px) {
  .p-creators__block-title {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.08em;
  }
  .p-creators__block-title span {
    font-size: 1.3rem;
    line-height: 1.2307692308;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__block-title {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    letter-spacing: 0.03em;
  }
  .p-creators__block-title span {
    font-size: 1.2rem;
    line-height: 1.3333333333;
    letter-spacing: 0.03em;
  }
}
.p-creators__block-name {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
  margin-bottom: 8px;
}
.graphic .p-creators__job-title {
  color: #f96251;
}
@media screen and (min-width: 1025px) {
  .graphic .p-creators__illust li:nth-child(1) {
    position: absolute;
    top: -80px;
    right: auto;
    bottom: auto;
    left: 140px;
    width: 160px;
  }
  .graphic .p-creators__illust li:nth-child(2) {
    position: absolute;
    top: 10%;
    right: auto;
    bottom: auto;
    left: 0;
    width: 200px;
  }
  .graphic .p-creators__illust li:nth-child(3) {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 200px;
  }
  .graphic .p-creators__illust li:nth-child(4) {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 20%;
    left: auto;
    width: 140px;
  }
  .graphic .p-creators__illust li:nth-child(5) {
    position: absolute;
    top: auto;
    right: 80px;
    bottom: 0;
    left: auto;
    width: 240px;
  }
}
@media screen and (max-width: 1024px) {
  .graphic .p-creators__illust li:nth-child(1) {
    display: none;
  }
  .graphic .p-creators__illust li:nth-child(2) {
    position: absolute;
    top: -70px;
    right: auto;
    bottom: auto;
    left: 0;
    width: 110px;
  }
  .graphic .p-creators__illust li:nth-child(3) {
    position: absolute;
    top: -100px;
    right: 0;
    bottom: auto;
    left: auto;
    width: 150px;
  }
  .graphic .p-creators__illust li:nth-child(4) {
    position: absolute;
    top: auto;
    right: -10px;
    bottom: -180px;
    left: auto;
    width: 120px;
  }
  .graphic .p-creators__illust li:nth-child(5) {
    display: none;
  }
}
.game .p-creators__job-title {
  color: #00c2b1;
}
@media screen and (min-width: 1025px) {
  .game .p-creators__illust li:nth-child(1) {
    position: absolute;
    top: -80px;
    right: auto;
    bottom: auto;
    left: 0;
    width: 120px;
  }
  .game .p-creators__illust li:nth-child(2) {
    position: absolute;
    top: 10%;
    right: auto;
    bottom: auto;
    left: 180px;
    width: 120px;
  }
  .game .p-creators__illust li:nth-child(3) {
    position: absolute;
    top: 32%;
    right: auto;
    bottom: auto;
    left: 40px;
    width: 120px;
  }
  .game .p-creators__illust li:nth-child(4) {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 20%;
    left: auto;
    width: 200px;
  }
  .game .p-creators__illust li:nth-child(5) {
    position: absolute;
    top: auto;
    right: 80px;
    bottom: -40px;
    left: auto;
    width: 240px;
  }
}
@media screen and (max-width: 1024px) {
  .game .p-creators__illust li:nth-child(1) {
    position: absolute;
    top: -130px;
    right: auto;
    bottom: auto;
    left: 0;
    width: 80px;
  }
  .game .p-creators__illust li:nth-child(2) {
    position: absolute;
    top: -40px;
    right: -10px;
    bottom: auto;
    left: auto;
    width: 100px;
  }
  .game .p-creators__illust li:nth-child(3) {
    display: none;
  }
  .game .p-creators__illust li:nth-child(4) {
    display: none;
  }
  .game .p-creators__illust li:nth-child(5) {
    position: absolute;
    top: auto;
    right: -20px;
    bottom: 70px;
    left: auto;
    width: 120px;
  }
}
.plan .p-creators__job-title {
  color: #99cf00;
}
@media screen and (min-width: 1025px) {
  .plan .p-creators__illust li:nth-child(1) {
    position: absolute;
    top: -80px;
    right: auto;
    bottom: auto;
    left: 140px;
    width: 200px;
  }
  .plan .p-creators__illust li:nth-child(2) {
    position: absolute;
    top: 30%;
    right: auto;
    bottom: auto;
    left: 0;
    width: 240px;
  }
  .plan .p-creators__illust li:nth-child(3) {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    width: 120px;
  }
  .plan .p-creators__illust li:nth-child(4) {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 220px;
  }
  .plan .p-creators__illust li:nth-child(5) {
    position: absolute;
    top: 10%;
    right: 80px;
    bottom: auto;
    left: auto;
    width: 140px;
  }
  .plan .p-creators__illust li:nth-child(6) {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    width: 240px;
  }
}
@media screen and (max-width: 1024px) {
  .plan .p-creators__illust li:nth-child(1) {
    position: absolute;
    top: -80px;
    right: auto;
    bottom: auto;
    left: -20px;
    width: 130px;
  }
  .plan .p-creators__illust li:nth-child(2) {
    position: absolute;
    top: auto;
    right: -20px;
    bottom: -180px;
    left: auto;
    width: 160px;
  }
  .plan .p-creators__illust li:nth-child(3) {
    display: none;
  }
  .plan .p-creators__illust li:nth-child(4) {
    position: absolute;
    top: -50px;
    right: -20px;
    bottom: auto;
    left: auto;
    width: 140px;
  }
  .plan .p-creators__illust li:nth-child(5) {
    display: none;
  }
  .plan .p-creators__illust li:nth-child(6) {
    display: none;
  }
}
.system .p-creators__job-title {
  color: #46c7f0;
}
@media screen and (min-width: 1025px) {
  .system .p-creators__illust li:nth-child(1) {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 140px;
    width: 160px;
  }
  .system .p-creators__illust li:nth-child(2) {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 200px;
  }
  .system .p-creators__illust li:nth-child(3) {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 240px;
  }
  .system .p-creators__illust li:nth-child(4) {
    position: absolute;
    top: 36%;
    right: 0;
    bottom: 20%;
    left: auto;
    width: 70px;
  }
}
@media screen and (max-width: 1024px) {
  .system .p-creators__illust li:nth-child(1) {
    position: absolute;
    top: -130px;
    right: auto;
    bottom: auto;
    left: 0;
    width: 80px;
  }
  .system .p-creators__illust li:nth-child(2) {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -190px;
    left: 10px;
    width: 100px;
  }
  .system .p-creators__illust li:nth-child(3) {
    display: none;
  }
  .system .p-creators__illust li:nth-child(4) {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 20%;
    left: auto;
    width: 70px;
  }
}
.sound .p-creators__job-title {
  color: #5a81e6;
}
@media screen and (min-width: 1025px) {
  .sound .p-creators__illust li:nth-child(1) {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 80px;
    width: 240px;
  }
  .sound .p-creators__illust li:nth-child(2) {
    position: absolute;
    top: 30%;
    right: auto;
    bottom: auto;
    left: 0;
    width: 140px;
  }
  .sound .p-creators__illust li:nth-child(3) {
    position: absolute;
    top: -80px;
    right: 0;
    bottom: auto;
    left: auto;
    width: 240px;
  }
  .sound .p-creators__illust li:nth-child(4) {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 20%;
    left: auto;
    width: 110px;
  }
  .sound .p-creators__illust li:nth-child(5) {
    position: absolute;
    top: auto;
    right: 80px;
    bottom: 0;
    left: auto;
    width: 160px;
  }
}
@media screen and (max-width: 1024px) {
  .sound .p-creators__illust li:nth-child(1) {
    position: absolute;
    top: -90px;
    right: auto;
    bottom: auto;
    left: -20px;
    width: 170px;
  }
  .sound .p-creators__illust li:nth-child(2) {
    display: none;
  }
  .sound .p-creators__illust li:nth-child(3) {
    position: absolute;
    top: -150px;
    right: -10px;
    bottom: auto;
    left: auto;
    width: 160px;
  }
  .sound .p-creators__illust li:nth-child(4) {
    display: none;
  }
  .sound .p-creators__illust li:nth-child(5) {
    position: absolute;
    top: auto;
    right: -10px;
    bottom: 180px;
    left: auto;
    width: 90px;
  }
}
.p-creators__job-wrap {
  max-width: 1200px;
  margin: auto;
  position: relative;
}
.p-creators__job-content {
  max-width: 640px;
  margin: auto;
}
@media screen and (min-width: 1025px) {
  .p-creators__job-content {
    padding: 80px 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__job-content {
    padding: 80px 5.3333333333%;
  }
}
.p-creators__job-title {
  text-align: center;
  margin-bottom: 80px;
}
@media screen and (min-width: 1025px) {
  .p-creators__job-title {
    font-size: 3.2rem;
    line-height: 1.25;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__job-title {
    font-size: 2.4rem;
    line-height: 1.3333333333;
    letter-spacing: 0.08em;
  }
}
.p-creators__job-catch {
  color: #000000;
  margin-bottom: 80px;
  text-align: center;
}
.p-creators__job-catch::after {
  background: url("../images/recruit/creators/fukidashi-blk.svg") center center no-repeat;
}
.p-creators__job-catch p {
  padding: 0 16px;
}
@media screen and (min-width: 1025px) {
  .p-creators__job-catch {
    font-size: 2.5rem;
    line-height: 1.6;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__job-catch {
    font-size: 1.8rem;
    line-height: 1.3333333333;
    letter-spacing: 0.08em;
  }
}
@media screen and (min-width: 1025px) {
  .p-creators__job-text {
    font-size: 1.8rem;
    line-height: 2.2222222222;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__job-text {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.05em;
  }
}
.graphic .p-creators__interview-title {
  color: #f96251;
}
@media screen and (min-width: 1025px) {
  .graphic .p-creators__interview-title::after {
    background: url("../images/recruit/creators/fukidashi-graphic.svg") center center no-repeat;
  }
}
@media screen and (max-width: 1024px) {
  .graphic .p-creators__interview-title::after {
    background: url("../images/recruit/creators/fukidashi-graphic-sp.svg") center center no-repeat;
  }
}
.game .p-creators__interview-title {
  color: #00c2b1;
}
@media screen and (min-width: 1025px) {
  .game .p-creators__interview-title::after {
    background: url("../images/recruit/creators/fukidashi-game.svg") center center no-repeat;
  }
}
@media screen and (max-width: 1024px) {
  .game .p-creators__interview-title::after {
    background: url("../images/recruit/creators/fukidashi-game-sp.svg") center center no-repeat;
  }
}
.plan .p-creators__interview-title {
  color: #99cf00;
}
@media screen and (min-width: 1025px) {
  .plan .p-creators__interview-title::after {
    background: url("../images/recruit/creators/fukidashi-plan.svg") center center no-repeat;
  }
}
@media screen and (max-width: 1024px) {
  .plan .p-creators__interview-title::after {
    background: url("../images/recruit/creators/fukidashi-plan-sp.svg") center center no-repeat;
  }
}
.system .p-creators__interview-title {
  color: #46c7f0;
}
@media screen and (min-width: 1025px) {
  .system .p-creators__interview-title::after {
    background: url("../images/recruit/creators/fukidashi-system.svg") center center no-repeat;
  }
}
@media screen and (max-width: 1024px) {
  .system .p-creators__interview-title::after {
    background: url("../images/recruit/creators/fukidashi-system-sp.svg") center center no-repeat;
  }
}
.sound .p-creators__interview-title {
  color: #5a81e6;
}
@media screen and (min-width: 1025px) {
  .sound .p-creators__interview-title::after {
    background: url("../images/recruit/creators/fukidashi-sound.svg") center center no-repeat;
  }
}
@media screen and (max-width: 1024px) {
  .sound .p-creators__interview-title::after {
    background: url("../images/recruit/creators/fukidashi-sound-sp.svg") center center no-repeat;
  }
}
.p-creators__interview-hero {
  position: relative;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 1.5s 0s ease;
  transition: all 1.5s 0s ease;
}
@media screen and (max-width: 1024px) {
  .p-creators__interview-hero {
    background-size: cover;
  }
}
.p-creators__interview-hero.lazyloaded {
  -webkit-transform: translate3d(0px, 0px, 0px) scale(1, 1);
  transform: translate3d(0px, 0px, 0px) scale(1, 1);
}
.p-creators__interview-content {
  max-width: 800px;
  margin: auto;
}
.p-creators__interview-content li + li {
  margin-top: 64px;
}
@media screen and (min-width: 1025px) {
  .p-creators__interview-content {
    padding: 80px 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__interview-content {
    padding: 40px 5.3333333333% 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-creators__interview-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 2.4rem;
    line-height: 1.3333333333;
    letter-spacing: 0.03em;
    margin-bottom: 56px;
  }
  .p-creators__interview-title p {
    padding-left: 24px;
    padding-right: 120px;
  }
  .p-creators__interview-title span {
    font-size: 5rem;
    line-height: 0.8;
    letter-spacing: 0.03em;
  }
}
@media screen and (max-width: 1024px) {
  .p-creators__interview-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 1.8rem;
    line-height: 1.7777777778;
    letter-spacing: 0.03em;
    margin-bottom: 40px;
  }
  .p-creators__interview-title p {
    padding-left: 16px;
  }
  .p-creators__interview-title span {
    font-size: 3.2rem;
    line-height: 1.25;
    letter-spacing: 0.03em;
  }
}
@media screen and (min-width: 1025px) {
  .p-creators__interview-text {
    padding: 0 13.7142857143%;
  }
}
.p-oneday {
  background-color: #d5f5f2;
  padding-bottom: 80px;
}
.p-oneday__heading {
  text-align: center;
  color: #ed3955;
  margin-bottom: 24px;
}
.p-oneday__content {
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  .p-oneday__content {
    padding: 0 2.1333333333%;
  }
}
.p-oneday__inner {
  background-image: url("../images/recruit/workstyle/bg-top-oneday.png"), url("../images/recruit/workstyle/bg-middle-oneday.png");
  background-repeat: no-repeat, repeat-y;
  background-size: contain;
  background-position: top center, center center;
}
.p-oneday__item {
  padding-right: 16px;
}
@media screen and (min-width: 1025px) {
  .p-oneday__item:first-child {
    padding-top: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .p-oneday__item:first-child {
    padding-top: 100px;
  }
}
.p-oneday__item:last-child {
  background-image: url("../images/recruit/workstyle/bg-bottom-oneday.png");
  display: block;
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1025px) {
  .p-oneday__item:last-child {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-oneday__item:last-child {
    padding-bottom: 40px;
  }
}
.p-privacypolicy__text {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #a50d05;
}
.p-privacypolicy__list > li + li {
  margin-top: 24px;
}
@media screen and (max-width: 1024px) {
  .p-privacypolicy__item-heading {
    font-size: 1.5rem;
    line-height: 2.1333333333;
    letter-spacing: 0.05em;
  }
}
.p-privacypolicy__item-text {
  font-size: 1.3rem;
  line-height: 1.8461538462;
  letter-spacing: 0.05em;
  padding-left: 2rem;
}
.p-privacypolicy__item-caption {
  margin-bottom: 1rem;
}
.p-recruit {
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  .p-recruit-head, .p-recruit-head--type3, .p-recruit-head--type2, .p-recruit-head--type1 {
    padding-left: 96px;
    position: relative;
  }
}
.p-recruit-head--type1 {
  background-color: #0089ff;
}
@media screen and (max-width: 1024px) {
  .p-recruit-head--type1 .m-head--type3 {
    padding: 24px;
  }
}
.p-recruit-head--type2 {
  background-image: url("../images/recruit/bg-head.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-recruit-head--type2 {
    background-position: center bottom;
    height: 320px;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-head--type2 {
    background-position: center bottom;
    height: 140px;
    background-size: cover;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-head--type2 .m-head--type3 {
    padding-top: 96px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-head--type2 .m-head--type3 {
    padding: 32px 0 0 16px;
    margin-bottom: 16px;
  }
}
.p-recruit-head--type3 {
  background-image: url("../images/recruit/bg-head-b.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-recruit-head--type3 {
    background-position: center bottom;
    height: 320px;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-head--type3 {
    background-position: center bottom;
    height: 140px;
    background-size: cover;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-head--type3 .m-head--type3 {
    padding-top: 96px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-head--type3 .m-head--type3 {
    padding: 32px 0 0 16px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-head__imgarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-head__img {
    width: 43.75%;
    min-width: 560px;
    margin: 72px 0 -48px 48px;
    padding-right: 7.8125%;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-head__img {
    padding-left: 24px;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-looking__head-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-looking__head-inner .m-head--type3 {
    padding-top: 80px;
  }
}
.p-recruit-looking__bg {
  background: url("../images/recruit/bg-blue-01.svg") left top no-repeat;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-recruit-looking__bg {
    height: 160px;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-looking__bg {
    height: 80px;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-looking__content {
    margin-top: -360px;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-looking__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-looking__label {
    max-width: 400px;
    margin: auto;
    position: relative;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-looking__label {
    margin-top: -120px;
    width: 37.3333333333%;
    margin-left: 24px;
  }
}
.p-recruit-looking__suzuki {
  margin-bottom: 40px;
  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;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media screen and (min-width: 1025px) {
  .p-recruit-looking__suzuki-catch {
    margin-left: -180px;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-looking__suzuki-catch {
    margin-left: -160px;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-looking__suzuki-image {
    width: 768px;
  }
}
.p-recruit-looking__name {
  font-size: 2.5rem;
  line-height: 1.28;
  letter-spacing: 0.08em;
  background: url("../images/recruit/icon-suzuki.svg") center center no-repeat;
  height: 164px;
  text-align: center;
  color: #ffffff;
}
.p-recruit-looking__name span {
  font-size: 1.8rem;
  line-height: 2.2222222222;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 1025px) {
  .p-recruit-looking__name {
    width: 260px;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-looking__name {
    width: 200px;
  }
}
.p-recruit-looking__name-inner {
  padding-top: 28px;
}
@media screen and (min-width: 1025px) {
  .p-recruit-looking__catch {
    font-size: 3rem;
    line-height: 1.8666666667;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-looking__catch {
    font-size: 1.7rem;
    line-height: 1.7647058824;
    letter-spacing: 0.08em;
    text-align: right;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-looking__list {
    width: 84.375%;
    margin: auto;
    padding-bottom: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-looking__list {
    padding: 0 7.4666666667%;
  }
  .p-recruit-looking__list li + li {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-looking__item {
    width: calc(50% - 40px);
    max-width: 440px;
    margin: 0 40px;
  }
}
.p-recruit-looking__title {
  color: #0089ff;
  margin-bottom: 40px;
  text-align: center;
}
.p-recruit-looking__title::after {
  background: url("../images/recruit/fukidashi-blue.svg") center center no-repeat;
}
.p-recruit-looking__title p {
  padding: 0 16px;
}
.p-recruit-looking__text {
  padding: 16px;
  font-size: 1.5rem;
  line-height: 1.8666666667;
  letter-spacing: 0.08em;
}
.p-recruit-bottom {
  background: url("../images/recruit/bg-border-01.png") center center repeat;
  background-size: 400px;
}
@media screen and (max-width: 1024px) {
  .p-recruit-workstyle {
    padding-top: 24px;
  }
}
.p-recruit-workstyle__content {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-recruit-workstyle__content {
    margin: -160px auto auto;
  }
}
.p-recruit-workstyle__image {
  width: 80%;
  margin: auto;
}
@media screen and (min-width: 1025px) {
  .p-recruit-workstyle__image {
    position: absolute;
    top: 80px;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-workstyle__image-office img {
    margin-top: -320px;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-workstyle__image-workstyle {
    width: 23.4375%;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 50%;
    left: 40%;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-workstyle__image-workstyle {
    width: 32%;
    position: absolute;
    top: 60%;
    right: 16px;
    bottom: auto;
    left: auto;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-workstyle__image-ank {
    position: absolute;
    top: 16%;
    right: auto;
    bottom: auto;
    left: 4%;
    width: 26.5625%;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-workstyle__image-ank {
    position: absolute;
    top: 12%;
    right: auto;
    bottom: auto;
    left: 4%;
    width: 30.6666666667%;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-workstyle__image-oneday {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 30%;
    left: 30%;
    width: 18.75%;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-workstyle__image-oneday {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0%;
    left: 30%;
    width: 28%;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-workstyle__image-howto {
    width: 20.3125%;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 26%;
    left: auto;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-workstyle__image-howto {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 25%;
    left: 4%;
    width: 28%;
  }
}
.p-recruit-workstyle__image-bg {
  width: 130%;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 10%;
  left: 24%;
}
.p-recruit-creators {
  position: relative;
}
.p-recruit-creators::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  background-image: url("../images/recruit/bg-bottom.svg");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0;
}
.p-recruit-creators::after {
  content: "";
  position: absolute;
  left: 0;
  -webkit-transform: skewY(-30deg);
  transform: skewY(-30deg);
  -webkit-transform-origin: top right;
  transform-origin: top right;
  width: 100%;
  height: 100%;
  background: #0089ff;
  background-blend-mode: multiply;
}
@media screen and (min-width: 1025px) {
  .p-recruit-creators::after {
    top: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-creators::after {
    top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-creators {
    padding: 80px 0 96px;
    margin-top: -290px;
  }
  .p-recruit-creators::before {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-creators {
    padding-top: 120px;
    overflow: hidden;
  }
  .p-recruit-creators::before {
    width: 200%;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-creators__header {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-creators__header-lead {
    font-size: 3rem;
    line-height: 1.3333333333;
    letter-spacing: 0.08em;
    margin-top: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-creators__header-lead {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    letter-spacing: 0.08em;
    padding: 0 16px;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-creators__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 84.375%;
    max-width: 1280px;
    margin: auto;
  }
  .p-recruit-creators__list li {
    width: calc(33.3333333333% - 40px);
    padding-top: 12px;
  }
}
.p-recruit-creators__ditail {
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  font-size: 1.3rem;
  line-height: 1.2307692308;
  letter-spacing: 0.08em;
}
.p-recruit-creators__ditail a::before {
  content: "";
  height: 1px;
  width: 64px;
  display: block;
  background-color: #000000;
  margin-right: 8px;
}
.p-recruit-creators__ditail i {
  background: url("../images/icon-allow-b.svg") center center no-repeat;
  background-size: contain;
  width: 6px;
  height: 6px;
  margin-left: 16px;
  display: block;
  -webkit-transition: -webkit-transform 0.6s var(--ease-out-quart);
  transition: -webkit-transform 0.6s var(--ease-out-quart);
  transition: transform 0.6s var(--ease-out-quart);
  transition: transform 0.6s var(--ease-out-quart), -webkit-transform 0.6s var(--ease-out-quart);
  margin-right: 4px;
}
.p-recruit-creators__ditail:hover i {
  -webkit-transform: translate3d(4px, 0, 0);
  transform: translate3d(4px, 0, 0);
}
.p-recruit-creators__ditail a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1024px) {
  .p-recruit-creators-slider {
    background-color: #ffffac;
    padding: 40px;
  }
}
.p-recruit-requirement {
  background-color: #0089ff;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-recruit-requirement__inner {
    background-image: url("../images/recruit/bg-recruitment.png");
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1280px;
    width: 100%;
    margin: auto;
    padding-top: 80px;
  }
}
@media screen and (min-width: 1025px) {
  .p-recruit-requirement__header {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-requirement__header {
    margin-bottom: 40px;
  }
  .p-recruit-requirement__header .m-head--type3 {
    padding: 24px 24px 0;
  }
}
.p-recruit-requirement__content-links {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-recruit-requirement__content-links {
    max-width: 640px;
    margin-left: auto;
    margin-right: 3.75%;
    padding: 16px 64px 64px 64px;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-requirement__content-links {
    padding: 150px 7.4666666667% 40px;
  }
}
.p-recruit-requirement__content-links > *:first-child {
  margin-top: -40px;
}
@media screen and (min-width: 1025px) {
  .p-recruit-requirement__content-link {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-requirement__content-link {
    margin-bottom: 24px;
  }
}
.p-recruit-requirement__content-link h5 {
  background-color: #ff4200;
  color: #ffffff;
  padding: 8px 24px;
  border-bottom-right-radius: 24px;
  border-top-right-radius: 24px;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-recruit-requirement__content-link h5 {
    font-size: 2.6rem;
    line-height: 1.2307692308;
    letter-spacing: 0.08em;
    max-width: 440px;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-requirement__content-link h5 {
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: 0.08em;
  }
}
.p-recruit-requirement__content-link a {
  display: block;
}
.p-recruit-requirement__content-sublinks li {
  margin-bottom: 24px;
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.p-recruit-requirement__content-sublinks li a::before {
  content: "";
  height: 1px;
  width: 64px;
  display: block;
  background-color: #000000;
  margin-right: 8px;
}
.p-recruit-requirement__content-sublinks li i {
  background: url("../images/icon-allow-b.svg") center center no-repeat;
  background-size: contain;
  width: 6px;
  height: 6px;
  margin-left: 16px;
  display: block;
  -webkit-transition: -webkit-transform 0.6s var(--ease-out-quart);
  transition: -webkit-transform 0.6s var(--ease-out-quart);
  transition: transform 0.6s var(--ease-out-quart);
  transition: transform 0.6s var(--ease-out-quart), -webkit-transform 0.6s var(--ease-out-quart);
  margin-right: 4px;
}
.p-recruit-requirement__content-sublinks li:hover i {
  -webkit-transform: translate3d(4px, 0, 0);
  transform: translate3d(4px, 0, 0);
}
.p-recruit-requirement__content-sublinks li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media screen and (min-width: 1025px) {
  .p-recruit-requirement__content-sublinks li a {
    font-size: 2.2rem;
    line-height: 1.4545454545;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-requirement__content-sublinks li a {
    font-size: 1.8rem;
    line-height: 1.3333333333;
    letter-spacing: 0.08em;
  }
}
.p-recruit-requirement__content-image {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-recruit-requirement__content-image {
    min-width: 720px;
    width: 43.75%;
    margin-left: 6.25%;
  }
}
@media screen and (max-width: 1024px) {
  .p-recruit-requirement__content-image {
    width: 86.6666666667%;
    margin-left: auto;
    margin-bottom: -80px;
  }
}
.p-requirement__wrap {
  background-color: #cccccc;
  padding-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .p-requirement__wrap {
    padding-top: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .p-requirement__wrap {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1025px) {
  .p-requirement__head {
    background-image: url("../images/recruit/requirement/head-requirement-pc.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
    height: clamp(28rem, 32vw, 44rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1025px) {
  .p-requirement__inner {
    padding: 40px 8%;
  }
}
@media screen and (max-width: 1024px) {
  .p-requirement__inner {
    padding: 16px;
  }
}
.p-requirement__section {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-requirement__section {
    width: 78.125%;
    max-width: 1080px;
    margin: 0 auto 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-requirement__section {
    padding: 0 7.4666666667%;
    margin: 0 auto 40px;
  }
}
.p-requirement__content {
  background-color: #ffffff;
}
.p-requirement-list {
  max-width: 640px;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .p-requirement-list {
    padding: 0 7.4666666667%;
  }
}
@media screen and (min-width: 1025px) {
  .p-requirement-list__item + .p-requirement-list__item {
    margin-top: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .p-requirement-list__item + .p-requirement-list__item {
    margin-top: 16px;
  }
}
.p-requirement-list__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-left: 24px;
}
.p-requirement-list__large {
  background-color: #ffffff;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-requirement-list__large + .p-requirement-list__large {
    margin-top: 64px;
  }
}
@media screen and (max-width: 1024px) {
  .p-requirement-list__large + .p-requirement-list__large {
    margin-top: 48px;
  }
}
@media screen and (min-width: 1025px) {
  .p-requirement-list__large {
    padding: 40px 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-requirement-list__large {
    padding: 40px 0 24px;
  }
}
.p-requirement-list__large .p-requirement-list__title {
  display: inline-block;
  position: absolute;
  top: -30px;
  color: #ffffff;
  height: 60px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 16px;
}
.p-requirement-list__large .p-requirement-list__title.newgraduate {
  background-color: #0054ff;
}
.p-requirement-list__large .p-requirement-list__title.career {
  background-color: #ff4200;
}
.p-requirement-list__large-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media screen and (min-width: 1025px) {
  .p-requirement-list__large-inner {
    padding: 0 40px;
  }
}
@media screen and (max-width: 1024px) {
  .p-requirement-list__large-inner {
    padding: 0 24px;
  }
}
.p-requirement-list__large-inner.career a {
  margin-right: -20px;
}
.p-requirement-list__career {
  background-color: #ff4200;
  color: #ffffff;
}
.p-requirement-list__career .p-requirement-list__right {
  background-image: url("../images/recruit/requirement/arrow-right-l.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60%;
  background-color: rgba(255, 255, 255, 0.22);
  display: block;
  width: 35.9375%;
  height: 60px;
}
.p-requirement-list__arbeit {
  background-color: #ff6e00;
  color: #ffffff;
}
.p-requirement-list__arbeit .p-requirement-list__right {
  background-image: url("../images/recruit/requirement/arrow-right-l.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60%;
  background-color: rgba(255, 255, 255, 0.22);
  display: block;
  width: 35.9375%;
  height: 60px;
}
.p-requirement-list__other {
  background-color: #ffffff;
}
.p-requirement-list__other .p-requirement-list__right {
  background-image: url("../images/recruit/requirement/arrow-right-l.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60%;
  background-color: #a8a8a8;
  display: block;
  width: 35.9375%;
  height: 60px;
}
@media screen and (min-width: 1025px) {
  .p-requirement-list__title span {
    font-size: 1.2rem;
    line-height: 2.6666666667;
    letter-spacing: 0.03em;
  }
}
@media screen and (max-width: 1024px) {
  .p-requirement-list__title span {
    font-size: 1.1rem;
    line-height: 2.1818181818;
    letter-spacing: 0.03em;
  }
}
@media screen and (min-width: 1025px) {
  .p-requirement-list__title {
    font-size: 2.3rem;
    line-height: 1.3913043478;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 1024px) {
  .p-requirement-list__title {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
  }
}
.p-requirement__title {
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0.08em;
  color: #ffffff;
  max-width: 360px;
  margin: 0 auto 64px;
  text-align: center;
  padding: 16px 0;
}
.p-requirement__title.career {
  background-color: #ff4200;
}
.p-requirement__title.arbeit {
  background-color: #ff6e00;
}
.p-requirement-joblist {
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 24px;
}
@media screen and (min-width: 1025px) {
  .p-requirement-joblist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.p-requirement-joblist__item {
  color: #ffffff;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  letter-spacing: 0.05em;
  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;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media screen and (min-width: 1025px) {
  .p-requirement-joblist__item {
    width: 20%;
  }
}
@media screen and (max-width: 1024px) {
  .p-requirement-joblist__item + .p-requirement-joblist__item {
    margin-top: 8px;
    height: 64px;
  }
}
.p-requirement-joblist__item.game {
  background-color: #00c2b1;
}
.p-requirement-joblist__item.system {
  background-color: #46c7f0;
}
.p-requirement-joblist__item.plan {
  background-color: #99cf00;
}
.p-requirement-joblist__item.graphic {
  background-color: #f96251;
}
.p-requirement-joblist__item.sound {
  background-color: #5a81e6;
}
.p-requirement-joblist__item a {
  display: block;
  width: 100%;
  padding: 8px 0;
}
.p-requirement-newgraduate__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 24px;
}
@media screen and (max-width: 1024px) {
  .p-requirement-newgraduate__content {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.p-requirement-newgraduate__text {
  margin-right: 40px;
}
.p-requirement__job-title {
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-requirement__job-title {
    padding: 22px 24px 16px 24px;
  }
}
@media screen and (max-width: 1024px) {
  .p-requirement__job-title {
    padding: 16px 16px 12px 16px;
  }
}
.p-requirement__job-content {
  background-color: #ffffff;
}
.graphic .p-requirement__job-title {
  background-color: #f96251;
}
.graphic .p-requirement__job-content {
  border: 4px solid #f96251;
}
.graphic dt {
  color: #f96251;
}
.game .p-requirement__job-title {
  background-color: #00c2b1;
}
.game .p-requirement__job-content {
  border: 4px solid #00c2b1;
}
.game dt {
  color: #00c2b1;
}
.plan .p-requirement__job-title {
  background-color: #99cf00;
}
.plan .p-requirement__job-content {
  border: 4px solid #99cf00;
}
.plan dt {
  color: #99cf00;
}
.system .p-requirement__job-title {
  background-color: #46c7f0;
}
.system .p-requirement__job-content {
  border: 4px solid #46c7f0;
}
.system dt {
  color: #46c7f0;
}
.sound .p-requirement__job-title {
  background-color: #5a81e6;
}
.sound .p-requirement__job-content {
  border: 4px solid #5a81e6;
}
.sound dt {
  color: #5a81e6;
}
.other .p-requirement__job-title {
  color: #000000;
  background-color: #ffffff;
  background-image: url("../images/recruit/requirement/arrow-bottom-blk.svg");
}
.p-requirement__job-titletop {
  color: #ffffff;
}
.p-requirement__job-titletop span {
  font-size: 1.2rem;
  line-height: 2.6666666667;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 1025px) {
  .p-requirement__job-titletop {
    font-size: 2.3rem;
    line-height: 1.3913043478;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 1024px) {
  .p-requirement__job-titletop {
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
.p-requirement__info dl {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 16px;
}
.p-requirement__info dl + dl {
  margin-top: 16px;
}
@media screen and (min-width: 1025px) {
  .p-requirement__info dl {
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 1025px) {
  .p-requirement__info dt {
    margin-right: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .p-requirement__info dt {
    width: 30%;
    padding-right: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .p-requirement__info dd {
    width: 70%;
  }
}
.p-requirement__works-title {
  text-align: center;
}
.p-requirement__works-title span {
  font-size: 1.8rem;
  line-height: 2.2222222222;
  letter-spacing: 0.08em;
  color: #ffffff;
  display: inline-block;
  padding: 0 40px;
}
@media screen and (min-width: 1025px) {
  .p-requirement__works-block {
    padding: 40px 9% 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-requirement__works-block {
    padding-top: 24px;
  }
}
.p-requirement__works-text p {
  padding-left: 1rem;
  text-indent: -1rem;
}
.p-requirement__works-text div {
  margin-bottom: 16px;
}
.p-requirement__works-note {
  max-width: 680px;
  margin: auto;
}
.p-requirement__works-note p {
  padding-left: 1rem;
  text-indent: -1rem;
}
.p-requirement__works-subtitle {
  margin-bottom: 16px;
}
.game .p-requirement__works-title {
  border-bottom: 3px solid #00c2b1;
}
.game .p-requirement__works-title span {
  background-color: #00c2b1;
}
.game .p-requirement__works-subtitle {
  color: #00c2b1;
}
.system .p-requirement__works-title {
  border-bottom: 3px solid #46c7f0;
}
.system .p-requirement__works-title span {
  background-color: #46c7f0;
}
.system .p-requirement__works-subtitle {
  color: #46c7f0;
}
.plan .p-requirement__works-title {
  border-bottom: 3px solid #99cf00;
}
.plan .p-requirement__works-title span {
  background-color: #99cf00;
}
.plan .p-requirement__works-subtitle {
  color: #99cf00;
}
.graphic .p-requirement__works-title {
  border-bottom: 3px solid #f96251;
}
.graphic .p-requirement__works-title span {
  background-color: #f96251;
}
.graphic .p-requirement__works-subtitle {
  color: #f96251;
}
.sound .p-requirement__works-title {
  border-bottom: 3px solid #5a81e6;
}
.sound .p-requirement__works-title span {
  background-color: #5a81e6;
}
.sound .p-requirement__works-subtitle {
  color: #5a81e6;
}
.p-requirement__faq li + li {
  margin-top: 40px;
}
.p-requirement__faq-title {
  margin-bottom: 40px;
}
.p-requirement__faq-title::after {
  background: url("../images/recruit/requirement/fukidashi-gray.svg") no-repeat;
  height: 18px;
}
.p-requirement__faq-title p {
  padding: 0 16px;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    overflow: visible;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    overflow: visible;
  }
  100% {
    opacity: 0;
    overflow: hidden;
    display: none;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    overflow: visible;
  }
  100% {
    opacity: 0;
    overflow: hidden;
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .p-top main {
    padding-top: 40px;
  }
}
@-webkit-keyframes anim-mainVisualScroll {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  35% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  40% {
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  50% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  85% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}
@keyframes anim-mainVisualScroll {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  35% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  40% {
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  50% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  85% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}
.p-top-scroll {
  position: fixed;
  right: 80px;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.p-top-scroll.is-hide {
  opacity: 0;
}
.p-top-scroll span {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
  display: block;
  width: 200px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
.p-top-scroll span::before {
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform-origin: left;
  transform-origin: left;
  background-color: rgba(0, 0, 0, 0.1);
}
.p-top-scroll span::after {
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform-origin: left;
  transform-origin: left;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-animation: anim-mainVisualScroll 2.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;
  animation: anim-mainVisualScroll 2.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
.p-top-visual {
  padding-top: 100px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.p-top-visual__main {
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-top-visual__main img {
    width: 100%;
  }
}
.p-top-visual__logo {
  position: absolute;
  bottom: 8.254230293%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 42.6041666667%;
}
.p-top-visual-sp {
  position: relative;
}
.p-top-visual-sp__main {
  padding-top: 123px;
  -webkit-animation: fadeIn 1.5s ease;
  animation: fadeIn 1.5s ease;
}
.p-top-works {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(360deg, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  .p-top-works {
    margin-top: -150px;
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .p-top-works {
    padding: 0 7.4666666667%;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .p-top-works__title {
    margin-right: 24px;
  }
}
.p-top-works__inner {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1025px) {
  .p-top-works__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 880px;
  }
}
@media screen and (max-width: 1024px) {
  .p-top-works__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1024px) {
  .p-top-works__link {
    width: 70.3125%;
  }
}
.p-top-works__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.p-top-works__list li {
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
}
.p-top-works__list li.is-active, .p-top-works__list li.lazyloaded {
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
.p-top-works__list li:nth-child(1) {
  -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s;
}
.p-top-works__list li:nth-child(2) {
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s;
}
.p-top-works__list li:nth-child(3) {
  -webkit-transition-delay: 0.16s;
  transition-delay: 0.16s;
}
.p-top-works__list li:nth-child(4) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
@media screen and (min-width: 1025px) {
  .p-top-works__item img {
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  }
}
@media screen and (max-width: 1024px) {
  .p-top-works__item img {
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.32) 0px 4px 4px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.32) 0px 4px 4px;
  }
}
@media screen and (min-width: 1025px) {
  .p-top-works__item {
    max-width: 96px;
    margin: 0 24px;
  }
}
@media screen and (max-width: 1024px) {
  .p-top-works__item {
    max-width: 48px;
  }
}
@media screen and (max-width: 1024px) {
  .p-top-works__button {
    margin-left: auto;
    margin-top: 16px;
  }
}
.p-top-topics {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  .p-top-topics {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0 8rem;
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .p-top-topics {
    padding: 0 7.4666666667%;
    margin-bottom: 80px;
  }
}
.p-top-topics .swiper {
  overflow: visible;
}
.p-top-topics .swiper-slide:not(.swiper-slide-visible) .p-top-topics__inner {
  pointer-events: none;
  opacity: 0.3;
}
.p-top-topics__title {
  margin-bottom: 40px;
}
.p-top-topics__heading {
  max-width: 880px;
  margin-right: auto;
  margin-left: auto;
}
.p-top-topics__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.p-top-topics__inner {
  overflow: hidden;
  -webkit-transition: 0.8s ease;
  transition: 0.8s ease;
}
.p-top-topics__inner a {
  overflow: hidden;
  display: block;
}
.p-top-topics__inner a img {
  -webkit-transition: all 200ms;
  transition: all 200ms;
}
.p-top-topics__inner a:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.p-top-topics__tag {
  color: #605f5b;
  text-align: right;
}
.p-top-topics__tag span {
  text-align: right;
  border-bottom: 1px solid #605f5b;
  border-left: 1px solid #605f5b;
  padding: 4px 6px;
}
@media screen and (max-width: 1024px) {
  .p-top-topics__tag span {
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
}
.p-top-topics__date {
  color: #605f5b;
}
@media screen and (max-width: 1024px) {
  .p-top-topics__date {
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: 0.03em;
  }
}
.p-top-topics__text {
  margin-bottom: 16px;
}
@media screen and (min-width: 1025px) {
  .p-top-topics__text {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 1024px) {
  .p-top-topics__text {
    font-size: 1.3rem;
    line-height: 1.5384615385;
    letter-spacing: 0.05em;
  }
}
.p-top-topics__link {
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.p-top-topics__link a::before {
  content: "";
  height: 1px;
  width: 64px;
  display: block;
  background-color: #000000;
  margin-right: 8px;
}
.p-top-topics__link i {
  background: url("../images/icon-allow-b.svg") center center no-repeat;
  background-size: contain;
  width: 6px;
  height: 6px;
  margin-left: 8px;
  display: block;
  -webkit-transition: -webkit-transform 0.6s var(--ease-out-quart);
  transition: -webkit-transform 0.6s var(--ease-out-quart);
  transition: transform 0.6s var(--ease-out-quart);
  transition: transform 0.6s var(--ease-out-quart), -webkit-transform 0.6s var(--ease-out-quart);
  margin-right: 4px;
}
.p-top-topics__link:hover i {
  -webkit-transform: translate3d(4px, 0, 0);
  transform: translate3d(4px, 0, 0);
}
@media screen and (min-width: 1025px) {
  .p-top-topics__link {
    font-size: 1.3rem;
    line-height: 1.2307692308;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 1024px) {
  .p-top-topics__link {
    font-size: 1.1rem;
    line-height: 1.4545454545;
    letter-spacing: 0.05em;
  }
}
.p-top-topics__link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.p-top-recruit__title {
  margin-bottom: 24px;
}
@media screen and (max-width: 1024px) {
  .p-top-recruit__title {
    padding: 0 7.4666666667%;
  }
}
@media screen and (min-width: 1025px) {
  .p-top-recruit__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 1024px) {
  .p-top-recruit__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.p-top-recruit__heading {
  max-width: 880px;
  margin-right: auto;
  margin-left: auto;
}
.p-top-recruit__block-left {
  margin-top: 36px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(0, 137, 255)), color-stop(63%, rgb(0, 133, 251)), to(rgb(0, 35, 150)));
  background-image: linear-gradient(90deg, rgb(0, 137, 255), rgb(0, 133, 251) 63%, rgb(0, 35, 150));
  -webkit-box-flex: 5;
  -ms-flex-positive: 5;
  flex-grow: 5;
}
@media screen and (min-width: 1025px) {
  .p-top-recruit__block-left {
    margin-right: -40px;
    padding: 40px 0;
    position: relative;
  }
  .p-top-recruit__block-left::before {
    content: "";
    background-image: url("../images/bg-top-recruit.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-top-recruit__block-left {
    position: relative;
    padding: 24px 8px;
  }
}
@media screen and (min-width: 1025px) {
  .p-top-recruit__block-left a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.p-top-recruit__catch {
  color: #ffffff;
}
@media screen and (min-width: 1025px) {
  .p-top-recruit__catch {
    position: relative;
  }
}
.p-top-recruit__catch p {
  padding-left: 8px;
}
@media screen and (min-width: 1025px) {
  .p-top-recruit__catch p {
    font-size: 2.4rem;
    line-height: 1.6666666667;
    letter-spacing: 0.08em;
  }
}
@media screen and (min-width: 1025px) {
  .p-top-recruit__daikaibou {
    width: 320px;
  }
}
@media screen and (min-width: 1025px) {
  .p-top-recruit__illust {
    width: 240px;
    position: relative;
    padding-top: 24px;
    margin: 0 0 -170px -60px;
  }
}
@media screen and (max-width: 1024px) {
  .p-top-recruit__illust {
    width: 130px;
  }
}
@media screen and (max-width: 1024px) {
  .p-top-recruit__illust {
    position: absolute;
    bottom: -40px;
    right: -50px;
  }
}
.p-top-recruit__block-right {
  -webkit-box-flex: 4;
  -ms-flex-positive: 4;
  flex-grow: 4;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(0, 70, 255)), to(rgb(0, 35, 150)));
  background-image: linear-gradient(90deg, rgb(0, 70, 255), rgb(0, 35, 150));
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-top-recruit__img {
    width: 560px;
  }
}
@media screen and (max-width: 1024px) {
  .p-top-recruit__img {
    width: 200px;
  }
}
.p-top-recruit__link {
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.p-top-recruit__link a::before {
  content: "";
  height: 1px;
  width: 64px;
  display: block;
  background-color: #000000;
  margin-right: 8px;
}
.p-top-recruit__link i {
  background: url("../images/icon-allow-b.svg") center center no-repeat;
  background-size: contain;
  width: 6px;
  height: 6px;
  margin-left: 8px;
  display: block;
  -webkit-transition: -webkit-transform 0.6s var(--ease-out-quart);
  transition: -webkit-transform 0.6s var(--ease-out-quart);
  transition: transform 0.6s var(--ease-out-quart);
  transition: transform 0.6s var(--ease-out-quart), -webkit-transform 0.6s var(--ease-out-quart);
  margin-right: 4px;
}
.p-top-recruit__link:hover i {
  -webkit-transform: translate3d(4px, 0, 0);
  transform: translate3d(4px, 0, 0);
}
@media screen and (min-width: 1025px) {
  .p-top-recruit__link {
    font-size: 1.3rem;
    line-height: 1.2307692308;
    letter-spacing: 0.08em;
    position: absolute;
    top: auto;
    right: auto;
    bottom: -40px;
    left: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-top-recruit__link {
    font-size: 1.1rem;
    line-height: 1.4545454545;
    letter-spacing: 0.05em;
    position: absolute;
    top: auto;
    right: auto;
    bottom: -40px;
    left: 56px;
  }
}
.p-top-recruit__link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.p-top-mg {
  padding-top: 100px;
  width: 100%;
}
.p-top-mg iframe {
  width: 100%;
  height: 100vh;
}
.p-top-mg__inner {
  width: 100%;
}
.p-top-mg__canvas {
  width: 100%;
}
.p-top-mg__dom {
  width: 100%;
}
.p-works-head {
  background-color: #cccccc;
}
@media screen and (min-width: 1025px) {
  .p-works-head {
    padding-left: 96px;
    padding-right: 96px;
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 1024px) {
  .p-works-head {
    padding-left: 40px;
    padding-bottom: 220px;
  }
}
@media screen and (min-width: 1025px) {
  .p-works-head .m-head--type1 {
    width: 15%;
  }
}
.p-works-head__text {
  -webkit-transform: translate(0, 120%);
  transform: translate(0, 120%);
  -webkit-transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  padding-top: 16px;
}
.p-works-head__text.is-active, .p-works-head__text.lazyloaded {
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
.p-works-packages {
  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;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-top: -160px;
}
@media screen and (min-width: 1025px) {
  .p-works-packages {
    width: 60%;
    margin: -228px auto 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-works-packages {
    margin-top: -160px;
    margin-bottom: 86px;
  }
}
.p-works-packages li:nth-child(1) {
  -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s;
}
.p-works-packages li:nth-child(2) {
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s;
}
.p-works-packages li:nth-child(3) {
  -webkit-transition-delay: 0.16s;
  transition-delay: 0.16s;
}
.p-works-packages li:nth-child(4) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.p-works-packages__item {
  margin: 0 16px;
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
  transition: all 1.2s cubic-bezier(0.32, 0.1, 0, 1);
}
.p-works-packages__item.is-active, .p-works-packages__item.lazyloaded {
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
.p-works-packages__item img {
  -webkit-filter: drop-shadow(19px 19px 7px rgba(0, 0, 0, 0.6));
  filter: drop-shadow(19px 19px 7px rgba(0, 0, 0, 0.6));
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.p-works-subnav {
  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;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  max-width: 320px;
}
@media screen and (min-width: 1025px) {
  .p-works-subnav {
    margin: 0 auto 56px;
  }
}
@media screen and (max-width: 1024px) {
  .p-works-subnav {
    margin: 0 auto 24px;
  }
}
.p-works-subnav__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 8px 40px;
}
.p-works-subnav__item i {
  background: url("../images/works/icon-allow-b.svg") center center no-repeat;
  background-size: contain;
  width: 9px;
  height: 8px;
  margin-left: 12px;
}
.p-works-subnav__item.active {
  color: #a50d05;
}
.p-works-subnav__item.active i {
  background: url("../images/works/icon-allow-r.svg") center center no-repeat;
  background-size: contain;
  width: 9px;
  height: 8px;
  margin-left: 12px;
}
.p-works-subnav__item-game {
  position: relative;
}
.p-works-subnav__item-game::after {
  content: "";
  background-color: #000000;
  width: 1px;
  display: block;
  position: absolute;
  right: 0;
  height: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (min-width: 1025px) {
  .p-works-category {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-works-category {
    margin-bottom: 40px;
  }
}
.p-works-games {
  max-width: 960px;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  gap: 8px;
}
@media screen and (min-width: 1025px) {
  .p-works-games {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% - 8rem);
    margin: 0 auto 120px;
  }
}
@media screen and (max-width: 1024px) {
  .p-works-games {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 7.4666666667%;
    margin: 0 auto 80px;
  }
}
.p-works-games__item {
  text-align: center;
  width: 100%;
  border: 1px solid #f2f2f2;
}
@media screen and (min-width: 1025px) {
  .p-works-games__item {
    max-width: calc(33.3333333333% - 8px);
  }
}
@media screen and (max-width: 1024px) {
  .p-works-games__item {
    max-width: calc(50% - 4px);
  }
}
.p-works-games__item > a {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}
@media screen and (min-width: 1025px) {
  .p-works-games__item > a {
    padding: 40px 8px;
  }
}
@media screen and (max-width: 1024px) {
  .p-works-games__item > a {
    padding: 24px 8px;
  }
}
.p-works-games__item img {
  display: block;
  margin: 0 auto 16px;
  width: 96px;
}
@media screen and (min-width: 1025px) {
  .p-works-games__item.noimage {
    padding: 24px 8px;
  }
}
@media screen and (max-width: 1024px) {
  .p-works-games__item.noimage {
    padding: 16px 0;
  }
}
.p-works-games__item.noimage .p-works-games__item-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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
@media screen and (min-width: 1025px) {
  .p-works-games__title {
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: 0.03em;
  }
}
@media screen and (max-width: 1024px) {
  .p-works-games__title {
    font-size: 1.3rem;
    line-height: 1.5384615385;
    letter-spacing: 0.03em;
  }
}
.p-works-games__title span {
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.03em;
}
.p-works-games__tag {
  background-color: #605f5b;
  color: #ffffff;
  display: inline-block;
  padding: 4px 8px;
  margin-bottom: 16px;
}
@media screen and (min-width: 1025px) {
  .p-works-games__tag {
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 1024px) {
  .p-works-games__tag {
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: 0.03em;
  }
}
.p-works-games__link {
  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;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.08em;
}
.p-works-games__link i {
  background: url("../images/icon-allow-g.svg") center center no-repeat;
  background-size: contain;
  width: 8px;
  height: 7px;
  margin-right: 8px;
  display: block;
}
.p-works__note {
  width: calc(100% - 8rem);
  max-width: 960px;
  margin: 16px auto 0;
  padding-left: 3rem;
  text-indent: -3rem;
}
.p-works__note p + p {
  margin-top: 24px;
}
.p-workstyle__header {
  background-color: #ffffff;
  text-align: center;
  color: #0089ff;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1025px) {
  .p-workstyle__header {
    max-width: 500px;
    padding-top: 64px;
    padding-bottom: 64px;
    -webkit-box-shadow: 16px 16px 0px 0px rgba(144, 255, 196, 0.2);
    box-shadow: 16px 16px 0px 0px rgba(144, 255, 196, 0.2);
  }
  .p-workstyle__header h4 {
    font-size: 5.6rem;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
  }
  .p-workstyle__header p {
    font-size: 2.1rem;
    line-height: 1.9047619048;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 1024px) {
  .p-workstyle__header {
    width: 80%;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: -16px;
    -webkit-box-shadow: 8px 8px 0px 0px rgba(144, 255, 196, 0.2);
    box-shadow: 8px 8px 0px 0px rgba(144, 255, 196, 0.2);
  }
  .p-workstyle__header h4 {
    font-size: 3.2rem;
    line-height: 2;
    letter-spacing: 0.05em;
  }
  .p-workstyle__header p {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    letter-spacing: 0.08em;
  }
}
.p-workstyle-office {
  background-color: #0089ff;
}
.p-workstyle-office__inner {
  background-image: url("../images/recruit/bg-border-01.png");
  background-repeat: repeat;
  background-size: 400px;
  position: relative;
  z-index: 0;
  padding: 80px 0;
}
.p-workstyle-office__inner::before {
  content: "";
  display: block;
  mix-blend-mode: multiply;
  background-color: #0089ff;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 0;
}
@media screen and (min-width: 1025px) {
  .p-workstyle-office__content {
    background-image: url("../images/recruit/workstyle/workstyle-illust.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    max-width: 1280px;
    margin: auto;
  }
}
.p-workstyle-office__3f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.p-workstyle-office__2f {
  display: grid;
  grid-template-rows: 160px 160px 160px;
  grid-template-columns: 1fr 1fr;
}
.p-workstyle-office__1f {
  display: grid;
  grid-template-rows: 300px 200px;
  grid-template-columns: 1fr 1fr;
}
.p-workstyle-office__3f-01 {
  width: 440px;
  margin-left: 10px;
  margin-bottom: -10px;
}
.p-workstyle-office__3f-02 {
  width: 360px;
}
.p-workstyle-office__2f-01 {
  width: 400px;
  grid-row: 1/4;
  grid-column: 1/2;
  margin-top: 90px;
  margin-left: 30px;
}
.p-workstyle-office__2f-02 {
  width: 440px;
  grid-row: 1/2;
  grid-column: 2/3;
  margin-top: 70px;
  margin-left: 50px;
}
.p-workstyle-office__2f-03 {
  width: 480px;
  grid-row: 2/3;
  grid-column: 2/3;
  margin-left: auto;
  margin-right: 40px;
}
.p-workstyle-office__2f-04 {
  width: 380px;
  grid-row: 3/4;
  grid-column: 2/3;
  margin-left: -40px;
  padding-top: 70px;
}
.p-workstyle-office__1f-01 {
  max-width: 460px;
  margin-top: -120px;
}
.p-workstyle-office__1f-02 {
  max-width: 460px;
  margin-left: auto;
  margin-right: 20px;
}
.p-workstyle-office__1f-03 {
  max-width: 280px;
  margin-top: -80px;
  margin-left: 20px;
}
.p-workstyle-office__1f-04 {
  max-width: 470px;
  margin-left: -100px;
}
.p-maintenance {
  height: 100vh;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.p-maintenance__inner {
  max-width: 640px;
  margin: auto;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p-maintenance__inner {
    padding: 0 6.4%;
  }
}
.p-maintenance__logo {
  max-width: 320px;
  margin: 0 auto 40px;
}
.p-maintenance__heading {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  letter-spacing: 0.05em;
  margin-bottom: 16px;
}
.p-maintenance__text + .p-maintenance__text {
  margin-top: 24px;
}
.p-maintenance__from {
  margin-top: 40px;
}