@charset "UTF-8";
/**
 * Custom media queries
 * @example
 * @media (--mobile) {
 *    styles for mobile viewport
 * }
 */
/**
 * for mobile viewoport
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/**
 * Swiper 12.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 13, 2026
 */
:root{--swiper-theme-color:#007aff}
:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}
.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}
.swiper-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{-webkit-box-sizing:initial;box-sizing:initial;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}
.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-slide{display:block;-ms-flex-negative:0;flex-shrink:0;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;width:100%}
.swiper-slide-invisible-blank{visibility:hidden}
.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-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}
.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}
.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-3d{-webkit-perspective:1200px;perspective:1200px;.swiper-cube-shadow,.swiper-slide{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}}
.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-slides-offset-before);margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{-webkit-margin-end:var(--swiper-slides-offset-after);margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-slides-offset-before);margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{-webkit-margin-after:var(--swiper-slides-offset-after);margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.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-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.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-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-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}
.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(#00000080),to(#0000));background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(#00000080),to(#0000));background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(#00000080),to(#0000));background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(#00000080),to(#0000));background-image:linear-gradient(180deg,#00000080,#0000)}}
.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;-webkit-box-sizing:border-box;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;-webkit-transform-origin:50%;transform-origin:50%;width:42px;z-index:10}
.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s linear infinite;animation:swiper-preloader-spin 1s linear infinite}}
.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)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}
.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}
.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{height:var(--swiper-virtual-size);width:1px}}
:root{--swiper-navigation-size:44px}
.swiper-button-next,.swiper-button-prev{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--swiper-navigation-size);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}
.swiper-button-lock{display:none}
.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}
.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}
.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}
.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}}
.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}}
.swiper-pagination{position:absolute;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .3s;transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}
.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}}
.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}
.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}
.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;-webkit-transition:top .2s,-webkit-transform .2s;transition:top .2s,-webkit-transform .2s;transition:transform .2s,top .2s;transition:transform .2s,top .2s,-webkit-transform .2s}}}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{-webkit-transition:left .2s,-webkit-transform .2s;transition:left .2s,-webkit-transform .2s;transition:transform .2s,left .2s;transition:transform .2s,left .2s,-webkit-transform .2s}}}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:right .2s,-webkit-transform .2s;transition:right .2s,-webkit-transform .2s;transition:transform .2s,right .2s;transition:transform .2s,right .2s,-webkit-transform .2s}
.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}
.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}
.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}}
.swiper-slide-zoomed{cursor:move;-ms-touch-action:none;touch-action:none}
.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}
.swiper-free-mode>.swiper-wrapper{margin:0 auto;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-grid>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-grid-column>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-fade{&.swiper-free-mode{.swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}
.swiper.swiper-cube{overflow:visible}
.swiper-cube{.swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;pointer-events:none;-webkit-transform-origin:0 0;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";-webkit-filter:blur(50px);filter:blur(50px);left:0;position:absolute;right:0;top:0}}}
.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}
.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0}}
.swiper.swiper-flip{overflow:visible}
.swiper-flip{.swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}
.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0}}
.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.swiper-cards{overflow:visible}
.swiper-cards{.swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transform-origin:center bottom;transform-origin:center bottom}}
/*! 
 * OverlayScrollbars
 * Version: 2.14.0
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */
.os-size-observer,.os-size-observer-listener{-webkit-box-sizing:border-box;box-sizing:border-box;direction:inherit;overflow:hidden;pointer-events:none;scroll-behavior:auto!important;visibility:hidden}
.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{left:0;position:absolute;top:0;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}
.os-size-observer{border:inherit;bottom:0;-webkit-box-sizing:inherit;box-sizing:inherit;contain:strict;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;left:0;margin:-133px;padding:inherit;right:0;top:0;-webkit-transform:scale(.1);transform:scale(.1);z-index:-1}
.os-size-observer:before{-webkit-box-sizing:inherit;box-sizing:inherit;content:"";-webkit-box-flex:0;-ms-flex:none;flex:none;height:10px;padding:10px;width:10px}
.os-size-observer-appear{-webkit-animation:os-size-observer-appear-animation 1ms forwards;animation:os-size-observer-appear-animation 1ms forwards}
.os-size-observer-listener{border:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:auto;flex:auto;margin:-133px;padding:inherit;position:relative;-webkit-transform:scale(10);transform:scale(10)}
.os-size-observer-listener.ltr{margin-left:0;margin-right:-266px}
.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}
.os-size-observer-listener:empty:before{content:"";height:100%;width:100%}
.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{border:inherit;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;-webkit-box-flex:1;-ms-flex:auto;flex:auto;padding:inherit;position:relative}
.os-size-observer-listener-scroll{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}
.os-size-observer-listener-item{bottom:0;direction:ltr;-webkit-box-flex:0;-ms-flex:none;flex:none;overflow:hidden;right:0}
.os-size-observer-listener-item-final{-webkit-transition:none;transition:none}
@-webkit-keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}
@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}
.os-trinsic-observer{border:none;-webkit-box-sizing:border-box;box-sizing:border-box;contain:strict;-webkit-box-flex:0;-ms-flex:none;flex:none;height:0;margin:0;max-height:1px;max-width:0;overflow:hidden;padding:0;position:relative;top:calc(100% + 1px);z-index:-1}
.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}
.os-trinsic-observer:not(:empty)>.os-size-observer{height:1000%;min-height:1px;min-width:1px;width:1000%}
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none!important}
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;height:0!important;width:0!important}
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}
html[data-overlayscrollbars-body]{overflow:hidden}
html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{height:100%;margin:0;width:100%}
html[data-overlayscrollbars-body]>body{margin:0;overflow:visible}
[data-overlayscrollbars]{position:relative}
[data-overlayscrollbars-padding],[data-overlayscrollbars~=host]{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;scroll-behavior:auto!important}
[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){border:none;-webkit-box-sizing:inherit;box-sizing:inherit;-webkit-box-flex:1;-ms-flex:auto;flex:auto;height:auto;margin:0;min-width:0;padding:0;position:relative;width:100%;z-index:0}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}
[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";height:var(--os-vah);min-height:1px;min-width:1px;pointer-events:none;position:absolute;width:var(--os-vaw);z-index:-1}
[data-overlayscrollbars-padding],[data-overlayscrollbars~=host]{overflow:hidden!important}
[data-overlayscrollbars-padding~=noClipping],[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping]{overflow:visible!important}
[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}
[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}
[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}
[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}
[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}
[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}
[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}
[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>:not(#osFakeId){clip:rect(0,0,0,0)!important;border-width:0!important;display:none!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}
[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}
[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}
[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}
[data-overlayscrollbars-content]{-webkit-box-sizing:inherit;box-sizing:inherit}
[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}
[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:-ms-grid;display:grid;-ms-grid-rows: 1fr;-ms-grid-columns: 1fr;grid-template:1fr/1fr}
[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}
@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}
@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}
.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent))*-1)*var(--os-scroll-direction));contain:size layout;contain:size layout style;opacity:0;pointer-events:none;position:absolute;-webkit-transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;visibility:hidden}
body>.os-scrollbar{position:fixed;z-index:99999}
.os-scrollbar-transitionless{-webkit-transition:none!important;transition:none!important}
.os-scrollbar-track{border:none!important;padding:0!important;position:relative}
.os-scrollbar-handle{position:absolute}
.os-scrollbar-handle,.os-scrollbar-track{height:100%;pointer-events:none;width:100%}
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle,.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track{pointer-events:auto;-ms-touch-action:none;touch-action:none}
.os-scrollbar-horizontal{bottom:0;left:0}
.os-scrollbar-vertical{right:0;top:0}
.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}
.os-scrollbar-rtl.os-scrollbar-vertical{left:0;right:auto}
.os-scrollbar-visible{opacity:1;visibility:visible}
.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}
.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}
.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}
.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;-webkit-transition:none!important;transition:none!important}
.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional)*100%);-webkit-transform:translateX(calc(var(--os-scroll-percent-directional)*-100%));transform:translateX(calc(var(--os-scroll-percent-directional)*-100%));width:calc(var(--os-viewport-percent)*100%)}
.os-scrollbar-vertical .os-scrollbar-handle{height:calc(var(--os-viewport-percent)*100%);right:0;top:calc(var(--os-scroll-percent-directional)*100%);-webkit-transform:translateY(calc(var(--os-scroll-percent-directional)*-100%));transform:translateY(calc(var(--os-scroll-percent-directional)*-100%))}
@supports (container-type:size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;-webkit-transform:translateX(calc(var(--os-scroll-percent-directional)*100cqw + var(--os-scroll-percent-directional)*-100%));transform:translateX(calc(var(--os-scroll-percent-directional)*100cqw + var(--os-scroll-percent-directional)*-100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;-webkit-transform:translateY(calc(var(--os-scroll-percent-directional)*100cqh + var(--os-scroll-percent-directional)*-100%));transform:translateY(calc(var(--os-scroll-percent-directional)*100cqh + var(--os-scroll-percent-directional)*-100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{left:0;right:auto}}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{left:0;right:auto}
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{bottom:0;top:0}
.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}
.os-scrollbar-track{background:var(--os-track-bg);border:var(--os-track-border);border-radius:var(--os-track-border-radius);-webkit-transition:opacity .15s,background-color .15s,border-color .15s;transition:opacity .15s,background-color .15s,border-color .15s}
.os-scrollbar-track:hover{background:var(--os-track-bg-hover);border:var(--os-track-border-hover)}
.os-scrollbar-track:active{background:var(--os-track-bg-active);border:var(--os-track-border-active)}
.os-scrollbar-handle{background:var(--os-handle-bg);border:var(--os-handle-border);border-radius:var(--os-handle-border-radius)}
.os-scrollbar-handle:hover{background:var(--os-handle-bg-hover);border:var(--os-handle-border-hover)}
.os-scrollbar-handle:active{background:var(--os-handle-bg-active);border:var(--os-handle-border-active)}
.os-scrollbar-handle:before,.os-scrollbar-track:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}
.os-scrollbar-horizontal{height:var(--os-size);padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size)}
.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}
.os-scrollbar-horizontal .os-scrollbar-track:before{bottom:calc(var(--os-padding-perpendicular)*-1);top:calc(var(--os-padding-perpendicular)*-1)}
.os-scrollbar-horizontal .os-scrollbar-handle{height:var(--os-handle-perpendicular-size);max-width:var(--os-handle-max-size);min-width:var(--os-handle-min-size);-webkit-transition:opacity .15s,background-color .15s,border-color .15s,height .15s;transition:opacity .15s,background-color .15s,border-color .15s,height .15s}
.os-scrollbar-horizontal .os-scrollbar-handle:before{bottom:calc(var(--os-padding-perpendicular)*-1);top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)}
.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}
.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}
.os-scrollbar-vertical{bottom:var(--os-size);padding:var(--os-padding-axis) var(--os-padding-perpendicular);width:var(--os-size)}
.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular)*-1);right:calc(var(--os-padding-perpendicular)*-1)}
.os-scrollbar-vertical .os-scrollbar-handle{max-height:var(--os-handle-max-size);min-height:var(--os-handle-min-size);-webkit-transition:opacity .15s,background-color .15s,border-color .15s,width .15s;transition:opacity .15s,background-color .15s,border-color .15s,width .15s;width:var(--os-handle-perpendicular-size)}
.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1);right:calc(var(--os-padding-perpendicular)*-1)}
.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{left:calc(var(--os-padding-perpendicular)*-1);right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)}
.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}
.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}
.os-theme-none.os-scrollbar,[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar{display:none!important}
.os-theme-dark,.os-theme-light{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box}
.os-theme-dark{--os-handle-bg:rgba(0,0,0,.44);--os-handle-bg-hover:rgba(0,0,0,.55);--os-handle-bg-active:rgba(0,0,0,.66)}
.os-theme-light{--os-handle-bg:hsla(0,0%,100%,.44);--os-handle-bg-hover:hsla(0,0%,100%,.55);--os-handle-bg-active:hsla(0,0%,100%,.66)}
/**
 * for tablet and Pc. large viewport
 */
@custom-media --desktop(min-width: 1280px);
/** http://bourbon.io/docs/#timing-functions */
/** example @include transition(all 5s $ease-in-circ);*/
/**
transition timing-function:
ease - cubic-bezier(0.25, 0.1, 0.25, 1.0) を指定したのと同じ（開始と完了を滑らかにする）（初期値）
linear - cubic-bezier(0.0, 0.0, 1.0, 1.0) を指定したのと同じ（一定）
ease-in - cubic-bezier(0.42, 0, 1.0, 1.0) を指定したのと同じ（ゆっくり始まる）
ease-out - cubic-bezier(0, 0, 0.58, 1.0) を指定したのと同じ（ゆっくり終わる）
ease-in-out - cubic-bezier(0.42, 0, 0.58, 1.0) を指定したのと同じ（ゆっくり始まってゆっくり終わる）
*/
/**
 * text ellipsis for block multiline
 */
/*
 unsupport IE, Edge, Fx

@mixin text-ellipsis-block($rows) {
  display: box;
  box-orient: vertical;
  line-clamp: $rows;
  overflow: hidden;
}
*/
/**
 * element size
 */
/**
 * position layout
 */
/**
 * images
 */
/**
* Variables
*/
:root {
  --red: #FF0000;
  --red-02: #EE0000;
  --green: #6AD074;
  --green-02: #268730;
  --blue: #001CB0;
  --white: #FFF;
  --black: #000;
  --gray: #ddd;
  --hover-red-dark: #BF0000;
  --ff-ja: "Zen Kaku Gothic Antique", sans-serif;
  --ff-en: "Jost", sans-serif;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --space-2x: 16px;
  --space-3x: 24px;
  --space-4x: 32px;
  --space-5x: 40px;
  --space-6x: 48px;
  --space-7x: 56px;
  --space-8x: 64px;
  --space-9x: 72px;
  --space-10x: 80px;
  --space-13x: 104px;
  --space-18x: 144px;
  --space-24x: 192px;
  --z-header: 1000;
  --inline-size: 32px; }
/** extend */
[data-inview="fade"] {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px); }
.js-parallax {
  overflow: hidden;
  position: relative; }
