@charset "UTF-8";
/* ============================================
// normalize.css v3.0.2 | MIT License | git.io/normalize
// ==========================================*/
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: border-box; /* 2 */
  box-sizing: border-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------
	color
--------------------*/
/*--------------------
	font-family
--------------------*/
/*--------------------
	cubic-bezier
--------------------*/
/*--------------------
	その他
--------------------*/
/*--------------------
	break-points
--------------------*/
/* ▼使い方
***********************
	@include mq(tab) {
	color: hoge;
	}
***********************/
/*--------------------
	アスペクト比固定
--------------------*/
/*--------------------
	アニメーション
--------------------*/
/* ============================================
// RESET
// ==========================================*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

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

a {
  outline: none;
  text-decoration: none;
}

li {
  list-style: none;
}

img {
  vertical-align: bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* ============================================
// BASE
// ==========================================*/
/*--------------------
	html,body
--------------------*/
html,
body {
  height: 100%;
  min-width: 1024px;
}
@media all and (max-width: 834px) {
  html,
  body {
    min-width: inherit;
  }
}

html {
  font-size: 62.5%;
}

body {
  position: relative;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: #222222;
  line-height: 2;
  letter-spacing: 0.075em;
  -webkit-text-size-adjust: none;
  -webkit-overflow-scrolling: touch;
}
@media all and (max-width: 834px) {
  body {
    font-size: 1.4rem;
    background-size: auto;
    line-height: 2;
  }
}

/*--------------------
	ローディング
--------------------*/
#loading {
  display: none;
  opacity: 1;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999999;
  background: #fff;
  pointer-events: none;
  -webkit-transition: opacity 0.4s linear, -webkit-transform 0.4s;
  transition: opacity 0.4s linear, -webkit-transform 0.4s;
  transition: opacity 0.4s linear, transform 0.4s;
  transition: opacity 0.4s linear, transform 0.4s, -webkit-transform 0.4s;
}
.js-loaded #loading {
  opacity: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.front-page.once #loading {
  display: block;
}
#loading .loading__inner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  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;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#loading .loading__commonLogo {
  position: relative;
  z-index: 2;
}
#loading .loading__txt {
  margin-top: 20px;
  text-align: center;
  font-size: 3.2rem;
  font-weight: bold;
}
@media all and (max-width: 834px) {
  #loading .loading__txt {
    font-size: 2.4rem;
    margin-top: 10px;
  }
}
#loading .loading__txt span {
  display: inline-block;
  letter-spacing: normal;
  -webkit-animation: text-scale 0.6s ease-in-out infinite alternate;
          animation: text-scale 0.6s ease-in-out infinite alternate;
  color: #ff0000;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
#loading .loading__txt span:nth-child(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
#loading .loading__txt span:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
#loading .loading__txt span:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
#loading .loading__txt span:nth-child(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
#loading .loading__txt span:nth-child(5) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
#loading .loading__txt span:nth-child(6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
#loading .loading__txt span:nth-child(7) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
#loading .loading__txt span:nth-child(8) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
#loading .loading__txt span:nth-child(9) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
#loading .loading__txt span:nth-child(10) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
#loading .loading__txt span:nth-child(11) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
#loading .loading__txt span:nth-child(12) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
#loading .loading__txt span:nth-child(13) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
#loading .loading__txt span:nth-child(14) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
#loading .loading__txt span:nth-child(15) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
#loading .commonCupList01 {
  margin-top: 32px;
}
@media all and (max-width: 834px) {
  #loading .commonCupList01 {
    margin-top: -20px;
  }
}

@-webkit-keyframes text-scale {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@keyframes text-scale {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
/*--------------------
	#container
--------------------*/
#container {
  width: 100%;
  overflow: hidden;
  position: relative;
  opacity: 0;
}
.js-loaded #container {
  opacity: 1;
}

/*--------------------
	innerWrap
--------------------*/
/*
.innerWrap {
	max-width: 1280px;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	padding: 0 40px;
	@include mq(tab) {
		padding: 0 50px;
	}
	@include mq(sp) {
		padding: 0 20px;
	}
}
*/
/*--------------------
	container base (liquid)
--------------------*/
.l-container-mv, .l-container-xl, .l-container-l, .l-container-m, .l-container-sm, .l-container-s {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 70px;
  padding-right: 70px;
}
@media all and (max-width: 834px) {
  .l-container-mv, .l-container-xl, .l-container-l, .l-container-m, .l-container-sm, .l-container-s {
    padding-left: 7%;
    padding-right: 7%;
  }
}

.l-container-s {
  max-width: 1080px;
}
.l-container-sm {
  max-width: 1164px;
}
.l-container-m {
  max-width: 1200px;
}
.l-container-l {
  max-width: 1340px;
}
.l-container-xl {
  max-width: 1440px;
}
.l-container-mv {
  max-width: 1470px;
}

/*--------------------
	a
--------------------*/
a {
  color: #222222;
  -webkit-transition: opacity 0.3s, color 0.3s;
  transition: opacity 0.3s, color 0.3s;
}

/*--------------------
	TEL
--------------------*/
@media (min-device-width: 769px) {
  a[href^="tel:"] {
    cursor: default;
    pointer-events: none;
  }
}
/*--------------------
	hover
--------------------*/
@media (hover: hover) {
  .ro:hover {
    opacity: 0.7;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}

/*--------------------
	ofi
--------------------*/
.ofi {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

/*--------------------
	fonts
--------------------*/
.eng {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0;
}

.mincho {
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Noto Serif JP", serif;
}

/*--------------------
	cookie banner
--------------------*/
body #ot-sdk-btn-floating.ot-floating-button .ot-floating-button__front button {
  outline: none !important;
}
body.lower-kyujin_d #ot-sdk-btn-floating.ot-floating-button {
  bottom: 105px;
}
@media all and (max-width: 834px) {
  body.lower-kyujin_d #ot-sdk-btn-floating.ot-floating-button {
    bottom: 78px;
  }
}

/*--------------------
	ios 角丸 回避
--------------------*/
input[type=button], input[type=text], input[type=submit], input[type=image], input[type=search], textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

/*--------------------
	PC SPのみ
--------------------*/
@media all and (max-width: 834px) {
  .u-pcOnly {
    display: none !important;
  }
}

@media all and (max-width: 1200px) {
  .u-pcUpOnly {
    display: none !important;
  }
}

@media all and (min-width: 835px) {
  .u-spOnly {
    display: none !important;
  }
}

