@charset "UTF-8";
/* -------------------------------------------
	Reset, Variables, Functions, Mixins, Extends
------------------------------------------- */
/* ==========================================================================
 *
 * Utility: Function - calculate-vw-size
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Function - strip-unit
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Function - zero-padding
 * 数値をゼロパディングする
 *
========================================================================== */
/* ==========================================================================
 *
 * Reset
 *
========================================================================== */
body {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
}

div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, blockquote, pre, table, caption, th, td, address, form, fieldset, legend, object, header, footer, section, article, nav, figure, canvas {
  margin: 0;
  padding: 0;
}

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

fieldset, img {
  border: none;
  vertical-align: top;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

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

caption, th, td {
  text-align: left;
  vertical-align: top;
}

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

i {
  font-style: normal;
}

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

abbr, acronym {
  border: none;
}

sup {
  vertical-align: top;
}

sub {
  vertical-align: baseline;
}

a, object, embed {
  outline: none;
}

a:hover, a:active, a:focus {
  outline: none;
}

header, footer, section, article, nav, figure, canvas, main {
  display: block;
}

/* ==========================================================================
 *
 * Variables
 *
========================================================================== */
/* color styles */
:root {
  --dive_blue: #00A0E6;
  --black: #282828;
  --white: #FFFFFF;
  --gray: #737373;
  --gray_2: #DCDCDC;
  --gray_2-60: #EAEAEA;
  --gray_2-20: #F8F8F8;
  --gray-60: #ABABAB;
  --gray-80: #8F8F8F;
  --yellow: #FAD200;
  --orange: #F09600;
  --blue-5: #F2FAFD;
  --blue-10: #E4F5FC;
  --blue-50: #80CFF3;
  --blue-70: #4CBDEE;
  --blue-80: #33B3EC;
  --blue-90: #19A8E8;
  --blue_2: #008CDA;
  --bule_3: #006F9F;
}

@font-face {
  font-style: normal;
  font-weight: 200 500 600 700 900;
  src: url("../fonts/ClashDisplay-Variable.woff2") format("woff2"), url("../fonts/ClashDisplay-Variable.woff") format("woff"), url("../fonts/ClashDisplay-Variable.ttf") format("truetype");
  font-family: "ClashDisplay-Variable";
  font-display: swap;
}
/* ==========================================================================
 *
 * Utility: Mixin - dr-layout
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Mixin - dr-sp-accordion
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Mixin - dr-ttl-border
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Mixin - clearfix
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Mixin - font-smoothing
 * OSX 向けフォントレンダリングの調整
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Mixin - hidden-text
 * sprite などのお供に
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Mixin - hidden
 * display: none せずに要素を隠す
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Mixin - iconfont
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Mixin - layout
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Mixin - placeholder
 * プレースホルダーの色を設定する
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Mixin - pre-wrap
 * テキストの改行を pre 的な振る舞いに設定
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Mixin - reset-button
 * button 要素をリセット
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Mixin - reset-input
 * input 要素をリセット
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Mixin - reset-select
 * select 要素をリセット
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Mixin - sprite
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Mixin - tategaki
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Mixin - text-ellipsis
 * テキストを ... で省略する
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Mixin - white-space
  - normal
  - nowrap
  - pre-wrap
 *
========================================================================== */
/* ==========================================================================
 *
 * Utility: Extend - layout
 *
========================================================================== */
/* -------------------------------------------
	Fonts
------------------------------------------- */
/*! Yaku Han JP v4.0.0 (OFL-1.1 AND MIT) by Qrac | Type: YakuHanJP - Based on Noto Sans JP */
@font-face {
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/YakuHanJP/YakuHanJP-Thin.woff2) format("woff2");
  font-family: YakuHanJP;
  font-display: swap;
  unicode-range: U+3001, U+3002, U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+30fb, U+ff01, U+ff08, U+ff09, U+ff1a, U+ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/YakuHanJP/YakuHanJP-ExtraLight.woff2) format("woff2");
  font-family: YakuHanJP;
  font-display: swap;
  unicode-range: U+3001, U+3002, U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+30fb, U+ff01, U+ff08, U+ff09, U+ff1a, U+ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/YakuHanJP/YakuHanJP-Light.woff2) format("woff2");
  font-family: YakuHanJP;
  font-display: swap;
  unicode-range: U+3001, U+3002, U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+30fb, U+ff01, U+ff08, U+ff09, U+ff1a, U+ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/YakuHanJP/YakuHanJP-Regular.woff2) format("woff2");
  font-family: YakuHanJP;
  font-display: swap;
  unicode-range: U+3001, U+3002, U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+30fb, U+ff01, U+ff08, U+ff09, U+ff1a, U+ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/YakuHanJP/YakuHanJP-Medium.woff2) format("woff2");
  font-family: YakuHanJP;
  font-display: swap;
  unicode-range: U+3001, U+3002, U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+30fb, U+ff01, U+ff08, U+ff09, U+ff1a, U+ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/YakuHanJP/YakuHanJP-SemiBold.woff2) format("woff2");
  font-family: YakuHanJP;
  font-display: swap;
  unicode-range: U+3001, U+3002, U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+30fb, U+ff01, U+ff08, U+ff09, U+ff1a, U+ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/YakuHanJP/YakuHanJP-Bold.woff2) format("woff2");
  font-family: YakuHanJP;
  font-display: swap;
  unicode-range: U+3001, U+3002, U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+30fb, U+ff01, U+ff08, U+ff09, U+ff1a, U+ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-style: normal;
  font-weight: 800;
  src: url(../fonts/YakuHanJP/YakuHanJP-ExtraBold.woff2) format("woff2");
  font-family: YakuHanJP;
  font-display: swap;
  unicode-range: U+3001, U+3002, U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+30fb, U+ff01, U+ff08, U+ff09, U+ff1a, U+ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/YakuHanJP/YakuHanJP-Black.woff2) format("woff2");
  font-family: YakuHanJP;
  font-display: swap;
  unicode-range: U+3001, U+3002, U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+30fb, U+ff01, U+ff08, U+ff09, U+ff1a, U+ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
/* -------------------------------------------
	Base
------------------------------------------- */
/* ==========================================================================
 *
 * Base
 *
========================================================================== */
/* -------------------------------------------
  Elements
------------------------------------------- */
root {
  --scrollbar: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--black);
  font-size: 18px;
  line-height: 1.8;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.025em;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--white);
}

* {
  box-sizing: border-box;
}

*::before,
*::after {
  box-sizing: border-box;
}

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

b,
em,
strong {
  font-weight: normal;
}

table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

input:not([type=button]),
input:not([type=reset]),
input:not([type=submit]),
textarea {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  font: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

select {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
  padding: 0;
  border: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
img[src$=".svg"] {
  display: block;
  width: 100%;
  height: auto;
}

svg,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

/* -------------------------------------------
  Common
------------------------------------------- */
.hidden {
  visibility: hidden !important;
  z-index: -1 !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.sp,
.minpc {
  display: none !important;
}

@media (max-width: 1024px) {
  body {
    font-size: 4.2666666667vw;
    line-height: 1.6;
  }
  .pc {
    display: none !important;
  }
  .sp,
  .minpc {
    display: block !important;
  }
  br .sp,
  br .minpc,
  img .sp,
  img .minpc,
  span .sp,
  span .minpc,
  em .sp,
  em .minpc {
    display: inline !important;
  }
}
/* -------------------------------------------
	Libraries
------------------------------------------- */
/*! Flickity v3.0.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  position: relative;
  height: 100%;
  overflow: hidden;
  touch-action: pan-y;
}

.flickity-slider {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

.flickity-rtl .flickity-slider {
  right: 0;
  left: unset;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

/* ---- flickity-cell ---- */
.flickity-cell {
  position: absolute;
  left: 0;
}

.flickity-rtl .flickity-cell {
  right: 0;
  left: unset;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  border: none;
  background: hsla(0, 0%, 100%, 0.75);
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  cursor: auto;
  opacity: 0.3;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  /* vertically center */
  transform: translateY(-50%);
  border-radius: 50%;
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  right: 10px;
  left: auto;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  top: 20%;
  left: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  display: flex;
  position: absolute;
  bottom: -25px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  text-align: center;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dot {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  padding: 0;
  border-radius: 50%;
  background: hsla(0, 0%, 20%, 0.25);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
  border: none;
  text-indent: -9999px;
}

.flickity-rtl .flickity-page-dot {
  text-indent: 9999px;
}

.flickity-page-dot:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-page-dot.is-selected {
  background: hsl(0, 0%, 20%);
}

/* Slider */
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  display: block;
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  border: none;
  outline: none;
  background: transparent;
  color: transparent;
  font-size: 0px;
  line-height: 0px;
  cursor: pointer;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  color: white;
  font-size: 20px;
  line-height: 1;
  font-family: "slick";
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  display: block;
  position: absolute;
  bottom: -25px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  border: 0;
  outline: none;
  background: transparent;
  color: transparent;
  font-size: 0px;
  line-height: 0px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  color: black;
  font-size: 6px;
  line-height: 20px;
  font-family: "slick";
  text-align: center;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Slider */
.slick-slider {
  box-sizing: border-box;
  display: block;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  touch-action: pan-y;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
}
.slick-track:before, .slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  height: 100%;
  min-height: 1px;
  float: left;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* -------------------------------------------
	Amimations
------------------------------------------- */
/* ==========================================================================
 *
 * Amimations - xxx
 *
========================================================================== */
@keyframes xxx {}
/* ==========================================================================
 *
 * Amimations - arrow
 *
========================================================================== */
@keyframes arrow {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  50% {
    transform: translateX(50%);
    opacity: 0;
  }
  50.1% {
    transform: translateX(-50%);
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/* ==========================================================================
 *
 * Amimations - card
 *
========================================================================== */
@keyframes card-1 {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }
  45% {
    transform: translate3d(-90%, -50%, 0) rotate(-12deg);
    opacity: 1;
  }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(-5deg);
    opacity: 0.7;
  }
}
@keyframes card-2 {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(5deg);
    opacity: 0.7;
  }
  55% {
    transform: translate3d(-35%, -50%, 0) rotate(10deg);
    opacity: 1;
  }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes card-3 {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(-5deg);
    opacity: 0.7;
  }
  55% {
    transform: translate3d(-35%, -50%, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(5deg);
    opacity: 0.7;
  }
}
@keyframes card-1-sp {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }
  45% {
    transform: translate3d(-125%, -50%, 0) rotate(-15deg);
    opacity: 1;
  }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(-5deg);
    opacity: 0.7;
  }
}
@keyframes card-2-sp {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(5deg);
    opacity: 0.7;
  }
  55% {
    transform: translate3d(-35%, -50%, 0) rotate(10deg);
    opacity: 1;
  }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes card-3-sp {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(-5deg);
    opacity: 0.7;
  }
  55% {
    transform: translate3d(-35%, -50%, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(5deg);
    opacity: 0.7;
  }
}
/* ==========================================================================
 *
 * Amimations - fade
 *
========================================================================== */
@keyframes fadeinToAbove {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeoutToAbove {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-10px);
    opacity: 0;
  }
}
@keyframes fadeinToAboveSP {
  0% {
    transform: translateY(2.6666666667vw);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeoutToAboveSP {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-2.6666666667vw);
    opacity: 0;
  }
}
/* ==========================================================================
 *
 * Amimations - gradientEffect
 *
========================================================================== */
@keyframes gradientEffect {
  0% {
    background-position: left;
  }
  100% {
    background-position: right;
  }
}
/* ==========================================================================
 *
 * Amimations - line
 *
========================================================================== */
@keyframes line {
  0% {
    height: 5.3333333333vw;
    transform: translateY(-100%);
  }
  60% {
    height: 10.6666666667vw;
    transform: translateY(0);
  }
  90%, 99.99% {
    height: 5.3333333333vw;
    transform: translateY(200%);
  }
  100% {
    height: 5.3333333333vw;
    transform: translateY(0);
  }
}
/* ==========================================================================
 *
 * Amimations - loopText
 *
========================================================================== */
@keyframes loopTextTop {
  0% {
    background-position-x: 0 0;
  }
  100% {
    background-position: -1629px 0;
  }
}
/* -------------------------------------------
	Blocks
------------------------------------------- */
/* ==========================================================================
 *
 * Blocks - xxx
 *
========================================================================== */
/* ==========================================================================
 *
 * Blocks - [data-dr-accordions]
 *
========================================================================== */
@media (max-width: 1024px) {
  [data-dr-accordions-item].-accordion [data-dr-accordions-toggle] > i {
    position: relative;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    border-radius: 50%;
  }
  [data-dr-accordions-item].-accordion [data-dr-accordions-toggle] > i > span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    border-radius: 0.2666666667vw;
    background-color: var(--dive_blue);
    transition: height 150ms ease-in-out;
  }
  [data-dr-accordions-item].-accordion [data-dr-accordions-toggle] > i > span:nth-child(1) {
    width: 2.6666666667vw;
    height: 0.5333333333vw;
  }
  [data-dr-accordions-item].-accordion [data-dr-accordions-toggle] > i > span:nth-child(2) {
    width: 0.5333333333vw;
    height: 2.6666666667vw;
    transition: height 150ms ease-in-out;
  }
  [data-dr-accordions-item].-opened [data-dr-accordions-toggle] > i > span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 0.2666666667vw;
    background-color: var(--dive_blue);
  }
  [data-dr-accordions-item].-opened [data-dr-accordions-toggle] > i > span:nth-child(1) {
    width: 2.6666666667vw;
    height: 0.5333333333vw;
  }
  [data-dr-accordions-item].-opened [data-dr-accordions-toggle] > i > span:nth-child(2) {
    width: 0.5333333333vw;
    height: 0vw;
  }
  [data-dr-accordions-toggle] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 4vw 5.3333333333vw 4vw 0;
  }
  [data-dr-accordions-target] {
    height: 0;
    overflow: hidden;
    transition: height 300ms ease-in;
  }
  .-opened [data-dr-accordions-target] {
    height: auto;
  }
}
@media (min-width: 1025px) {
  [data-dr-accordions-item]:not([data-dr-accordions-item=sp]).-accordion [data-dr-accordions-toggle] {
    cursor: pointer;
    transition: color 200ms ease-in-out;
  }
  [data-dr-accordions-item]:not([data-dr-accordions-item=sp]).-accordion [data-dr-accordions-toggle] > i {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: transform 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99);
  }
  [data-dr-accordions-item]:not([data-dr-accordions-item=sp]).-accordion [data-dr-accordions-toggle] > i > span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    border-radius: 1.5px;
    background-color: var(--dive_blue);
    transition: height 150ms ease-in-out;
  }
  [data-dr-accordions-item]:not([data-dr-accordions-item=sp]).-accordion [data-dr-accordions-toggle] > i > span:nth-child(1) {
    width: 16px;
    height: 3px;
  }
  [data-dr-accordions-item]:not([data-dr-accordions-item=sp]).-accordion [data-dr-accordions-toggle] > i > span:nth-child(2) {
    width: 3px;
    height: 16px;
  }
  .-enabledHover [data-dr-accordions-item]:not([data-dr-accordions-item=sp]).-accordion [data-dr-accordions-toggle]:hover {
    color: var(--dive_blue);
  }
  .-enabledHover [data-dr-accordions-item]:not([data-dr-accordions-item=sp]).-accordion [data-dr-accordions-toggle]:hover > i > span:nth-child(2) {
    height: 0;
  }
  [data-dr-accordions-item]:not([data-dr-accordions-item=sp]).-opened [data-dr-accordions-toggle] > i > span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    border-radius: 1.5px;
    background-color: var(--dive_blue);
  }
  [data-dr-accordions-item]:not([data-dr-accordions-item=sp]).-opened [data-dr-accordions-toggle] > i > span:nth-child(1) {
    width: 16px;
    height: 3px;
  }
  [data-dr-accordions-item]:not([data-dr-accordions-item=sp]).-opened [data-dr-accordions-toggle] > i > span:nth-child(2) {
    width: 3px;
    height: 0;
  }
  [data-dr-accordions-toggle]:not([data-dr-accordions-toggle=sp]) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 124px;
    padding: 20px 40px 20px 0;
  }
  [data-dr-accordions-target]:not([data-dr-accordions-target=sp]) {
    height: 0;
    overflow: hidden;
    transition: height 300ms ease-in;
  }
  .-opened [data-dr-accordions-target]:not([data-dr-accordions-target=sp]) {
    height: auto;
  }
}

/* ==========================================================================
 *
 * Blocks - [data-dr-filter-target]
 *
========================================================================== */
[data-dr-filter-target] {
  display: none;
}
[data-dr-filter-target].-shown {
  display: block;
}
[data-dr-filter-targets] {
  transform: translateY(0);
  animation-duration: 200ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-iteration-count: 1;
  animation-fill-mode: both;
  opacity: 1;
}
[data-dr-filter-targets].-shown {
  animation-name: fadeinToAbove;
}
[data-dr-filter-targets].-hidden {
  animation-name: fadeoutToAbove;
}

@media (max-width: 1024px) {
  [data-dr-filter-targets].-shown {
    animation-name: fadeinToAboveSP;
  }
  [data-dr-filter-targets].-hidden {
    animation-name: fadeoutToAboveSP;
  }
}

/* ==========================================================================
 *
 * Blocks - backoffice
 *
========================================================================== */
.backoffice .secPpositions {
  margin-top: 0;
}
/* ==========================================================================
 *
 * Blocks - breadcrumbs
 *
========================================================================== */
.breadcrumbs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.breadcrumbs li {
  position: relative;
}
.breadcrumbs li + li {
  margin-left: 22px;
}
.breadcrumbs li + li::before {
  position: absolute;
  top: 50%;
  left: -15px;
  width: 3px;
  height: 3px;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: var(--gray-60);
  content: "";
}
.breadcrumbs li.-current a {
  background-color: var(--gray);
  color: var(--white);
  pointer-events: none;
}
.breadcrumbs li.-current a::before {
  border-color: var(--gray);
}
.breadcrumbs li a {
  display: block;
  position: relative;
  padding: 5px 8px;
  border-radius: 13px;
  color: var(--gray-60);
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  transition: color 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.breadcrumbs li a::before {
  display: block;
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate3d(-50%, -50%, 0);
  border: 1px solid var(--gray_2);
  border-radius: inherit;
  content: "";
  transition: border-color 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99), transform 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.-enabledHover .breadcrumbs li a:not(.-current):hover {
  color: var(--gray);
}
.-enabledHover .breadcrumbs li a:not(.-current):hover::before {
  transform: translate3d(-50%, -50%, 0) scale(1.1);
  border-color: var(--gray);
}
@media (max-width: 1024px) {
  .breadcrumbs {
    margin-top: 9.3333333333vw;
  }
  .breadcrumbs li + li {
    margin-left: 3.4666666667vw;
  }
  .breadcrumbs li + li::before {
    left: -2.1333333333vw;
    width: 0.5333333333vw;
    height: 0.5333333333vw;
  }
  .breadcrumbs li a {
    padding: 0.8vw 2.1333333333vw;
    border-radius: 2.4vw;
    font-size: 2.6666666667vw;
  }
}

/* ==========================================================================
 *
 * Blocks - culture
 *
========================================================================== */
.culture.page .page__header__img.-bg.-fixed > div > div::before {
  opacity: 0;
}
.culture.page .page__header__img.-bg.-opacity > div > div::before {
  opacity: 1;
  transition-duration: 1000ms;
}
.culture.page .page__header__img.-bg > div > div::before {
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0;
  transition: opacity 600ms cubic-bezier(0, 0, 0.2, 1);
}
.culture.page .section__viewer {
  z-index: 0;
  top: 0;
  right: -80px;
  left: 0;
}
.culture.page .section__viewer.-fixed {
  right: 0;
}
.culture.page .section__viewer.-fixed .section__viewer__inner {
  left: calc(50% + 10.8333333333vw);
}
.culture.page .section__viewer__inner {
  top: 0;
  right: 0;
  left: 556px;
  width: auto;
}
.culture.page .section__viewer__img {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 100%;
}
.culture.page .section__viewer__img > * {
  position: absolute;
  max-height: 100%;
  overflow: hidden;
  border-radius: 40px 0 0 40px;
}
.culture.page .section__viewer__img > * img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left center;
  display: block;
  object-position: left center;
}
.culture__value {
  padding-top: 200vh;
}
.page .culture__value.section {
  background-color: transparent;
}