.js-parallax-item {
    scale: 1.1;
    height: 100%; }
/* == @import "../node_modules/normalize.css/normalize.css"; */
[v-cloak] {
  display: none; }
html {
  font-size: 62.5%;
  scroll-behavior: smooth; }
body {
  font-family: var(--ff-ja);
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased; }
a {
  color: inherit;
  text-decoration: none;
  text-underline-offset: 2px; }
*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, div, dl, dt, dd, p {
  margin: 0;
  padding: 0; }
h1:not(:has(img, svg, video)), h2:not(:has(img, svg, video)), h3:not(:has(img, svg, video)), h4:not(:has(img, svg, video)), h5:not(:has(img, svg, video)), h6:not(:has(img, svg, video)), div:not(:has(img, svg, video)), dl:not(:has(img, svg, video)), dt:not(:has(img, svg, video)), dd:not(:has(img, svg, video)), p:not(:has(img, svg, video)) {
    text-box: trim-both cap alphabetic; }
span:not(:has(img, svg, video)):not([class*="wovn"]) {
  text-box: trim-both cap alphabetic; }
ul, ol, li {
  padding: 0;
  margin: 0; }
li {
  list-style: none; }
strong {
  font-family: var(--ff-ja-w8);
  font-weight: var(--fw-ja-800); }
img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }
figure {
  margin: 0;
  padding: 0; }
img, picture, svg {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
button {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background: none;
  cursor: pointer; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }
input[type="number"] {
  -moz-appearance: textfield; }
dialog {
  margin: 0;
  padding: 0;
  border: none;
  max-width: unset;
  max-height: unset;
  outline: none;
  background: transparent; }
dialog::backdrop {
    display: none; }
summary::-webkit-details-marker {
  display: none; }
summary {
  display: block; }
#CookiebotWidget {
  left: auto !important;
  right: 10px !important;
  bottom: 10px !important; }
.l-footer {
  padding: 53px var(--inline-size) 24px;
  background: var(--white);
  color: var(--black);
  position: relative; }
.l-footer__tbs {
    position: absolute;
    top: 45px;
    right: var(--inline-size);
    width: 113px;
    margin-left: auto; }
.l-footer__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 56px; }
.l-footer__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px; }
.l-footer__link {
    color: var(--red-02);
    font-size: 1.4rem;
    font-family: var(--ff-ja-w8);
    font-weight: var(--fw-ja-800);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.8s;
            transition-duration: 0.8s;
    -webkit-transition-timing-function: var(--ease-out);
            transition-timing-function: var(--ease-out); }
.l-footer__link.-top {
      font-size: 1.8rem;
      font-weight: var(--fw-ja-800);
      font-family: var(--ff-ja-w8); }
.l-footer__link .en {
      font-weight: 900; }
.l-footer__link svg {
      margin-left: 6px;
      translate: 0 -2px;
      color: currentColor;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-duration: 0.8s;
              transition-duration: 0.8s;
      -webkit-transition-timing-function: var(--ease-out);
              transition-timing-function: var(--ease-out); }
.l-footer__sns-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 18px;
       -moz-column-gap: 18px;
            column-gap: 18px;
    margin-top: 40px; }
.l-footer__sns-text {
    font-size: 1.4rem;
    font-weight: var(--fw-ja-800);
    font-family: var(--ff-ja-w8); }
.l-footer__sns {
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.8s;
            transition-duration: 0.8s;
    -webkit-transition-timing-function: var(--ease-out);
            transition-timing-function: var(--ease-out); }
.l-footer__sns svg[aria-label="instagram"] {
      width: 32px;
      height: 32px; }
.l-footer__sns svg[aria-label="x"] {
      width: 26px;
      height: 30px; }
.l-footer__sns svg[aria-label="youtube"] {
      width: 42px;
      height: 33px; }
.l-footer__sns svg[aria-label="threads"] {
      width: 26px;
      height: 30px; }
.l-footer__left-text {
    font-size: 1.1rem;
    line-height: 1.2;
    letter-spacing: 0; }
.l-footer__left-text .indent {
      display: inline-block;
      text-indent: -0.8em;
      margin-left: 0.8em;
      margin-top: 4px; }
.l-footer__right-img {
    display: block;
    width: 155px; }
.l-footer__right-text {
    display: block;
    font-size: 1.1rem;
    margin-top: 18px;
    line-height: 1.2;
    text-align: right; }
.l-footer__copyright {
    display: block;
    font-size: 1.1rem;
    line-height: 1.2;
    letter-spacing: 0;
    font-weight: 300;
    margin-top: 28px; }
.l-header-hinotori {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: var(--z-header); }
.l-header-hinotori.is-active .l-header__btn .line:nth-child(1) {
    rotate: 23deg;
    translate: 0px 8px; }
.l-header-hinotori.is-active .l-header__btn .line:nth-child(2) {
    opacity: 0; }