/*========================================
\\ Animation
//======================================*/
/*--------------------
	anime
--------------------*/
.anime.-fadeIn {
  opacity: 0;
}
.anime.-fadeIn.js-active {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.61, 1, 0.88, 1) 100ms;
  animation: fadein-opacity 600ms cubic-bezier(0.61, 1, 0.88, 1) 100ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-slideIn-t-40 {
  opacity: 0;
}
.anime.-slideIn-t-40.js-active {
  -webkit-animation: fadein-t-40 500ms cubic-bezier(0.61, 1, 0.88, 1) 100ms;
  animation: fadein-t-40 500ms cubic-bezier(0.61, 1, 0.88, 1) 100ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-slideIn-b-20 {
  opacity: 0;
}
.anime.-slideIn-b-20.js-active {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 100ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 100ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-slideIn-b-40 {
  opacity: 0;
}
.anime.-slideIn-b-40.js-active {
  -webkit-animation: fadein-b-40 400ms cubic-bezier(0.61, 1, 0.88, 1) 100ms;
  animation: fadein-b-40 400ms cubic-bezier(0.61, 1, 0.88, 1) 100ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-slideIn-b-character {
  opacity: 0;
}
.anime.-slideIn-b-character.js-active {
  -webkit-animation: fadein-b-character 800ms cubic-bezier(0.61, 1, 0.88, 1) 100ms;
  animation: fadein-b-character 800ms cubic-bezier(0.61, 1, 0.88, 1) 100ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-slideIn-b-60 {
  opacity: 0;
}
.anime.-slideIn-b-60.js-active {
  -webkit-animation: fadein-b-40 500ms cubic-bezier(0.61, 1, 0.88, 1) 100ms;
  animation: fadein-b-40 500ms cubic-bezier(0.61, 1, 0.88, 1) 100ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-boundOut-b-40 {
  opacity: 0;
}
.anime.-boundOut-b-40.js-active {
  -webkit-animation: fadein-b-40 800ms cubic-bezier(0.34, 1.88, 0.64, 1) 100ms;
  animation: fadein-b-40 800ms cubic-bezier(0.34, 1.88, 0.64, 1) 100ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-slideIn-r-40 {
  opacity: 0;
}
.anime.-slideIn-r-40.js-active {
  -webkit-animation: fadein-r-40 500ms cubic-bezier(0.61, 1, 0.88, 1) 100ms;
  animation: fadein-r-40 500ms cubic-bezier(0.61, 1, 0.88, 1) 100ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-slideIn-r-40.-delay.js-active {
  -webkit-animation: fadein-r-40 500ms cubic-bezier(0.61, 1, 0.88, 1) 250ms;
  animation: fadein-r-40 500ms cubic-bezier(0.61, 1, 0.88, 1) 250ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-slideIn-l-40 {
  opacity: 0;
}
.anime.-slideIn-l-40.js-active {
  -webkit-animation: fadein-l-40 500ms cubic-bezier(0.61, 1, 0.88, 1) 100ms;
  animation: fadein-l-40 500ms cubic-bezier(0.61, 1, 0.88, 1) 100ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-slideIn-tr-20 {
  opacity: 0;
}
.anime.-slideIn-tr-20.js-active {
  -webkit-animation: fadein-tr-20 500ms cubic-bezier(0.61, 1, 0.88, 1) 100ms;
  animation: fadein-tr-20 500ms cubic-bezier(0.61, 1, 0.88, 1) 100ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-scale {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.anime.-scale.js-active {
  -webkit-animation: scale-0-1 500ms cubic-bezier(0.61, 1, 0.88, 1) 100ms;
  animation: scale-0-1 500ms cubic-bezier(0.61, 1, 0.88, 1) 100ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-halfscale {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.anime.-halfscale.js-active {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.anime.-scaleInImg {
  overflow: hidden;
}
.anime.-scaleInImg img {
  display: block;
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  opacity: 0;
}
.anime.-scaleInImg.js-active img {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.anime.-scaleIn102 {
  opacity: 0;
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}
.js-loaded .anime.-scaleIn102.js-active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.anime.-scaleIn105 {
  opacity: 0;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}
.js-loaded .anime.-scaleIn105.js-active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.anime.-for-fadeIn span {
  display: inline-block;
  opacity: 0;
}
.anime.-for-fadeIn.js-active span:nth-child(1) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 35ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 35ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(2) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 70ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 70ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(3) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 105ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 105ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(4) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 140ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 140ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(5) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 175ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 175ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(6) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 210ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 210ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(7) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 245ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 245ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(8) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 280ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 280ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(9) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 315ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 315ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(10) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 350ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 350ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(11) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 385ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 385ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(12) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 420ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 420ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(13) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 455ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 455ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(14) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 490ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 490ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(15) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 525ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 525ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(16) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 560ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 560ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(17) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 595ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 595ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(18) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 630ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 630ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(19) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 665ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 665ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(20) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 700ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 700ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(21) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 735ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 735ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(22) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 770ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 770ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(23) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 805ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 805ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(24) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 840ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 840ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(25) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 875ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 875ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(26) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 910ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 910ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(27) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 945ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 945ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(28) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 980ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 980ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(29) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1015ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1015ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-fadeIn.js-active span:nth-child(30) {
  -webkit-animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1050ms;
  animation: fadein-opacity 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1050ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn span {
  display: inline-block;
  opacity: 0;
}
.anime.-for-scaleIn.js-active span:nth-child(1) {
  -webkit-animation: fadein-scale 600ms ease-in-out 35ms;
  animation: fadein-scale 600ms ease-in-out 35ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(2) {
  -webkit-animation: fadein-scale 600ms ease-in-out 70ms;
  animation: fadein-scale 600ms ease-in-out 70ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(3) {
  -webkit-animation: fadein-scale 600ms ease-in-out 105ms;
  animation: fadein-scale 600ms ease-in-out 105ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(4) {
  -webkit-animation: fadein-scale 600ms ease-in-out 140ms;
  animation: fadein-scale 600ms ease-in-out 140ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(5) {
  -webkit-animation: fadein-scale 600ms ease-in-out 175ms;
  animation: fadein-scale 600ms ease-in-out 175ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(6) {
  -webkit-animation: fadein-scale 600ms ease-in-out 210ms;
  animation: fadein-scale 600ms ease-in-out 210ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(7) {
  -webkit-animation: fadein-scale 600ms ease-in-out 245ms;
  animation: fadein-scale 600ms ease-in-out 245ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(8) {
  -webkit-animation: fadein-scale 600ms ease-in-out 280ms;
  animation: fadein-scale 600ms ease-in-out 280ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(9) {
  -webkit-animation: fadein-scale 600ms ease-in-out 315ms;
  animation: fadein-scale 600ms ease-in-out 315ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(10) {
  -webkit-animation: fadein-scale 600ms ease-in-out 350ms;
  animation: fadein-scale 600ms ease-in-out 350ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(11) {
  -webkit-animation: fadein-scale 600ms ease-in-out 385ms;
  animation: fadein-scale 600ms ease-in-out 385ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(12) {
  -webkit-animation: fadein-scale 600ms ease-in-out 420ms;
  animation: fadein-scale 600ms ease-in-out 420ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(13) {
  -webkit-animation: fadein-scale 600ms ease-in-out 455ms;
  animation: fadein-scale 600ms ease-in-out 455ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(14) {
  -webkit-animation: fadein-scale 600ms ease-in-out 490ms;
  animation: fadein-scale 600ms ease-in-out 490ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(15) {
  -webkit-animation: fadein-scale 600ms ease-in-out 525ms;
  animation: fadein-scale 600ms ease-in-out 525ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(16) {
  -webkit-animation: fadein-scale 600ms ease-in-out 560ms;
  animation: fadein-scale 600ms ease-in-out 560ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(17) {
  -webkit-animation: fadein-scale 600ms ease-in-out 595ms;
  animation: fadein-scale 600ms ease-in-out 595ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(18) {
  -webkit-animation: fadein-scale 600ms ease-in-out 630ms;
  animation: fadein-scale 600ms ease-in-out 630ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(19) {
  -webkit-animation: fadein-scale 600ms ease-in-out 665ms;
  animation: fadein-scale 600ms ease-in-out 665ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(20) {
  -webkit-animation: fadein-scale 600ms ease-in-out 700ms;
  animation: fadein-scale 600ms ease-in-out 700ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(21) {
  -webkit-animation: fadein-scale 600ms ease-in-out 735ms;
  animation: fadein-scale 600ms ease-in-out 735ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(22) {
  -webkit-animation: fadein-scale 600ms ease-in-out 770ms;
  animation: fadein-scale 600ms ease-in-out 770ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(23) {
  -webkit-animation: fadein-scale 600ms ease-in-out 805ms;
  animation: fadein-scale 600ms ease-in-out 805ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(24) {
  -webkit-animation: fadein-scale 600ms ease-in-out 840ms;
  animation: fadein-scale 600ms ease-in-out 840ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(25) {
  -webkit-animation: fadein-scale 600ms ease-in-out 875ms;
  animation: fadein-scale 600ms ease-in-out 875ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(26) {
  -webkit-animation: fadein-scale 600ms ease-in-out 910ms;
  animation: fadein-scale 600ms ease-in-out 910ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(27) {
  -webkit-animation: fadein-scale 600ms ease-in-out 945ms;
  animation: fadein-scale 600ms ease-in-out 945ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(28) {
  -webkit-animation: fadein-scale 600ms ease-in-out 980ms;
  animation: fadein-scale 600ms ease-in-out 980ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(29) {
  -webkit-animation: fadein-scale 600ms ease-in-out 1015ms;
  animation: fadein-scale 600ms ease-in-out 1015ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-scaleIn.js-active span:nth-child(30) {
  -webkit-animation: fadein-scale 600ms ease-in-out 1050ms;
  animation: fadein-scale 600ms ease-in-out 1050ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20 span {
  display: inline-block;
  opacity: 0;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(1) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 35ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 35ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(2) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 70ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 70ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(3) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 105ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 105ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(4) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 140ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 140ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(5) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 175ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 175ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(6) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 210ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 210ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(7) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 245ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 245ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(8) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 280ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 280ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(9) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 315ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 315ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(10) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 350ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 350ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(11) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 385ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 385ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(12) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 420ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 420ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(13) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 455ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 455ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(14) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 490ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 490ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(15) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 525ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 525ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(16) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 560ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 560ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(17) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 595ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 595ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(18) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 630ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 630ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(19) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 665ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 665ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(20) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 700ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 700ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(21) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 735ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 735ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(22) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 770ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 770ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(23) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 805ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 805ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(24) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 840ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 840ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(25) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 875ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 875ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(26) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 910ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 910ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(27) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 945ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 945ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(28) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 980ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 980ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(29) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1015ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1015ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active span:nth-child(30) {
  -webkit-animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1050ms;
  animation: fadein-b-20 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1050ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(1) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 450ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 450ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(2) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 500ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(3) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 550ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 550ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(4) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 600ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 600ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(5) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 650ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 650ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(6) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 700ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 700ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(7) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 750ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 750ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(8) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 800ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 800ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(9) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 850ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 850ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(10) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 900ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 900ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(11) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 950ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 950ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(12) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1000ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(13) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1050ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1050ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(14) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1100ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1100ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(15) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1150ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1150ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(16) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1200ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1200ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(17) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1250ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1250ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(18) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1300ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1300ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(19) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1350ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1350ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(20) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1400ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1400ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(21) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1450ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1450ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(22) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1500ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(23) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1550ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1550ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(24) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1600ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1600ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(25) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1650ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1650ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(26) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1700ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1700ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(27) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1750ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1750ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(28) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1800ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1800ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(29) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1850ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1850ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-20.js-active.-delay span:nth-child(30) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1900ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1900ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40 span {
  display: inline-block;
  opacity: 0;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(1) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 35ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 35ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(2) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 70ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 70ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(3) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 105ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 105ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(4) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 140ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 140ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(5) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 175ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 175ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(6) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 210ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 210ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(7) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 245ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 245ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(8) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 280ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 280ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(9) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 315ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 315ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(10) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 350ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 350ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(11) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 385ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 385ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(12) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 420ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 420ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(13) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 455ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 455ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(14) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 490ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 490ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(15) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 525ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 525ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(16) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 560ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 560ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(17) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 595ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 595ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(18) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 630ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 630ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(19) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 665ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 665ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(20) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 700ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 700ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(21) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 735ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 735ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(22) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 770ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 770ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(23) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 805ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 805ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(24) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 840ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 840ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(25) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 875ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 875ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(26) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 910ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 910ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(27) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 945ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 945ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(28) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 980ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 980ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(29) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1015ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1015ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active span:nth-child(30) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1050ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1050ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(1) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 450ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 450ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(2) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 500ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(3) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 550ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 550ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(4) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 600ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 600ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(5) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 650ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 650ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(6) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 700ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 700ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(7) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 750ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 750ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(8) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 800ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 800ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(9) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 850ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 850ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(10) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 900ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 900ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(11) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 950ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 950ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(12) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1000ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(13) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1050ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1050ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(14) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1100ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1100ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(15) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1150ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1150ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(16) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1200ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1200ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(17) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1250ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1250ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(18) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1300ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1300ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(19) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1350ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1350ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(20) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1400ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1400ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(21) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1450ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1450ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(22) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1500ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(23) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1550ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1550ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(24) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1600ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1600ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(25) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1650ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1650ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(26) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1700ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1700ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(27) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1750ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1750ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(28) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1800ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1800ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(29) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1850ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1850ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-b-40.js-active.-delay span:nth-child(30) {
  -webkit-animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1900ms;
  animation: fadein-b-40 600ms cubic-bezier(0.34, 1.88, 0.64, 1) 1900ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40 span {
  display: inline-block;
  opacity: 0;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(1) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 35ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 35ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(2) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 70ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 70ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(3) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 105ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 105ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(4) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 140ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 140ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(5) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 175ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 175ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(6) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 210ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 210ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(7) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 245ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 245ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(8) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 280ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 280ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(9) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 315ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 315ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(10) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 350ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 350ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(11) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 385ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 385ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(12) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 420ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 420ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(13) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 455ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 455ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(14) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 490ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 490ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(15) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 525ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 525ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(16) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 560ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 560ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(17) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 595ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 595ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(18) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 630ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 630ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(19) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 665ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 665ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(20) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 700ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 700ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(21) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 735ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 735ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(22) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 770ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 770ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(23) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 805ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 805ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(24) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 840ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 840ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(25) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 875ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 875ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(26) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 910ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 910ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(27) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 945ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 945ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(28) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 980ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 980ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(29) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1015ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1015ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active span:nth-child(30) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1050ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1050ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(1) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 450ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 450ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(2) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 500ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(3) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 550ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 550ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(4) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 600ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 600ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(5) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 650ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 650ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(6) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 700ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 700ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(7) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 750ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 750ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(8) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 800ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 800ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(9) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 850ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 850ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(10) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 900ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 900ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(11) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 950ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 950ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(12) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1000ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(13) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1050ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1050ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(14) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1100ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1100ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(15) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1150ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1150ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(16) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1200ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1200ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(17) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1250ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1250ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(18) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1300ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1300ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(19) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1350ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1350ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(20) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1400ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1400ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(21) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1450ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1450ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(22) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1500ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(23) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1550ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1550ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(24) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1600ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1600ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(25) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1650ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1650ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(26) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1700ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1700ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(27) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1750ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1750ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(28) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1800ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1800ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(29) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1850ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1850ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-boundIn-r-40.js-active.-delay span:nth-child(30) {
  -webkit-animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1900ms;
  animation: fadein-r-40 600ms cubic-bezier(0.61, 1, 0.88, 1) 1900ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn span {
  display: inline-block;
  opacity: 0;
}
.anime.-for-zoomIn.js-active span:nth-child(1) {
  -webkit-animation: zoomIn 400ms ease-in-out 35ms;
  animation: zoomIn 400ms ease-in-out 35ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(2) {
  -webkit-animation: zoomIn 400ms ease-in-out 70ms;
  animation: zoomIn 400ms ease-in-out 70ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(3) {
  -webkit-animation: zoomIn 400ms ease-in-out 105ms;
  animation: zoomIn 400ms ease-in-out 105ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(4) {
  -webkit-animation: zoomIn 400ms ease-in-out 140ms;
  animation: zoomIn 400ms ease-in-out 140ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(5) {
  -webkit-animation: zoomIn 400ms ease-in-out 175ms;
  animation: zoomIn 400ms ease-in-out 175ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(6) {
  -webkit-animation: zoomIn 400ms ease-in-out 210ms;
  animation: zoomIn 400ms ease-in-out 210ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(7) {
  -webkit-animation: zoomIn 400ms ease-in-out 245ms;
  animation: zoomIn 400ms ease-in-out 245ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(8) {
  -webkit-animation: zoomIn 400ms ease-in-out 280ms;
  animation: zoomIn 400ms ease-in-out 280ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(9) {
  -webkit-animation: zoomIn 400ms ease-in-out 315ms;
  animation: zoomIn 400ms ease-in-out 315ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(10) {
  -webkit-animation: zoomIn 400ms ease-in-out 350ms;
  animation: zoomIn 400ms ease-in-out 350ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(11) {
  -webkit-animation: zoomIn 400ms ease-in-out 385ms;
  animation: zoomIn 400ms ease-in-out 385ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(12) {
  -webkit-animation: zoomIn 400ms ease-in-out 420ms;
  animation: zoomIn 400ms ease-in-out 420ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(13) {
  -webkit-animation: zoomIn 400ms ease-in-out 455ms;
  animation: zoomIn 400ms ease-in-out 455ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(14) {
  -webkit-animation: zoomIn 400ms ease-in-out 490ms;
  animation: zoomIn 400ms ease-in-out 490ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(15) {
  -webkit-animation: zoomIn 400ms ease-in-out 525ms;
  animation: zoomIn 400ms ease-in-out 525ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(16) {
  -webkit-animation: zoomIn 400ms ease-in-out 560ms;
  animation: zoomIn 400ms ease-in-out 560ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(17) {
  -webkit-animation: zoomIn 400ms ease-in-out 595ms;
  animation: zoomIn 400ms ease-in-out 595ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(18) {
  -webkit-animation: zoomIn 400ms ease-in-out 630ms;
  animation: zoomIn 400ms ease-in-out 630ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(19) {
  -webkit-animation: zoomIn 400ms ease-in-out 665ms;
  animation: zoomIn 400ms ease-in-out 665ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(20) {
  -webkit-animation: zoomIn 400ms ease-in-out 700ms;
  animation: zoomIn 400ms ease-in-out 700ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(21) {
  -webkit-animation: zoomIn 400ms ease-in-out 735ms;
  animation: zoomIn 400ms ease-in-out 735ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(22) {
  -webkit-animation: zoomIn 400ms ease-in-out 770ms;
  animation: zoomIn 400ms ease-in-out 770ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(23) {
  -webkit-animation: zoomIn 400ms ease-in-out 805ms;
  animation: zoomIn 400ms ease-in-out 805ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(24) {
  -webkit-animation: zoomIn 400ms ease-in-out 840ms;
  animation: zoomIn 400ms ease-in-out 840ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(25) {
  -webkit-animation: zoomIn 400ms ease-in-out 875ms;
  animation: zoomIn 400ms ease-in-out 875ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(26) {
  -webkit-animation: zoomIn 400ms ease-in-out 910ms;
  animation: zoomIn 400ms ease-in-out 910ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(27) {
  -webkit-animation: zoomIn 400ms ease-in-out 945ms;
  animation: zoomIn 400ms ease-in-out 945ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(28) {
  -webkit-animation: zoomIn 400ms ease-in-out 980ms;
  animation: zoomIn 400ms ease-in-out 980ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(29) {
  -webkit-animation: zoomIn 400ms ease-in-out 1015ms;
  animation: zoomIn 400ms ease-in-out 1015ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.anime.-for-zoomIn.js-active span:nth-child(30) {
  -webkit-animation: zoomIn 400ms ease-in-out 1050ms;
  animation: zoomIn 400ms ease-in-out 1050ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*--------------------
	汎用アニメーション
--------------------*/
@-webkit-keyframes fadein-r-40 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes fadein-r-40 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes fadein-l-40 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes fadein-l-40 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes fadein-t-40 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -40px);
            transform: translate(0, -40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes fadein-t-40 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -40px);
            transform: translate(0, -40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes fadein-b-40 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 40px);
            transform: translate(0, 40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes fadein-b-40 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 40px);
            transform: translate(0, 40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes fadein-b-character {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 40px);
            transform: translate(0, 40px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(0, -16px);
            transform: translate(0, -16px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes fadein-b-character {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 40px);
            transform: translate(0, 40px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(0, -16px);
            transform: translate(0, -16px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes fadein-b-60 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 60px);
            transform: translate(0, 60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes fadein-b-60 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 60px);
            transform: translate(0, 60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes fadein-b-20 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 30px);
            transform: translate(0, 30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes fadein-b-20 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 30px);
            transform: translate(0, 30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes fadein-tr-20 {
  0% {
    opacity: 0;
    -webkit-transform: translate(20px, -20px);
            transform: translate(20px, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes fadein-tr-20 {
  0% {
    opacity: 0;
    -webkit-transform: translate(20px, -20px);
            transform: translate(20px, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes fadein-rb-20 {
  0% {
    opacity: 0;
    -webkit-transform: translate(20px, 20px);
            transform: translate(20px, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes fadein-rb-20 {
  0% {
    opacity: 0;
    -webkit-transform: translate(20px, 20px);
            transform: translate(20px, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes fadein-rb-40 {
  0% {
    opacity: 0;
    -webkit-transform: translate(40px, 40px);
            transform: translate(40px, 40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes fadein-rb-40 {
  0% {
    opacity: 0;
    -webkit-transform: translate(40px, 40px);
            transform: translate(40px, 40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes fadein-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadein-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadein-scale {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes fadein-scale {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes fadein-b-scale {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px) scale(0.2);
            transform: translateY(20px) scale(0.2);
  }
  50% {
    -webkit-transform: translateY(-10px) scale(1.115);
            transform: translateY(-10px) scale(1.115);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes fadein-b-scale {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px) scale(0.2);
            transform: translateY(20px) scale(0.2);
  }
  50% {
    -webkit-transform: translateY(-10px) scale(1.115);
            transform: translateY(-10px) scale(1.115);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes fadein-b-rotateX {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%) rotateX(90deg);
            transform: translateY(10%) rotateX(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) rotateX(0);
            transform: translateY(0) rotateX(0);
  }
}
@keyframes fadein-b-rotateX {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%) rotateX(90deg);
            transform: translateY(10%) rotateX(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) rotateX(0);
            transform: translateY(0) rotateX(0);
  }
}
@-webkit-keyframes fadein-l-rotateY {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%) rotateY(90deg);
            transform: translateX(-10%) rotateY(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) rotateY(0);
            transform: translateX(0) rotateY(0);
  }
}
@keyframes fadein-l-rotateY {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%) rotateY(90deg);
            transform: translateX(-10%) rotateY(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) rotateY(0);
            transform: translateX(0) rotateY(0);
  }
}
@-webkit-keyframes scale-0-1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-0-1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes scale-h-1 {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-h-1 {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes scale-1-0 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes scale-1-0 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes scaleX-0-1 {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes scaleX-0-1 {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@-webkit-keyframes scaleX-1-0 {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@keyframes scaleX-1-0 {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@-webkit-keyframes scaleX-0-1-0 {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  45% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  51% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  65% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@keyframes scaleX-0-1-0 {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  45% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  51% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  65% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@-webkit-keyframes scaleY-0-1 {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes scaleY-0-1 {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@-webkit-keyframes scaleY-1-0 {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@keyframes scaleY-1-0 {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes icon-l-r {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
    opacity: 0;
  }
  50.5% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes icon-l-r {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
    opacity: 0;
  }
  50.5% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes icon-r-l20 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
    opacity: 0;
  }
  50.5% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes icon-r-l20 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
    opacity: 0;
  }
  50.5% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes icon-l-r20 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
    opacity: 0;
  }
  50.5% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes icon-l-r20 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
    opacity: 0;
  }
  50.5% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes iconarrow-l-r {
  0% {
    -webkit-transform: translateX(0) rotate(-45deg);
            transform: translateX(0) rotate(-45deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(8px) rotate(-45deg);
            transform: translateX(8px) rotate(-45deg);
    opacity: 0;
  }
  50.5% {
    -webkit-transform: translateX(-8px) rotate(-45deg);
            transform: translateX(-8px) rotate(-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(-45deg);
            transform: translateX(0) rotate(-45deg);
    opacity: 1;
  }
}
@keyframes iconarrow-l-r {
  0% {
    -webkit-transform: translateX(0) rotate(-45deg);
            transform: translateX(0) rotate(-45deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(8px) rotate(-45deg);
            transform: translateX(8px) rotate(-45deg);
    opacity: 0;
  }
  50.5% {
    -webkit-transform: translateX(-8px) rotate(-45deg);
            transform: translateX(-8px) rotate(-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(-45deg);
            transform: translateX(0) rotate(-45deg);
    opacity: 1;
  }
}
@-webkit-keyframes iconarrow-r-l {
  0% {
    -webkit-transform: translateX(0) rotate(-225deg);
            transform: translateX(0) rotate(-225deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(-8px) rotate(-225deg);
            transform: translateX(-8px) rotate(-225deg);
    opacity: 0;
  }
  50.5% {
    -webkit-transform: translateX(8px) rotate(-225deg);
            transform: translateX(8px) rotate(-225deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(-225deg);
            transform: translateX(0) rotate(-225deg);
    opacity: 1;
  }
}
@keyframes iconarrow-r-l {
  0% {
    -webkit-transform: translateX(0) rotate(-225deg);
            transform: translateX(0) rotate(-225deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(-8px) rotate(-225deg);
            transform: translateX(-8px) rotate(-225deg);
    opacity: 0;
  }
  50.5% {
    -webkit-transform: translateX(8px) rotate(-225deg);
            transform: translateX(8px) rotate(-225deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(-225deg);
            transform: translateX(0) rotate(-225deg);
    opacity: 1;
  }
}
@-webkit-keyframes icon-l-l {
  0% {
    -webkit-transform: translateX(0) scale(-1, 1);
            transform: translateX(0) scale(-1, 1);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(8px) scale(-1, 1);
            transform: translateX(8px) scale(-1, 1);
    opacity: 0;
  }
  50.5% {
    -webkit-transform: translateX(-8px) scale(-1, 1);
            transform: translateX(-8px) scale(-1, 1);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scale(-1, 1);
            transform: translateX(0) scale(-1, 1);
    opacity: 1;
  }
}
@keyframes icon-l-l {
  0% {
    -webkit-transform: translateX(0) scale(-1, 1);
            transform: translateX(0) scale(-1, 1);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(8px) scale(-1, 1);
            transform: translateX(8px) scale(-1, 1);
    opacity: 0;
  }
  50.5% {
    -webkit-transform: translateX(-8px) scale(-1, 1);
            transform: translateX(-8px) scale(-1, 1);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scale(-1, 1);
            transform: translateX(0) scale(-1, 1);
    opacity: 1;
  }
}
/*--------------------
	ホバー アニメーション
--------------------*/
/*--------------------
	ページ固有アニメーション
--------------------*/
@-webkit-keyframes gatagata {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes gatagata {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes pyonpyon {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes pyonpyon {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes water {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.5) translate(-50%, -100%);
            transform: scale(0.5) translate(-50%, -100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(0.5) translate(-50%, -50%);
            transform: scale(0.5) translate(-50%, -50%);
  }
}
@keyframes water {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.5) translate(-50%, -100%);
            transform: scale(0.5) translate(-50%, -100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(0.5) translate(-50%, -50%);
            transform: scale(0.5) translate(-50%, -50%);
  }
}
@-webkit-keyframes waterTop {
  0% {
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
  33% {
    -webkit-transform: translate(15%, -66%);
            transform: translate(15%, -66%);
  }
  66% {
    -webkit-transform: translate(-15%, -33%);
            transform: translate(-15%, -33%);
  }
  100% {
    -webkit-transform: translate(-70%, 0%);
            transform: translate(-70%, 0%);
  }
}
@keyframes waterTop {
  0% {
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
  33% {
    -webkit-transform: translate(15%, -66%);
            transform: translate(15%, -66%);
  }
  66% {
    -webkit-transform: translate(-15%, -33%);
            transform: translate(-15%, -33%);
  }
  100% {
    -webkit-transform: translate(-70%, 0%);
            transform: translate(-70%, 0%);
  }
}
@-webkit-keyframes water02 {
  0% {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes water02 {
  0% {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes water03 {
  0% {
    -webkit-transform: translate(100%, -100%);
            transform: translate(100%, -100%);
  }
  50% {
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
  }
  100% {
    -webkit-transform: translate(100%, 20%);
            transform: translate(100%, 20%);
  }
}
@keyframes water03 {
  0% {
    -webkit-transform: translate(100%, -100%);
            transform: translate(100%, -100%);
  }
  50% {
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
  }
  100% {
    -webkit-transform: translate(100%, 20%);
            transform: translate(100%, 20%);
  }
}
@-webkit-keyframes borderAnime {
  0% {
    background-image: linear-gradient(to right, #ff0000, #ff0000 10px, transparent 10px, transparent 20px), linear-gradient(to right, #ff0000, #ff0000 10px, transparent 10px, transparent 20px), linear-gradient(to bottom, #ff0000, #ff0000 10px, transparent 10px, transparent 20px), linear-gradient(to bottom, #ff0000, #ff0000 10px, transparent 10px, transparent 20px);
  }
  100% {
    background-image: linear-gradient(to right, transparent, transparent 10px, #ff0000 10px, #ff0000 20px), linear-gradient(to right, transparent, transparent 10px, #ff0000 10px, #ff0000 20px), linear-gradient(to bottom, transparent, transparent 10px, #ff0000 10px, #ff0000 20px), linear-gradient(to bottom, transparent, transparent 10px, #ff0000 10px, #ff0000 20px);
  }
}
@keyframes borderAnime {
  0% {
    background-image: linear-gradient(to right, #ff0000, #ff0000 10px, transparent 10px, transparent 20px), linear-gradient(to right, #ff0000, #ff0000 10px, transparent 10px, transparent 20px), linear-gradient(to bottom, #ff0000, #ff0000 10px, transparent 10px, transparent 20px), linear-gradient(to bottom, #ff0000, #ff0000 10px, transparent 10px, transparent 20px);
  }
  100% {
    background-image: linear-gradient(to right, transparent, transparent 10px, #ff0000 10px, #ff0000 20px), linear-gradient(to right, transparent, transparent 10px, #ff0000 10px, #ff0000 20px), linear-gradient(to bottom, transparent, transparent 10px, #ff0000 10px, #ff0000 20px), linear-gradient(to bottom, transparent, transparent 10px, #ff0000 10px, #ff0000 20px);
  }
}
@-webkit-keyframes steam_anime01 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 25%) scale(1, 1);
            transform: translate(0, 25%) scale(1, 1);
  }
  10% {
    opacity: 0.2;
  }
  30% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 0.6;
  }
  90% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -35%) scale(1, 1.4);
            transform: translate(0, -35%) scale(1, 1.4);
  }
}
@keyframes steam_anime01 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 25%) scale(1, 1);
            transform: translate(0, 25%) scale(1, 1);
  }
  10% {
    opacity: 0.2;
  }
  30% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 0.6;
  }
  90% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -35%) scale(1, 1.4);
            transform: translate(0, -35%) scale(1, 1.4);
  }
}
@-webkit-keyframes steam_anime02 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-5%, 15%) scale(0.9, 0.9);
            transform: translate(-5%, 15%) scale(0.9, 0.9);
  }
  10% {
    opacity: 0.2;
  }
  30% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 0.6;
  }
  90% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-5%, -35%) scale(1, 1.25);
            transform: translate(-5%, -35%) scale(1, 1.25);
  }
}
@keyframes steam_anime02 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-5%, 15%) scale(0.9, 0.9);
            transform: translate(-5%, 15%) scale(0.9, 0.9);
  }
  10% {
    opacity: 0.2;
  }
  30% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 0.6;
  }
  90% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-5%, -35%) scale(1, 1.25);
            transform: translate(-5%, -35%) scale(1, 1.25);
  }
}
/*------------------------------
form base setting
------------------------------*/
body.iPhone select,
body.iPhone input,
body.iPhone textarea {
  font-size: 16px !important;
}

body input,
body button,
body textarea,
body select {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  line-height: inherit;
  text-overflow: "";
}
body input::-ms-expand,
body button::-ms-expand,
body textarea::-ms-expand,
body select::-ms-expand {
  display: none;
}
body input::-ms-reveal,
body button::-ms-reveal,
body textarea::-ms-reveal,
body select::-ms-reveal {
  visibility: hidden;
}
body input::-ms-clear,
body button::-ms-clear,
body textarea::-ms-clear,
body select::-ms-clear {
  visibility: hidden;
}
body input[type=text],
body input[type=submit],
body input[type=search],
body input[type=button],
body select,
body textarea {
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  border: none;
  outline: none;
  transition: all 0.2s;
}
body input[type=search] {
  cursor: auto;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-appearance: textfield;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body input[type=search]:focus {
  outline-offset: -2px;
}
body input[type=search]::-webkit-search-decoration {
  display: none;
}
body select,
body search,
body input {
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  background: transparent;
}
@media all and (max-width: 834px) {
  body select,
  body input[type=text],
  body input[type=search] {
    font-size: 1.6rem;
  }
}

/*------------------------------
	form custom setting
------------------------------*/
.search_body {
  padding: 48px 7.2% 56px;
}
@media all and (max-width: 1200px) {
  .search_body {
    padding: 48px 7.2%;
  }
}
@media all and (max-width: 834px) {
  .search_body {
    padding: 32px 6% 40px;
  }
}

.custom-form {
  font-weight: bold;
}
.custom-form .search_item {
  margin-bottom: 5px;
}
.custom-form .search_item.-keyword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-bottom: none;
  margin-bottom: 0;
}
@media all and (max-width: 834px) {
  .custom-form .search_item.-keyword {
    display: block;
  }
}
.custom-form .search_item.-keyword .custom-form_parts {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.custom-form .search_item.-keyword .custom-form_searth_btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
  max-width: 160px;
  margin-left: 10px;
}
@media all and (max-width: 834px) {
  .custom-form .search_item.-keyword .custom-form_searth_btn {
    max-width: 80%;
    margin: 16px auto 0;
  }
}
.custom-form .custom-form_parts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 20px 0;
  position: relative;
}
@media all and (max-width: 834px) {
  .custom-form .custom-form_parts {
    padding: 20px 0;
    display: block;
  }
}
.custom-form .custom-form_parts::before {
  content: "";
  background-image: linear-gradient(to right, #d0d6d6, #d0d6d6 3px, transparent 3px, transparent 5px);
  background-size: 5px 1px;
  background-position: left top;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  pointer-events: none;
}
.custom-form .custom-form_parts:first-child {
  padding-top: 0;
}
.custom-form .custom-form_parts:first-child::before {
  content: none;
}
.custom-form .parts_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 140px;
          flex: 0 0 140px;
  margin-top: 12px;
  margin-right: 4%;
}
@media all and (max-width: 834px) {
  .custom-form .parts_ttl {
    font-size: 1.5rem;
    margin-top: 0;
    margin-right: 0;
    margin-top: 0;
  }
}
.custom-form .parts_ttl .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 16px;
}
@media all and (max-width: 834px) {
  .custom-form .parts_ttl .icon {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: left;
            transform-origin: left;
    margin-right: 6px;
  }
}
.custom-form .form_parts_inner {
  font-size: 1.5rem;
  font-weight: 500;
}
@media all and (min-width: 835px) {
  .custom-form .form_parts_inner {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
@media all and (max-width: 834px) {
  .custom-form .form_parts_inner {
    margin-top: 6px;
  }
}
.custom-form .pull-down_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media all and (max-width: 834px) {
  .custom-form .pull-down_wrap {
    display: block;
  }
}
.custom-form .pull-down {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media all and (max-width: 834px) {
  .custom-form .pull-down {
    margin-right: 0;
  }
}
.custom-form .pull-down:last-child {
  margin-right: 0;
}
.custom-form .pull-down::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 28px;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media all and (max-width: 834px) {
  .custom-form .pull-down::after {
    right: 20px;
  }
}
.custom-form .pull-down select {
  padding: 14px 60px 14px 32px;
  background-color: #ff0000;
  border-radius: 300px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  color: #fff;
}
@media (hover: hover) {
  .custom-form .pull-down select:hover {
    background: #f00000;
  }
}
@media all and (max-width: 834px) {
  .custom-form .pull-down select {
    padding: 10px 40px 10px 24px;
  }
}
.custom-form .pull-down select option {
  background-color: #fff;
  color: #222222;
}
.custom-form .selCity-box {
  margin-top: 12px;
}
@media all and (max-width: 834px) {
  .custom-form .selCity-box {
    margin-top: 10px;
  }
}
.custom-form .category_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.custom-form .category_list li {
  margin: 5px 10px 5px 0;
}
@media all and (max-width: 834px) {
  .custom-form .category_list li {
    margin: 5px 10px 5px 0;
  }
}
.custom-form .category_list input[type=checkbox] {
  display: none;
}
.custom-form .category_list input[type=checkbox] + label {
  position: relative;
  display: block;
  line-height: 1.75;
  padding: 10px 28px 10px 48px;
  border-radius: 300px;
  background-color: #fff;
  border: 1px solid #222222;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
  -webkit-transition: background 0.24s;
  transition: background 0.24s;
}
@media (hover: hover) {
  .custom-form .category_list input[type=checkbox] + label:hover {
    background: #f7f7f7;
  }
}
@media all and (max-width: 834px) {
  .custom-form .category_list input[type=checkbox] + label {
    padding: 8px 20px 8px 40px;
  }
}
.custom-form .category_list input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 15px;
  width: 16px;
  height: 16px;
  background: #dfede7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (max-width: 834px) {
  .custom-form .category_list input[type=checkbox] + label::before {
    left: 16px;
    top: 15px;
    width: 14px;
    height: 14px;
  }
}
.custom-form .category_list input[type=checkbox] + label::after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 16px;
  left: 25px;
  z-index: 2;
  width: 4px;
  height: 8px;
  color: #ff0000;
  border-bottom: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
@media all and (max-width: 834px) {
  .custom-form .category_list input[type=checkbox] + label::after {
    top: 15px;
    left: 20px;
    width: 4px;
    height: 8px;
  }
}
.custom-form .category_list input[type=checkbox]:checked + label {
  color: #ffffff;
  background: #ff0000;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.custom-form .category_list input[type=checkbox]:checked + label::before {
  border-color: transparent;
  background-color: #fff;
}
.custom-form .category_list input[type=checkbox]:checked + label::after {
  opacity: 1;
  color: #ff0000;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}
.custom-form .-freeWord {
  padding-bottom: 0;
}
.custom-form .-freeWord .form_parts_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media all and (max-width: 834px) {
  .custom-form .-freeWord .form_parts_inner {
    display: block;
  }
}
.custom-form .-freeWord .searchWord {
  padding: 14px 32px;
  background-color: #dfede7;
  border-radius: 300px;
  -webkit-transition: background 0.24s;
  transition: background 0.24s;
}
@media (hover: hover) {
  .custom-form .-freeWord .searchWord:hover {
    background: #d5e7e0;
  }
}
@media all and (max-width: 834px) {
  .custom-form .-freeWord .searchWord {
    padding: 10px 20px;
  }
}
.custom-form .-freeWord .searchWord::-webkit-input-placeholder {
  color: rgba(34, 34, 34, 0.45);
}
.custom-form .-freeWord .searchWord::-moz-placeholder {
  color: rgba(34, 34, 34, 0.45);
}
.custom-form .-freeWord .searchWord:-ms-input-placeholder {
  color: rgba(34, 34, 34, 0.45);
}
.custom-form .-freeWord .searchWord::-ms-input-placeholder {
  color: rgba(34, 34, 34, 0.45);
}
.custom-form .-freeWord .searchWord::placeholder {
  color: rgba(34, 34, 34, 0.45);
}
.custom-form .custom-form_searth_btn {
  width: 180px;
  height: 58px;
  margin: 0 auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-left: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media all and (max-width: 834px) {
  .custom-form .custom-form_searth_btn {
    margin: 0 auto;
    margin-top: 24px;
  }
}
.custom-form .custom-form_searth_btn .btn_cover {
  display: block;
  background: #ff0000;
  width: 100%;
  height: 100%;
  border-radius: 300px;
  position: relative;
  border: 1px solid #ff0000;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s;
}
@media all and (min-width: 835px) {
  .custom-form .custom-form_searth_btn .btn_cover {
    padding-left: 24px;
  }
}
@media (hover: hover) {
  .custom-form .custom-form_searth_btn .btn_cover:hover {
    background-color: #fff;
    border: 1px solid #ff0000;
  }
  .custom-form .custom-form_searth_btn .btn_cover:hover input {
    color: #ff0000;
    letter-spacing: 0.15em;
  }
  .custom-form .custom-form_searth_btn .btn_cover:hover::before {
    background-image: url(../img/common/ico_jobsearch_primary.png);
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
}
@media all and (max-width: 834px) {
  .custom-form .custom-form_searth_btn .btn_cover {
    padding-left: 16px;
  }
}
.custom-form .custom-form_searth_btn .btn_cover:before {
  content: "";
  display: inline-block;
  background-image: url(../img/common/ico_jobsearch_white.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 17px;
  height: 15px;
  position: absolute;
  top: calc(50% - 7px);
  left: calc(50% - 9px - 40px);
  -webkit-transition: background 0.3s, -webkit-transform 0.3s;
  transition: background 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, background 0.3s;
  transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
  pointer-events: none;
}
@media all and (max-width: 834px) {
  .custom-form .custom-form_searth_btn .btn_cover:before {
    top: calc(50% - 7px);
    left: calc(50% - 9px - 43px);
  }
}
.custom-form .custom-form_searth_btn .btn_cover input {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  width: 100%;
  height: 100%;
  letter-spacing: 0.1em;
  -webkit-transition: color 0.3s, letter-spacing 0.3s;
  transition: color 0.3s, letter-spacing 0.3s;
}
@media all and (max-width: 834px) {
  .custom-form .custom-form_searth_btn .btn_cover input {
    font-size: 1.5rem;
  }
}

/* ============================================
// MODULES
// ==========================================*/
/*--------------------
	pageHeader
--------------------*/
.pageHeader {
  background-image: url(../img/index/mv_bg.png);
  background-repeat: repeat;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 834px) {
  .pageHeader {
    background-size: contain;
    overflow: hidden;
  }
}
.pageHeader__contents {
  height: 410px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-left: 10%;
  z-index: 2;
}
@media all and (max-width: 1200px) {
  .pageHeader__contents {
    height: 350px;
  }
}
@media all and (max-width: 834px) {
  .pageHeader__contents {
    display: block;
    height: 400px;
    padding-left: 0;
    text-align: center;
  }
}
.pageHeader__flowingTxt {
  background-color: #ff0000;
  color: #fff;
  font-size: 2.8rem;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  line-height: 1;
  padding: 18px 0;
}
@media all and (max-width: 1200px) {
  .pageHeader__flowingTxt {
    font-size: 2.4rem;
    padding: 16px 0;
  }
}
@media all and (max-width: 834px) {
  .pageHeader__flowingTxt {
    font-size: 1.6rem;
    padding: 10px 0;
  }
}
.pageHeader__txtArea {
  position: relative;
  margin-top: 40px;
}
@media all and (max-width: 1200px) {
  .pageHeader__txtArea {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}
@media all and (max-width: 834px) {
  .pageHeader__txtArea {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: scale(0.5) translateX(-50%);
            transform: scale(0.5) translateX(-50%);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    display: inline-block;
    margin-top: 120px;
    margin-left: 8px;
  }
}
.pageHeader__txtArea__animeBox {
  opacity: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}
.pageHeader__txtArea .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
}
.pageHeader__txtArea .txt img {
  height: 74px;
}
.pageHeader__txtArea .redCircle {
  background-color: #ff0000;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  position: absolute;
  top: -38px;
  left: -38px;
  opacity: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}
.pageHeader__imgArea {
  position: absolute;
  top: 0;
  right: 260px;
}
@media all and (max-width: 1200px) {
  .pageHeader__imgArea {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: top right;
            transform-origin: top right;
    right: 220px;
  }
}
@media all and (max-width: 834px) {
  .pageHeader__imgArea {
    top: auto;
    right: auto;
    bottom: -98px;
    left: 50%;
    -webkit-transform: scale(0.6) translateX(-50%);
            transform: scale(0.6) translateX(-50%);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }
}
.pageHeader__imgArea__animeBox {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  opacity: 0;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}
.pageHeader__imgArea::before {
  content: "";
  display: inline-block;
  background-image: url(../img/common/pageheader_shadow.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 416px;
  height: 43px;
  position: absolute;
  bottom: 0;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, 50%) scale(0);
          transform: translate(-50%, 50%) scale(0);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.pageHeader__imgArea::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  margin: -200px 0 0 -100px;
  aspect-ratio: 470/477;
  width: 470px;
  background: url(../img/common/yakan2.png) no-repeat center center/contain;
  pointer-events: none;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.pageHeader .hotwater {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  -webkit-transition: -webkit-transform 2s;
  transition: -webkit-transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-animation-delay: 0.8s !important;
          animation-delay: 0.8s !important;
}
.pageHeader .hotwater__item img {
  height: 529px;
}
@media all and (max-width: 1200px) {
  .pageHeader .hotwater__item img {
    height: 423.2px;
  }
}
.pageHeader .hotwater__item:first-child img {
  border-radius: 50% 50% 0 0;
}
.pageHeader .hotwater__item:nth-child(4) img {
  border-radius: 0 0 50% 50%;
}
.pageHeader .noodleContents {
  position: absolute;
  bottom: 354px;
  left: -46px;
}
.pageHeader .noodleContents img {
  -webkit-transform: scale(0) translateY(100%);
          transform: scale(0) translateY(100%);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  opacity: 0;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  -webkit-transition-delay: 3.1s;
          transition-delay: 3.1s;
  -webkit-transition-timing-function: cubic-bezier(0, 1.3, 0.8, 1);
          transition-timing-function: cubic-bezier(0, 1.3, 0.8, 1);
}
.pageHeader .noodleCup {
  position: relative;
  z-index: 2;
  height: 553px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  overflow: hidden;
}
@media all and (max-width: 1200px) {
  .pageHeader .noodleCup {
    height: 587px;
  }
}
@media all and (max-width: 834px) {
  .pageHeader .noodleCup {
    height: 537px;
  }
}
.pageHeader .noodleCup .img {
  position: relative;
  z-index: 2;
  top: 2px;
}
.lower-kyujin_l .pageHeader .hotwater, .lower-whatsnew .pageHeader .hotwater {
  display: none;
}
.lower-kyujin_l .pageHeader__imgArea .noodleContents, .lower-whatsnew .pageHeader__imgArea .noodleContents {
  bottom: 248px;
  left: -48px;
}
.lower-kyujin_l .pageHeader__imgArea .noodleContents img, .lower-whatsnew .pageHeader__imgArea .noodleContents img {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  height: 237px;
}
.lower-kyujin_l .pageHeader__imgArea .noodleCup img, .lower-whatsnew .pageHeader__imgArea .noodleCup img {
  height: 367px;
}
.lower-kyujin_l .pageHeader__imgArea::before, .lower-whatsnew .pageHeader__imgArea::before {
  display: none;
}
.lower-kyujin_l .pageHeader__imgArea::after, .lower-whatsnew .pageHeader__imgArea::after {
  content: none;
}
.lower-faq .pageHeader__imgArea .noodleContents img {
  height: 181px;
}
.lower-faq .pageHeader__imgArea .noodleCup .img img {
  height: 359px;
}
.lower-charaben .pageHeader__imgArea .noodleContents img {
  height: 182px;
}
.lower-charaben .pageHeader__imgArea .noodleCup img {
  height: 362px;
}
.lower-merit .pageHeader__imgArea .noodleContents img {
  height: 168px;
}
.lower-merit .pageHeader__imgArea .noodleCup .img img {
  height: 360px;
}
.lower-flow .pageHeader__imgArea .noodleContents img {
  height: 169px;
}
.lower-flow .pageHeader__imgArea .noodleCup .img img {
  height: 359px;
}

.js-loaded .pageHeader__txtArea__animeBox {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.js-loaded .pageHeader__txtArea .redCircle {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.js-loaded .pageHeader__imgArea__animeBox {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.js-loaded .pageHeader__imgArea .hotwater {
  opacity: 1;
  -webkit-animation: water03 2s linear forwards;
          animation: water03 2s linear forwards;
}
.js-loaded .pageHeader__imgArea .noodleContents img {
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0);
  opacity: 1;
}
.js-loaded .pageHeader__imgArea::before {
  opacity: 1;
  -webkit-transform: translate(-50%, 50%) scale(1);
          transform: translate(-50%, 50%) scale(1);
}
.js-loaded .pageHeader__imgArea::after {
  opacity: 0;
  -webkit-transform: translateY(-50%) rotate(-20deg);
          transform: translateY(-50%) rotate(-20deg);
}
.js-loaded .pageHeader__flowingTxt__list {
  -webkit-animation: flowing 20s linear infinite;
          animation: flowing 20s linear infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

/*--------------------
	breadcrumb
--------------------*/
.breadcrumb {
  margin-left: 24px;
  position: relative;
  z-index: 0;
  max-width: 600px;
  background-color: #fff;
}
.lower-kyujin_d .breadcrumb {
  width: calc(100% - 24px);
}
@media all and (max-width: 1200px) {
  .breadcrumb {
    max-width: 480px;
  }
}
@media all and (max-width: 834px) {
  .breadcrumb {
    max-width: none;
    margin: 0;
    padding: 0 16px;
  }
}
.breadcrumb ::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.breadcrumb ::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}
.breadcrumb ::-webkit-scrollbar-thumb {
  background-color: #ff0000;
}
.breadcrumb__list {
  position: relative;
  z-index: 1;
  overflow-x: auto;
  white-space: nowrap;
  padding: 16px 20px;
}
@media all and (max-width: 834px) {
  .breadcrumb__list {
    padding: 6px 0;
  }
}
.breadcrumb__list__item {
  display: inline;
  font-size: 1.2rem;
  color: #999999;
  margin: 0 2px;
}
@media all and (max-width: 834px) {
  .breadcrumb__list__item {
    font-size: 1.2rem;
  }
}
.breadcrumb__list__item::after {
  content: ">";
  margin-left: 7px;
}
.breadcrumb__list__item:last-child::after {
  display: none;
}
.breadcrumb__list__item a {
  color: #999999;
}
.breadcrumb__list__item a:hover {
  opacity: 0.7;
}
.nonePageHeader .breadcrumb {
  max-width: none;
  margin-left: 24px;
  margin-right: 24px;
}
@media all and (max-width: 834px) {
  .nonePageHeader .breadcrumb {
    margin-left: 0;
    margin-right: 0;
  }
}

/*--------------------
	commonHead
--------------------*/
.commonHead01 .eng {
  font-size: 1.8rem;
  line-height: 1;
  display: inline-block;
  margin-bottom: 28px;
}
@media all and (max-width: 1200px) {
  .commonHead01 .eng {
    font-size: 1.7rem;
  }
}
@media all and (max-width: 834px) {
  .commonHead01 .eng {
    font-size: 1.5rem;
    margin-bottom: 16px;
  }
}
.commonHead01 .ja {
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1;
}
@media all and (max-width: 1200px) {
  .commonHead01 .ja {
    font-size: 3.2rem;
  }
}
@media all and (max-width: 834px) {
  .commonHead01 .ja {
    font-size: 2.4rem;
  }
}
.commonHead01.-white {
  color: #fff;
}
.commonHead01.-right {
  text-align: right;
}
.commonHead01.-shape {
  position: relative;
}
.commonHead01.-shape::before {
  content: "";
  display: inline-block;
  background-image: url(../img/common/shape_steam_s.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 23px;
  height: 24px;
  position: absolute;
  top: -10px;
  left: 6px;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

/*--------------------
	commonBtn
--------------------*/
.commonBtn01 a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border: 1px solid #222222;
  padding: 20px 24px;
  padding-left: 32px;
  background-color: #fff;
  position: relative;
  -webkit-transition: color 0.3s, border 0.3s;
  transition: color 0.3s, border 0.3s;
}
@media (hover: hover) {
  .commonBtn01 a:hover {
    color: #fff;
  }
  .commonBtn01 a:hover::before {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@media all and (max-width: 834px) {
  .commonBtn01 a {
    padding: 14px 18px;
    padding-left: 24px;
  }
}
@media all and (max-width: 350px) {
  .commonBtn01 a {
    padding: 12px 14px;
    padding-left: 20px;
  }
}
.commonBtn01 a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #ff0000;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transition: -webkit-transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
.commonBtn01 .txt {
  font-weight: bold;
  position: relative;
  z-index: 3;
}
.commonBtn01.iconArrowRight a::after {
  content: "";
  display: inline-block;
  background-image: url(../img/common/ico_arrow_black_m.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 17px;
  height: 7px;
  margin-left: 118px;
  position: relative;
  z-index: 3;
  -webkit-transition: background 0.3s, -webkit-transform 0.3s;
  transition: background 0.3s, -webkit-transform 0.3s;
  transition: background 0.3s, transform 0.3s;
  transition: background 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
@media all and (max-width: 1200px) {
  .commonBtn01.iconArrowRight a::after {
    margin-left: 72px;
  }
}
@media all and (max-width: 834px) {
  .commonBtn01.iconArrowRight a::after {
    margin-left: 56px;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
}
@media all and (max-width: 350px) {
  .commonBtn01.iconArrowRight a::after {
    margin-left: 44px;
  }
}
@media (hover: hover) {
  .commonBtn01.iconArrowRight a:hover::after {
    background-image: url(../img/common/ico_arrow_white_m.png);
    -webkit-animation: icon-l-r 300ms ease-in;
            animation: icon-l-r 300ms ease-in;
  }
}
.commonBtn01.-small.iconArrowRight a:after {
  margin-left: 86px;
}
@media all and (max-width: 1200px) {
  .commonBtn01.-small.iconArrowRight a:after {
    margin-left: 72px;
  }
}
@media all and (max-width: 834px) {
  .commonBtn01.-small.iconArrowRight a:after {
    margin-left: 56px;
  }
}
@media all and (max-width: 350px) {
  .commonBtn01.-small.iconArrowRight a:after {
    margin-left: 44px;
  }
}
.commonBtn01.-xsmall.iconArrowRight a:after {
  margin-left: 72px;
}
@media all and (max-width: 1200px) {
  .commonBtn01.-xsmall.iconArrowRight a:after {
    margin-left: 72px;
  }
}
@media all and (max-width: 834px) {
  .commonBtn01.-xsmall.iconArrowRight a:after {
    margin-left: 56px;
  }
}
@media all and (max-width: 350px) {
  .commonBtn01.-xsmall.iconArrowRight a:after {
    margin-left: 44px;
  }
}

/*--------------------
	commonLink
--------------------*/
/*--------------------
	commonLogo
--------------------*/
.commonLogo a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media all and (max-width: 834px) {
  .commonLogo a {
    display: inline-block;
  }
}
.commonLogo .logoArea img {
  height: 32px;
}
@media all and (max-width: 834px) {
  .commonLogo .logoArea img {
    height: 23px;
  }
}
.commonLogo .txtArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 24px;
}
@media all and (max-width: 834px) {
  .commonLogo .txtArea {
    margin-left: 0;
    margin-top: 8px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.commonLogo .txtArea .factory {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.commonLogo .txtArea .factory .ja {
  font-size: 1.8rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media all and (max-width: 834px) {
  .commonLogo .txtArea .factory .ja {
    font-size: 1.5rem;
  }
}
.commonLogo .txtArea .factory .eng {
  font-size: 1rem;
  line-height: 1;
  margin-top: 2px;
}
.commonLogo .txtArea .badge {
  background-color: #222222;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding: 0 8px;
  margin-left: 24px;
}
@media all and (max-width: 834px) {
  .commonLogo .txtArea .badge {
    font-size: 1.2rem;
    margin-left: 12px;
  }
}

/*--------------------
	commonIllustCup
--------------------*/
.commonIllustCup01 {
  position: relative;
}
@media all and (max-width: 834px) {
  .commonIllustCup01 {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
.commonIllustCup01 .steam {
  position: absolute;
  bottom: 40px;
  left: -20px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.commonIllustCup01 .steam__item01 img {
  -webkit-animation: steam_anime01 4s linear infinite;
          animation: steam_anime01 4s linear infinite;
}
.commonIllustCup01 .steam__item02 {
  position: absolute;
  top: 0;
  left: 0;
}
.commonIllustCup01 .steam__item02 img {
  -webkit-animation: steam_anime02 4s linear infinite;
          animation: steam_anime02 4s linear infinite;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  opacity: 0;
}
.commonIllustCup01 .noodleCup {
  position: relative;
  z-index: 2;
}

/*--------------------
	commonLead
--------------------*/
.commonLead01 {
  font-size: 7rem;
  font-weight: bold;
  line-height: 1.28;
  position: relative;
}
@media all and (min-width: 835px) {
  .commonLead01 {
    white-space: nowrap;
  }
}
@media all and (max-width: 1200px) {
  .commonLead01 {
    font-size: 6rem;
  }
}
@media all and (max-width: 834px) {
  .commonLead01 {
    font-size: 3.6rem;
  }
}
@media all and (max-width: 350px) {
  .commonLead01 {
    font-size: 3.2rem;
  }
}
.commonLead01 > span:first-child {
  color: #fff;
}
.commonLead01::before {
  content: "";
  display: inline-block;
  background-color: #ff0000;
  width: 110px;
  height: 110px;
  position: absolute;
  top: -9px;
  left: -21px;
  border-radius: 50%;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, transform 0.4s;
  transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
}
@media all and (max-width: 1200px) {
  .commonLead01::before {
    width: 100px;
    height: 100px;
    top: -11px;
    left: -22px;
  }
}
@media all and (max-width: 834px) {
  .commonLead01::before {
    width: 65px;
    height: 65px;
    top: -8px;
    left: -15px;
  }
}
@media all and (max-width: 834px) {
  .commonLead01::before {
    width: 60px;
    height: 60px;
    top: -10px;
    left: -14px;
  }
}
.commonLead01::after {
  content: "";
  width: 56px;
  background-color: #ff0000;
  position: absolute;
  top: -40px;
  left: 0;
  -webkit-transform: rotate(45deg) translateX(100%);
          transform: rotate(45deg) translateX(100%);
  -webkit-transform-origin: top left;
          transform-origin: top left;
  z-index: -1;
  opacity: 0;
  height: 0;
  -webkit-transition: opacity 0.4s, height 1.2s;
  transition: opacity 0.4s, height 1.2s;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
@media all and (max-width: 1200px) {
  .commonLead01::after {
    width: 50px;
  }
}
@media all and (max-width: 834px) {
  .commonLead01::after {
    width: 32px;
    top: -26px;
  }
}
@media all and (max-width: 350px) {
  .commonLead01::after {
    width: 30px;
    top: -30px;
  }
}
.commonLead01.js-active::before {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.commonLead01.js-active::after {
  opacity: 1;
  -webkit-transform: rotate(45deg) translateX(100%);
          transform: rotate(45deg) translateX(100%);
  height: 2000px;
}
@media all and (max-width: 834px) {
  .commonLead01.js-active::after {
    height: 300px;
  }
}

/*--------------------
	commonCupList
--------------------*/
.commonCupList01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media all and (max-width: 834px) {
  .commonCupList01 {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
.commonCupList01__item {
  margin: 0 10px;
}
@media all and (max-width: 834px) {
  .commonCupList01__item .commonIllustCup01 {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/*--------------------
	anchor
--------------------*/
.anchorList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
@media all and (max-width: 834px) {
  .anchorList {
    gap: 10px;
  }
}
.anchorList_item a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ff0000;
  padding: 12px 30px;
}
@media all and (max-width: 834px) {
  .anchorList_item a {
    padding: 6px 15px;
  }
}
.anchorList_item a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 3px solid #ff0000;
  border-radius: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  pointer-events: none;
}
@media all and (max-width: 834px) {
  .anchorList_item a::before {
    border-width: 1px;
  }
}
.anchorList_item a::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-bottom: -20px;
  width: 47px;
  height: 84px;
  background: url(../img/common/hiyoko-anchor.png) no-repeat center center/contain;
  -webkit-transition: opacity 0.1s 0.5s, -webkit-transform 0.5s 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transition: opacity 0.1s 0.5s, -webkit-transform 0.5s 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transition: opacity 0.1s 0.5s, transform 0.5s 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transition: opacity 0.1s 0.5s, transform 0.5s 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6), -webkit-transform 0.5s 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  opacity: 0;
  -webkit-transform: translate(-50%, 70%);
          transform: translate(-50%, 70%);
}
@media (hover: hover) {
  .anchorList_item a:hover {
    opacity: 1;
  }
  .anchorList_item a:hover::before {
    background-color: #ff0000;
  }
  .anchorList_item a:hover::after {
    -webkit-transition: opacity 0.3s 0.2s, -webkit-transform 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    transition: opacity 0.3s 0.2s, -webkit-transform 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    transition: opacity 0.3s 0.2s, transform 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    transition: opacity 0.3s 0.2s, transform 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6), -webkit-transform 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    opacity: 1;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .anchorList_item a:hover .ico {
    background-image: url(../img/common/ico_arrow_white_m.png);
  }
  .anchorList_item a:hover .text {
    color: #fff;
  }
}
.anchorList_item .ico {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  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;
  flex-shrink: 0;
  width: 17px;
  height: 7px;
  margin-left: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: url(../img/common/ico_arrow_red_m.png) no-repeat center center/contain;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  transition: 0.3s;
}
@media all and (max-width: 834px) {
  .anchorList_item .ico {
    width: 11.9px;
    height: 4.9px;
  }
}
.anchorList_item .text {
  display: block;
  position: relative;
  font-size: 2rem;
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media all and (max-width: 834px) {
  .anchorList_item .text {
    font-size: 1.5rem;
  }
}

/*--------------------
	job_count_pager
--------------------*/
body .job_count_pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body .job_count_pager .pagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body .job_count_pager .pagination ul li {
  text-align: center;
}
body .job_count_pager .pagination ul li a, body .job_count_pager .pagination ul li em {
  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;
  font-weight: bold;
  font-style: normal;
  overflow: hidden;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ff0000;
  color: #ff0000;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
body .job_count_pager .pagination ul li a:hover,
body .job_count_pager .pagination ul li em {
  color: #fff;
  background: #ff0000;
}
body .job_count_pager .pagination ul .number {
  display: none;
}
@media all and (min-width: 835px) {
  body .job_count_pager .pagination ul .number {
    display: inline-block;
  }
}
body .job_count_pager .pagination ul .number.current {
  display: inline-block;
}
body .job_count_pager.contents_top {
  margin-bottom: 30px;
}
@media all and (max-width: 834px) {
  body .job_count_pager.contents_top {
    margin-bottom: 20px;
  }
}
body .job_count_pager.contents_top .pagination ul li a, body .job_count_pager.contents_top .pagination ul li em {
  margin: 0 2px;
}
body .job_count_pager.contents_bottom {
  display: block;
  padding-top: 64px;
}
@media all and (max-width: 834px) {
  body .job_count_pager.contents_bottom {
    padding-top: 40px;
  }
}
body .job_count_pager.contents_bottom .pagination {
  padding-top: 30px;
}
@media all and (max-width: 834px) {
  body .job_count_pager.contents_bottom .pagination {
    padding-top: 20px;
  }
}
body .job_count_pager.contents_bottom .pagination ul li {
  font-size: 1.4rem;
}
body .job_count_pager.contents_bottom .pagination ul li a, body .job_count_pager.contents_bottom .pagination ul li em {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 4px;
}
@media all and (max-width: 834px) {
  body .job_count_pager.contents_bottom .pagination ul li a, body .job_count_pager.contents_bottom .pagination ul li em {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
}

/*--------------------
	movie
--------------------*/
.movie {
  aspect-ratio: 16/9;
}
.movie iframe {
  width: 100%;
  height: 100%;
  background-color: #eee;
}

/*--------------------
	流れるテキスト
--------------------*/
@-webkit-keyframes flowing {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes flowing {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.flowingTxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  z-index: 1;
}
.flowingTxt__list {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flowingTxt__list__item {
  display: inline-block;
  padding-right: 10px;
}

/* ============================================
// ページトップ
// ==========================================*/
.pagetop {
  display: block;
  position: absolute;
  right: 25px;
  bottom: 0;
  z-index: 100;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}
@media all and (max-width: 834px) {
  .pagetop {
    right: 16px;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
}
.pagetop a {
  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: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (hover: hover) {
  .pagetop a:hover .arrow {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
}
.pagetop a .arrow {
  margin-right: 6px;
  margin-bottom: 8px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.js-scroll .pagetop {
  opacity: 1;
}
.lower-kyujin_d .pagetop {
  bottom: 92px;
}
@media all and (max-width: 834px) {
  .lower-kyujin_d .pagetop {
    bottom: 68px;
  }
}

/* ============================================
// SPサイドボタン
// ==========================================*/
.side-btn {
  visibility: hidden;
  position: fixed;
  right: 16px;
  bottom: 12px;
  z-index: 99;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-transform: translateX(120%);
          transform: translateX(120%);
}
@media all and (max-width: 834px) {
  .side-btn {
    right: 6px;
    bottom: 6px;
  }
}
.side-btn.js-scroll {
  visibility: visible;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.side-btn_inner .btn-kyujin a .img {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (hover: hover) {
  .side-btn_inner .btn-kyujin a:hover .img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.side-btn_inner .btn-kyujin a img {
  width: 115.5px;
  height: 134.5px;
}
@media all and (max-width: 834px) {
  .side-btn_inner .btn-kyujin a img {
    width: 80.85px;
    height: 94.15px;
  }
}

/* ============================================
// ハンバーガーメニュー
// ==========================================*/
.hamburger {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999999999;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  background-image: url(../img/index/special_bg.png);
  background-repeat: repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}
.js-loaded .hamburger {
  -webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
.hamburger.js-open {
  opacity: 1;
  visibility: visible;
}
.hamburger.js-open .hamburger__menu__inner {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.hamburger__menu {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 72px;
  overflow-y: auto;
  position: relative;
  max-width: 1000px;
  margin: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media all and (max-width: 834px) {
  .hamburger__menu {
    padding: 20px 7% 64px;
  }
}
.hamburger__menu__inner {
  width: 100%;
  margin: auto;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  opacity: 0;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}
.hamburger__menu__box {
  position: relative;
  background-color: #fff;
  padding: 72px 6.8% 56px;
}
@media all and (max-width: 834px) {
  .hamburger__menu__box {
    padding: 44px 10% 24px;
  }
}
.hamburger__menu__box::before {
  content: "";
  background-image: linear-gradient(to right, #ff0000, #ff0000 10px, transparent 10px, transparent 20px), linear-gradient(to right, #ff0000, #ff0000 10px, transparent 10px, transparent 20px), linear-gradient(to bottom, #ff0000, #ff0000 10px, transparent 10px, transparent 20px), linear-gradient(to bottom, #ff0000, #ff0000 10px, transparent 10px, transparent 20px);
  background-size: 20px 5px, 20px 5px, 5px 20px, 5px 20px;
  background-position: left top, left bottom, left top, right top;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  pointer-events: none;
}
@media all and (max-width: 834px) {
  .hamburger__menu__box::before {
    background-image: linear-gradient(to right, #ff0000, #ff0000 8px, transparent 8px, transparent 16px), linear-gradient(to right, #ff0000, #ff0000 8px, transparent 8px, transparent 16px), linear-gradient(to bottom, #ff0000, #ff0000 8px, transparent 8px, transparent 16px), linear-gradient(to bottom, #ff0000, #ff0000 8px, transparent 8px, transparent 16px);
    background-size: 16px 4px, 16px 4px, 4px 16px, 4px 16px;
    top: 8px;
    bottom: 8px;
    left: 8px;
    right: 8px;
  }
}
.hamburger__menu__close {
  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;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
  -webkit-transition: background 0.3s, opacity 0.3s, border 0.3s;
  transition: background 0.3s, opacity 0.3s, border 0.3s;
  z-index: 2;
  background-color: #fff;
  border: 3px solid #fff;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
@media (hover: hover) {
  .hamburger__menu__close:hover {
    background-color: #ff0000;
  }
  .hamburger__menu__close:hover span {
    background-color: #fff;
  }
}
@media all and (max-width: 834px) {
  .hamburger__menu__close {
    top: 20px;
    right: 20px;
    width: 56px;
    height: 56px;
  }
}
.hamburger__menu__close > span {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #ff0000;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
@media all and (max-width: 834px) {
  .hamburger__menu__close > span {
    height: 1px;
  }
}
.hamburger__menu__close > span:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(0, 1px);
          transform: rotate(45deg) translate(0, 1px);
}
.hamburger__menu__close > span:nth-child(2) {
  -webkit-transform: rotate(-45deg) translate(0, -1px);
          transform: rotate(-45deg) translate(0, -1px);
}
.hamburger__commonLogo {
  z-index: 10;
  text-align: center;
  padding-bottom: 40px;
}
@media all and (max-width: 834px) {
  .hamburger__commonLogo {
    padding-bottom: 24px;
  }
}
.hamburger__commonLogo a {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
@media all and (max-width: 834px) {
  .hamburger__commonLogo img {
    height: 74px;
  }
}
.hamburger__nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media all and (max-width: 834px) {
  .hamburger__nav__list {
    display: block;
  }
}
.hamburger__nav__list__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  font-weight: bold;
  border-top: 1px solid #e5e5e5;
  line-height: 1.6;
}
@media all and (min-width: 835px) {
  .hamburger__nav__list__item:nth-child(odd) {
    border-right: 1px solid #e5e5e5;
  }
}
.hamburger__nav__list__item a {
  position: relative;
  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;
  padding: 32px 16px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  height: 100%;
}
@media (hover: hover) {
  .hamburger__nav__list__item a:hover:after {
    -webkit-animation: icon-l-r 300ms ease-in;
            animation: icon-l-r 300ms ease-in;
  }
}
@media all and (max-width: 834px) {
  .hamburger__nav__list__item a {
    padding: 20px;
    background-position: right 10px center;
    background-size: auto 12px;
  }
}
.hamburger__nav__list__item a:after {
  content: "";
  background-image: url(../img/common/ico_arrow_black_m.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 17px;
  height: 7px;
  position: absolute;
  right: 24px;
  top: calc(50% - 3px);
}
@media all and (max-width: 834px) {
  .hamburger__nav__list__item a:after {
    right: 16px;
  }
}
.hamburger__nav__list__item .ja {
  font-size: 2rem;
  line-height: 1;
}
@media all and (max-width: 834px) {
  .hamburger__nav__list__item .ja {
    font-size: 1.6rem;
  }
}
.hamburger__nav__list__item .eng {
  font-size: 1.2rem;
  margin-top: 12px;
  line-height: 1;
  -webkit-transition: color 0.3s, letter-spacing 0.3s;
  transition: color 0.3s, letter-spacing 0.3s;
}
@media all and (max-width: 834px) {
  .hamburger__nav__list__item .eng {
    font-size: 1.2rem;
    margin-top: 8px;
  }
}
.hamburger__illust__item01 {
  position: absolute;
  top: 4px;
  left: 20px;
  -webkit-transform: scale(0.6) translateY(-100%);
          transform: scale(0.6) translateY(-100%);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
@media all and (max-width: 834px) {
  .hamburger__illust__item01 {
    -webkit-transform: scale(0.4) translate(-50%, -100%);
            transform: scale(0.4) translate(-50%, -100%);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    right: auto;
    left: 50%;
  }
}
.hamburger__deco {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.hamburger__chara {
  margin-right: 20px;
}
.hamburger ::-webkit-scrollbar {
  width: 3px;
}
.hamburger ::-webkit-scrollbar-track {
  background-color: transparent;
}
.hamburger ::-webkit-scrollbar-thumb {
  background-color: transparent;
}

/* ============================================
// ヘッダー
// ==========================================*/
.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  padding: 24px;
  padding-left: 40px;
}
@media all and (max-width: 834px) {
  .header {
    padding: 16px 20px;
  }
}
.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header__hamburger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header__hamburger .txt {
  margin-right: 24px;
}
.header__hamburger .txt img {
  height: 38px;
}
@media all and (max-width: 834px) {
  .header__hamburger .txt {
    display: none;
  }
}
.header__hamburger .btn {
  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;
  width: 80px;
  height: 80px;
  background-color: #ff0000;
  border: 3px solid #ff0000;
  cursor: pointer;
  -webkit-transition: color 0.3s, background 0.3s, opacity 0.3s;
  transition: color 0.3s, background 0.3s, opacity 0.3s;
}
@media (hover: hover) {
  .header__hamburger .btn:hover {
    background-color: #fff;
  }
  .header__hamburger .btn:hover span {
    background-color: #ff0000;
  }
}
@media all and (max-width: 834px) {
  .header__hamburger .btn {
    width: 56px;
    height: 56px;
  }
}
.header__hamburger .btn span {
  width: 24px;
  height: 2px;
  margin: 4px 0;
  background: white;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
@media all and (max-width: 834px) {
  .header__hamburger .btn span {
    width: 20px;
    height: 1px;
    margin: 3px 0;
  }
}

@media all and (max-width: 834px) {
  .hamburger__menu__box {
    padding: 44px 10% 20px;
  }
}
.hamburger__nav__list__item:nth-child(1), .hamburger__nav__list__item:nth-child(2) {
  border-top: none;
}
@media all and (max-width: 834px) {
  .hamburger__nav__list__item:nth-child(1), .hamburger__nav__list__item:nth-child(2) {
    border-top: 1px solid #e5e5e5;
  }
}
@media all and (max-width: 834px) {
  .hamburger__nav__list__item:last-child {
    border-bottom: 1px solid #e5e5e5;
  }
}
.hamburger__nav .commonBtn01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 20px;
}
@media all and (max-width: 834px) {
  .hamburger__nav .commonBtn01 {
    padding: 14px 0;
    padding-top: 20px;
  }
}
.hamburger__nav .commonBtn01 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 276px;
}
@media all and (max-width: 834px) {
  .hamburger__nav .commonBtn01 a {
    max-width: 230px;
  }
}
.hamburger__nav .commonBtn01 a::after {
  background-image: url(../img/kyujin/ico_custom_blank_black.png);
  margin-left: initial;
  width: 12px;
  height: 8px;
  position: absolute;
  top: 7px;
  right: 7px;
}
@media all and (max-width: 834px) {
  .hamburger__nav .commonBtn01 a::after {
    width: 13px;
    height: 9px;
  }
}
@media (hover: hover) {
  .hamburger__nav .commonBtn01 a:hover::after {
    background-image: url(../img/kyujin/ico_custom_blank_white.png);
  }
}

/* ============================================
// リクルート
// ==========================================*/
.sec__ftRecruit {
  position: relative;
}
.sec__ftRecruit .ftRecruit__bg {
  background-color: #ff0000;
  width: 100%;
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__bg {
    position: absolute;
    top: 4px;
    left: 0;
  }
}
.sec__ftRecruit .ftRecruit__bg img {
  opacity: 0.2;
  max-height: 700px;
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__bg img {
    height: 200px;
  }
}
.sec__ftRecruit .ftRecruit__body {
  position: relative;
  z-index: 2;
}
.sec__ftRecruit .ftRecruit__body__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__body__inner {
    display: block;
  }
}
.sec__ftRecruit .ftRecruit__img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 39.0277%;
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__img {
    width: 36%;
  }
}
.sec__ftRecruit .ftRecruit__img img {
  -o-object-position: bottom center;
     object-position: bottom center;
  max-height: 516px;
  height: 516px;
}
@media all and (max-width: 1200px) {
  .sec__ftRecruit .ftRecruit__img img {
    height: 380px;
  }
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__img img {
    height: 220px;
  }
}
.sec__ftRecruit .ftRecruit__column01 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  margin-left: -24px;
  margin-right: -122px;
  position: absolute;
  left: 70px;
  width: 100%;
}
@media all and (max-width: 1200px) {
  .sec__ftRecruit .ftRecruit__column01 {
    margin-left: -24px;
    margin-right: -38px;
  }
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__column01 {
    position: relative;
    left: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
.sec__ftRecruit .ftRecruit__column01 .copy .main {
  font-family: "Montserrat", sans-serif;
  font-size: 20rem;
  color: #fff;
  font-weight: bold;
  line-height: 0.9;
  margin-top: -340px;
  white-space: nowrap;
}
@media all and (max-width: 1200px) {
  .sec__ftRecruit .ftRecruit__column01 .copy .main {
    font-size: 15rem;
    margin-top: -256px;
  }
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__column01 .copy .main {
    font-size: 5.6rem;
    margin-top: 0;
  }
}
.sec__ftRecruit .ftRecruit__column01 .copy .sub {
  display: none;
  margin-top: 40px;
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__column01 .copy .sub {
    margin-top: 36px;
    margin-left: 28%;
  }
}
.sec__ftRecruit .ftRecruit__column01 .copy .sub .ja {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.6;
}
@media all and (max-width: 1200px) {
  .sec__ftRecruit .ftRecruit__column01 .copy .sub .ja {
    font-size: 2.4rem;
  }
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__column01 .copy .sub .ja {
    font-size: 2.2rem;
  }
}
.sec__ftRecruit .ftRecruit__column01 .copy .sub .eng {
  font-weight: bold;
  display: inline-block;
  margin-top: 28px;
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__column01 .copy .sub .eng {
    margin-top: 20px;
  }
}
@media all and (min-width: 835px) {
  .sec__ftRecruit .ftRecruit__column01 .commonHead01 {
    position: absolute;
    z-index: 2;
    top: 4px;
    right: 70px;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__column01 .commonHead01 {
    margin-top: 12px;
    margin-top: 45px;
  }
}
.sec__ftRecruit .ftRecruit__column02 {
  padding-top: 150px;
  padding-bottom: 156px;
  margin-left: auto;
  width: 55.9723%;
}
@media all and (max-width: 1200px) {
  .sec__ftRecruit .ftRecruit__column02 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__column02 {
    padding-top: 0;
    padding-bottom: 0;
    width: 57.9723%;
  }
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__column02 .footercopy {
    margin-top: 30px;
    margin-left: auto;
    width: 100%;
  }
}
.sec__ftRecruit .ftRecruit__column02 .footercopy .ja {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.6;
}
@media all and (max-width: 1200px) {
  .sec__ftRecruit .ftRecruit__column02 .footercopy .ja {
    font-size: 2.7rem;
    line-height: 1.5;
  }
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__column02 .footercopy .ja {
    font-size: 1.8rem;
    letter-spacing: 0.04em;
    line-height: 1.6;
  }
}
.sec__ftRecruit .ftRecruit__column02 .footercopy .eng {
  font-weight: bold;
  display: inline-block;
  margin-top: 12px;
}
@media all and (max-width: 1200px) {
  .sec__ftRecruit .ftRecruit__column02 .footercopy .eng {
    margin-top: 20px;
  }
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__column02 .footercopy .eng {
    margin-top: 10px;
    font-size: 1.2rem;
  }
}
.sec__ftRecruit .ftRecruit__column02 .footercopy br {
  display: none;
}
@media all and (max-width: 1200px) {
  .sec__ftRecruit .ftRecruit__column02 .footercopy br {
    display: block;
  }
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__column02 .footercopy br {
    display: none;
  }
}
.sec__ftRecruit .ftRecruit__column02 .jobSearch {
  display: none;
}
.sec__ftRecruit .ftRecruit__column02 .jobSearch__block__item {
  margin-top: 36px;
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__column02 .jobSearch__block__item {
    margin-top: 32px;
  }
}
.sec__ftRecruit .ftRecruit__column02 .jobSearch__block__item:first-child {
  margin-top: 0;
}
.sec__ftRecruit .ftRecruit__column02 .jobSearch__block__item .term {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__column02 .jobSearch__block__item .term {
    font-size: 1.6rem;
  }
}
.sec__ftRecruit .ftRecruit__column02 .jobSearch__block__item .term::before {
  content: "";
  display: inline-block;
  background-image: url(../img/common/shape_steam_s.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 17px;
  height: 19px;
  margin-right: 14px;
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__column02 .jobSearch__block__item .term::before {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: left;
            transform-origin: left;
    margin-right: 8px;
  }
}
.sec__ftRecruit .ftRecruit__column02 .jobSearch__block__item .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 4px;
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__column02 .jobSearch__block__item .list {
    margin-top: 2px;
  }
}
.sec__ftRecruit .ftRecruit__column02 .jobSearch__block__item .list__item {
  margin-top: 12px;
  margin-right: 16px;
}
.sec__ftRecruit .ftRecruit__column02 .jobSearch__block__item .list__item:last-child {
  margin-right: 0;
}
.sec__ftRecruit .ftRecruit__column02 .jobSearch__block__item .list__item a {
  display: block;
  border-bottom: 1px solid;
  line-height: 1.2;
}
.sec__ftRecruit .ftRecruit__column02 .commonBtn01 {
  margin-top: 50px;
}
@media all and (max-width: 1200px) {
  .sec__ftRecruit .ftRecruit__column02 .commonBtn01 {
    margin-top: 40px;
  }
}
@media all and (max-width: 834px) {
  .sec__ftRecruit .ftRecruit__column02 .commonBtn01 {
    margin-top: 15px;
  }
  .sec__ftRecruit .ftRecruit__column02 .commonBtn01 a {
    padding-left: 15px;
    line-height: 1.6;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .sec__ftRecruit .ftRecruit__column02 .commonBtn01 a::after {
    margin-left: 10px;
  }
}

/* ============================================
// フッター
// ==========================================*/
.footer {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #fff;
}
@media all and (max-width: 834px) {
  .footer {
    padding-top: 60px;
  }
}
.footer__inner {
  max-width: none;
}
@media all and (min-width: 835px) {
  .footer__inner {
    padding-right: 100px;
  }
}
.footer__column02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 44px;
}
@media all and (max-width: 834px) {
  .footer__column02 {
    display: block;
    margin-top: 32px;
  }
}
.footer__corporate a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer__corporate .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
}
.footer__corporate .txt {
  font-size: 1.4rem;
}
.footer__cr {
  font-size: 1rem;
  text-align: right;
}
@media all and (max-width: 834px) {
  .footer__cr {
    text-align: left;
    margin-top: 24px;
  }
}
.footer__ga {
  font-size: 1rem;
  text-align: right;
  margin-top: 4px;
}
@media all and (max-width: 834px) {
  .footer__ga {
    text-align: left;
    margin-top: 8px;
  }
}
.lower-kyujin_d .footer {
  padding-bottom: 192px;
}
@media all and (max-width: 834px) {
  .lower-kyujin_d .footer {
    padding-top: 40px;
    padding-bottom: 158px;
  }
}

/* ============================================
// トップページ
// ==========================================*/
.front-page .mainVisual {
  position: relative;
  padding-bottom: 330px;
  background-image: url(../img/index/mv_bg.png);
  background-repeat: repeat;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1400px) {
  .front-page .mainVisual {
    padding-bottom: 270px;
  }
}
@media all and (max-width: 1200px) {
  .front-page .mainVisual {
    padding-bottom: 280px;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual {
    background-size: contain;
    padding-top: 120px;
    padding-bottom: 116px;
  }
}
.front-page .mainVisual::before {
  content: "";
  display: inline-block;
  background-color: #ff0000;
  width: 100%;
  height: 410px;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 1400px) {
  .front-page .mainVisual::before {
    height: 350px;
  }
}
@media all and (max-width: 1200px) {
  .front-page .mainVisual::before {
    height: 360px;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual::before {
    height: 145px;
  }
}
@media all and (max-width: 1200px) {
  .front-page .mainVisual__inner {
    padding-left: 40px;
    padding-right: 30px;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual__inner {
    padding-left: 7%;
    padding-right: 7%;
  }
}
.front-page .mainVisual__content {
  position: relative;
}
.front-page .mainVisual__copy {
  z-index: 100;
}
@media all and (min-width: 835px) {
  .front-page .mainVisual__copy {
    position: absolute;
    top: 195px;
    left: 0;
    max-width: 307px;
    width: 23.0827067669%;
  }
}
@media all and (max-width: 1200px) {
  .front-page .mainVisual__copy {
    width: 25%;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual__copy {
    width: 41%;
  }
}
.front-page .mainVisual__copy img {
  max-width: 307px;
  width: 100%;
}
.front-page .mainVisual__swiper {
  overflow: visible;
}
@media all and (min-width: 835px) {
  .front-page .mainVisual__swiper {
    padding-top: 340px;
    width: 835px;
    position: static;
    margin-right: 7.3%;
  }
}
@media all and (max-width: 1200px) {
  .front-page .mainVisual__swiper {
    margin-right: 7.2%;
    padding-top: 314px;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual__swiper {
    margin-right: auto;
    margin-top: -120px;
    padding-top: 0;
  }
}
.front-page .mainVisual__swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media all and (max-width: 1200px) {
  .front-page .mainVisual__swiper-slide {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 1400px) {
  .front-page .mainVisual__swiper-slide {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual__swiper-slide {
    display: block;
  }
}
.front-page .mainVisual__swiper-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
}
@media all and (max-width: 834px) {
  .front-page .mainVisual__swiper-button {
    top: 164px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.front-page .mainVisual__swiper-button-prev, .front-page .mainVisual__swiper-button-next {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin-top: 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media (hover: hover) {
  .front-page .mainVisual__swiper-button-prev:hover, .front-page .mainVisual__swiper-button-next:hover {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.front-page .mainVisual__swiper-button-prev::after, .front-page .mainVisual__swiper-button-next::after {
  content: none;
}
.front-page .mainVisual__swiper-button-prev {
  background-image: url(../img/index/mv_prev.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 45px;
  height: 60px;
  margin-top: 28px;
}
@media all and (max-width: 834px) {
  .front-page .mainVisual__swiper-button-prev {
    width: 31.5px;
    height: 42px;
    margin-top: 14px;
  }
}
.front-page .mainVisual__swiper-button-next {
  background-image: url(../img/index/mv_next.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 45px;
  height: 64px;
}
@media all and (max-width: 834px) {
  .front-page .mainVisual__swiper-button-next {
    width: 31.5px;
    height: 44.1px;
  }
}
.front-page .mainVisual__swiper-pagination {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: auto;
  margin: 0 -10px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  overflow: hidden;
}
@media all and (max-width: 834px) {
  .front-page .mainVisual__swiper-pagination {
    bottom: auto;
    top: 154px;
    left: 0;
    height: 62px;
    margin: 0 -4px;
  }
}
.front-page .mainVisual__swiper-pagination::before {
  content: "";
  display: inline-block;
  background-color: #ff0000;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media all and (max-width: 834px) {
  .front-page .mainVisual__swiper-pagination::before {
    display: none;
  }
}
.front-page .mainVisual__swiper-pagination .swiper-pagination-bullet {
  width: 55px;
  height: 64px;
  background-size: contain;
  border-radius: 0;
  margin: 0 10px;
  background-color: transparent;
  background-repeat: no-repeat;
  opacity: 1;
  position: relative;
}
@media (hover: hover) {
  .front-page .mainVisual__swiper-pagination .swiper-pagination-bullet:hover::after {
    opacity: 1;
  }
}
@media all and (max-width: 1200px) {
  .front-page .mainVisual__swiper-pagination .swiper-pagination-bullet {
    width: 44px;
    height: 51.2px;
    margin: 0 8px;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual__swiper-pagination .swiper-pagination-bullet {
    width: 27.5px;
    height: 32px;
    margin: 0 4px;
  }
}
.front-page .mainVisual__swiper-pagination .swiper-pagination-bullet:nth-child(1) {
  background-image: url(../img/index/mv_noodle_pagination01.png);
}
.front-page .mainVisual__swiper-pagination .swiper-pagination-bullet:nth-child(2) {
  background-image: url(../img/index/mv_noodle_pagination02.png);
}
.front-page .mainVisual__swiper-pagination .swiper-pagination-bullet:nth-child(3) {
  background-image: url(../img/index/mv_noodle_pagination03.png);
}
.front-page .mainVisual__swiper-pagination .swiper-pagination-bullet:nth-child(4) {
  background-image: url(../img/index/mv_noodle_pagination04.png);
}
.front-page .mainVisual__swiper-pagination .swiper-pagination-bullet:nth-child(5) {
  background-image: url(../img/index/mv_illust_pagination05.png);
  width: 47px;
  height: 67px;
}
@media (hover: hover) {
  .front-page .mainVisual__swiper-pagination .swiper-pagination-bullet:nth-child(5):hover {
    -webkit-animation: pyonpyon 1000ms linear infinite;
            animation: pyonpyon 1000ms linear infinite;
  }
  .front-page .mainVisual__swiper-pagination .swiper-pagination-bullet:nth-child(5):hover::after {
    opacity: 0;
  }
}
@media all and (max-width: 1200px) {
  .front-page .mainVisual__swiper-pagination .swiper-pagination-bullet:nth-child(5) {
    width: 37.6px;
    height: 53.6px;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual__swiper-pagination .swiper-pagination-bullet:nth-child(5) {
    width: 23.5px;
    height: 33.5px;
  }
}
.front-page .mainVisual__swiper-pagination .swiper-pagination-bullet::before {
  content: "";
  display: inline-block;
  background-image: url(../img/common/shape_steam_l.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 25px;
  height: 26px;
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
@media all and (max-width: 834px) {
  .front-page .mainVisual__swiper-pagination .swiper-pagination-bullet::before {
    -webkit-transform: scale(0.5) translate(-50%, -50%);
            transform: scale(0.5) translate(-50%, -50%);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    top: -4px;
  }
}
.front-page .mainVisual__swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  display: inline-block;
  background-image: url(../img/common/hotwater02.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-repeat: no-repeat repeat;
  width: 12px;
  height: 550%;
  aspect-ratio: 80/1054;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  border-radius: 1000px;
  z-index: -1;
  opacity: 0;
}
@media all and (max-width: 834px) {
  .front-page .mainVisual__swiper-pagination .swiper-pagination-bullet::after {
    display: none;
  }
}
.front-page .mainVisual__swiper-pagination .swiper-pagination-bullet:hover::after {
  -webkit-animation: waterTop 1s linear both;
          animation: waterTop 1s linear both;
}
.front-page .mainVisual__swiper-pagination .swiper-pagination-bullet-active:hover {
  -webkit-animation: none !important;
          animation: none !important;
  cursor: auto;
}
.front-page .mainVisual__swiper-pagination .swiper-pagination-bullet-active:hover:after {
  opacity: 0;
}
.front-page .mainVisual__swiper-pagination .swiper-pagination-bullet-active::before {
  opacity: 1;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
@media all and (max-width: 834px) {
  .front-page .mainVisual__swiper-pagination .swiper-pagination-bullet-active::before {
    -webkit-transform: scale(0.5) translate(-50%, -100%);
            transform: scale(0.5) translate(-50%, -100%);
  }
}
.front-page .mainVisual__swiper-pagination .swiper-pagination-bullet-active:after {
  opacity: 0;
}
.front-page .mainVisual .heroArea {
  position: relative;
}
@media screen and (min-width: 820px) and (max-width: 1400px) {
  .front-page .mainVisual .heroArea {
    margin-bottom: 175px;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual .heroArea {
    margin-bottom: 0;
  }
}
.front-page .mainVisual .heroArea .noodleCup {
  text-align: center;
  position: relative;
  z-index: 3;
}
@media all and (max-width: 834px) {
  .front-page .mainVisual .heroArea .noodleCup {
    text-align: right;
    margin-right: 24px;
  }
}
@media only screen and (max-width: 1400px) {
  .front-page .mainVisual .heroArea .noodleCup img {
    height: 366.1px;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual .heroArea .noodleCup img {
    height: 183.05px;
  }
}
.front-page .mainVisual .heroArea .shadow .img {
  position: absolute;
  top: 500px;
  left: -40px;
}
@media only screen and (max-width: 1400px) {
  .front-page .mainVisual .heroArea .shadow .img {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    top: 360px;
    left: -48px;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual .heroArea .shadow .img {
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
    -webkit-transform-origin: top right;
            transform-origin: top right;
    top: 186px;
    left: auto;
    right: 50px;
  }
}
.front-page .mainVisual .txtArea {
  max-width: 370px;
  margin-left: 33px;
  padding-bottom: 40px;
  position: relative;
  z-index: 2;
}
@media all and (max-width: 1200px) {
  .front-page .mainVisual .txtArea {
    margin-left: 24px;
    max-width: 316px;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual .txtArea {
    max-width: none;
    margin-right: 0;
    margin-left: 0;
    margin-top: 60px;
    padding-bottom: 62px;
  }
}
.front-page .mainVisual .txtArea .copy .copysub {
  margin-bottom: 8px;
}
.front-page .mainVisual .txtArea .copy .sub {
  color: #ff0000;
  font-size: 1.8rem;
  font-weight: bold;
  display: block;
  line-height: 1.5;
  margin-bottom: 10px;
  background-color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline;
  padding: 3px 6px;
}
@media all and (max-width: 1200px) {
  .front-page .mainVisual .txtArea .copy .sub {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual .txtArea .copy .sub {
    font-size: 1.6rem;
    margin-bottom: 6px;
  }
}
.front-page .mainVisual .txtArea .copy .main {
  background-color: #ff0000;
  color: #fff;
  font-size: 3.6rem;
  display: inline-block;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  padding: 4px 10px;
  line-height: 1.9;
}
@media all and (max-width: 1200px) {
  .front-page .mainVisual .txtArea .copy .main {
    font-size: 3rem;
    line-height: 1.7;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual .txtArea .copy .main {
    font-size: 2.2rem;
    padding: 6px 8px;
  }
}
.front-page .mainVisual .txtArea .desc {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.66;
  margin-top: 16px;
}
@media all and (max-width: 1200px) {
  .front-page .mainVisual .txtArea .desc {
    font-size: 1.7rem;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual .txtArea .desc {
    font-size: 1.5rem;
    margin-top: 12px;
  }
}
.front-page .mainVisual .txtArea .commonBtn01 {
  margin-top: 20px;
}
.front-page .mainVisual .txtArea .commonBtn01 a:before {
  background-color: rgba(240, 240, 240, 0.4);
}
@media (hover: hover) {
  .front-page .mainVisual .txtArea .commonBtn01 a:hover {
    color: #222222;
  }
  .front-page .mainVisual .txtArea .commonBtn01 a:hover:after {
    background-image: url(../img/common/ico_arrow_black_m.png);
  }
}
.front-page .mainVisual .mainVisual__swiper-slide01 .heroArea .contents .img {
  position: absolute;
  top: -246px;
  left: 32px;
}
@media only screen and (max-width: 1400px) {
  .front-page .mainVisual .mainVisual__swiper-slide01 .heroArea .contents .img {
    -webkit-transform: scale(0.65);
            transform: scale(0.65);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    top: -160px;
    left: 30px;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual .mainVisual__swiper-slide01 .heroArea .contents .img {
    z-index: 2;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
    -webkit-transform-origin: top right;
            transform-origin: top right;
    top: -72px;
    left: auto;
    right: -16px;
  }
}
.front-page .mainVisual .mainVisual__swiper-slide02 .heroArea .contents .img {
  position: absolute;
  top: -250px;
  left: 40px;
}
@media only screen and (max-width: 1400px) {
  .front-page .mainVisual .mainVisual__swiper-slide02 .heroArea .contents .img {
    -webkit-transform: scale(0.65);
            transform: scale(0.65);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    top: -156px;
    left: 34px;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual .mainVisual__swiper-slide02 .heroArea .contents .img {
    z-index: 2;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
    -webkit-transform-origin: top right;
            transform-origin: top right;
    top: -72px;
    left: auto;
    right: -9px;
  }
}
.front-page .mainVisual .mainVisual__swiper-slide03 .heroArea .contents .img {
  position: absolute;
  top: -260px;
  left: 16px;
}
@media only screen and (max-width: 1400px) {
  .front-page .mainVisual .mainVisual__swiper-slide03 .heroArea .contents .img {
    -webkit-transform: scale(0.65);
            transform: scale(0.65);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    top: -164px;
    left: 15px;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual .mainVisual__swiper-slide03 .heroArea .contents .img {
    z-index: 2;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
    -webkit-transform-origin: top right;
            transform-origin: top right;
    top: -74px;
    left: auto;
    right: -12px;
  }
}
.front-page .mainVisual .mainVisual__swiper-slide04 .heroArea .contents .img {
  position: absolute;
  top: -248px;
  left: 16px;
}
@media only screen and (max-width: 1400px) {
  .front-page .mainVisual .mainVisual__swiper-slide04 .heroArea .contents .img {
    -webkit-transform: scale(0.65);
            transform: scale(0.65);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    top: -158px;
    left: 24px;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual .mainVisual__swiper-slide04 .heroArea .contents .img {
    z-index: 2;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
    -webkit-transform-origin: top right;
            transform-origin: top right;
    top: -72px;
    left: auto;
    right: -9px;
  }
}
.front-page .mainVisual .mainVisual__swiper-slide05 {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.front-page .mainVisual .mainVisual__swiper-slide05 .heroArea .noodleCup {
  top: -48px !important;
  left: 0px !important;
}
@media all and (max-width: 834px) {
  .front-page .mainVisual .mainVisual__swiper-slide05 .heroArea .noodleCup {
    top: -10px !important;
    left: -10px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .front-page .mainVisual .mainVisual__swiper-slide05 .heroArea .noodleCup img {
    height: 387.8px;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual .mainVisual__swiper-slide05 .heroArea .noodleCup img {
    height: 182px;
  }
}
.front-page .mainVisual .mainVisual__swiper-slide05 .heroArea .contents .img {
  position: absolute;
  top: -214px;
  left: -54px;
}
@media only screen and (max-width: 1400px) {
  .front-page .mainVisual .mainVisual__swiper-slide05 .heroArea .contents .img {
    -webkit-transform: scale(0.65);
            transform: scale(0.65);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    top: -160px;
    left: -24px;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual .mainVisual__swiper-slide05 .heroArea .contents .img {
    z-index: 2;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
    -webkit-transform-origin: top right;
            transform-origin: top right;
    top: -64px;
    left: auto;
    right: -15px;
  }
}
@media all and (max-width: 834px) {
  .front-page .mainVisual .mainVisual__swiper-slide05 .heroArea .shadow .img {
    right: 36px;
  }
}
.front-page #main {
  position: relative;
  z-index: 2;
}
@media all and (max-width: 834px) {
  .front-page #main {
    padding-bottom: 110px;
  }
}
.front-page .sec__newJobs {
  margin-top: -88px;
  position: relative;
  z-index: 2;
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs {
    margin-top: -60px;
  }
}
.front-page .sec__newJobs .newJobs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.front-page .sec__newJobs .newJobs__galleryArea {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 39.0277777778%;
  background-color: #fff;
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs__galleryArea {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs__galleryArea .block01 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    padding-right: 5px;
  }
}
.front-page .sec__newJobs .newJobs__galleryArea .block02 {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs__galleryArea .block02 {
    margin-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
.front-page .sec__newJobs .newJobs__galleryArea .column01 {
  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-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding-right: 5px;
}
.front-page .sec__newJobs .newJobs__galleryArea .column02 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.front-page .sec__newJobs .newJobs__galleryArea .img01 {
  position: relative;
  z-index: 1;
  max-height: 486px;
}
.front-page .sec__newJobs .newJobs__galleryArea .img01:before {
  content: "";
  display: block;
  padding-top: 86.476%;
}
.front-page .sec__newJobs .newJobs__galleryArea .img01 img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.front-page .sec__newJobs .newJobs__galleryArea .img02 {
  position: relative;
  z-index: 1;
  max-height: 235px;
}
.front-page .sec__newJobs .newJobs__galleryArea .img02:before {
  content: "";
  display: block;
  padding-top: 92.156862%;
}
.front-page .sec__newJobs .newJobs__galleryArea .img02 img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.front-page .sec__newJobs .newJobs__galleryArea .img03 {
  margin-top: 5px;
  max-height: 184px;
  position: relative;
  z-index: 1;
}
.front-page .sec__newJobs .newJobs__galleryArea .img03:before {
  content: "";
  display: block;
  padding-top: 72.156862%;
}
.front-page .sec__newJobs .newJobs__galleryArea .img03 img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs__galleryArea .img03 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
.front-page .sec__newJobs .newJobs__galleryArea .img04 {
  height: 100%;
  position: relative;
  z-index: 1;
  max-height: 424px;
}
.front-page .sec__newJobs .newJobs__galleryArea .img04:before {
  content: "";
  display: block;
  padding-top: 140.39735%;
}
.front-page .sec__newJobs .newJobs__galleryArea .img04 img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.front-page .sec__newJobs .newJobs__contentArea {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.front-page .sec__newJobs .newJobs__head {
  margin-left: 8%;
  margin-bottom: -3px;
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs__head {
    margin-bottom: 0;
  }
}
.front-page .sec__newJobs .newJobs__body {
  background-color: #fff;
  padding-top: 88px;
  padding-bottom: 104px;
  margin-left: 8%;
  margin-right: 8%;
  position: relative;
}
@media only screen and (min-width: 1201px) and (max-width: 1300px) {
  .front-page .sec__newJobs .newJobs__body {
    padding-top: 56px;
    padding-bottom: 80px;
  }
}
@media all and (max-width: 1200px) {
  .front-page .sec__newJobs .newJobs__body {
    padding-top: 44px;
    padding-bottom: 56px;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs__body {
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 32px;
    padding-bottom: 44px;
  }
}
.front-page .sec__newJobs .newJobs__body::before {
  content: "";
  display: inline-block;
  background-color: #ffffff;
  width: 300%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.front-page .sec__newJobs .newJobs__swiper {
  width: 100%;
  height: 450px;
  margin-bottom: 40px;
}
@media all and (max-width: 1200px) {
  .front-page .sec__newJobs .newJobs__swiper {
    height: 408px;
  }
}
@media all and (max-width: 1200px) {
  .front-page .sec__newJobs .newJobs__swiper {
    margin-bottom: 16px;
  }
}
.front-page .sec__newJobs .newJobs__swiper-slide a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 30px;
  padding-right: 16px;
  height: 100%;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
@media (hover: hover) {
  .front-page .sec__newJobs .newJobs__swiper-slide a:hover {
    background-color: #ff0000;
    color: #fff;
  }
  .front-page .sec__newJobs .newJobs__swiper-slide a:hover .linkBtn {
    border-left: 1px solid #fff;
  }
  .front-page .sec__newJobs .newJobs__swiper-slide a:hover .linkBtn .icon {
    background-image: url(../img/common/ico_arrow_white_m.png);
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs__swiper-slide a {
    padding: 16px 0;
  }
}
.front-page .sec__newJobs .newJobs .swiper-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: absolute;
}
.front-page .sec__newJobs .newJobs .swiper-button-prev, .front-page .sec__newJobs .newJobs .swiper-button-next {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin-top: 0;
  background-size: contain;
  background-repeat: none;
  width: 73px;
  height: 73px;
  border: 1px solid #222222;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.front-page .sec__newJobs .newJobs .swiper-button-prev::after, .front-page .sec__newJobs .newJobs .swiper-button-next::after {
  content: "";
  display: inline-block;
  background-image: url(../img/common/ico_arrow_black_m.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 17px;
  height: 7px;
  z-index: 3;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
@media (hover: hover) {
  .front-page .sec__newJobs .newJobs .swiper-button-prev:hover, .front-page .sec__newJobs .newJobs .swiper-button-next:hover {
    background-color: #ff0000;
  }
  .front-page .sec__newJobs .newJobs .swiper-button-prev:hover::after, .front-page .sec__newJobs .newJobs .swiper-button-next:hover::after {
    background-image: url(../img/common/ico_arrow_white_m.png);
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs .swiper-button-prev, .front-page .sec__newJobs .newJobs .swiper-button-next {
    width: 49px;
    height: 49px;
  }
}
@media all and (max-width: 350px) {
  .front-page .sec__newJobs .newJobs .swiper-button-prev, .front-page .sec__newJobs .newJobs .swiper-button-next {
    width: 40px;
    height: 40px;
  }
}
.front-page .sec__newJobs .newJobs .swiper-button-prev {
  margin-right: 20px;
}
.front-page .sec__newJobs .newJobs .swiper-button-prev::after {
  -webkit-transform: rotate(90deg) scale(-1, 1);
          transform: rotate(90deg) scale(-1, 1);
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs .swiper-button-prev::after {
    -webkit-transform: rotate(90deg) scale(-0.8, 0.8);
            transform: rotate(90deg) scale(-0.8, 0.8);
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs .swiper-button-prev {
    margin-right: 8px;
  }
}
.front-page .sec__newJobs .newJobs .swiper-button-next:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs .swiper-button-next:after {
    -webkit-transform: rotate(90deg) scale(0.8);
            transform: rotate(90deg) scale(0.8);
  }
}
.front-page .sec__newJobs .newJobs .swiper-button-disabled {
  background-color: #fff;
}
@media (hover: hover) {
  .front-page .sec__newJobs .newJobs .swiper-button-disabled:hover {
    background-color: #fff;
  }
  .front-page .sec__newJobs .newJobs .swiper-button-disabled:hover:after {
    background-image: url(../img/common/ico_arrow_black_m.png);
  }
}
.front-page .sec__newJobs .newJobs .imgArea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22.1%;
          flex: 0 0 22.1%;
  max-width: 167px;
  margin-right: 3.6%;
}
.front-page .sec__newJobs .newJobs .imgArea .img {
  position: relative;
  z-index: 1;
}
.front-page .sec__newJobs .newJobs .imgArea .img:before {
  content: "";
  display: block;
  padding-top: 57.48503%;
}
.front-page .sec__newJobs .newJobs .imgArea .img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.front-page .sec__newJobs .newJobs .txtArea {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.front-page .sec__newJobs .newJobs .txtArea .lead {
  font-size: 1.8rem;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.66;
  height: 60px;
}
@media all and (max-width: 1200px) {
  .front-page .sec__newJobs .newJobs .txtArea .lead {
    font-size: 1.6rem;
    height: 54px;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs .txtArea .lead {
    height: 50px;
    font-size: 1.5rem;
  }
}
.front-page .sec__newJobs .newJobs .txtArea .info {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs .txtArea .info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 6px;
  }
}
.front-page .sec__newJobs .newJobs .txtArea .info .badge {
  background-color: #e9a33b;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #fff;
  line-height: 1;
  padding: 6px 8px;
  font-size: 1.3rem;
}
@media all and (max-width: 1200px) {
  .front-page .sec__newJobs .newJobs .txtArea .info .badge {
    font-size: 1.2rem;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs .txtArea .info .badge {
    margin: 2px 0;
  }
}
.front-page .sec__newJobs .newJobs .txtArea .info .workStyle {
  font-size: 1.3rem;
  margin-left: 12px;
  margin-right: auto;
}
@media all and (max-width: 1200px) {
  .front-page .sec__newJobs .newJobs .txtArea .info .workStyle {
    font-size: 1.2rem;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs .txtArea .info .workStyle {
    margin: 2px 0;
    margin-left: 10px;
    margin-right: auto;
  }
}
.front-page .sec__newJobs .newJobs .txtArea .info .date {
  font-size: 1.2rem;
  color: rgba(34, 34, 34, 0.3);
}
@media all and (max-width: 1200px) {
  .front-page .sec__newJobs .newJobs .txtArea .info .date {
    font-size: 1.1rem;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs .txtArea .info .date {
    font-size: 1rem;
    margin: 2px 0;
  }
}
.front-page .sec__newJobs .newJobs .linkBtn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 1px solid #222222;
  margin-left: 5%;
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
  padding: 0 20px;
}
@media all and (max-width: 1200px) {
  .front-page .sec__newJobs .newJobs .linkBtn {
    padding: 0 16px;
    margin-left: 4%;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs .linkBtn {
    padding-right: 8px;
  }
}
.front-page .sec__newJobs .newJobs .linkBtn .icon {
  width: 17px;
  height: 7px;
  background-image: url(../img/common/ico_arrow_black_m.png);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs .linkBtn .icon {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
.front-page .sec__newJobs .newJobs .commonIllustCup01 {
  position: absolute;
  top: -11px;
  right: 4.2%;
}
@media all and (max-width: 1200px) {
  .front-page .sec__newJobs .newJobs .commonIllustCup01 {
    top: -15px;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__newJobs .newJobs .commonIllustCup01 {
    top: -12px;
  }
}
.front-page .sec__newJobs .newJobs .commonBtn01 {
  text-align: right;
}
@media all and (min-width: 835px) {
  .front-page .sec__newJobs .newJobs .commonBtn01 {
    margin-right: 72px;
  }
}
.front-page .sec__special {
  position: relative;
  background-image: url(../img/index/special_bg.png);
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  padding-top: 255px;
  padding-bottom: 315px;
  margin-top: -90px;
}
@media all and (max-width: 1200px) {
  .front-page .sec__special {
    padding-bottom: 268px;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__special {
    margin-top: 0;
    background-size: contain;
    padding-top: 80px;
    padding-bottom: 124px;
  }
}
.front-page .sec__special .special__box {
  opacity: 0;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}
.front-page .sec__special .special__box a {
  background-color: #fff;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  padding: 90px 0 112px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (hover: hover) {
  .front-page .sec__special .special__box a:hover::before {
    -webkit-animation: borderAnime 500ms linear infinite;
            animation: borderAnime 500ms linear infinite;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special__box a {
    display: block;
    padding: 40px 10% 76px;
  }
}
.front-page .sec__special .special__box a::before {
  content: "";
  background-image: linear-gradient(to right, #ff0000, #ff0000 10px, transparent 10px, transparent 20px), linear-gradient(to right, #ff0000, #ff0000 10px, transparent 10px, transparent 20px), linear-gradient(to bottom, #ff0000, #ff0000 10px, transparent 10px, transparent 20px), linear-gradient(to bottom, #ff0000, #ff0000 10px, transparent 10px, transparent 20px);
  background-size: 20px 5px, 20px 5px, 5px 20px, 5px 20px;
  background-position: left top, left bottom, left top, right top;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  pointer-events: none;
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special__box a::before {
    background-image: linear-gradient(to right, #ff0000, #ff0000 8px, transparent 8px, transparent 16px), linear-gradient(to right, #ff0000, #ff0000 8px, transparent 8px, transparent 16px), linear-gradient(to bottom, #ff0000, #ff0000 8px, transparent 8px, transparent 16px), linear-gradient(to bottom, #ff0000, #ff0000 8px, transparent 8px, transparent 16px);
    background-size: 16px 4px, 16px 4px, 4px 16px, 4px 16px;
    top: 8px;
    bottom: 8px;
    left: 8px;
    right: 8px;
  }
}
.front-page .sec__special .special__box.js-active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.front-page .sec__special .special .commonHead01 {
  position: absolute;
  top: 10px;
  left: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special .commonHead01 {
    top: 9px;
  }
}
.front-page .sec__special .special .commonHead01 .eng {
  margin-bottom: 0;
}
.front-page .sec__special .special .badge {
  position: absolute;
  top: -72px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special .badge {
    -webkit-transform: scale(0.56);
            transform: scale(0.56);
    -webkit-transform-origin: top right;
            transform-origin: top right;
    top: -24px;
    right: -56px;
  }
}
.front-page .sec__special .special .linkBtn {
  position: absolute;
  bottom: 44px;
  right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special .linkBtn {
    right: 10%;
    bottom: 28px;
  }
}
.front-page .sec__special .special .linkBtn .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special .linkBtn .txt {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}
.front-page .sec__special .special .linkBtn .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 16px;
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special .linkBtn .icon {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
}
.front-page .sec__special .special .character {
  position: absolute;
  bottom: -24px;
  left: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special .character {
    left: 56px;
    bottom: 22px;
    -webkit-transform: scale(0.5) translate(-52%, 58%);
            transform: scale(0.5) translate(-52%, 58%);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }
}
.front-page .sec__special .special .character__item {
  margin-right: 16px;
}
.front-page .sec__special .special .character__item:last-child {
  margin-right: 0;
}
.front-page .sec__special .special .character__item img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.front-page .sec__special .special .character__item02 {
  display: none;
}
.front-page .sec__special .special .character__item03 {
  display: none;
}
.front-page .sec__special .special .column01 {
  display: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-right: 6.67%;
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special .column01 {
    display: block;
    text-align: center;
    margin-right: 0;
  }
}
.front-page .sec__special .special .column01 .contentsName__eng {
  display: inline-block;
  font-size: 2rem;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  color: #ff0000;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  line-height: 1;
}
.front-page .sec__special .special .column01 .contentsName__eng::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-left: 26px;
  width: 70px;
  height: 1px;
  display: inline-block;
  background-color: #ff0000;
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special .column01 .contentsName {
    display: inline-block;
    background-color: #ff0000;
    padding: 6px 12px;
  }
}
.front-page .sec__special .special .column01 .annotation {
  font-size: 1.3rem;
  font-weight: bold;
  letter-spacing: 0;
}
@media all and (min-width: 835px) {
  .front-page .sec__special .special .column01 .annotation {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
    white-space: nowrap;
    margin-right: 18px;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special .column01 .annotation {
    display: block;
    margin-right: 0;
    margin-top: 8px;
  }
}
.front-page .sec__special .special .column02 {
  position: relative;
  margin-top: 0;
  max-width: 436px;
  width: 100%;
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special .column02 {
    margin-top: 32px;
  }
}
.front-page .sec__special .special .column02 .lead {
  padding-bottom: 22px;
}
@media all and (max-width: 1200px) {
  .front-page .sec__special .special .column02 .lead {
    padding-bottom: 16px;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special .column02 .lead {
    margin-left: -4px;
    padding-bottom: 0;
  }
}
.front-page .sec__special .special .column02 .lead img {
  height: 84px;
}
@media all and (max-width: 1200px) {
  .front-page .sec__special .special .column02 .lead img {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special .column02 .lead img {
    width: 227.33px;
    height: 39.48px;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.front-page .sec__special .special .column02 .detail {
  margin-left: 24px;
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special .column02 .detail {
    margin-left: 0;
  }
}
.front-page .sec__special .special .column02 .detail .desc {
  text-align: left;
  font-size: 2.75rem;
  color: #222222;
  line-height: 1.4;
  font-weight: bold;
  letter-spacing: 0.01em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media all and (max-width: 1200px) {
  .front-page .sec__special .special .column02 .detail .desc {
    font-size: 2.5rem;
    line-height: 1.46;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special .column02 .detail .desc {
    text-align: left;
    font-size: 1.84rem;
    margin-top: 18px;
    line-height: 1.6;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special .column02 .detail .desc br {
    display: none;
  }
}
.front-page .sec__special .special .column02 .detail .subcopy {
  margin-top: 15px;
  font-size: 1.4rem;
  line-height: 2;
}
@media all and (max-width: 1200px) {
  .front-page .sec__special .special .column02 .detail .subcopy {
    margin-top: 16px;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special .column02 .detail .subcopy {
    margin-top: 8px;
    line-height: 1.9;
  }
}
.front-page .sec__special .special .column02 .engname {
  position: absolute;
  top: 52px;
  left: -27.9%;
  display: inline-block;
  font-size: 2rem;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  color: #ff0000;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  line-height: 1;
  letter-spacing: 0.01em;
}
.front-page .sec__special .special .column02 .engname::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-left: 26px;
  width: 70px;
  height: 1px;
  display: inline-block;
  background-color: #ff0000;
}
@media all and (max-width: 1200px) {
  .front-page .sec__special .special .column02 .engname {
    left: -23%;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__special .special .column02 .engname {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    top: -26px;
    left: 0;
    font-size: 1.2rem;
  }
  .front-page .sec__special .special .column02 .engname::after {
    margin-left: 12px;
    width: 100px;
  }
}
.front-page .separateImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  z-index: 2;
}
.front-page .separateImg__item01 {
  position: relative;
  z-index: 1;
  width: 58.82%;
  margin-right: -4%;
  position: relative;
  z-index: 2;
  max-height: 508px;
}
.front-page .separateImg__item01:before {
  content: "";
  display: block;
  padding-top: 59.976387%;
}
.front-page .separateImg__item01 img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.front-page .separateImg__item02 {
  width: 45.2%;
  margin-top: -120px;
  max-height: 508px;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 1200px) {
  .front-page .separateImg__item02 {
    margin-top: -100px;
  }
}
@media all and (max-width: 834px) {
  .front-page .separateImg__item02 {
    margin-top: -40px;
  }
}
.front-page .separateImg__item02:before {
  content: "";
  display: block;
  padding-top: 78.033794%;
}
.front-page .separateImg__item02 img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.front-page .separateImg .commonIllustCup01 {
  position: absolute;
  top: 0;
  left: 8.6%;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
@media all and (max-width: 834px) {
  .front-page .separateImg .commonIllustCup01 {
    -webkit-transform: scale(0.5) translateY(-100%);
            transform: scale(0.5) translateY(-100%);
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }
}
.front-page .commonSection01 .eng {
  font-size: 30rem;
  font-weight: bold;
  color: rgba(34, 34, 34, 0.05);
  line-height: 1;
}
@media all and (max-width: 1200px) {
  .front-page .commonSection01 .eng {
    font-size: 24rem;
  }
}
@media all and (max-width: 834px) {
  .front-page .commonSection01 .eng {
    font-size: 9rem;
  }
}
.front-page .commonSection01 .txtArea {
  z-index: 2;
}
.front-page .commonSection01 .txtArea .commonLead01 {
  margin-top: 40px;
}
@media all and (max-width: 834px) {
  .front-page .commonSection01 .txtArea .commonLead01 {
    margin-top: 24px;
  }
}
.front-page .commonSection01 .txtArea .desc {
  margin-top: 40px;
}
@media all and (max-width: 834px) {
  .front-page .commonSection01 .txtArea .desc {
    margin-top: 16px;
  }
}
.front-page .commonSection01 .imgArea {
  position: relative;
}
.front-page .commonSection01.sec__flow {
  padding-top: 166px;
}
@media all and (max-width: 834px) {
  .front-page .commonSection01.sec__flow {
    padding-top: 124px;
  }
}
.front-page .commonSection01.sec__flow .flow__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
@media all and (max-width: 834px) {
  .front-page .commonSection01.sec__flow .flow__block {
    display: block;
  }
}
.front-page .commonSection01.sec__flow .eng {
  position: absolute;
  top: -140px;
  right: -10%;
  z-index: -1;
}
@media all and (max-width: 1200px) {
  .front-page .commonSection01.sec__flow .eng {
    top: -96px;
  }
}
.front-page .commonSection01.sec__flow .txtArea {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media all and (max-width: 1200px) {
  .front-page .commonSection01.sec__flow .txtArea .desc {
    max-width: 450px;
  }
}
@media all and (max-width: 1200px) {
  .front-page .commonSection01.sec__flow .txtArea .desc br {
    display: none;
  }
}
.front-page .commonSection01.sec__flow .txtArea .chara {
  position: absolute;
  bottom: 72px;
  left: -9.2%;
}
@media all and (max-width: 1200px) {
  .front-page .commonSection01.sec__flow .txtArea .chara {
    left: -5%;
    bottom: -120px;
  }
}
@media all and (max-width: 834px) {
  .front-page .commonSection01.sec__flow .txtArea .chara {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
    bottom: 0;
    left: 0;
  }
}
.front-page .commonSection01.sec__flow .imgArea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 52.2%;
          flex: 0 0 52.2%;
  max-width: 534px;
  margin-left: -4%;
  margin-top: 80px;
}
@media all and (max-width: 834px) {
  .front-page .commonSection01.sec__flow .imgArea {
    margin-left: 0;
    margin-top: 24px;
  }
}
.front-page .commonSection01.sec__flow .imgArea .img {
  position: relative;
  z-index: 1;
}
.front-page .commonSection01.sec__flow .imgArea .img:before {
  content: "";
  display: block;
  padding-top: 64.044943%;
}
.front-page .commonSection01.sec__flow .imgArea .img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.front-page .commonSection01.sec__flow .commonBtn01 {
  margin-top: 48px;
  text-align: right;
}
@media all and (max-width: 834px) {
  .front-page .commonSection01.sec__flow .commonBtn01 {
    margin-top: 36px;
  }
}
.front-page .commonSection01.sec__merit {
  padding-top: 200px;
}
@media all and (max-width: 834px) {
  .front-page .commonSection01.sec__merit {
    padding-top: 64px;
  }
}
.front-page .commonSection01.sec__merit .merit__block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media all and (max-width: 834px) {
  .front-page .commonSection01.sec__merit .merit__block {
    display: block;
  }
}
.front-page .commonSection01.sec__merit .eng {
  position: absolute;
  top: -150px;
  left: 10%;
  z-index: -1;
}
@media all and (max-width: 1200px) {
  .front-page .commonSection01.sec__merit .eng {
    top: -100px;
  }
}
@media all and (max-width: 834px) {
  .front-page .commonSection01.sec__merit .eng {
    left: 0;
    top: -76px;
  }
}
.front-page .commonSection01.sec__merit .txtArea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  margin: 0 10%;
  max-width: 470px;
  position: relative;
}
@media all and (max-width: 1200px) {
  .front-page .commonSection01.sec__merit .txtArea {
    padding-right: 70px;
  }
}
@media all and (max-width: 834px) {
  .front-page .commonSection01.sec__merit .txtArea {
    padding-right: 0;
    margin: 0 7%;
    margin-top: 56px;
  }
}
.front-page .commonSection01.sec__merit .txtArea .commonBtn01 {
  margin-top: 40px;
}
@media all and (max-width: 834px) {
  .front-page .commonSection01.sec__merit .txtArea .commonBtn01 {
    margin-top: 28px;
  }
}
.front-page .commonSection01.sec__merit .txtArea .chara {
  position: absolute;
  top: 260px;
  right: 0;
}
@media all and (max-width: 1200px) {
  .front-page .commonSection01.sec__merit .txtArea .chara {
    top: 220px;
    right: 40px;
  }
}
@media all and (max-width: 834px) {
  .front-page .commonSection01.sec__merit .txtArea .chara {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transform-origin: top right;
            transform-origin: top right;
    right: 0;
    top: 30%;
  }
}
.front-page .commonSection01.sec__merit .imgArea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  margin-top: 90px;
  z-index: 3;
}
.front-page .commonSection01.sec__merit .imgArea .img {
  position: relative;
  z-index: 1;
  max-height: 517px;
  -o-object-position: top;
     object-position: top;
}
.front-page .commonSection01.sec__merit .imgArea .img:before {
  content: "";
  display: block;
  padding-top: 64.044943%;
}
.front-page .commonSection01.sec__merit .imgArea .img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media all and (max-width: 834px) {
  .front-page .commonSection01.sec__merit .imgArea .img {
    max-height: 300px;
  }
}
@media only screen and (max-width: 450px) {
  .front-page .commonSection01.sec__merit .imgArea .img {
    max-height: 240px;
  }
}
.front-page .sec__faq {
  margin-top: 200px;
  margin-bottom: -200px;
  position: relative;
}
@media all and (max-width: 1200px) {
  .front-page .sec__faq {
    margin-top: 180px;
    margin-bottom: -180px;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__faq {
    margin-top: 88px;
    margin-bottom: 0;
  }
}
.front-page .sec__faq .faq__box {
  width: 52.1%;
  margin-right: 0;
  margin-left: auto;
}
@media all and (max-width: 834px) {
  .front-page .sec__faq .faq__box {
    width: 100%;
    padding-left: 7%;
    padding-right: 7%;
  }
}
@media (hover: hover) {
  .front-page .sec__faq .faq__box a:hover img {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  .front-page .sec__faq .faq__box a:hover .icon {
    -webkit-animation: icon-l-r 300ms ease-in;
            animation: icon-l-r 300ms ease-in;
  }
}
.front-page .sec__faq .faq .imgArea .img {
  position: relative;
  z-index: 1;
  overflow: hidden;
  max-height: 412px;
}
.front-page .sec__faq .faq .imgArea .img:before {
  content: "";
  display: block;
  padding-top: 54.933333%;
}
.front-page .sec__faq .faq .imgArea .img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.front-page .sec__faq .faq .txtArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: 36px;
}
@media all and (max-width: 834px) {
  .front-page .sec__faq .faq .txtArea {
    margin-top: 24px;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__faq .faq .txtArea .commonHead01 {
    color: #222222;
  }
}
.front-page .sec__faq .faq .txtArea .linkBtn {
  width: 75px;
  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;
  border-left: 1px solid #fff;
}
@media all and (max-width: 834px) {
  .front-page .sec__faq .faq .txtArea .linkBtn {
    border-left: 1px solid #222222;
    width: 64px;
  }
}
.front-page .sec__faq .faq .txtArea .linkBtn .icon {
  background-image: url(../img/common/ico_arrow_white_m.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 17px;
  height: 7px;
}
@media all and (max-width: 834px) {
  .front-page .sec__faq .faq .txtArea .linkBtn .icon {
    background-image: url(../img/common/ico_arrow_black_m.png);
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
.front-page .sec__faq .commonIllustCup01 {
  position: absolute;
  bottom: 200px;
  left: 8.6%;
}
@media all and (max-width: 1200px) {
  .front-page .sec__faq .commonIllustCup01 {
    bottom: 180px;
  }
}
@media all and (max-width: 834px) {
  .front-page .sec__faq .commonIllustCup01 {
    bottom: -113px;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }
}

/*--------------------
	MV ヌードル アニメーション
--------------------*/
.front-page .mainVisual .swiper-slide .noodleCup img {
  opacity: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}
.front-page .mainVisual .swiper-slide .shadow img {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}
.front-page .mainVisual .swiper-slide .contents img {
  opacity: 0;
  -webkit-transform: scale(0) translate(-25%, 25%);
          transform: scale(0) translate(-25%, 25%);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transition-timing-function: cubic-bezier(0, 1.3, 0.8, 1);
          transition-timing-function: cubic-bezier(0, 1.3, 0.8, 1);
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.front-page.js-loaded .mainVisual .swiper-slide-active .noodleCup img {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.front-page.js-loaded .mainVisual .swiper-slide-active .shadow img {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.front-page.js-loaded .mainVisual .swiper-slide-active .contents img {
  opacity: 1;
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0);
}

/*--------------------
	FV アニメーション
--------------------*/
.front-page .mainVisual__copy {
  opacity: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.front-page .mainVisual__swiper-pagination {
  opacity: 0;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.front-page .mainVisual__swiper-button {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.front-page .mainVisual__swiper-slide .txtArea {
  opacity: 0;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.front-page.js-loaded .mainVisual__copy {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.front-page.js-loaded .mainVisual__swiper-pagination {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.front-page.js-loaded .mainVisual__swiper-button {
  opacity: 1;
}
.front-page.js-loaded .mainVisual__swiper-slide .txtArea {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.front-page.once .mainVisual .swiper-slide .noodleCup img {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.front-page.once .mainVisual .swiper-slide .shadow img {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.front-page.once .mainVisual .swiper-slide .contents img {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
.front-page.once .mainVisual__copy {
  -webkit-transition-delay: 2.2s;
          transition-delay: 2.2s;
}
.front-page.once .mainVisual__swiper-pagination {
  -webkit-transition-delay: 2.2s;
          transition-delay: 2.2s;
}
.front-page.once .mainVisual__swiper-button {
  -webkit-transition-delay: 2.2s;
          transition-delay: 2.2s;
}
.front-page.once .mainVisual__swiper-slide .txtArea {
  -webkit-transition-delay: 2.2s;
          transition-delay: 2.2s;
}

/* ============================================
// FAQ
// ==========================================*/
.lower-faq .pageHeader__txtArea .redCircle {
  left: -48px;
}
.lower-faq .sec__faq {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media all and (max-width: 834px) {
  .lower-faq .sec__faq {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.lower-faq .faq {
  position: relative;
  z-index: 5;
}
.lower-faq .faq__head {
  margin-bottom: 70px;
}
@media all and (max-width: 834px) {
  .lower-faq .faq__head {
    margin-bottom: 50px;
  }
}
.lower-faq .faq__head__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lower-faq .faq .faqGroup {
  position: relative;
}
.lower-faq .faq .faqGroup::before {
  content: "";
  display: block;
  position: absolute;
  top: -50px;
  right: -10px;
  width: 308px;
  height: 122px;
  background: url(../img/common/obj-nami1.png) no-repeat center center/contain;
}
@media all and (max-width: 834px) {
  .lower-faq .faq .faqGroup::before {
    top: -20px;
    right: -60px;
    width: 184.8px;
    height: 73.2px;
  }
}
.lower-faq .faq .faqGroup:not(:first-child) {
  margin-top: 130px;
}
@media all and (max-width: 834px) {
  .lower-faq .faq .faqGroup:not(:first-child) {
    margin-top: 60px;
  }
}
.lower-faq .faq .faqGroup__title {
  margin-bottom: 30px;
}
@media all and (max-width: 834px) {
  .lower-faq .faq .faqGroup__title {
    margin-bottom: 10px;
  }
}
.lower-faq .faq .faqGroup__title .title {
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 1.5;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
@media all and (max-width: 834px) {
  .lower-faq .faq .faqGroup__title .title {
    font-size: 2.6rem;
    margin-left: 5px;
  }
}
.lower-faq .faq .faqGroup__title .title::first-letter {
  color: #fff;
}
.lower-faq .faq .faqGroup__title .title.js-active {
  opacity: 1;
}
.lower-faq .faq .faqGroup__title .title.js-active span::before {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.lower-faq .faq .faqGroup__title .title.js-active span::after {
  opacity: 1;
  height: 3000px;
}
.lower-faq .faq .faqGroup__title .title span {
  position: relative;
}
.lower-faq .faq .faqGroup__title .title span::before, .lower-faq .faq .faqGroup__title .title span::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}
.lower-faq .faq .faqGroup__title .title span::before {
  background: red;
  width: 1.9em;
  height: 1.9em;
  border-radius: 50%;
  top: -0.3em;
  left: -0.5em;
  opacity: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s;
  transition: opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s;
  transition: opacity 0.4s 0.2s, transform 0.4s 0.2s;
  transition: opacity 0.4s 0.2s, transform 0.4s 0.2s, -webkit-transform 0.4s 0.2s;
}
.lower-faq .faq .faqGroup__title .title span::after {
  top: 14px;
  left: 0;
  width: 1em;
  height: 3000px;
  background-color: red;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  height: 0;
  -webkit-transition: height 1.2s 0.4s;
  transition: height 1.2s 0.4s;
}
.lower-faq .faq .faqList {
  position: relative;
}
.lower-faq .faq .faqList__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 30px;
  padding-bottom: 47px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media all and (max-width: 834px) {
  .lower-faq .faq .faqList__item {
    padding-top: 21px;
    padding-bottom: 32.9px;
  }
}
.lower-faq .faq .faqList__item::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background: url(../img/common/line-dot.png) repeat-x left top/350px 7px;
}
@media all and (max-width: 834px) {
  .lower-faq .faq .faqList__item::after {
    height: 4.2px;
    background-size: 210px 4.2px;
  }
}
.lower-faq .faq .faqList__item.is-active {
  background: #f2f1ed;
}
.lower-faq .faq .faqList__item:not(:first-child) {
  margin-top: 20px;
}
@media all and (max-width: 834px) {
  .lower-faq .faq .faqList__item:not(:first-child) {
    margin-top: 10px;
  }
}
.lower-faq .faq .faqList__item .txt-question {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
}
@media all and (max-width: 834px) {
  .lower-faq .faq .faqList__item .txt-question {
    font-size: 1.8rem;
  }
}
.lower-faq .faq .faqList__item .txt-question .ico {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  top: -3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  background-color: #ff0000 !important;
  margin-right: 25px;
}
@media all and (max-width: 834px) {
  .lower-faq .faq .faqList__item .txt-question .ico {
    top: 2px;
    width: 26px;
    height: 26px;
    margin-right: 10px;
  }
}
.lower-faq .faq .faqList__item .txt-question .ico::before {
  content: "Q";
  position: relative;
  top: -1px;
  left: 1px;
  font-size: 2rem;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}
@media all and (max-width: 834px) {
  .lower-faq .faq .faqList__item .txt-question .ico::before {
    font-size: 1.4rem;
    left: 0;
  }
}
.lower-faq .faq .faqList__item .txt-answer {
  position: relative;
  margin-top: 20px;
}
@media all and (min-width: 835px) {
  .lower-faq .faq .faqList__item .txt-answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media all and (max-width: 834px) {
  .lower-faq .faq .faqList__item .txt-answer {
    margin-top: 10px;
  }
}
.lower-faq .faq .faqList__item .txt-answer .ico {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  top: -3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  background-color: #e9a33b !important;
  margin-right: 25px;
}
@media all and (max-width: 834px) {
  .lower-faq .faq .faqList__item .txt-answer .ico {
    float: left;
    top: 2px;
    width: 26px;
    height: 26px;
    margin-right: 10px;
  }
}
.lower-faq .faq .faqList__item .txt-answer .ico::before {
  content: "A";
  position: relative;
  top: 0px;
  left: 1px;
  font-size: 2rem;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}
@media all and (max-width: 834px) {
  .lower-faq .faq .faqList__item .txt-answer .ico::before {
    font-size: 1.4rem;
    left: 0;
  }
}
.lower-faq .faq .faqList__item .txt-answer .text {
  padding-top: 3px;
}
.lower-faq .faq .faqList__item a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  color: #e9a33b;
  font-weight: bold;
}
@media (hover: hover) {
  .lower-faq .faq .faqList__item a:hover::before {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.lower-faq .faq .faqList__item a::before {
  content: "";
  display: inline-block;
  background: url(../img/common/ico_arrow_black_s.png) no-repeat center center/contain;
  width: 15.6px;
  height: 6px;
  margin-right: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  will-change: transform;
}
.lower-faq .faq .faqList__item a[target=_blank]::before {
  content: "";
  display: inline-block;
  background: url(../img/common/ico_external_black.png) no-repeat center center/contain;
  width: 13.2px;
  height: 9.6px;
  margin-right: 10px;
}
.lower-faq .faq .faqList__item a span {
  -webkit-box-shadow: 0 1px 0 #e9a33b;
          box-shadow: 0 1px 0 #e9a33b;
}
.lower-faq .faq .faqList__item strong {
  color: red;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  padding: 0.3em 0.4em;
  background-color: #fef302;
}
.lower-faq .faq .faqList .accordion-item.is-active .toggleico::before {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.lower-faq .faq .faqList .accordion-item.is-active .toggleico::after {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.lower-faq .faq .faqList .accordion-item.is-active .accordion-content .text {
  -webkit-transform: none;
          transform: none;
}
.lower-faq .faq .faqList .accordion-item.is-active .accordion-content .text::before {
  -webkit-transform: none;
          transform: none;
}
.lower-faq .faq .faqList .accordion-item .toggleico {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  width: 20px;
  height: 20px;
  display: none;
}
@media all and (max-width: 834px) {
  .lower-faq .faq .faqList .accordion-item .toggleico {
    -webkit-transform: none;
            transform: none;
    top: 10px;
    width: 12px;
    height: 12px;
  }
}
.lower-faq .faq .faqList .accordion-item .toggleico::before, .lower-faq .faq .faqList .accordion-item .toggleico::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 2px;
  background-color: #222222;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.lower-faq .faq .faqList .accordion-item .toggleico::before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.lower-faq .faq .faqList .accordion-item .toggleico::after {
  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
          transform: translate(-50%, -50%) rotate(-180deg);
}
.lower-faq .faq .faqList .accordion-item .txtHolder {
  width: 100%;
}
.lower-faq .faq .faqList .accordion-header {
  position: relative;
}
@media all and (max-width: 834px) {
  .lower-faq .faq .faqList .accordion-header {
    cursor: pointer;
  }
}
/* ============================================
// FLOW
// ==========================================*/
.lower-flow .pageHeader__txtArea .redCircle {
  left: -48px;
}
.lower-flow .sec__flow {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media all and (max-width: 834px) {
  .lower-flow .sec__flow {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.lower-flow .flow {
  position: relative;
  z-index: 5;
}
.lower-flow .flow__head {
  position: relative;
  margin-bottom: 120px;
}
@media all and (max-width: 834px) {
  .lower-flow .flow__head {
    margin-bottom: 50px;
  }
}
.lower-flow .flow__head::before {
  content: "";
  display: block;
  position: absolute;
  top: -25px;
  right: -10px;
  width: 308px;
  height: 122px;
  background: url(../img/common/obj-nami1.png) no-repeat center center/contain;
}
@media all and (max-width: 834px) {
  .lower-flow .flow__head::before {
    top: -10px;
    right: -60px;
    width: 184.8px;
    height: 73.2px;
  }
}
@media all and (min-width: 835px) {
  .lower-flow .flow__head .commonLead01 {
    line-height: 1.5;
  }
}
.lower-flow .flow__head .read {
  margin-top: 20px;
}
.lower-flow .flow .flowGroup {
  position: relative;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup {
    margin-left: -4%;
    margin-right: -4%;
  }
}
.lower-flow .flow .flowGroup:not(:first-child) {
  margin-top: 275px;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup:not(:first-child) {
    margin-top: 110px;
  }
}
.lower-flow .flow .flowGroup:not(:first-child)::before, .lower-flow .flow .flowGroup:not(:first-child)::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 154px;
  height: 46px;
  background: url(../img/flow/ico-flow-arrow.png) no-repeat center center/contain;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup:not(:first-child)::before, .lower-flow .flow .flowGroup:not(:first-child)::after {
    width: 61.6px;
    height: 18.4px;
  }
}
.lower-flow .flow .flowGroup:not(:first-child)::before {
  margin-bottom: 90px;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup:not(:first-child)::before {
    margin-bottom: 36px;
  }
}
.lower-flow .flow .flowGroup:not(:first-child)::after {
  margin-bottom: 140px;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup:not(:first-child)::after {
    margin-bottom: 56px;
  }
}
.lower-flow .flow .flowGroup__inner {
  position: relative;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 80px;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__inner {
    padding-left: calc(5% + 3px);
    padding-right: calc(5% + 3px);
    padding-bottom: 50px;
  }
}
.lower-flow .flow .flowGroup__inner::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 25px);
  border: 5px solid red;
  border-top: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: none;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__inner::before {
    border-width: 3px;
    height: calc(100% - 20px);
  }
}
.lower-flow .flow .flowGroup__head {
  position: relative;
  margin-bottom: 50px;
}
@media all and (min-width: 835px) {
  .lower-flow .flow .flowGroup__head {
    margin-left: -50px;
    margin-right: -50px;
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__head {
    margin-bottom: 30px;
  }
}
.lower-flow .flow .flowGroup__head::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 24px;
  left: 0;
  background: red;
  width: 100%;
  height: 5px;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__head::before {
    height: 3px;
    width: calc(100% + (5% + 3px) * 2);
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.lower-flow .flow .flowGroup__head__inner {
  position: relative;
  z-index: 3;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media all and (min-width: 835px) {
  .lower-flow .flow .flowGroup__head__inner {
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.lower-flow .flow .flowGroup__head .title {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  background-color: red;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.2em 0.7em;
  white-space: nowrap;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__head .title {
    font-size: 2.2rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media all and (min-width: 835px) {
  .lower-flow .flow .flowGroup__head .read {
    margin-left: 20px;
  }
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__head .read {
    margin-top: 20px;
  }
}
.lower-flow .flow .flowGroup__illust {
  margin-bottom: 80px;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__illust {
    margin-bottom: 50px;
  }
}
.lower-flow .flow .flowGroup__illust .img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.lower-flow .flow .flowGroup__illust .img img {
  max-width: 100%;
  height: auto;
}
.lower-flow .flow .flowGroup__list {
  position: relative;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__list {
    margin-left: -4%;
    margin-right: -4%;
  }
}
.lower-flow .flow .flowGroup__list::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: -150%;
  width: 5000px;
  height: 100%;
  background: red url(../img/flow/bg-flowlist.png) repeat-x left center/473px 100%;
  will-change: background;
  -webkit-animation: loop 150s linear infinite;
          animation: loop 150s linear infinite;
}
@-webkit-keyframes loop {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 5000px 0; /* 画像のマイナス幅 */
  }
}
@keyframes loop {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 5000px 0; /* 画像のマイナス幅 */
  }
}
.lower-flow .flow .flowGroup__list .flowList {
  position: relative;
  z-index: 5;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__list .flowList {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.lower-flow .flow .flowGroup__list .flowList__inner {
  position: relative;
  z-index: 5;
}
@media all and (min-width: 835px) {
  .lower-flow .flow .flowGroup__list .flowList__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5%;
    max-width: 710px;
  }
}
@media all and (min-width: 835px) {
  .lower-flow .flow .flowGroup__list .flowList__item__image {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 43%;
            flex: 0 1 43%;
    max-width: 280px;
  }
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__list .flowList__item__image {
    margin-bottom: 20px;
  }
}
.lower-flow .flow .flowGroup__list .flowList__item__image .img {
  aspect-ratio: 280/220;
}
.lower-flow .flow .flowGroup__list .flowList__item__contents {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media all and (min-width: 835px) {
  .lower-flow .flow .flowGroup__list .flowList__item__contents {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 57%;
            flex: 1 1 57%;
  }
}
.lower-flow .flow .flowGroup__list .flowList__item__contents > .num {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 70px;
          flex: 0 1 70px;
  margin-right: 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-size: 5rem;
  font-weight: bold;
  line-height: 1;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__list .flowList__item__contents > .num {
    font-size: 3rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin-right: 15px;
  }
}
.lower-flow .flow .flowGroup__list .flowList__item__contents > .num::before {
  content: "STEP";
  font-size: 1.5rem;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__list .flowList__item__contents > .num::before {
    font-size: 1rem;
  }
}
.lower-flow .flow .flowGroup__list .flowList__item__contents > .hd {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(100% - 70px - 62px - 20px - 10px);
          flex: 1 1 calc(100% - 70px - 62px - 20px - 10px);
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__list .flowList__item__contents > .hd {
    font-size: 1.8rem;
    line-height: 1.3;
  }
}
.lower-flow .flow .flowGroup__list .flowList__item__contents > .popupBtn {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 62px;
          flex: 0 1 62px;
  max-width: 62px;
  position: relative;
  margin-left: 20px;
  cursor: pointer;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__list .flowList__item__contents > .popupBtn {
    -ms-flex-preferred-size: 37.2px;
        flex-basis: 37.2px;
    max-width: 37.2px;
  }
}
@-webkit-keyframes r3 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(20deg);
            transform: translate(-50%, -50%) rotate(20deg);
  }
}
@keyframes r3 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(20deg);
            transform: translate(-50%, -50%) rotate(20deg);
  }
}
@media (hover: hover) {
  .lower-flow .flow .flowGroup__list .flowList__item__contents > .popupBtn:hover .text {
    -webkit-animation: r3 1s linear infinite alternate;
            animation: r3 1s linear infinite alternate;
  }
}
.lower-flow .flow .flowGroup__list .flowList__item__contents > .popupBtn::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.lower-flow .flow .flowGroup__list .flowList__item__contents > .popupBtn .text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 151.63%;
  height: 151.63%;
  background: url(../img/flow/ico-popup-text.png) no-repeat center center/contain;
  will-change: transform;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.lower-flow .flow .flowGroup__list .flowList__item__contents > .popupBtn .ico {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/flow/ico-popup.png) no-repeat center center/35.4838709677% 37.0967741935%;
  border: 3px solid #fff;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__list .flowList__item__contents > .popupBtn .ico {
    border-width: 2px;
  }
}
.lower-flow .flow .flowGroup__list .flowList__item__contents > .read {
  position: relative;
  margin-top: 20px;
  padding-top: 20px;
  color: #fff;
  border-top: 1px solid #fff;
  width: 100%;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__list .flowList__item__contents > .read {
    margin-top: 15px;
    padding-top: 15px;
  }
}
.lower-flow .flow .flowGroup__list .mySwiper {
  position: relative;
  max-width: 710px;
  width: 100%;
  overflow: visible;
}
.lower-flow .flow .flowGroup__list .swiper-wrapper {
  -webkit-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1) !important;
          transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1) !important;
}
.lower-flow .flow .flowGroup__list .swiper-pagination {
  z-index: 4;
  bottom: auto;
  top: -15px;
}
.lower-flow .flow .flowGroup__list .swiper-pagination-bullet {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat", sans-serif;
  background: #f5f5f5;
  width: 30px;
  height: 30px;
  border-radius: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  opacity: 1;
  margin-left: 5px;
  margin-right: 5px;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__list .swiper-pagination-bullet {
    width: 24px;
    height: 24px;
    font-size: 10px;
    margin-left: 3px;
    margin-right: 3px;
  }
}
@media (max-width: 374px) {
  .lower-flow .flow .flowGroup__list .swiper-pagination-bullet {
    margin-left: 1px;
    margin-right: 1px;
  }
}
.lower-flow .flow .flowGroup__list .swiper-pagination-bullet::before {
  content: "STEP";
  position: absolute;
  bottom: 100%;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  letter-spacing: normal;
  color: #3366ff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__list .swiper-pagination-bullet::before {
    margin-bottom: 3px;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }
}
.lower-flow .flow .flowGroup__list .swiper-pagination-bullet::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  pointer-events: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__list .swiper-pagination-bullet::after {
    border-width: 1px;
  }
}
.lower-flow .flow .flowGroup__list .swiper-pagination-bullet-active {
  background: #3366ff;
  color: #fff;
}
.lower-flow .flow .flowGroup__list .swiper-pagination-bullet-active::before {
  opacity: 1;
}
.lower-flow .flow .flowGroup__list .swiper-button-next, .lower-flow .flow .flowGroup__list .swiper-button-prev {
  z-index: 4;
  background-color: #fff;
  width: 60px;
  height: 60px;
  border: 1px solid #222222;
  top: auto;
  bottom: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (hover: hover) {
  .lower-flow .flow .flowGroup__list .swiper-button-next:hover, .lower-flow .flow .flowGroup__list .swiper-button-prev:hover {
    background-color: red;
    border-color: #fff;
  }
  .lower-flow .flow .flowGroup__list .swiper-button-next:hover::before, .lower-flow .flow .flowGroup__list .swiper-button-prev:hover::before {
    background-image: url(../img/common/ico_arrow_white_m.png);
  }
}
.lower-flow .flow .flowGroup__list .swiper-button-next::after, .lower-flow .flow .flowGroup__list .swiper-button-prev::after {
  content: none;
}
.lower-flow .flow .flowGroup__list .swiper-button-next::before, .lower-flow .flow .flowGroup__list .swiper-button-prev::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 17px;
  height: 7px;
  background: url(../img/common/ico_arrow_black_s.png) no-repeat center center/contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.lower-flow .flow .flowGroup__list .swiper-button-next {
  right: 50%;
  -webkit-transform: translate(100%, 50%);
          transform: translate(100%, 50%);
  margin-right: -5px;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__list .swiper-button-next {
    margin-right: 5px;
    -webkit-transform: translate(100%, 50%) scale(0.7);
            transform: translate(100%, 50%) scale(0.7);
  }
}
.lower-flow .flow .flowGroup__list .swiper-button-prev {
  left: 50%;
  -webkit-transform: translate(-100%, 50%);
          transform: translate(-100%, 50%);
  margin-left: -5px;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__list .swiper-button-prev {
    margin-left: 5px;
    -webkit-transform: translate(-100%, 50%) scale(0.7);
            transform: translate(-100%, 50%) scale(0.7);
  }
}
.lower-flow .flow .flowGroup__list .swiper-button-prev::before {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.lower-flow .flow .flowGroup__list .swiper-button-disabled {
  opacity: 1;
  background-color: #bbb;
  border-color: #bbb;
}
.lower-flow .flow .flowGroup__list .swiper-button-disabled::before {
  opacity: 0.3;
}
.lower-flow .flow .flowGroup__other {
  margin-top: 80px;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .flowGroup__other {
    margin-top: 50px;
  }
}
.lower-flow .flow .flowGroup__other__inner {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.lower-flow .flow .flowGroup__other .otherJob__ttl .commonLead01::after {
  content: none;
}
@media all and (max-width: 834px) {
  .lower-flow .flow #contents01 .flowGroup__illust__inner .img img {
    max-width: inherit;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    width: 755.3px;
  }
  @-webkit-keyframes flash {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes flash {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }
  .lower-flow .flow #contents01 .flowGroup__illust__inner .scroll-hint-icon-wrap {
    pointer-events: all;
    -webkit-overflow-scrolling: touch;
  }
  .lower-flow .flow #contents01 .flowGroup__illust__inner .scroll-hint-icon-wrap.is-active {
    -webkit-animation: flash 2s 3s linear infinite;
            animation: flash 2s 3s linear infinite;
  }
  .lower-flow .flow #contents01 .flowGroup__illust__inner .scroll-hint-icon-wrap.is-active .scroll-hint-icon {
    opacity: 0.9;
  }
  .lower-flow .flow #contents01 .flowGroup__illust__inner .scroll-hint-text {
    font-weight: bold;
    letter-spacing: normal;
  }
  .lower-flow .flow #contents01 .flowGroup__illust__inner .scroll-hint-icon {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #e9a33b;
    border-radius: 0;
  }
  .lower-flow .flow #contents01 .flowGroup__illust__inner .scroll-hint-icon::before {
    width: 40px;
    height: 30px;
  }
  .lower-flow .flow #contents01 .flowGroup__illust__inner .scroll-hint-icon::after {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: center top;
            transform-origin: center top;
  }
}
@media all and (max-width: 834px) {
  .lower-flow .flow #contents02 .flowGroup__illust__inner .img {
    overflow: hidden;
  }
  .lower-flow .flow #contents02 .flowGroup__illust__inner .img img {
    max-width: 150%;
  }
}
@media all and (max-width: 834px) {
  .lower-flow .flow #contents03 .flowGroup__illust__inner .img {
    overflow: hidden;
  }
  .lower-flow .flow #contents03 .flowGroup__illust__inner .img img {
    max-width: 135%;
    -webkit-transform: translateX(-26%);
            transform: translateX(-26%);
  }
}
.lower-flow .flow .otherJob__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 2em;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .otherJob__ttl {
    margin-bottom: 1em;
  }
}
.lower-flow .flow .otherJob__ttl .commonLead01 {
  font-size: 3rem;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .otherJob__ttl .commonLead01 {
    font-size: 2rem;
    font-size: min(5.4vw, 2rem);
  }
}
.lower-flow .flow .otherJob__ttl .commonLead01::before {
  width: 2.3em;
  height: 2.3em;
  top: -0.55em;
  left: -0.7em;
}
.lower-flow .flow .otherJob__ttl .commonLead01::after {
  width: 1em;
  top: -1em;
}
.lower-flow .flow .otherJob__ttl .commonLead01.-s {
  font-size: 2rem;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .otherJob__ttl .commonLead01.-s {
    font-size: min(5vw, 1.8rem);
  }
}
.lower-flow .flow .otherJob__read {
  margin-bottom: 30px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .otherJob__read {
    margin-bottom: 20px;
  }
}
.lower-flow .flow .otherJob__read .read {
  max-width: 440px;
}
.lower-flow .flow .otherJob__list__item {
  position: relative;
  border: 5px solid #f5f5f5;
}
@media all and (min-width: 835px) {
  .lower-flow .flow .otherJob__list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media all and (max-width: 834px) {
  .lower-flow .flow .otherJob__list__item {
    border-width: 3px;
  }
}
.lower-flow .flow .otherJob__list__item:not(:first-child) {
  margin-top: 30px;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .otherJob__list__item:not(:first-child) {
    margin-top: 10px;
  }
}
.lower-flow .flow .otherJob__list__item__contents {
  position: relative;
  background-color: #ffe5e5;
  padding: 40px min(4vw, 50px);
}
@media all and (min-width: 835px) {
  .lower-flow .flow .otherJob__list__item__contents {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
  }
}
@media all and (max-width: 834px) {
  .lower-flow .flow .otherJob__list__item__contents {
    padding: 20px calc(5% + 3px);
  }
}
.lower-flow .flow .otherJob__list__item__contents .hd {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.6;
  color: red;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .otherJob__list__item__contents .hd {
    font-size: 1.8rem;
  }
}
.lower-flow .flow .otherJob__list__item__contents .read {
  margin-top: 10px;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .otherJob__list__item__contents .read {
    margin-top: 5px;
  }
}
.lower-flow .flow .otherJob__list__item__point {
  position: relative;
  background-color: #fff;
  padding: 40px min(4vw, 50px);
}
@media all and (min-width: 835px) {
  .lower-flow .flow .otherJob__list__item__point {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
  }
}
@media all and (max-width: 834px) {
  .lower-flow .flow .otherJob__list__item__point {
    padding: 20px calc(5% + 3px);
  }
}
.lower-flow .flow .otherJob__list__item__point::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
}
@media all and (min-width: 835px) {
  .lower-flow .flow .otherJob__list__item__point::before {
    top: 50%;
    right: 100%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border-style: solid;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 25px solid #fff;
    border-left: 0;
  }
}
@media all and (max-width: 834px) {
  .lower-flow .flow .otherJob__list__item__point::before {
    content: none;
  }
}
.lower-flow .flow .otherJob__list__item__point .point .hd {
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  color: #e9a33b;
  border: 3px solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0.5em;
  padding: 0 1em;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .otherJob__list__item__point .point .hd {
    font-size: 1.3rem;
    margin-bottom: 0.7em;
  }
}
.lower-flow .flow .otherJob__list__item__point .point .read {
  font-size: 1.3rem;
  line-height: 1.8461538462;
}
.lower-flow .flow .otherJob__list__item__point .img {
  position: relative;
  position: absolute;
  z-index: 5;
  top: -17px;
  right: -17px;
  width: min(100%, 83px);
  aspect-ratio: 1/1;
  background: url(../img/flow/img-avator-def.png) no-repeat center center/cover;
  border-radius: 50%;
  overflow: hidden;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .otherJob__list__item__point .img {
    top: -15px;
    right: 10px;
    width: min(100%, 65px);
  }
}
.lower-flow .flow .flowList__item.js-active .mordal {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1.7);
  transition: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1.7);
}
.lower-flow .flow .flowList__item.js-active .popupBtn .ico {
  background-size: 0%;
}
.lower-flow .flow .flowList__item.js-active .popupBtn .ico::before, .lower-flow .flow .flowList__item.js-active .popupBtn .ico::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 3px;
  background-color: #fff;
}
.lower-flow .flow .flowList__item.js-active .popupBtn .ico::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.lower-flow .flow .flowList__item.js-active .popupBtn .ico::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.lower-flow .flow .mordal {
  position: absolute;
  z-index: 10;
  right: 0;
  width: 100%;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.3s 0.3s;
  transition: 0.3s 0.3s;
  opacity: 0;
  -webkit-transform: translateY(30px) scale(0.9);
          transform: translateY(30px) scale(0.9);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  pointer-events: none;
}
@media all and (min-width: 835px) {
  .lower-flow .flow .mordal {
    width: 710px;
    bottom: 100%;
    margin-bottom: 30px;
  }
}
@media all and (max-width: 834px) {
  .lower-flow .flow .mordal {
    bottom: 100%;
    margin-bottom: 20px;
  }
}
.lower-flow .flow .mordal .closeBtn {
  position: absolute;
  z-index: 5;
  top: 10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media all and (min-width: 835px) {
  .lower-flow .flow .mordal .closeBtn {
    left: 10px;
  }
}
@media all and (max-width: 834px) {
  .lower-flow .flow .mordal .closeBtn {
    top: 0;
    right: 0;
  }
}
.lower-flow .flow .mordal .closeBtn::before, .lower-flow .flow .mordal .closeBtn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 3px;
  background-color: red;
}
.lower-flow .flow .mordal .closeBtn::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.lower-flow .flow .mordal .closeBtn::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
@media (hover: hover) {
  .lower-flow .flow .mordal .closeBtn:hover {
    opacity: 0.7;
  }
}
.lower-flow .flow .otherJobs {
  margin-top: 150px;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .otherJobs {
    margin-top: 70px;
  }
}
.lower-flow .flow .otherJobs .otherJob {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.lower-flow .flow .message {
  margin-top: 100px;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .message {
    margin-top: 50px;
  }
}
.lower-flow .flow .message__contents {
  position: relative;
  padding: 80px 50px 145px;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .message__contents {
    padding: 40px 10% 40px;
  }
}
.lower-flow .flow .message__contents::before {
  content: "";
  background-image: linear-gradient(to right, #fff, #fff 10px, transparent 10px, transparent 20px), linear-gradient(to right, #fff, #fff 10px, transparent 10px, transparent 20px), linear-gradient(to bottom, #fff, #fff 10px, transparent 10px, transparent 20px), linear-gradient(to bottom, #fff, #fff 10px, transparent 10px, transparent 20px);
  background-size: 20px 5px, 20px 5px, 5px 20px, 5px 20px;
  background-position: left top, left bottom, left top, right top;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  position: absolute;
  z-index: 1;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  pointer-events: none;
  opacity: 0;
}
@media all and (min-width: 835px) {
  .lower-flow .flow .message__contents::before {
    -webkit-transition: 0.3s 1.2s;
    transition: 0.3s 1.2s;
  }
}
@media all and (max-width: 834px) {
  .lower-flow .flow .message__contents::before {
    -webkit-transition: 0.3s 0.3s;
    transition: 0.3s 0.3s;
    background-image: linear-gradient(to right, #fff, #fff 5px, transparent 5px, transparent 10px), linear-gradient(to right, #fff, #fff 5px, transparent 5px, transparent 10px), linear-gradient(to bottom, #fff, #fff 5px, transparent 5px, transparent 10px), linear-gradient(to bottom, #fff, #fff 5px, transparent 5px, transparent 10px);
    background-size: 10px 4px, 10px 4px, 4px 10px, 4px 10px;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
  }
}
.lower-flow .flow .message__contents::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: red;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
@media all and (min-width: 835px) {
  .lower-flow .flow .message__contents::after {
    -webkit-transition: 0.3s 1s;
    transition: 0.3s 1s;
  }
}
@media all and (max-width: 834px) {
  .lower-flow .flow .message__contents::after {
    -webkit-transition: 0.3s 0s;
    transition: 0.3s 0s;
  }
}
.lower-flow .flow .message__contents.js-active::before {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}
.lower-flow .flow .message__contents.js-active::after {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}
.lower-flow .flow .message__contents .title,
.lower-flow .flow .message__contents .read {
  position: relative;
  z-index: 3;
  color: #fff;
}
.lower-flow .flow .message__contents .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.6;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .message__contents .title {
    font-size: 2.4rem;
  }
}
.lower-flow .flow .message__contents .read {
  margin-top: 20px;
}
@media all and (min-width: 835px) {
  .lower-flow .flow .message__contents .read {
    text-align: center;
  }
}
@media all and (max-width: 834px) {
  .lower-flow .flow .message__contents .read {
    margin-top: 10px;
  }
}
.lower-flow .flow .message__image {
  position: relative;
  z-index: 5;
  margin-top: -8%;
  padding-top: 20%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.lower-flow .flow .message__image.js-active {
  opacity: 1;
}
.lower-flow .flow .message__image.js-active .img img {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}
.lower-flow .flow .message__image .img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.lower-flow .flow .message__image .img:nth-child(1) img {
  -webkit-transition-delay: 0.05s;
          transition-delay: 0.05s;
}
.lower-flow .flow .message__image .img:nth-child(2) img {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.lower-flow .flow .message__image .img:nth-child(3) img {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.lower-flow .flow .message__image .img:nth-child(4) img {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.lower-flow .flow .message__image .img:nth-child(5) img {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
.lower-flow .flow .message__image .img:nth-child(6) img {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.lower-flow .flow .message__image .img:nth-child(7) img {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}
.lower-flow .flow .message__image .img:nth-child(8) img {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.lower-flow .flow .message__image .img:nth-child(9) img {
  -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s;
}
.lower-flow .flow .message__image .img.js-active .steam {
  opacity: 1;
}
.lower-flow .flow .message__image .img .steam {
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  bottom: 60px;
  left: -20px;
  pointer-events: none;
}
@media all and (max-width: 834px) {
  .lower-flow .flow .message__image .img .steam {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    bottom: 40px;
    left: 0;
  }
}
.lower-flow .flow .message__image .img .steam__item01 img {
  -webkit-animation: steam_anime01 4s 2s linear infinite;
          animation: steam_anime01 4s 2s linear infinite;
}
.lower-flow .flow .message__image .img .steam__item02 {
  position: absolute;
  top: 0;
  left: 0;
}
.lower-flow .flow .message__image .img .steam__item02 img {
  -webkit-animation: steam_anime02 4s 2s linear infinite;
          animation: steam_anime02 4s 2s linear infinite;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  opacity: 0;
}
.lower-flow .flow .message__image .img img {
  position: relative;
  z-index: 5;
  display: block;
  max-width: 100%;
  height: auto;
  -webkit-transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  opacity: 0;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
}
.lower-flow .flow .message__image .img.-img1 {
  z-index: 7;
  width: min(17%, 203px);
}
.lower-flow .flow .message__image .img.-img2 {
  z-index: 6;
  width: min(16%, 190px);
  margin-left: -11.4%;
}
.lower-flow .flow .message__image .img.-img3 {
  z-index: 6;
  width: min(16%, 190px);
  margin-left: 11.4%;
}
.lower-flow .flow .message__image .img.-img4 {
  z-index: 5;
  width: min(15%, 174px);
  margin-left: -21.9%;
}
.lower-flow .flow .message__image .img.-img5 {
  z-index: 5;
  width: min(15%, 174px);
  margin-left: 21.9%;
}
.lower-flow .flow .message__image .img.-img6 {
  z-index: 4;
  width: min(14%, 163px);
  margin-left: -31.5%;
}
.lower-flow .flow .message__image .img.-img7 {
  z-index: 4;
  width: min(14%, 163px);
  margin-left: 31.5%;
}
.lower-flow .flow .message__image .img.-img8 {
  z-index: 3;
  width: min(12.1%, 145px);
  margin-left: -40.5%;
}
.lower-flow .flow .message__image .img.-img9 {
  z-index: 3;
  width: min(12.1%, 145px);
  margin-left: 40.5%;
}

.lower-merit .merit {
  margin-top: 100px;
  margin-bottom: 4px;
}
@media all and (max-width: 834px) {
  .lower-merit .merit {
    margin-top: 48px;
    margin-bottom: 0;
  }
}
.lower-merit .merit__recommend {
  position: relative;
}
.lower-merit .merit__recommend::after {
  content: "";
  position: absolute;
  top: 16px;
  right: 0;
  background-image: url(../img/merit/noodleIllustrat.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 303px;
  height: 122px;
  pointer-events: none;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__recommend::after {
    top: 0;
    right: -60px;
    width: 184.8px;
    height: 73.2px;
  }
}
.lower-merit .merit__recommend__inner {
  max-width: 1182px;
  margin-bottom: 100px;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__recommend__inner {
    margin-bottom: 64px;
  }
}
.lower-merit .merit__recommend .recommendTitle {
  font-size: 6rem;
  font-weight: bold;
  line-height: 1.48;
  letter-spacing: 0.08em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media all and (max-width: 1200px) {
  .lower-merit .merit__recommend .recommendTitle {
    font-size: 4.8rem;
    line-height: 1.4;
  }
}
@media all and (max-width: 834px) {
  .lower-merit .merit__recommend .recommendTitle {
    font-size: 2.6rem;
    line-height: 1.48;
  }
}
.lower-merit .merit__recommend .recommendTitle span {
  position: relative;
}
.lower-merit .merit__recommend .recommendTitle span::before {
  content: "";
  position: absolute;
  background-color: red;
  width: 1.9em;
  height: 1.9em;
  border-radius: 50%;
  top: -0.38em;
  left: -0.48em;
  z-index: -2;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s;
  transition: opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s;
  transition: opacity 0.4s 0.2s, transform 0.4s 0.2s;
  transition: opacity 0.4s 0.2s, transform 0.4s 0.2s, -webkit-transform 0.4s 0.2s;
}
.lower-merit .merit__recommend .recommendTitle span::after {
  content: "";
  position: absolute;
  left: 0;
  top: 35px;
  width: 0.85em;
  height: 3000px;
  background-color: red;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  z-index: -2;
  pointer-events: none;
  height: 0;
  -webkit-transition: height 1.2s 0.4s;
  transition: height 1.2s 0.4s;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__recommend .recommendTitle span::after {
    top: 12px;
    line-height: 1.38;
  }
}
.lower-merit .merit__recommend .recommendTitle::first-letter {
  color: #fff;
}
.lower-merit .merit__recommend .recommendTitle.js-active {
  opacity: 1;
}
.lower-merit .merit__recommend .recommendTitle.js-active span::before {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.lower-merit .merit__recommend .recommendTitle.js-active span::after {
  opacity: 1;
  height: 3000px;
}
.lower-merit .merit__recommend .recommendList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 44px 56px;
  margin-top: 40px;
}
@media all and (max-width: 1200px) {
  .lower-merit .merit__recommend .recommendList {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 40px;
  }
}
@media all and (max-width: 834px) {
  .lower-merit .merit__recommend .recommendList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 16px;
    gap: 20px 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.lower-merit .merit__recommend .recommendList__item {
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  grid-row-gap: 16px;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__recommend .recommendList__item {
    width: 100%;
    grid-row-gap: 8px;
    max-width: 310px;
  }
}
.lower-merit .merit__recommend .recommendList__item__top .number {
  position: relative;
  text-align: right;
  color: #ff0000;
}
.lower-merit .merit__recommend .recommendList__item__top .number .en {
  line-height: 1;
  font-size: 1.4rem;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  padding-right: 5px;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__recommend .recommendList__item__top .number .en {
    font-size: 1.1rem;
    padding-right: 0;
  }
}
.lower-merit .merit__recommend .recommendList__item__top .number .num {
  line-height: 0.8;
  font-size: 6rem;
  font-weight: bolder;
  font-family: "Montserrat", sans-serif;
  display: block;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__recommend .recommendList__item__top .number .num {
    font-size: 4rem;
    line-height: 0.7;
  }
}
.lower-merit .merit__recommend .recommendList__item__top .number .num::before {
  content: "";
  position: absolute;
  top: 60%;
  left: 0;
  display: inline-block;
  height: 5px;
  background-color: #ff0000;
  width: 65.4%;
  pointer-events: none;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__recommend .recommendList__item__top .number .num::before {
    height: 3px;
    width: 79%;
  }
}
.lower-merit .merit__recommend .recommendList__item__top .image {
  margin-top: 12px;
}
.lower-merit .merit__recommend .recommendList__item__top .image img {
  aspect-ratio: 310/205;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__recommend .recommendList__item__top .image {
    margin-top: 8px;
  }
}
.lower-merit .merit__recommend .recommendList__item__title {
  margin-top: 8px;
  font-size: 2.4rem;
  color: #ff0000;
  font-weight: bold;
  line-height: 1.48;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__recommend .recommendList__item__title {
    margin-top: 8px;
    font-size: 2.1rem;
  }
}
.lower-merit .merit__recommend .recommendList__item__text {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.9;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__recommend .recommendList__item__text {
    font-size: 1.4rem;
  }
}
.lower-merit .merit__data {
  position: relative;
  background-image: url(../img/index/special_bg.png);
  background-repeat: repeat;
  width: 100%;
  background-size: contain;
}
.lower-merit .merit__data__inner {
  max-width: 1340px;
  padding-top: 88px;
  padding-bottom: 160px;
}
@media all and (max-width: 1200px) {
  .lower-merit .merit__data__inner {
    padding-bottom: 124px;
  }
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data__inner {
    padding-top: 64px;
    padding-bottom: 56px;
  }
}
.lower-merit .merit__data__title {
  position: relative;
  color: #fff;
  font-size: 4.6rem;
  font-weight: bold;
  text-align: center;
}
@media all and (max-width: 1200px) {
  .lower-merit .merit__data__title {
    font-size: 4rem;
  }
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data__title {
    font-size: 2.4rem;
  }
}
.lower-merit .merit__data__title::before {
  content: "";
  display: inline-block;
  width: 23px;
  height: 28px;
  position: absolute;
  top: -22px;
  left: 50%;
  background-image: url(../img/merit/titleillustration.png);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media all and (max-width: 1200px) {
  .lower-merit .merit__data__title::before {
    top: -26px;
  }
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data__title::before {
    top: -26px;
    -webkit-transform: translate(-50%, 0) scale(0.9);
            transform: translate(-50%, 0) scale(0.9);
  }
}
.lower-merit .merit__data__date {
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: right;
  color: #fff;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data__date {
    margin-top: 6px;
  }
}
.lower-merit .merit__data .meritList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 1%;
  margin-top: 32px;
}
@media all and (max-width: 1200px) {
  .lower-merit .merit__data .meritList {
    gap: 14px 2%;
  }
}
.lower-merit .merit__data .meritList__item {
  width: 32.6%;
  background-color: #fff;
  padding: 20px 28px 64px;
}
@media all and (max-width: 1200px) {
  .lower-merit .merit__data .meritList__item {
    width: 49%;
    padding: 24px 28px 56px;
  }
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item {
    width: 100%;
    padding: 18px 20px 40px;
  }
}
.lower-merit .merit__data .meritList__item__num {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: bold;
}
.lower-merit .merit__data .meritList__item__title {
  margin-top: 18px;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item__title {
    margin-top: 6px;
  }
}
.lower-merit .merit__data .meritList__item__title .title {
  display: inline-block;
  padding: 7px 12px 7px 11px;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  background-color: #222222;
  line-height: 1.4;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item__title .title {
    font-size: 1.6rem;
  }
}
.lower-merit .merit__data .meritList__item__title .date {
  margin-top: 6px;
  display: block;
  color: #999999;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
}
.lower-merit .merit__data .meritList__item.item-01 .meritList__item__image {
  padding-right: 32px;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-01 .meritList__item__image {
    -webkit-transform: scale(0.78);
            transform: scale(0.78);
    padding-right: 36px;
  }
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-01 .dataitem {
    margin-top: -1px;
  }
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-01 .countnum {
    margin-right: -4px;
  }
}
.lower-merit .merit__data .meritList__item.item-02 .meritList__item__image {
  padding-left: 24px;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-02 .meritList__item__image {
    margin-bottom: 4px;
    -webkit-transform: scale(0.78);
            transform: scale(0.78);
  }
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-02 .countnum {
    margin-right: -8px;
  }
}
.lower-merit .merit__data .meritList__item.item-01 .meritList__item__image, .lower-merit .merit__data .meritList__item.item-02 .meritList__item__image {
  margin-top: 48px;
  margin-bottom: 6px;
  text-align: center;
  pointer-events: none;
}
@media all and (max-width: 1200px) {
  .lower-merit .merit__data .meritList__item.item-01 .meritList__item__image, .lower-merit .merit__data .meritList__item.item-02 .meritList__item__image {
    margin-top: 32px;
    margin-bottom: 6px;
  }
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-01 .meritList__item__image, .lower-merit .merit__data .meritList__item.item-02 .meritList__item__image {
    margin-top: 8px;
    margin-bottom: 2px;
  }
}
.lower-merit .merit__data .meritList__item.item-01 .dataitem, .lower-merit .merit__data .meritList__item.item-02 .dataitem {
  text-align: center;
  margin-bottom: 16px;
}
.lower-merit .merit__data .meritList__item.item-01 .dataitem .dataNum, .lower-merit .merit__data .meritList__item.item-02 .dataitem .dataNum {
  font-size: 3rem;
  font-weight: bold;
  padding-left: 6px;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-01 .dataitem .dataNum, .lower-merit .merit__data .meritList__item.item-02 .dataitem .dataNum {
    font-size: 2.4rem;
  }
}
.lower-merit .merit__data .meritList__item.item-01 .dataitem .countnum, .lower-merit .merit__data .meritList__item.item-02 .dataitem .countnum {
  color: #ff0000;
  font-size: 12rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 1;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media all and (max-width: 1200px) {
  .lower-merit .merit__data .meritList__item.item-01 .dataitem .countnum, .lower-merit .merit__data .meritList__item.item-02 .dataitem .countnum {
    font-size: 9.8rem;
  }
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-01 .dataitem .countnum, .lower-merit .merit__data .meritList__item.item-02 .dataitem .countnum {
    font-size: 7.6rem;
    line-height: 0.9;
  }
}
.lower-merit .merit__data .meritList__item.item-03 .dataList {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-03 .dataList {
    margin-top: 2px;
  }
}
.lower-merit .merit__data .meritList__item.item-03 .dataList .dataitem {
  position: relative;
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 0 12px 24px;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-03 .dataList .dataitem {
    padding: 18px 0 10px 20px;
  }
}
.lower-merit .merit__data .meritList__item.item-03 .dataList .dataitem .text {
  font-size: 1.4rem;
  font-weight: bold;
}
.lower-merit .merit__data .meritList__item.item-03 .dataList .dataitem .dataNum {
  font-size: 2.6rem;
  font-weight: bold;
  padding-left: 6px;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-03 .dataList .dataitem .dataNum {
    font-size: 1.8rem;
  }
}
.lower-merit .merit__data .meritList__item.item-03 .dataList .dataitem .countnum {
  color: #ff0000;
  font-size: 7.8rem;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.01em;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-03 .dataList .dataitem .countnum {
    font-size: 6.2rem;
    padding-right: 3px;
  }
}
.lower-merit .merit__data .meritList__item.item-03 .dataList .dataitem.-sun {
  border-bottom: #dadada 1px solid;
}
.lower-merit .merit__data .meritList__item.item-03 .dataList .dataitem.-sun .text {
  position: relative;
  padding-left: 28px;
}
.lower-merit .merit__data .meritList__item.item-03 .dataList .dataitem.-sun .text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 21px;
  height: 21px;
  background-image: url(../img/merit/sunillustrat.png);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  pointer-events: none;
}
.lower-merit .merit__data .meritList__item.item-03 .dataList .dataitem.-night .text {
  position: relative;
  padding-left: 28px;
}
.lower-merit .merit__data .meritList__item.item-03 .dataList .dataitem.-night .text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../img/merit/nightillustrat.png);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  pointer-events: none;
}
.lower-merit .merit__data .meritList__item.item-03 .dataList::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: 10px;
  width: 59px;
  height: 76px;
  background-image: url(../img/merit/numillustration03.png);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-03 .dataList::after {
    right: 0;
    -webkit-transform: scale(0.88);
            transform: scale(0.88);
  }
}
.lower-merit .merit__data .meritList__item.item-04 .dataList {
  margin-top: 40px;
}
@media all and (max-width: 1200px) {
  .lower-merit .merit__data .meritList__item.item-04 .dataList {
    margin-top: 28px;
  }
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-04 .dataList {
    margin-top: 22px;
    margin-bottom: 14px;
  }
}
.lower-merit .merit__data .meritList__item.item-04 .dataList .circleBox {
  position: relative;
  width: 198px;
  margin: 0 auto;
}
@media all and (max-width: 1200px) {
  .lower-merit .merit__data .meritList__item.item-04 .dataList .circleBox {
    width: 180px;
  }
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-04 .dataList .circleBox {
    width: 148px;
  }
}
.lower-merit .merit__data .meritList__item.item-04 .dataList .circleBox .chart {
  aspect-ratio: 1/1;
  position: relative;
  width: 198px;
  height: 198px;
}
@media all and (max-width: 1200px) {
  .lower-merit .merit__data .meritList__item.item-04 .dataList .circleBox .chart {
    width: 180px;
    height: 180px;
  }
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-04 .dataList .circleBox .chart {
    width: 148px;
    height: 148px;
  }
}
.lower-merit .merit__data .meritList__item.item-04 .dataList .circleBox::after {
  content: "";
  position: absolute;
  bottom: -8px;
  right: -25px;
  width: 122px;
  height: 105px;
  background-image: url(../img/merit/numillustration04.png);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-04 .dataList .circleBox::after {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    bottom: -22px;
    right: -32px;
  }
}
.lower-merit .merit__data .meritList__item.item-04 .dataList .dataitem {
  text-align: center;
  margin-top: 32px;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-04 .dataList .dataitem {
    margin-top: 20px;
  }
}
.lower-merit .merit__data .meritList__item.item-04 .dataList .dataitem .dataNum {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-04 .dataList .dataitem .dataNum {
    font-size: 2.4rem;
  }
}
.lower-merit .merit__data .meritList__item.item-04 .dataList .dataitem .countnum {
  color: #ff0000;
  font-size: 9rem;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  line-height: 1;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-04 .dataList .dataitem .countnum {
    font-size: 6.8rem;
    margin-right: -5px;
  }
}
.lower-merit .merit__data .meritList__item.item-05 .dataList {
  margin-top: 42px;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-05 .dataList {
    margin-top: 28px;
    margin-bottom: 12px;
  }
}
.lower-merit .merit__data .meritList__item.item-05 .dataList .circleBox {
  position: relative;
  width: 198px;
  margin: 0 auto;
}
@media all and (max-width: 1200px) {
  .lower-merit .merit__data .meritList__item.item-05 .dataList .circleBox {
    width: 180px;
  }
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-05 .dataList .circleBox {
    width: 148px;
  }
}
.lower-merit .merit__data .meritList__item.item-05 .dataList .circleBox .chart {
  aspect-ratio: 1/1;
  position: relative;
  width: 198px;
  height: 198px;
}
@media all and (max-width: 1200px) {
  .lower-merit .merit__data .meritList__item.item-05 .dataList .circleBox .chart {
    width: 180px;
    height: 180px;
  }
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-05 .dataList .circleBox .chart {
    width: 148px;
    height: 148px;
  }
}
.lower-merit .merit__data .meritList__item.item-05 .dataList .circleBox::before {
  content: "";
  position: absolute;
  top: -58px;
  right: 22px;
  width: 48px;
  height: 75.5px;
  background-image: url(../img/merit/numillustration05.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  pointer-events: none;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-05 .dataList .circleBox::before {
    right: 0;
    top: -46px;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
.lower-merit .merit__data .meritList__item.item-05 .dataList .detail {
  max-width: 290px;
  margin: 24px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px 2%;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-05 .dataList .detail {
    margin-top: 16px;
    max-width: 260px;
    gap: 4px 2%;
  }
}
.lower-merit .merit__data .meritList__item.item-05 .dataList .detail__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 23px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 49%;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-05 .dataList .detail__item {
    padding-left: 18px;
  }
}
.lower-merit .merit__data .meritList__item.item-05 .dataList .detail__item .text {
  font-weight: bold;
  font-size: 1.4rem;
}
.lower-merit .merit__data .meritList__item.item-05 .dataList .detail__item .colon {
  display: block;
  padding: 0 5px 3px 3px;
  font-weight: bold;
  line-height: 1;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-05 .dataList .detail__item .colon {
    padding: 0 3px 3px 2px;
  }
}
.lower-merit .merit__data .meritList__item.item-05 .dataList .detail__item .countnum {
  font-size: 2rem;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  line-height: 1;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-05 .dataList .detail__item .countnum {
    font-size: 1.8rem;
  }
}
.lower-merit .merit__data .meritList__item.item-05 .dataList .detail__item .numHolder {
  font-size: 1.4rem;
  line-height: 1;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-05 .dataList .detail__item .numHolder {
    font-size: 1.3rem;
  }
}
.lower-merit .merit__data .meritList__item.item-05 .dataList .detail__item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 13px;
  height: 13px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-05 .dataList .detail__item::before {
    width: 12px;
    height: 11px;
  }
}
.lower-merit .merit__data .meritList__item.item-05 .dataList .detail__item:nth-child(6n+1)::before {
  background-color: #ff0000;
}
.lower-merit .merit__data .meritList__item.item-05 .dataList .detail__item:nth-child(6n+2)::before {
  background-color: #fe5a35;
}
.lower-merit .merit__data .meritList__item.item-05 .dataList .detail__item:nth-child(6n+3)::before {
  background-color: #fe9264;
}
.lower-merit .merit__data .meritList__item.item-05 .dataList .detail__item:nth-child(6n+4)::before {
  background-color: #e09f41;
}
.lower-merit .merit__data .meritList__item.item-05 .dataList .detail__item:nth-child(6n+5)::before {
  background-color: #ffdb7a;
}
.lower-merit .merit__data .meritList__item.item-05 .dataList .detail__item:nth-child(6n)::before {
  background-color: #c6c6c6;
}
.lower-merit .merit__data .meritList__item.item-06 .dataList {
  margin-top: 20px;
  margin-bottom: 12px;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-06 .dataList {
    margin-bottom: 24px;
  }
}
.lower-merit .merit__data .meritList__item.item-06 .dataList__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px 0 12px;
  border-bottom: #f0f0f0 1px solid;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-06 .dataList__item {
    padding: 12px 26px 10px 0;
  }
}
.lower-merit .merit__data .meritList__item.item-06 .dataList__item .num {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  font-size: 1.4rem;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  pointer-events: none;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-06 .dataList__item .num {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36px;
            flex: 0 0 36px;
    width: 36px;
    height: 36px;
    font-size: 1.3rem;
    padding-top: 6px;
  }
}
.lower-merit .merit__data .meritList__item.item-06 .dataList__item .text {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 1.5rem;
  font-weight: bold;
  margin-left: 10px;
  line-height: 1.45;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-06 .dataList__item .text {
    font-size: 1.4rem;
    margin-left: 10px;
  }
}
.lower-merit .merit__data .meritList__item.item-06 .dataList__item:nth-child(1) .num {
  background-image: url(../img/merit/numBackground01.png);
}
.lower-merit .merit__data .meritList__item.item-06 .dataList__item:nth-child(2) .num {
  background-image: url(../img/merit/numBackground02.png);
}
.lower-merit .merit__data .meritList__item.item-06 .dataList__item:nth-child(3) .num {
  background-image: url(../img/merit/numBackground03.png);
}
.lower-merit .merit__data .meritList__item.item-06 .dataList__item:not(:nth-child(1), :nth-child(2), :nth-child(3)) .num {
  background-image: url(../img/merit/numBackground04.png);
}
.lower-merit .merit__data .meritList__item.item-06 .dataList::before {
  content: "";
  position: absolute;
  bottom: 25px;
  right: 24px;
  width: 46px;
  height: 69px;
  background-image: url(../img/merit/numillustration06.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  pointer-events: none;
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList__item.item-06 .dataList::before {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    bottom: 12px;
    right: 16px;
  }
}
@media all and (max-width: 834px) {
  .lower-merit .merit__data .meritList {
    margin-top: 20px;
  }
}

.lower-interview_l .pageHeader .noodleContents {
  left: -42px;
  bottom: 352px;
}
.lower-interview_l .interview__inner {
  margin-top: 188px;
  max-width: 1050px;
  margin-bottom: 60px;
}
@media all and (max-width: 1200px) {
  .lower-interview_l .interview__inner {
    margin-top: 148px;
    margin-bottom: 16px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_l .interview__inner {
    margin-top: 40px;
    margin-bottom: 56px;
  }
}
.lower-interview_l .interview__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 148px;
  margin-bottom: 100px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .lower-interview_l .interview__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 2%;
  }
}
@media screen and (max-width: 767px) {
  .lower-interview_l .interview__list {
    gap: 0;
    display: block;
    margin-bottom: 44px;
  }
}
.lower-interview_l .interview__list__item {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 380px;
  width: 100%;
  padding-bottom: 88px;
}
.lower-interview_l .interview__list__item .bubble {
  position: absolute;
  bottom: 100%;
  margin-bottom: -24px;
  display: inline-block;
  left: -60px;
  max-width: 373px;
  padding: 28px 32px;
  background-color: #fff;
  border: 3px #eaebed solid;
  border-radius: 8px;
  opacity: 0;
  z-index: 2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media all and (max-width: 1200px) {
  .lower-interview_l .interview__list__item .bubble {
    opacity: 1;
    left: -26px;
    padding: 28px 24px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_l .interview__list__item .bubble {
    position: relative;
    bottom: auto;
    max-width: 300px;
    padding: 21px 18px;
    left: -10px;
    opacity: 1;
  }
}
.lower-interview_l .interview__list__item .bubble__txt {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
}
.lower-interview_l .interview__list__item .bubble__txt::after {
  content: "“";
  position: absolute;
  top: -16px;
  left: 8px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 9rem;
  line-height: 0.7;
  color: #ff0000;
}
@media all and (max-width: 1200px) {
  .lower-interview_l .interview__list__item .bubble__txt::after {
    font-size: 7rem;
    top: -8px;
    left: 12px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_l .interview__list__item .bubble__txt::after {
    font-size: 5.6rem;
    top: -8px;
    left: 8px;
  }
}
@media all and (max-width: 1200px) {
  .lower-interview_l .interview__list__item .bubble__txt {
    font-size: 1.8rem;
    line-height: 1.6;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_l .interview__list__item .bubble__txt {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
.lower-interview_l .interview__list__item .bubble::before {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 72px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 2px 0 16px;
  border-color: #fff transparent transparent transparent;
  z-index: 2;
}
.lower-interview_l .interview__list__item .bubble::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 65px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 2px 0 26px;
  border-color: #eaebed transparent transparent transparent;
}
.lower-interview_l .interview__list__item .imgArea .img {
  overflow: hidden;
}
.lower-interview_l .interview__list__item .imgArea .img img {
  aspect-ratio: 380/456;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.lower-interview_l .interview__list__item .txtArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-top: 18px;
}
.lower-interview_l .interview__list__item .txtArea__left {
  max-width: 306px;
}
.lower-interview_l .interview__list__item .txtArea__left .position {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  background-color: #ff0000;
  padding: 6px 8px 5px;
  font-size: 1.5rem;
  line-height: 1.3;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media all and (max-width: 834px) {
  .lower-interview_l .interview__list__item .txtArea__left .position {
    font-size: 1.2rem;
    padding: 6px 6px 5px;
    line-height: 1.4;
  }
}
.lower-interview_l .interview__list__item .txtArea__left .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
}
@media all and (max-width: 834px) {
  .lower-interview_l .interview__list__item .txtArea__left .info {
    margin-top: 4px;
  }
}
.lower-interview_l .interview__list__item .txtArea__left .info .name {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
}
.lower-interview_l .interview__list__item .txtArea__left .info .name .small {
  font-size: 1.4rem;
}
@media all and (max-width: 834px) {
  .lower-interview_l .interview__list__item .txtArea__left .info .name .small {
    font-size: 1.2rem;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_l .interview__list__item .txtArea__left .info .name {
    font-size: 2.1rem;
  }
}
.lower-interview_l .interview__list__item .txtArea__left .info .year {
  color: #999999;
  font-size: 1.4rem;
  padding-top: 8px;
  margin-left: 16px;
  font-weight: bold;
}
@media all and (max-width: 834px) {
  .lower-interview_l .interview__list__item .txtArea__left .info .year {
    font-size: 1.2rem;
    margin-left: 12px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_l .interview__list__item .txtArea__left {
    max-width: 256px;
  }
}
.lower-interview_l .interview__list__item .txtArea .swiper-button-next {
  position: relative;
  z-index: 4;
  background-color: #fff;
  width: 50px;
  height: 50px;
  border: 1px solid #222222;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
}
.lower-interview_l .interview__list__item .txtArea .swiper-button-next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 17px;
  height: 7px;
  background: url(../img/common/ico_arrow_black_s.png) no-repeat center center/contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media all and (max-width: 834px) {
  .lower-interview_l .interview__list__item .txtArea .swiper-button-next::before {
    -webkit-transform: scale(0.8) translate(-50%, -50%);
            transform: scale(0.8) translate(-50%, -50%);
  }
}
@media all and (max-width: 834px) {
  .lower-interview_l .interview__list__item .txtArea .swiper-button-next {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 42px;
            flex: 0 0 42px;
    width: 42px;
    height: 42px;
  }
}
@media (hover: hover) {
  .lower-interview_l .interview__list__item a:hover .bubble {
    opacity: 1;
  }
  .lower-interview_l .interview__list__item a:hover .imgArea .img img {
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
  }
  .lower-interview_l .interview__list__item a:hover .swiper-button-next {
    background-color: red;
    border-color: #fff;
  }
  .lower-interview_l .interview__list__item a:hover .swiper-button-next::before {
    background-image: url(../img/common/ico_arrow_white_m.png);
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .lower-interview_l .interview__list__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
  }
}
@media screen and (max-width: 767px) {
  .lower-interview_l .interview__list__item {
    padding-bottom: 0;
    margin: 44px auto 0;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_l .interview__list__item:first-child {
    margin-top: 0;
  }
}
.lower-interview_l .interview__list:nth-child(odd)::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -74px;
  left: 160px;
  width: 150%;
  height: 366px;
  z-index: -1;
  pointer-events: none;
  background-image: url(../img/index/special_bg.png);
}
@media all and (max-width: 834px) {
  .lower-interview_l .interview__list:nth-child(odd)::before {
    display: none;
  }
}
.lower-interview_l .interview__list:nth-child(even)::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -74px;
  right: 160px;
  width: 150%;
  height: 366px;
  z-index: -1;
  pointer-events: none;
  background-image: url(../img/index/special_bg.png);
}
@media all and (max-width: 834px) {
  .lower-interview_l .interview__list:nth-child(even)::before {
    display: none;
  }
}
.lower-interview_l .interview__list:last-child {
  margin-bottom: 0;
}

.lower-interview_d .breadcrumb {
  margin-top: 128px;
  z-index: 2;
}
@media all and (max-width: 834px) {
  .lower-interview_d .breadcrumb {
    margin-top: 88px;
  }
}
.lower-interview_d .l-container-m {
  max-width: 1340px;
}
.lower-interview_d .pageHeader__flowingTxt {
  position: relative;
  z-index: 2;
}
.lower-interview_d .interview__head {
  position: relative;
  background-image: url(../img/index/mv_bg.png);
  background-color: rgba(255, 255, 255, 0.7);
  background-blend-mode: lighten;
  background-repeat: repeat;
  margin-top: -212px;
  padding-top: 212px;
  padding-bottom: 64px;
  background-size: contain;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__head {
    padding-bottom: 60px;
    background-color: rgba(255, 255, 255, 0.1);
    background-blend-mode: lighten;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head {
    background-color: rgba(255, 255, 255, 0.8);
    background-blend-mode: lighten;
    padding-bottom: 40px;
  }
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__head::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 88%;
    background-color: #fff;
    display: inline-block;
    z-index: 0;
    opacity: 0.75;
    margin-top: -212px;
    padding-top: 212px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head::before {
    display: none;
  }
}
.lower-interview_d .interview__head__inner {
  padding-top: 44px;
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head__inner {
    padding-top: 28px;
  }
}
.lower-interview_d .interview__head__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 0 62px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .lower-interview_d .interview__head__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 32px;
  }
}
@media screen and (max-width: 767px) {
  .lower-interview_d .interview__head__content {
    display: block;
    gap: 0;
  }
}
.lower-interview_d .interview__head__content .imgArea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 42vw;
          flex: 0 0 42vw;
  max-width: 625px;
  width: 100%;
}
.lower-interview_d .interview__head__content .imgArea img {
  aspect-ratio: 625/418;
}
.lower-interview_d .interview__head__content .textArea__copy {
  position: relative;
  margin-right: -144px;
  z-index: 2;
}
.lower-interview_d .interview__head__content .textArea__copy .copyText {
  display: inline;
  color: #fff;
  font-size: 4.2rem;
  line-height: 1.7;
  font-weight: bold;
  background-color: #ff0000;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.08em;
  padding: 4px 8px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__head__content .textArea__copy .copyText {
    font-size: 3rem;
    line-height: 1.7;
    padding: 5px 8px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head__content .textArea__copy .copyText {
    font-size: 2rem;
    letter-spacing: 0.09em;
    line-height: 2;
    padding: 6px 4px 6px 8px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head__content .textArea__copy {
    margin-top: 22px;
    margin-right: 0;
  }
}
.lower-interview_d .interview__head__content .textArea__position {
  display: inline-block;
  margin-top: 40px;
  color: #fff;
  font-weight: bold;
  background-color: #ff0000;
  padding: 6px 6px 5px;
  font-size: 1.5rem;
  line-height: 1.3;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__head__content .textArea__position {
    margin-top: 28px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head__content .textArea__position {
    margin-top: 36px;
    font-size: 1.3rem;
    padding: 5px 5px 4px;
  }
}
.lower-interview_d .interview__head__content .textArea__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 14px;
}
.lower-interview_d .interview__head__content .textArea__info .name {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
}
.lower-interview_d .interview__head__content .textArea__info .name .small {
  font-size: 1.4rem;
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head__content .textArea__info .name .small {
    font-size: 1.2rem;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head__content .textArea__info .name {
    font-size: 2.1rem;
  }
}
.lower-interview_d .interview__head__content .textArea__info .year {
  color: #999999;
  font-size: 1.4rem;
  padding-top: 3px;
  margin-left: 16px;
  font-weight: bold;
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head__content .textArea__info .year {
    font-size: 1.3rem;
    margin-left: 10px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head__content .textArea__info {
    margin-top: 8px;
  }
}
.lower-interview_d .interview__head__content .textArea__profile {
  margin-top: 20px;
}
.lower-interview_d .interview__head__content .textArea__profile .profileTitle {
  position: relative;
}
.lower-interview_d .interview__head__content .textArea__profile .profileTitle::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -60px;
  right: 8px;
  z-index: 2;
  width: 61px;
  height: 77px;
  background-image: url(../img/interview/interview_headCharacter.png);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head__content .textArea__profile .profileTitle::before {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
.lower-interview_d .interview__head__content .textArea__profile .profileTitle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  height: 3px;
  background-color: #ff0000;
  width: 78%;
  pointer-events: none;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head__content .textArea__profile .profileTitle::after {
    width: 72%;
    height: 2px;
  }
}
.lower-interview_d .interview__head__content .textArea__profile .profileTitle .txt {
  color: #ff0000;
  font-size: 1.8rem;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head__content .textArea__profile .profileTitle .txt {
    font-size: 1.6rem;
  }
}
.lower-interview_d .interview__head__content .textArea__profile .profileText {
  margin-top: 2px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head__content .textArea__profile .profileText {
    font-size: 1.4rem;
    margin-top: 8px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head__content .textArea__profile {
    margin-top: 16px;
  }
}
.lower-interview_d .interview__head__about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 64px;
  background-color: #fff;
  border: #ff0000 5px solid;
  padding: 0 92px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__head__about {
    border: #ff0000 4px solid;
    padding: 0 32px;
    margin-top: 40px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head__about {
    display: block;
    padding: 0;
    margin-top: 32px;
    border: #ff0000 3px solid;
  }
}
.lower-interview_d .interview__head__about .titleBox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24%;
          flex: 0 0 24%;
  text-align: right;
  padding-right: 34px;
  max-width: 330px;
  background-size: 12px 4px;
}
.lower-interview_d .interview__head__about .titleBox::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 6px;
  display: inline-block;
  width: 128px;
  height: 141.5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/interview/interview_about.png);
  pointer-events: none;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__head__about .titleBox::after {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    left: -12px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head__about .titleBox::after {
    right: -12px;
    -webkit-transform: scale(0.35);
            transform: scale(0.35);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    left: auto;
  }
}
.lower-interview_d .interview__head__about .titleBox .text {
  color: #ff0000;
  font-weight: bold;
  font-size: 2rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__head__about .titleBox .text {
    font-size: 1.9rem;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head__about .titleBox .text {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__head__about .titleBox {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26%;
            flex: 0 0 26%;
    padding-right: 48px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head__about .titleBox {
    margin: 20px 0 14px;
    text-align: center;
    padding-right: 0;
    max-width: none;
  }
}
.lower-interview_d .interview__head__about .textBox {
  padding: 32px 0 32px 88px;
  font-size: 1.5rem;
  color: #ff0000;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  background-image: linear-gradient(to top, #ff0000, #ff0000 7px, transparent 7px, transparent 7px);
  background-size: 7px 19.8px;
  background-repeat: repeat-y;
  background-position: left bottom;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__head__about .textBox {
    padding: 32px 0 32px 48px;
    background-image: linear-gradient(to top, #ff0000, #ff0000 5px, transparent 5px, transparent 5px);
    background-size: 4px 16px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__head__about .textBox {
    padding: 24px 32px 58px;
    font-size: 1.4rem;
    background-image: linear-gradient(to right, #ff0000, #ff0000 3px, transparent 3px, transparent 10px);
    background-size: 10px 3px;
    background-repeat: repeat-x;
    background-position: left top;
  }
}
.lower-interview_d .interview__topics .topicsList {
  margin-top: 116px;
  margin-bottom: 124px;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__topics .topicsList {
    margin-top: 68px;
    margin-bottom: 100px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__topics .topicsList {
    margin-top: 44px;
    margin-bottom: 72px;
  }
}
.lower-interview_d .interview__topics .topicsList__item {
  position: relative;
  margin-bottom: 88px;
}
.lower-interview_d .interview__topics .topicsList__item__inner {
  max-width: 1160px;
}
.lower-interview_d .interview__topics .topicsList__item .mainArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 47px;
}
.lower-interview_d .interview__topics .topicsList__item .mainArea .imgArea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40.2%;
          flex: 0 0 40.2%;
  max-width: 410px;
}
.lower-interview_d .interview__topics .topicsList__item .mainArea .imgArea img {
  aspect-ratio: 410/300;
}
.lower-interview_d .interview__topics .topicsList__item .mainArea .textArea {
  margin-top: -6px;
}
.lower-interview_d .interview__topics .topicsList__item .mainArea .textArea .topicsTitle {
  color: #ff0000;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.58;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.06em;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__topics .topicsList__item .mainArea .textArea .topicsTitle {
    font-size: 2.2rem;
    line-height: 1.55;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__topics .topicsList__item .mainArea .textArea .topicsTitle {
    margin-top: 32px;
    font-size: 1.8rem;
    line-height: 1.45;
    letter-spacing: 0.03em;
  }
}
.lower-interview_d .interview__topics .topicsList__item .mainArea .textArea .topicsText {
  margin-top: 18px;
  font-size: 1.5rem;
  line-height: 2;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__topics .topicsList__item .mainArea .textArea .topicsText {
    margin-top: 10px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__topics .topicsList__item .mainArea .textArea .topicsText {
    margin-top: 8px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .lower-interview_d .interview__topics .topicsList__item .mainArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .lower-interview_d .interview__topics .topicsList__item .mainArea {
    display: block;
  }
}
.lower-interview_d .interview__topics .topicsList__item .decoArea {
  position: absolute;
  top: 9%;
  font-family: "Montserrat", sans-serif;
  color: #ff0000;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.lower-interview_d .interview__topics .topicsList__item .decoArea::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 80px;
  height: 2px;
  margin-left: 8px;
  display: inline-block;
  background-color: #ff0000;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__topics .topicsList__item .decoArea {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    top: -24px;
  }
}
.lower-interview_d .interview__topics .topicsList__item::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -32px;
  width: 274px;
  height: 121px;
  background-image: url(../img/interview/noodleIllustrat.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
  pointer-events: none;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__topics .topicsList__item::after {
    top: -48px;
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    opacity: 0.6;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__topics .topicsList__item::after {
    top: -40px;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
.lower-interview_d .interview__topics .topicsList__item:nth-child(odd) .decoArea {
  left: 15px;
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__topics .topicsList__item:nth-child(odd) .decoArea {
    left: 0;
    padding-left: 7%;
  }
}
.lower-interview_d .interview__topics .topicsList__item:nth-child(odd)::after {
  right: 0;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__topics .topicsList__item:nth-child(odd)::after {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__topics .topicsList__item:nth-child(odd)::after {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
}
.lower-interview_d .interview__topics .topicsList__item:nth-child(even) .mainArea {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.lower-interview_d .interview__topics .topicsList__item:nth-child(even) .decoArea {
  right: 15px;
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__topics .topicsList__item:nth-child(even) .decoArea {
    right: auto;
  }
}
.lower-interview_d .interview__topics .topicsList__item:nth-child(even)::after {
  left: 0;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__topics .topicsList__item:nth-child(even)::after {
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__topics .topicsList__item:nth-child(even)::after {
    left: auto;
    right: 0;
    -webkit-transform-origin: right;
            transform-origin: right;
  }
}
.lower-interview_d .interview__topics .topicsList__item:last-child {
  margin-bottom: 0;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__topics .topicsList__item {
    margin-bottom: 64px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__topics .topicsList__item {
    padding-top: 24px;
    margin-bottom: 52px;
  }
}
.lower-interview_d .interview__oneday {
  position: relative;
  background-image: url(../img/index/special_bg.png);
  background-repeat: repeat;
  width: 100%;
  padding-bottom: 132px;
  background-size: contain;
}
.lower-interview_d .interview__oneday__inner {
  max-width: 1164px;
  margin: 0 auto;
}
.lower-interview_d .interview__oneday__title {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  padding-top: 72px;
  color: #fff;
  text-align: center;
}
.lower-interview_d .interview__oneday__title .en {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__oneday__title .en {
    font-size: 1.3rem;
  }
}
.lower-interview_d .interview__oneday__title .ja {
  margin-top: 6px;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.2;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__oneday__title .ja {
    font-size: 3.6rem;
    margin-top: 4px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__oneday__title .ja {
    margin-top: 0;
    font-size: 2.3rem;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__oneday__title {
    padding-top: 48px;
    margin-bottom: -5px;
  }
}
.lower-interview_d .interview__oneday .onedayList {
  padding: 4px 0;
  margin-top: -7px;
  background-color: #fff;
  border-radius: 10px;
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__oneday .onedayList {
    padding: 0;
    margin-top: 0;
  }
}
.lower-interview_d .interview__oneday .onedayList__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 32px 76px 32px;
  border-bottom: #f0f0f0 2px solid;
}
.lower-interview_d .interview__oneday .onedayList__item__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  color: #ff0000;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 132px;
          flex: 0 0 132px;
  margin-right: 68px;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__oneday .onedayList__item__time {
    margin-right: 16px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__oneday .onedayList__item__time {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
    font-size: 1.25rem;
    margin-right: 48px;
  }
}
.lower-interview_d .interview__oneday .onedayList__item::before {
  content: "";
  display: inline-block;
  background-color: #ff0000;
  width: 1px;
  height: calc(100% + 8px);
  position: absolute;
  z-index: 2;
  top: -4px;
  bottom: -4px;
  left: 200px;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__oneday .onedayList__item::before {
    left: 173px;
    height: calc(100% + 2px);
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__oneday .onedayList__item::before {
    width: 1px;
    left: 84px;
    height: calc(100% + 2px);
  }
}
.lower-interview_d .interview__oneday .onedayList__item::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 70px;
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #ff0000;
  top: 42px;
  left: 194px;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__oneday .onedayList__item::after {
    left: 167px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__oneday .onedayList__item::after {
    width: 8px;
    height: 8px;
    top: 28px;
    left: 80px;
  }
}
.lower-interview_d .interview__oneday .onedayList__item__todo {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.lower-interview_d .interview__oneday .onedayList__item__todo .tidoTitle {
  font-size: 1.9rem;
  color: #ff0000;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 6px;
  margin-bottom: 8px;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__oneday .onedayList__item__todo .tidoTitle {
    font-size: 1.7rem;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__oneday .onedayList__item__todo .tidoTitle {
    font-size: 1.5rem;
    margin-top: 2px;
    margin-bottom: 0;
    line-height: 1.4;
  }
}
.lower-interview_d .interview__oneday .onedayList__item__todo .todoText {
  font-size: 1.5rem;
  line-height: 1.9;
  font-weight: 500;
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__oneday .onedayList__item__todo .todoText {
    font-size: 1.3rem;
    margin-top: 6px;
    line-height: 1.7;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 0.01em;
  }
}
.lower-interview_d .interview__oneday .onedayList__item:last-child {
  border-bottom: none;
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__oneday .onedayList__item {
    padding: 20px 24px;
  }
}
.lower-interview_d .interview__oneday::before {
  content: "";
  display: inline-block;
  background-image: url(../img/interview/oneday_character.png);
  position: absolute;
  top: -88px;
  right: 48px;
  width: 61px;
  height: 88px;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__oneday::before {
    right: 24px;
    -webkit-transform: scale(0.78);
            transform: scale(0.78);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
}
.lower-interview_d .interview__oneday::after {
  content: "";
  display: inline-block;
  background-image: url(../img/interview/oneday_noodle.png);
  position: absolute;
  bottom: 0;
  left: 48px;
  width: 165px;
  height: 242px;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__oneday::after {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__oneday::after {
    left: 10px;
    -webkit-transform: scale(0.63);
            transform: scale(0.63);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__oneday {
    padding-bottom: 84px;
  }
}
.lower-interview_d .interview__message {
  text-align: center;
  padding-top: 80px;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__message {
    padding-top: 48px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__message {
    padding-top: 40px;
  }
}
.lower-interview_d .interview__message .messageDeco {
  position: relative;
  z-index: -1;
  font-size: 20rem;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  opacity: 0.03;
  line-height: 1;
  pointer-events: none;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__message .messageDeco {
    font-size: 17rem;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__message .messageDeco {
    font-size: 6.8rem;
    opacity: 0.05;
  }
}
.lower-interview_d .interview__message__inner {
  margin-top: -48px;
  margin-bottom: 80px;
  max-width: 1100px;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__message__inner {
    margin-top: -56px;
    margin-bottom: 72px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__message__inner {
    margin-top: -28px;
    margin-bottom: 56px;
  }
}
.lower-interview_d .interview__message .messageBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.lower-interview_d .interview__message .messageBox .imgArea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 27.2%;
          flex: 0 0 27.2%;
  margin-right: 54px;
}
.lower-interview_d .interview__message .messageBox .imgArea .img {
  max-width: 261px;
}
.lower-interview_d .interview__message .messageBox .imgArea .img img {
  border-radius: 50%;
  aspect-ratio: 261/261;
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__message .messageBox .imgArea {
    max-width: 261px;
    margin: 0 auto;
  }
}
.lower-interview_d .interview__message .messageBox .textArea .title {
  position: relative;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.08em;
}
.lower-interview_d .interview__message .messageBox .textArea .title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  height: 3px;
  width: 65%;
  pointer-events: none;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-color: #ff0000;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__message .messageBox .textArea .title::after {
    width: 72%;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__message .messageBox .textArea .title::after {
    height: 2px;
    width: 66%;
  }
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__message .messageBox .textArea .title {
    font-size: 2.8rem;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__message .messageBox .textArea .title {
    font-size: 1.9rem;
    margin-top: 40px;
    letter-spacing: 0.13em;
  }
}
.lower-interview_d .interview__message .messageBox .textArea .text {
  margin-top: 32px;
  font-size: 1.5rem;
  line-height: 2;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__message .messageBox .textArea .text {
    margin-top: 20px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__message .messageBox .textArea .text {
    margin-top: 12px;
    font-size: 1.4rem;
  }
}
.lower-interview_d .interview__message .messageBox .textArea .date {
  margin-top: 36px;
  text-align: right;
  color: #999999;
  font-size: 1.2rem;
  font-weight: bold;
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__message .messageBox .textArea .date {
    margin-top: 20px;
    font-size: 1rem;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__message .messageBox {
    display: block;
  }
}
.lower-interview_d .interview__message .button {
  margin-top: 88px;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
.lower-interview_d .interview__message .button a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border: 1px solid #222222;
  padding: 20px 24px;
  padding-left: 32px;
  background-color: #fff;
  position: relative;
  -webkit-transition: color 0.3s, border 0.3s;
  transition: color 0.3s, border 0.3s;
  width: 100%;
}
.lower-interview_d .interview__message .button a::before {
  content: "";
  display: inline-block;
  background-image: url(../img/common/ico_arrow_black_m.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 17px;
  height: 7px;
  position: relative;
  z-index: 3;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  -webkit-transition: background 0.3s, -webkit-transform 0.3s;
  transition: background 0.3s, -webkit-transform 0.3s;
  transition: background 0.3s, transform 0.3s;
  transition: background 0.3s, transform 0.3s, -webkit-transform 0.3s;
  pointer-events: none;
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__message .button a::before {
    -webkit-transform: scale(0.8) scale(-1, 1);
            transform: scale(0.8) scale(-1, 1);
    -webkit-transform-origin: 8px;
            transform-origin: 8px;
  }
}
.lower-interview_d .interview__message .button a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #ff0000;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transition: -webkit-transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
@media (hover: hover) {
  .lower-interview_d .interview__message .button a:hover {
    color: #fff;
  }
  .lower-interview_d .interview__message .button a:hover::before {
    background-image: url(../img/common/ico_arrow_white_m.png);
    -webkit-animation: icon-l-l 300ms ease-in;
            animation: icon-l-l 300ms ease-in;
  }
  .lower-interview_d .interview__message .button a:hover::after {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__message .button a {
    padding: 14px 18px;
    padding-left: 24px;
  }
}
@media all and (max-width: 350px) {
  .lower-interview_d .interview__message .button a {
    padding: 12px 14px;
    padding-left: 20px;
  }
}
.lower-interview_d .interview__message .button .txt {
  font-weight: bold;
  position: relative;
  z-index: 3;
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 1200px) {
  .lower-interview_d .interview__message .button {
    margin-top: 56px;
  }
}
@media all and (max-width: 834px) {
  .lower-interview_d .interview__message .button {
    margin-top: 48px;
  }
}/*# sourceMappingURL=style.css.map */