.culture__value__bg {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.culture__value__header {
  padding-top: 145px;
}

.culture__value__title > em {
  display: block;
  font-weight: 500;
  font-size: 96px;
  line-height: 1.25;
  font-family: "ClashDisplay-Variable", "Noto Sans JP", sans-serif;
}
.culture__value__title > em > span {
  color: var(--dive_blue);
}
.culture__value__title > span {
  display: block;
  font-weight: bold;
  font-size: 24px;
}

.culture__value__description {
  display: flex;
  justify-content: flex-end;
  margin-top: 120px;
}
.culture__value__description > div {
  width: 727px;
}
.culture__value__description p {
  font-weight: bold;
  font-size: 22px;
  line-height: 1.8;
}
.culture__value__description p + p {
  margin-top: 26px;
}

.culture__value__clms {
  margin-top: 160px;
  padding-bottom: 128px;
}

.culture__value__index a.-current > span {
  color: var(--dive_blue);
}
.culture__value__index a > span {
  display: block;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.5;
  transition: inherit;
}
.culture__value__index a > em {
  display: block;
  margin-top: 4px;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.5;
}

.culture__value__sections {
  position: relative;
}

@media (max-width: 1440px) {
  .culture.page .section__viewer.-fixed {
    right: 0;
  }
  .culture.page .section__viewer.-fixed .section__viewer__inner {
    left: calc(300px + 40vw);
  }
  .culture.page .section__viewer__inner {
    left: 40vw;
  }
  .culture.page .section__viewer__img > * {
    border-radius: 40px 0 0 40px;
  }
  .culture__value__description > div {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .culture__value {
    padding-top: 50vh;
  }
  .culture__value__bg.-opacity .culture__value__bg::before, .culture__value__bg::before {
    opacity: 1;
  }
  .culture__value__header {
    padding-top: 20vw;
  }
  .culture__value__title > em {
    font-size: 12.8vw;
  }
  .culture__value__title > span {
    font-size: 3.7333333333vw;
  }
  .culture__value__description {
    margin-top: 10.6666666667vw;
  }
  .culture__value__description > div {
    width: 100%;
  }
  .culture__value__description p {
    font-size: 4.2666666667vw;
  }
  .culture__value__description p + p {
    margin-top: 5.3333333333vw;
  }
  .culture__value__clms {
    margin-top: 0;
    padding-bottom: 21.3333333333vw;
  }
  .culture__value__index.section__index {
    display: none;
  }
  .culture__value__sections {
    border-bottom: 1px solid var(--gray_2-60);
  }
}
@media (min-width: 1441px) {
  .culture.page .section__viewer.-fixed .section__viewer__inner {
    left: calc(50% + 136px);
  }
  .culture.page .section__viewer__img {
    width: 584px;
  }
  .culture.page .section__viewer__img > * {
    border-radius: 40px;
  }
}

/* ==========================================================================
 *
 * Blocks - drArrowButton
 *
========================================================================== */
.drArrowButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--white);
  cursor: pointer;
}
.drArrowButton::before {
  display: block;
  width: 10px;
  height: 10px;
  background: url(../imgs/icon-arrow-1.svg) no-repeat center center transparent;
  background-size: contain;
  content: "";
}
.drArrowButton.-blank::before {
  transform: rotate(-45deg);
}
.drArrowButton.-return::before {
  width: 14px;
  height: 14px;
  background-image: url(../imgs/icon-return.svg);
}
@media (max-width: 1024px) {
  .drArrowButton {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
  }
  .drArrowButton::before {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
  .drArrowButton.-return::before {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
  }
}

/* ==========================================================================
 *
 * Blocks - drFilter
 *
========================================================================== */
.drFilter__items {
  display: flex;
  flex-flow: wrap row;
  align-items: center;
  justify-content: flex-start;
}

.drFilter__item {
  margin-right: 20px;
  margin-bottom: 20px;
}
.drFilter__item button {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 80px;
  padding: 0 24px;
  border-radius: 40px;
  color: var(--dive_blue);
  font-weight: 900;
  font-size: 18px;
  line-height: 1;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  white-space: nowrap;
  cursor: pointer;
  transition: color 200ms ease-in-out;
}
.-enabledHover .drFilter__item button:hover::before {
  transform: translate3d(-50%, -50%, 0) scale(1.1);
}
.drFilter__item button.-current {
  color: var(--white);
  cursor: default;
  pointer-events: none;
}
.drFilter__item button.-current::before {
  transform: translate3d(-50%, -50%, 0) scale(1);
  background-color: var(--dive_blue);
}
.drFilter__item button::before {
  display: block;
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate3d(-50%, -50%, 0) scale(1);
  border: 1px solid var(--dive_blue);
  border-radius: inherit;
  background-color: transparent;
  content: "";
  transition: background-color 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99), transform 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.drFilter__item button > span {
  z-index: 1;
  position: relative;
}

@media (max-width: 1024px) {
  .drFilter__item {
    margin-right: 2.1333333333vw;
    margin-bottom: 3.2vw;
  }
  .drFilter__item button {
    height: 10.6666666667vw;
    padding: 0 4.2666666667vw;
    border-radius: 5.3333333333vw;
    font-size: 3.2vw;
  }
}

/* ==========================================================================
 *
 * Blocks - drGradiationButton
 *
========================================================================== */
.drGradiationButton > a,
.drGradiationButton > button,
.drGradiationButton > input,
.drGradiationButton > span {
  display: inline-flex;
  position: relative;
  align-items: center;
  min-height: 80px;
  padding: 0 32px 0 80px;
  cursor: pointer;
  transition: padding 450ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.-enabledHover .drGradiationButton > a:hover,
.-enabledHover .drGradiationButton > button:hover,
.-enabledHover .drGradiationButton > input:hover,
.-enabledHover .drGradiationButton > span:hover {
  padding: 0 80px 0 32px;
}
.-enabledHover .drGradiationButton > a:hover i,
.-enabledHover .drGradiationButton > a:hover .drArrowButton,
.-enabledHover .drGradiationButton > button:hover i,
.-enabledHover .drGradiationButton > button:hover .drArrowButton,
.-enabledHover .drGradiationButton > input:hover i,
.-enabledHover .drGradiationButton > input:hover .drArrowButton,
.-enabledHover .drGradiationButton > span:hover i,
.-enabledHover .drGradiationButton > span:hover .drArrowButton {
  width: 100%;
}
.-enabledHover .drGradiationButton > a:hover i::before,
.-enabledHover .drGradiationButton > a:hover .drArrowButton::before,
.-enabledHover .drGradiationButton > button:hover i::before,
.-enabledHover .drGradiationButton > button:hover .drArrowButton::before,
.-enabledHover .drGradiationButton > input:hover i::before,
.-enabledHover .drGradiationButton > input:hover .drArrowButton::before,
.-enabledHover .drGradiationButton > span:hover i::before,
.-enabledHover .drGradiationButton > span:hover .drArrowButton::before {
  left: 100%;
  transform: translate3d(-55px, -50%, 0);
  background-image: url(../imgs/icon-arrow-1-white.svg);
}
.-enabledHover .drGradiationButton > a:hover i::after,
.-enabledHover .drGradiationButton > a:hover .drArrowButton::after,
.-enabledHover .drGradiationButton > button:hover i::after,
.-enabledHover .drGradiationButton > button:hover .drArrowButton::after,
.-enabledHover .drGradiationButton > input:hover i::after,
.-enabledHover .drGradiationButton > input:hover .drArrowButton::after,
.-enabledHover .drGradiationButton > span:hover i::after,
.-enabledHover .drGradiationButton > span:hover .drArrowButton::after {
  padding: 40px;
}
.-enabledHover .drGradiationButton > a:hover i.-blank::before,
.-enabledHover .drGradiationButton > a:hover .drArrowButton.-blank::before,
.-enabledHover .drGradiationButton > button:hover i.-blank::before,
.-enabledHover .drGradiationButton > button:hover .drArrowButton.-blank::before,
.-enabledHover .drGradiationButton > input:hover i.-blank::before,
.-enabledHover .drGradiationButton > input:hover .drArrowButton.-blank::before,
.-enabledHover .drGradiationButton > span:hover i.-blank::before,
.-enabledHover .drGradiationButton > span:hover .drArrowButton.-blank::before {
  transform: translate3d(-55px, -50%, 0) rotate(-45deg);
}
.-enabledHover .drGradiationButton > a:hover i.-return::before,
.-enabledHover .drGradiationButton > a:hover .drArrowButton.-return::before,
.-enabledHover .drGradiationButton > button:hover i.-return::before,
.-enabledHover .drGradiationButton > button:hover .drArrowButton.-return::before,
.-enabledHover .drGradiationButton > input:hover i.-return::before,
.-enabledHover .drGradiationButton > input:hover .drArrowButton.-return::before,
.-enabledHover .drGradiationButton > span:hover i.-return::before,
.-enabledHover .drGradiationButton > span:hover .drArrowButton.-return::before {
  background-image: url(../imgs/icon-return-white.svg);
}
.-enabledHover .drGradiationButton > a:hover > span,
.-enabledHover .drGradiationButton > button:hover > span,
.-enabledHover .drGradiationButton > input:hover > span,
.-enabledHover .drGradiationButton > span:hover > span {
  color: var(--white);
}
.drGradiationButton > a i,
.drGradiationButton > a .drArrowButton,
.drGradiationButton > button i,
.drGradiationButton > button .drArrowButton,
.drGradiationButton > input i,
.drGradiationButton > input .drArrowButton,
.drGradiationButton > span i,
.drGradiationButton > span .drArrowButton {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background: none;
  transition: width 350ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.drGradiationButton > a i::before,
.drGradiationButton > a .drArrowButton::before,
.drGradiationButton > button i::before,
.drGradiationButton > button .drArrowButton::before,
.drGradiationButton > input i::before,
.drGradiationButton > input .drArrowButton::before,
.drGradiationButton > span i::before,
.drGradiationButton > span .drArrowButton::before {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 13px;
  transform: translate3d(-50%, -50%, 0);
  transition: left 450ms cubic-bezier(0.22, 0.61, 0.36, 1), transform 450ms cubic-bezier(0.22, 0.61, 0.36, 1), background-image 450ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.drGradiationButton > a i.-blank::before,
.drGradiationButton > a .drArrowButton.-blank::before,
.drGradiationButton > button i.-blank::before,
.drGradiationButton > button .drArrowButton.-blank::before,
.drGradiationButton > input i.-blank::before,
.drGradiationButton > input .drArrowButton.-blank::before,
.drGradiationButton > span i.-blank::before,
.drGradiationButton > span .drArrowButton.-blank::before {
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.drGradiationButton > a i::after,
.drGradiationButton > a .drArrowButton::after,
.drGradiationButton > button i::after,
.drGradiationButton > button .drArrowButton::after,
.drGradiationButton > input i::after,
.drGradiationButton > input .drArrowButton::after,
.drGradiationButton > span i::after,
.drGradiationButton > span .drArrowButton::after {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(-45deg, #FAD200, #00A0E6);
  content: "";
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: padding 50ms ease;
}
.drGradiationButton > a > span,
.drGradiationButton > button > span,
.drGradiationButton > input > span,
.drGradiationButton > span > span {
  display: block;
  z-index: 1;
  position: relative;
  margin-left: 20px;
  color: var(--dive_blue);
  font-weight: bold;
  font-size: 16px;
  transition: margin-left 450ms cubic-bezier(0.22, 0.61, 0.36, 1), color 450ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.drGradiationButton.-small > a,
.drGradiationButton.-small > button,
.drGradiationButton.-small > input,
.drGradiationButton.-small > span {
  min-height: 60px;
  padding: 0 20px 0 70px;
}
.-enabledHover .drGradiationButton.-small > a:hover,
.-enabledHover .drGradiationButton.-small > button:hover,
.-enabledHover .drGradiationButton.-small > input:hover,
.-enabledHover .drGradiationButton.-small > span:hover {
  padding: 0 70px 0 20px;
}
.-enabledHover .drGradiationButton.-small > a:hover i,
.-enabledHover .drGradiationButton.-small > a:hover .drArrowButton,
.-enabledHover .drGradiationButton.-small > button:hover i,
.-enabledHover .drGradiationButton.-small > button:hover .drArrowButton,
.-enabledHover .drGradiationButton.-small > input:hover i,
.-enabledHover .drGradiationButton.-small > input:hover .drArrowButton,
.-enabledHover .drGradiationButton.-small > span:hover i,
.-enabledHover .drGradiationButton.-small > span:hover .drArrowButton {
  width: 100%;
}
.-enabledHover .drGradiationButton.-small > a:hover i::before,
.-enabledHover .drGradiationButton.-small > a:hover .drArrowButton::before,
.-enabledHover .drGradiationButton.-small > button:hover i::before,
.-enabledHover .drGradiationButton.-small > button:hover .drArrowButton::before,
.-enabledHover .drGradiationButton.-small > input:hover i::before,
.-enabledHover .drGradiationButton.-small > input:hover .drArrowButton::before,
.-enabledHover .drGradiationButton.-small > span:hover i::before,
.-enabledHover .drGradiationButton.-small > span:hover .drArrowButton::before {
  transform: translate3d(-43px, -50%, 0);
}
.-enabledHover .drGradiationButton.-small > a:hover i::after,
.-enabledHover .drGradiationButton.-small > a:hover .drArrowButton::after,
.-enabledHover .drGradiationButton.-small > button:hover i::after,
.-enabledHover .drGradiationButton.-small > button:hover .drArrowButton::after,
.-enabledHover .drGradiationButton.-small > input:hover i::after,
.-enabledHover .drGradiationButton.-small > input:hover .drArrowButton::after,
.-enabledHover .drGradiationButton.-small > span:hover i::after,
.-enabledHover .drGradiationButton.-small > span:hover .drArrowButton::after {
  padding: 30px;
}
.-enabledHover .drGradiationButton.-small > a:hover i.-blank::before,
.-enabledHover .drGradiationButton.-small > a:hover .drArrowButton.-blank::before,
.-enabledHover .drGradiationButton.-small > button:hover i.-blank::before,
.-enabledHover .drGradiationButton.-small > button:hover .drArrowButton.-blank::before,
.-enabledHover .drGradiationButton.-small > input:hover i.-blank::before,
.-enabledHover .drGradiationButton.-small > input:hover .drArrowButton.-blank::before,
.-enabledHover .drGradiationButton.-small > span:hover i.-blank::before,
.-enabledHover .drGradiationButton.-small > span:hover .drArrowButton.-blank::before {
  transform: translate3d(-43px, -50%, 0) rotate(-45deg);
}
.drGradiationButton.-small > a i,
.drGradiationButton.-small > a .drArrowButton,
.drGradiationButton.-small > button i,
.drGradiationButton.-small > button .drArrowButton,
.drGradiationButton.-small > input i,
.drGradiationButton.-small > input .drArrowButton,
.drGradiationButton.-small > span i,
.drGradiationButton.-small > span .drArrowButton {
  width: 60px;
  height: 60px;
  border-radius: 30px;
}
.drGradiationButton.-small > a > span,
.drGradiationButton.-small > button > span,
.drGradiationButton.-small > input > span,
.drGradiationButton.-small > span > span {
  margin-left: 8px;
}
.drGradiationButton.-white > a i::before,
.drGradiationButton.-white > a .drArrowButton::before,
.drGradiationButton.-white > button i::before,
.drGradiationButton.-white > button .drArrowButton::before,
.drGradiationButton.-white > input i::before,
.drGradiationButton.-white > input .drArrowButton::before,
.drGradiationButton.-white > span i::before,
.drGradiationButton.-white > span .drArrowButton::before {
  background-image: url(../imgs/icon-arrow-1-white.svg);
}
.drGradiationButton.-white > a i::after,
.drGradiationButton.-white > a .drArrowButton::after,
.drGradiationButton.-white > button i::after,
.drGradiationButton.-white > button .drArrowButton::after,
.drGradiationButton.-white > input i::after,
.drGradiationButton.-white > input .drArrowButton::after,
.drGradiationButton.-white > span i::after,
.drGradiationButton.-white > span .drArrowButton::after {
  background-image: linear-gradient(-45deg, #FAD200, #4bc4cc);
}
.drGradiationButton.-white > a > span,
.drGradiationButton.-white > button > span,
.drGradiationButton.-white > input > span,
.drGradiationButton.-white > span > span {
  color: var(--white);
}
@media (max-width: 1024px) {
  .drGradiationButton > a,
  .drGradiationButton > button,
  .drGradiationButton > input,
  .drGradiationButton > span, .drGradiationButton.-small > a,
  .drGradiationButton.-small > button,
  .drGradiationButton.-small > input,
  .drGradiationButton.-small > span {
    min-height: 12.8vw;
    padding: 0 8vw 0 16vw;
  }
  .-enabledHover .drGradiationButton > a:hover,
  .-enabledHover .drGradiationButton > button:hover,
  .-enabledHover .drGradiationButton > input:hover,
  .-enabledHover .drGradiationButton > span:hover, .-enabledHover .drGradiationButton.-small > a:hover,
  .-enabledHover .drGradiationButton.-small > button:hover,
  .-enabledHover .drGradiationButton.-small > input:hover,
  .-enabledHover .drGradiationButton.-small > span:hover {
    padding: 0 16vw 0 8vw;
  }
  .-enabledHover .drGradiationButton > a:hover i::before,
  .-enabledHover .drGradiationButton > a:hover .drArrowButton::before,
  .-enabledHover .drGradiationButton > button:hover i::before,
  .-enabledHover .drGradiationButton > button:hover .drArrowButton::before,
  .-enabledHover .drGradiationButton > input:hover i::before,
  .-enabledHover .drGradiationButton > input:hover .drArrowButton::before,
  .-enabledHover .drGradiationButton > span:hover i::before,
  .-enabledHover .drGradiationButton > span:hover .drArrowButton::before, .-enabledHover .drGradiationButton.-small > a:hover i::before,
  .-enabledHover .drGradiationButton.-small > a:hover .drArrowButton::before,
  .-enabledHover .drGradiationButton.-small > button:hover i::before,
  .-enabledHover .drGradiationButton.-small > button:hover .drArrowButton::before,
  .-enabledHover .drGradiationButton.-small > input:hover i::before,
  .-enabledHover .drGradiationButton.-small > input:hover .drArrowButton::before,
  .-enabledHover .drGradiationButton.-small > span:hover i::before,
  .-enabledHover .drGradiationButton.-small > span:hover .drArrowButton::before {
    transform: translate3d(-11.4666666667vw, -50%, 0);
  }
  .-enabledHover .drGradiationButton > a:hover i::after,
  .-enabledHover .drGradiationButton > a:hover .drArrowButton::after,
  .-enabledHover .drGradiationButton > button:hover i::after,
  .-enabledHover .drGradiationButton > button:hover .drArrowButton::after,
  .-enabledHover .drGradiationButton > input:hover i::after,
  .-enabledHover .drGradiationButton > input:hover .drArrowButton::after,
  .-enabledHover .drGradiationButton > span:hover i::after,
  .-enabledHover .drGradiationButton > span:hover .drArrowButton::after, .-enabledHover .drGradiationButton.-small > a:hover i::after,
  .-enabledHover .drGradiationButton.-small > a:hover .drArrowButton::after,
  .-enabledHover .drGradiationButton.-small > button:hover i::after,
  .-enabledHover .drGradiationButton.-small > button:hover .drArrowButton::after,
  .-enabledHover .drGradiationButton.-small > input:hover i::after,
  .-enabledHover .drGradiationButton.-small > input:hover .drArrowButton::after,
  .-enabledHover .drGradiationButton.-small > span:hover i::after,
  .-enabledHover .drGradiationButton.-small > span:hover .drArrowButton::after {
    padding: 6.4vw;
  }
  .-enabledHover .drGradiationButton > a:hover i.-blank::before,
  .-enabledHover .drGradiationButton > a:hover .drArrowButton.-blank::before,
  .-enabledHover .drGradiationButton > button:hover i.-blank::before,
  .-enabledHover .drGradiationButton > button:hover .drArrowButton.-blank::before,
  .-enabledHover .drGradiationButton > input:hover i.-blank::before,
  .-enabledHover .drGradiationButton > input:hover .drArrowButton.-blank::before,
  .-enabledHover .drGradiationButton > span:hover i.-blank::before,
  .-enabledHover .drGradiationButton > span:hover .drArrowButton.-blank::before, .-enabledHover .drGradiationButton.-small > a:hover i.-blank::before,
  .-enabledHover .drGradiationButton.-small > a:hover .drArrowButton.-blank::before,
  .-enabledHover .drGradiationButton.-small > button:hover i.-blank::before,
  .-enabledHover .drGradiationButton.-small > button:hover .drArrowButton.-blank::before,
  .-enabledHover .drGradiationButton.-small > input:hover i.-blank::before,
  .-enabledHover .drGradiationButton.-small > input:hover .drArrowButton.-blank::before,
  .-enabledHover .drGradiationButton.-small > span:hover i.-blank::before,
  .-enabledHover .drGradiationButton.-small > span:hover .drArrowButton.-blank::before {
    transform: translate3d(-11.4666666667vw, -50%, 0) rotate(-45deg);
  }
  .drGradiationButton > a i,
  .drGradiationButton > a .drArrowButton,
  .drGradiationButton > button i,
  .drGradiationButton > button .drArrowButton,
  .drGradiationButton > input i,
  .drGradiationButton > input .drArrowButton,
  .drGradiationButton > span i,
  .drGradiationButton > span .drArrowButton, .drGradiationButton.-small > a i,
  .drGradiationButton.-small > a .drArrowButton,
  .drGradiationButton.-small > button i,
  .drGradiationButton.-small > button .drArrowButton,
  .drGradiationButton.-small > input i,
  .drGradiationButton.-small > input .drArrowButton,
  .drGradiationButton.-small > span i,
  .drGradiationButton.-small > span .drArrowButton {
    width: 12.8vw;
    height: 12.8vw;
    border-radius: 6.4vw;
  }
  .drGradiationButton > a i::before,
  .drGradiationButton > a .drArrowButton::before,
  .drGradiationButton > button i::before,
  .drGradiationButton > button .drArrowButton::before,
  .drGradiationButton > input i::before,
  .drGradiationButton > input .drArrowButton::before,
  .drGradiationButton > span i::before,
  .drGradiationButton > span .drArrowButton::before, .drGradiationButton.-small > a i::before,
  .drGradiationButton.-small > a .drArrowButton::before,
  .drGradiationButton.-small > button i::before,
  .drGradiationButton.-small > button .drArrowButton::before,
  .drGradiationButton.-small > input i::before,
  .drGradiationButton.-small > input .drArrowButton::before,
  .drGradiationButton.-small > span i::before,
  .drGradiationButton.-small > span .drArrowButton::before {
    width: 3.4666666667vw;
    height: 3.4666666667vw;
  }
  .drGradiationButton > a > span,
  .drGradiationButton > button > span,
  .drGradiationButton > input > span,
  .drGradiationButton > span > span, .drGradiationButton.-small > a > span,
  .drGradiationButton.-small > button > span,
  .drGradiationButton.-small > input > span,
  .drGradiationButton.-small > span > span {
    margin-left: 0;
    font-size: 3.4666666667vw;
  }
}

/* ==========================================================================
 *
 * Blocks - drSimpleButton
 *
========================================================================== */
.drSimpleButton > a,
.drSimpleButton > button,
.drSimpleButton > input,
.drSimpleButton > span {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 60px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 16px;
  font-family: "Schibsted Grotesk", "Noto Sans JP", sans-serif;
  cursor: pointer;
}
.drSimpleButton > a[disabled],
.drSimpleButton > button[disabled],
.drSimpleButton > input[disabled],
.drSimpleButton > span[disabled] {
  cursor: default;
  filter: grayscale(1);
}
.drSimpleButton > a::before,
.drSimpleButton > button::before,
.drSimpleButton > input::before,
.drSimpleButton > span::before {
  display: block;
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate3d(-50%, -50%, 0);
  border-radius: inherit;
  box-shadow: 5px 5px 40px rgba(92, 147, 171, 0.15);
  content: "";
  transition: background-color 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99), transform 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.drSimpleButton > a i,
.drSimpleButton > button i,
.drSimpleButton > input i,
.drSimpleButton > span i {
  display: block;
}
.drSimpleButton > a span,
.drSimpleButton > button span,
.drSimpleButton > input span,
.drSimpleButton > span span {
  z-index: 1;
  position: relative;
}
.-enabledHover .drSimpleButton > a:not([disabled]):hover::before,
.-enabledHover .drSimpleButton > button:not([disabled]):hover::before,
.-enabledHover .drSimpleButton > input:not([disabled]):hover::before,
.-enabledHover .drSimpleButton > span:not([disabled]):hover::before {
  transform: translate3d(-50%, -50%, 0) scale(1.05, 1.125);
}
.drSimpleButton.-circle > a,
.drSimpleButton.-circle > button,
.drSimpleButton.-circle > input,
.drSimpleButton.-circle > span {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: none;
}
.drSimpleButton.-exlarge > a,
.drSimpleButton.-exlarge > button,
.drSimpleButton.-exlarge > input,
.drSimpleButton.-exlarge > span {
  height: 160px;
  border-radius: 80px;
  font-size: 25px;
}
.drSimpleButton.-yellow > a,
.drSimpleButton.-yellow > button,
.drSimpleButton.-yellow > input,
.drSimpleButton.-yellow > span {
  color: var(--bule_3);
}
.drSimpleButton.-yellow > a::before,
.drSimpleButton.-yellow > button::before,
.drSimpleButton.-yellow > input::before,
.drSimpleButton.-yellow > span::before {
  background-color: var(--yellow);
}
.drSimpleButton.-blue > a,
.drSimpleButton.-blue > button,
.drSimpleButton.-blue > input,
.drSimpleButton.-blue > span {
  color: var(--white);
}
.drSimpleButton.-blue > a::before,
.drSimpleButton.-blue > button::before,
.drSimpleButton.-blue > input::before,
.drSimpleButton.-blue > span::before {
  background-color: var(--blue_2);
}
.drSimpleButton.-blank > a::after,
.drSimpleButton.-blank > button::after,
.drSimpleButton.-blank > input::after,
.drSimpleButton.-blank > span::after {
  z-index: 2;
  width: 10px;
  height: 10px;
  margin-left: 8px;
  background: url(../imgs/icon-arrow-3.svg) no-repeat center center transparent;
  background-size: contain;
  content: "";
}
@media (max-width: 1024px) {
  .drSimpleButton > a,
  .drSimpleButton > button,
  .drSimpleButton > input,
  .drSimpleButton > span {
    height: 16vw;
    border-radius: 8vw;
    font-size: 4.2666666667vw;
  }
  .drSimpleButton.-circle > a,
  .drSimpleButton.-circle > button,
  .drSimpleButton.-circle > input,
  .drSimpleButton.-circle > span {
    width: 16vw;
    height: 16vw;
  }
  .drSimpleButton.-exlarge > a,
  .drSimpleButton.-exlarge > button,
  .drSimpleButton.-exlarge > input,
  .drSimpleButton.-exlarge > span {
    height: 16vw;
    border-radius: 8vw;
    font-size: 4.2666666667vw;
  }
}

/* ==========================================================================
 *
 * Blocks - drSimpleLink
 *
========================================================================== */
.drSimpleLink > a,
.drSimpleLink > button,
.drSimpleLink > input,
.drSimpleLink > span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Schibsted Grotesk", "Noto Sans JP", sans-serif;
}
.drSimpleLink.-blank > a::after,
.drSimpleLink.-blank > button::after,
.drSimpleLink.-blank > input::after,
.drSimpleLink.-blank > span::after {
  width: 10px;
  height: 10px;
  margin-left: 8px;
  background: url(../imgs/icon-arrow-3.svg) no-repeat center center transparent;
  background-size: contain;
  content: "";
}
@media (max-width: 1024px) {
  .drSimpleLink.-blank > a::after,
  .drSimpleLink.-blank > button::after,
  .drSimpleLink.-blank > input::after,
  .drSimpleLink.-blank > span::after {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    margin-left: 1.6vw;
    content: "";
  }
}

/* ==========================================================================
 *
 * Blocks - drTabs
 *
========================================================================== */
.drTabs__items {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  padding: 8px 0;
  border-radius: 36px;
  background-color: var(--white);
  box-shadow: 5px 5px 40px rgba(92, 147, 171, 0.15);
}

.drTabs__item {
  margin: 0 6px;
}
.drTabs__item button {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding: 0 24px;
  border-radius: 28px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  transition: color 200ms ease-in-out;
}
.drTabs__item button.-current {
  color: var(--dive_blue);
  cursor: default;
  pointer-events: none;
}
.drTabs__item button.-current::before {
  transform: scale(1);
}
.-enabledHover .drTabs__item button:hover {
  color: var(--dive_blue);
}
.drTabs__item button::before {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  border-radius: inherit;
  background-color: #f5f5f5;
  content: "";
  transition: transform 200ms ease;
}
.drTabs__item button > span {
  z-index: 1;
  position: relative;
}

@media (max-width: 1024px) {
  .drTabs__items {
    width: 100vw;
    height: auto;
    margin-left: -5.3333333333vw;
    padding: 2.1333333333vw 0 2.1333333333vw 3.2vw;
    overflow: auto;
    border-radius: 0;
  }
  .drTabs__item {
    flex-shrink: 0;
    margin: 0;
  }
  .drTabs__item button {
    height: 12.8vw;
    padding: 0 3.7333333333vw;
    border-radius: 6.4vw;
    font-size: 3.2vw;
  }
}

/* ==========================================================================
 *
 * Blocks - drTitle
 *
========================================================================== */
.drTitle.-bg {
  position: relative;
  color: var(--white);
}
.drTitle.-bg > span {
  display: inline-block;
  position: relative;
  margin-top: 4px;
  padding: 0 8px;
  overflow: hidden;
  white-space: nowrap;
}
.drTitle.-bg > span > span {
  display: block;
  z-index: 1;
  position: relative;
  transform: translateY(35%);
  opacity: 0;
  transition: opacity 150ms 320ms ease, transform 500ms 350ms cubic-bezier(0, 0, 0.2, 1);
}
.drTitle.-bg > span::before {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 4px;
  background-color: var(--dive_blue);
  content: "";
  transition: width 380ms cubic-bezier(0, 0, 0.2, 1);
}
.drTitle.-bg > span:nth-child(1) > span {
  transition-delay: 320ms, 350ms;
}
.drTitle.-bg > span:nth-child(1)::before {
  transition-delay: 0ms;
}
.drTitle.-bg > span:nth-child(2) > span {
  transition-delay: 420ms, 450ms;
}
.drTitle.-bg > span:nth-child(2)::before {
  transition-delay: 100ms;
}
.drTitle.-bg > span:nth-child(3) > span {
  transition-delay: 520ms, 550ms;
}
.drTitle.-bg > span:nth-child(3)::before {
  transition-delay: 200ms;
}
.drTitle.-bg > span:nth-child(4) > span {
  transition-delay: 620ms, 650ms;
}
.drTitle.-bg > span:nth-child(4)::before {
  transition-delay: 300ms;
}
.drTitle.-bg > span:nth-child(5) > span {
  transition-delay: 720ms, 750ms;
}
.drTitle.-bg > span:nth-child(5)::before {
  transition-delay: 400ms;
}
.drTitle.-bg > span:nth-child(6) > span {
  transition-delay: 820ms, 850ms;
}
.drTitle.-bg > span:nth-child(6)::before {
  transition-delay: 500ms;
}
.drTitle.-bg > span:nth-child(7) > span {
  transition-delay: 920ms, 950ms;
}
.drTitle.-bg > span:nth-child(7)::before {
  transition-delay: 600ms;
}
.drTitle.-bg > span:nth-child(8) > span {
  transition-delay: 1020ms, 1050ms;
}
.drTitle.-bg > span:nth-child(8)::before {
  transition-delay: 700ms;
}
.drTitle.-bg > span:nth-child(9) > span {
  transition-delay: 1120ms, 1150ms;
}
.drTitle.-bg > span:nth-child(9)::before {
  transition-delay: 800ms;
}
.drTitle.-bg > span:nth-child(10) > span {
  transition-delay: 1220ms, 1250ms;
}
.drTitle.-bg > span:nth-child(10)::before {
  transition-delay: 900ms;
}
.drTitle.-bg > span:nth-child(11) > span {
  transition-delay: 1320ms, 1350ms;
}
.drTitle.-bg > span:nth-child(11)::before {
  transition-delay: 1000ms;
}
.drTitle.-bg.-nt > span > span, .drTitle.-bg.-shown > span > span {
  transform: translateY(0%);
  opacity: 1;
}
.drTitle.-bg.-nt > span::before, .drTitle.-bg.-shown > span::before {
  width: 100%;
}
/* ==========================================================================
 *
 * Blocks - entry
 *
========================================================================== */
.entry__flow {
  padding-bottom: 160px;
}

.entry__links {
  max-width: 1280px;
  padding: 80px 110px 100px;
  border-radius: 12px;
  background-color: var(--white);
}

.entry__links .entry__links__title {
  margin: 0;
  font-weight: 900;
  font-size: 38px;
  line-height: 150%;
}

.entry__links__blocks {
  margin-top: 60px;
}

.entry__links__block + .entry__links__block {
  margin-top: 48px;
}
.entry__links__block .-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 180%;
}
.entry__links__block .-btns {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  margin: 0 -16px;
}
.entry__links__block .-btns .drSimpleButton {
  width: calc((100% - 96px) / 3);
  margin: 16px;
}

@media (max-width: 1024px) {
  .entry__flow {
    padding-bottom: 22.6666666667vw;
  }
  .entry__links {
    max-width: none;
    padding: 10.6666666667vw 5.3333333333vw;
    border-radius: 3.2vw;
  }
  .entry__links .entry__links__title {
    font-size: 6.4vw;
    line-height: 160%;
  }
  .entry__links__blocks {
    margin-top: 10.6666666667vw;
  }
  .entry__links__block + .entry__links__block {
    margin-top: 8.5333333333vw;
  }
  .entry__links__block .-title {
    margin: 0;
    font-size: 4.8vw;
  }
  .entry__links__block .-btns {
    margin: 0;
  }
  .entry__links__block .-btns .drSimpleButton {
    width: 100%;
    margin: 0;
    margin-top: 5.3333333333vw;
  }
}

/* ==========================================================================
 *
 * Blocks - entryBtn
 *
========================================================================== */
@media (min-width: 1025px) {
  .header__entry {
    z-index: 10;
    position: fixed;
    right: 40px;
    bottom: 40px;
    width: calc(100vw - var(--scrollbar) - 80px);
    max-width: 1360px;
    height: 140px;
    transform: translateX(0);
    opacity: 0;
  }
  .header__entry.drSimpleButton > a {
    height: 100%;
    border-radius: 70px;
    font-size: 25px;
  }
  .-enabledHover .header__entry.-noeffect.drSimpleButton > a:hover::before {
    transform: translate3d(-50%, -50%, 0);
  }
  .-enabledHover .header__entry:not(.-noeffect).drSimpleButton > a:hover::before {
    transform: translate3d(-50%, -50%, 0) scale(1.125, 1.125);
  }
  .header__entry.-hidden {
    z-index: -100;
    pointer-events: none;
  }
  .header__entry.-shown {
    right: 40px;
    width: 104px;
    max-width: 104px;
    height: 104px;
    transform: translateX(0);
    opacity: 1;
  }
  .header__entry.-shown.-transition {
    transition: max-width 400ms 100ms cubic-bezier(0.4, -0.06, 0.2, 1.06), width 400ms 100ms cubic-bezier(0.4, -0.06, 0.2, 1.06), height 250ms 100ms cubic-bezier(0.4, -0.06, 0.2, 1.06), right 200ms 20ms ease-in, transform 200ms 0ms ease-in;
  }
  .header__entry.-shown.-transition.drSimpleButton > a {
    transition: border-radius 100ms 400ms ease-in, font-size 400ms 100ms ease-in;
  }
  .header__entry.-shown.drSimpleButton > a {
    border-radius: 52px;
    font-size: 16px;
  }
  .header__entry.-scale {
    transition: height 0ms 0ms, opacity 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1);
  }
  .header__entry.-scale.-scaleout {
    height: 0;
    transform: scale(1.1);
    opacity: 0;
    transition: height 0ms 201ms, opacity 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1);
  }
  .secJjoinus__btn {
    position: absolute;
    right: 40px;
    bottom: 210px;
    left: 40px;
    opacity: 0;
  }
  .secJjoinus__btn .drSimpleButton {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 104px;
    height: 104px;
  }
  .secJjoinus__btn .drSimpleButton > a {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  .-enabledHover .secJjoinus__btn.-noeffect .drSimpleButton > a:hover::before {
    transform: translate3d(-50%, -50%, 0);
    background-color: var(--white);
  }
  .-enabledHover .secJjoinus__btn:not(.-noeffect) .drSimpleButton > a:hover::before {
    transform: translate3d(-50%, -50%, 0) scale(1.02, 1.04);
    background-color: var(--white);
  }
  .secJjoinus__btn.-shown {
    opacity: 1;
  }
  .secJjoinus__btn.-shown.-transition {
    transition: right 200ms 20ms ease-in;
  }
  .secJjoinus__btn.-shown.-transition .drSimpleButton {
    transition: width 400ms 100ms cubic-bezier(0.4, -0.06, 0.2, 1.06), height 250ms 100ms cubic-bezier(0.4, -0.06, 0.2, 1.06);
  }
  .secJjoinus__btn.-shown.-transition .drSimpleButton > a {
    transition: border-radius 150ms ease-in, font-size 400ms ease-in;
  }
  .secJjoinus__btn.-shown .drSimpleButton {
    width: 100%;
    height: 140px;
  }
  .secJjoinus__btn.-shown .drSimpleButton > a {
    border-radius: 70px;
    font-size: 25px;
  }
}
@media (max-width: 1024px) {
  .header__entry {
    display: none;
    z-index: 10;
  }
  .header__entry.-scale {
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    transition: transform 200ms 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header__entry.-scale.drSimpleButton > a::before {
    border-radius: 0;
  }
  .header__entry.-scale.-hidden {
    transform: translateY(100%);
    transition-delay: 0ms;
  }
  .secJjoinus__btn {
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    transition: transform 200ms 200ms cubic-bezier(0.4, 0, 0.2, 1), left 200ms cubic-bezier(0.4, 0, 0.2, 1), right 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .secJjoinus__btn .drSimpleButton > a::before {
    border-radius: 0;
    transition: transform 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99), border-radius 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .secJjoinus__btn.-transition {
    display: block;
  }
  .secJjoinus__btn.-absoluted {
    position: absolute;
    right: 5.3333333333vw;
    bottom: 21.3333333333vw;
    left: 5.3333333333vw;
  }
  .secJjoinus__btn.-absoluted .drSimpleButton > a::before {
    border-radius: inherit;
  }
  .secJjoinus__btn.-hidden {
    transform: translateY(100%);
    transition-delay: 0ms;
  }
}
@media (min-width: 1441px) {
  .header__entry {
    right: 50%;
    transform: translateX(50%);
  }
  .header__entry.-shown {
    right: 40px;
    transform: translateX(0);
  }
  .header__entry.-shown.-transition {
    transition: max-width 400ms 150ms cubic-bezier(0.4, -0.06, 0.2, 1.06), width 400ms 150ms cubic-bezier(0.4, -0.06, 0.2, 1.06), height 250ms 150ms cubic-bezier(0.4, -0.06, 0.2, 1.06), right 200ms 70ms ease-in, transform 200ms 50ms ease-in;
  }
  .header__entry.-shown.-transition.drSimpleButton > a {
    transition: border-radius 100ms 450ms ease-in, font-size 400ms 150ms ease-in;
  }
  .secJjoinus__btn {
    right: calc((100vw - var(--scrollbar) - 1440px) / -2 + 40px);
  }
  .secJjoinus__btn.-shown {
    right: 40px;
  }
}

/* ==========================================================================
 *
 * Blocks - flow
 *
========================================================================== */
.flow + .flow {
  padding-top: 155px;
}
.flow .flow__header h3 em {
  font-size: 38px;
}
.flow__item {
  display: flex;
  position: relative;
  align-items: flex-start;
  padding: 16px;
  border: 1px solid var(--gray_2-60);
  border-radius: 12px;
}
.flow__item + .flow__item {
  margin-top: 28px;
}
.flow__item + .flow__item::before {
  position: absolute;
  top: -20px;
  left: 50%;
  width: 12px;
  height: 12px;
  transform: translateX(-50%);
  background: url(../imgs/icon-arrow-2-grey.svg) no-repeat center center transparent;
  background-size: contain;
  content: "";
}

.flow__thumb {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 158px;
  height: 124px;
  border-radius: 12px;
  background-color: var(--gray_2-20);
  color: var(--yellow);
  font-weight: bold;
  font-size: 20px;
}

.flow__body {
  padding-left: 48px;
}

.flow__title {
  color: var(--dive_blue);
  font-weight: bold;
  font-size: 26px;
  line-height: 1.6;
}
.flow__title small {
  font-weight: bold;
  font-size: 20px;
}

.flow__text {
  margin-top: 10px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.8;
}

.flow__btns {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 55px;
}
.flow__btns .flow__btn {
  margin: 0 24px;
}

.flow__btn {
  width: 332px;
}

@media (max-width: 1440px) {
  .flow__thumb {
    width: 10.9722222222vw;
    height: 8.6111111111vw;
  }
  .flow__body {
    padding-left: 3.3333333333vw;
  }
  .flow__btns .flow__btn {
    margin: 0 1.6666666667vw;
  }
  .flow__btn {
    width: 50%;
  }
}
@media (max-width: 1024px) {
  .flow + .flow {
    padding-top: 21.3333333333vw;
  }
  .flow .flow__header h3 em {
    font-size: 6.4vw;
  }
  .flow__item {
    flex-flow: nowrap column;
    padding: 5.3333333333vw 4.2666666667vw;
    border-radius: 3.2vw;
  }
  .flow__item + .flow__item {
    margin-top: 7.4666666667vw;
  }
  .flow__item + .flow__item::before {
    top: -5.8666666667vw;
    width: 3.2vw;
    height: 3.2vw;
    content: "";
  }
  .flow__thumb {
    width: 100%;
    height: 8vw;
    border-radius: 4vw;
    font-size: 4.2666666667vw;
  }
  .flow__body {
    margin-top: 4.2666666667vw;
    padding-left: 0;
  }
  .flow__title {
    font-size: 5.3333333333vw;
  }
  .flow__title small {
    font-weight: bold;
    font-size: 20px;
  }
  .flow__text {
    margin-top: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
  .flow__btns {
    flex-flow: wrap row;
    margin-top: 9.3333333333vw;
  }
  .flow__btns .flow__btn {
    margin: 0;
  }
  .flow__btns .flow__btn + .flow__btn {
    margin-top: 6.4vw;
  }
  .flow__btn {
    width: 100%;
  }
}

/* ==========================================================================
 *
 * Blocks - footer
 *
========================================================================== */
.footer {
  z-index: 0;
  position: relative;
  background-color: var(--dive_blue);
  color: var(--white);
}
.footer__inner {
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  padding: 90px 80px 64px;
}
@media (max-width: 1024px) {
  .footer__inner {
    max-width: none;
  }
}
.footer__inner .drSimpleButton a {
  border: 1px solid var(--blue-70);
}

.footer__clms {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.footer__clm {
  position: relative;
}
.footer__clm:nth-child(1) {
  width: 100%;
  padding-right: 40px;
}
.footer__clm:nth-child(2) {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  justify-content: space-between;
  width: 727px;
  padding-bottom: 40px;
}

.footer__logo {
  width: 164px;
}

.footer__corporate {
  width: 100%;
  max-width: 354px;
  margin-top: 40px;
}
.footer__corporate a {
  position: relative;
  width: 100%;
  transition: color 200ms ease-in-out, span;
  transition-position: relative;
  transition-z-index: 1;
}
.footer__corporate a::before {
  display: block;
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate3d(-50%, -50%, 0);
  border-radius: inherit;
  box-shadow: 5px 5px 40px rgba(92, 147, 171, 0.15);
  content: "";
  transition: background-color 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99), transform 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.-enabledHover .footer__corporate a:hover {
  color: var(--dive_blue);
}
.-enabledHover .footer__corporate a:hover::before {
  transform: translate3d(-50%, -50%, 0) scale(1.05, 1.125);
  background-color: var(--white);
}

.footer__sns {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: flex-start;
}
.footer__sns .drSimpleButton + .drSimpleButton {
  margin-left: 12px;
}
.footer__sns .-wantedly i {
  width: 23px;
  background-image: url(../imgs/logo-wantedly-min.svg);
}
.-enabledHover .footer__sns .-wantedly a:hover i {
  background-image: url(../imgs/logo-wantedly-min-blue.svg);
}
.footer__sns .-instagram i {
  width: 18px;
  background-image: url(../imgs/logo-instagram-min.svg);
}
.-enabledHover .footer__sns .-instagram a:hover i {
  background-image: url(../imgs/logo-instagram-min-blue.svg);
}
.footer__sns i {
  display: block;
  z-index: 1;
  position: relative;
  height: 100%;
  background: none no-repeat center center transparent;
  background-size: contain;
}
.footer__sns a::before {
  transition: background-color 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99), transform 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.-enabledHover .footer__sns a:hover::before {
  transform: translate3d(-50%, -50%, 0) scale(1.15);
  background-color: var(--white);
}

.footer__links.-children {
  margin-top: 24px;
}

.footer__link {
  width: 200px;
}
.footer__link + .footer__link {
  margin-top: 40px;
}
.footer__link:not(.drSimpleButton).-child {
  width: auto;
  margin-bottom: 0;
}
.footer__link:not(.drSimpleButton).-child + .footer__link:not(.drSimpleButton).-child {
  margin-top: 4px;
}
.footer__link:not(.drSimpleButton).-child a {
  font-weight: bold;
  font-size: 16px;
}
.footer__link:not(.drSimpleButton).-child a::before {
  top: 7px;
}
.footer__link:not(.drSimpleButton) a {
  position: relative;
}
.footer__link:not(.drSimpleButton) a::before {
  display: block;
  position: absolute;
  top: 42px;
  left: -18px;
  width: 10px;
  height: 10px;
  transform: scale(0);
  border-radius: 50%;
  background-color: var(--yellow);
  content: "";
  opacity: 0;
  transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;
}
.-enabledHover .footer__link:not(.drSimpleButton) a:hover::before {
  transform: scale(1);
  opacity: 1;
}
.footer__link.drSimpleButton a::before {
  transition: background-color 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99), transform 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.-enabledHover .footer__link.drSimpleButton a:hover::before {
  background-color: var(--white);
}

.footer__link__item {
  display: block;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--blue-70);
}
.footer__link__item em {
  display: block;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.2;
  font-family: "Schibsted Grotesk", "Noto Sans JP", sans-serif;
}
.footer__link__item span {
  display: block;
  margin-top: 12px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  opacity: 0.7;
}

.footer__bottoms {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 32px;
}

.footer__copyright {
  font-size: 12px;
  font-family: "Schibsted Grotesk", "Noto Sans JP", sans-serif;
}

.footer__terms {
  display: flex;
  align-items: center;
}
.footer__terms .drSimpleLink + .drSimpleLink {
  margin-left: 32px;
}
.footer__terms a {
  font-weight: 500;
  font-size: 14px;
  transition: color 200ms ease-in-out;
}
.footer__terms a::after {
  transition: transform 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.-enabledHover .footer__terms a:hover {
  color: var(--yellow);
}
.-enabledHover .footer__terms a:hover::after {
  transform: translate3d(25%, -25%, 0);
}

@media (max-width: 1440px) {
  .footer__clm:nth-child(2) {
    width: 607px;
  }
  .footer__link {
    width: 180px;
  }
}
@media (max-width: 1024px) {
  .footer {
    padding-bottom: 10.6666666667vw;
  }
  .footer .nav {
    background-color: transparent;
  }
  .footer__copyright {
    margin-top: 7.4666666667vw;
    padding: 0 5.3333333333vw;
  }
}

/* ==========================================================================
 *
 * Blocks - header
 *
========================================================================== */
.header {
  z-index: 2;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.header.-fixed .header__inner {
  width: 100%;
  height: 72px;
  padding-left: 24px;
  border-radius: 0 0 20px 20px;
  box-shadow: 5px 5px 40px rgba(92, 147, 171, 0.15);
}
.header.-fixed .header__inner::before {
  opacity: 1;
}
.header.-fixed .header__logo {
  width: 174px;
  height: 72px;
}
.header.-fixed .header__logo a {
  display: flex;
  flex-shrink: 0;
  flex-flow: nowrap row;
  align-items: center;
  width: auto;
  height: 100%;
  border-radius: 0;
  background-color: transparent;
}
.header.-fixed .header__logo a img:nth-child(1) {
  width: 74px;
}
.header.-fixed .header__logo a img:nth-child(2) {
  width: 84px;
  margin: 0 0 0 16px;
}
.header__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-right: 40px;
}
.header__inner::before {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 72px;
  border-radius: inherit;
  background-color: var(--white);
  content: "";
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}

.header__logo {
  z-index: 1;
  position: relative;
}
.header__logo a {
  display: flex;
  flex-flow: nowrap column;
  align-items: center;
  justify-content: center;
  width: 143px;
  height: 143px;
  border-radius: 0 0 20px 0;
  background-color: var(--white);
  transition: width opacity 200ms ease-in-out, height opacity 200ms ease-in-out, background-color 200ms ease-in-out;
}
.header__logo a img {
  transition: width 200ms ease-out, margin 200ms ease-out;
}
.header__logo a img:nth-child(1) {
  width: 89px;
}
.header__logo a img:nth-child(2) {
  width: 84px;
  margin-top: 16px;
}

.header__nav {
  z-index: 1;
  position: relative;
  padding-top: 10px;
  transition: padding-top 200ms ease-out;
}

@media (max-width: 1024px) {
  .header.-opened .header__toggle button {
    background-color: var(--yellow);
  }
  .header.-opened .header__toggle button span:nth-child(1) {
    margin-top: 0vw;
  }
  .header.-opened .header__toggle button span:nth-child(2) {
    margin-top: 0vw;
  }
  .header.-opened .header__nav {
    bottom: 0;
    opacity: 1;
    transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1), bottom 450ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header.-opened .header__nav .nav > * {
    transform: translateY(0);
    opacity: 1;
    transition: opacity 550ms 450ms cubic-bezier(0.4, 0, 0.2, 1), transform 550ms 450ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header.-hidden .header__inner {
    transform: translateY(-100%);
  }
  .header .nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    padding: 21.3333333333vw 5.3333333333vw;
    overflow: auto;
    background-color: var(--dive_blue);
    scroll-behavior: smooth;
  }
  .header__inner {
    height: 21.3333333333vw;
    padding-right: 0;
    transition: transform 200ms 50ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header__logo {
    position: absolute;
    top: 0;
    left: 0;
  }
  .header__logo a {
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    border-radius: 0 0 4vw 0;
  }
  .header__logo a img:nth-child(1) {
    width: 14.6666666667vw;
  }
  .header__logo a img:nth-child(2) {
    width: 13.8666666667vw;
    margin-top: 2.8vw;
  }
  .header__nav {
    z-index: 1;
    position: fixed;
    top: 0;
    bottom: 100%;
    left: 0;
    width: 100%;
    padding-top: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 150ms 300ms cubic-bezier(0.4, 0, 0.2, 1), bottom 450ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header__nav .nav > * {
    transform: translateY(-10px);
    opacity: 0;
    transition: opacity 450ms cubic-bezier(0.4, 0, 0.2, 1), transform 450ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header__requirements {
    z-index: 0;
    position: absolute;
    top: 3.2vw;
    right: 19.2vw;
  }
  .header__requirements a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 12.8vw;
    padding: 0 3.2vw;
    border-radius: 6.4vw;
    background-color: var(--white);
    box-shadow: 0.2666666667vw 0.2666666667vw 2.6666666667vw rgba(92, 147, 171, 0.15);
    color: var(--dive_blue);
    font-weight: bold;
    font-size: 3.2vw;
  }
  .header__requirements a em {
    font: inherit;
  }
  .header__toggle {
    z-index: 2;
    position: absolute;
    top: 3.2vw;
    right: 3.2vw;
  }
  .header__toggle button {
    position: relative;
    width: 12.8vw;
    height: 12.8vw;
    border-radius: 50%;
    background-color: var(--dive_blue);
    box-shadow: 0.2666666667vw 0.2666666667vw 2.6666666667vw rgba(92, 147, 171, 0.15);
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header__toggle button span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.1333333333vw;
    height: 0.5333333333vw;
    border-radius: 0.2666666667vw;
    background-color: var(--white);
    transition: margin 300ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header__toggle button span:nth-child(1) {
    margin-top: -0.8vw;
    transform: translate3d(-50%, -50%, 0);
  }
  .header__toggle button span:nth-child(2) {
    margin-top: 0.8vw;
    transform: translate3d(-50%, -50%, 0);
  }
}

/* ==========================================================================
 *
 * Blocks - interview
 *
========================================================================== */
.interview__main {
  position: relative;
}

.interview__header__inner {
  position: relative;
  padding: 100px 0 0 80px;
}

.interview__header__bg {
  z-index: 0;
  position: relative;
  overflow: hidden;
  border-radius: 40px 0 0 40px;
}
.interview__header__bg img {
  width: 100%;
}

.interview__header__text {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 160px;
  height: auto;
  padding-top: 120px;
  transform: translateY(-50%);
}
.interview__header__text .drTitle {
  width: 100%;
}
.interview__header__text .drTitle > span {
  margin-top: 8px;
  font-weight: bold;
  font-size: 42px;
  line-height: 1.6;
}

.interview__header__info {
  display: flex;
  align-items: center;
  margin-top: 40px;
}

.interview__header__cat {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 0 30px;
  border-radius: 25px;
  background-color: var(--white);
  color: var(--dive_blue);
  font-weight: bold;
  font-size: 18px;
}

.interview__header__name {
  margin-left: 18px;
  color: var(--white);
  font-weight: bold;
  font-size: 22px;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.interview__header__no {
  display: flex;
  position: fixed;
  top: 130px;
  right: 20px;
  align-items: flex-start;
  justify-content: flex-end;
}
.interview__header__no.-fixed span:nth-child(1) {
  color: var(--gray_2-60);
}
.interview__header__no.-fixed span:nth-child(2) {
  -webkit-text-stroke: 2px var(--gray_2);
}
.interview__header__no.-absoluted {
  position: absolute;
  top: auto;
  bottom: 0;
}
.interview__header__no span {
  font-weight: 500;
  font-size: 80px;
  line-height: 0.8;
  font-family: "ClashDisplay-Variable", "Noto Sans JP", sans-serif;
  writing-mode: vertical-rl;
}
.interview__header__no span:nth-child(1) {
  display: block;
  order: 2;
  color: var(--white);
  transition: color 200ms ease-in-out;
}
.interview__header__no span:nth-child(2) {
  order: 1;
  -webkit-text-stroke: 2px var(--white);
  margin-right: 8px;
  color: transparent;
  transition: -webkit-text-stroke 200ms ease-in-out;
}

.interview__breadcrumbs {
  margin-top: 40px;
}
.interview__body {
  margin-top: 88px;
}

.interview__profile {
  margin: 50px 190px 0;
}
.interview__profile .section__inner, .interview__profile .interview__footer, .interview__profile .interview__breadcrumbs {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 80px;
  border-bottom: 2px solid var(--gray_2-60);
}
.interview__profile .-img {
  flex-shrink: 0;
  width: 170px;
  height: 170px;
  margin-top: 48px;
  overflow: hidden;
  border-radius: 50%;
}
.interview__profile .-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.interview__profile .-body {
  padding-left: 50px;
}
.interview__profile .-title {
  color: var(--dive_blue);
  font-weight: bold;
  font-size: 22px;
}
.interview__profile .-txt {
  margin-top: 8px;
  font-weight: bold;
  font-size: 15px;
  line-height: 2;
}
.interview__profile .-txt p.-cloned {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  opacity: 0;
}
.interview__profile .-txt button {
  display: none;
}

.interview__article {
  margin-top: 95px;
}
.interview__article .section__inner, .interview__article .interview__footer, .interview__article .interview__breadcrumbs {
  padding: 0;
}
.interview__article__clms {
  position: relative;
}
.interview__article__clms::before {
  position: absolute;
  top: 0;
  bottom: -400px;
  left: 0;
  width: 412px;
  border-radius: 0 40px 40px 0;
  background-color: #fafafa;
  content: "";
}

.interview__article__index {
  padding: 0 80px;
}
.interview__article__index.section__index {
  width: 412px;
}
.interview__article__index.section__index li a.-current span {
  color: var(--yellow);
}
.interview__article__index.section__index a {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
}
.interview__article__index.section__index a span {
  display: block;
  color: rgba(171, 171, 171, 0.6);
  font-weight: bold;
  font-size: 12px;
  line-height: 1.65;
  transition: inherit;
}
.interview__article__index.section__index a em {
  display: block;
  margin-left: 4px;
  font-weight: bold;
  line-height: 1.5;
}

.interview__article__sections {
  padding: 0 190px 120px 110px;
}

.interview__footer .-img {
  overflow: hidden;
  border-radius: 20px;
}
.interview__footer .-img img {
  width: 100%;
}

@media (max-width: 1024px) {
  .interview__header {
    display: flex;
    flex-flow: nowrap column;
    padding-top: 40.5333333333vw;
  }
  .interview__header__inner {
    order: 2;
    height: auto;
    margin-top: 5.3333333333vw;
    padding: 0;
  }
  .interview__header__bg {
    width: 100%;
    height: 130.6666666667vw;
    border-radius: 5.3333333333vw;
  }
  .interview__header__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .interview__header__text {
    position: relative;
    top: auto;
    left: 0;
    margin-top: -16.5333333333vw;
    padding: 0 5.3333333333vw;
    transform: none;
  }
  .interview__header__text .drTitle > span {
    margin-top: 1.6vw;
    font-size: 6.4vw;
  }
  .interview__header__info {
    margin-top: 6.6666666667vw;
  }
  .interview__header__cat {
    height: 9.6vw;
    padding: 0 6.4vw;
    border-radius: 4.8vw;
    font-size: 3.2vw;
  }
  .interview__header__name {
    margin-left: 3.2vw;
    color: var(--black);
    font-size: 3.7333333333vw;
    text-shadow: none;
  }
  .interview__header__no {
    position: absolute;
    top: 54.4vw;
    right: 0.5333333333vw;
  }
  .interview__header__no span {
    font-size: 13.6vw;
  }
  .interview__header__no span:nth-child(2) {
    margin-right: 1.0666666667vw;
  }
  .interview__breadcrumbs {
    order: 1;
    width: 100%;
    margin-top: 0;
  }
  .interview__breadcrumbs .breadcrumbs {
    margin-top: 0;
  }
  .interview__body {
    margin-top: 9.3333333333vw;
  }
  .interview__profile {
    margin: 0;
    padding: 0 5.3333333333vw;
  }
  .interview__profile .section__inner, .interview__profile .interview__breadcrumbs, .interview__profile .interview__footer {
    display: block;
    padding: 0;
    border-bottom: none;
  }
  .interview__profile .-img {
    display: none;
  }
  .interview__profile .-body {
    padding-left: 0;
  }
  .interview__profile .-title {
    font-size: 4.2666666667vw;
  }
  .interview__profile .-txt {
    position: relative;
    margin-top: 1.3333333333vw;
    font-size: 3.7333333333vw;
    line-height: 1.6;
  }
  .interview__profile .-txt > p:not(.-cloned) {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    max-height: 29.8666666667vw;
    -webkit-line-clamp: 5;
  }
  .interview__profile .-txt > button {
    align-items: center;
    justify-content: center;
    margin: 5.3333333333vw auto 0;
    color: var(--gray);
    font-size: 3.2vw;
    text-align: center;
    cursor: pointer;
  }
  .interview__profile .-txt > button i {
    display: block;
    width: 3.2vw;
    height: 3.2vw;
    margin-left: 2.1333333333vw;
    transform: rotate(90deg);
    background: url(../imgs/icon-arrow-2.svg) no-repeat center center transparent;
    background-size: contain;
  }
  .interview__profile .-txt.-hidden button {
    display: flex;
  }
  .interview__profile .-txt.-shown > p {
    -webkit-line-clamp: unset;
    overflow: auto;
    transition: max-height 250ms ease-out;
  }
  .interview__profile .-txt.-shown button {
    display: none;
  }
  .interview__article {
    margin-top: 20vw;
  }
  .interview__article .section__inner, .interview__article .interview__breadcrumbs, .interview__article .interview__footer {
    padding: 0 5.3333333333vw;
  }
  .interview__article__clms::before {
    display: none;
  }
  .interview__article__index.section__index {
    display: none;
  }
  .interview__article__sections.section__sections {
    margin-top: 0;
    padding: 0;
  }
  .interview__footer {
    margin-top: 8vw;
  }
  .interview__footer .-img {
    height: 106.6666666667vw;
    border-radius: 5.3333333333vw;
  }
  .interview__footer .-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media (min-width: 1441px) {
  .interview__article__clms::before {
    left: calc((100vw - 1440px) / -2);
    width: calc((100vw - 1440px) / 2 + 412px);
  }
}

/* ==========================================================================
 *
 * Blocks - interviews
 *
========================================================================== */
.interviews {
  padding-bottom: 145px;
}
.interviews__list .section__inner, .interviews__list .interview__breadcrumbs, .interviews__list .interview__footer {
  margin-top: 90px;
}

.interviews__items {
  padding-bottom: 120px;
}

.interviews__items__inner {
  display: flex;
  flex-flow: wrap row;
  margin: 36px -22px 0;
}
.interviews__items__inner .secInterview, .interviews__items__inner .secInterview + .secInterview {
  margin: 0 22px 40px;
}

@media (max-width: 1440px) {
  .interviews__items__inner {
    margin: 36px -1.5277777778vw 0;
  }
  .interviews__items__inner .secInterview {
    width: calc(33.3% - 3.0555555556vw);
  }
  .interviews__items__inner .secInterview, .interviews__items__inner .secInterview + .secInterview {
    margin: 0 1.5277777778vw 2.7777777778vw;
  }
  .interviews__items__inner .secInterview a {
    width: 100%;
    padding: 1.3888888889vw;
  }
  .interviews__items__inner .secInterview__cat {
    top: 1.5277777778vw;
    left: 1.3888888889vw;
  }
  .interviews__items__inner .secInterview__no {
    top: 1.0416666667vw;
    right: 0.6944444444vw;
  }
  .interviews__items__inner .secInterview__no span {
    font-size: 3.8194444444vw;
  }
  .interviews__items__inner .secInterview__no span:nth-child(1) {
    width: 2.7777777778vw;
    height: 17.5vw;
  }
  .interviews__items__inner .secInterview__no span:nth-child(2) {
    margin-right: 0.5555555556vw;
  }
}
@media (max-width: 1024px) {
  .interviews {
    padding-bottom: 21.3333333333vw;
  }
  .interviews .secRequirements {
    margin-top: 18.6666666667vw;
  }
  .interviews__list .section__inner, .interviews__list .interview__breadcrumbs, .interviews__list .interview__footer {
    margin-top: 4vw;
  }
  .interviews__items {
    padding-bottom: 21.3333333333vw;
  }
  .interviews__items__inner {
    justify-content: center;
    margin: 8vw 0 0;
  }
  .interviews__items__inner .secInterview {
    width: auto;
  }
  .interviews__items__inner .secInterview {
    width: auto;
    margin: 0;
  }
  .interviews__items__inner .secInterview + .secInterview {
    margin: 6.6666666667vw 0 0 0;
  }
  .interviews__items__inner .secInterview a {
    width: 82.6666666667vw;
    padding: 4.2666666667vw;
  }
  .interviews__items__inner .secInterview__cat {
    top: 4.2666666667vw;
    left: 4.2666666667vw;
  }
  .interviews__items__inner .secInterview__no {
    top: 2.1333333333vw;
    right: 0.5333333333vw;
  }
  .interviews__items__inner .secInterview__no span {
    font-size: 9.6vw;
  }
  .interviews__items__inner .secInterview__no span:nth-child(1) {
    width: 9.6vw;
    height: 44.2666666667vw;
  }
  .interviews__items__inner .secInterview__no span:nth-child(2) {
    margin-right: 0vw;
  }
}

/* ==========================================================================
 *
 * Blocks - job
 *
========================================================================== */
.job__item + .job__item {
  margin-top: 40px;
}

.job__article {
  display: flex;
  position: relative;
}

.job__body {
  width: 100%;
  padding-left: 40px;
}

.job__img {
  flex-shrink: 0;
  width: 395px;
}
.job__img img {
  overflow: hidden;
  border-radius: 20px;
}

.job__title {
  position: relative;
  padding-left: 36px;
  color: var(--dive_blue);
  font-weight: bold;
  font-size: 28px;
  line-height: 1.4;
}
.job__title span {
  display: flex;
  position: absolute;
  top: -1px;
  left: 0;
  justify-content: flex-end;
  width: 30px;
  color: var(--yellow);
  font-weight: bold;
  font-size: 32px;
  font-family: "Schibsted Grotesk", "Noto Sans JP", sans-serif;
}

.job__text {
  margin-top: 14px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.8;
}
@media (max-width: 1440px) {
  .job__img {
    width: 27.4305555556vw;
  }
}
@media (max-width: 1024px) {
  .job__item + .job__item {
    margin-top: 10.6666666667vw;
  }
  .job__article {
    flex-flow: nowrap column;
  }
  .job__body {
    margin-top: 6.6666666667vw;
    padding-left: 0;
  }
  .job__img {
    width: 100%;
  }
  .job__img img {
    border-radius: 5.3333333333vw;
  }
  .job__title {
    padding-left: 10.1333333333vw;
    font-size: 5.3333333333vw;
  }
  .job__title span {
    top: -0.5333333333vw;
    width: 8vw;
    font-size: 6.4vw;
  }
  .job__text {
    margin-top: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}

/* ==========================================================================
 *
 * Blocks - jobItem
 *
========================================================================== */
.jobItem [data-dr-accordions-target] {
  transition: height 600ms ease-in;
}
.jobItem__header [data-dr-accordions-toggle] {
  padding-right: 20px;
}
.jobItem__header [data-dr-accordions-toggle] h3 {
  padding-right: 40px;
  font-size: 28px;
}

.jobItem__content {
  margin-top: 25px;
  padding: 0 60px;
}
.jobItem__content table {
  border-collapse: collapse;
  table-layout: fixed;
}
.jobItem__content th,
.jobItem__content td {
  padding: 24px;
  border: 1px solid var(--gray_2-60);
  font-weight: bold;
  font-size: 16px;
  line-height: 1.8;
}
.jobItem__content th {
  width: 170px;
  background-color: var(--gray_2-20);
  color: var(--dive_blue);
  vertical-align: middle;
}
.jobItem__content td {
  width: auto;
}

.jobItem__entry {
  width: 332px;
  margin: 60px auto 80px;
}

@media (max-width: 1024px) {
  .jobItem__header [data-dr-accordions-toggle] {
    padding: 6.6666666667vw 0;
  }
  .jobItem__header [data-dr-accordions-toggle] h3 {
    padding-right: 5.3333333333vw;
    font-size: 4.8vw;
    line-height: 1.4;
  }
  .jobItem__body > div {
    padding-bottom: 16vw;
  }
  .jobItem__content {
    margin-top: 4vw;
    padding: 0;
  }
  .jobItem__content table,
  .jobItem__content tbody,
  .jobItem__content thead,
  .jobItem__content tr,
  .jobItem__content td,
  .jobItem__content th {
    display: block;
  }
  .jobItem__content th,
  .jobItem__content td {
    border: none;
    font-size: 4.2666666667vw;
  }
  .jobItem__content th {
    width: 100%;
    padding: 1.3333333333vw 3.2vw;
  }
  .jobItem__content td {
    width: 100%;
    padding: 5.3333333333vw 0 8vw;
  }
  .jobItem__entry {
    width: 100%;
    margin: 2.6666666667vw 0 0;
  }
}

/* ==========================================================================
 *
 * Blocks - jobList
 *
========================================================================== */
.jobList .section__inner, .jobList .interview__breadcrumbs, .jobList .interview__footer {
  padding-bottom: 120px;
}
.jobList__tabs {
  margin-top: 85px;
}

.jobList__items {
  position: relative;
  max-width: 1080px;
  margin: 85px auto 0;
}
.jobList__items::before {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  border-top: 2px solid var(--dive_blue);
  content: "";
  transition: width 300ms 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.jobList__items::after {
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  border-bottom: 2px solid var(--gray_2-60);
  content: "";
  transition: width 600ms 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.jobList__items > span {
  transform: translateY(25%);
  opacity: 0;
  transition: opacity 400ms 150ms ease, transform 600ms 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 1024px) {
  .jobList__items::before {
    border-top-width: 0.5333333333vw;
  }
  .jobList__items::after {
    border-bottom-width: 0.5333333333vw;
  }
}

.jobList__article.-none {
  padding: 0 0 60px;
  color: var(--gray-80);
  font-weight: bold;
  font-size: 18px;
  line-height: 1.6;
}

@media (max-width: 1024px) {
  .jobList .section__inner, .jobList .interview__breadcrumbs, .jobList .interview__footer {
    padding-bottom: 21.3333333333vw;
  }
  .jobList__tabs {
    margin-top: 10.6666666667vw;
  }
  .jobList__items {
    max-width: none;
    margin: 16vw 0 0;
  }
  .jobList__article.-none {
    padding: 0 0 10.6666666667vw;
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
 *
 * Blocks - loadImgs
 *
========================================================================== */
.loadImgs {
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
}
.loadImgs img {
  width: 10px;
}
/* ==========================================================================
 *
 * Blocks - main
 *
========================================================================== */
.main {
  z-index: 0;
  position: relative;
  margin-top: 0;
}
.main::before {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 855px;
  height: 230px;
  border-radius: 0 0 0 80px;
  background-image: linear-gradient(102.27deg, #fad200 -17.94%, #d6cb21 -1.07%, #00a0e6 98.34%);
  background-size: 200% auto;
  content: "";
  animation: gradientEffect 4000ms infinite alternate;
  opacity: 0.7;
}
@media (max-width: 1024px) {
  .main::before {
    width: 85.3333333333vw;
    height: 27.7333333333vw;
    border-radius: 0 0 0 10.6666666667vw;
    background-image: linear-gradient(102.07deg, #00A0E6 2.93%, #FAD200 98.34%);
    content: "";
    opacity: 1;
  }
}

/* ==========================================================================
 *
 * Blocks - modal
 *
========================================================================== */
.modal {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  background-color: rgba(40, 40, 40, 0.8);
  opacity: 0;
  transition: height 0ms 301ms, opacity 300ms cubic-bezier(0, 0, 0.2, 1);
}
.modal.-shown {
  height: 100%;
  opacity: 1;
  transition: height 0ms 0ms, opacity 450ms cubic-bezier(0, 0, 0.2, 1);
}
[data-dr-modal-target] {
  display: none;
}

.modal__inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.modal__close {
  z-index: 1;
  position: absolute;
  top: 40px;
  right: 40px;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: var(--dive_blue);
}
.modal__close span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  border-radius: 2px;
  background-color: var(--white);
}
.modal__close span:nth-child(1) {
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.modal__close span:nth-child(2) {
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

.modal__contents {
  display: grid;
  z-index: 0;
  position: relative;
  place-items: start center;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  padding: 150px 25px;
  overflow: auto;
  overscroll-behavior: contain;
}
.modal__contents > div {
  width: 100%;
  margin: auto 0;
}
.modal__contents [data-dr-modal-target] {
  display: block;
}

@media (max-width: 1024px) {
  .modal__close {
    top: 3.2vw;
    right: 3.2vw;
    width: 12.8vw;
    height: 12.8vw;
  }
  .modal__close span {
    width: 4.2666666667vw;
    height: 0.5333333333vw;
    border-radius: 0.5333333333vw;
  }
  .modal__contents {
    padding: 25.6vw 4.2666666667vw;
  }
  .modal__contents iframe {
    width: 100%;
    height: 56vw;
  }
}

/* ==========================================================================
 *
 * Blocks - nav
 *
========================================================================== */
.nav__items {
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav__item {
  position: relative;
}
.nav__item + .nav__item {
  margin-left: 32px;
}
.nav__item.-hasChild > a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav__item.-hasChild > a i {
  display: block;
  position: relative;
  width: 10px;
  height: 10px;
  margin-left: 5px;
}
.nav__item.-hasChild > a i::before, .nav__item.-hasChild > a i::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  border-radius: 1px;
  background-color: var(--dive_blue);
  content: "";
}
.nav__item.-hasChild > a i::before {
  width: 100%;
  height: 2px;
}
.nav__item.-hasChild > a i::after {
  width: 2px;
  height: 100%;
  transition: height 150ms ease-in-out;
}
.nav__item > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  color: var(--white);
  font-weight: bold;
  font-size: 16px;
}

.nav__child + .nav__child {
  margin-top: 24px;
}
.nav__child a {
  display: block;
  color: var(--black);
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  white-space: nowrap;
}
.nav__child a.-current {
  color: var(--dive_blue);
}

@media (min-width: 1025px) {
  .-enabledHover .nav a:hover {
    color: var(--dive_blue) !important;
    transition: 150ms ease-in-out;
  }
  .nav a em {
    font: inherit;
  }
  .nav .nav__item > a {
    transition: color 200ms ease-in-out;
  }
  .-enabledHover .nav .nav__item.-button > a {
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
  }
  .-enabledHover .nav .nav__item.-button > a:hover, .-fiexd .-enabledHover .nav .nav__item.-button > a:hover {
    background-color: var(--yellow) !important;
    color: var(--bule_3) !important;
  }
  .-enabledHover .nav .nav__item.-hasChild:hover > a em {
    color: var(--dive_blue);
  }
  .-fixed .nav .nav__item > a {
    color: var(--black);
  }
  .-fixed .nav .nav__item.-button > a {
    background-color: var(--blue_2);
    color: var(--white);
  }
  .-enabledHover .nav__item.-hasChild:hover > a i::after {
    height: 0;
  }
  .-enabledHover .nav__item.-hasChild:hover .nav__children {
    height: 216px;
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    transition: height 0ms 0ms, opacity 250ms ease-in-out, transform 250ms ease-in-out;
  }
  .nav__item.-button > a {
    padding: 0 28px;
    border-radius: 26px;
    background-color: var(--white);
    color: var(--blue_2);
  }
  .nav__children {
    position: absolute;
    top: 100%;
    left: 50%;
    height: 0;
    overflow: hidden;
    transform: translateX(-50%);
    transform: translateX(-50%) translateY(5px);
    opacity: 0;
    transition: height 0ms 151ms, opacity 150ms ease-in-out, transform 150ms ease-in-out;
  }
  .nav__children__items {
    padding: 40px 32px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.9);
  }
}
@media (max-width: 1024px) {
  .nav {
    width: 100%;
    padding: 21.3333333333vw 5.3333333333vw 0;
    background-color: var(--dive_blue);
  }
  .nav__logo {
    width: 24.8vw;
  }
  .nav__items {
    flex-flow: nowrap column;
    align-items: stretch;
    margin-top: 8.5333333333vw;
    border-bottom: 1px solid var(--blue-70);
  }
  .nav__item {
    border-top: 1px solid var(--blue-70);
  }
  .nav__item + .nav__item {
    margin-left: 0;
  }
  .nav__item.-hasChild.-opened > a i::after {
    height: 0;
  }
  .nav__item.-hasChild.-opened .nav__children {
    height: 60.8vw;
  }
  .nav__item.-hasChild > a {
    position: relative;
    justify-content: flex-start;
  }
  .nav__item.-hasChild > a i {
    position: absolute;
    top: 50%;
    right: 2.6666666667vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin-left: 0;
    transform: translateY(-50%);
  }
  .nav__item.-hasChild > a i::before, .nav__item.-hasChild > a i::after {
    border-radius: 0.2666666667vw;
    background-color: var(--white);
  }
  .nav__item.-hasChild > a i::before {
    width: 100%;
    height: 0.5333333333vw;
  }
  .nav__item.-hasChild > a i::after {
    width: 0.5333333333vw;
    height: 100%;
    transition: height 150ms ease-in-out;
  }
  .nav__item > a {
    justify-content: flex-start;
    width: 100%;
    height: auto;
    padding: 4vw 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 3.2vw;
  }
  .nav__item > a span {
    margin-right: 6.4vw;
    color: var(--white);
    font-weight: bold;
    font-size: 4.8vw;
    font-family: "Schibsted Grotesk", "Noto Sans JP", sans-serif;
  }
  .nav__children {
    height: 0;
    padding-left: 8vw;
    overflow: hidden;
    transition: height 200ms ease-out;
  }
  .nav__child {
    border-top: 1px solid var(--blue-70);
  }
  .nav__child + .nav__child {
    margin-top: 0;
  }
  .nav__child a {
    display: block;
    padding: 5.3333333333vw 0;
    color: var(--white);
    font-weight: bold;
    font-size: 4.2666666667vw;
    line-height: 1;
  }
  .nav__child a em {
    font-weight: inherit;
  }
  .nav__bottom {
    position: relative;
    margin-top: 8.5333333333vw;
    padding-bottom: 22.6666666667vw;
    color: var(--white);
  }
  .nav__corporate {
    margin-top: 5.3333333333vw;
  }
  .nav__corporate a {
    border: 1px solid var(--blue-70);
  }
  .nav__terms {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10.6666666667vw;
    padding: 0 2.6666666667vw;
  }
  .nav__terms a {
    font-weight: 500;
    font-size: 3.2vw;
  }
  .nav__sns {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: flex-start;
  }
  .nav__sns .drSimpleButton + .drSimpleButton {
    margin-left: 3.2vw;
  }
  .nav__sns .drSimpleButton a {
    border: 1px solid var(--blue-70);
  }
  .nav__sns .-wantedly i {
    width: 6.1333333333vw;
  }
  .nav__sns .-instagram i {
    width: 4.8vw;
  }
}

/* ==========================================================================
 *
 * Blocks - notfound
 *
========================================================================== */
.notfound .page__header__inner {
  flex-flow: nowrap column;
  align-items: center;
  justify-content: center;
}
.notfound__text {
  padding-top: 105px;
  text-align: center;
}
.notfound__text h2 {
  background-image: linear-gradient(101.12deg, #4BC4CC 15.21%, #FAD200 87.88%);
  background-size: 200% auto;
  font-weight: 600;
  font-size: 154px;
  line-height: 1;
  font-family: "Schibsted Grotesk", "Noto Sans JP", sans-serif;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: gradientEffect 2000ms infinite alternate;
}
.notfound__text p {
  color: var(--dive_blue);
  font-weight: 500;
  font-size: 34px;
  line-height: 1;
  font-family: "ClashDisplay-Variable", "Noto Sans JP", sans-serif;
}

.notfound__btn {
  margin-top: 80px;
}

@media (max-width: 1024px) {
  .notfound__text {
    padding-top: 5.3333333333vw;
  }
  .notfound__text h2 {
    font-size: 32vw;
  }
  .notfound__text p {
    font-size: 7.4666666667vw;
  }
  .notfound__btn {
    margin-top: 16vw;
  }
}

/* ==========================================================================
 *
 * Blocks - op
 *
========================================================================== */
body .header {
  transform: translateY(-100%);
  transition: transform 450ms 100ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
body .top__text .-name {
  transform: translateY(7.5%);
  opacity: 0;
  transition: all 250ms 1800ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
body .top__text .-copy {
  opacity: 0;
}
body .top__text .-copy.-shown {
  opacity: 1;
}
body .page__title > em {
  transform: translateY(10%);
  opacity: 0;
  transition: all 250ms 400ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
body .page__title > span {
  position: relative;
}
body .page__title > span > span {
  transform: translateY(25%);
  color: var(--dive_blue);
  opacity: 0;
  transition: opacity 200ms 0ms ease, color 800ms 400ms ease, transform 600ms 0ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
body .page__title > span > span:nth-child(1) {
  transition-delay: 400ms, 800ms, 400ms;
}
body .page__title > span > span:nth-child(2) {
  transition-delay: 465ms, 865ms, 465ms;
}
body .page__title > span > span:nth-child(3) {
  transition-delay: 530ms, 930ms, 530ms;
}
body .page__title > span > span:nth-child(4) {
  transition-delay: 595ms, 995ms, 595ms;
}
body .page__title > span > span:nth-child(5) {
  transition-delay: 660ms, 1060ms, 660ms;
}
body .page__title > span > span:nth-child(6) {
  transition-delay: 725ms, 1125ms, 725ms;
}
body .page__title > span > span:nth-child(7) {
  transition-delay: 790ms, 1190ms, 790ms;
}
body .page__title > span > span:nth-child(8) {
  transition-delay: 855ms, 1255ms, 855ms;
}
body .page__title > span > span:nth-child(9) {
  transition-delay: 920ms, 1320ms, 920ms;
}
body .page__title > span > span:nth-child(10) {
  transition-delay: 985ms, 1385ms, 985ms;
}
body .page__title > span > span:nth-child(11) {
  transition-delay: 1050ms, 1450ms, 1050ms;
}
body .page__title > span > span:nth-child(12) {
  transition-delay: 1115ms, 1515ms, 1115ms;
}
body .page__title > span > span:nth-child(13) {
  transition-delay: 1180ms, 1580ms, 1180ms;
}
body .page__title > span > span:nth-child(14) {
  transition-delay: 1245ms, 1645ms, 1245ms;
}
body .page__title > span > span:nth-child(15) {
  transition-delay: 1310ms, 1710ms, 1310ms;
}
body .page__title > span > span:nth-child(16) {
  transition-delay: 1375ms, 1775ms, 1375ms;
}
body .page__title > span > span:nth-child(17) {
  transition-delay: 1440ms, 1840ms, 1440ms;
}
body .page__title > span > span:nth-child(18) {
  transition-delay: 1505ms, 1905ms, 1505ms;
}
body .page__title > span > span:nth-child(19) {
  transition-delay: 1570ms, 1970ms, 1570ms;
}
body .page__title > span > span:nth-child(20) {
  transition-delay: 1635ms, 2035ms, 1635ms;
}
body .page__title > span > span:nth-child(21) {
  transition-delay: 1700ms, 2100ms, 1700ms;
}
body .page__title > span > span:nth-child(22) {
  transition-delay: 1765ms, 2165ms, 1765ms;
}
body .page__title > span > span:nth-child(23) {
  transition-delay: 1830ms, 2230ms, 1830ms;
}
body .page__title > span > span:nth-child(24) {
  transition-delay: 1895ms, 2295ms, 1895ms;
}
body .page__title > span > span:nth-child(25) {
  transition-delay: 1960ms, 2360ms, 1960ms;
}
body .page__title > span > span:nth-child(26) {
  transition-delay: 2025ms, 2425ms, 2025ms;
}
body .page__title > span > span:nth-child(27) {
  transition-delay: 2090ms, 2490ms, 2090ms;
}
body .page__title > span > span:nth-child(28) {
  transition-delay: 2155ms, 2555ms, 2155ms;
}
body .page__title > span > span:nth-child(29) {
  transition-delay: 2220ms, 2620ms, 2220ms;
}
body .page__title > span > span:nth-child(30) {
  transition-delay: 2285ms, 2685ms, 2285ms;
}
body .page__title > span > span:nth-child(31) {
  transition-delay: 2350ms, 2750ms, 2350ms;
}
body .page__title > span > span:nth-child(32) {
  transition-delay: 2415ms, 2815ms, 2415ms;
}
body .page__title > span > span:nth-child(33) {
  transition-delay: 2480ms, 2880ms, 2480ms;
}
body .page__title > span > span:nth-child(34) {
  transition-delay: 2545ms, 2945ms, 2545ms;
}
body .page__title > span > span:nth-child(35) {
  transition-delay: 2610ms, 3010ms, 2610ms;
}
body .page__title > span > span:nth-child(36) {
  transition-delay: 2675ms, 3075ms, 2675ms;
}
body .page__title > span > span:nth-child(37) {
  transition-delay: 2740ms, 3140ms, 2740ms;
}
body .page__title > span > span:nth-child(38) {
  transition-delay: 2805ms, 3205ms, 2805ms;
}
body .page__title > span > span:nth-child(39) {
  transition-delay: 2870ms, 3270ms, 2870ms;
}
body .page__title > span > span:nth-child(40) {
  transition-delay: 2935ms, 3335ms, 2935ms;
}
body .page__title > span > span:nth-child(41) {
  transition-delay: 3000ms, 3400ms, 3000ms;
}
body .page__title > span > span:nth-child(42) {
  transition-delay: 3065ms, 3465ms, 3065ms;
}
body .page__title > span > span:nth-child(43) {
  transition-delay: 3130ms, 3530ms, 3130ms;
}
body .page__title > span > span:nth-child(44) {
  transition-delay: 3195ms, 3595ms, 3195ms;
}
body .page__title > span > span:nth-child(45) {
  transition-delay: 3260ms, 3660ms, 3260ms;
}
body .page__title > span > span:nth-child(46) {
  transition-delay: 3325ms, 3725ms, 3325ms;
}
body .page__title > span > span:nth-child(47) {
  transition-delay: 3390ms, 3790ms, 3390ms;
}
body .page__title > span > span:nth-child(48) {
  transition-delay: 3455ms, 3855ms, 3455ms;
}
body .page__title > span > span:nth-child(49) {
  transition-delay: 3520ms, 3920ms, 3520ms;
}
body .page__title > span > span:nth-child(50) {
  transition-delay: 3585ms, 3985ms, 3585ms;
}
body .page__title > span > span:nth-child(51) {
  transition-delay: 3650ms, 4050ms, 3650ms;
}
body.-init .header {
  transform: translateY(0);
}
body.-init .top__text .-name {
  transform: translateY(0%);
  opacity: 1;
}
body.-init .page__title > em {
  transform: translateY(0);
  opacity: 1;
}
body.-init .page__title > span > span {
  transform: translateY(0%);
  color: var(--black);
  opacity: 1;
}
@media (max-width: 1024px) {
  body .header {
    transform: none;
    transition: none;
  }
  body.-init .header {
    transform: none;
  }
}

/* ==========================================================================
 *
 * Blocks - other
 *
========================================================================== */
.other .secService__text {
  width: 524px;
}
.other .secService__text .-logo.-l1 {
  width: 294px;
}
.other .secService__text .-logo.-l2 {
  width: 260px;
}
.other .secService__img {
  width: 554px;
  margin-top: 30px;
  margin-right: 50px;
}
.other .secService__info > .section__inner, .other .secService__info > .interview__breadcrumbs, .other .secService__info > .interview__footer {
  padding-top: 0;
  padding-bottom: 0;
}
.other .secPpositions {
  margin-top: 0;
}
@media (max-width: 1440px) {
  .other .secService__text {
    width: 36.3888888889vw;
  }
  .other .secService__img {
    width: 38.4722222222vw;
    margin-top: 2.0833333333vw;
    margin-right: 3.4722222222vw;
  }
}
@media (max-width: 1024px) {
  .other .secService__text {
    width: 100%;
  }
  .other .secService__text .-logo.-l1 {
    width: 44vw;
  }
  .other .secService__text .-logo.-l2 {
    width: 38.9333333333vw;
  }
  .other .secService__img {
    width: 100%;
    margin-top: 5.3333333333vw;
    margin-right: 0;
  }
}

/* ==========================================================================
 *
 * Blocks - page
 *
========================================================================== */
.page .section:not(.secCulture):not(.secMovies):not(.system__topics):not(.interview__article) {
  background-color: var(--white);
}
.page .page__header + .section, .page .page__header + .section > .secPpositions:nth-child(1) {
  background-color: transparent !important;
}
.page__header {
  position: relative;
}

.page__header__inner {
  display: flex;
  position: relative;
  align-items: flex-start;
  justify-content: center;
  height: 100vh;
  padding: 100px 80px 80px;
}

.page__header__text {
  display: flex;
  justify-content: flex-end;
  width: 50%;
  height: 100%;
  padding-top: 240px;
}
.page__header__text > div {
  display: flex;
  flex-flow: nowrap column;
  align-items: flex-start;
  justify-content: space-between;
  width: 640px;
  height: 100%;
}

.page__title > em {
  display: block;
  position: relative;
  padding-left: 24px;
  font-weight: 500;
  font-size: 22px;
  line-height: 1;
  font-family: "ClashDisplay-Variable", "Noto Sans JP", sans-serif;
}
.page__title > em::before {
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--dive_blue);
  content: "";
}
.page__title > span {
  display: flex;
  margin-top: 40px;
  font-weight: bold;
  font-size: 40px;
}
.page__title > span.-withCompany {
  flex-flow: nowrap column;
  align-items: flex-start;
}
.page__title > span.-spBreak {
  flex-flow: nowrap row;
}
.page__title > span > span {
  display: block;
}
.page__title .page__title__company {
  display: block;
  margin-top: 12px;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.45;
}

.page__header__img {
  width: 50%;
  height: 100%;
  margin-left: 3.3333333333vw;
}
.page__header__img.-hidden {
  display: none;
}
.page__header__img > div {
  position: relative;
  height: 100%;
}
.page__header__img > div > div {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
}
.page__header__img img,
.page__header__img video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  position: absolute;
  top: 0;
  left: 0;
  object-position: center top;
}
.page__header__img.-bg > div {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: calc(50% + 1.6666666667vw);
  height: 100%;
  padding: 100px 80px 80px 3.3333333333vw;
  transition: padding 600ms cubic-bezier(0.4, 0, 0.2, 1), width 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.page__header__img.-bg > div > div {
  position: relative;
}
.page__header__img.-bg > div > div::before {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(40, 40, 40, 0);
  content: "";
  transition: background-color 1000ms 400ms ease;
}
.page__header__img.-bg > div img {
  z-index: 1;
}
.page__header__img.-bg.-fixed > div {
  width: 100%;
  padding: 0;
  transition: padding 800ms cubic-bezier(0.4, 0, 0.2, 1), padding-left 1000ms cubic-bezier(0.4, 0, 0.2, 1), width 800ms cubic-bezier(0.4, 0, 0.2, 1);
}
.page__header__img.-bg.-fixed > div > div {
  border-radius: 0;
  transition: border-radius 600ms 600ms ease;
}
.page__header__img.-bg.-fixed > div > div::before {
  background-color: rgba(40, 40, 40, 0.4);
}

@media (max-width: 1440px) {
  .page__title > span {
    font-size: 2.7777777778vw;
  }
}
@media (max-width: 1024px) {
  .page__header__inner {
    flex-flow: nowrap column;
    align-items: center;
    justify-content: space-between;
    height: auto;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    min-height: 213.3333333333vw;
    padding: 45.3333333333vw 5.3333333333vw 6.6666666667vw;
  }
  .page__header__text {
    flex-shrink: 0;
    order: 1;
    width: 100%;
    height: 42.6666666667vw;
    padding-top: 0;
  }
  .page__title {
    height: 28.2666666667vw;
  }
  .page__title > em {
    padding-left: 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
  .page__title > em::before {
    top: 1.0666666667vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
  .page__title > span {
    margin-top: 6.6666666667vw;
    font-size: 7.4666666667vw;
  }
  .page__title > span.-spBreak {
    flex-flow: nowrap column;
    align-items: flex-start;
  }
  .page__title .page__title__company {
    margin-top: 2.1333333333vw;
    font-size: 4.2666666667vw;
    line-height: 1.45;
  }
  .page__header__img {
    flex-shrink: 1;
    order: 2;
    width: 100%;
    height: 100%;
    margin-top: 5.3333333333vw;
    margin-left: 0;
  }
  .page__header__img > div {
    height: 100%;
  }
  .page__header__img > div > div {
    min-height: 107.2vw;
    border-radius: 5.3333333333vw;
  }
  .page__header__img.-bg {
    height: 107.2vw;
  }
  .page__header__img.-bg > div {
    position: fixed;
    top: 93.3333333333vw;
    right: auto;
    bottom: auto;
    left: 5.3333333333vw;
    width: calc(100% - 10.6666666667vw);
    height: 107.2vw;
    padding: 0;
    transition: width 500ms cubic-bezier(0.4, 0, 0.2, 1), height 500ms cubic-bezier(0.4, 0, 0.2, 1), top 500ms cubic-bezier(0.4, 0, 0.2, 1), left 500ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .page__header__img.-bg.-fixed > div {
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 110);
    transition: width 800ms cubic-bezier(0.4, 0, 0.2, 1), height 800ms cubic-bezier(0.4, 0, 0.2, 1), top 800ms cubic-bezier(0.4, 0, 0.2, 1), left 800ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .page__header__img.-bg.-fixed > div > div {
    border-radius: 0;
  }
}

/* ==========================================================================
 *
 * Blocks - qa
 *
========================================================================== */
.qa + .qa {
  margin-top: 100px;
}
.qa__header h3 {
  position: relative;
  padding-left: 2.2em;
  color: var(--dive_blue);
  font-weight: bold;
  font-size: 24px;
  line-height: 1.9;
}
.qa__header h3 span {
  display: block;
  position: absolute;
  top: -5px;
  left: 0;
  color: var(--yellow);
  font-weight: bold;
  font-size: 29px;
  font-family: "Schibsted Grotesk", "Noto Sans JP", sans-serif;
}

.qa__body {
  margin-top: 28px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.9;
}
.qa__body p + p {
  margin-top: 32px;
}
.qa__body .-img {
  position: relative;
  margin-top: 60px;
  padding: 0 28px 28px 0;
}
.qa__body .-img::before {
  position: absolute;
  top: 28px;
  right: 0;
  bottom: 0;
  left: 28px;
  border-radius: 20px;
  background-image: linear-gradient(102.07deg, #00A0E6 2.93%, #FAD200 98.34%);
  background-size: 150% auto;
  content: "";
  animation: gradientEffect 3000ms infinite alternate;
}
.qa__body .-img img {
  z-index: 1;
  position: relative;
  border-radius: 20px;
}

@media (max-width: 1024px) {
  .qa + .qa {
    margin-top: 17.3333333333vw;
  }
  .qa__header h3 {
    font-size: 5.3333333333vw;
    line-height: 1.6;
  }
  .qa__header h3 span {
    top: -1.0666666667vw;
    font-size: 6.4vw;
  }
  .qa__body {
    margin-top: 7.4666666667vw;
    font-size: 4.2666666667vw;
    line-height: 1.8;
  }
  .qa__body p + p {
    margin-top: 4.8vw;
  }
  .qa__body .-img {
    margin-top: 10.6666666667vw;
    margin-right: -5.3333333333vw;
    padding: 0 4.8vw 4.8vw 0;
  }
  .qa__body .-img::before {
    top: 4.8vw;
    left: 4.8vw;
    border-radius: 5.3333333333vw;
  }
  .qa__body .-img img {
    border-radius: 5.3333333333vw;
  }
}

/* ==========================================================================
 *
 * Blocks - region
 *
========================================================================== */
.region .secService {
  padding-top: 800px;
}
.region .secService__title.section__title span {
  top: 0;
  right: auto;
  left: 505px;
}
.region .secService__text .-logo {
  width: 262px;
}
.region .secService__img {
  width: 505px;
}
.region .service__bg {
  background-image: url(../imgs/region/header.jpg);
}
@media (max-width: 1440px) {
  .region .secService {
    padding-top: 50vh;
  }
  .region .secService__title.section__title span {
    left: 35.0694444444vw;
  }
  .region .secService__img {
    width: 35.0694444444vw;
  }
}
@media (max-width: 1024px) {
  .region .secService__text .-logo {
    width: 40.2666666667vw;
  }
  .region .secService__img {
    left: 0;
    width: 100%;
  }
}

/* ==========================================================================
 *
 * Blocks - resort
 *
========================================================================== */
.resort .page__header__img img {
  -o-object-position: center center;
  object-position: center center;
}
.resort .secService {
  padding-top: 800px;
}
.resort .secService__title.section__title span {
  top: 0;
  right: auto;
  left: 505px;
}
.resort .secService__text .-logo {
  width: 340px;
}
.resort .secService__img {
  width: 505px;
}
@media (max-width: 1440px) {
  .resort .secService {
    padding-top: 50vh;
  }
  .resort .secService__title.section__title span {
    left: 35.0694444444vw;
  }
  .resort .secService__img {
    width: 35.0694444444vw;
  }
}
@media (max-width: 1024px) {
  .resort .secService__text .-logo {
    width: 52.5333333333vw;
  }
  .resort .secService__img {
    left: 0;
    width: 100%;
  }
}

/* ==========================================================================
 *
 * Blocks - secBusiness-top
 *
========================================================================== */
.secBusiness.-top {
  background-color: var(--white);
}
.secBusiness.-top .section__inner, .secBusiness.-top .interview__breadcrumbs, .secBusiness.-top .interview__footer {
  padding-right: 0;
  padding-bottom: 160px;
}
.secBusiness.-top .section__title span {
  left: 173px;
}
.secBusiness.-top .secBusiness__clms {
  margin-top: 110px;
}
.secBusiness.-top .secBusiness__sections {
  position: relative;
  overflow: hidden;
}
.secBusiness.-top .secBusiness__section:not(.-inside) {
  min-height: 51.0416666667vw;
  margin-right: 40.625vw;
  padding-right: 110px;
}
.secBusiness.-top .secBusiness__section:not(.-inside) .secBusiness__img {
  position: absolute;
  top: 0;
  right: 0;
  width: 40.625vw;
  transform: translateX(100%);
  border-radius: 20px 0 0 20px;
}
.secBusiness.-top .secBusiness__section.-inside {
  padding-right: 80px;
}
.secBusiness.-top .secBusiness__section.-inside .secBusiness__body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.secBusiness.-top .secBusiness__section.-inside .secBusiness__body__inner {
  padding-right: 110px;
}
.secBusiness.-top .secBusiness__section.-inside .secBusiness__img {
  flex-shrink: 0;
  width: 35.1388888889vw;
  border-radius: 20px;
}
.secBusiness.-top .secBusiness__section.-s1 .secBusiness__logo {
  width: 306px;
}
.secBusiness.-top .secBusiness__section.-s2 .secBusiness__logo {
  width: 249px;
}
.secBusiness.-top .secBusiness__section.-s3 {
  margin-top: 20px;
}
.secBusiness.-top .secBusiness__section.-s3 .secBusiness__logo.-l1 {
  width: 204px;
}
.secBusiness.-top .secBusiness__section.-s3 .secBusiness__logo.-l2 {
  width: 184px;
}
.secBusiness.-top .secBusiness__logo {
  max-width: 100%;
}
.secBusiness.-top .section__viewer {
  z-index: 0;
  top: 0;
  right: 0;
  left: 0;
}
.secBusiness.-top .section__viewer__inner {
  top: 0;
  right: 40.625vw;
  left: 0;
  min-height: 51.0416666667vw;
  padding-right: 110px;
}
.secBusiness.-top .section__viewer__img {
  width: 40.625vw;
  transform: translateX(100%);
}
.secBusiness.-top .section__viewer__img > * {
  display: flex;
  align-items: center;
  max-height: 100%;
  overflow: hidden;
  border-radius: 20px 0 0 20px;
}
@media (max-width: 1440px) {
  .secBusiness.-top .secBusiness__section {
    padding-top: 40px;
  }
  .secBusiness.-top .secBusiness__section + .secBusiness__section {
    margin-top: 40px;
  }
  .secBusiness.-top .secBusiness__section:not(.-inside) {
    padding-right: 7.6388888889vw;
  }
  .secBusiness.-top .secBusiness__section.-inside {
    padding-right: 5.5555555556vw;
  }
  .secBusiness.-top .secBusiness__section.-inside .secBusiness__body__inner {
    padding-right: 7.6388888889vw;
  }
}
@media (max-width: 1024px) {
  .secBusiness.-top .secBusiness__section {
    padding-top: 0;
  }
  .secBusiness.-top .secBusiness__section + .secBusiness__section {
    margin-top: 13.3333333333vw;
  }
  .secBusiness.-top .section__inner, .secBusiness.-top .interview__breadcrumbs, .secBusiness.-top .interview__footer {
    padding-right: 5.3333333333vw;
    padding-bottom: 21.3333333333vw;
  }
  .secBusiness.-top .section__title span {
    left: 11.7333333333vw;
  }
  .secBusiness.-top .secBusiness__clms {
    margin-top: 0;
  }
  .secBusiness.-top .secBusiness__sections {
    overflow: visible;
  }
  .secBusiness.-top .secBusiness__section:not(.-inside) {
    min-height: auto;
    margin-right: 0;
    padding-right: 0;
  }
  .secBusiness.-top .secBusiness__section:not(.-inside) .secBusiness__img {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    transform: none;
    border-radius: 5.3333333333vw;
  }
  .secBusiness.-top .secBusiness__section.-inside {
    padding-top: 64vw;
    padding-right: 0;
  }
  .secBusiness.-top .secBusiness__section.-inside .secBusiness__body {
    display: flex;
    flex-flow: nowrap column;
  }
  .secBusiness.-top .secBusiness__section.-inside .secBusiness__body__inner {
    padding-right: 0;
  }
  .secBusiness.-top .secBusiness__section.-inside .secBusiness__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 5.3333333333vw;
  }
  .secBusiness.-top .secBusiness__section.-s1 .secBusiness__logo {
    width: 52.2666666667vw;
  }
  .secBusiness.-top .secBusiness__section.-s2 .secBusiness__logo {
    width: 40.5333333333vw;
  }
  .secBusiness.-top .secBusiness__section.-s3 {
    margin-top: 16vw;
  }
  .secBusiness.-top .secBusiness__section.-s3 .secBusiness__logo.-l1 {
    width: 42.6666666667vw;
  }
  .secBusiness.-top .secBusiness__section.-s3 .secBusiness__logo.-l2 {
    width: 38.6666666667vw;
  }
}
@media (min-width: 1441px) {
  .secBusiness.-top .secBusiness__section:not(.-inside) {
    min-height: 735px;
    margin-right: 585px;
  }
  .secBusiness.-top .secBusiness__section:not(.-inside) .secBusiness__img {
    width: 585px;
    border-radius: 20px;
  }
  .secBusiness.-top .secBusiness__section.-inside .secBusiness__img {
    width: 506px;
  }
  .secBusiness.-top .section__viewer.-fixed .section__viewer__img {
    right: 50%;
    margin-right: -428px;
  }
  .secBusiness.-top .section__viewer__inner {
    right: 585px;
    min-height: 735px;
  }
  .secBusiness.-top .section__viewer__img {
    width: 585px;
  }
  .secBusiness.-top .section__viewer__img > * {
    overflow: hidden;
    border-radius: 20px;
  }
}

/* ==========================================================================
 *
 * Blocks - secBusiness-visoin
 *
========================================================================== */
.secBusiness.-vision {
  padding-bottom: 180px;
}
.secBusiness.-vision .section__title span {
  left: 77px;
}
.secBusiness.-vision .secBusiness__description {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 110px;
  padding: 70px;
  border-radius: 20px;
  box-shadow: 5px 5px 40px rgba(92, 147, 171, 0.15);
}
.secBusiness.-vision .secBusiness__description__title {
  flex-shrink: 0;
  margin-left: 40px;
}
.secBusiness.-vision .secBusiness__description__title span:nth-child(1) {
  font-weight: 900;
  font-size: 32px;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
.secBusiness.-vision .secBusiness__description__title span:nth-child(2) {
  background-image: linear-gradient(102deg, #00a0e6 2.93%, #6db682 44.43%, #fad200 98.34%);
  color: transparent;
  font-weight: bold;
  font-size: 40px;
  font-family: "Schibsted Grotesk", "Noto Sans JP", sans-serif;
  vertical-align: -2px;
  -webkit-background-clip: text;
  background-clip: text;
}
.secBusiness.-vision .secBusiness__description__body {
  padding-left: 140px;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.8;
}
.secBusiness.-vision .secBusiness__clms {
  margin-top: 40px;
}
.secBusiness.-vision .secBusiness__sections {
  position: relative;
}
.secBusiness.-vision .secBusiness__section.-s1, .secBusiness.-vision .secBusiness__section.-s2 {
  min-height: 41.9444444444vw;
}
.secBusiness.-vision .secBusiness__section.-s1 .secBusiness__body, .secBusiness.-vision .secBusiness__section.-s2 .secBusiness__body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.secBusiness.-vision .secBusiness__section.-s1 .secBusiness__body__inner, .secBusiness.-vision .secBusiness__section.-s2 .secBusiness__body__inner {
  order: 2;
}
.secBusiness.-vision .secBusiness__section.-s1 .secBusiness__body__inner {
  padding-right: 110px;
}
.secBusiness.-vision .secBusiness__section.-s1 .secBusiness__img {
  order: 3;
}
.secBusiness.-vision .secBusiness__section.-s1 .secBusiness__logo {
  width: 306px;
}
.secBusiness.-vision .secBusiness__section.-s2 {
  margin-top: 100px;
}
.secBusiness.-vision .secBusiness__section.-s2 .secBusiness__body__inner {
  padding-right: 110px;
}
.secBusiness.-vision .secBusiness__section.-s2 .secBusiness__img {
  order: 3;
}
.secBusiness.-vision .secBusiness__section.-s2 .secBusiness__logo {
  width: 249px;
}
.secBusiness.-vision .secBusiness__section.-s3 {
  margin-top: 100px;
}
.secBusiness.-vision .secBusiness__section.-s3 .secBusiness__body {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.secBusiness.-vision .secBusiness__section.-s3 .secBusiness__body__inner {
  position: relative;
  padding-bottom: 120px;
}
.secBusiness.-vision .secBusiness__section.-s3 .secBusiness__body__inner.-s4 .secBusiness__logo {
  width: 204px;
}
.secBusiness.-vision .secBusiness__section.-s3 .secBusiness__body__inner.-s5 {
  margin-left: 48px;
}
.secBusiness.-vision .secBusiness__section.-s3 .secBusiness__body__inner.-s5 .secBusiness__logo {
  width: 174px;
}
.secBusiness.-vision .secBusiness__section.-s3 .secBusiness__body__inner .secBusiness__logo {
  margin-top: 40px;
}
.secBusiness.-vision .secBusiness__section.-s3 .secBusiness__more {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
.secBusiness.-vision .secBusiness__img {
  border-radius: 20px;
}
.secBusiness.-vision .secBusiness__img__1,
.secBusiness.-vision .secBusiness__img__2 {
  position: relative;
  flex-shrink: 0;
  width: 35.0694444444vw;
  overflow: visible;
  border-radius: 0;
}
.secBusiness.-vision .secBusiness__img__1 img:nth-child(1),
.secBusiness.-vision .secBusiness__img__2 img:nth-child(1) {
  z-index: 0;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.secBusiness.-vision .secBusiness__img__1 img:nth-child(2),
.secBusiness.-vision .secBusiness__img__2 img:nth-child(2) {
  display: block;
  z-index: 1;
  position: absolute;
  top: 12.5vw;
  left: 5.5555555556vw;
  width: 19.4444444444vw;
}
.secBusiness.-vision .section__viewer {
  z-index: 0;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
}
.secBusiness.-vision .section__viewer.-fixed .section__viewer__img {
  right: 50%;
  margin-right: -44.4444444444vw;
}
.secBusiness.-vision .section__viewer__inner {
  left: 0;
  width: 100%;
  min-height: 41.9444444444vw;
  margin-top: 95px;
}
.secBusiness.-vision .section__viewer__img {
  width: 35.0694444444vw;
}
.secBusiness.-vision .section__viewer__img .secBusiness__img {
  position: absolute;
  top: 0;
  left: 0;
  height: 55.5555555556vw;
  transform: none;
}
@media (max-width: 1440px) {
  .secBusiness.-vision .secBusiness__description {
    justify-content: flex-start;
    padding: 4.8611111111vw 3.4722222222vw 4.8611111111vw 2.7777777778vw;
  }
  .secBusiness.-vision .secBusiness__description__title {
    margin-left: 0;
  }
  .secBusiness.-vision .secBusiness__description__body {
    padding-left: 4.1666666667vw;
  }
  .secBusiness.-vision .secBusiness__section.-s1, .secBusiness.-vision .secBusiness__section.-s2 {
    min-height: 41.9444444444vw;
  }
  .secBusiness.-vision .secBusiness__section.-s1 .secBusiness__body__inner {
    padding-right: 3.8194444444vw;
  }
  .secBusiness.-vision .secBusiness__section.-s2 .secBusiness__body__inner {
    padding-right: 3.8194444444vw;
  }
  .secBusiness.-vision .secBusiness__section.-s3 .secBusiness__body__inner.-s5 {
    margin-left: 3.3333333333vw;
  }
  .secBusiness.-vision .secBusiness__img__1,
  .secBusiness.-vision .secBusiness__img__2 {
    width: 24.5486111111vw;
  }
  .secBusiness.-vision .secBusiness__img__1 img:nth-child(2),
  .secBusiness.-vision .secBusiness__img__2 img:nth-child(2) {
    top: 8.75vw;
    left: 3.8888888889vw;
    width: 13.6111111111vw;
  }
  .secBusiness.-vision .section__viewer.-fixed .section__viewer__img {
    right: 80px;
    margin-right: 0;
  }
  .secBusiness.-vision .section__viewer__img {
    width: 24.5486111111vw;
  }
  .secBusiness.-vision .section__viewer__img .secBusiness__img {
    height: 38.8888888889vw;
  }
}
@media (max-width: 1024px) {
  .secBusiness.-vision .secBusiness__description {
    display: block;
    margin-top: 7.4666666667vw;
    padding: 10.6666666667vw 6.4vw;
    border-radius: 5.3333333333vw;
    box-shadow: 1.3333333333vw 1.3333333333vw 10.6666666667vw rgba(92, 147, 171, 0.15);
  }
  .secBusiness.-vision .secBusiness__description__title {
    margin-left: 0;
  }
  .secBusiness.-vision .secBusiness__description__title span:nth-child(1) {
    font-size: 6.9333333333vw;
  }
  .secBusiness.-vision .secBusiness__description__title span:nth-child(2) {
    font-size: 8.8vw;
    vertical-align: -0.5333333333vw;
  }
  .secBusiness.-vision .secBusiness__description__body {
    margin-top: 2.6666666667vw;
    padding-left: 0;
    font-size: 4.2666666667vw;
  }
  .secBusiness.-vision .secBusiness__clms {
    margin-top: 9.3333333333vw;
  }
  .secBusiness.-vision .secBusiness__sections {
    margin-top: 0;
  }
  .secBusiness.-vision .secBusiness__section.-s1, .secBusiness.-vision .secBusiness__section.-s2 {
    min-height: auto;
  }
  .secBusiness.-vision .secBusiness__section.-s1 .secBusiness__body, .secBusiness.-vision .secBusiness__section.-s2 .secBusiness__body {
    flex-flow: nowrap column;
  }
  .secBusiness.-vision .secBusiness__section.-s1 .secBusiness__body__inner {
    padding-right: 0;
  }
  .secBusiness.-vision .secBusiness__section.-s2 .secBusiness__body__inner {
    padding-right: 0;
    padding-left: 0;
  }
  .secBusiness.-vision .secBusiness__section.-s3 .secBusiness__body__inner.-s5 {
    margin-top: 10.6666666667vw;
  }
  .secBusiness.-vision .secBusiness__section.-s1 .secBusiness__logo {
    width: 52.2666666667vw;
  }
  .secBusiness.-vision .secBusiness__section.-s2 {
    margin-top: 5.3333333333vw;
  }
  .secBusiness.-vision .secBusiness__section.-s2 .secBusiness__logo {
    width: 40.5333333333vw;
  }
  .secBusiness.-vision .secBusiness__section.-s3 {
    margin-top: 5.3333333333vw;
  }
  .secBusiness.-vision .secBusiness__section.-s3 .secBusiness__body {
    flex-flow: nowrap column;
  }
  .secBusiness.-vision .secBusiness__section.-s3 .secBusiness__body__inner {
    padding-bottom: 0;
  }
  .secBusiness.-vision .secBusiness__section.-s3 .secBusiness__body__inner.-s4 .secBusiness__logo {
    width: 45.8666666667vw;
  }
  .secBusiness.-vision .secBusiness__section.-s3 .secBusiness__body__inner.-s5 {
    margin-left: 0;
  }
  .secBusiness.-vision .secBusiness__section.-s3 .secBusiness__body__inner.-s5 .secBusiness__logo {
    width: 41.0666666667vw;
  }
  .secBusiness.-vision .secBusiness__section.-s3 .secBusiness__body__inner .secBusiness__logo {
    margin-top: 0;
  }
  .secBusiness.-vision .secBusiness__section.-s3 .secBusiness__more {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
  }
  .secBusiness.-vision .secBusiness__img {
    margin-bottom: 10.6666666667vw;
    border-radius: 5.3333333333vw;
  }
  .secBusiness.-vision .secBusiness__img__1,
  .secBusiness.-vision .secBusiness__img__2 {
    width: 100%;
    margin-bottom: 40vw;
  }
  .secBusiness.-vision .secBusiness__img__1 img:nth-child(2),
  .secBusiness.-vision .secBusiness__img__2 img:nth-child(2) {
    top: 29.3333333333vw;
    left: 17.3333333333vw;
    width: 49.0666666667vw;
  }
  .secBusiness.-vision .secBusiness__img__1:not(.sp),
  .secBusiness.-vision .secBusiness__img__2:not(.sp) {
    display: none;
  }
}
@media (min-width: 1441px) {
  .secBusiness.-vision .secBusiness__section.-s1, .secBusiness.-vision .secBusiness__section.-s2 {
    min-height: 604px;
  }
  .secBusiness.-vision .secBusiness__img__1,
  .secBusiness.-vision .secBusiness__img__2 {
    width: 505px;
  }
  .secBusiness.-vision .secBusiness__img__1 img:nth-child(2),
  .secBusiness.-vision .secBusiness__img__2 img:nth-child(2) {
    top: 180;
    left: 80;
    width: 280px;
  }
  .secBusiness.-vision .section__viewer.-fixed .section__viewer__img {
    margin-right: -640px;
  }
  .secBusiness.-vision .section__viewer__inner {
    min-height: 604px;
  }
  .secBusiness.-vision .section__viewer__img {
    width: 505px;
  }
  .secBusiness.-vision .section__viewer__img .secBusiness__img {
    height: 800;
  }
}

/* ==========================================================================
 *
 * Blocks - secBusiness
 *
========================================================================== */
.secBusiness {
  padding-top: 160px;
}
.secBusiness .section__title span {
  position: absolute;
  top: -58px;
  line-height: 0.75;
}
.secBusiness__section {
  position: relative;
  padding-top: 95px;
}
.secBusiness__section + .secBusiness__section {
  margin-top: 70px;
}

.secBusiness__header, .system__topic__header, .secPosition__header, .entry__links__title, .flow__header {
  margin-bottom: 60px;
  overflow: hidden;
  white-space: nowrap;
}
.secBusiness__header.-shown h3::before, .-shown.system__topic__header h3::before, .-shown.secPosition__header h3::before, .-shown.entry__links__title h3::before, .-shown.flow__header h3::before {
  width: 60px;
}
.secBusiness__header.-shown h3::after, .-shown.system__topic__header h3::after, .-shown.secPosition__header h3::after, .-shown.entry__links__title h3::after, .-shown.flow__header h3::after {
  width: 100%;
}
.secBusiness__header.-shown h3 span, .-shown.system__topic__header h3 span, .-shown.secPosition__header h3 span, .-shown.entry__links__title h3 span, .-shown.flow__header h3 span {
  transform: translateY(0);
  opacity: 1;
}
.secBusiness__header h3, .system__topic__header h3, .secPosition__header h3, .entry__links__title h3, .flow__header h3 {
  position: relative;
  padding-bottom: 14px;
}
.secBusiness__header h3::before, .system__topic__header h3::before, .secPosition__header h3::before, .entry__links__title h3::before, .flow__header h3::before {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  border-top: 2px solid var(--dive_blue);
  content: "";
  transition: width 300ms 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.secBusiness__header h3::after, .system__topic__header h3::after, .secPosition__header h3::after, .entry__links__title h3::after, .flow__header h3::after {
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  border-bottom: 2px solid var(--gray_2-60);
  content: "";
  transition: width 600ms 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.secBusiness__header h3 > span, .system__topic__header h3 > span, .secPosition__header h3 > span, .entry__links__title h3 > span, .flow__header h3 > span {
  transform: translateY(25%);
  opacity: 0;
  transition: opacity 400ms 150ms ease, transform 600ms 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 1024px) {
  .secBusiness__header h3::before, .system__topic__header h3::before, .secPosition__header h3::before, .entry__links__title h3::before, .flow__header h3::before {
    border-top-width: 0.5333333333vw;
  }
  .secBusiness__header h3::after, .system__topic__header h3::after, .secPosition__header h3::after, .entry__links__title h3::after, .flow__header h3::after {
    border-bottom-width: 0.5333333333vw;
  }
}
.secBusiness__header h3 span, .system__topic__header h3 span, .secPosition__header h3 span, .entry__links__title h3 span, .flow__header h3 span {
  display: block;
  transform: translateY(25%);
  color: var(--dive_blue);
  font-weight: bold;
  font-size: 16px;
  opacity: 0;
}
.secBusiness__header h3 em, .system__topic__header h3 em, .secPosition__header h3 em, .entry__links__title h3 em, .flow__header h3 em {
  display: block;
  font-weight: bold;
  font-size: 32px;
}
.secBusiness__header h3 .secBusiness__company, .system__topic__header h3 .secBusiness__company, .secPosition__header h3 .secBusiness__company, .entry__links__title h3 .secBusiness__company, .flow__header h3 .secBusiness__company {
  display: block;
  margin-top: 8px;
  font-weight: bold;
  font-size: 16px;
}

.secBusiness__text + .secBusiness__logo {
  margin-top: 75px;
}

.secBusiness__logo + .secBusiness__text {
  margin-top: 30px;
}
.secBusiness__text p {
  font-weight: bold;
  font-size: 18px;
}

.secBusiness__more {
  margin-top: 40px;
}

.secBusiness__img {
  overflow: hidden;
}

@media (max-width: 1024px) {
  .secBusiness {
    padding-top: 28vw;
  }
  .secBusiness__section {
    display: flex;
    flex-flow: nowrap column;
    padding-top: 0;
  }
  .secBusiness__section + .secBusiness__section {
    margin-top: 18.6666666667vw;
  }
  .secBusiness__header, .system__topic__header, .secPosition__header, .entry__links__title, .flow__header {
    order: 2;
    margin-top: 10.6666666667vw;
    margin-bottom: 10.6666666667vw;
  }
  .secBusiness__header.-shown h3::before, .-shown.system__topic__header h3::before, .-shown.secPosition__header h3::before, .-shown.entry__links__title h3::before, .-shown.flow__header h3::before {
    width: 8.5333333333vw;
  }
  .secBusiness__header h3, .system__topic__header h3, .secPosition__header h3, .entry__links__title h3, .flow__header h3 {
    padding-bottom: 3.2vw;
  }
  .secBusiness__header h3 span, .system__topic__header h3 span, .secPosition__header h3 span, .entry__links__title h3 span, .flow__header h3 span {
    font-size: 3.7333333333vw;
  }
  .secBusiness__header h3 em, .system__topic__header h3 em, .secPosition__header h3 em, .entry__links__title h3 em, .flow__header h3 em {
    font-size: 6.4vw;
  }
  .secBusiness__header h3 .secBusiness__company, .system__topic__header h3 .secBusiness__company, .secPosition__header h3 .secBusiness__company, .entry__links__title h3 .secBusiness__company, .flow__header h3 .secBusiness__company {
    margin-top: 1.6vw;
    font-size: 3.4666666667vw;
  }
  .secBusiness__body {
    order: 3;
  }
  .secBusiness__img {
    order: 1;
  }
  .secBusiness__text + .secBusiness__logo {
    margin-top: 8.5333333333vw;
  }
  .secBusiness__logo + .secBusiness__text {
    margin-top: 3.2vw;
  }
  .secBusiness__text p {
    font-size: 4.2666666667vw;
  }
  .secBusiness__more {
    margin-top: 5.3333333333vw;
  }
}
/* ==========================================================================
 *
 * Blocks - secCulture-top
 *
========================================================================== */
.secCulture.-top {
  position: relative;
  padding: 75vh 0 0 0;
  background-color: transparent;
}
.secCulture.-top .secCulture__cardWrapper {
  animation-duration: 800ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-iteration-count: 1;
  animation-fill-mode: both;
  transition: z-index 0ms 420ms;
}
.secCulture.-top.-s0 .secCulture__cardWrapper:nth-child(1) {
  z-index: 2;
  animation-name: card-2;
}
.secCulture.-top.-s0 .secCulture__cardWrapper:nth-child(2) {
  z-index: 1;
  animation-name: card-3;
}
.secCulture.-top.-s0 .secCulture__cardWrapper:nth-child(3) {
  z-index: 0;
  animation-name: card-1;
}
.secCulture.-top.-s1 .secCulture__cardWrapper:nth-child(1) {
  z-index: 0;
  animation-name: card-1;
}
.secCulture.-top.-s1 .secCulture__cardWrapper:nth-child(2) {
  z-index: 2;
  animation-name: card-2;
}
.secCulture.-top.-s1 .secCulture__cardWrapper:nth-child(3) {
  z-index: 1;
  animation-name: card-3;
}
.secCulture.-top.-s2 .secCulture__cardWrapper:nth-child(1) {
  z-index: 1;
  animation-name: card-3;
}
.secCulture.-top.-s2 .secCulture__cardWrapper:nth-child(2) {
  z-index: 0;
  animation-name: card-1;
}
.secCulture.-top.-s2 .secCulture__cardWrapper:nth-child(3) {
  z-index: 2;
  animation-name: card-2;
}
.secCulture.-top .section__inner, .secCulture.-top .interview__breadcrumbs, .secCulture.-top .interview__footer {
  opacity: 0;
  transition: opacity 250ms 400ms ease;
}
.secCulture.-top .section__inner.-shown, .secCulture.-top .-shown.interview__breadcrumbs, .secCulture.-top .-shown.interview__footer {
  opacity: 1;
}
.secCulture.-top .section__inner, .secCulture.-top .interview__breadcrumbs, .secCulture.-top .interview__footer {
  padding: 120px 80px 250px;
}
.secCulture.-top .section__title span {
  left: -80px;
}
.secCulture.-top .secCulture__text {
  z-index: 1;
  position: relative;
  padding: 180px 110px 0;
}
.secCulture.-top .secCulture__text > p {
  font-weight: 900;
  font-size: 32px;
  line-height: 1.6;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
.secCulture.-top .secCulture__more {
  margin-top: 40px;
}
.secCulture.-top .secCulture__cards {
  z-index: 0;
  position: absolute;
  top: -122px;
  bottom: 0;
  left: 50%;
  width: calc(100vw - var(--scrollbar));
  overflow: hidden;
  transform: translateX(-50%);
}
.secCulture.-top .secCulture__cards__inner {
  position: absolute;
  top: 297px;
  left: 50%;
  width: 404px;
  height: 565px;
  transform: translateX(115px);
}
.secCulture.-top .secCulture__cardWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate3d(-50%, -50%, 0);
}
.secCulture.-top .secCulture__card {
  position: absolute;
  top: 0;
  left: 0;
  width: 404px;
  height: 565px;
  transform: translateY(0);
  transition: opacity 400ms cubic-bezier(0, 0, 0.2, 1), transform 600ms cubic-bezier(0, 0, 0.2, 1);
}
.secCulture.-top .secCulture__card__img {
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate3d(-50%, -50%, 0);
}
.secCulture.-top .secCulture__card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.secCulture.-top .secCulture__bg {
  z-index: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 0px;
  height: 0px;
  transform: translate3d(-50%, -50%, 0);
  border-radius: 50%;
  background-color: var(--dive_blue);
}
.secCulture.-top .secCulture__scroll {
  display: none;
}
@media (max-width: 1440px) {
  .secCulture.-top .section__body {
    text-align: center;
  }
  .secCulture.-top .secCulture__text {
    display: inline-flex;
    flex-flow: column nowrap;
    align-items: center;
    padding-right: 33.9583333333vw;
    padding-left: 0;
    text-align: left;
  }
  .secCulture.-top .secCulture__more {
    align-self: flex-start;
  }
  .secCulture.-top .secCulture__cards {
    text-align: left;
  }
  .secCulture.-top .secCulture__cards__inner {
    width: 28.0555555556vw;
    min-height: 39.2361111111vw;
  }
  .secCulture.-top .secCulture__card__text {
    font-size: 2.2222222222vw;
  }
}
@media (max-width: 1024px) {
  .secCulture.-top {
    padding-top: 100vh;
  }
  .secCulture.-top.-s0 .secCulture__cardWrapper:nth-child(1) {
    animation-name: card-2-sp;
  }
  .secCulture.-top.-s0 .secCulture__cardWrapper:nth-child(2) {
    animation-name: card-3-sp;
  }
  .secCulture.-top.-s0 .secCulture__cardWrapper:nth-child(3) {
    animation-name: card-1-sp;
  }
  .secCulture.-top.-s1 .secCulture__cardWrapper:nth-child(1) {
    animation-name: card-1-sp;
  }
  .secCulture.-top.-s1 .secCulture__cardWrapper:nth-child(2) {
    animation-name: card-2-sp;
  }
  .secCulture.-top.-s1 .secCulture__cardWrapper:nth-child(3) {
    animation-name: card-3-sp;
  }
  .secCulture.-top.-s2 .secCulture__cardWrapper:nth-child(1) {
    animation-name: card-3-sp;
  }
  .secCulture.-top.-s2 .secCulture__cardWrapper:nth-child(2) {
    animation-name: card-1-sp;
  }
  .secCulture.-top.-s2 .secCulture__cardWrapper:nth-child(3) {
    animation-name: card-2-sp;
  }
  .secCulture.-top .section__inner, .secCulture.-top .interview__breadcrumbs, .secCulture.-top .interview__footer {
    padding: 6.6666666667vw 5.3333333333vw 16vw;
  }
  .secCulture.-top .section__body {
    text-align: left;
  }
  .secCulture.-top .secCulture__text {
    display: block;
    padding: 9.3333333333vw 0 0 0;
  }
  .secCulture.-top .secCulture__text > p {
    font-size: 5.3333333333vw;
    line-height: 1.5;
  }
  .secCulture.-top .secCulture__more {
    margin-top: 113.3333333333vw;
  }
  .secCulture.-top .secCulture__cards {
    top: 1.3333333333vw;
    bottom: 16vw;
    width: 100%;
  }
  .secCulture.-top .secCulture__cards__inner {
    top: 69.3333333333vw;
    width: 61.3333333333vw;
    height: 85.3333333333vw;
    transform: translateX(-50%);
  }
  .secCulture.-top .secCulture__card {
    width: 61.3333333333vw;
    height: 85.3333333333vw;
  }
  .secCulture.-top .secCulture__card__text {
    font-size: 5.3333333333vw;
  }
}

/* ==========================================================================
 *
 * Blocks - secCulture-vision
 *
========================================================================== */
.secCulture.-vision {
  padding-top: 120px;
  overflow: hidden;
  background-color: var(--dive_blue);
}
.secCulture.-vision .section__title span {
  left: 176px;
}
.secCulture.-vision .section__body [data-dr-carousel-prev],
.secCulture.-vision .section__body [data-dr-carousel-next] {
  top: -25px;
}
.secCulture.-vision .secCulture__cards {
  margin-right: -80px;
  margin-left: 0;
}
.secCulture.-vision .secCulture__cards__inner {
  width: 100%;
  margin: 0;
  padding-top: 85px;
  padding-bottom: 40px;
  overflow: auto;
  white-space: nowrap;
}
.secCulture.-vision .secCulture__cards__inner.slick-initialized {
  overflow: hidden;
}
.secCulture.-vision .secCulture__card {
  display: inline-flex !important;
  flex-shrink: 0;
  width: 284px !important;
  height: 398px;
  margin-right: 48px;
  background-color: var(--yellow);
  white-space: normal;
}
.secCulture.-vision .secCulture__card__icon {
  width: 80px;
  height: 80px;
}
.secCulture.-vision .secCulture__card__icon i {
  height: 43px;
}
.secCulture.-vision .secCulture__card__text {
  font-size: 28px;
}
.secCulture.-vision .secCulture__card__footer {
  font-size: 20px;
}
.secCulture.-vision .secCulture__more {
  display: flex;
  justify-content: flex-end;
  margin-top: -10px;
}
@media (min-width: 1441px) {
  .secCulture.-vision .section__body [data-dr-carousel-prev] {
    right: auto;
    left: 1104px;
  }
  .secCulture.-vision .section__body [data-dr-carousel-next] {
    right: auto;
    left: 1200px;
  }
  .secCulture.-vision .secCulture__cards {
    margin-right: calc((100vw - 1440px) / -2 - 80px);
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .secCulture.-vision .secCulture__cards {
    margin-right: -5.3333333333vw;
    margin-left: -5.3333333333vw;
  }
  .secCulture.-vision .secCulture__cards__inner {
    padding-top: 8vw;
    padding-bottom: 5.3333333333vw;
  }
  .secCulture.-vision .secCulture__card {
    width: 66.1333333333vw !important;
    height: 85.8666666667vw;
    margin-right: 0;
    padding-left: 9.0666666667vw;
    background-color: transparent;
  }
  .secCulture.-vision .secCulture__card::before {
    position: absolute;
    top: 0;
    left: 4.8vw;
    width: 61.3333333333vw;
    height: 100%;
    border-radius: inherit;
    background-color: var(--yellow);
    content: "";
  }
  .secCulture.-vision .secCulture__card__icon {
    width: 18.1333333333vw;
    height: 18.1333333333vw;
  }
  .secCulture.-vision .secCulture__card__icon i {
    height: 9.6vw;
  }
  .secCulture.-vision .secCulture__card__text {
    font-size: 6.4vw;
  }
  .secCulture.-vision .secCulture__card__footer {
    font-size: 4.2666666667vw;
  }
  .secCulture.-vision .secCulture__more {
    margin-top: 8vw;
    margin-bottom: -2.6666666667vw;
  }
}

/* ==========================================================================
 *
 * Blocks - secCulture
 *
========================================================================== */
.secCulture {
  padding: 280px 0 145px;
  background-color: var(--dive_blue);
  color: var(--white);
}
.secCulture .section__title span {
  position: absolute;
  top: -58px;
  line-height: 0.75;
  opacity: 8%;
}
.secCulture__card {
  display: flex;
  flex-flow: nowrap column;
  justify-content: space-between;
  padding: 28px;
  overflow: hidden;
  border-radius: 20px;
}

.secCulture__card__img {
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate3d(-50%, -50%, 0);
}
.secCulture__card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.secCulture__card__icon {
  display: flex;
  z-index: 1;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: var(--white);
}
.secCulture__card__icon i {
  display: block;
  width: auto;
  height: 30px;
}
.secCulture__card__icon i img {
  width: auto;
  max-width: none;
  height: 100%;
}

.secCulture__card__text {
  z-index: 1;
  position: relative;
  padding-bottom: 50px;
  font-weight: bold;
  font-size: 32px;
  line-height: 1.4;
}

.secCulture__card__footer {
  z-index: 1;
  position: relative;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
}

@media (max-width: 1024px) {
  .secCulture {
    padding: 42.6666666667vw 0 16vw;
  }
  .secCulture__card {
    padding: 4.2666666667vw;
    border-radius: 5.3333333333vw;
  }
  .secCulture__card__icon {
    width: 12.8vw;
    height: 12.8vw;
  }
  .secCulture__card__icon i {
    height: 6.4vw;
  }
  .secCulture__card__text {
    padding-bottom: 5.3333333333vw;
    font-size: 5.3333333333vw;
  }
  .secCulture__card__footer {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
 *
 * Blocks - secInterview
 *
========================================================================== */
.secInterview.-none {
  padding: 20px 0;
  color: var(--gray-80);
  font-weight: bold;
  font-size: 18px;
  line-height: 1.6;
}
.secInterview a {
  display: flex;
  position: relative;
  flex-flow: nowrap column;
  justify-content: flex-end;
  width: 396px;
  height: 474px;
  padding: 20px;
  overflow: hidden;
  border-radius: 20px;
  color: var(--white);
}
.secInterview a .secInterview__btn {
  z-index: 1;
  position: absolute;
  right: 20px;
  bottom: 18px;
}
.secInterview a .secInterview__btn::before {
  display: block;
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate3d(-50%, -50%, 0);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  content: "";
  transition: background-color 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99), transform 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.secInterview a .secInterview__btn span {
  overflow: hidden;
  border-radius: inherit;
}
.secInterview a .secInterview__btn i {
  z-index: 1;
  position: relative;
  background-color: transparent;
  animation-duration: 600ms;
  animation-timing-function: cubic-bezier(0.55, 0.05, 0.22, 0.99);
  animation-iteration-count: 1;
  animation-fill-mode: both;
}
.-enabledHover .secInterview a:hover .secInterview__btn::before {
  transform: translate3d(-50%, -50%, 0) scale(1.25);
  background-color: var(--white);
}
.-enabledHover .secInterview a:hover .secInterview__btn i {
  animation-name: arrow;
}
.-enabledHover .secInterview a:hover .secInterview__img img {
  transform: scale(1.075);
}
.secInterview__img {
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate3d(-50%, -50%, 0);
}
.secInterview__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99);
}

.secInterview__cat {
  display: inline-flex;
  z-index: 1;
  position: absolute;
  top: 22px;
  left: 20px;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 26px;
  border-radius: 20px;
  background-color: var(--white);
  color: var(--dive_blue);
  font-weight: bold;
  font-size: 14px;
}

.secInterview__no {
  display: flex;
  position: absolute;
  top: 15px;
  right: 10px;
  align-items: flex-start;
  justify-content: flex-end;
}
.secInterview__no span {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  font-weight: 500;
  font-size: 55px;
  font-family: "ClashDisplay-Variable", "Noto Sans JP", sans-serif;
}
.secInterview__no span:nth-child(1) {
  display: block;
  order: 2;
  width: 40px;
  height: 252px;
  background: url(../imgs/txt-interview.svg) no-repeat center center transparent;
  background-size: contain;
  font-size: 0;
}
.secInterview__no span:nth-child(2) {
  display: block;
  order: 1;
  margin-right: 8px;
  line-height: 1;
  writing-mode: vertical-rl;
}

.secInterview__message {
  z-index: 1;
  position: relative;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.6;
}

.secInterview__info {
  z-index: 1;
  position: relative;
  margin-top: 16px;
  font-weight: bold;
  font-size: 16px;
}

@media (max-width: 1440px) {
  .secInterview__message {
    font-size: 1.3888888889vw;
  }
}
@media (max-width: 1024px) {
  .secInterview {
    width: auto;
  }
  .secInterview.-none {
    width: 100%;
    padding: 5.3333333333vw 0;
    font-size: 3.7333333333vw;
  }
  .secInterview a {
    width: 82.6666666667vw;
    height: 98.6666666667vw;
    padding: 4.2666666667vw;
    border-radius: 5.3333333333vw;
  }
  .secInterview a .secInterview__btn {
    right: 4.2666666667vw;
    bottom: 4.2666666667vw;
  }
  .secInterview__cat {
    top: 4.2666666667vw;
    left: 4.2666666667vw;
    height: 8vw;
    padding: 0 4.2666666667vw;
    border-radius: 4vw;
    font-size: 3.2vw;
  }
  .secInterview__no {
    top: 2.1333333333vw;
    right: 0.5333333333vw;
  }
  .secInterview__no span {
    font-size: 9.6vw;
  }
  .secInterview__no span:nth-child(1) {
    width: 9.6vw;
    height: 44.2666666667vw;
  }
  .secInterview__no span:nth-child(2) {
    margin-right: 0vw;
  }
  .secInterview__message {
    font-size: 4.2666666667vw;
  }
  .secInterview__info {
    margin-top: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
 *
 * Blocks - secInterviews
 *
========================================================================== */
.secInterviews {
  position: relative;
  padding-top: 0;
  background-color: var(--white);
}
.secInterviews::before {
  display: block;
  position: absolute;
  right: 412px;
  bottom: 0;
  left: 0;
  height: 446px;
  border-radius: 0 50px 50px 0;
  background-image: linear-gradient(-45deg, #a6c14d, #00A0E6);
  background-size: 200% auto;
  content: "";
  animation: gradientEffect 4000ms infinite alternate;
  opacity: 0.7;
}
.secInterviews .section__inner, .secInterviews .interview__breadcrumbs, .secInterviews .interview__footer {
  padding-bottom: 88px;
}
.secInterviews .section__title {
  margin-bottom: -150px;
  padding-top: 150px;
}
.secInterviews .section__title span {
  position: absolute;
  top: 92px;
  left: 150px;
  line-height: 0.75;
}
.secInterviews .section__body {
  position: relative;
  margin-right: -80px;
  margin-left: 0;
}
.secInterviews .section__body__inner {
  padding-top: 224px;
  overflow: hidden;
}
.secInterviews__items[data-dr-wp], [data-dr-wp].secMovies__items {
  transform: translateX(20px);
  opacity: 0;
  transition: opacity 500ms 300ms ease, transform 500ms 400ms ease-out;
}
.secInterviews__items[data-dr-wp].-shown, [data-dr-wp].-shown.secMovies__items {
  transform: translateX(0);
  opacity: 1;
}

.secInterviews__inner, .secMovies__inner {
  width: 100%;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 40px;
  overflow: auto;
  white-space: nowrap;
}
.secInterviews__inner.slick-initialized, .slick-initialized.secMovies__inner {
  overflow: hidden;
}
.secInterviews__inner .secInterview, .secMovies__inner .secInterview {
  display: inline-flex !important;
  margin-right: 48px;
  vertical-align: top;
  white-space: normal;
}

.secInterviews__more {
  position: absolute;
  right: 184px;
  bottom: -68px;
}

@media (max-width: 1024px) {
  .secInterviews {
    padding-top: 21.3333333333vw;
  }
  .secInterviews::before {
    right: 52.8vw;
    height: 101.3333333333vw;
    border-radius: 0 0 10.6666666667vw 0;
  }
  .secInterviews .section__inner, .secInterviews .interview__breadcrumbs, .secInterviews .interview__footer {
    padding-bottom: 18.6666666667vw;
  }
  .secInterviews .section__inner .secInterview, .secInterviews .interview__breadcrumbs .secInterview, .secInterviews .interview__footer .secInterview {
    margin-right: 0;
    margin-left: 5.3333333333vw;
  }
  .secInterviews .section__title {
    margin-bottom: 0;
    padding-top: 0;
  }
  .secInterviews .section__body {
    margin-top: 8vw;
    margin-right: -5.3333333333vw;
    margin-left: -5.3333333333vw;
  }
  .secInterviews .section__body__inner {
    padding-top: 0;
  }
  .secInterviews__items[data-dr-wp], [data-dr-wp].secMovies__items {
    transform: translateX(5.3333333333vw);
  }
  .secInterviews__items[data-dr-wp].-shown, [data-dr-wp].-shown.secMovies__items {
    transform: translateX(0);
  }
  .secInterviews__inner, .secMovies__inner {
    padding: 0 0 8vw 0;
  }
  .secInterviews__inner .secInterview, .secMovies__inner .secInterview {
    margin-right: 0;
    margin-left: 0 !important;
    padding-left: 5.3333333333vw;
  }
  .secInterviews__more {
    position: absolute;
    right: 5.3333333333vw;
    bottom: -18.6666666667vw;
  }
}
@media (min-width: 1441px) {
  .secInterviews::before {
    right: calc((100vw - var(--scrollbar) - 1440px) / 2 + 412px);
  }
  .secInterviews .section__body {
    margin-right: calc((100vw - var(--scrollbar) - 1440px) / -2 - 80px);
    margin-left: 0;
  }
  .secInterviews .section__body [data-dr-carousel-prev] {
    right: auto;
    left: 1104px;
  }
  .secInterviews .section__body [data-dr-carousel-next] {
    right: auto;
    left: 1200px;
  }
  .secInterviews .secInterviews__more {
    right: calc((100vw - var(--scrollbar) - 1440px) / 2 + 412px - 30px);
    transform: translateX(100%);
  }
}

/* ==========================================================================
 *
 * Blocks - secJjoinus
 *
========================================================================== */
.secJjoinus {
  z-index: 1;
  background: url(../imgs/secJoinus-img.jpg) no-repeat center center transparent;
  background-size: cover;
}
.secJjoinus .section__inner, .secJjoinus .interview__breadcrumbs, .secJjoinus .interview__footer {
  min-height: 874px;
  padding: 275px 50px 400px;
  overflow: hidden;
  color: var(--white);
  text-align: center;
}
.secJjoinus__title {
  font-weight: 700;
  font-size: 52px;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  text-shadow: 0 2px 10px rgba(40, 40, 40, 0.28);
}

.secJjoinus__text {
  position: relative;
  margin-top: 24px;
  font-weight: bold;
  font-size: 20px;
  text-shadow: 0 2px 10px rgba(40, 40, 40, 0.28);
}
.secJjoinus__text .-copy {
  display: block;
  position: absolute;
  top: -30px;
  left: 50%;
  width: 305px;
  margin-left: 280px;
}
.secJjoinus__text .-copy img {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 1024px) {
  .secJjoinus {
    background-image: url(../imgs/secJoinus-img-sp.jpg);
  }
  .secJjoinus .section__inner, .secJjoinus .interview__breadcrumbs, .secJjoinus .interview__footer {
    min-height: 138.6666666667vw;
    padding: 21.3333333333vw 5.3333333333vw;
  }
  .secJjoinus__title {
    margin-right: -5.3333333333vw;
    margin-left: -5.3333333333vw;
    font-size: 8.5333333333vw;
    line-height: 1.4;
  }
  .secJjoinus__text {
    margin-top: 5.3333333333vw;
    font-size: 4.2666666667vw;
    line-height: 1.6;
  }
  .secJjoinus__text .-copy {
    top: 15.4666666667vw;
    right: 0;
    left: auto;
    width: 53.8666666667vw;
    margin-left: 0;
  }
}

/* ==========================================================================
 *
 * Blocks - secMovies
 *
========================================================================== */
.secMovies {
  overflow: hidden;
  background-color: #f2f2f2;
}
.secMovies .section__inner, .secMovies .interview__breadcrumbs, .secMovies .interview__footer {
  padding-top: 120px;
  padding-bottom: 80px;
}
.secMovies .section__title span {
  position: absolute;
  top: -68px;
  left: 100px;
  line-height: 0.75;
}
.secMovies .section__body {
  margin-top: 55px;
  margin-right: -80px;
  margin-left: 0;
}
.secMovies .section__body [data-dr-carousel-prev],
.secMovies .section__body [data-dr-carousel-next] {
  top: -120px;
}
.secMovies__item {
  display: inline-block;
  margin-right: 48px;
  vertical-align: top;
  white-space: normal;
}
.secMovies__item p {
  margin-top: 8px;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.8;
}

.secMovies__youtube {
  position: relative;
  width: 42.7777777778vw;
  height: 23.9583333333vw;
  overflow: hidden;
  border-radius: 20px;
}
.secMovies__youtube::before {
  display: none;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.secMovies__youtube iframe {
  z-index: 0;
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  vertical-align: top;
}

@media (max-width: 1024px) {
  .secMovies {
    margin-bottom: -8vw;
  }
  .secMovies .section__inner, .secMovies .interview__breadcrumbs, .secMovies .interview__footer {
    padding-top: 20vw;
    padding-bottom: 21.3333333333vw;
  }
  .secMovies .section__body {
    margin-top: 5.3333333333vw;
    margin-right: -5.3333333333vw;
    margin-left: -5.3333333333vw;
  }
  .secMovies__item {
    margin-right: 0 !important;
    padding-left: 5.3333333333vw;
  }
  .secMovies__item p {
    margin-top: 2.6666666667vw;
    font-size: 4.2666666667vw;
    line-height: 1.6;
  }
  .secMovies__youtube {
    width: 82.6666666667vw;
    height: 46.4vw;
    border-radius: 3.2vw;
  }
  .secMovies__youtube::before {
    display: block;
  }
  .secMovies__youtube iframe {
    pointer-events: none;
  }
}
@media (min-width: 1441px) {
  .secMovies .section__body {
    margin-right: calc((100vw - 1440px) / -2 - 80px);
    margin-left: 0;
  }
  .secMovies .section__body [data-dr-carousel-prev] {
    right: auto;
    left: 1104px;
  }
  .secMovies .section__body [data-dr-carousel-next] {
    right: auto;
    left: 1200px;
  }
}

/* ==========================================================================
 *
 * Blocks - secPosition
 *
========================================================================== */
.secPosition + .secPosition {
  margin-top: 158px;
}
.secPosition .secPosition__job .section__title span {
  position: absolute;
  top: -58px;
  right: 0;
  left: auto;
  line-height: 0.75;
}
.secPosition .secPosition__interviews {
  padding-top: 150px;
}
.secPosition .secPosition__interviews [data-dr-carousel-prev] {
  right: 176px;
}
.secPosition .secPosition__interviews [data-dr-carousel-next] {
  right: 80px;
}
.secPosition .secPosition__interviews .section__title {
  margin-bottom: 0;
  padding-top: 0;
}
.secPosition .secPosition__interviews .section__title span {
  position: absolute;
  top: -58px;
  left: 96px;
  line-height: 0.75;
}
.secPosition__header {
  margin-bottom: 0;
}
.secPosition__header .secPosition__header__title em {
  font-size: 38px;
}

.secPosition__body {
  margin-top: 84px;
}

.secPosition__section__body {
  margin-top: 80px;
}

.secPosition__interviews::before {
  right: -80px;
  left: 222px;
  border-radius: 50px 0 0 50px;
}
.secPosition__interviews .section__body {
  width: calc(100vw - var(--scrollbar) - 300px);
  margin-top: 54px;
  margin-left: 0;
}
.secPosition__interviews .secInterviews__items, .secPosition__interviews .secMovies__items {
  padding-bottom: 85px;
  padding-left: 0;
}

@media (max-width: 1024px) {
  .secPosition + .secPosition {
    margin-top: 21.3333333333vw;
  }
  .secPosition .secPosition__job .section__title span {
    margin-top: 2.6666666667vw;
  }
  .secPosition .secInterviews__more {
    bottom: 0;
  }
  .secPosition__header {
    margin-top: 0;
  }
  .secPosition__header .secPosition__header__title em {
    margin-top: 1.6vw;
    font-size: 6.4vw;
    line-height: 1.4;
    white-space: normal;
  }
  .secPosition__body {
    margin-top: 14.6666666667vw;
  }
  .secPosition__section__body {
    margin-top: 8vw;
  }
  .secPosition__interviews::before {
    right: 53.3333333333vw;
    left: -5.3333333333vw;
    border-radius: 0 10.6666666667vw 10.6666666667vw 0;
  }
  .secPosition__interviews .section__body {
    width: calc(100vw - var(--scrollbar));
    margin-top: 9.3333333333vw;
    margin-right: -5.3333333333vw;
    margin-left: -5.3333333333vw;
  }
  .secPosition__interviews .secInterviews__items, .secPosition__interviews .secMovies__items {
    padding-bottom: 16vw;
  }
}
@media (min-width: 1441px) {
  .secPosition {
    max-width: 1060px;
  }
  .secPosition .secPosition__interviews [data-dr-carousel-prev] {
    left: auto;
  }
  .secPosition .secPosition__interviews [data-dr-carousel-next] {
    left: auto;
  }
  .secPosition__interviews::before {
    right: calc((100vw - var(--scrollbar) - 1440px) / -2 - 80px);
  }
  .secPosition__interviews .section__body {
    width: calc(1440px + (100vw - var(--scrollbar) - 1440px) / 2 - 300px);
  }
  .secPosition__interviews .secInterviews__items, .secPosition__interviews .secMovies__items {
    padding-left: 0;
  }
}

/* ==========================================================================
 *
 * Blocks - secPpositions
 *
========================================================================== */
.secPpositions {
  margin-top: 155px;
  padding-bottom: 160px;
}
.secPpositions__clms {
  padding-top: 110px;
}

@media (max-width: 1024px) {
  .secPpositions {
    margin-top: 4vw;
    padding-bottom: 21.3333333333vw;
  }
  .secPpositions__clms {
    padding-top: 0;
  }
  .secPpositions__index.section__index {
    margin-top: 9.3333333333vw;
  }
  .secPpositions__sections.section__sections {
    margin-top: 9.3333333333vw;
  }
}

/* ==========================================================================
 *
 * Blocks - secRequirement
 *
========================================================================== */
.secRequirement__header, .jobItem__header {
  position: relative;
  border-top: 2px solid var(--gray_2-60);
}
.secRequirement__header::before, .jobItem__header::before {
  position: absolute;
  top: -2px;
  left: 0;
  width: 60px;
  border-top: 2px solid var(--dive_blue);
  content: "";
}
@media (max-width: 1024px) {
  .secRequirement__header, .jobItem__header {
    border-top-width: 0.5333333333vw;
  }
  .secRequirement__header::before, .jobItem__header::before {
    top: -0.5333333333vw;
    width: 8.5333333333vw;
    border-top-width: 0.5333333333vw;
  }
}
.secRequirement__header h3, .jobItem__header h3 {
  font-weight: 900;
  font-size: 32px;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}

.secRequirement__items ul {
  padding-bottom: 40px;
}
.secRequirement__items li + li {
  margin-top: 12px;
}
.secRequirement__items a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 45px 40px;
  border-radius: 20px;
  background-color: var(--gray_2-20);
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
}
.secRequirement__items a > span {
  width: 100%;
  padding-right: 20px;
}
.secRequirement__items a .-i {
  z-index: 1;
  position: relative;
  flex-shrink: 0;
}
.secRequirement__items a .-i span {
  display: block;
  z-index: 1;
  position: relative;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
}
.secRequirement__items a .-i::before {
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate3d(-50%, -50%, 0);
  border-radius: 50%;
  background-color: var(--white);
  content: "";
  transition: background-color 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99), transform 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.secRequirement__items a i {
  background-color: transparent;
  animation-duration: 600ms;
  animation-timing-function: cubic-bezier(0.55, 0.05, 0.22, 0.99);
  animation-iteration-count: 1;
  animation-fill-mode: both;
}
.-enabledHover .secRequirement__items a:hover .-i::before {
  transform: translate3d(-50%, -50%, 0) scale(1.25);
}
.-enabledHover .secRequirement__items a:hover .-i i {
  animation-name: arrow;
}
.secRequirement__items .-nodeta {
  padding: 0 0 60px;
  color: var(--gray-80);
  font-weight: bold;
  font-size: 18px;
  line-height: 1.6;
}

@media (max-width: 1024px) {
  .secRequirement__header h3, .jobItem__header h3 {
    font-size: 5.3333333333vw;
  }
  .secRequirement__items ul {
    padding-bottom: 5.3333333333vw;
  }
  .secRequirement__items li + li {
    margin-top: 3.2vw;
  }
  .secRequirement__items a {
    padding: 3.2vw 3.2vw;
    border-radius: 3.2vw;
    font-size: 3.7333333333vw;
  }
  .secRequirement__items a span {
    padding-right: 0;
  }
  .secRequirement__items a .-i {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
  }
  .secRequirement__items .-nodeta {
    padding: 0 0 10.6666666667vw;
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
 *
 * Blocks - secRequirements
 *
========================================================================== */
.secRequirements {
  padding-top: 150px;
  padding-bottom: 150px;
  background-color: var(--white);
}
.secRequirements .section__inner, .secRequirements .interview__breadcrumbs, .secRequirements .interview__footer {
  display: flex;
}
.secRequirements .section__title {
  flex-shrink: 0;
  width: 330px;
}
.secRequirements .section__title span {
  margin-top: 54px;
  writing-mode: vertical-rl;
}
.secRequirements .section__body {
  width: 100%;
}
.secRequirements__items {
  position: relative;
}
.secRequirements__items::before {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  border-top: 2px solid var(--dive_blue);
  content: "";
  transition: width 300ms 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.secRequirements__items::after {
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  border-bottom: 2px solid var(--gray_2-60);
  content: "";
  transition: width 600ms 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.secRequirements__items > span {
  transform: translateY(25%);
  opacity: 0;
  transition: opacity 400ms 150ms ease, transform 600ms 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 1024px) {
  .secRequirements__items::before {
    border-top-width: 0.5333333333vw;
  }
  .secRequirements__items::after {
    border-bottom-width: 0.5333333333vw;
  }
}

@media (max-width: 1024px) {
  .secRequirements {
    padding-top: 30.6666666667vw;
    padding-bottom: 21.3333333333vw;
  }
  .secRequirements .section__inner, .secRequirements .interview__breadcrumbs, .secRequirements .interview__footer {
    display: block;
  }
  .secRequirements .section__title {
    width: auto;
  }
  .secRequirements .section__title span {
    margin-top: 0;
    writing-mode: horizontal-tb;
  }
  .secRequirements .section__body {
    width: 100%;
  }
  .secRequirements__items {
    margin-top: 9.3333333333vw;
  }
}

/* ==========================================================================
 *
 * Blocks - secService
 *
========================================================================== */
.secService__info {
  position: relative;
}
.secService__info .section__inner, .secService__info .interview__breadcrumbs, .secService__info .interview__footer {
  padding: 120px 80px;
}

.secService__panel {
  z-index: 1;
  position: relative;
  border-radius: 20px;
  background-color: var(--white);
  box-shadow: 5px 5px 40px rgba(92, 147, 171, 0.15);
}
.secService__panel[data-dr-wp] {
  transform: translate3d(0, 5%, 0) scale(0.85);
  transition: transform 800ms cubic-bezier(0, 0, 0.2, 1);
}
.secService__panel[data-dr-wp].-shown {
  transform: translate3d(0, 0, 0) scale(1);
}

.secService__panel__inner {
  position: relative;
  padding: 55px 60px;
  overflow: hidden;
}

.secService__title {
  z-index: 0;
  position: relative;
}
.secService__title.section__title em {
  font-size: 22px;
}
.secService__title.section__title span {
  position: absolute;
  top: -24px;
  right: -60px;
  font-size: 154px;
  line-height: 1;
  writing-mode: vertical-rl;
}

.secService__clms {
  display: flex;
  z-index: 1;
  position: relative;
  align-items: flex-start;
  justify-content: space-between;
}

.secService__text {
  flex-shrink: 0;
  padding: 75px 20px 40px 50px;
}
.secService__text .-name {
  margin-top: 28px;
  color: var(--dive_blue);
  font-weight: bold;
  font-size: 24px;
  line-height: 1.4;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
.secService__text > p {
  margin-top: 40px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.7;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
.secService__text > p.-copy {
  margin-top: 40px;
  font-weight: 900;
  font-size: 32px;
  line-height: 1.4;
}

.secService__btns {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 40px;
}
.secService__btns .drGradiationButton + .drGradiationButton {
  margin-left: 24px;
}

.secService__img {
  margin-top: -32px;
  overflow: hidden;
  border-radius: 20px;
}

@media (max-width: 1440px) {
  .secService__info .section__inner, .secService__info .interview__breadcrumbs, .secService__info .interview__footer {
    padding: 8.3333333333vw 5.5555555556vw;
  }
  .secService__panel__inner {
    padding: 3.8194444444vw 4.1666666667vw;
  }
  .secService__title.section__title span {
    top: -1.6666666667vw;
    right: -4.1666666667vw;
    font-size: 10.6944444444vw;
  }
  .secService__text {
    padding: 5.5555555556vw 3.6111111111vw 2.7777777778vw 4.1666666667vw;
  }
  .secService__text .-name {
    margin-top: 1.9444444444vw;
    font-size: 1.6666666667vw;
  }
  .secService__text > p {
    margin-top: 2.4305555556vw;
    font-size: 1.25vw;
  }
  .secService__text > p.-copy {
    margin-top: 2.7777777778vw;
    font-size: 2.2222222222vw;
  }
  .secService__btns {
    flex-flow: nowrap column;
    margin-top: 2.7777777778vw;
  }
  .secService__btns .drGradiationButton + .drGradiationButton {
    margin-top: 1.6666666667vw;
    margin-left: 0;
  }
  .secService__img {
    margin-top: -2.2222222222vw;
  }
}
@media (max-width: 1024px) {
  .secService__info {
    display: flow-root;
    clip-path: inset(0);
  }
  .secService__info .section__inner, .secService__info .interview__breadcrumbs, .secService__info .interview__footer {
    padding: 21.3333333333vw 3.2vw;
  }
  .secService__panel {
    border-radius: 4.2666666667vw;
  }
  .secService__panel__inner {
    padding: 8.5333333333vw 7.4666666667vw;
  }
  .secService__title.section__title em {
    font-size: 4.8vw;
  }
  .secService__title.section__title span {
    display: none;
  }
  .secService__clms {
    flex-flow: nowrap column;
  }
  .secService__text {
    order: 2;
    max-width: 100%;
    margin-top: 8vw;
    padding: 0;
  }
  .secService__text .-logo {
    max-width: 100%;
  }
  .secService__text .-name {
    margin-top: 5.3333333333vw;
    margin-right: -0.5em;
    font-size: 4.2666666667vw;
    line-height: 1.6;
  }
  .secService__text > p {
    margin-top: 4vw;
    margin-right: -0.5em;
    font-size: 4.2666666667vw;
    line-height: 1.8;
  }
  .secService__text > p.-copy {
    margin-top: 4.8vw;
    font-size: 5.3333333333vw;
    line-height: 1.6;
  }
  .secService__btns {
    flex-flow: nowrap column;
    margin-top: 8vw;
  }
  .secService__btns .drGradiationButton + .drGradiationButton {
    margin-top: 2.6666666667vw;
    margin-left: 0;
  }
  .secService__img {
    order: 1;
    margin-top: 5.3333333333vw;
    border-radius: 4.2666666667vw;
  }
}

/* ==========================================================================
 *
 * Blocks - secSns
 *
========================================================================== */
.secSns::before {
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate3d(-50%, -50%, 0);
  background: linear-gradient(102.27deg, rgba(0, 160, 230, 0.7) 2.93%, rgba(250, 210, 0, 0.7) 118.63%);
  background-size: 150% auto;
  content: "";
  animation: gradientEffect 6000ms linear infinite alternate;
}
.secSns .section__inner, .secSns .interview__breadcrumbs, .secSns .interview__footer {
  z-index: 1;
  padding-top: 120px;
}
.secSns .section__title span {
  position: absolute;
  top: -58px;
  left: 265px;
  line-height: 0.75;
  opacity: 10%;
}
.secSns__links {
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding: 90px 0 120px;
}

.secSns__link {
  position: relative;
  width: 50%;
  max-width: 616px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  text-align: center;
}
.secSns__link.-wantedly .-logo {
  width: 257px;
}
.secSns__link.-instagram {
  margin-left: 48px;
}
.secSns__link.-instagram .-logo {
  width: 80px;
}
.secSns__link a {
  display: block;
  padding: 125px 20px 75px;
}
.-enabledHover .secSns__link a:hover .secSns__btn::before {
  transform: translate3d(-50%, -50%, 0) scale(1.25);
  background-color: var(--white);
}
.-enabledHover .secSns__link a:hover .secSns__btn i {
  animation-name: arrow;
}
.secSns__link .-logo {
  margin: 0 auto;
}
.secSns__link .-text {
  margin-top: 70px;
  font-weight: bold;
  font-size: 18px;
}
.secSns__link .-text small {
  display: block;
  margin-top: 5px;
  font-size: 13px;
}

.secSns__btn {
  z-index: 1;
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.secSns__btn::before {
  display: block;
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate3d(-50%, -50%, 0);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  content: "";
  transition: background-color 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99), transform 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.secSns__btn span {
  overflow: hidden;
  border-radius: inherit;
}
.secSns__btn i {
  z-index: 1;
  position: relative;
  background-color: transparent;
  animation-duration: 600ms;
  animation-timing-function: cubic-bezier(0.55, 0.05, 0.22, 0.99);
  animation-iteration-count: 1;
  animation-fill-mode: both;
}

@media (max-width: 1440px) {
  .secSns__link .-text {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .secSns .section__inner, .secSns .interview__breadcrumbs, .secSns .interview__footer {
    padding-top: 20vw;
  }
  .secSns .section__title span {
    right: -5.3333333333vw !important;
  }
  .secSns__links {
    flex-flow: nowrap column;
    padding: 10.6666666667vw 0 16vw;
  }
  .secSns__link {
    width: 100%;
    max-width: none;
    height: 52.2666666667vw;
    border-radius: 5.3333333333vw;
  }
  .secSns__link a {
    display: flex;
    flex-flow: nowrap column;
    align-items: center;
    align-items: center;
    justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 4.2666666667vw;
  }
  .secSns__link.-wantedly .-logo {
    width: 43.2vw;
  }
  .secSns__link.-instagram {
    margin-top: 5.3333333333vw;
    margin-left: 0;
  }
  .secSns__link.-instagram .-logo {
    width: 13.3333333333vw;
  }
  .secSns__link .-text {
    margin-top: 6.4vw;
    font-size: 3.7333333333vw;
  }
  .secSns__link .-text small {
    font-size: 2.6666666667vw;
  }
  .secSns__btn {
    right: 4.2666666667vw;
    bottom: 4.2666666667vw;
  }
}

/* ==========================================================================
 *
 * Blocks - section
 *
========================================================================== */
.section {
  position: relative;
}
.section .section__viewer {
  z-index: 0;
  position: absolute;
}
.section .section__viewer.-fixed {
  position: fixed;
  top: 122px;
}
.section .section__viewer__inner {
  position: absolute;
  top: 0;
  left: 0;
}
.section .section__viewer__img {
  position: absolute;
  top: 0;
  right: 0;
  height: calc(100vh - 72px - 100px);
}
.section .section__viewer__img > * {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  clip-path: circle(100% at 200% 50%);
  opacity: 0;
  transition: opacity 0ms 800ms linear, clip-path 0ms 800ms linear;
}
.section .section__viewer__img > *.-current {
  z-index: 1;
  clip-path: circle(100% at 50% 50%);
  opacity: 1;
  transition: opacity 200ms 0ms ease, clip-path 800ms 0ms ease-out;
}
.section__inner, .interview__breadcrumbs, .interview__footer {
  position: relative;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 80px;
  padding-left: 80px;
}
@media (max-width: 1024px) {
  .section__inner, .interview__breadcrumbs, .interview__footer {
    max-width: none;
  }
}

.section__title {
  z-index: 0;
  position: relative;
}
.section__title em {
  z-index: 1;
  position: relative;
  padding-left: 20px;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
}
.section__title em::before {
  position: absolute;
  top: 12px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--yellow);
  content: "";
}
.section__title span {
  display: flex;
  z-index: 0;
  position: relative;
  align-items: center;
  height: 135px;
  color: var(--gray_2-20);
  font-weight: 500;
  font-size: 180px;
  line-height: 1;
  font-family: "ClashDisplay-Variable", "Noto Sans JP", sans-serif;
}

.section__description {
  z-index: 1;
  position: relative;
  margin-top: 30px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.8;
}

.section__clms {
  display: flex;
  position: relative;
  align-items: flex-start;
}

.section__index {
  position: sticky;
  top: 50%;
  left: 0;
  flex-shrink: 0;
  width: 220px;
  margin-top: 200px;
  transform: translateY(-50%);
}
.section__index li + li {
  margin-top: 20px;
}
.section__index li a {
  display: block;
  color: var(--gray-60);
  font-weight: bold;
  font-size: 12px;
  transition: color 200ms ease-in-out;
}
.section__index li a.-current {
  color: var(--black);
}

.section__sections {
  width: 100%;
}
.section__sections > * {
  z-index: 1;
  position: relative;
}

[data-dr-fixedimages-image].-hidden {
  visibility: hidden;
}

@media (max-width: 1440px) {
  .section__title span {
    font-size: 12.5vw;
  }
}
@media (max-width: 1024px) {
  .section .section__viewer {
    display: none !important;
  }
  .section__inner, .interview__breadcrumbs, .interview__footer {
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
  }
  .section__title em {
    padding-left: 5.3333333333vw;
    font-size: 4.8vw;
  }
  .section__title em::before {
    top: 2.1333333333vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
  .section__title span {
    position: absolute;
    top: -14.6666666667vw !important;
    right: 0 !important;
    left: auto !important;
    height: auto;
    font-size: 17.8666666667vw;
  }
  .section__description {
    margin-top: 3.7333333333vw;
    font-size: 4.2666666667vw;
  }
  .section__clms {
    flex-flow: nowrap column;
  }
  .section__index {
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    flex-flow: wrap row;
    align-items: center;
    justify-content: space-between;
    order: 2;
    width: 100%;
    margin-top: 8vw;
    transform: none;
  }
  .section__index li {
    flex-shrink: 0;
    width: calc(50% - 2.6666666667vw);
  }
  .section__index li, .section__index li + li {
    margin-top: 0;
    margin-bottom: 4vw;
  }
  .section__index li a {
    position: relative;
    padding-right: 8vw;
    padding-bottom: 4vw;
    border-bottom: 1px solid var(--gray_2-60);
    color: var(--black);
    font-size: 3.7333333333vw;
  }
  .section__index li a::before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin-top: -2vw;
    transform: translateY(-50%) rotate(90deg);
    background: url(../imgs/icon-arrow-1.svg) no-repeat center center transparent;
    background-size: contain;
    content: "";
  }
  .section__sections {
    order: 2;
    margin-top: 13.3333333333vw;
  }
  [data-dr-fixedimages-image].-hidden {
    visibility: visible;
  }
}
/* ==========================================================================
 *
 * Blocks - secVision
 *
========================================================================== */
.secVision {
  z-index: 2;
  position: relative;
  padding-top: 800px;
}
.secVision .section__inner, .secVision .interview__breadcrumbs, .secVision .interview__footer {
  z-index: 1;
  position: relative;
}
.secVision__main {
  min-height: 100vh;
  margin-top: 240px;
  padding: 0 0 100px 7.2916666667vw;
  transform: translateY(15px);
  opacity: 0;
  transition: all 600ms 0ms ease-out;
}
.secVision__main.-shown {
  transform: translateY(0);
  opacity: 1;
}
.secVision__main.-shown p span::before {
  width: 120%;
  transition: width 450ms ease-out;
}
.secVision__main.-shown p span.-s1::before {
  transition-delay: 400ms, 400ms;
}
.secVision__main.-shown p span.-s2::before {
  transition-delay: 550ms, 550ms;
}
.secVision__main.-shown p span.-s3::before {
  transition-delay: 700ms, 700ms;
}
.secVision__main.-shown p span.-s4::before {
  transition-delay: 850ms, 850ms;
}
.secVision__main.-shown p span.-s5::before {
  transition-delay: 1000ms, 1000ms;
}
.secVision__main.-shown p span.-s6::before {
  transition-delay: 1150ms, 1150ms;
}
.secVision__main.-shown p span.-s7::before {
  transition-delay: 1300ms, 1300ms;
}
.secVision__main p {
  -webkit-text-stroke: 1px var(--white);
  color: transparent;
  font-weight: 900;
  font-size: 52px;
  line-height: 1.8;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
.secVision__main p span {
  display: inline-block;
  position: relative;
  -webkit-text-stroke: 0.5px var(--white);
  white-space: nowrap;
}
.secVision__main p span::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  -webkit-text-stroke: 0;
  overflow: hidden;
  content: attr(data-dr-txt);
  color: var(--white);
  white-space: nowrap;
}

.secVision__more {
  margin-top: 50px;
}

.secVision__section {
  min-height: 150vh;
  margin-top: 240px;
  padding: 0 0 120px 42.3611111111vw;
}
.secVision__section p {
  color: var(--white);
  font-weight: bold;
  font-size: 20px;
  line-height: 2.2;
}
.secVision__section p + p {
  margin-top: 44px;
}
.secVision__section p span {
  display: block;
  color: rgba(255, 255, 255, 0.25);
  transition: color 400ms 100ms ease-out;
}
.secVision__section p span.-shown {
  transform: translateY(0);
  color: var(--white);
}

@media (max-width: 1024px) {
  .secVision {
    display: flow-root;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    padding-top: 50vh;
    clip-path: inset(0);
  }
  .secVision .section__inner, .secVision .interview__breadcrumbs, .secVision .interview__footer {
    overflow: hidden;
  }
  .secVision__bg {
    z-index: -1;
    position: fixed;
    height: calc(var(--vh, 1vh) * 110);
  }
  .secVision__bg::before, .secVision__bg::after {
    background-attachment: scroll;
  }
  .secVision__main {
    min-height: auto;
    margin-top: 64vw;
    padding: 21.3333333333vw 0 0 0;
  }
  .secVision__main p {
    font-size: 7.4666666667vw;
    line-height: 2.1;
  }
  .secVision__more {
    margin-top: 10.6666666667vw;
  }
  .secVision__section {
    min-height: auto;
    padding: 24vw 0 20vw 0;
  }
  .secVision__section p {
    font-size: 4.8vw;
  }
  .secVision__section p + p {
    margin-top: 5.3333333333vw;
  }
}
@media (min-width: 1441px) {
  .secVision__main {
    padding-left: 105px;
  }
  .secVision__section {
    padding-left: 610px;
  }
}

/* ==========================================================================
 *
 * Blocks - service
 *
========================================================================== */
.service__bg {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none no-repeat center center transparent;
  background-size: cover;
  background-attachment: fixed;
}
.service__bg::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(40, 40, 40, 0.4);
  content: "";
}

@media (max-width: 1024px) {
  .service__bg {
    z-index: -1;
    position: fixed;
    height: calc(var(--vh, 1vh) * 110);
    background-attachment: scroll;
  }
}

/* ==========================================================================
 *
 * Blocks - carousel
 *
========================================================================== */
[data-dr-carousel] .slick-dots,
[data-dr-carousel] .flickity-page-dots,
[data-dr-carousel] .indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 120px;
  height: 4px;
  border-radius: 2px;
}
[data-dr-carousel] .slick-dots {
  display: flex;
  z-index: 1;
  opacity: 0;
}
[data-dr-carousel] .slick-dots li {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
}
[data-dr-carousel] .slick-dots li button {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
[data-dr-carousel] .flickity-page-dots {
  z-index: 1;
  flex-wrap: nowrap;
  justify-content: flex-start;
  height: 100%;
  opacity: 0;
}
[data-dr-carousel] .flickity-page-dots button {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
[data-dr-carousel] .indicator {
  z-index: 0;
  background-color: var(--blue-80);
}
[data-dr-carousel] .indicator > div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 2px;
  background-color: var(--blue-10);
  transition: left 450ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.secInterviews [data-dr-carousel] .indicator {
  background-color: rgba(234, 234, 234, 0.5);
}
.secInterviews [data-dr-carousel] .indicator > div {
  background-color: var(--gray-80);
}
.secMovies [data-dr-carousel] .indicator {
  background-color: #DCDCDC;
}
.secMovies [data-dr-carousel] .indicator > div {
  background-color: var(--gray-80);
}
.slick-dotted.slick-slider {
  margin: 0;
}

[data-dr-carousel] {
  position: relative;
}
[data-dr-carousel] [data-dr-carousel-prev],
[data-dr-carousel] [data-dr-carousel-next] {
  z-index: 1;
  position: absolute;
}
[data-dr-carousel] [data-dr-carousel-prev] > button,
[data-dr-carousel] [data-dr-carousel-next] > button {
  width: 80px;
  height: 80px;
}
[data-dr-carousel] [data-dr-carousel-prev] > button::before,
[data-dr-carousel] [data-dr-carousel-next] > button::before {
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate3d(-50%, -50%, 0);
  border: 1px solid var(--blue-70);
  border-radius: 50%;
  box-shadow: none;
  content: "";
  transition: transform 250ms cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
[data-dr-carousel] [data-dr-carousel-prev] > button i,
[data-dr-carousel] [data-dr-carousel-next] > button i {
  display: block;
  width: 12px;
  height: 12px;
  background: url(../imgs/icon-arrow-2-white.svg) no-repeat center center transparent;
  background-size: contain;
}
.-enabledHover [data-dr-carousel] [data-dr-carousel-prev] > button:hover::before,
.-enabledHover [data-dr-carousel] [data-dr-carousel-next] > button:hover::before {
  transform: translate3d(-50%, -50%, 0) scale(1.15);
}

[data-dr-carousel-prev] {
  top: -95px;
  right: 176px;
}
[data-dr-carousel-prev] i {
  transform: scaleX(-1);
}

[data-dr-carousel-next] {
  top: -95px;
  right: 80px;
}

.secInterviews__items [data-dr-carousel-prev] > button::before, .secMovies__items [data-dr-carousel-prev] > button::before,
.secInterviews__items [data-dr-carousel-next] > button::before,
.secMovies__items [data-dr-carousel-next] > button::before {
  border: 1px solid var(--gray_2-60);
  background-color: transparent;
}
.secInterviews__items [data-dr-carousel-prev] > button i, .secMovies__items [data-dr-carousel-prev] > button i,
.secInterviews__items [data-dr-carousel-next] > button i,
.secMovies__items [data-dr-carousel-next] > button i {
  background-image: url(../imgs/icon-arrow-2.svg);
}

@media (min-width: 1441px) {
  [data-dr-carousel] .slick-dots,
  [data-dr-carousel] .flickity-page-dots,
  [data-dr-carousel] .indicator {
    left: 0;
  }
}
@media (max-width: 1024px) {
  [data-dr-carousel] .slick-dots,
  [data-dr-carousel] .flickity-page-dots,
  [data-dr-carousel] .indicator {
    left: 5.3333333333vw;
    width: 32vw;
    height: 1.0666666667vw;
    border-radius: 0.5333333333vw;
  }
  [data-dr-carousel] .slick-dots > div,
  [data-dr-carousel] .flickity-page-dots > div,
  [data-dr-carousel] .indicator > div {
    border-radius: 0.5333333333vw;
  }
  .wrapper [data-dr-carousel-prev],
  .wrapper [data-dr-carousel-next] {
    display: none !important;
  }
}

/* ==========================================================================
 *
 * Blocks - system
 *
========================================================================== */
.system__statement {
  margin-top: 110px;
  padding: 55px 70px;
  border-radius: 20px;
  background-color: var(--white);
  box-shadow: 5px 5px 40px rgba(92, 147, 171, 0.15);
  font-weight: bold;
  font-size: 20px;
  line-height: 1.8;
}

.system__topics__sections {
  margin-top: 148px;
}

.system__topic + .system__topic {
  margin-top: 120px;
}
.system__topic__header {
  margin-bottom: 0;
}
.system__topic__header h3 em {
  font-size: 38px;
}

.system__topic__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-right: -80px;
  padding-top: 70px;
}

.system__topic__body {
  flex-shrink: 0;
  width: 602px;
  padding-right: 98px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.8;
}
.system__topic__body section + section {
  padding-top: 40px;
}
.system__topic__body section .-body > * + * {
  margin-top: 18px;
}
.system__topic__body h4 {
  margin-bottom: 10px;
  color: var(--dive_blue);
  font-weight: bold;
  font-size: 28px;
}

.system__topic__img {
  position: sticky;
  top: calc((100vh - 72px - 40px - 800px) / 2 + 20px);
  left: 0;
  overflow: hidden;
  border-radius: 40px 0 0 40px;
}

@media (max-width: 1440px) {
  .system__topic__body {
    width: 41.8055555556vw;
    padding-right: 6.8055555556vw;
  }
}
@media (max-width: 1024px) {
  .system__statement {
    margin-top: 5.3333333333vw;
    padding: 11.2vw 6.4vw;
    border-radius: 5.3333333333vw;
    box-shadow: 1.3333333333vw 1.3333333333vw 10.6666666667vw rgba(92, 147, 171, 0.15);
    font-size: 4.2666666667vw;
  }
  .system__topics {
    margin-top: 9.3333333333vw;
    padding-bottom: 5.3333333333vw;
  }
  .system__topics__sections {
    margin-top: 0;
  }
  .system__topic + .system__topic {
    margin-top: 16vw;
  }
  .system__topic__header {
    margin-bottom: 0;
  }
  .system__topic__header h3 em {
    font-size: 6.4vw;
  }
  .system__topic__inner {
    flex-flow: nowrap column;
    margin-right: 0;
    padding-top: 10.6666666667vw;
  }
  .system__topic__body {
    order: 2;
    width: 100%;
    padding-top: 10.6666666667vw;
    padding-right: 0;
    border-bottom: 1px solid var(--gray_2-60);
    font-size: 4.2666666667vw;
    line-height: 1.8;
  }
  .system__topic__body section {
    border-top: 1px solid var(--gray_2-60);
  }
  .system__topic__body section + section {
    padding-top: 0;
  }
  .system__topic__body section.-opened h4 {
    color: var(--dive_blue);
  }
  .system__topic__body section .-body {
    padding: 1.3333333333vw 0 10.6666666667vw;
  }
  .system__topic__body section .-body > * + * {
    margin-top: 4.8vw;
  }
  .system__topic__body h4 {
    margin-bottom: 0;
    color: var(--black);
    font-size: 4.8vw;
    transition: color 100ms ease-in-out;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  .system__topic__body h4 {
    display: flex;
    position: relative;
    flex-flow: nowrap column;
    justify-content: center;
  }
  .system__topic__body h4 > i {
    position: absolute;
    top: 50%;
    left: 0;
    width: 17.0666666667vw;
    height: 17.0666666667vw;
    transform: translateY(-50%);
  }
  .system__topic__body h4 > i img {
    height: 7.4666666667vw;
  }
  .system__topic__body h4 > span {
    margin-top: 0;
    font-size: 3.2vw;
  }
  .system__topic__body h4 > em {
    margin-top: 0.5333333333vw;
    font-size: 4.8vw;
    line-height: 1.26;
  }
}
@media (max-width: 1024px) {
  .system__topic__img {
    position: relative;
    top: auto;
    left: auto;
    order: 1;
    width: 100%;
    border-radius: 5.3333333333vw;
  }
}
@media (min-width: 1441px) {
  .system__topic__img {
    border-radius: 40px;
  }
}

/* ==========================================================================
 *
 * Blocks - top
 *
========================================================================== */
.top__header {
  z-index: 0;
  position: relative;
}
.top__header::before {
  z-index: 0;
  position: absolute;
  bottom: 16px;
  left: 0;
  width: 100%;
  height: 166px;
  background: url(../imgs/txt-wwu.svg) repeat-x left top transparent;
  background-size: auto 100%;
  content: "";
  animation: loopTextTop 30s linear infinite;
  opacity: 0.8;
}

.top__header__inner {
  position: relative;
  height: 100vh;
  padding: 100px 80px 80px;
}

.top__text {
  z-index: 2;
  position: absolute;
  bottom: 40px;
  left: 40px;
}
.top__text .drTitle {
  display: inline;
  font-family: "YakuHanJP", "Zen Kaku Gothic Antique", sans-serif;
}
.top__text .drTitle > span {
  margin-top: 16px;
  font-weight: 900;
  font-size: 48px;
  line-height: 1.3;
}
.top__text .-name {
  display: inline-block;
  margin-left: 10px;
  color: var(--dive_blue);
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  font-family: "Schibsted Grotesk", "Noto Sans JP", sans-serif;
  vertical-align: -6px;
}
.top__text .-copy {
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 625px;
  width: 282px;
  height: 124px;
}

.top__kv {
  height: 100%;
}
.top__kv.-hidden {
  display: none;
}
.top__kv.-init .top__kv__item {
  clip-path: circle(100% at 50% 50%);
  opacity: 1;
  transition: opacity 300ms 300ms ease, clip-path 1200ms 100ms cubic-bezier(0.64, 0, 0.78, 0), padding 600ms cubic-bezier(0.4, 0, 0.2, 1), width 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.top__kv.-init .top__kv__item:nth-child(2) {
  transition: opacity 300ms 450ms ease, clip-path 1200ms 250ms cubic-bezier(0.64, 0, 0.78, 0), padding 600ms cubic-bezier(0.4, 0, 0.2, 1), width 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.top__kv__items {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.top__kv__item {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
  padding: 100px 80px 80px;
  clip-path: circle(5% at 50% 50%);
  opacity: 0;
}
.-init .top__kv__item.-fixed:nth-child(2) {
  z-index: 3;
  width: 100%;
  padding: 0 !important;
  transition: padding 800ms cubic-bezier(0.4, 0, 0.2, 1), padding-left 1000ms cubic-bezier(0.4, 0, 0.2, 1), width 800ms cubic-bezier(0.4, 0, 0.2, 1);
}
.-init .top__kv__item.-fixed:nth-child(2).-sec1 > div .-bg::before {
  opacity: 1;
}
.-init .top__kv__item.-fixed:nth-child(2).-sec1 > div .-bg::after {
  opacity: 0;
}
.-init .top__kv__item.-fixed:nth-child(2).-sec2 > div .-bg::before {
  opacity: 1;
}
.-init .top__kv__item.-fixed:nth-child(2).-sec2 > div .-bg::after {
  opacity: 1;
}
.-init .top__kv__item.-fixed:nth-child(2) > div {
  border-radius: 0;
  transition: border-radius 600ms 600ms ease;
}
.-init .top__kv__item.-fixed:nth-child(2) > div .-bg {
  opacity: 1;
  transition: opacity 1000ms 400ms cubic-bezier(0, 0, 0.2, 1);
}
.-init .top__kv__item.-fixed:nth-child(2) > div::before {
  background-color: rgba(40, 40, 40, 0.4);
}
.-init .top__kv__item.-fixed:nth-child(2) .-img {
  transition: opacity 0ms 2200ms linear, clip-path 0ms 2200ms linear;
}
.top__kv__item:nth-child(1) {
  left: 0;
  padding-right: 1.6666666667vw;
}
.top__kv__item:nth-child(1) .-img {
  transition-delay: 1850ms, 1850ms;
}
.top__kv__item:nth-child(1) .-img.-current {
  transition-delay: 250ms, 250ms;
}
.top__kv__item:nth-child(2) {
  right: 0;
  padding-left: 1.6666666667vw;
}
.top__kv__item:nth-child(2) > div .-bg {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1000ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.top__kv__item:nth-child(2) > div .-bg::before, .top__kv__item:nth-child(2) > div .-bg::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: none no-repeat center top transparent;
  background-size: cover;
  content: "";
  opacity: 0;
  transition: opacity 1000ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.top__kv__item:nth-child(2) > div .-bg::before {
  z-index: 0;
  background-image: url(../imgs/top/kv-2-2.jpg);
}
.top__kv__item:nth-child(2) > div .-bg::after {
  z-index: 1;
  background-image: url(../imgs/top/kv-3-2.jpg);
}
.top__kv__item > div {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
}
.top__kv__item > div::before {
  z-index: 4;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(40, 40, 40, 0);
  content: "";
  transition: background-color 1000ms 400ms ease;
}
.top__kv__item .-img {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: circle(100% at 200% 50%);
  opacity: 0;
  transition: opacity 0ms 1600ms linear, clip-path 0ms 1600ms linear;
}
.top__kv__item .-img.-current {
  z-index: 1;
  clip-path: circle(100% at 50% 50%);
  opacity: 1;
  transition: opacity 450ms 0ms ease, clip-path 1400ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}
.top__kv__item .-img.-current img {
  transform: scale(1);
}
.top__kv__item .-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  position: absolute;
  top: 0;
  left: 0;
  object-position: center top;
}

@media (max-width: 1024px) {
  .top__header::before {
    bottom: -14.6666666667vw;
    height: 32vw;
  }
  .top__header__inner {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    padding: 0;
    overflow: hidden;
  }
  .top__text {
    z-index: 4;
    top: 50%;
    bottom: auto;
    left: 5.3333333333vw;
    margin-top: 1.6vw;
    transform: translateY(-50%);
    transition: opacity 600ms ease;
  }
  .top__text.-hidden {
    opacity: 0;
  }
  .top__text .drTitle {
    line-height: 2.6;
  }
  .top__text .drTitle > span {
    margin-top: 0;
    font-size: 6.9333333333vw;
    line-height: 1.4;
  }
  .top__text .-name {
    margin-top: -2.6666666667vw;
    margin-left: 0.5333333333vw;
    font-size: 2.6666666667vw;
    line-height: 1.2;
    vertical-align: 0.2666666667vw;
  }
  .top__text .-copy {
    top: 24vw;
    left: 50.6666666667vw;
    width: 43.2vw;
    height: 18.6666666667vw;
  }
  .top__kv {
    position: absolute;
    top: 19.2vw;
    right: 5.3333333333vw;
    bottom: 6.6666666667vw;
    left: 5.3333333333vw;
    height: auto;
  }
  .top__kv.-init .top__kv__item:nth-child(2) {
    transition: opacity 400ms 350ms ease-out, clip-path 1600ms 150ms cubic-bezier(0.4, 0, 0.2, 1), width 500ms cubic-bezier(0, 0, 0.2, 1), height 500ms cubic-bezier(0, 0, 0.2, 1), right 500ms cubic-bezier(0, 0, 0.2, 1), bottom 500ms cubic-bezier(0, 0, 0.2, 1);
  }
  .top__kv__items {
    display: flex;
    flex-flow: nowrap column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
  }
  .top__kv__item {
    width: 89.3333333333vw;
    height: calc(50% - 21.4666666667vw);
    padding: 0;
  }
  .-init .top__kv__item.-fixed:nth-child(2) {
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: width 800ms cubic-bezier(0.4, 0, 0.2, 1), height 800ms cubic-bezier(0.4, 0, 0.2, 1), right 800ms cubic-bezier(0.4, 0, 0.2, 1), bottom 800ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .-init .top__kv__item.-fixed:nth-child(2).-sec1 > div .-bg::before {
    opacity: 1;
  }
  .-init .top__kv__item.-fixed:nth-child(2).-sec1 > div .-bg::after {
    opacity: 0;
  }
  .-init .top__kv__item.-fixed:nth-child(2).-sec2 > div .-bg::before {
    opacity: 1;
  }
  .-init .top__kv__item.-fixed:nth-child(2).-sec2 > div .-bg::after {
    opacity: 1;
  }
  .-init .top__kv__item.-fixed:nth-child(2) > div {
    border-radius: 0;
  }
  .top__kv__item:nth-child(1) {
    top: 19.2vw;
    left: 5.3333333333vw;
    padding-right: 0;
  }
  .top__kv__item:nth-child(2) {
    top: auto;
    right: 5.3333333333vw;
    bottom: 6.6666666667vw;
    padding-left: 0;
    transition: all 1000ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .top__kv__item > div {
    border-radius: 5.3333333333vw;
  }
  .top__kv__item .-img {
    clip-path: circle(100% at 50% 200%);
  }
  .top__kv__item .-img.-current {
    clip-path: circle(100% at 50% 50%);
  }
}

/* ==========================================================================
 *
 * Blocks - value
 *
========================================================================== */
.value {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.value + .value {
  margin-top: 120px;
}
.value.-s1, .value.-s2, .value.-s3 {
  margin-right: -80px;
}
.value.-s1 .value__body, .value.-s2 .value__body, .value.-s3 .value__body {
  margin-top: 120px;
}
.value.-s1 .value__img, .value.-s2 .value__img, .value.-s3 .value__img {
  top: calc((100vh - 72px - 40px - 800px) / 2 + 20px);
  left: 0;
  border-radius: 40px 0 0 40px;
}
.value.-s4 .value__img, .value.-s5 .value__img, .value.-s6 .value__img {
  border-radius: 40px;
}
.value__body {
  flex-shrink: 0;
  width: 556px;
  padding-right: 74px;
}

.value__header h3 > i {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  border-radius: 50%;
}
.value__header h3 > i::before {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-image: linear-gradient(102deg, #00a0e6 2.93%, #6db682 44.43%, #fad200 98.34%);
  content: "";
  opacity: 0.7;
}
.value__header h3 > i img {
  z-index: 1;
  position: relative;
  width: auto;
  max-width: none;
  height: 40px;
}
.value__header h3 > span {
  display: block;
  margin-top: 30px;
  color: var(--dive_blue);
  font-weight: bold;
  font-size: 16px;
}
.value__header h3 > em {
  display: block;
  margin-top: 6px;
  font-weight: 900;
  font-size: 36px;
  line-height: 1.4;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}

.value__message {
  margin-top: 55px;
  font-weight: bold;
  font-size: 18px;
}

.value__text {
  margin-top: 40px;
  font-weight: bold;
  font-size: 18px;
}
.value__text p + p {
  margin-top: 18px;
}

.value__img {
  overflow: hidden;
}

@media (max-width: 1440px) {
  .value + .value {
    margin-top: 8.3333333333vw;
  }
  .value.-s1, .value.-s2, .value.-s3, .value.-s4, .value.-s5, .value.-s6 {
    margin-right: -80px;
  }
  .value.-s1 .value__body, .value.-s2 .value__body, .value.-s3 .value__body, .value.-s4 .value__body, .value.-s5 .value__body, .value.-s6 .value__body {
    margin-top: 8.3333333333vw;
  }
  .value.-s1 .value__img, .value.-s2 .value__img, .value.-s3 .value__img, .value.-s4 .value__img, .value.-s5 .value__img, .value.-s6 .value__img {
    border-radius: 40px 0 0 40px;
  }
  .value__body {
    width: 40vw;
    padding-right: 5.1388888889vw;
  }
  .value__header h3 > i {
    width: 6.1111111111vw;
    height: 6.1111111111vw;
  }
  .value__header h3 > i img {
    height: 2.7777777778vw;
  }
  .value__header h3 > em {
    font-size: 2.5vw;
  }
}
@media (max-width: 1024px) {
  .value {
    flex-flow: nowrap column;
    align-items: flex-start;
    border-top: 1px solid var(--gray_2-60);
  }
  .value + .value {
    margin-top: 0;
  }
  .value.-s1, .value.-s2, .value.-s3 {
    margin-right: 0;
  }
  .value.-s1 .value__body, .value.-s2 .value__body, .value.-s3 .value__body {
    margin-top: 0;
  }
  .value.-s1 .value__img, .value.-s2 .value__img, .value.-s3 .value__img {
    border-radius: 5.3333333333vw;
  }
  .value.-s4, .value.-s5, .value.-s6 {
    margin-right: 0;
  }
  .value.-s4 .value__body, .value.-s5 .value__body, .value.-s6 .value__body {
    margin-top: 0;
  }
  .value.-s4 .value__img, .value.-s5 .value__img, .value.-s6 .value__img {
    border-radius: 5.3333333333vw;
  }
  .value.-s4 .value__message, .value.-s5 .value__message, .value.-s6 .value__message {
    padding-bottom: 10.6666666667vw;
  }
  .value__body {
    order: 2;
    width: 100%;
    padding-right: 0;
  }
  .value__header > button {
    padding-right: 0;
  }
  .value__header h3 {
    min-height: 17.0666666667vw;
    padding-left: 20.2666666667vw;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  .value__header h3 {
    display: flex;
    position: relative;
    flex-flow: nowrap column;
    justify-content: center;
  }
  .value__header h3 > i {
    position: absolute;
    top: 50%;
    left: 0;
    width: 17.0666666667vw;
    height: 17.0666666667vw;
    transform: translateY(-50%);
  }
  .value__header h3 > i img {
    height: 7.4666666667vw;
  }
  .value__header h3 > span {
    margin-top: 0;
    font-size: 3.2vw;
  }
  .value__header h3 > em {
    margin-top: 0.5333333333vw;
    font-size: 4.8vw;
    line-height: 1.26;
  }
}
@media (max-width: 1024px) {
  .value__message {
    margin-top: 8vw;
    font-size: 4.2666666667vw;
    line-height: 1.8;
  }
  .value__text {
    margin-top: 5.3333333333vw;
    padding-bottom: 10.6666666667vw;
    font-size: 4.2666666667vw;
    line-height: 1.8;
  }
  .value__text p + p {
    margin-top: 4.8vw;
  }
  .value__img {
    order: 1;
    margin-top: 5.3333333333vw;
  }
}
@media (min-width: 1441px) {
  .value.-s1 .value__img, .value.-s2 .value__img, .value.-s3 .value__img {
    border-radius: 40px;
  }
}

/* ==========================================================================
 *
 * Blocks - vision
 *
========================================================================== */
.vision .page__header__img.-bg img {
  opacity: 0;
  transition: opacity 1000ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.vision .page__header__img.-bg.-kv img.-kv {
  opacity: 1;
}
.vision .page__header__img.-bg.-sec1 img.-kv,
.vision .page__header__img.-bg.-sec1 img.-bg1 {
  opacity: 1;
}
.vision .page__header__img.-bg.-sec2 img.-kv,
.vision .page__header__img.-bg.-sec2 img.-bg1,
.vision .page__header__img.-bg.-sec2 img.-bg2 {
  opacity: 1;
}
.vision__statements {
  position: relative;
  padding-top: 800px;
  color: var(--white);
}

.vision__statements__section {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  padding-top: 120px;
  padding-bottom: 115px;
}
.vision__statements__section.-mission {
  padding-top: 0;
}

.vision__statements__inner {
  width: 618px;
}

.vision__statements__title > span {
  display: block;
  color: var(--dive_blue);
  font-weight: bold;
  font-size: 20px;
  font-family: "Schibsted Grotesk", "Noto Sans JP", sans-serif;
}
.vision__statements__title > em {
  display: block;
  margin-top: 15px;
  font-weight: 900;
  font-size: 44px;
  line-height: 1.4;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
.vision__statements__title > em > span {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 2px !important;
}

.vision__statements__text {
  margin-top: 50px;
  font-weight: bold;
  font-size: 20px;
  line-height: 2.2;
}
.vision__statements__text p + p {
  margin-top: 22px;
}
.vision__statements__text p span {
  display: block;
  color: rgba(255, 255, 255, 0.25);
  transition: color 400ms 100ms ease-out;
}
.vision__statements__text p span.-inline {
  display: inline;
}
.vision__statements__text p span.-shown {
  transform: translateY(0);
  color: var(--white);
}

@media (max-width: 1024px) {
  .vision__statements {
    display: flow-root;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    padding-top: 50vh;
    clip-path: inset(0);
  }
  .vision__sections__bg {
    z-index: -1;
    position: fixed;
    height: calc(var(--vh, 1vh) * 110);
  }
  .vision__sections__bg::before, .vision__sections__bg::after {
    background-attachment: scroll;
  }
  .vision__sections__bg::before {
    background-image: url(../imgs/vision/bg-1-sp.jpg);
  }
  .vision__sections__bg::after {
    background-image: url(../imgs/vision/bg-2-sp.jpg);
  }
  .vision__statements__section {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    padding-top: 30.6666666667vw;
    padding-bottom: 32vw;
  }
  .vision__statements__inner {
    width: 100%;
  }
  .vision__statements__title > span {
    font-size: 4.2666666667vw;
  }
  .vision__statements__title > em {
    margin-top: 0;
    font-size: 7.4666666667vw;
  }
  .vision__statements__title > em span {
    margin-bottom: 0;
    padding-bottom: 0 !important;
  }
  .vision__statements__text {
    margin-top: 8vw;
    font-size: 4.2666666667vw;
  }
  .vision__statements__text p + p {
    margin-top: 4.8vw;
  }
}

/* ==========================================================================
 *
 * Blocks - wrapper
 *
========================================================================== */
.wrapper {
  position: relative;
  opacity: 0;
  transition: opacity 600ms 200ms ease-out;
}
body.-init .wrapper {
  opacity: 1;
}
.wrapper::before {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1034px;
  min-height: 100vh;
  background: url(../imgs/header-bg.png) repeat-x center bottom transparent;
  background-size: auto 100%;
  content: "";
}
@media (max-width: 1024px) {
  .wrapper::before {
    height: 257.0666666667vw;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    background: url(../imgs/header-bg-sp.png) no-repeat center top transparent;
    background-size: cover;
  }
}
/*# sourceMappingURL=sourcemaps/style.css.map */