.l-header-hinotori.is-active .l-header__btn .line:nth-child(3) {
    rotate: -23deg;
    translate: -1px -7px; }
.l-header-hinotori.is-active .l-header-hinotori-menu__overlay {
    opacity: 1;
    pointer-events: auto; }
.l-header-hinotori__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 20px;
    padding-left: 24px; }
.l-header-hinotori__nav {
    margin-top: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px; }
.l-header-hinotori__nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px;
    color: var(--white); }
.l-header-hinotori__nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 8px;
    -webkit-transition: color 0.4s var(--ease-out);
    transition: color 0.4s var(--ease-out); }
.l-header-hinotori__nav-link svg {
      height: 18px;
      pointer-events: none; }
.l-header-hinotori__nav-ja {
    display: block;
    height: 18px; }
.l-header-hinotori__nav-ja img {
      vertical-align: unset;
      width: var(--header-nav-width); }
.l-header-hinotori__nav-en {
    font-family: var(--ff-en);
    font-size: 1rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    pointer-events: none; }
.l-header-hinotori__nav-ticket {
    padding: 12px 27px 14px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 14px;
    grid-template-columns: 1fr 14px;
    grid-column-gap: 6px;
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
    border-top: 1px solid #FF6B26;
    border-bottom: 1px solid #FF6B26;
    border-left: 1px solid #FF6B26;
    background: -webkit-gradient(linear, right top, left top, color-stop(1.44%, #D89700), color-stop(40.57%, #F34100), to(#D00000));
    background: linear-gradient(270deg, #D89700 1.44%, #F34100 40.57%, #D00000 100%);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    overflow: hidden;
    position: relative; }
.l-header-hinotori__nav-ticket::before {
      content: '';
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      background: -webkit-gradient(linear, right top, left top, from(#F34100), to(#A00000));
      background: linear-gradient(270deg, #F34100 0%, #A00000 100%);
      opacity: 0;
      -webkit-transition: opacity 0.4s var(--ease-out);
      transition: opacity 0.4s var(--ease-out); }
.l-header-hinotori__nav-ticket img {
      vertical-align: top; }
.l-header-hinotori__nav-ticket-text, .l-header-hinotori__nav-ticket-icon {
    position: relative;
    z-index: 1; }
.l-header-hinotori__nav-ticket-text {
    display: block;
    width: 92px;
    height: 12px; }
.l-header-hinotori__nav-ticket-icon {
    width: 14px;
    height: 14px; }
.l-header-hinotori__nav-ticket-bg {
    position: absolute;
    inset: 0;
    mix-blend-mode: screen;
    z-index: 1; }
.l-header-hinotori-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 298px;
  height: 100dvh;
  background: var(--hinotori-bg);
  z-index: var(--z-header);
  overflow-y: auto;
  -webkit-box-shadow: 0 0 80px 10px #00E6FF59;
          box-shadow: 0 0 80px 10px #00E6FF59;
  translate: 130% 0;
  -webkit-transition-property: translate;
  transition-property: translate;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: var(--ease-out);
          transition-timing-function: var(--ease-out); }
.l-header-hinotori-menu.is-menu-open {
    translate: 0 0;
    pointer-events: auto; }
.l-header-hinotori-menu .l-header-hinotori__nav-ticket {
    width: 200px;
    height: 56px;
    position: relative;
    -ms-grid-columns: 98px 18px;
    grid-template-columns: 98px 18px;
    -webkit-column-gap: 4px;
       -moz-column-gap: 4px;
            column-gap: 4px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 40px; }
.l-header-hinotori-menu .l-header-hinotori__nav-ticket img {
      vertical-align: top; }
.l-header-hinotori-menu .l-header-hinotori-menu__nav-ticket-text {
    width: 98px;
    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; }
.l-header-hinotori-menu .l-header-hinotori-menu__nav-ticket-icon {
    width: 18px;
    height: 18px; }
.l-header-hinotori-menu__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    background: #030F26;
    background: rgba(3, 15, 38, 0.7);
    opacity: 0;
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.8s;
            transition-duration: 0.8s;
    -webkit-transition-timing-function: var(--ease-out);
            transition-timing-function: var(--ease-out); }
.l-header-hinotori-menu__inner {
    padding: 16px 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%; }
.l-header-hinotori-menu__nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 40px; }
.l-header-hinotori-menu__nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px; }
.l-header-hinotori-menu__nav-link svg {
      width: var(--header-nav-width);
      height: 26px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
.l-header-hinotori-menu__nav-en {
    font-family: var(--ff-en);
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    text-transform: uppercase; }
html:has(#CookiebotWidget) .l-header-hinotori-after + .l-header-hinotori__nav-ticket {
  bottom: 82px; }
.l-header-hinotori-after {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #000E3799;
  backdrop-filter: blur(5px);
  z-index: var(--z-header);
  translate: 0 -100%;
  -webkit-transition-property: translate;
  transition-property: translate;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: var(--ease-out);
          transition-timing-function: var(--ease-out); }
.l-header-hinotori-after.-is-show {
    translate: 0 0; }
.l-header-hinotori-after + .l-header-hinotori__nav-ticket {
    position: fixed;
    bottom: 22px;
    right: 0;
    z-index: 100;
    opacity: 0;
    -webkit-transition: opacity 0.6s var(--ease-out);
    transition: opacity 0.6s var(--ease-out);
    height: 64px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 240px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-grid-columns: 110px 18px;
    grid-template-columns: 110px 18px; }
.l-header-hinotori-after + .l-header-hinotori__nav-ticket.-is-show {
      opacity: 1; }
.l-header-hinotori-after + .l-header-hinotori__nav-ticket .l-header-hinotori__nav-ticket-text {
      height: auto;
      width: 110px;
      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; }
.l-header-hinotori-after + .l-header-hinotori__nav-ticket .l-header-hinotori__nav-ticket-icon {
      width: 18px;
      height: 18px; }
.l-header-hinotori-after__nav {
    max-width: 844px;
    margin-inline: auto;
    padding-block: 30px 29px; }
.l-header-hinotori-after__nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px; }
.l-header__btn {
  position: fixed;
  top: 23px;
  right: 17px;
  width: 40px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 7px;
  z-index: 102;
  margin-top: 9px;
  z-index: 10002; }
.l-header__btn .line {
    width: 40px;
    height: 1px;
    background: var(--white);
    -webkit-transition-property: rotate;
    transition-property: rotate;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s; }
/**
 * main.scss
 */
[data-page="hinotori"] {
  --light-blue: #00E6FF;
  --hinotori-bg: #030F26;
  color: var(--white);
  overflow-x: hidden;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(16.7%, #000), color-stop(19.56%, #021343), color-stop(24.29%, #000F36), color-stop(29.22%, #011241), color-stop(33.95%, #01154A), color-stop(43.49%, #020F33), color-stop(52.41%, #020F33));
  background: linear-gradient(180deg, #000 16.7%, #021343 19.56%, #000F36 24.29%, #011241 29.22%, #01154A 33.95%, #020F33 43.49%, #020F33 52.41%); }
.p-hinotori-mv {
  position: relative;
  z-index: 1; }
.p-hinotori-mv__lead, .p-hinotori-mv__bottom {
    position: absolute; }
.p-hinotori-mv__lead {
    top: 20.5%;
    right: 139px; }
.p-hinotori-mv__bottom {
    width: 100%;
    bottom: 83px; }
.p-hinotori-mv__gradation-wrap {
    position: absolute;
    bottom: -300px;
    left: 0;
    width: 100%; }
.p-hinotori-mv__gradation {
    height: 312px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(29.29%, rgba(3, 15, 38, 0)), color-stop(79.31%, #030914));
    background: linear-gradient(180deg, rgba(3, 15, 38, 0) 29.29%, #030914 79.31%); }
.p-hinotori-mv__gradation.-reverse {
      display: block;
      background: -webkit-gradient(linear, left bottom, left top, color-stop(29.29%, rgba(3, 15, 38, 0)), color-stop(79.31%, #030914));
      background: linear-gradient(0deg, rgba(3, 15, 38, 0) 29.29%, #030914 79.31%); }
.p-hinotori__loading {
  position: fixed;
  width: 100%;
  height: 100dvh;
  top: 0;
  left: 0;
  background: #000;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  -webkit-transition-timing-function: var(--ease-out);
          transition-timing-function: var(--ease-out);
  z-index: 10000; }
.p-hinotori__loading.-is-show {
    opacity: 0;
    pointer-events: none; }
.p-hinotori__heading-en {
  font-weight: 400;
  font-family: var(--ff-en);
  text-transform: uppercase;
  font-size: 2.5rem;
  line-height: 1.44;
  letter-spacing: 0.1em; }
.p-hinotori__parallax-area {
  position: relative;
  overflow: clip; }
.p-hinotori__parallax-area.-top .p-hinotori__parallax {
    top: 7%; }
.p-hinotori__parallax {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  pointer-events: none;
  z-index: -1; }
.p-hinotori__lead-area {
  padding: 103px 97px 110px;
  position: relative;
  z-index: 1;
  overflow: hidden; }
.p-hinotori__lead {
  position: relative;
  max-width: 795px;
  margin-inline: auto; }
.p-hinotori__lead-movie {
  max-width: 790px;
  margin-inline: auto;
  margin-top: 96px;
  border: 2px solid var(--light-blue);
  -webkit-box-shadow: 0 0 80px 10px #00E6FF59;
          box-shadow: 0 0 80px 10px #00E6FF59;
  aspect-ratio: 16 / 9;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: var(--ease-out);
          transition-timing-function: var(--ease-out); }
.p-hinotori__lead-movie iframe {
    display: block;
    width: 100%;
    height: 100%; }
.p-hinotori__news {
  background: rgba(3, 11, 25, 0.7);
  padding: 48px 129px 54px;
  color: var(--white);
  position: relative;
  z-index: 1; }
.p-hinotori__news-inner {
  max-width: 1400px;
  margin-inline: auto; }
.p-hinotori__news-heading {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 155px 1fr;
  grid-template-columns: 155px 1fr;
  grid-column-gap: 24px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
.p-hinotori__news-heading .p-hinotori__heading-en {
    font-size: 2rem; }
.p-hinotori__news-title img {
  vertical-align: text-bottom; }
.p-hinotori__news-swiper {
  margin-top: 32px;
  position: relative; }
.p-hinotori__news-swiper .swiper-button-prev,
  .p-hinotori__news-swiper .swiper-button-next {
    --swiper-navigation-size: 34px;
    --swiper-navigation-sides-offset: -69px;
    --swiper-navigation-top-offset: 38%;
    color: var(--white);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: var(--ease-out);
            transition-timing-function: var(--ease-out); }
.p-hinotori__news-swiper .swiper-button-prev .swiper-navigation-icon,
    .p-hinotori__news-swiper .swiper-button-next .swiper-navigation-icon {
      -webkit-transition-property: -webkit-filter;
      transition-property: -webkit-filter;
      transition-property: filter;
      transition-property: filter, -webkit-filter;
      -webkit-transition-duration: 0.2s;
              transition-duration: 0.2s;
      -webkit-transition-timing-function: var(--ease-out);
              transition-timing-function: var(--ease-out); }
.p-hinotori__news-swiper .swiper-pagination {
    --swiper-pagination-bullet-height: 2px;
    --swiper-pagination-bullet-width: 40px;
    --swiper-pagination-bullet-inactive-opacity: 0.4;
    --swiper-pagination-bullet-inactive-color: #D9D9D9;
    --swiper-pagination-bullet-border-radius: 0;
    --swiper-pagination-color: var(--light-blue);
    --swiper-pagination-bullet-inactive-color: #fff;
    position: static;
    margin-top: 14px; }
.p-hinotori__news-swiper .swiper-pagination .swiper-pagination-bullet {
      -webkit-transition-duration: 0.2s;
              transition-duration: 0.2s;
      -webkit-transition-timing-function: var(--ease-out);
              transition-timing-function: var(--ease-out); }
.p-hinotori__news-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      -webkit-box-shadow: 0 0 15px 2px rgba(0, 230, 255, 0.5);
              box-shadow: 0 0 15px 2px rgba(0, 230, 255, 0.5); }
.p-hinotori__news-item {
  --news-border: 1px solid rgba(255, 255, 255, 0.20);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-column-gap: 32px;
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
  padding: 48px 16px 47px 0;
  border-top: var(--news-border);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: var(--ease-out);
          transition-timing-function: var(--ease-out); }
.p-hinotori__news-item:last-child {
    border-bottom: var(--news-border); }
.p-hinotori__news-time {
  font-family: var(--ff-en);
  letter-spacing: 0.1em; }
.p-hinotori__story {
  padding-block: 187px 156px;
  position: relative;
  max-width: 1153px;
  margin-inline: auto; }
.p-hinotori__story-heading {
  width: 270px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 19px;
  position: relative;
  z-index: 1; }
.p-hinotori__story-content {
  position: relative;
  z-index: 1; }
.p-hinotori__story-lead-box {
  width: 100%;
  translate: -2.5% 4%; }
.p-hinotori__story-lead {
  font-size: 2.5rem;
  line-height: 1.3;
  letter-spacing: 0.1em; }
.p-hinotori__story-lead-desc {
  font-size: 1.7rem;
  line-height: 2.2;
  margin-top: 67px; }
.p-hinotori__story-desc {
  font-size: 1.7rem;
  line-height: 2.2;
  width: 157%;
  translate: -45% -60.3%; }
.p-hinotori__story-box {
  max-width: 1120px;
  margin-inline: auto;
  padding-inline: 32px;
  margin-top: 31px; }
.p-hinotori__story-box .border-left,
  .p-hinotori__story-box .border-right {
    position: absolute;
    width: 92px;
    height: 143px; }
.p-hinotori__story-box .border-left {
    top: 0;
    left: 0;
    border-top: 1px solid var(--light-blue);
    border-left: 1px solid var(--light-blue); }
.p-hinotori__story-box .border-right {
    bottom: 0;
    right: 0;
    border-bottom: 1px solid var(--light-blue);
    border-right: 1px solid var(--light-blue); }
.p-hinotori__story-box-inner {
  padding: 72px 80px 62px;
  background: rgba(0, 0, 0, 0.39);
  position: relative;
  z-index: 1; }
.p-hinotori__story-box-title-sub {
  font-size: 1.2rem;
  letter-spacing: -0.025em;
  margin-top: 43px; }
.p-hinotori__story-box-title-sub span {
    display: inline-block;
    margin-inline: -3px 2px; }
.p-hinotori__story-box-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 233px 1fr;
  grid-template-columns: 233px 1fr;
  grid-column-gap: 41px;
  -webkit-column-gap: 41px;
     -moz-column-gap: 41px;
          column-gap: 41px;
  margin-top: 39px; }
.p-hinotori__story-grid-item {
  position: relative; }
.p-hinotori__story-box-name {
  font-size: 1.7rem;
  font-weight: 700; }
.p-hinotori__story-box-desc {
  margin-top: 32px;
  line-height: 1.6; }
.p-hinotori__story-box-note {
  margin-top: 31px;
  margin-bottom: 5px;
  font-size: 1.2rem;
  font-weight: 400; }
.p-hinotori__story-box-link {
  font-family: var(--ff-en);
  font-weight: 400;
  text-decoration: underline;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: var(--ease-out);
          transition-timing-function: var(--ease-out);
  display: inline-block;
  margin-top: 28px; }
.p-hinotori__story-botom-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  mix-blend-mode: lighten; }
.p-hinotori__outline {
  background: var(--hinotori-bg);
  padding: 108px 0px; }
.p-hinotori__outline-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 24px; }
.p-hinotori__outline-title {
  width: 215px; }
.p-hinotori__outline-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 326px 1fr;
  grid-template-columns: 326px 1fr;
  grid-column-gap: 61px;
  -webkit-column-gap: 61px;
     -moz-column-gap: 61px;
          column-gap: 61px;
  margin-top: 80px;
  position: relative;
  z-index: 1; }
.p-hinotori__outline-dl > * + * {
  margin-top: 35px; }
.p-hinotori__outline-dl-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 109px 1fr;
  grid-template-columns: 109px 1fr;
  font-size: 1.6rem; }
.p-hinotori__outline-dl-item dd {
    padding-left: 24px;
    position: relative; }
.p-hinotori__outline-dl-item dd::before {
      content: '';
      width: 1px;
      height: 18px;
      background: var(--white);
      position: absolute;
      left: 0;
      top: -4px; }
.p-hinotori__outline-dl-item dd a {
      text-decoration: underline;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s;
      -webkit-transition-timing-function: var(--ease-out);
              transition-timing-function: var(--ease-out); }
.p-hinotori__outline-dl-item dd .sub {
      display: block;
      font-size: 1.2rem;
      font-weight: 400;
      margin-top: 8px; }
.p-hinotori__outline-more {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px;
  grid-template-columns: 1fr 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 6px;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  margin-top: 37px;
  font-size: 1.7rem;
  font-family: var(--ff-en);
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: var(--ease-out);
          transition-timing-function: var(--ease-out); }
.p-hinotori__outline-more .icon {
    height: 20px;
    border-radius: 50%;
    border: 1px solid currentColor;
    position: relative; }
.p-hinotori__outline-more .icon::before, .p-hinotori__outline-more .icon::after {
      content: '';
      background: currentColor;
      width: 5px;
      height: 1px;
      position: absolute;
      left: 50%;
      top: 50%;
      translate: -50% -50%;
      -webkit-transform-origin: right;
              transform-origin: right; }
.p-hinotori__outline-more .icon::before {
      rotate: 30deg;
      rotate: 45deg; }
.p-hinotori__outline-more .icon::after {
      rotate: -30deg;
      rotate: -45deg; }
.p-hinotori__outline-bg {
  position: relative;
  margin-top: -34px; }
.p-hinotori__outline-bg::before, .p-hinotori__outline-bg::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 340px; }
.p-hinotori__outline-bg::before {
    top: 0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(29.29%, rgba(0, 0, 0, 0)), color-stop(79.31%, #030F26));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 29.29%, #030F26 79.31%); }
.p-hinotori__outline-bg::after {
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(29.29%, rgba(0, 0, 0, 0)), color-stop(79.31%, #030F26));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 29.29%, #030F26 79.31%); }
.p-hinotori__outline-mangalogue {
  position: relative;
  z-index: 1;
  margin-top: -120px; }
.p-hinotori__outline-mangalogue-heading {
  width: 471px; }
.p-hinotori__outline-mangalogue-desc {
  font-size: 1.7rem;
  line-height: 1.8;
  margin-top: 32px; }
.p-hinotori__outline-swiper .swiper {
  --swiper-navigation-size: 34px;
  padding-top: 64px; }
.p-hinotori__outline-swiper .swiper-wrapper {
  -webkit-transition-timing-function: var(--ease-out);
          transition-timing-function: var(--ease-out); }
.p-hinotori__outline-swiper .swiper-button-prev,
.p-hinotori__outline-swiper .swiper-button-next {
  --swiper-navigation-top-offset: 38.3%;
  --swiper-navigation-sides-offset: 17.7%;
  color: var(--white);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: var(--ease-out);
          transition-timing-function: var(--ease-out); }
.p-hinotori__outline-slider-item {
  opacity: 0.5;
  -webkit-transition-property: scale;
  transition-property: scale;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: var(--ease-out);
          transition-timing-function: var(--ease-out); }
.p-hinotori__outline-slider-item.swiper-slide-active {
    scale: 1;
    opacity: 1; }
.p-hinotori__outline-slider-item.swiper-slide-active .p-hinotori__outline-slider-img {
      border: 2px solid var(--light-blue);
      -webkit-box-shadow: 0 0 50px 10px rgba(0, 230, 255, 0.35);
              box-shadow: 0 0 50px 10px rgba(0, 230, 255, 0.35); }
.p-hinotori__outline-slider-body {
  margin-top: 32px; }
.p-hinotori__outline-slider-title {
  font-size: 2rem;
  line-height: 1.6; }
.p-hinotori__outline-slider-desc {
  margin-top: 32px;
  line-height: 1.8;
  font-weight: 400;
  padding-bottom: 2px; }
.p-hinotori__cast {
  max-width: 1528px;
  margin-inline: auto;
  padding: 120px 64px 146px;
  position: relative;
  z-index: 1; }
.p-hinotori__cast-heading {
  width: 215px; }
.p-hinotori__cast-title {
  margin-bottom: 8px; }
.p-hinotori__cast-heading-level3 {
  margin-top: 80px; }
.p-hinotori__cast-heading-level3.-voice {
    width: 234px; }
.p-hinotori__cast-heading-level3.-real {
    width: 737px; }
.p-hinotori__cast-heading-level3.-takahasi {
    width: 155px; }
.p-hinotori__cast-heading-level3.-staff {
    width: 213px; }
.p-hinotori__cast-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 64px;
  -webkit-column-gap: 64px;
     -moz-column-gap: 64px;
          column-gap: 64px;
  grid-row-gap: 94px;
  row-gap: 94px;
  margin-top: 48px;
  position: relative;
  z-index: 1; }
.p-hinotori__cast-img {
  position: relative; }
.p-hinotori__cast-img::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    -webkit-box-shadow: 0 0 80px 10px #00E6FF59;
            box-shadow: 0 0 80px 10px #00E6FF59;
    background: rgba(0, 230, 255, 0.25); }
.p-hinotori__cast-img.-no-blur {
    -webkit-box-shadow: none;
            box-shadow: none; }
.p-hinotori__cast-img.-no-blur::before {
      display: none; }
.p-hinotori__cast-img img {
    position: relative;
    z-index: 1; }
.p-hinotori__cast-name {
  margin-top: 32px; }
.p-hinotori__cast-cast {
  margin-top: 16px; }
.p-hinotori__cast-schedule {
  margin-top: 16px;
  font-size: 1.4rem;
  line-height: 1.3; }
.p-hinotori__cast-staff {
  margin-top: 48px;
  position: relative;
  z-index: 1; }
.p-hinotori__cast-staff-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  padding-block: 48px;
  border-top: 1px solid rgba(255, 255, 255, 0.2); }
.p-hinotori__cast-staff-item:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.p-hinotori__cast-staff-item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.7rem;
  font-weight: 700; }
.p-hinotori__cast-staff-item-title {
  padding-right: 15px;
  border-right: 1px solid var(--white); }
.p-hinotori__cast-staff-item-name {
  padding-left: 15px; }
.p-hinotori__ticket {
  padding: 120px 64px 0;
  background: var(--hinotori-bg); }
.p-hinotori__ticket-inner {
  max-width: 1400px;
  margin-inline: auto; }
.p-hinotori__ticket-title {
  width: 215px;
  margin-bottom: 16px; }
.p-hinotori__ticket-body {
  margin-top: 48px; }
.p-hinotori__ticket-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 288px 1fr;
  grid-template-columns: 288px 1fr;
  padding-block: 48px; }
.p-hinotori__ticket-item:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.p-hinotori__ticket-item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.7rem;
  font-weight: 700; }
.p-hinotori__ticket-item-title::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--white);
    margin-right: 12px;
    margin-top: 11px; }
.p-hinotori__ticket-item-row-stack > * + * {
  padding-top: 48px; }
.p-hinotori__ticket-item-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 281px 1fr;
  grid-template-columns: 281px 1fr;
  grid-column-gap: 32px;
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
  padding-bottom: 48px; }
.p-hinotori__ticket-item-row:last-child {
    padding-bottom: 0;
    border-bottom: none; }
.p-hinotori__ticket-item-row-title {
  font-size: 1.7rem;
  font-weight: 700;
  padding-left: 12px;
  border-left: 1px solid var(--light-blue);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }
.p-hinotori__ticket-item-row-desc {
  font-size: 1.7rem;
  line-height: 1.6; }
.p-hinotori__ticket-item-link {
  margin-top: 32px;
  display: block;
  width: 240px;
  padding: 19px 16px 17px;
  border-top: 1px solid #FF6B26;
  border-bottom: 1px solid #FF6B26;
  border-left: 1px solid #FF6B26;
  background: -webkit-gradient(linear, right top, left top, color-stop(1.44%, #D89700), color-stop(40.57%, #F34100), to(#D00000));
  background: linear-gradient(270deg, #D89700 1.44%, #F34100 40.57%, #D00000 100%);
  position: relative; }
.p-hinotori__ticket-item-link img {
    vertical-align: top; }
.p-hinotori__ticket-item-link::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(#F34100), to(#A00000));
    background: linear-gradient(270deg, #F34100 0%, #A00000 100%);
    opacity: 0;
    -webkit-transition: opacity 0.4s var(--ease-out);
    transition: opacity 0.4s var(--ease-out); }
.p-hinotori__ticket-item-link-text {
  display: block;
  margin-inline: auto;
  position: relative;
  z-index: 1;
  width: 189px; }
.p-hinotori__ticket-item-link-bg {
  position: absolute;
  inset: 0;
  position: absolute;
  inset: 0;
  mix-blend-mode: screen;
  z-index: 1; }
.p-hinotori__ticket-sub {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 23px; }
.p-hinotori__ticket-item-text {
  font-size: 1.7rem;
  line-height: 1.3; }
.p-hinotori__ticket-item-text + .p-hinotori__ticket-link {
    margin-top: 16px; }
.p-hinotori__ticket-link {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 22px;
  grid-template-columns: 1fr 22px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 6px;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  font-size: 1.7rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: var(--ease-out);
          transition-timing-function: var(--ease-out); }
.p-hinotori__ticket-link .icon {
    height: 22px;
    border-radius: 50%;
    border: 1px solid currentColor;
    position: relative; }
.p-hinotori__ticket-link .icon::before, .p-hinotori__ticket-link .icon::after {
      content: '';
      background: currentColor;
      width: 6px;
      height: 1px;
      position: absolute;
      left: 50%;
      top: 50%;
      translate: -55% -50%;
      -webkit-transform-origin: right;
              transform-origin: right; }
.p-hinotori__ticket-link .icon::before {
      rotate: 45deg; }
.p-hinotori__ticket-link .icon::after {
      rotate: -45deg; }
.p-hinotori__ticket-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  row-gap: 32px; }
.p-hinotori__ticket-schedule {
  padding-bottom: 24px;
  margin-right: -64px;
  padding-right: 64px; }
.p-hinotori__ticket-schedule.-first {
    margin-top: 33px; }
.p-hinotori__ticket-schedule.-second {
    margin-top: 48px; }
.p-hinotori__ticket-schedule .os-scrollbar-horizontal {
    max-width: 332px;
    height: 4px;
    left: 50% !important;
    translate: -50% 0;
    background: rgba(0, 230, 255, 0.3);
    z-index: 1;
    padding-block: 0; }
.p-hinotori__ticket-schedule .os-scrollbar-horizontal .os-scrollbar-handle {
      height: 4px;
      background: var(--light-blue);
      border-radius: 0;
      left: -1px;
      bottom: 0px; }
.p-hinotori__ticket-schedule .os-scrollbar-vertical {
    display: none; }
.p-hinotori__ticket-schedule-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }
.p-hinotori__ticket-schedule-img.-first {
  width: 913px; }
.p-hinotori__ticket-schedule-img.-second {
  width: 1592px; }
.p-hinotori__access {
  padding: 120px 64px 80px;
  background: var(--hinotori-bg); }
.p-hinotori__access-inner {
  max-width: 1400px;
  margin-inline: auto; }
.p-hinotori__access-title {
  width: 215px;
  margin-bottom: 16px; }
.p-hinotori__access-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 400px 1fr;
  grid-template-columns: 400px 1fr;
  grid-column-gap: 40px;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  margin-top: 80px; }
.p-hinotori__access-img {
  border: 1px solid var(--light-blue);
  -webkit-box-shadow: 0 0 80px 10px #00E6FF59;
          box-shadow: 0 0 80px 10px #00E6FF59;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }
.p-hinotori__access-time {
  font-size: 1.8rem;
  letter-spacing: -0.02em; }
.p-hinotori__access-body-title {
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-block: 20px 40px;
  letter-spacing: -0.02em; }
.p-hinotori__access-text {
  letter-spacing: -0.02em; }
.p-hinotori__access-text + .p-hinotori__access-text {
    margin-top: 20px; }
.p-hinotori__access-list {
  margin-top: 10px; }
.p-hinotori__access-list > * + * {
    margin-top: -2px; }
.p-hinotori__access-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
  margin-top: 32px; }
.p-hinotori__access-sns {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 18px;
     -moz-column-gap: 18px;
          column-gap: 18px; }
.p-hinotori__access-sns-text {
  font-weight: 700;
  margin-top: 10px; }
.p-hinotori__access-sns-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 18px;
     -moz-column-gap: 18px;
          column-gap: 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
.p-hinotori__access-sns-link {
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: var(--ease-out);
          transition-timing-function: var(--ease-out); }
.c-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.c-google-maps {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden; }
.c-google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }
.c-lockup {
  display: block;
  width: 100%;
  z-index: 100;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transition-property: translate;
  transition-property: translate;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: var(--ease-out);
          transition-timing-function: var(--ease-out); }
.c-lockup.is-active .c-lockup__pageTop {
    width: 100%; }
.c-lockup.is-active .c-lockup__pageTop-text {
    display: block;
    text-align: right; }
.c-lockup.is-active .c-lockup__text {
    color: var(--red);
    width: 32px; }
.c-lockup.is-active .c-lockup__text.-green {
      color: var(--green);
      width: 15px; }
.c-lockup.is-active .c-lockup__text.-blue {
      display: none; }
.c-lockup__wrap {
    background: var(--hinotori-bg); }
.c-lockup__icon {
    display: block;
    width: 42px;
    margin-left: auto;
    margin-right: var(--inline-size);
    margin-bottom: 16px;
    cursor: pointer;
    color: var(--red-02);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.8s;
            transition-duration: 0.8s;
    -webkit-transition-timing-function: var(--ease-out);
            transition-timing-function: var(--ease-out); }
.c-lockup__icon.-top {
      margin-bottom: 24px; }
.c-lockup__icon-text {
    color: var(--red-02);
    font-size: 1.1rem;
    font-weight: 900;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: 24px;
    margin-bottom: 24px;
    color: var(--red-02); }
.c-lockup__pageTop {
    background: var(--blue);
    width: 32px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; }
.c-lockup__pageTop-text {
    display: none;
    font-size: 2.2rem;
    padding: 2px 6px;
    white-space: nowrap; }
.c-lockup__text svg {
    display: block;
    width: 100%;
    height: 100%; }
@-webkit-keyframes lockupFade {
  from {
    translate: 0 100%; }
  to {
    opacity: 1;
    translate: 0 0; } }
@keyframes lockupFade {
  from {
    translate: 0 100%; }
  to {
    opacity: 1;
    translate: 0 0; } }
.c-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow-x: auto; }
.c-pagination__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px; }
.c-pagination__item, .c-pagination__prev, .c-pagination__first, .c-pagination__last, .c-pagination__next {
    cursor: pointer; }
