@charset "UTF-8";
/*#########################################################

読み込み

#########################################################*/
/*!
 * ress.css v2.0.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap");
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: break-word;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
  outline: none;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
  height: 0; /* Add the correct box sizing in Firefox */
}

details,
main {
  display: block; /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none; /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

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

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
  color: inherit;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not([fill]) {
  fill: currentColor;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/*#########################################################

基本設定

#########################################################*/
/* ========================================================
単位用設定
=========================================================*/
/* ========================================================
色用設定
=========================================================*/
/* ========================================================
フォント用設定1
=========================================================*/
/* ========================================================
フォント設定2
=========================================================*/
@font-face {
  font-family: "D-DIN-PRO-500";
  src: url("/common/font/D-DIN-PRO-500-Medium.woff") format("woff");
}
@font-face {
  font-family: "D-DIN-PRO-600";
  src: url("/common/font/D-DIN-PRO-600-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "D-DIN-PRO-700";
  src: url("/common/font/D-DIN-PRO-700-Bold.woff") format("woff");
}
.font-din-500 {
  font-family: "D-DIN-PRO-500", sans-serif;
  font-weight: 500;
}

.font-din-600 {
  font-family: "D-DIN-PRO-600", sans-serif;
  font-weight: 600;
}

.font-din-700 {
  font-family: "D-DIN-PRO-700", sans-serif;
  font-weight: 700;
}

/*#########################################################

レイアウト用設定

#########################################################*/
/* ========================================================
mixin mq用の変数設定
=========================================================*/
/*
▼iOSデバイス
iPhone5: 320 × 568
iPhone 6-8: 375 × 667（1334x750）
iPhone 6-8 plus: 414 × 736（1920x1080）
iPhone X,XS,11Pro: 375 × 812（1125x2436）
iPhone XR,11: 414 × 896（828x1792）

iPad/iPad Mini: 768 × 1024
iPad Pro: 1024 × 1366
https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

▼ブートストラップ
xs： ～767px
sm： 768～991px
md： 992～1119px
lg： 1120px～
*/
/* ========================================================
メディアクエリ用Mixin
=========================================================*/
/*
ステップ1.モバイルファーストかデスクトップファーストかを選ぶ
ステップ2.該当する設定を有効化、その他をコメントアウトする。
ステップ3.選択したタイプにより、「▼モバイルファーストの例」、「▼デスクトップファーストの例」のどちらかを参考にブレイクポイントを設定する。
→実際の設定は_base.scssではなく、インポート元で行う。
*/
/*
// ステップ2：モバイルファースト用（デスクトップファーストの場合はコメントアウト）
$breakpoints: (
	// タブレット
	'md': 'screen and (min-width: ' + ($screen-sm-max + 1) + ') and (max-width: ' + ($screen-md-max) + ')',
	// デスクトップ
	'lg': 'screen and (min-width: ' + ($screen-sm-max + 1) + ')',
) !default;
*/
/*
// ステップ3：▼モバイルファーストの例
// メディアクエリのブロック外にベースになるCSSを書く。
// モバイルファーストでは小さい画面サイズから順々に指定。
main{
	// デフォルト
	background: yellow;
	// タブレット
	@include mq(md){
		background: orange;
	}
	// デスクトップ
	@include mq(lg){
		background: red;
	}
}
//------------------------------
*/
/*
// ステップ3：▼デスクトップファーストの例
// メディアクエリのブロック外にベースになるCSSを書く。
// デスクトップファーストでは大きい画面サイズから順々に指定。
main{
	// デフォルト
	background: red;
	// タブレット
	@include mq(md){
		background: orange;
	}
	// スマートフォン
	@include mq(sm){
		background: yellow;
	}
}

/* ========================================================
PC版・SP版専用設定(PCファースト用)
=========================================================*/
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

@media screen and (max-width: 1500px) {
  .pc-2 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .pc-2 {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .pc-2 {
    display: block !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .md {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .md {
    display: block !important;
  }
}

.sp {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .sp {
    display: initial !important;
  }
}

/* ========================================================
横幅
=========================================================*/
@media screen and (max-width: 767px) {
  body {
    width: 100vw;
    overflow-x: hidden;
  }
}

.textfade-left.is-active {
  --opacity: 1;
}

.char {
  display: inline-block;
  opacity: var(--opacity, 0);
  -webkit-transition: opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-delay: calc(0.05s * var(--char-index));
          transition-delay: calc(0.05s * var(--char-index));
}

@media screen and (max-width: 767px) {
  .wide-sp {
    max-width: 100%;
    padding: 0 min(6.976744186vw, 60px);
  }
}

.wide-pc {
  max-width: min(76.0416666667vw, 1460px);
  width: 100%;
  padding: 0 min(1.5625vw, 30px);
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .wide-pc {
    max-width: min(121.6666666667vw, 1460px);
    padding: 0 min(2.5vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .wide-pc {
    max-width: 100%;
    padding: 0;
  }
}

.wide-s {
  max-width: min(65.625vw, 1260px);
  width: 100%;
  padding: 0 min(1.5625vw, 30px);
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .wide-s {
    max-width: min(105vw, 1260px);
    padding: 0 min(2.5vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .wide-s {
    max-width: 100%;
    padding: 0;
  }
}

.wide-m {
  max-width: min(67.1875vw, 1290px);
  width: 100%;
  padding: 0 min(1.5625vw, 30px);
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .wide-m {
    max-width: min(107.5vw, 1290px);
    padding: 0 min(2.5vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .wide-m {
    max-width: 100%;
    padding: 0 min(6.976744186vw, 60px);
  }
}

.wide-l {
  max-width: min(76.0416666667vw, 1460px);
  width: 100%;
  padding: 0 min(1.5625vw, 30px);
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .wide-l {
    max-width: min(121.6666666667vw, 1460px);
    padding: 0 min(2.5vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .wide-l {
    max-width: 100%;
    padding: 0 min(6.976744186vw, 60px);
  }
}

.wide-l2 {
  max-width: min(76.0416666667vw, 1460px);
  width: 100%;
  padding: 0 min(1.5625vw, 30px);
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .wide-l2 {
    max-width: min(121.6666666667vw, 1460px);
    padding: 0 min(2.5vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .wide-l2 {
    max-width: 100%;
    padding: 0 min(6.976744186vw, 60px);
  }
}

a:hover {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  color: #009FE8 !important;
}

/*#########################################################

要素関連（リセットCSSの種類によっては不要）

#########################################################*/
html {
  height: 100%;
  font-size: 62.5%;
}

h1 {
  font-size: 3.6rem;
}

h2 {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 2.4rem;
  }
}

h2.ttl_wagasya {
    font-size: 30px;
    display: inline-block;
    position: relative;
    transform: rotate(-5deg);
    padding: .5em .7em;
    border-left: 2px dotted rgba(0, 0, 0, .1);
    border-right: 2px dotted rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px #333;
    background-color: #009fe8;
    color: #ffffff;
}
@media screen and (max-width: 767px) {
	h2.ttl_wagasya {
	    padding: .2em .7em;
	}
}

h3 {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  h3 {
    font-size: 2rem;
  }
}

h4 {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  h4 {
    font-size: 1.6rem;
  }
}

h5 {
  font-size: 2rem;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  h5 {
    font-size: 1.6rem;
  }
}

h6 {
  font-size: 1.6rem;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  h6 {
    font-size: 1.6rem;
  }
}

textarea {
  border: 1px solid #000;
}

input {
  border: 1px solid #000;
}

table {
  border-collapse: collapse;
}

ul {
  list-style: none;
}

html,
body {
  padding: 0;
  margin: 0;
  -webkit-print-color-adjust: exact;
  -webkit-tap-highlight-color: transparent;
}
html.modal-open,
body.modal-open {
  overflow: hidden;
}

body {
  line-height: 1.3;
  font-family: "Noto Sans JP", sans-serif !important;
  color: #000;
  letter-spacing: 0.1rem;
  font-weight: 500;
}

h1,
h2,
h3 {
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  overflow: hidden;
}
h2.ttl {
  padding: 10px;
  border: none;
  background: none;
  color: #000;
  font-weight: 700;
  text-align: center;
}

/* ========================================================
パーツ
=========================================================*/
picture {
  font-size: 0;
  display: block;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}

p {
  margin: 0;
  padding: 0;
  letter-spacing: 0.05em;
  font-weight: 400;
}

a {
  text-decoration: none;
  color: #000;
}
a:hover {
  opacity: 0.7;
}

img,
video {
  width: 100%;
  vertical-align: bottom;
}

/* ========================================================
ライブラリ用
=========================================================*/
@media screen {
  [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    -webkit-transition-duration: 50ms;
            transition-duration: 50ms;
  }
  [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
    -webkit-transition-delay: 50ms;
            transition-delay: 50ms;
  }
  [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    -webkit-transition-duration: 0.1s;
            transition-duration: 0.1s;
  }
  [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
  }
  [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
  }
  [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
  }
  [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    -webkit-transition-duration: 0.25s;
            transition-duration: 0.25s;
  }
  [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
  [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
  }
  [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.35s;
            transition-delay: 0.35s;
  }
  [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
  }
  [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    -webkit-transition-duration: 0.45s;
            transition-duration: 0.45s;
  }
  [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
  }
  [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    -webkit-transition-duration: 0.55s;
            transition-duration: 0.55s;
  }
  [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.55s;
            transition-delay: 0.55s;
  }
  [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    -webkit-transition-duration: 0.6s;
            transition-duration: 0.6s;
  }
  [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    -webkit-transition-duration: 0.65s;
            transition-duration: 0.65s;
  }
  [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.65s;
            transition-delay: 0.65s;
  }
  [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    -webkit-transition-duration: 0.7s;
            transition-duration: 0.7s;
  }
  [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    -webkit-transition-duration: 0.75s;
            transition-duration: 0.75s;
  }
  [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.75s;
            transition-delay: 0.75s;
  }
  [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    -webkit-transition-duration: 0.8s;
            transition-duration: 0.8s;
  }
  [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    -webkit-transition-duration: 0.85s;
            transition-duration: 0.85s;
  }
  [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.85s;
            transition-delay: 0.85s;
  }
  [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    -webkit-transition-duration: 0.9s;
            transition-duration: 0.9s;
  }
  [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    -webkit-transition-duration: 0.95s;
            transition-duration: 0.95s;
  }
  [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.95s;
            transition-delay: 0.95s;
  }
  [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    -webkit-transition-duration: 1s;
            transition-duration: 1s;
  }
  [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    -webkit-transition-duration: 1.05s;
            transition-duration: 1.05s;
  }
  [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.05s;
            transition-delay: 1.05s;
  }
  [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    -webkit-transition-duration: 1.1s;
            transition-duration: 1.1s;
  }
  [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
  }
  [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    -webkit-transition-duration: 1.15s;
            transition-duration: 1.15s;
  }
  [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.15s;
            transition-delay: 1.15s;
  }
  [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    -webkit-transition-duration: 1.2s;
            transition-duration: 1.2s;
  }
  [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
  }
  [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    -webkit-transition-duration: 1.25s;
            transition-duration: 1.25s;
  }
  [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.25s;
            transition-delay: 1.25s;
  }
  [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    -webkit-transition-duration: 1.3s;
            transition-duration: 1.3s;
  }
  [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.3s;
            transition-delay: 1.3s;
  }
  [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    -webkit-transition-duration: 1.35s;
            transition-duration: 1.35s;
  }
  [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.35s;
            transition-delay: 1.35s;
  }
  [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    -webkit-transition-duration: 1.4s;
            transition-duration: 1.4s;
  }
  [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.4s;
            transition-delay: 1.4s;
  }
  [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    -webkit-transition-duration: 1.45s;
            transition-duration: 1.45s;
  }
  [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.45s;
            transition-delay: 1.45s;
  }
  [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    -webkit-transition-duration: 1.5s;
            transition-duration: 1.5s;
  }
  [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
  }
  [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    -webkit-transition-duration: 1.55s;
            transition-duration: 1.55s;
  }
  [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.55s;
            transition-delay: 1.55s;
  }
  [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    -webkit-transition-duration: 1.6s;
            transition-duration: 1.6s;
  }
  [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.6s;
            transition-delay: 1.6s;
  }
  [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    -webkit-transition-duration: 1.65s;
            transition-duration: 1.65s;
  }
  [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.65s;
            transition-delay: 1.65s;
  }
  [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    -webkit-transition-duration: 1.7s;
            transition-duration: 1.7s;
  }
  [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.7s;
            transition-delay: 1.7s;
  }
  [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    -webkit-transition-duration: 1.75s;
            transition-duration: 1.75s;
  }
  [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.75s;
            transition-delay: 1.75s;
  }
  [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    -webkit-transition-duration: 1.8s;
            transition-duration: 1.8s;
  }
  [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.8s;
            transition-delay: 1.8s;
  }
  [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    -webkit-transition-duration: 1.85s;
            transition-duration: 1.85s;
  }
  [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.85s;
            transition-delay: 1.85s;
  }
  [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    -webkit-transition-duration: 1.9s;
            transition-duration: 1.9s;
  }
  [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.9s;
            transition-delay: 1.9s;
  }
  [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    -webkit-transition-duration: 1.95s;
            transition-duration: 1.95s;
  }
  [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.95s;
            transition-delay: 1.95s;
  }
  [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    -webkit-transition-duration: 2s;
            transition-duration: 2s;
  }
  [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
    -webkit-transition-delay: 2s;
            transition-delay: 2s;
  }
  [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    -webkit-transition-duration: 2.05s;
            transition-duration: 2.05s;
  }
  [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.05s;
            transition-delay: 2.05s;
  }
  [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    -webkit-transition-duration: 2.1s;
            transition-duration: 2.1s;
  }
  [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.1s;
            transition-delay: 2.1s;
  }
  [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    -webkit-transition-duration: 2.15s;
            transition-duration: 2.15s;
  }
  [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.15s;
            transition-delay: 2.15s;
  }
  [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    -webkit-transition-duration: 2.2s;
            transition-duration: 2.2s;
  }
  [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.2s;
            transition-delay: 2.2s;
  }
  [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    -webkit-transition-duration: 2.25s;
            transition-duration: 2.25s;
  }
  [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.25s;
            transition-delay: 2.25s;
  }
  [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    -webkit-transition-duration: 2.3s;
            transition-duration: 2.3s;
  }
  [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.3s;
            transition-delay: 2.3s;
  }
  [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    -webkit-transition-duration: 2.35s;
            transition-duration: 2.35s;
  }
  [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.35s;
            transition-delay: 2.35s;
  }
  [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    -webkit-transition-duration: 2.4s;
            transition-duration: 2.4s;
  }
  [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.4s;
            transition-delay: 2.4s;
  }
  [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    -webkit-transition-duration: 2.45s;
            transition-duration: 2.45s;
  }
  [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.45s;
            transition-delay: 2.45s;
  }
  [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    -webkit-transition-duration: 2.5s;
            transition-duration: 2.5s;
  }
  [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.5s;
            transition-delay: 2.5s;
  }
  [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    -webkit-transition-duration: 2.55s;
            transition-duration: 2.55s;
  }
  [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.55s;
            transition-delay: 2.55s;
  }
  [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    -webkit-transition-duration: 2.6s;
            transition-duration: 2.6s;
  }
  [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.6s;
            transition-delay: 2.6s;
  }
  [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    -webkit-transition-duration: 2.65s;
            transition-duration: 2.65s;
  }
  [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.65s;
            transition-delay: 2.65s;
  }
  [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    -webkit-transition-duration: 2.7s;
            transition-duration: 2.7s;
  }
  [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.7s;
            transition-delay: 2.7s;
  }
  [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    -webkit-transition-duration: 2.75s;
            transition-duration: 2.75s;
  }
  [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.75s;
            transition-delay: 2.75s;
  }
  [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    -webkit-transition-duration: 2.8s;
            transition-duration: 2.8s;
  }
  [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.8s;
            transition-delay: 2.8s;
  }
  [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    -webkit-transition-duration: 2.85s;
            transition-duration: 2.85s;
  }
  [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.85s;
            transition-delay: 2.85s;
  }
  [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    -webkit-transition-duration: 2.9s;
            transition-duration: 2.9s;
  }
  [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.9s;
            transition-delay: 2.9s;
  }
  [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    -webkit-transition-duration: 2.95s;
            transition-duration: 2.95s;
  }
  [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.95s;
            transition-delay: 2.95s;
  }
  [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    -webkit-transition-duration: 3s;
            transition-duration: 3s;
  }
  [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
    -webkit-transition-delay: 3s;
            transition-delay: 3s;
  }
  [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
            transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
  [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
  }
  [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
  }
  [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
  }
  [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
            transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  }
  [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
            transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
            transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  }
  [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  }
  [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
            transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
            transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
            transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  [data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
  }
  [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  [data-aos=fade-up] {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0);
  }
  [data-aos=fade-down] {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0);
  }
  [data-aos=fade-right] {
    -webkit-transform: translate3d(-100px, 0, 0);
            transform: translate3d(-100px, 0, 0);
  }
  [data-aos=fade-left] {
    -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0);
  }
  [data-aos=fade-up-right] {
    -webkit-transform: translate3d(-100px, 100px, 0);
            transform: translate3d(-100px, 100px, 0);
  }
  [data-aos=fade-up-left] {
    -webkit-transform: translate3d(100px, 100px, 0);
            transform: translate3d(100px, 100px, 0);
  }
  [data-aos=fade-down-right] {
    -webkit-transform: translate3d(-100px, -100px, 0);
            transform: translate3d(-100px, -100px, 0);
  }
  [data-aos=fade-down-left] {
    -webkit-transform: translate3d(100px, -100px, 0);
            transform: translate3d(100px, -100px, 0);
  }
  [data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
  }
  [data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1);
  }
  [data-aos=zoom-in] {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  [data-aos=zoom-in-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
            transform: translate3d(0, 100px, 0) scale(0.6);
  }
  [data-aos=zoom-in-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
            transform: translate3d(0, -100px, 0) scale(0.6);
  }
  [data-aos=zoom-in-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
            transform: translate3d(-100px, 0, 0) scale(0.6);
  }
  [data-aos=zoom-in-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
            transform: translate3d(100px, 0, 0) scale(0.6);
  }
  [data-aos=zoom-out] {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  [data-aos=zoom-out-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
            transform: translate3d(0, 100px, 0) scale(1.2);
  }
  [data-aos=zoom-out-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
            transform: translate3d(0, -100px, 0) scale(1.2);
  }
  [data-aos=zoom-out-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
            transform: translate3d(-100px, 0, 0) scale(1.2);
  }
  [data-aos=zoom-out-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
            transform: translate3d(100px, 0, 0) scale(1.2);
  }
  [data-aos^=slide][data-aos^=slide] {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
  [data-aos^=slide][data-aos^=slide].aos-animate {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  [data-aos=slide-up] {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  [data-aos=slide-down] {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  [data-aos=slide-right] {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  [data-aos=slide-left] {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  [data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
  [data-aos=flip-left] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
            transform: perspective(2500px) rotateY(-100deg);
  }
  [data-aos=flip-left].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0);
  }
  [data-aos=flip-right] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
            transform: perspective(2500px) rotateY(100deg);
  }
  [data-aos=flip-right].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0);
  }
  [data-aos=flip-up] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
            transform: perspective(2500px) rotateX(-100deg);
  }
  [data-aos=flip-up].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0);
  }
  [data-aos=flip-down] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
            transform: perspective(2500px) rotateX(100deg);
  }
  [data-aos=flip-down].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0);
  }
}
/* ========================================================
共通パーツ
=========================================================*/
.site-header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 200;
  /* ========================================================
  スクロールしたら
  =========================================================*/
}
@media screen and (max-width: 767px) {
  .site-header {
    background-color: #fff;
  }
}
.site-header .header-inr {
  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;
  padding: 0 min(2.6041666667vw, 50px) 0 min(1.5625vw, 30px);
  height: min(5.7291666667vw, 110px);
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-header .header-inr {
    padding: min(3.3333333333vw, 40px) min(4.1666666667vw, 50px) 0 min(2.75vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .site-header .header-inr {
    background-color: #fff;
    padding: 0 min(4.6511627907vw, 40px);
    height: min(20.9302325581vw, 180px);
  }
}
.site-header .header-inr .logo-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  line-height: 0;
  margin-top: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-header .header-inr .logo-box {
    margin-top: 0;
    padding-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .site-header .header-inr .logo-box {
    margin-top: 0;
  }
}
.site-header .header-inr .logo-box h1 {
  width: min(21.3vw, 213px);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-header .header-inr .logo-box h1 {
    width: min(20.80078125vw, 213px);
  }
}
@media screen and (max-width: 767px) {
  .site-header .header-inr .logo-box h1 {
    width: min(38.1395348837vw, 328px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-header .header-inr .logo-box h1 a svg {
    width: min(20.80078125vw, 213px);
  }
}
@media screen and (max-width: 767px) {
  .site-header .header-inr .logo-box h1 a svg {
    width: min(38.1395348837vw, 328px);
  }
}
.site-header .header-inr .logo-box h1 a svg .color-white {
  -webkit-transition: 0.3s ease 0.3s;
  transition: 0.3s ease 0.3s;
}
.site-header .header-inr .logo-box.add-cc h1 a svg .color-white {
  fill: #fff;
}
.site-header .header-inr .nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.site-header .header-inr .nav-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-header .header-inr .nav-list ul li {
  margin-right: min(5.5vw, 55px);
}
.site-header .header-inr .nav-list ul li:last-child {
  margin-right: 0;
}
.site-header .header-inr .nav-list ul li a {
  -webkit-transition: font-size 0.3s;
  transition: font-size 0.3s;
  font-size: 1.5rem;
  font-size: 1.5rem;
  font-weight: 400;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-header .header-inr .nav-list ul li a {
    font-size: 1.4rem;
  }
}
.site-header .header-inr .nav-list.add-cc ul li a {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .site-header .header-inr .hamburger-container {
    position: relative;
    width: min(12.3255813953vw, 106px);
    height: min(12.3255813953vw, 106px);
    cursor: pointer;
  }
  .site-header .header-inr .hamburger-container span {
    display: inline-block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s; /*アニメーションの設定*/
    position: absolute;
    left: 9px;
    height: 2px;
    background-color: #000;
  }
}
@media screen and (max-width: 767px) and (max-width: 376px) {
  .site-header .header-inr .hamburger-container span {
    left: 7px;
  }
}
@media screen and (max-width: 767px) {
  .site-header .header-inr .hamburger-container span:nth-of-type(1) {
    top: 20px;
    width: min(8.3720930233vw, 72px);
  }
}
@media screen and (max-width: 767px) and (max-width: 376px) {
  .site-header .header-inr .hamburger-container span:nth-of-type(1) {
    top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .site-header .header-inr .hamburger-container span:nth-of-type(2) {
    top: 31px;
    width: min(8.3720930233vw, 72px);
  }
}
@media screen and (max-width: 767px) and (max-width: 376px) {
  .site-header .header-inr .hamburger-container span:nth-of-type(2) {
    top: 26px;
  }
}
.site-header .header-inr .hamburger-container.is-active span:nth-of-type(1) {
  top: 14px;
  left: 7px;
  -webkit-transform: translateY(6px) rotate(-30deg);
          transform: translateY(6px) rotate(-30deg);
}
.site-header .header-inr .hamburger-container.is-active span:nth-of-type(2) {
  top: 26px;
  left: 8px;
  -webkit-transform: translateY(-6px) rotate(30deg);
          transform: translateY(-6px) rotate(30deg);
}
.site-header .header-inr .hamburger-container.add-cc span {
  background-color: #fff;
}
.site-header .header-inr .hamburger-container.js-modal-close span:nth-child(1) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  top: 1.6vw;
}
.site-header .header-inr .hamburger-container.js-modal-close span:nth-child(2) {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  bottom: 1.3333333333vw;
}
.site-header .header-inr .nav-modal-container {
  background: #fff;
  position: fixed;
  left: 0;
  top: min(18.6046511628vw, 160px);
  width: 100%;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  overflow-y: auto;
  z-index: -1;
  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;
}
.site-header .header-inr .nav-modal-container.is-active {
  opacity: 1;
  visibility: visible;
}
.site-header .header-inr .nav-modal-container .modal-inr {
  width: min(69.7674418605vw, 600px);
  margin: min(15.9302325581vw, 137px) auto min(34.8837209302vw, 300px);
}
.site-header .header-inr .nav-modal-container .modal-inr .nav1 {
  border-bottom: solid 1px #E6E6E6;
  padding-bottom: min(9.3023255814vw, 80px);
}
.site-header .header-inr .nav-modal-container .modal-inr .nav2 {
  padding-top: min(6.976744186vw, 60px);
}
.site-header .header-inr .nav-modal-container .modal-inr .modal-list-item li:not(:last-child) {
  margin-bottom: min(6.976744186vw, 60px);
}
.site-header .header-inr .nav-modal-container .modal-inr .modal-list-item li a {
  font-size: 1.6rem;
  font-weight: 400;
}
.site-header.current {
  background-color: #fff;
  -webkit-transition: all, 0.3s;
  transition: all, 0.3s;
  -webkit-box-shadow: 0px 5px 10px -6px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 10px -6px rgba(0, 0, 0, 0.2);
}
.site-header.current .header-inr {
  height: min(4.1666666667vw, 80px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-header.current .header-inr {
    padding: 10px 30px 10px 20px;
    height: min(9vw, 90px);
  }
}
@media screen and (max-width: 767px) {
  .site-header.current .header-inr {
    height: min(18.6046511628vw, 160px);
  }
}
.site-header.current .header-inr .logo-box {
  margin-top: 0;
  padding-top: 0;
}
.site-header.current .header-inr .logo-box h1 {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-header.current .header-inr .logo-box h1 {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@media screen and (max-width: 767px) {
  .site-header.current .header-inr .logo-box h1 {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
.site-header.current .header-inr .nav-list ul li {
  margin-right: min(6.2vw, 62px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-header.current .header-inr .nav-list ul li {
    margin-right: min(4.2vw, 42px);
  }
}
.site-header.current .header-inr .nav-list ul li:last-child {
  margin-right: 0;
}
.site-header.current .header-inr .nav-list ul li a {
  color: #000;
  font-size: 1.4rem;
  font-weight: 400;
}

/* ========================================================
サイトのフッタ
=========================================================*/
.site-footer {
  padding-bottom: 18px;
}
@media screen and (max-width: 767px) {
  .site-footer {
    width: 100%;
    margin: 0 auto;
    padding: 0 min(6.976744186vw, 60px) min(4.6511627907vw, 40px);
  }
}
.site-footer .footer-menu .menu-inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: min(4.5833333333vw, 88px);
  margin-bottom: min(4.0625vw, 78px);
}
@media screen and (max-width: 767px) {
  .site-footer .footer-menu .menu-inr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: min(12.7906976744vw, 110px);
    margin-bottom: min(13.2558139535vw, 114px);
  }
}
.site-footer .footer-menu .menu-inr li {
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-footer .footer-menu .menu-inr li {
    font-size: 1.6rem;
  }
}
.site-footer .footer-menu .menu-inr li:not(:last-child) {
  margin-right: min(3.6458333333vw, 70px);
}
@media screen and (max-width: 767px) {
  .site-footer .footer-menu .menu-inr li:not(:last-child) {
    margin-right: 0;
    margin-bottom: min(7.5581395349vw, 65px);
  }
}
.site-footer .footer-menu .menu-inr li a {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.08rem;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-footer .footer-menu .menu-inr li a {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .site-footer .footer-menu .menu-inr li a {
    font-size: 1.5rem;
  }
}
.site-footer p {
  text-align: center;
}
.site-footer p small {
  display: block;
  text-align: center;
  font-size: 1.2rem;
  color: #999;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-footer p small {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .site-footer p small {
    font-size: 1rem;
  }
}

/* ========================================================
エントリー
=========================================================*/
.entry-box {
  background-color: #009FE8;
  padding: min(4.6875vw, 90px) 0 min(5.9895833333vw, 115px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .entry-box {
    padding: min(7.5vw, 90px) 0 min(9.5833333333vw, 115px);
  }
}
@media screen and (max-width: 767px) {
  .entry-box {
    padding: min(8.1395348837vw, 70px) 0 min(17.4418604651vw, 150px);
  }
}
.entry-box .entry-txtbox {
  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;
  max-width: min(53.125vw, 1020px);
  width: calc(100% - 60px);
  margin: 0 auto min(3.75vw, 72px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .entry-box .entry-txtbox {
    max-width: min(85vw, 1020px);
    margin: 0 auto min(6vw, 72px);
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .entry-box .entry-txtbox {
    display: block;
    max-width: initial;
    width: 100%;
    margin-bottom: min(9.8837209302vw, 85px);
  }
}
.entry-box .entry-txtbox .heading {
  position: relative;
  display: inline-block;
  padding-right: min(5.5729166667vw, 107px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .entry-box .entry-txtbox .heading {
    padding-right: min(8.9166666667vw, 107px);
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .entry-box .entry-txtbox .heading {
    position: initial;
    display: block;
    padding: 0;
    margin: 0;
  }
}
.entry-box .entry-txtbox .heading::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 110px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.entry-box .entry-txtbox .heading .heading-en {
  font-size: min(5.7291666667vw, 110px);
  line-height: 1;
  color: #fff;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .entry-box .entry-txtbox .heading .heading-en {
    font-size: min(9.1666666667vw, 110px);
  }
}
@media screen and (max-width: 767px) {
  .entry-box .entry-txtbox .heading .heading-en {
    font-size: min(16.2790697674vw, 140px);
    text-align: center;
  }
}
.entry-box .entry-txtbox .heading .heading-txt {
  font-size: min(1.3020833333vw, 25px);
  font-weight: 600;
  color: #fff;
  line-height: 1.4;
  text-align: left;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .entry-box .entry-txtbox .heading .heading-txt {
    font-size: min(2.0833333333vw, 25px);
  }
}
@media screen and (max-width: 767px) {
  .entry-box .entry-txtbox .heading .heading-txt {
    font-size: min(4.4186046512vw, 38px);
    text-align: center;
    margin-bottom: 20px;
  }
}
.entry-box .entry-txtbox .entry-txt {
  font-size: min(1.3541666667vw, 26px);
  line-height: 1.7;
  color: #fff;
  padding-left: min(3.6458333333vw, 70px);
  font-weight: 500;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .entry-box .entry-txtbox .entry-txt {
    padding-left: min(5.8333333333vw, 70px);
    font-size: min(2.1666666667vw, 26px);
  }
}
@media screen and (max-width: 767px) {
  .entry-box .entry-txtbox .entry-txt {
    font-size: 1.5rem;
    text-align: center;
    line-height: 2.1;
    padding-left: 0;
  }
}
.entry-box .entry-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .entry-box .entry-btn {
    gap: 25px;
  }
}
@media screen and (max-width: 767px) {
  .entry-box .entry-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    padding: 0 min(6.976744186vw, 60px);
  }
}
.entry-box .entry-btn li {
  width: calc((100% - 90px) / 3);
}
@media screen and (max-width: 767px) {
  .entry-box .entry-btn li {
    width: 100%;
  }
}
.entry-box .entry-btn li a {
  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;
  font-size: min(1.25vw, 24px);
  color: #009FE8;
  font-weight: 700;
  background-color: #fff;
  max-width: min(19.2708333333vw, 370px);
  width: 100%;
  height: min(4.1666666667vw, 80px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .entry-box .entry-btn li a {
    height: min(6.6666666667vw, 80px);
    max-width: min(30.8333333333vw, 370px);
    font-size: min(2vw, 24px);
    max-width: initial;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .entry-box .entry-btn li a {
    max-width: initial;
    width: 100%;
    height: min(16.2790697674vw, 140px);
    font-size: min(4.6511627907vw, 40px);
  }
}

/* ========================================================
採用情報
=========================================================*/
.site-header .header-inr .white ul li a {
  color: #fff;
}

/* ========================================================
採用情報
=========================================================*/
.recruit-container {
  margin-bottom: min(12.5vw, 240px);
  /* ========================================================
  kv
  =========================================================*/
  /* ========================================================
  私たちの仕事
  =========================================================*/
  /* ========================================================
  先に出すインタビュー
  =========================================================*/
  /* ========================================================
  インタビュー
  =========================================================*/
  /* ========================================================
  選考までの流れ
  =========================================================*/
  /* ========================================================
  よくある質問
  =========================================================*/
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container {
    margin-bottom: min(20vw, 240px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container {
    /*font-size: min(23.2558139535vw, 200px);*/
  }
}
.recruit-container .common-txt {
  font-size: 1.6rem;
  line-height: 2.5;
  font-weight: 400;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .common-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .common-txt {
    line-height: 2.2;
    font-size: 1.6rem;
  }
}
.recruit-container .common-txt2 {
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 400;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .common-txt2 {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .common-txt2 {
    line-height: 2.2;
    font-size: 1.6rem;
  }
}
.recruit-container .heading-txt {
  font-size: 4rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .recruit-container .heading-txt {
    font-size: 3rem;
  }
}

.recruit-container .kv-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: min(10.0520833333vw, 193px);
}
@media screen and (max-width: 767px) {
  .recruit-container .kv-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: min(13.9534883721vw, 120px);
  }
}
.recruit-container .kv-box .left {
  padding: 0 0.5vw min(3.28125vw, 63px) min(4.2708333333vw, 82px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .kv-box .left {
    padding-left: min(1.3020833333vw, 25px);
    padding-bottom: 0;
    padding-right: 0.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .kv-box .left {
    padding-left: min(2.0833333333vw, 25px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .kv-box .left {
    padding: 0;
    padding-left: 30px;
    margin-top: -10vw;
  }
}
.recruit-container .kv-box .left .kv-title {
  position: relative;
  font-size: min(4.1666666667vw, 80px);
  letter-spacing: 0.01rem;
  color: #009FE8;
  line-height: 1;
  margin-bottom: min(1.3020833333vw, 25px);
  z-index: 100;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .kv-box .left .kv-title {
    font-size: min(4.39453125vw, 45px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .kv-box .left .kv-title {
    font-size: min(18.6046511628vw, 160px);
    margin-bottom: min(3.488372093vw, 30px);
  }
}
.recruit-container .kv-box .left .title-txt {
  font-size: min(1.3020833333vw, 25px);
  line-height: 2;
  font-weight: 500;
  margin-bottom: min(1.3020833333vw, 25px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .kv-box .left .title-txt {
    font-size: min(1.7578125vw, 18px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .kv-box .left .title-txt {
    font-size: min(5.5813953488vw, 48px);
    margin-bottom: min(2.9069767442vw, 25px);
    line-height: 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .kv-box .left .common-txt {
    font-size: min(1.3671875vw, 14px);
  }
}
.recruit-container .kv-box .img-box {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: min(73.3333333333vw, 1408px);
  width: 70vw;
  z-index: 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .kv-box .img-box {
    -ms-flex-negative: initial;
        flex-shrink: initial;
    width: 70vw;
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .kv-box .img-box {
    padding-top: min(20.9302325581vw, 180px);
    width: 100%;
  }
}
.recruit-container .ourjob-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: min(8.3333333333vw, 160px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .ourjob-box {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: min(13.3333333333vw, 160px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .ourjob-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: min(10.3567318757vw, 90px);
  }
}
.recruit-container .ourjob-box .img-box {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: min(36.4583333333vw, 700px);
  margin-right: min(5.7291666667vw, 110px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .ourjob-box .img-box {
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .ourjob-box .img-box {
    width: 100%;
    margin-right: 0;
  }
}
.recruit-container .ourjob-box .txt-box {
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
  .recruit-container .ourjob-box .txt-box {
    padding-top: min(8.1395348837vw, 70px);
  }
}
.recruit-container .ourjob-box .txt-box .heading-en {
  font-size: min(3.125vw, 60px);
  margin-bottom: 12px;
  color: #009FE8;
  line-height: 1;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .ourjob-box .txt-box .heading-en {
    font-size: min(5vw, 60px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .ourjob-box .txt-box .heading-en {
    font-size: min(9.7674418605vw, 84px);
    margin-bottom: min(4.1860465116vw, 36px);
  }
}
.recruit-container .ourjob-box .txt-box .heading-txt {
  line-height: 1.4;
  margin-bottom: min(2.0833333333vw, 40px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .ourjob-box .txt-box .heading-txt {
    margin-bottom: min(3.3333333333vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .ourjob-box .txt-box .heading-txt {
    margin-bottom: min(7.5581395349vw, 65px);
  }
}
.recruit-container .greeting-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: min(8.3333333333vw, 60px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .greeting-box {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: min(13.3333333333vw, 160px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .greeting-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: min(10.3567318757vw, 90px);
  }
}
.recruit-container .greeting-box .img-box {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: min(36.4583333333vw, 400px);
  margin-right: min(5.7291666667vw, 110px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .greeting-box .img-box {
    /*width: 35%;*/
	width: 400px;
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .greeting-box .img-box {
    width: 100%;
    margin-right: 0;
  }
}
.recruit-container .greeting-box .txt-box {
  padding-top: 0px;
}
@media screen and (max-width: 767px) {
  .recruit-container .greeting-box .txt-box {
    padding-top: min(8.1395348837vw, 70px);
  }
}
.recruit-container .greeting-box .txt-box .heading-en {
  font-size: min(3.125vw, 40px);
  margin-bottom: 12px;
  color: #009FE8;
  line-height: 1;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .greeting-box .txt-box .heading-en {
    font-size: min(5vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .greeting-box .txt-box .heading-en {
    font-size: min(9.7674418605vw, 37px);
    line-height: 1.2;
    margin-bottom: min(4.1860465116vw, 36px);
  }
}
.recruit-container .greeting-box .txt-box .heading-txt {
  line-height: 1.3;
  margin-bottom: min(2.0833333333vw, 40px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .greeting-box .txt-box .heading-txt {
    line-height: 1.3;
    margin-bottom: min(3.3333333333vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .greeting-box .txt-box .heading-txt {
    line-height: 1.3;
    margin-bottom: min(7.5581395349vw, 65px);
  }
}
.recruit-container .step-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: min(8.3333333333vw, 160px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .step-box {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: min(13.3333333333vw, 160px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .step-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: min(10.3567318757vw, 90px);
  }
}
.recruit-container .step-box .img-box {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: min(36.4583333333vw, 400px);
  margin-right: min(5.7291666667vw, 110px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .step-box .img-box {
    width: 35%;
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .step-box .img-box {
    width: 100%;
    margin-right: 0;
  }
}
.recruit-container .step-box .txt-box {
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
  .recruit-container .step-box .txt-box {
    padding-top: min(8.1395348837vw, 70px);
  }
}
.recruit-container .step-box .txt-box .heading-en {
  font-size: min(3.125vw, 30px);
  margin-bottom: 12px;
  color: #009FE8;
  line-height: 1.2;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .step-box .txt-box .heading-en {
    font-size: min(5vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .step-box .txt-box .heading-en {
    font-size: min(9.7674418605vw, 32px);
    margin-bottom: min(4.1860465116vw, 20px);
  }
}
.recruit-container .step-box .txt-box .heading-txt {
  line-height: 1.4;
  margin-bottom: min(2.0833333333vw, 40px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .step-box .txt-box .heading-txt {
    margin-bottom: min(3.3333333333vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .step-box .txt-box .heading-txt {
    margin-bottom: min(7.5581395349vw, 65px);
  }
}
.recruit-container .interview-stt {
  margin-bottom: min(9.375vw, 180px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-stt {
    margin-bottom: min(15vw, 180px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-stt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: min(21.8604651163vw, 188px);
  }
}
.recruit-container .interview-stt .txt-box {
  position: relative;
  margin-right: min(5.7291666667vw, 110px);
  padding-top: min(2.34375vw, 45px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-stt .txt-box {
    margin-right: min(9.1666666667vw, 110px);
    padding-top: min(3.75vw, 45px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-stt .txt-box {
    position: initial;
  }
}
.recruit-container .interview-stt .txt-box::after {
  content: "";
  background: url("/common/img/under/recruit/recruit_interview_start_num01.svg") center bottom/cover no-repeat;
  width: min(16.8229166667vw, 323px);
  height: min(9.9479166667vw, 191px);
  position: absolute;
  top: -1.5vw;
  right: -1.7vw;
  z-index: -1;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-stt .txt-box::after {
    width: min(26.9166666667vw, 323px);
    height: min(15.9166666667vw, 191px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-stt .txt-box::after {
    background: none;
    right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-stt .txt-box {
    margin-right: min(6.6666666667vw, 80px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-stt .txt-box {
    display: contents;
    margin-right: 0;
    padding-top: 0;
  }
}
.recruit-container .interview-stt .txt-box .heading {
  margin-bottom: min(2.0833333333vw, 40px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-stt .txt-box .heading {
    margin-bottom: min(3.3333333333vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-stt .txt-box .heading {
    position: relative;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    margin-bottom: min(9.3023255814vw, 80px);
    padding-top: min(4.6511627907vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-stt .txt-box .heading::after {
    content: "";
    background: url("/common/img/under/recruit/recruit_interview_start_num01.svg") center bottom/cover no-repeat;
    width: min(34.7674418605vw, 299px);
    height: min(20.4651162791vw, 176px);
    position: absolute;
    top: 0vw;
    right: 2vw;
    z-index: -1;
  }
}
.recruit-container .interview-stt .txt-box .heading .heading-en {
  font-size: min(7.2916666667vw, 140px);
  color: #009FE8;
  line-height: 1;
  margin-bottom: min(0.5208333333vw, 10px);
  letter-spacing: initial;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-stt .txt-box .heading .heading-en {
    font-size: min(10vw, 120px);
    margin-bottom: min(0.8333333333vw, 10px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-stt .txt-box .heading .heading-en {
    font-size: min(18.6046511628vw, 160px);
    margin-bottom: min(2.3255813953vw, 20px);
  }
}
.recruit-container .interview-stt .txt-box .heading .heading-en .bg-num {
  position: absolute;
  right: 0;
  top: 0;
}
.recruit-container .interview-stt .txt-box .interview-lead {
  margin-bottom: min(3.125vw, 60px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-stt .txt-box .interview-lead {
    margin-bottom: min(5vw, 60px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-stt .txt-box .interview-lead {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-bottom: min(8.1395348837vw, 70px);
    line-height: 2.2;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-stt .txt-box .interview-btn {
    width: 100%;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
.recruit-container .interview-stt .txt-box .interview-btn a {
  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;
  background-color: #009FE8;
  color: #fff;
  width: min(29.1666666667vw, 350px);
  height: min(4.6875vw, 90px);
  font-size: min(1.25vw, 24px);
  font-weight: 600;
}
.recruit-container .interview-stt .txt-box .interview-btn a:hover {
  color: #fff !important;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-stt .txt-box .interview-btn a {
    width: min(34.1796875vw, 350px);
    height: min(7.5vw, 90px);
    font-size: min(2vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-stt .txt-box .interview-btn a {
    width: 100%;
    height: min(16.2790697674vw, 140px);
    font-size: min(4.6511627907vw, 40px);
  }
}
.recruit-container .interview-stt .image-box {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: min(36.4583333333vw, 700px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-stt .image-box {
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-stt .image-box {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
  }
}
.recruit-container .interview-stt .image-box .img-box {
  position: relative;
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-stt .image-box .img-box {
    margin-bottom: min(6.2790697674vw, 54px);
  }
}
.recruit-container .interview-stt .image-box .img-box .data-box {
  position: absolute;
  bottom: 4%;
  left: 6%;
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-stt .image-box .img-box .data-box {
    bottom: 6%;
    left: 5%;
  }
}
.recruit-container .interview-stt .image-box .img-box .data-box .place {
  font-size: min(0.9375vw, 18px);
  color: #fff;
  margin-bottom: 11px;
  padding: 0 10px;
  border-left: 7px solid #009FE8;
  line-height: 1.7;
  font-weight: 600;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-stt .image-box .img-box .data-box .place {
    font-size: min(1.5vw, 18px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-stt .image-box .img-box .data-box .place {
    font-size: min(3.2558139535vw, 28px);
    margin: 0;
  }
}
.recruit-container .interview-stt .image-box .img-box .data-box .role {
  font-size: min(1.0416666667vw, 20px);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-weight: 600;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-stt .image-box .img-box .data-box .role {
    font-size: min(1.6666666667vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-stt .image-box .img-box .data-box .role {
    font-size: min(3.7209302326vw, 32px);
  }
}
.recruit-container .interview-stt .image-box .img-box .data-box .role .name {
  display: block;
  font-size: min(1.6666666667vw, 32px);
  margin-left: 5px;
  font-weight: 700;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-stt .image-box .img-box .data-box .role .name {
    font-size: min(2.6666666667vw, 32px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-stt .image-box .img-box .data-box .role .name {
    font-size: min(6.2790697674vw, 54px);
  }
}
.recruit-container .interview-box {
  position: relative;
  margin-bottom: min(15vw, 288px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-box {
    margin-bottom: min(24vw, 288px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-box {
    margin-bottom: min(29.0697674419vw, 250px);
  }
}
.recruit-container .interview-box::before {
  position: absolute;
  top: min(5.46875vw, 105px);
  right: 0;
  z-index: -1;
  content: "";
  background: #F5F5F5;
  display: block;
  width: min(90.625vw, 1740px);
  height: min(140.3645833333vw, 2695px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-box::before {
    top: min(8.75vw, 105px);
    height: min(224.5833333333vw, 2695px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-box::before {
    top: min(8.2558139535vw, 71px);
    width: 100%;
    height: 101%;
  }
}
.recruit-container .interview-box .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: min(3.125vw, 60px);
  padding-left: min(4.1145833333vw, 79px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-box .heading {
    margin-bottom: min(5vw, 60px);
    padding-left: min(6.5833333333vw, 79px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-box .heading {
    display: block;
    margin-bottom: min(6.511627907vw, 56px);
  }
}
.recruit-container .interview-box .heading .heading-en {
  font-size: min(7.2916666667vw, 140px);
  color: #009FE8;
  line-height: 1;
  letter-spacing: initial;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-box .heading .heading-en {
    font-size: min(11.6666666667vw, 140px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-box .heading .heading-en {
    font-size: min(18.6046511628vw, 160px);
  }
}
.recruit-container .interview-box .heading .heading-txt {
  margin-left: 12px;
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-box .heading .heading-txt {
    margin-left: 0;
  }
}
.recruit-container .interview-box .interview-lead {
  max-width: min(62.5vw, 1200px);
  width: calc(100% - 60px);
  margin: 0 auto min(5vw, 96px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-box .interview-lead {
    max-width: min(100vw, 1200px);
    margin: 0 auto min(8vw, 96px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-box .interview-lead {
    max-width: 100%;
    width: 100%;
    line-height: 2.2;
    margin-bottom: min(20.9302325581vw, 180px);
    padding: 0 min(6.976744186vw, 60px);
  }
}
.recruit-container .interview-box .interview-list {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(1.1458333333vw, 22px) min(4.6875vw, 90px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-box .interview-list {
    gap: 22px 25px;
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-box .interview-list {
    display: block;
  }
}
.recruit-container .interview-box .interview-list li {
  width: calc((100% - 180px) / 3);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-box .interview-list li {
    width: calc((100% - 50px) / 3);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-box .interview-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-box .interview-list li:not(:last-child) {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 376px) {
  .recruit-container .interview-box .interview-list li:not(:last-child) {
    margin-bottom: 50px;
  }
}
.recruit-container .interview-box .interview-list li:nth-child(3n-1) {
  margin-top: min(3.125vw, 60px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-box .interview-list li:nth-child(3n-1) {
    margin-top: min(5vw, 60px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-box .interview-list li:nth-child(3n-1) {
    margin-top: 0;
  }
}
.recruit-container .interview-box .interview-list li .img-box {
  position: relative;
  width: min(18.2291666667vw, 350px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-box .interview-list li .img-box {
    width: min(29.1666666667vw, 350px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-box .interview-list li .img-box {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: min(43.023255814vw, 370px);
    position: unset;
  }
}
.recruit-container .interview-box .interview-list li .img-box .place-txt {
  position: absolute;
  bottom: -17px;
  left: 0;
  font-size: 1.5rem;
  line-height: 1.4;
  color: #fff;
  background-color: #009FE8;
  padding: 5px 10px;
  font-weight: 600;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-box .interview-list li .img-box .place-txt {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-box .interview-list li .img-box .place-txt {
    bottom: initial;
    top: -16%;
    font-size: min(3.2558139535vw, 28px);
    width: 100%;
    height: min(6.976744186vw, 60px);
  }
}
@media screen and (max-width: 376px) {
  .recruit-container .interview-box .interview-list li .img-box .place-txt {
    top: -15%;
  }
}
.recruit-container .interview-box .interview-list li .txt-box {
  background-color: #fff;
  padding: 30px min(1.5625vw, 30px) min(1.1979166667vw, 23px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-box .interview-list li .txt-box {
    padding: 25px min(2.5vw, 30px) min(1.9166666667vw, 23px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-box .interview-list li .txt-box {
    width: 50%;
    padding: 50px 0 0 25px;
  }
}
@media screen and (max-width: 376px) {
  .recruit-container .interview-box .interview-list li .txt-box {
    padding: 45px 0 0 10px;
  }
}
.recruit-container .interview-box .interview-list li .txt-box .role {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #999999;
  font-weight: 500;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-box .interview-list li .txt-box .role {
    font-size: min(1vw, 12px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-box .interview-list li .txt-box .role {
    font-size: min(3.023255814vw, 26px);
  }
}
.recruit-container .interview-box .interview-list li .txt-box .name-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-box .interview-list li .txt-box .name-box {
    display: block;
  }
}
.recruit-container .interview-box .interview-list li .txt-box .name-box .name {
  font-size: min(1.09375vw, 21px);
  line-height: 1.4;
  font-weight: 600;
  margin-right: 15px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-box .interview-list li .txt-box .name-box .name {
    font-size: min(1.75vw, 21px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-box .interview-list li .txt-box .name-box .name {
    font-size: min(5.8139534884vw, 50px);
  }
}
@media screen and (max-width: 376px) {
  .recruit-container .interview-box .interview-list li .txt-box .name-box .name {
    margin-right: 5px;
  }
}
.recruit-container .interview-box .interview-list li .txt-box .name-box .name-en {
  font-size: 1.5rem;
  line-height: 1.4;
  color: #009FE8;
  font-weight: 500;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .interview-box .interview-list li .txt-box .name-box .name-en {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .interview-box .interview-list li .txt-box .name-box .name-en {
    font-size: min(3.488372093vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .flow-box {
    padding: 0 min(6.976744186vw, 60px);
    margin-bottom: min(16.8604651163vw, 145px);
  }
}
.recruit-container .flow-box .heading-txt {
  text-align: center;
  margin-top: min(1.875vw, 36px);
  margin-bottom: min(1.875vw, 36px);
  line-height: 1.4;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .flow-box .heading-txt {
    margin-top: min(3vw, 36px);
    margin-bottom: min(3vw, 36px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .flow-box .heading-txt {
    margin-top: min(8.1395348837vw, 70px);
    margin-bottom: min(8.1395348837vw, 70px);
    font-size: 2.4rem;
  }
}
.recruit-container .flow-box .flow-list {
  margin-bottom: min(6.40625vw, 123px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .flow-box .flow-list {
    margin-bottom: min(10.25vw, 123px);
    margin-right: min(2.5vw, 30px);
  }
}
.recruit-container .flow-box .flow-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  padding: min(2.2395833333vw, 43px) min(2.7604166667vw, 53px) min(2.8125vw, 54px);
  -webkit-box-shadow: 10px 8px 0px 0px #009FE8;
          box-shadow: 10px 8px 0px 0px #009FE8;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .flow-box .flow-list li {
    padding: min(3.3333333333vw, 40px) min(3.3333333333vw, 40px) min(4.1666666667vw, 50px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .flow-box .flow-list li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: min(6.976744186vw, 60px) min(9.3023255814vw, 80px) min(9.3023255814vw, 80px) min(8.1395348837vw, 70px);
    margin-right: 10px;
  }
}
.recruit-container .flow-box .flow-list li:not(:last-child) {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .recruit-container .flow-box .flow-list li:not(:last-child) {
    margin-bottom: min(8.1395348837vw, 70px);
  }
}
.recruit-container .flow-box .flow-list li:nth-last-child(-n+2) {
  -webkit-box-shadow: 9px 9px 0px 0px #20B7EF;
          box-shadow: 9px 9px 0px 0px #20B7EF;
}
.recruit-container .flow-box .flow-list li .num-box {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .recruit-container .flow-box .flow-list li .num-box {
    margin-bottom: 6px;
  }
}
.recruit-container .flow-box .flow-list li .num-box span {
  display: block;
  color: #009FE8;
  line-height: 1;
}
.recruit-container .flow-box .flow-list li .num-box .step {
  font-size: 2.4rem;
}
.recruit-container .flow-box .flow-list li .num-box .num {
  font-size: 6rem;
}
.recruit-container .flow-box .flow-list li dl {
  margin-left: min(2.6041666667vw, 50px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .flow-box .flow-list li dl {
    margin-left: min(4.1666666667vw, 50px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .flow-box .flow-list li dl {
    margin-left: 0;
  }
}
.recruit-container .flow-box .flow-list li dl .step {
  font-size: 2rem;
  margin-bottom: 10px;
  font-weight: 700;
  color: #009FE8;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .recruit-container .flow-box .flow-list li dl .step {
    text-align: center;
    margin-bottom: 23px;
  }
}
.recruit-container .flow-box .flow-list li dl .common-txt {
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .recruit-container .qa-box {
    padding: 0 min(6.976744186vw, 60px);
    margin-bottom: min(24.4186046512vw, 210px);
  }
}
.recruit-container .qa-box .heading-txt {
  text-align: center;
  line-height: 1.4;
  margin-bottom: min(3.4895833333vw, 67px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .qa-box .heading-txt {
    margin-bottom: min(5.5833333333vw, 67px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .qa-box .heading-txt {
    margin-bottom: min(5.8139534884vw, 50px);
    font-size: min(5.5813953488vw, 48px);
  }
}
.recruit-container .qa-box .qa-list li {
  /* ========================================================
  タイトル
  =========================================================*/
}
.recruit-container .qa-box .qa-list li:not(:last-child) dl {
  margin-bottom: min(1.5625vw, 30px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .qa-box .qa-list li:not(:last-child) dl {
    margin-bottom: min(2.5vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .qa-box .qa-list li:not(:last-child) dl {
    margin-bottom: min(2.9069767442vw, 25px);
  }
}
.recruit-container .qa-box .qa-list li dl {
  /* ========================================================
  内容
  =========================================================*/
}
.recruit-container .qa-box .qa-list li dl .question {
  position: relative;
  padding: 15px 5% 16px 0;
  font-size: 2.4rem;
  font-weight: 600;
  color: #009FE8;
  border-bottom: solid 2px #009FE8;
  cursor: pointer;
  line-height: 1.4;
  /*　active　*/
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .qa-box .qa-list li dl .question {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .qa-box .qa-list li dl .question {
    padding-right: 40px;
    font-size: 1.6rem;
    padding: 22px 40px 8px 0;
  }
}
.recruit-container .qa-box .qa-list li dl .question::before, .recruit-container .qa-box .qa-list li dl .question::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(1.3541666667vw, 26px);
  height: 4px;
  background: #009FE8;
  -webkit-transition: 0.2s ease transform;
  transition: 0.2s ease transform;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .qa-box .qa-list li dl .question::before, .recruit-container .qa-box .qa-list li dl .question::after {
    width: min(2.1666666667vw, 26px);
    height: 3px;
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .qa-box .qa-list li dl .question::before, .recruit-container .qa-box .qa-list li dl .question::after {
    height: 2px;
    width: min(3.7209302326vw, 32px);
  }
}
.recruit-container .qa-box .qa-list li dl .question::after {
  -webkit-transform: translate(0, -50%) rotate(-90deg);
          transform: translate(0, -50%) rotate(-90deg);
}
.recruit-container .qa-box .qa-list li dl .question.active::after {
  -webkit-transform: translate(0, -50%) rotate(0deg);
          transform: translate(0, -50%) rotate(0deg);
}
.recruit-container .qa-box .qa-list li dl .answer {
  overflow: hidden;
  -webkit-transition: 0.2s ease height;
  transition: 0.2s ease height;
  height: 0;
}
.recruit-container .qa-box .qa-list li dl .answer .common-txt {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 2;
}

.related-area {
  background-color: #F5F5F5;
  padding: min(4.6875vw, 90px) 0 min(6.25vw, 120px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .related-area {
    padding: min(7.5vw, 90px) 0 min(10vw, 120px);
  }
}
@media screen and (max-width: 767px) {
  .related-area {
    padding: min(10.4651162791vw, 90px) 0 min(12.2093023256vw, 105px);
  }
}
.related-area .related-title {
  font-size: min(1.875vw, 36px);
  font-weight: 600;
  margin-bottom: min(3.3854166667vw, 65px);
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .related-area .related-title {
    font-size: min(3vw, 36px);
    margin-bottom: min(5.4166666667vw, 65px);
  }
}
@media screen and (max-width: 767px) {
  .related-area .related-title {
    font-size: min(4.6511627907vw, 40px);
    margin-bottom: min(12.7906976744vw, 110px);
  }
}
.related-area .related-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(4.6875vw, 90px);
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .related-area .related-list {
    width: 100%;
    padding: 0 min(2.5vw, 30px);
    gap: 45px;
  }
}
@media screen and (max-width: 767px) {
  .related-area .related-list {
    width: 100%;
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .related-area .related-list li {
    width: calc((100% - 90px) / 3);
  }
}
@media screen and (max-width: 767px) {
  .related-area .related-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .related-area .related-list li:not(:last-child) {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 376px) {
  .related-area .related-list li:not(:last-child) {
    margin-bottom: 50px;
  }
}
.related-area .related-list li .img-box {
  position: relative;
}
@media screen and (max-width: 767px) {
  .related-area .related-list li .img-box {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: min(43.023255814vw, 370px);
    position: unset;
  }
}
.related-area .related-list li .img-box .place-txt {
  position: absolute;
  bottom: -17px;
  left: 0;
  font-size: 1.5rem;
  line-height: 1.4;
  color: #fff;
  background-color: #009FE8;
  padding: 5px 10px;
  font-weight: 600;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .related-area .related-list li .img-box .place-txt {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .related-area .related-list li .img-box .place-txt {
    bottom: initial;
    top: -16%;
    font-size: 1.4rem;
    width: 100%;
  }
}
@media screen and (max-width: 376px) {
  .related-area .related-list li .img-box .place-txt {
    top: -15%;
  }
}
.related-area .related-list li .txt-box {
  background-color: #fff;
  padding: 30px min(1.5625vw, 30px) min(1.1979166667vw, 23px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .related-area .related-list li .txt-box {
    padding: 25px min(2.5vw, 30px) min(1.9166666667vw, 23px);
  }
}
@media screen and (max-width: 767px) {
  .related-area .related-list li .txt-box {
    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;
    width: 50%;
    padding: 0;
    padding-left: 10px;
  }
}
@media screen and (max-width: 376px) {
  .related-area .related-list li .txt-box {
    padding-left: 10px;
  }
}
.related-area .related-list li .txt-box .role {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #999999;
  font-weight: 500;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .related-area .related-list li .txt-box .role {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .related-area .related-list li .txt-box .role {
    font-size: 1.3rem;
  }
}
.related-area .related-list li .txt-box .name-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .related-area .related-list li .txt-box .name-box {
    display: block;
  }
}
.related-area .related-list li .txt-box .name-box .name {
  font-size: 2.1rem;
  line-height: 1.4;
  font-weight: 600;
  margin-right: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .related-area .related-list li .txt-box .name-box .name {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 767px) {
  .related-area .related-list li .txt-box .name-box .name {
    font-size: 2.5rem;
  }
}
.related-area .related-list li .txt-box .name-box .name-en {
  font-size: 1.3rem;
  line-height: 1.4;
  color: #009FE8;
  font-weight: 500;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .related-area .related-list li .txt-box .name-box .name-en {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 767px) {
  .related-area .related-list li .txt-box .name-box .name-en {
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}

/* ========================================================
ヘッダーのメニューテキスト【白】
=========================================================*/
.white-txt ul li a {
  color: #fff;
}

/* ========================================================
アンカーリスト
=========================================================*/
.anchor_list_block{
	font-size: 1rem;
	padding: 0 20px 0 0;
}
.anchor_list{
	display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;
	padding: 0 0 10px 0;
}
.anchor_list .anchor_item{
	width:33.3%;-webkit-box-sizing:border-box;
	box-sizing:border-box;box-shadow:none !important;-webkit-box-shadow:none !important;
	text-align:center;margin:10px 0;line-height:1.5;position:relative;display:inline-block;
}
.anchor_list .anchor_item:nth-child(odd){
	border-width:0 1px 0 1px;border-style:solid;border-color:#D1D1D1;
}
.anchor_list .anchor_item:nth-child(even){
	border-width:0 1px 0 0;border-style:solid;border-color:#D1D1D1;
}
.anchor_list .anchor_item:after{
	content:"";
	width:6px;
	height:6px;
	border:0px;
	border-top:solid 2px #009FE8;
	border-right:solid 2px #009FE8;
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-4px;
}
.anchor_list .anchor_item .anchor{
	font-size:1em;font-weight:600;display:block;
}

@media screen and (min-width: 1024px){
.anchor_list{-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:1200px;margin:10px auto;}
.anchor_list .item{width:calc(100% / 8);text-align:left;padding-left:23px;}
}

/*
* {
  box-sizing: border-box;
}
*/

.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  vertical-align: middle;
}

.flex-item {
  background-color: skyblue;
  text-align: center;
  width: calc((100% - 40px) / 2);
  height: auto;
  margin: 10px;
  border-radius: 10px;
  display:block;
  padding: 15px 0;
}
.flex-item .ttl {
  font-size:2.5rem;
  letter-spacing: 1.3rem;
  font-weight:700;
  color:#fff;
  line-height: 1.3;
}
.flex-item-txt {
  text-align: center;
  font-size:1.2rem;
  color:#000;
  line-height:1em;
  padding: 5px;
}
@media screen and (max-width: 767px) {
	.flex-item {
	  width: 100%;
	  height: 80px;
	  display: block;
	  padding: 3px 0;
	}
	.flex-item .ttl {
	  font-size:3rem;
	  letter-spacing: 1.3rem;
	  line-height: 1.3;
      margin: auto;
	  font-weight:700;
	  color:#fff;
	}
	.flex-item-txt {
	  text-align: center;
	  font-size:1.2rem;
	  color:#000;
	  line-height:1em;
	  padding: 5px;
	}
}

.wrap-box {
  padding: 10px 0;
  /*margin: 0 0 10px 0;*/
}


.recruit-container .mama_faq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: min(8.3333333333vw, 10px);
  /*margin-bottom: min(8.3333333333vw, 160px);*/
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .mama_faq {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: min(13.3333333333vw, 10px);
    /*margin-bottom: min(13.3333333333vw, 160px);*/
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .mama_faq {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: min(10.3567318757vw, 10px);
    /*margin-bottom: min(10.3567318757vw, 90px);*/
  }
}
.recruit-container .mama_faq .img-box {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: min(36.4583333333vw, 400px);
  margin-right: min(5.7291666667vw, 110px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .mama_faq .img-box {
    /*width: 35%;*/
	width: 400px;
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .mama_faq .img-box {
    width: 100%;
    margin-right: 0;
  }
}
.recruit-container .mama_faq .txt-box {
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
  .recruit-container .mama_faq .txt-box {
    padding-top: min(8.1395348837vw, 70px);
  }
}
.recruit-container .mama_faq .txt-box .heading-en {
  font-size: min(3.125vw, 35px);
  margin: 20px 0 10px 0;
  color: #ff3b94;
  line-height: 1.1;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .mama_faq .txt-box .heading-en {
    font-size: min(5vw, 33px);
    margin: 20px 0 10px 0;
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .mama_faq .txt-box .heading-en {
    font-size: min(9.7674418605vw, 33px);
    margin-bottom: min(4.1860465116vw, 36px);
    margin: 0px 0 10px 0;
  }
}
.recruit-container .mama_faq .txt-box .heading-txt {
    font-size: 2rem;
  line-height: 1.4;
  margin-bottom: min(2.0833333333vw, 40px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .recruit-container .mama_faq .txt-box .heading-txt {
    margin-bottom: min(3.3333333333vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-container .mama_faq .txt-box .heading-txt {
    margin-bottom: min(7.5581395349vw, 65px);
  }
}

.Qa-Box {
  width: 90%;
  padding: 0 10px;
  margin: 0 auto 50px;
  font-size: 1.4rem;
}

.Qa-Box .Qa dt,
.Qa-Box .Qa dd {
  display: flex;
  align-items: baseline;
  margin: 15px 0;
  padding: 15px;
}

.Qa-Box .Qa dt {
  background: #F5F5F5;
}

.Qa-Box .Qa dt p {
  margin: 0;
  padding-left: 15px;
  font-weight: bold;
  width: 100%;
  font-size: 1.8rem;
}

.Qa-Box .Qa dd p {
  margin: 0;
  padding-left: 15px;
  width: 100%;
  font-size: 1.5rem;
  line-height: 1.8;
}

.Qa-Box .Qa dt::before {
  content: "Q";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #6699B7;
  width: 2em;
  height: 2em;
}

.Qa-Box .Qa dd::before {
  content: "A";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #D65556;
  width: 2em;
  height: 2em;
}

@media screen and (max-width: 960px) {
  .Qa-Box {
    width: 95%;
  }
}

.sds-img-box {
  text-align: center;
  width: 1100px;
  /*-ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: min(5.7291666667vw, 110px);*/
}
@media screen and (max-width: 1200px) {
.sds-img-box {
    width: 99%;
    margin-right: 0;
    text-align: center;
  }
}

/* LINE就職相談 */
@media screen and (min-width: 769px) {
  main .inner {
    width: 1000px;
    margin: auto;
  }
  main .inner2 {
    width: 100%;
    margin: auto;
    background: #10C656;
    padding: 30px 0;
  }
}

@media screen and (max-width: 768px) {
  main .inner {
    width: 92%;
    margin: auto;
  }
  main .inner2 {
    width: 100%;
    margin: auto;
	background: #10C656;
    padding: 20px 0;
  }
}

.line_flow {
  border: 3px solid #10C656;
  margin-bottom:20px;
}
.line_flow > li {
  padding: 30px;
}
.line_flow > li:not(:last-child) {
  border-bottom: 3px solid #10C656;
  position: relative;
}
.line_flow > li:not(:last-child)::before,
.line_flow > li:not(:last-child)::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 13%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (max-width:768px){
	.line_flow > li:not(:last-child)::before,
	.line_flow > li:not(:last-child)::after {
	  content: "";
	  border: solid transparent;
	  position: absolute;
	  top: 100%;
	  left: 50%;
	  -webkit-transform: translateX(-50%);
	  transform: translateX(-50%);
	}
}
.line_flow > li:not(:last-child)::before {
  border-width: 22px;
  border-top-color: #10C656;
}
.line_flow > li:not(:last-child)::after {
  border-width: 18px;
  border-top-color: #fff;
}
.line_flow > li dl {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width:768px){
	.line_flow > li dl {
	  margin: 0;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  display: inline-block;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  width: 100%;
	}
}
.line_flow > li dl dt {
  font-size: 1.5rem;
  font-weight: 600;
  color: #10C656;
  line-height: 1.3;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  margin-right: 1.5vw;
  text-align: center;
}
@media only screen and (max-width:768px){
	.line_flow > li dl dt {
	  font-size: 1.5rem;
	  font-weight: 600;
	  color: #10C656;
      line-height: 1.3;
	  -ms-flex-preferred-size: 100%;
	  flex-basis: 100%;
	  margin-right: 1.7vw;
	  text-align: center;
	  padding-bottom: 10px;
	}
}
.line_flow > li dl dd {
  font-size: 1.4rem;
  color: #444;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  /*margin-left: 0;*/
}
@media only screen and (max-width:768px){
	.line_flow > li dl dd {
	  font-size: 1.4rem;
	  -ms-flex-preferred-size: 100%;
	  flex-basis: 100%;
	}
}
.line_flow > li dl dt .icon {
  font-size: 1.5rem;
  color: #fff;
  background: #10C656;
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );*/
  padding: 5px 10px;
  margin-bottom: 10px;
  display: block;
  border-radius: 20px;
}

.p-chat__line-friend{width:1000px;margin:auto;background-color:#fff;border-radius:10px;padding:3rem 2rem}
@media only screen and (max-width:768px){
	.p-chat__line-friend{width:90%;background-color:#fff;border-radius:10px;padding:3rem 2rem;}
}
.p-chat__line-head{font-size:2.2rem;font-weight:700;text-align:center;color:#4cc764;letter-spacing:.08em;word-break:auto-phrase}
@media only screen and (max-width:768px){
	.p-chat__line-head{font-size:1.5rem;letter-spacing:.03em;}
}
.p-chat__line-box{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;gap:1rem;margin-top:2rem}
@media only screen and (max-width:768px){
	.p-chat__line-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.p-chat__line-box .p-chat__line-btn{width:50%;text-align:center}
.p-chat__line-box .p-chat__line-btn img{width:237px;}
@media only screen and (max-width:768px){
	.p-chat__line-box .p-chat__line-btn{width:100%}
}
.p-chat__line-qr{width:50%;border-left:1px solid #f3f3f3;text-align:center}
.p-chat__line-qr img{max-width:200px;height:auto}
@media only screen and (max-width:768px){
	.p-chat__line-qr{width:100%}
	.p-chat__line-qr img{max-width:100%}
}
.p-chat__line-text{font-size:1.4rem;font-weight:700;color:#4cc764}
@media only screen and (max-width:768px){
	.p-chat__line-text{font-size:1.4rem}
}

/* 関連インタビューボタン */
@media screen and (max-width: 767px) {
  .connection-interview-btn {
    width: 100%;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
.connection-interview-btn a {
  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;
  background-color: #009FE8;
  color: #fff;
  width: min(29.1666666667vw, 350px);
  height: min(4.6875vw, 90px);
  font-size: min(1.25vw, 24px);
  font-weight: 600;
}
.connection-interview-btn a:hover {
  color: #fff !important;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .connection-interview-btn a {
    width: min(34.1796875vw, 350px);
    height: min(7.5vw, 90px);
    font-size: min(2vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .connection-interview-btn a {
    width: 100%;
    height: min(16.2790697674vw, 140px);
    font-size: 14px;
  }
}