.c-pagination__item a, .c-pagination__prev a, .c-pagination__first a, .c-pagination__last a, .c-pagination__next 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;
      width: 45px;
      height: 45px;
      border: 1px solid #999;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
.c-pagination__item a:hover, .c-pagination__prev a:hover, .c-pagination__first a:hover, .c-pagination__last a:hover, .c-pagination__next a:hover {
        background: #333;
        color: #fff; }
.c-pagination__item a[href=""], .c-pagination__prev a[href=""], .c-pagination__first a[href=""], .c-pagination__last a[href=""], .c-pagination__next a[href=""] {
      pointer-events: none; }
.c-pagination__item:has([aria-current="page"]) {
    background: #333; }
.c-pagination__item:has([aria-current="page"]) a {
      color: #fff;
      pointer-events: none; }
.c-pagination__sep span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 45px;
    height: 45px; }
/**
* wordpress
* WYSIWYG compatchble style
*/
.c-wp-post_article strong {
  font-weight: bold; }
.c-wp-post_article em {
  font-style: italic; }
.c-wp-post_article ul {
  margin-left: 1em;
  display: block;
  list-style-type: disc !important;
  margin-before: 1em;
  margin-after: 1em;
  margin-start: 0px;
  margin-end: 0px;
  padding-start: 40px; }
.c-wp-post_article ol {
  display: block;
  list-style-type: decimal !important;
  margin-before: 1em;
  margin-after: 1em;
  margin-start: 0px;
  margin-end: 0px;
  padding-start: 40px; }
.c-wp-post_article li {
  display: list-item;
  text-align: match-parent; }
.c-wp-post_article img {
  width: auto; }
.c-wp-post_article .alignleft {
  display: inline;
  float: left; }
.c-wp-post_article .alignright {
  display: inline;
  float: right; }
.c-wp-post_article .aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto; }
.c-wp-post_article blockquote.alignleft,
.c-wp-post_article .wp-caption.alignleft,
.c-wp-post_article img.alignleft {
  margin: 0.4em 1.6em 1.6em 0; }
.c-wp-post_article blockquote.alignright,
.c-wp-post_article .wp-caption.alignright,
.c-wp-post_article img.alignright {
  margin: 0.4em 0 1.6em 1.6em; }
.c-wp-post_article blockquote.aligncenter,
.c-wp-post_article .wp-caption.aligncenter,
.c-wp-post_article img.aligncenter {
  clear: both;
  margin-top: 0.4em;
  margin-bottom: 1.6em; }
.c-wp-post_article .wp-caption.alignleft,
.c-wp-post_article .wp-caption.alignright,
.c-wp-post_article .wp-caption.aligncenter {
  margin-bottom: 1.2em; }
/**
 * clearfix micro
 */
.clearfix:after {
  content: "";
  clear: both;
  display: block; }
/**
 * text ellipsis., text...
 */
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.u-hide {
  display: none; }
.u-click {
  cursor: pointer; }
.u-ff-en {
  font-family: var(--ff-en); }
/**
 * BrowserSync
 */
#__bs_notify__ {
  display: none !important;
  font-size: 8px !important;
  opacity: .25;
  max-height: 50px; }
.__debug_mihon__ {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto 0 auto;
  z-index: 100000;
  pointer-events: none;
  cursor: none;
  width: 100%;
  overflow: hidden;
  text-align: center;
  -webkit-animation: __debug_mihon__ 1s infinite;
          animation: __debug_mihon__ 1s infinite; }
.__debug_mihon__ {
  padding-top: 0px;
  margin-top: 0px; }
@-webkit-keyframes __debug_mihon__ {
  0% {
    opacity: 0; }
  60% {
    opacity: .5; }
  100% {
    opacity: .5; } }
/*
@example
 <div class="mihon">
  <img src="./images/sample1.png" alt="" class="type_pc">
  <img src="./images/sample2.png" alt="" class="type_sp">
</div>
*/
@media print{.os-scrollbar{display:none}}
@media (max-width: 767px) {
  :root {
    --space-2x: 12px;
    --space-3x: 16px;
    --space-4x: 24px;
    --space-5x: 32px;
    --space-6x: 40px;
    --space-7x: 48px;
    --space-8x: 56px;
    --space-9x: 64px;
    --space-13x: 72px;
    --space-18x: 128px;
    --header-height: 90px;
    --inline-size: 16px; }
  html, body {
    width: 100%;
    height: 100%; }
  h1, h2, h3, h4, h5, h6, div, dl, dt, dd, p {
    margin: 0;
    padding: 0; }
  img {
    height: auto;
    max-height: 100%;
    max-width: 100%; }
    .l-footer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      row-gap: 54px;
      padding: 22px var(--inline-size) 16px; }
    .l-footer__logo svg {
      width: 123px; }
      .l-footer__tbs {
        width: 90px;
        top: 30px; }
      .l-footer__wrap {
        margin-top: 23px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 47px; }
      .l-footer__links {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        row-gap: 33px; }
      .l-footer__link {
        font-size: 1.6rem; }
        .l-footer__link.-top {
          font-size: 1.6rem; }
      .l-footer__sns-wrap {
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
        margin-top: 36px; }
      .l-footer__sns-text {
        margin-right: 8px; }
        .l-footer__sns svg[aria-label="instagram"] {
          width: 36px;
          height: 36px; }
        .l-footer__sns svg[aria-label="x"] {
          width: 30px;
          height: 31px; }
        .l-footer__sns svg[aria-label="youtube"] {
          width: 47px;
          height: 32px; }
        .l-footer__sns svg[aria-label="threads"] {
          width: 30px;
          height: 35px; }
      .l-footer__left-text {
        font-size: 1rem; }
      .l-footer__right-text {
        font-size: 1rem;
        text-align: left; }
      .l-footer__copyright {
        font-size: 1rem;
        margin-top: 22px; }
      .l-header-hinotori__inner {
        padding-top: 14px;
        padding-left: 14px;
        padding-right: 17px; }
    .l-header-hinotori__logo svg {
      width: 80px; }
      .l-header-hinotori-menu__nav-en {
        line-height: 1.44; }
    html:has(#CookiebotWidget) .l-header-hinotori-after + .l-header-hinotori__nav-ticket {
      bottom: 72px; }
      .l-header-hinotori-after + .l-header-hinotori__nav-ticket {
        -ms-grid-columns: 98px 18px;
        grid-template-columns: 98px 18px;
        height: 56px;
        width: 200px; }
        .l-header-hinotori-after + .l-header-hinotori__nav-ticket .l-header-hinotori__nav-ticket-text {
          width: 98px; }
    [data-page="hinotori"] {
      background: var(--hinotori-bg); }
      .p-hinotori-mv__lead {
        width: 15px;
        top: 20.7%;
        right: 33px; }
      .p-hinotori-mv__bottom {
        padding-left: 16px;
        bottom: -100px; }
    .p-hinotori-mv__bottom-left {
      width: 202px; }
    .p-hinotori-mv__bottom-right {
      width: 300px;
      margin-top: 31px; }
      .p-hinotori-mv__gradation-wrap {
        display: none; }
      .p-hinotori-mv__gradation {
        height: 120px; }
    .p-hinotori__heading-en {
      font-size: 1.8rem; }
    .p-hinotori__parallax {
      background-image: url(/special/mangalogue_hinotori/common/images/special/mangalogue_hinotori/universe-bg.webp);
      background-size: cover;
      background-repeat: repeat-y; }
      .p-hinotori__parallax img {
        display: none; }
    .p-hinotori__lead-area {
      padding: 14px 16px 70px; }
    .p-hinotori__lead {
      max-width: 326px; }
    .p-hinotori__lead-movie {
      margin-top: 44px; }
    .p-hinotori__news {
      padding: 49px 16px; }
    .p-hinotori__news-heading {
      -ms-grid-columns: 121px 1fr;
      grid-template-columns: 121px 1fr;
      -webkit-column-gap: 16px;
         -moz-column-gap: 16px;
              column-gap: 16px; }
      .p-hinotori__news-heading .p-hinotori__heading-en {
        font-size: 1.6rem;
        margin-top: 6px; }
    .p-hinotori__news-swiper {
      margin-top: 26px; }
      .p-hinotori__news-swiper .swiper-button-prev,
      .p-hinotori__news-swiper .swiper-button-next {
        --swiper-navigation-size: 26px;
        --swiper-navigation-top-offset: -11%; }
    .p-hinotori__news-swiper .swiper-button-prev {
      left: auto;
      right: 42px; }
    .p-hinotori__news-swiper .swiper-button-next {
      right: -5px; }
    .p-hinotori__news-item {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      row-gap: 20px;
      padding: 32px 0; }
    .p-hinotori__news-time {
      font-size: 1.6rem; }
    .p-hinotori__story {
      padding-block: 68px 80px; }
    .p-hinotori__story-heading {
      width: 191px;
      margin-left: 16px;
      row-gap: 16px; }
    .p-hinotori__story-content {
      width: 190%;
      width: 741px;
      margin-inline: auto;
      top: -150px;
      left: 50%;
      translate: -50% 0; }
    .p-hinotori__story-box {
      padding-inline: 0;
      margin-inline: 16px;
      margin-top: -267px; }
      .p-hinotori__story-box .border-left,
      .p-hinotori__story-box .border-right {
        width: 58px;
        height: 94px; }
    .p-hinotori__story-box-inner {
      padding: 48px 32px; }
  .p-hinotori__story-box-title {
    margin-right: 31px; }
    .p-hinotori__story-box-title-sub {
      margin-top: 19px; }
    .p-hinotori__story-box-grid {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      row-gap: 16px;
      margin-top: 48px; }
  .p-hinotori__story-box-img {
    width: 160px; }
  .p-hinotori__story-box-body {
    margin-top: 8px; }
    .p-hinotori__story-box-desc {
      margin-top: 25px; }
    .p-hinotori__story-box-note {
      margin-top: 25px;
      margin-bottom: 11px; }
    .p-hinotori__story-box-link {
      margin-top: 24px; }
    .p-hinotori__outline {
      padding: 75px 16px; }
    .p-hinotori__outline-heading {
      row-gap: 16px; }
    .p-hinotori__outline-title {
      width: 155px; }
    .p-hinotori__outline-grid {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      row-gap: 39px;
      margin-top: 46px; }
    .p-hinotori__outline-dl > * + * {
      margin-top: 24px; }
    .p-hinotori__outline-dl-item {
      -ms-grid-columns: 99px 1fr;
      grid-template-columns: 99px 1fr;
      font-size: 1.5rem; }
      .p-hinotori__outline-dl-item dd {
        line-height: 1.6; }
    .p-hinotori__outline-more {
      -ms-grid-columns: 1fr 18px;
      grid-template-columns: 1fr 18px;
      margin-top: 24px;
      -webkit-column-gap: 7px;
         -moz-column-gap: 7px;
              column-gap: 7px;
      font-size: 1.6rem; }
      .p-hinotori__outline-more .icon {
        height: 18px; }
        .p-hinotori__outline-more .icon::before, .p-hinotori__outline-more .icon::after {
          width: 6px; }
    .p-hinotori__outline-bg {
      height: 360px;
      margin-inline: -16px;
      margin-top: -21px; }
      .p-hinotori__outline-bg::before, .p-hinotori__outline-bg::after {
        height: 220px; }
    .p-hinotori__outline-bg img {
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: 0 20%;
         object-position: 0 20%; }
    .p-hinotori__outline-mangalogue {
      margin-top: -51px; }
    .p-hinotori__outline-mangalogue-heading {
      width: 334px; }
    .p-hinotori__outline-mangalogue-desc {
      font-size: 1.6rem;
      margin-top: 32px; }
  .p-hinotori__outline-swiper {
    margin-inline: -16px; }
    .p-hinotori__outline-swiper .swiper {
      --swiper-navigation-size: 26px; }
    .p-hinotori__outline-swiper .swiper-button-prev,
    .p-hinotori__outline-swiper .swiper-button-next {
      --swiper-navigation-sides-offset: 7px;
      --swiper-navigation-top-offset: 40%; }
    .p-hinotori__outline-slider-item {
      scale: 0.9; }
    .p-hinotori__outline-slider-item.swiper-slide-next {
      -webkit-transform: translateY(37px);
              transform: translateY(37px); }
    .p-hinotori__outline-slider-desc {
      margin-top: 20px; }
    .p-hinotori__cast {
      padding: 80px 16px; }
    .p-hinotori__cast-heading {
      width: 155px; }
    .p-hinotori__cast-heading-level3 {
      margin-top: 37px; }
      .p-hinotori__cast-heading-level3.-voice {
        width: 181px; }
      .p-hinotori__cast-heading-level3.-real {
        width: 296px;
        margin-top: 63px; }
      .p-hinotori__cast-heading-level3.-takahasi {
        width: 121px;
        margin-top: 63px; }
    .p-hinotori__cast-grid {
      -ms-grid-columns: (minmax(0, 1fr))[2];
      grid-template-columns: repeat(2, minmax(0, 1fr));
      -webkit-column-gap: 22px;
         -moz-column-gap: 22px;
              column-gap: 22px;
      row-gap: 48px; }
    .p-hinotori__cast-name {
      margin-top: 22px;
      line-height: 1.3; }
    .p-hinotori__cast-cast {
      margin-top: 10px; }
    .p-hinotori__cast-schedule {
      font-size: 1.2rem; }
    .p-hinotori__ticket {
      padding: 74px 16px 0; }
    .p-hinotori__ticket-title {
      width: 155px;
      margin-bottom: 10px; }
    .p-hinotori__ticket-body {
      margin-top: 38px; }
    .p-hinotori__ticket-item {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      row-gap: 34px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      padding-block: 34px; }
    .p-hinotori__ticket-item:first-child {
      padding-top: 0; }
    .p-hinotori__ticket-item.-schedule {
      row-gap: 0;
      padding-bottom: 48px; }
    .p-hinotori__ticket-item-title {
      font-size: 1.6rem; }
    .p-hinotori__ticket-item-row {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      row-gap: 24px;
      padding-bottom: 0;
      margin-left: 3px; }
    .p-hinotori__ticket-item-row:not(:first-child) .p-hinotori__ticket-item-row-title {
      padding-left: 19px; }
    .p-hinotori__ticket-item-row-title {
      font-size: 1.6rem; }
  .p-hinotori__ticket-item-row-body {
    padding-left: 20px;
    line-height: 1.6; }
    .p-hinotori__ticket-item-row-body .grid {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 5.4em auto;
      grid-template-columns: 5.4em auto; }
    .p-hinotori__ticket-item-row-body br.for-large + .grid {
      margin-top: 12px; }
    .p-hinotori__ticket-item-row-body br.for-large + br.for-large + .grid {
      margin-top: 28px; }
    .p-hinotori__ticket-item-row-desc {
      font-size: 1.6rem; }
    .p-hinotori__ticket-item-link {
      width: 200px;
      padding: 15px 16px 13px; }
    .p-hinotori__ticket-item-link-text {
      width: 171px; }
    .p-hinotori__ticket-item-text {
      padding-left: 20px; }
      .p-hinotori__ticket-item-text + .p-hinotori__ticket-sub {
        padding-left: 20px; }
      .p-hinotori__ticket-item-text + .p-hinotori__ticket-link {
        margin-left: 20px; }
    .p-hinotori__ticket-link {
      font-size: 1.6rem;
      -ms-grid-columns: 1fr 18px;
      grid-template-columns: 1fr 18px; }
      .p-hinotori__ticket-link .icon {
        height: 18px;
        margin-top: 2px; }
    .p-hinotori__ticket-flex {
      gap: 32px;
      padding-left: 20px; }
      .p-hinotori__ticket-flex .empty {
        width: 30%; }
  .p-hinotori__ticket-text {
    padding-left: 20px; }
    .p-hinotori__ticket-schedule {
      margin-left: 20px;
      padding-bottom: 36px;
      margin-right: -16px;
      padding-right: 32px; }
      .p-hinotori__ticket-schedule.-first {
        margin-top: 0px; }
      .p-hinotori__ticket-schedule .os-scrollbar-horizontal {
        max-width: 241px;
        left: calc(50% - 16px) !important; }
    .p-hinotori__ticket-schedule-text {
      margin-block: 32px 48px; }
  .p-hinotori__ticket-schedule-img {
    margin-right: 16px; }
    .p-hinotori__access {
      padding: 80px 16px; }
    .p-hinotori__access-title {
      width: 169px;
      margin-bottom: 10px; }
    .p-hinotori__access-grid {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      row-gap: 32px;
      margin-top: 58px; }
    .p-hinotori__access-body-title {
      font-size: 2.8rem;
      line-height: 1.1;
      margin-block: 18px 30px; }
    .p-hinotori__access-text {
      font-size: 1.6rem;
      line-height: 1.3; }
    .p-hinotori__access-list {
      margin-top: 11px; }
      .p-hinotori__access-list > * + * {
        margin-top: 0px; }
    .p-hinotori__access-links {
      margin-top: 20px;
      letter-spacing: -0.02em; }
    .p-hinotori__access-sns-text {
      font-size: 1.7rem; }
        .c-lockup__icon.-top {
          margin-bottom: 34px; }
      .c-lockup__pageTop {
        width: 16px; }
  .for-large {
    display: none; } }
@media (min-width: 768px) {
  .ex-link {
    opacity: 1;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear; }
    .ex-link:hover {
      opacity: .5; }
    .l-footer {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .l-footer__logo {
      margin-left: -9px; }
      .l-footer__link {
        white-space: nowrap; }
    .l-footer__right {
      margin-bottom: 53px; }
      .l-footer__right-img {
        margin-left: auto; }
      .p-hinotori-mv__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-inline: 37px 30px; }
    .p-hinotori-mv__bottom-right {
      -ms-flex-item-align: end;
          align-self: flex-end;
      margin-bottom: 8px; }
      .p-hinotori-mv__gradation {
        display: none; }
    .p-hinotori__story-content div:first-child .p-hinotori__story-item {
      width: 1450px;
      translate: -86px -175px; }
    .p-hinotori__story-content div:nth-child(2) .p-hinotori__story-item {
      width: 1400px;
      translate: -194px -274px; }
    .p-hinotori__story-box {
      margin-top: -216px; }
  .p-hinotori__story-box-title {
    margin-right: 105px; }
    .p-hinotori__story-box-title-sub {
      text-align: right; }
    .p-hinotori__story-box-name {
      margin-top: 20px; }
  .p-hinotori__outline-inner {
    max-width: 1020px;
    margin-inline: auto;
    padding-inline: 64px; }
  .p-hinotori__outline-dl {
    margin-top: 3px; }
      .p-hinotori__outline-dl-item dd {
        letter-spacing: 0.02em; }
        .p-hinotori__outline-more .icon::before, .p-hinotori__outline-more .icon::after {
          translate: -58% -50%;
          margin-right: 2px; }
    .p-hinotori__outline-mangalogue {
      max-width: 1020px;
      margin-inline: auto;
      padding-inline: 64px; }
    .p-hinotori__outline-slider-item {
      scale: 0.8; }
    .p-hinotori__outline-slider-desc {
      font-size: 1.7rem; }
    .p-hinotori__cast-name {
      font-size: 1.7rem; }
    .p-hinotori__cast-cast {
      font-size: 1.7rem; }
    .p-hinotori__ticket-item {
      border-top: 1px solid rgba(255, 255, 255, 0.2); }
    .p-hinotori__ticket-item-row-stack > * + * {
      border-top: 1px solid rgba(255, 255, 255, 0.2); }
  .p-hinotori__ticket-item-row-body .grid {
    display: inline; }
    .p-hinotori__ticket-item-row-body .grid div {
      display: inline-block; }
    .p-hinotori__ticket-item-text {
      margin-top: 12px; }
    .p-hinotori__ticket-schedule {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2 / 3; }
  .p-hinotori__access-body {
    font-size: 1.7rem; }
    .c-lockup.-fixed {
      left: 0;
      bottom: 0; }
    .c-lockup.-sticky {
      position: sticky;
      left: 0;
      bottom: 0; }
    .c-lockup.footer {
      translate: unset; }
      .c-lockup__wrap {
        width: 100%;
        left: 0;
        bottom: 0;
        z-index: 10; }
  .for-mobile {
    display: none; } }
@media (min-width: 1600px) {
    html {
      font-size: 68.75%;
      /* 1rem ≒ 11px → 1.1倍 */ } }
@media (any-hover: hover) {
      .l-footer__link:hover {
        color: var(--hover-red-dark);
        -webkit-transition-duration: 0.1s;
                transition-duration: 0.1s; }
      .l-footer__sns:hover {
        color: var(--red-02);
        -webkit-transition-duration: 0.1s;
                transition-duration: 0.1s; }
      .l-header-hinotori__nav-link:hover {
        color: var(--light-blue); }
      .l-header-hinotori__nav-ticket:hover::before {
        opacity: 1; }
    .p-hinotori__lead-movie:hover {
      opacity: 0.8; }
      .p-hinotori__news-swiper .swiper-button-prev:hover,
      .p-hinotori__news-swiper .swiper-button-next:hover {
        color: var(--light-blue); }
        .p-hinotori__news-swiper .swiper-button-prev:hover .swiper-navigation-icon,
        .p-hinotori__news-swiper .swiper-button-next:hover .swiper-navigation-icon {
          -webkit-filter: drop-shadow(0 0 5px #00E6FF80);
                  filter: drop-shadow(0 0 5px #00E6FF80); }
        .p-hinotori__news-swiper .swiper-pagination .swiper-pagination-bullet:hover {
          --swiper-pagination-bullet-inactive-color: var(--light-blue);
          --swiper-pagination-bullet-inactive-opacity: 1;
          -webkit-box-shadow: 0 0 15px 2px rgba(0, 230, 255, 0.5);
                  box-shadow: 0 0 15px 2px rgba(0, 230, 255, 0.5); }
    .p-hinotori__news-item:hover {
      color: var(--light-blue); }
    .p-hinotori__story-box-link:hover {
      color: var(--light-blue);
      text-decoration: none; }
        .p-hinotori__outline-dl-item dd a:hover {
          color: var(--light-blue);
          text-decoration: none; }
    .p-hinotori__outline-more:hover {
      color: var(--light-blue); }
    .p-hinotori__outline-swiper .swiper-button-prev:hover,
    .p-hinotori__outline-swiper .swiper-button-next:hover {
      color: var(--light-blue); }
      .p-hinotori__outline-swiper .swiper-button-prev:hover .swiper-navigation-icon,
      .p-hinotori__outline-swiper .swiper-button-next:hover .swiper-navigation-icon {
        -webkit-filter: drop-shadow(0 0 5px #00E6FF80);
                filter: drop-shadow(0 0 5px #00E6FF80); }
    .p-hinotori__ticket-item-link:hover::before {
      opacity: 1; }
    .p-hinotori__ticket-link:hover {
      color: var(--light-blue); }
    .p-hinotori__access-sns-link:hover {
      color: var(--light-blue); }
      .c-lockup__icon:hover {
        color: var(--hover-red-dark);
        -webkit-transition-duration: 0.1s;
                transition-duration: 0.1s; }
        .c-lockup__icon:hover + .c-lockup__icon-text {
          color: var(--hover-red-dark);
          -webkit-transition-duration: 0.1s;
                  transition-duration: 0.1s; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .l-header-hinotori__logo svg {
    width: 70px;
    translate: 0 -8px; }
  .l-header-hinotori__nav {
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
    margin-top: 0; }
  .l-header-hinotori__nav-list {
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
    margin-top: 7px; }
  .l-header-hinotori__nav-ticket {
    width: 120px;
    padding-inline: 15px; }
  .l-header-hinotori__nav-ticket-text {
    width: 74px;
    height: 10px; }
  .l-header-hinotori__nav-ticket-icon {
    width: 12px;
    height: 12px; }
    .p-hinotori__story-content div:first-child .p-hinotori__story-item {
      width: 118%;
      translate: -5% -175px; }
    .p-hinotori__story-content div:nth-child(2) .p-hinotori__story-item {
      width: 118%;
      translate: -4% -274px; }
  .p-hinotori__outline-grid {
    -ms-grid-columns: 260px 1fr;
    grid-template-columns: 260px 1fr;
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px; }
  .p-hinotori__cast-grid {
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px;
    row-gap: 48px; }
  .p-hinotori__ticket-item-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 32px; }
  .p-hinotori__access-grid {
    -ms-grid-columns: 260px 1fr;
    grid-template-columns: 260px 1fr;
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px; } }
@media (min-width: 768px) and (max-width: 1200px) {
  .p-hinotori-mv__bottom-left {
    width: 56%; }
    .p-hinotori-mv__bottom-right {
      width: 40%;
      margin-bottom: 0; } }
@media (min-width: 768px) and (max-width: 1279px) {
  .p-hinotori__story-heading {
    margin-left: 24px; }
  .p-hinotori__story-content {
    margin-left: 24px;
    scale: 0.85;
    margin-left: -64px; } }
@media (min-width: 768px) and (min-width: 1400px) {
  .p-hinotori__outline-swiper .swiper-button-prev,
  .p-hinotori__outline-swiper .swiper-button-next {
    --swiper-navigation-top-offset: 42%; } }
@media (max-width: 519px) {
    .p-hinotori__outline-swiper .swiper-button-prev,
    .p-hinotori__outline-swiper .swiper-button-next {
      --swiper-navigation-top-offset: 26%; }
    .p-hinotori__access-body-title {
      font-size: 2.4rem; } }
/*# sourceMappingURL=../../_cache/_maps/styles.css.map */