@charset "UTF-8";
/************************************************************
/*  initpage - ページファイル用の初期設定
/*  各ページファイルで @use './initpage' as *; で使用
/*  utils と Sass組み込みモジュール（map, meta, list）を提供
/*  共通スタイル（global, helpers, header, footer, layouts）も読み込み
************************************************************/
/***********************************************************
/*  functions
************************************************************/
/******************************************************************
* strip-unit　単位を除去する、または指定した単位に変換する
* @param $value 単位を除去したい値(単位有)
* @param $unit オプション: 変換したい単位(単位有) 例: 1px, 1rem, 1%
*  例) strip-unit(32px) → 32
*  例) strip-unit(32px, 1rem) → 2rem
*******************************************************************/
/******************************************************************
* height-string　行の高さを取得する
* @param $_line 行数
* @param $_font-size フォントサイズ (単位あり)
* @param $_line-height 行間
* 例) 3行 サイズ16px 行間1.5 (3, 16px, 1.5);
*******************************************************************/
/******************************************************************
* setVw　vw値を返す
* @param $_size 計算したい値(単位無し)
* @param $_base 基準となる値(単位無し)
* @param $_min	最小値(単位有)　※値がマイナスでも、大小は絶対値で考える
* @param $_min	最大値(単位有)　※値がマイナスでも、大小は絶対値で考える
*******************************************************************/
/******************************************************************
* 変数・取得設定
* Mapの取得用functionがある場合は、該当のfunctionを使用して値を設定します。
* (スニペット使用推奨)
*******************************************************************/
/* base font size
----------------------------------------------------------------- */
/* size
----------------------------------------------------------------- */
/* breakpoint
----------------------------------------------------------------- */
/* 中
/*
----------------------------------------------------------------- */
/* style
----------------------------------------------------------------- */
/* section
----------------------------------------------------------------- */
/* content space
----------------------------------------------------------------- */
/* container
----------------------------------------------------------------- */
/* color
/* _color-themes.scss 「mod()」にて、data-theme属性を元に色を出し分け可能
/* ①-1 モード切り替えあり - 自動色変換
/*     ⇒ ・$colorsにモード毎の色を定義
/*        ・_color-themes.scss generate-color-themes()にて
            data-theme属性毎に、$colorsの色をCSSに設定(globalで呼び出し)
/*        ・get-color(①)で、設定したCSS変数を取得する
/* ①-2 モード切り替えあり - mod()を使用して手動で変換
/*     ⇒ ・上記のCSS生成不要(generate-color-themes()不要)
/*        ・※下記のカラー実装パターン参照
/* ②   モード切り替えなし
/*     ⇒ ・※下記のカラー実装パターン参照
/*
/* <カラー実装パターン>
/* ・$color-palette: 役割を持たないプリミティブ色（hex / rgba）を一元定義。`sample*` 等の仮名は使わない。
/* ・$colors: モード別に group / name で役割色を定義。値は get-color-palette() でパレットから抽出する。
/* ・実装（pages / modules 等）: get-color('group', 'name') のみ使用。get-color-palette() は禁止。
----------------------------------------------------------------- */
/* font
----------------------------------------------------------------- */
/* image
----------------------------------------------------------------- */
/* height
----------------------------------------------------------------- */
/* transition
----------------------------------------------------------------- */
/* border radius
----------------------------------------------------------------- */
/* border width
----------------------------------------------------------------- */
/* effects
----------------------------------------------------------------- */
/* z-index
----------------------------------------------------------------- */
/******************************************************************
* s　リキッド対応の値変換（s()の仕様も統合）
* CSS変数(--liq-unit)を使用して、各ブレイクポイントで自動的に計算が変更される
* $style-settingsの設定に基づいて、以下の4つのタイプに対応:
*   - type="liquid" => リキッド（vw）
*   - type="responsive" => レスポンシブ（rem、s()の仕様を統合）
*   - type="fixed" => 前時点のリキッドでの固定化
*   - type="none" => 変更しない（前の値を継承）
* @param $_number 数値（デザイン上のスケール値）
* @param $_min 省略可。算出値の下限（単位付き推奨。例: 9px）
* @param $_max 省略可。算出値の上限（単位付き推奨）
*  例) padding: s(30);
*  例) font-size: s(10, 9px, 24px); → clamp(9px, calc(...), 24px)
*******************************************************************/
/******************************************************************
* sh　画面高さ(lvh)を考慮したリキッド対応の値変換
* s() と同じ --liq-unit を基準とし、横長端末では比率に基づく lvh 換算で縮小する
*
* 算出:
*   min(
*     s() の値,
*     s() の値 × aspect-ratio × var(--lvh-vw-ratio)
*   )
*
* 横長 (100vw / 100lvh > aspect-ratio) のとき lvh 側が小さくなり縮小する。
* 縦長のとき lvh 側は s() 以上になるため、s() が上限として維持される。
* calc() 内に clamp をネストしない（ブラウザが不正値と判定するため）。
*
* @param $_number 数値（デザイン上のスケール値）
* @param $_min 省略可。s() と同様
* @param $_max 省略可。s() と同様
* @param $_aspect-ratio 省略可。比率基準（幅/高さ）
*   - 数値: 375 / 667 の結果（例: 0.562）
*   - リスト: (375, 667)
*   省略時は CSS 変数 --aspect-ratio-threshold を使用
*  例) height: sh(600);
*  例) gap: sh(40, null, null, (16, 9));
*******************************************************************/
/******************************************************************
* %計算
* @param $number 数値
* @param $basis %を計算するための基準値(幅)
* 例) 値1000に対して50の%値 (50, 1000);
*******************************************************************/
/******************************************************************
* vw(%)指定時、指定幅時点の固定値取得
* @param $number 数値
* @param $basis vw(%)を計算するための基準幅
* @param $width 求めたい時点の幅
* 例) 画面幅1280px時点で100pxとなるvw変化において、画面幅1400px時点での値を取得する。(100, 1280, 1400);
*******************************************************************/
/******************************************************************
* width-string　行の高さを取得する
* @param $num 文字数
* @param $font_size フォントサイズ (単位あり)
* @param $letter-spacing 文字間
* 例) 30文字の横幅 サイズ16px 文字間0.03em (30, 16px, 0.03em);
*******************************************************************/
/***********************************************************
/*  setup
************************************************************/
/******************************************************************
* メディアクエリ
* $media-query-strategy で 'sp-first' または 'pc-first' を切り替え可能
*******************************************************************/
/* 連番ベースの汎用メディアクエリ
* $key: ブレイクポイントのキー（文字列）または具体的な値（数値）
* $max-key: オプション。範囲指定の場合の最大キー（文字列）または具体的な値（数値）
* variablesで設定した順序に応じて適用
*
* sp-first: 1が最小、数が大きくなるほど画面サイズが大きい
*
* pc-first: 1が最大、数が大きくなるほど画面サイズが小さい
*   注意: 範囲指定の場合、引数の順序は任意（実際の値の大小関係で自動判定）
*
* sp-first pc-first関係なく常に「以上」「未満」の指定
*
* 使用例（sp-first）:
*   @include media('tab') { ... }        // tab以上
*   @include media('pc') { ... }         // pc以上
*   @include media('tab', 'pc') { ... }  // tab以上、pc未満（範囲指定）
*   @include media('default', 'tab') { ... }  // tab未満（デフォルトの指定のない領域からtabまで）
*   @include media(768px) { ... }        // 768px以上（具体的な値を直接指定）
*   @include media(768px, 1024px) { ... }  // 768px以上、1024px未満（具体的な値での範囲指定）
*
* 使用例（pc-first）:
*   @include media('pc') { ... }         // pc未満
*   @include media('pcLL', 'pc') { ... }  // pcLL未満、pc以上（範囲指定）
*   @include media('default', 'tab') { ... }  // tab以上（tab以上の画面サイズに適用）
*   @include media(768px) { ... }        // 768px未満（具体的な値を直接指定）
*   @include media(768px, 1024px) { ... }  // 768px以上、1024px未満（具体的な値での範囲指定）
*
* variablesで定義した文字列キーに自動的に依存します
* 数値が渡された場合は、その値を直接使用します
----------------------------------------------------------------- */
/* 高さメディアクエリ
$break $break以上の高さで適用
----------------------------------------------------------------- */
/* 高さメディアクエリ
$break $break以下の高さで適用
----------------------------------------------------------------- */
/* 印刷時
----------------------------------------------------------------- */
/* アニメーション制御設定　ay11対応
----------------------------------------------------------------- */
/******************************************************************
* border-radius-vars border-radius用のCSS変数を生成する
* $border-radiusesに基づいて、各ブレイクポイントで:rootにCSS変数を設定
* @example
*   @include border-radius-vars;
*******************************************************************/
/******************************************************************
* border-width-vars border-width用のCSS変数を生成する
* $border-widthに基づいて、各ブレイクポイントで:rootにCSS変数を設定
* @example
*   @include border-width-vars;
*******************************************************************/
/******************************************************************
* scrollbar-width-set
* jsから渡される--scrollbar-widthのフォールバック
* スクロールバー幅（JSで実測値に更新。JS無効時は$width-scrollbarがフォールバック）
* @example
*   @include scrollbar-width-set;
*******************************************************************/
/******************************************************************
* style-settings-vars　値をセットするfunction(s / sv)のためのCSS変数を生成する
* $style-settingsに基づいて、各ブレイクポイントで:rootにCSS変数を設定
*   - --liq-unit                 : s() / sh() の横幅基準
*   - --aspect-ratio-threshold   : sh() の比率基準（幅/高さ）
*   - --lvh-vw-ratio             : sh() の lvh/vw 換算係数
* sh() の lvh 換算は s() の値 × 比率 × var(--lvh-vw-ratio) で算出する
* 各設定方法については、変数$style-settingsの箇所に記載する
* @example
*   @include style-settings-vars;
*******************************************************************/
/***********************************************************
/*  judgement
************************************************************/
/******************************************************************
* body-scroll-rock
* bodyのスクロール固定時にbodyにつくクラス。
* 本mixinを使用することで、ロック時のスタイルを定義できる
* bodyScrollControll.jsによるクラス付与
* var(--scrollbar-width)で、スクロールバー分の幅をjsから受け取る
* 例: @include body-scroll-rock { .header { ... } }
*******************************************************************/
/******************************************************************
* hover判定
*******************************************************************/
/* hover 非hover
----------------------------------------------------------------- */
/* hoverのみ
----------------------------------------------------------------- */
/* hover時　カラースタイル
----------------------------------------------------------------- */
/* hover時　透過スタイル
----------------------------------------------------------------- */
/******************************************************************
* no-js判定
*******************************************************************/
/******************************************************************
* page判定
* body.page_xxx が付与されている場合にスタイルを適用する
* 例: @include page(top) { ... }
*     @include page('works-detail') { ... }
*******************************************************************/
/***********************************************************
/*  base
************************************************************/
/******************************************************************
* define-color-vars CSS変数を一括定義する mixin
* @param $mode モード名（default | dark など）
* ネスト map をフラットな CSS変数に変換する
* 例) @include define-color-vars('default');
*     → --color-text-primary: #2B2D31;
*     → --color-bg-base: #FFFFFF;
*******************************************************************/
/******************************************************************
* generate-color-themes テーマ全体を生成する mixin
* defaultモードを:rootに、それ以外のモードを[data-theme="モード名"]に出力する
* $colorsマップにモードを追加するだけで、自動的にすべてのテーマが生成される
* 例) @include generate-color-themes;
*     → :root { --color-text-primary: ...; }
*     → [data-theme="dark"] { --color-text-primary: ...; }
*******************************************************************/
/******************************************************************
* mode テーマモード別のスタイルを定義する mixin
* @param $mode モード名（'default' | 'dark' など）
* defaultモードの場合は親セレクタそのまま、それ以外は[data-theme="モード名"]で出力
*
* 使用例:
* .my-element {
*   color: red;
*
*   @include mode('dark') {
*     color: white;
*   }
* }
*
* 出力結果:
* .my-element {
*   color: red;
* }
*
* [data-theme="dark"] .my-element {
*   color: white;
* }
*******************************************************************/
/******************************************************************
* container　コンテナの余白と最大幅を設定する
* @param $_type コンテナの種類（_variables.scssの$container-sizesで定義）
* $media-query-strategy で 'sp-first' または 'pc-first' を切り替え可能
*   - 'sp-first': SPをデフォルト、大きい画面で上書き
*   - 'pc-first': PCをデフォルト、小さい画面で上書き
*
* $container-sizesのキー名は$breakpointsのキー名と統一されています
*******************************************************************/
/******************************************************************
* content-space コンテンツ余白を設定する
* @param $_type 大きさのタイプ（_variables.scssの$content-spaceで定義）
* @param $_margin padding(pd)・margin(mg)
* $media-query-strategy で 'sp-first' または 'pc-first' を切り替え可能
*   - 'sp-first': SPをデフォルト、大きい画面で上書き
*   - 'pc-first': PCをデフォルト、小さい画面で上書き
*
* $content-spaceのキー名は$breakpointsのキー名と統一されています
*******************************************************************/
/******************************************************************
* set-effect エフェクトのスタイルを適用する
* @param $_type-key エフェクト種類キー（$effectsのキー）
* @param $_pattern-key エフェクトパターンキー（種類内のキー）
*******************************************************************/
/******************************************************************
* font フォントスタイルを設定する
* @param $_size サイズ
* @param $_line 行間
* @param $_space 文字間
* @param $_weight 太さ
* @param $_family フォント
* @param $_min-size font-size の下限（リキッド換算の結果がこれ未満にならない）
* @param $_max-size font-size の上限（省略時は上限なし）
* @param $_use-sh true のとき font-size に sh() を使用（横長端末で lvh 基準に縮小）
* @param $_aspect-ratio sh() 用の比率基準（幅/高さ）。省略時は --aspect-ratio-threshold
* @param $_key Figma テキストスタイルキー（指定時は size/line/space/family/weight をマップから取得）
*******************************************************************/
/******************************************************************
* スクロールバーデザイン
*******************************************************************/
/* scrollbar
* スクロールバーのスタイルを設定する（Firefox対応）
* @param $_thumb-color スクロールバーのつまみの色（デフォルト: $color-scroll-handle）
* @param $_track-color スクロールバーのトラックの色（デフォルト: $color-scroll-track）
* @param $_type スクロールバーの幅タイプ（auto/thin/none、デフォルト: auto）
*  例) @include scrollbar();
*  例) @include scrollbar(red, blue, thin);
----------------------------------------------------------------- */
/* origin-scrollbar
* Webkit系ブラウザ向けのスクロールバーのスタイルを設定する（Chrome/Safari対応）
* @param $_thumb-color スクロールバーのつまみの色（デフォルト: $color-scroll-handle）
* @param $_track-color スクロールバーのトラックの色（デフォルト: $color-scroll-track）
*  例) @include origin-scrollbar();
*  例) @include origin-scrollbar(#ff0000, #000000);
----------------------------------------------------------------- */
/* scrollbar_none
* スクロールバーを非表示にする（Webkit系ブラウザ向け）
*  例) @include scrollbar_none;
----------------------------------------------------------------- */
/******************************************************************
* section　section余白を設定する
* @param $_type 大きさのタイプ（_variables.scssの$section-sizesで定義）
* @param $_margin padding(pd)・margin(mg)
* $media-query-strategy で 'sp-first' または 'pc-first' を切り替え可能
*   - 'sp-first': SPをデフォルト、大きい画面で上書き
*   - 'pc-first': PCをデフォルト、小さい画面で上書き
*
* $section-sizesのキー名は$breakpointsのキー名と統一されています
*******************************************************************/
/***********************************************************
/*  util
************************************************************/
/******************************************************************
* background-image　背景画像を設定する
* @param $_filename ファイル名
* @param $_size background-size
* @param $_type 拡張子 jpg or png(デフォルト)
* @param $_position background-position
* @param $_repeat background-repeat
*******************************************************************/
/******************************************************************
* dashed-line　破線の線を設定する（4方向対応）
* @param $_width 線の太さ（デフォルト: 1px）
* @param $_dash-length 線の長さ（デフォルト: 8px）
* @param $_gap 間隔（デフォルト: 4px）
* @param $_color 線の色（デフォルト: currentColor）
* @param $_direction 線の方向（デフォルト: bottom）top / right / bottom / left / all（4辺すべて）
*   ※要素の border-radius を出力し、破線の角部分を丸くクリップする
*  例) @include dashed-underline(2px, 8px, 4px, #000);
*  例) @include dashed-underline(1px, 8px, 4px, #000, all);
*******************************************************************/
/******************************************************************
* flex-size　flex要素のサイズを計算する（均等割り）
* @param $num 並べる個数
* @param $gap 間の余白（rem, px）
* @param $important オプション: '!important'を付与する場合に指定
*  例) @include flexSize(3, 1rem);
*******************************************************************/
/***********************************************************
/*  functions
************************************************************/
/******************************************************************
* ommision　行数による末尾「...」省略
* @param $_line:行数
* @param $_font-size:フォントサイズ 単位あり
* @param $_line-height:行間 (例 1.5)
* @param $_height-set:heightに高さを設定するかどうか(設定する場合true)
*******************************************************************/
/******************************************************************
* ruled-underline　行ごとにボックス幅いっぱいの破線下線を設定する
* 要素に line-height を設定し、1行＝1タイルとして破線背景を分割
* マスクで各タイルの最下部のみ見せる → 行間に線が出ない
* 背景は ::after に描画し、テキストはマスク対象外（消えない）
* @param $color 色（デフォルト: #000）例: #0d47a1 または var(--colors-main) 形式の RGB 変数名（中身が "R,G,B"）
* @param $alpha 不透明度（デフォルト: 0.4、0〜1）
* @param $dash-on 破線の線の長さ（デフォルト: 5px）
* @param $dash-off 破線の空白の長さ（デフォルト: 10px）
* @param $thickness 下線の太さ（デフォルト: 1px）
* @param $offset 文字ベースラインからの下げ量（デフォルト: 3px）
* @param $line-height 行高（デフォルト: 1.8、数値指定を推奨）
* @param $z-index 擬似要素の z-index（デフォルト: -1、背面にしたいので通常は -1）
*  例) @include ruled-underline(#000, 0.4, 5px, 10px, 1px, 3px, 1.8, -1);
*******************************************************************/
/******************************************************************
* svg-line　svg画像を使用して下線を引く
　※画像は下線の1線部分を画像化する
* @param $_filename 使用する画像名
* @param $_width 画像の幅　単位あり
* @param $_height 画像の高さ 単位あり
* @param $_gap 間隔　単位あり
*******************************************************************/
/******************************************************************
* width-string-set　文字数による横幅を取得し、最大幅にセットする
* @param $_num 文字数
* @param $_font-size フォントサイズ (単位あり)
* @param $_letter-spacing letter spacing
*******************************************************************/
/***********************************************************
/*  variables
************************************************************/
/***********************************************************
/*  project
************************************************************/
/******************************************************************
* プロジェクト固有のutilsを記載する
*******************************************************************/
/******************************************************************
 * トップMVタイトル（グラデーション左から表示・1回のみ）
 * - body.is_contentLoaded 後に clip-path アニメーションを1回再生
 ******************************************************************/
body:not(:has(.noJs)) .has_top_mvTitleGrad {
  clip-path: inset(0 100% 0 0);
}
body:not(:has(.noJs)).is_contentLoaded .has_top_mvTitleGrad {
  animation: topMvTitleGradReveal 1.8s ease-out 0.4s forwards;
}
@keyframes topMvTitleGradReveal {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  body:not(:has(.noJs)) .has_top_mvTitleGrad {
    clip-path: inset(0 0 0 0);
    animation: none;
  }
}

body:has(.noJs) .has_top_mvTitleGrad {
  clip-path: inset(0 0 0 0);
}

/******************************************************************
* page - top
*******************************************************************/
/* セクション別コンテナ（Figma 00_1.TOP 1920px 実測）
----------------------------------------------------------------- */
.un_topContainer {
  width: 100%;
  max-width: calc(1720 * var(--liq-unit));
  margin-inline: auto;
  padding-inline: calc(40 * var(--liq-unit));
  box-sizing: border-box;
}
@media screen and (width < 768px) {
  .un_topContainer {
    padding-inline: calc(16 * var(--liq-unit));
  }
}
.un_topContainer.__mv {
  padding-inline: calc(40 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topContainer.__mv {
    padding-inline: calc(16 * var(--liq-unit));
  }
}
.un_topContainer.__message {
  padding-inline: calc(40 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topContainer.__message {
    padding-inline: calc(16 * var(--liq-unit));
  }
}
.un_topContainer.__ism {
  padding-inline: calc(40 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topContainer.__ism {
    padding-inline: calc(16 * var(--liq-unit));
  }
}
.un_topContainer.__real {
  padding-inline: calc(40 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topContainer.__real {
    padding-inline: calc(16 * var(--liq-unit));
  }
}
.un_topContainer.__interviewIntro {
  padding-inline: calc(40 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topContainer.__interviewIntro {
    padding-inline: calc(16 * var(--liq-unit));
  }
}
.un_topContainer.__benefits {
  padding-inline: calc(40 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topContainer.__benefits {
    padding-inline: calc(16 * var(--liq-unit));
  }
}
.un_topContainer.__training {
  padding-inline: calc(40 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topContainer.__training {
    padding-inline: calc(16 * var(--liq-unit));
  }
}
.un_topContainer.__guideline {
  padding-inline: calc(40 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topContainer.__guideline {
    padding-inline: calc(16 * var(--liq-unit));
  }
}
.un_topContainer.__entry {
  padding-inline: calc(40 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topContainer.__entry {
    padding-inline: calc(16 * var(--liq-unit));
  }
}

/* 共通：グラデーション帯 + セクション見出し
----------------------------------------------------------------- */
.un_topSection_gradient {
  display: block;
  width: calc(448 * var(--liq-unit));
  height: calc(61 * var(--liq-unit));
  margin-bottom: calc(24 * var(--liq-unit));
  background: linear-gradient(90deg, #6fa469 3%, #e7da4c 43%, #dca941 57%, #bd3b31 98%);
  clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
}
@media screen and (width < 768px) {
  .un_topSection_gradient {
    width: min(100%, 280 * var(--liq-unit));
    height: calc(40 * var(--liq-unit));
    margin-bottom: calc(16 * var(--liq-unit));
  }
}

/* MV（Figma 18:46）
----------------------------------------------------------------- */
.un_topMv {
  position: relative;
  overflow: hidden;
  height: 100dvh;
  min-height: calc(650 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topMv {
    min-height: calc(560 * var(--liq-unit));
  }
}
.un_topMv_entry {
  display: none;
  width: calc(154 * var(--liq-unit));
  min-height: calc(39 * var(--liq-unit));
  border-radius: calc(22 * var(--liq-unit));
  color: var(--color-text-inverse);
  text-decoration: none;
  text-shadow: 0 calc(3 * var(--liq-unit)) calc(3 * var(--liq-unit)) var(--color-shadow-text);
  background: linear-gradient(132deg, var(--color-brand-entry-green) 0%, var(--color-brand-entry-yellow) 47%, var(--color-brand-entry-gold) 64%, var(--color-brand-entry-red) 100%);
  transition: color 0.3s;
}
@media screen and (width < 768px) {
  .un_topMv_entry {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(151 * var(--liq-unit));
    min-height: calc(45 * var(--liq-unit));
    border-radius: 100vh;
    margin-top: calc(43 * var(--liq-unit));
    margin-left: auto;
  }
}
@media (hover: hover) and (pointer: fine) {
  .un_topMv_entry:hover {
    color: var(--color-text-base);
  }
}
@media (hover: none) and (pointer: coarse) {
  .un_topMv_entry:active {
    color: var(--color-text-base);
  }
}
@media screen and (width < 768px) {
  .un_topMv_entryJa {
    font-size: calc(11 * var(--liq-unit));
    text-align: center;
  }
}
.un_topMv_entryEn {
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.5;
}
@media screen and (width < 768px) {
  .un_topMv_entryEn {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 22 * var(--liq-unit));
    line-height: 1;
  }
}
.un_topMv_visual {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.un_topMv_slides {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.un_topMv_slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1s ease;
}
.un_topMv_slide.is_active {
  opacity: 1;
}
.un_topMv_slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (prefers-reduced-motion: reduce) {
  .un_topMv_slide {
    transition: none;
  }
}
.un_topMv_overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: var(--color-text-base);
  opacity: 0.38;
  pointer-events: none;
}
.un_topMv .un_topContainer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  height: 100%;
  padding-bottom: calc(180 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topMv .un_topContainer {
    min-height: calc(560 * var(--liq-unit));
    padding-bottom: calc(108 * var(--liq-unit));
  }
}
.un_topMv_content {
  max-width: calc(1557 * var(--liq-unit));
}
.un_topMv_title {
  position: relative;
  padding: 0 0 calc(24 * var(--liq-unit));
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0em;
  font-size: max(10px, 120 * var(--liq-unit));
  line-height: 1.0833333333;
}
@media screen and (width < 768px) {
  .un_topMv_title {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0em;
    font-size: max(10px, 41 * var(--liq-unit));
    line-height: 1.1707317073;
  }
}
.un_topMv_titleBase {
  display: block;
  color: var(--color-text-inverse);
  text-shadow: 0 calc(3 * var(--liq-unit)) calc(3 * var(--liq-unit)) var(--color-shadow-text);
}
.un_topMv_titleGrad {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  opacity: 0.6;
  background: linear-gradient(87deg, var(--color-brand-entry-green) -1.35%, var(--color-brand-entry-yellow) 41.56%, var(--color-brand-entry-gold) 56.95%, var(--color-brand-entry-red) 99.86%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 calc(3 * var(--liq-unit)) calc(3 * var(--liq-unit)) var(--color-shadow-text));
}
.un_topMv_lead {
  margin: 0;
  color: var(--color-text-inverse);
  text-shadow: 0 calc(3 * var(--liq-unit)) calc(3 * var(--liq-unit)) var(--color-shadow-text);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0em;
  font-size: max(10px, 42 * var(--liq-unit));
  line-height: 1.0238095238;
}
@media screen and (width < 768px) {
  .un_topMv_lead {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0em;
    font-size: max(10px, 14 * var(--liq-unit));
    line-height: 2;
  }
}
.un_topMv_scroll {
  position: absolute;
  right: calc(40 * var(--liq-unit));
  bottom: calc(217 * var(--liq-unit));
  z-index: 2;
  margin: 0;
  color: var(--color-text-inverse);
  text-orientation: mixed;
  text-shadow: 0 calc(3 * var(--liq-unit)) calc(3 * var(--liq-unit)) var(--color-shadow-text);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0em;
  font-size: max(10px, 20 * var(--liq-unit));
  line-height: 1.2;
}
@media screen and (width < 768px) {
  .un_topMv_scroll {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(60 * var(--liq-unit));
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 400;
    letter-spacing: 0em;
    font-size: max(10px, 9 * var(--liq-unit));
    line-height: 1;
  }
}
.un_topMv_scroll::before {
  animation: scrollLine 2s ease infinite normal;
  content: "";
  display: block;
  background-color: var(--color-background-canvas);
  height: calc(110 * var(--liq-unit));
  width: calc(1 * var(--liq-unit));
  position: absolute;
  left: 50%;
  bottom: calc(-15.5 * var(--liq-unit));
  transform: translate(-50%, 100%);
  transform-origin: top;
}
@media screen and (width < 768px) {
  .un_topMv_scroll::before {
    height: calc(150 * var(--liq-unit));
    left: 50%;
  }
}

@keyframes scrollLine {
  0% {
    transform: translate(-50%, 100%) scaleY(0);
  }
  100% {
    transform: translate(-50%, 100%) scaleY(1);
  }
}
/* MESSAGE（Figma 28:237）
----------------------------------------------------------------- */
.un_topMessage {
  padding-top: calc(400 * var(--liq-unit));
  padding-bottom: calc(120 * var(--liq-unit));
  overflow: hidden;
}
@media screen and (width < 768px) {
  .un_topMessage {
    padding-top: calc(120 * var(--liq-unit));
    padding-bottom: calc(20 * var(--liq-unit));
  }
}
.un_topMessage_head {
  margin-bottom: calc(120 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topMessage_head {
    margin-bottom: calc(48 * var(--liq-unit));
  }
}
.un_topMessage_title {
  width: min(100%, 928 * var(--liq-unit));
  margin-bottom: calc(-58 * var(--liq-unit));
  margin-left: calc(-11 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topMessage_title {
    width: min(100%, 320 * var(--liq-unit));
    margin-inline: auto;
    margin-bottom: calc(-24 * var(--liq-unit));
  }
}
.un_topMessage_titleBg {
  display: block;
  width: 100%;
  height: auto;
}
.un_topMessage_content {
  display: flex;
  justify-content: space-between;
  gap: calc(30 * var(--liq-unit));
  align-items: start;
}
@media screen and (width < 768px) {
  .un_topMessage_content {
    flex-direction: column;
    grid-template-columns: minmax(0, 1fr);
    gap: calc(32 * var(--liq-unit));
  }
}
.un_topMessage_catch {
  margin: 0;
  color: var(--color-text-base);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0em;
  font-size: max(10px, 72 * var(--liq-unit));
  line-height: 1.2916666667;
}
@media screen and (width < 768px) {
  .un_topMessage_catch {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0em;
    font-size: max(10px, 23 * var(--liq-unit));
    line-height: 1;
    text-align: center;
    width: 100%;
  }
}
.un_topMessage_lead {
  margin: calc(110 * var(--liq-unit)) 0 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.5454545455;
}
@media screen and (width < 768px) {
  .un_topMessage_lead {
    margin-top: 0;
    width: 100%;
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 13 * var(--liq-unit));
    line-height: 1.5384615385;
    text-align: center;
  }
}
.un_topMessage_slider {
  overflow: hidden;
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  margin-bottom: calc(-250 * var(--liq-unit));
  position: relative;
  top: calc(-250 * var(--liq-unit));
  min-height: var(--top-message-slider-min-height);
  --top-message-slider-slot-width: calc(var(--top-message-inactive-width, 446) * var(--liq-unit));
  --top-message-slider-min-height: calc(var(--top-message-active-height, 746) * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topMessage_slider {
    top: 0;
    margin-bottom: 0;
    --top-message-slider-gap: calc(calc(31 * var(--liq-unit)) / 2);
    --top-message-slider-slot-width: calc((100vw - var(--top-message-slider-gap) * 1.5) / 2.5);
    --top-message-slider-min-height: calc(
      var(--top-message-slider-slot-width) * var(--top-message-active-height, 746) /
        var(--top-message-active-width, 541)
    );
  }
}
.un_topMessage_slider.is_animating .un_topMessage_sliderItemFrame {
  transition: width var(--top-message-slider-speed, 800ms) ease, height var(--top-message-slider-speed, 800ms) ease;
}
.un_topMessage_sliderViewport {
  overflow: hidden;
  min-height: var(--top-message-slider-min-height);
}
.un_topMessage_sliderList {
  display: flex;
  gap: calc(31 * var(--liq-unit));
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: flex-end;
  min-height: var(--top-message-slider-min-height);
  will-change: transform;
}
@media screen and (width < 768px) {
  .un_topMessage_sliderList {
    gap: var(--top-message-slider-gap);
  }
}
.un_topMessage_sliderItem {
  position: relative;
  z-index: 0;
  display: flex;
  flex-shrink: 0;
  align-items: flex-end;
  width: var(--top-message-slider-slot-width);
  height: var(--top-message-slider-min-height);
}
.un_topMessage_sliderItem.is_active {
  z-index: 1;
}
.un_topMessage_sliderItemFrame {
  width: 100%;
  height: calc(var(--top-message-inactive-height, 500) * var(--liq-unit));
  border-radius: calc(3 * var(--liq-unit));
  overflow: hidden;
}
@media screen and (width < 768px) {
  .un_topMessage_sliderItemFrame {
    height: calc(var(--top-message-slider-slot-width) * var(--top-message-inactive-height, 500) / var(--top-message-inactive-width, 446));
  }
}
.un_topMessage_sliderItemFrame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.un_topMessage_sliderItem.is_active .un_topMessage_sliderItemFrame {
  width: calc(var(--top-message-active-width, 581) * var(--liq-unit));
  height: calc(var(--top-message-active-height, 746) * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topMessage_sliderItem.is_active .un_topMessage_sliderItemFrame {
    width: calc(var(--top-message-slider-slot-width) * var(--top-message-active-width, 581) / var(--top-message-inactive-width, 446));
    height: calc(var(--top-message-slider-slot-width) * var(--top-message-active-height, 746) / var(--top-message-active-width, 541));
  }
}

/* AKIBA ISM（Figma 28:238）
----------------------------------------------------------------- */
.un_topIsm {
  padding-block: calc(120 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topIsm {
    padding-block: calc(60 * var(--liq-unit));
  }
}
.un_topIsm_first.__g {
  color: var(--color-text-brand);
}
.un_topIsm_first.__o {
  color: var(--color-text-subtle);
}
.un_topIsm_first.__r {
  color: var(--color-text-third);
}
.un_topIsm_head {
  position: relative;
  transform: translateY(calc(-300 * var(--liq-unit))) scale(1.4);
  transition: transform 1.1s ease-in-out;
}
@media screen and (width < 768px) {
  .un_topIsm_head {
    display: flex;
    position: static;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    margin-bottom: calc(40 * var(--liq-unit));
    transform: unset !important;
  }
}
.un_topIsm_head.is_active {
  transform: translateY(0) scale(1);
}
.un_topIsm_headInner {
  position: sticky;
  top: calc(198 * var(--liq-unit));
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: calc(48 * var(--liq-unit));
  width: calc(447 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topIsm_headInner {
    position: static;
    display: block;
    width: auto;
  }
}
.un_topIsm_title {
  display: block;
  width: calc(447 * var(--liq-unit));
  height: auto;
  margin-bottom: calc(38 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topIsm_title {
    width: calc(208 * var(--liq-unit));
    margin-bottom: 0;
  }
}
.un_topIsm_logo {
  width: min(100%, 255 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topIsm_logo {
    width: calc(70 * var(--liq-unit));
  }
}
.un_topIsm_logo img {
  display: block;
  width: 100%;
  height: auto;
}
.un_topIsm_body {
  display: flex;
  justify-content: space-between;
  gap: calc(48 * var(--liq-unit)) calc(80 * var(--liq-unit));
  padding-top: calc(600 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topIsm_body {
    flex-direction: column;
    justify-content: unset;
    gap: calc(48 * var(--liq-unit));
    margin-bottom: calc(64 * var(--liq-unit));
    padding-bottom: 0;
    padding-top: 0;
    top: 0;
  }
}
.un_topIsm_intro, .un_topIsm_side {
  position: relative;
  padding-bottom: calc(500 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topIsm_intro, .un_topIsm_side {
    width: 100%;
    padding-bottom: 0;
  }
}
.un_topIsm_introInner {
  position: sticky;
  top: calc(158 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topIsm_introInner {
    position: static;
  }
}
.un_topIsm_catch {
  margin: 0 0 calc(30 * var(--liq-unit));
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 35 * var(--liq-unit));
  line-height: 0.9714285714;
}
@media screen and (width < 768px) {
  .un_topIsm_catch {
    margin-bottom: calc(24 * var(--liq-unit));
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 23 * var(--liq-unit));
    line-height: 1.3913043478;
    text-align: center;
    width: 100%;
  }
}
.un_topIsm_text {
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.5454545455;
}
@media screen and (width < 768px) {
  .un_topIsm_text {
    font-size: calc(13 * var(--liq-unit));
    text-align: center;
  }
}
.un_topIsm_side {
  display: flex;
  flex-direction: column;
  gap: calc(50 * var(--liq-unit));
  align-items: flex-end;
}
@media screen and (width < 768px) {
  .un_topIsm_side {
    gap: calc(30 * var(--liq-unit));
    align-items: center;
  }
}
.un_topIsm_column {
  min-width: calc(460 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topIsm_column {
    min-width: unset;
  }
}
.un_topIsm_columnLabel {
  color: var(--color-text-base);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0em;
  font-size: max(10px, 70 * var(--liq-unit));
  line-height: 1.8571428571;
}
@media screen and (width < 768px) {
  .un_topIsm_columnLabel {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0em;
    font-size: max(10px, 30 * var(--liq-unit));
    line-height: 1.8666666667;
    text-align: center;
  }
}
.un_topIsm_columnCatch {
  position: relative;
  margin: 0 0 calc(32 * var(--liq-unit));
  padding-bottom: calc(31 * var(--liq-unit));
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 30 * var(--liq-unit));
  line-height: 1.2666666667;
}
.un_topIsm_columnCatch::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(79 * var(--liq-unit));
  background-image: repeating-linear-gradient(to right, var(--color-text-brand) 0, var(--color-text-brand) calc(8 * var(--liq-unit)), transparent calc(8 * var(--liq-unit)), transparent calc(8 * var(--liq-unit) + 4 * var(--liq-unit)));
  background-size: calc(8 * var(--liq-unit) + 4 * var(--liq-unit)) calc(1 * var(--liq-unit));
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: calc(1 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topIsm_columnCatch::after {
    width: calc(50 * var(--liq-unit));
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (width < 768px) {
  .un_topIsm_columnCatch {
    font-size: calc(20 * var(--liq-unit));
    text-align: center;
    padding-bottom: calc(20 * var(--liq-unit));
    margin-bottom: calc(20 * var(--liq-unit));
  }
}
.un_topIsm_columnText {
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.5454545455;
}
@media screen and (width < 768px) {
  .un_topIsm_columnText {
    font-size: calc(13 * var(--liq-unit));
    text-align: center;
  }
}
.un_topIsm_values {
  position: relative;
  top: calc(-160 * var(--liq-unit));
  margin-bottom: calc(-160 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topIsm_values {
    top: 0;
    margin-bottom: 0;
  }
}
.un_topIsm_valuesLabel {
  color: var(--color-text-base);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0em;
  font-size: max(10px, 70 * var(--liq-unit));
  line-height: 1.8571428571;
}
@media screen and (width < 768px) {
  .un_topIsm_valuesLabel {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0em;
    font-size: max(10px, 30 * var(--liq-unit));
    line-height: 1.8666666667;
    text-align: center;
  }
}
.un_topIsm_valuesCatch {
  position: relative;
  margin: 0 0 calc(56 * var(--liq-unit));
  padding-bottom: calc(19 * var(--liq-unit));
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 30 * var(--liq-unit));
  line-height: 1.2666666667;
}
@media screen and (width < 768px) {
  .un_topIsm_valuesCatch {
    font-size: calc(20 * var(--liq-unit));
    text-align: center;
  }
}
.un_topIsm_valuesCatch::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(79 * var(--liq-unit));
  background-image: repeating-linear-gradient(to right, var(--color-text-brand) 0, var(--color-text-brand) calc(8 * var(--liq-unit)), transparent calc(8 * var(--liq-unit)), transparent calc(8 * var(--liq-unit) + 4 * var(--liq-unit)));
  background-size: calc(8 * var(--liq-unit) + 4 * var(--liq-unit)) calc(1 * var(--liq-unit));
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: calc(1 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topIsm_valuesCatch::after {
    width: calc(50 * var(--liq-unit));
    left: 50%;
    transform: translateX(-50%);
  }
}
.un_topIsm_valuesList {
  display: grid;
  grid-template-columns: repeat(3, max-content);
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc(48 * var(--liq-unit)) calc(40 * var(--liq-unit));
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (width < 768px) {
  .un_topIsm_valuesList {
    grid-template-columns: 1fr;
    gap: calc(20 * var(--liq-unit));
    padding-inline: calc(20 * var(--liq-unit));
  }
}
@media screen and (width < 768px) {
  .un_topIsm_valuesItem {
    flex: 1 1 100%;
    min-width: 0;
  }
}
.un_topIsm_valuesItemHead {
  display: flex;
  align-items: center;
  gap: calc(13 * var(--liq-unit));
  margin-bottom: calc(17 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topIsm_valuesItemHead {
    min-height: unset;
    margin-bottom: calc(8 * var(--liq-unit));
    gap: calc(8 * var(--liq-unit));
  }
}
.un_topIsm_valuesNum {
  -webkit-background-clip: text;
  background-clip: text;
  color: var(--color-text-brand);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0em;
  font-size: max(10px, 40 * var(--liq-unit));
  line-height: 1.2;
}
@media screen and (width < 768px) {
  .un_topIsm_valuesNum {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0em;
    font-size: max(10px, 25 * var(--liq-unit));
    line-height: 1;
  }
}
.un_topIsm_valuesTitle {
  flex: 1;
  min-width: 0;
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 30 * var(--liq-unit));
  line-height: 1.2666666667;
}
@media screen and (width < 768px) {
  .un_topIsm_valuesTitle {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 18 * var(--liq-unit));
    line-height: 1.6666666667;
  }
}
.un_topIsm_valuesText {
  margin: 0 0 calc(22 * var(--liq-unit));
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.5454545455;
}
@media screen and (width < 768px) {
  .un_topIsm_valuesText {
    font-size: calc(12 * var(--liq-unit));
    margin-bottom: calc(10 * var(--liq-unit));
    padding-left: calc(50 * var(--liq-unit));
  }
}
.un_topIsm_valuesLine {
  height: calc(5 * var(--liq-unit));
  background-color: var(--color-background-inverse);
  opacity: 0.08;
}
@media screen and (width < 768px) {
  .un_topIsm_valuesLine {
    height: calc(3 * var(--liq-unit));
  }
}

/* THE REAL（3K / Figma 28:239）
----------------------------------------------------------------- */
.un_topReal {
  padding-block: calc(120 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topReal {
    padding-block: calc(80 * var(--liq-unit)) calc(20 * var(--liq-unit));
  }
}
.un_topReal_head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(40 * var(--liq-unit)) calc(80 * var(--liq-unit));
  margin-bottom: calc(80 * var(--liq-unit));
  max-width: calc(1400 * var(--liq-unit));
  margin-inline: auto;
}
@media screen and (width < 768px) {
  .un_topReal_head {
    flex-direction: column;
    gap: calc(32 * var(--liq-unit));
    margin-bottom: calc(48 * var(--liq-unit));
  }
}
.un_topReal_titleCol {
  width: min(80%, 529 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topReal_titleCol {
    width: calc(199 * var(--liq-unit));
  }
}
.un_topReal_titleDecor {
  display: block;
  height: auto;
  margin-bottom: calc(30 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topReal_titleDecor {
    margin-inline: auto;
    margin-bottom: calc(10 * var(--liq-unit));
  }
}
.un_topReal_title {
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 35 * var(--liq-unit));
  line-height: 1.0857142857;
  text-align: center;
}
@media screen and (width < 768px) {
  .un_topReal_title {
    padding-left: 0;
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 14 * var(--liq-unit));
    line-height: 1.4285714286;
    text-align: left;
  }
}
.un_topReal_intro {
  min-width: 0;
}
.un_topReal_catch {
  margin: 0 0 calc(30 * var(--liq-unit));
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 35 * var(--liq-unit));
  line-height: 0.9714285714;
}
@media screen and (width < 768px) {
  .un_topReal_catch {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 23 * var(--liq-unit));
    line-height: 1.3913043478;
  }
}
.un_topReal_text {
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.5454545455;
}
@media screen and (width < 768px) {
  .un_topReal_text {
    font-size: calc(13 * var(--liq-unit));
  }
}
.un_topReal_list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(42 * var(--liq-unit));
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (width < 768px) {
  .un_topReal_list {
    flex-direction: column;
    gap: calc(48 * var(--liq-unit));
  }
}
.un_topReal_item {
  flex: 1 1 calc(33.333% - calc(28 * var(--liq-unit)));
  min-width: min(100%, 300 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topReal_item {
    flex: 1 1 100%;
    min-width: 0;
  }
}
.un_topReal_itemInner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 calc(20 * var(--liq-unit)) calc(48 * var(--liq-unit));
  box-sizing: border-box;
  height: 100%;
  border: calc(2.5 * var(--liq-unit)) solid var(--color-border-brand);
}
@media screen and (width < 768px) {
  .un_topReal_itemInner {
    padding-bottom: calc(30 * var(--liq-unit));
    border-width: calc(1.3 * var(--liq-unit));
  }
}
.un_topReal_itemFrame {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}
.un_topReal_itemTop {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 45%;
  margin-bottom: calc(8 * var(--liq-unit));
}
.un_topReal_itemBadge {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 calc(3 * var(--liq-unit)) calc(3 * var(--liq-unit)) var(--color-shadow-text));
  position: relative;
  top: calc(-2.5 * var(--liq-unit));
}
.un_topReal_itemVisual {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 2;
  width: 28%;
  height: auto;
  transform: translateX(-50%);
}
@media screen and (width < 768px) {
  .un_topReal_itemVisual {
    width: calc(32 * var(--liq-unit));
  }
}
.un_topReal_itemHeader {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (width < 768px) {
  .un_topReal_itemHeader {
    flex-direction: row;
    width: 100%;
    justify-content: center;
    gap: calc(13 * var(--liq-unit));
    margin-bottom: calc(16 * var(--liq-unit));
  }
}
.un_topReal_itemLabel {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: calc(14 * var(--liq-unit)) 0 calc(8 * var(--liq-unit));
  color: var(--color-brand-entry-red);
  text-align: center;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0em;
  font-size: max(10px, 35 * var(--liq-unit));
  line-height: 1;
}
@media screen and (width < 768px) {
  .un_topReal_itemLabel {
    font-size: calc(14 * var(--liq-unit));
    margin: 0;
    width: auto;
    text-align: left;
  }
}
.un_topReal_itemArrow {
  position: relative;
  z-index: 1;
  width: calc(22 * var(--liq-unit));
  height: auto;
  margin-top: calc(8 * var(--liq-unit));
  margin-bottom: calc(24 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topReal_itemArrow {
    width: calc(11 * var(--liq-unit));
    transform: rotate(-90deg);
    margin: 0;
  }
}
.un_topReal_itemHeading {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0 0 calc(28 * var(--liq-unit));
  color: var(--color-text-brand);
  text-align: center;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 40 * var(--liq-unit));
  line-height: 0.95;
}
@media screen and (width < 768px) {
  .un_topReal_itemHeading {
    font-size: calc(18 * var(--liq-unit));
    margin: 0;
    text-align: left;
    width: auto;
  }
}
.un_topReal_itemLine {
  position: relative;
  z-index: 1;
  width: calc(79 * var(--liq-unit));
  margin-bottom: calc(26 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topReal_itemLine {
    width: calc(40 * var(--liq-unit));
    margin-bottom: calc(16 * var(--liq-unit));
  }
}
.un_topReal_itemLine::after {
  content: "";
  display: block;
  width: 100%;
  background-image: repeating-linear-gradient(to right, var(--color-text-brand) 0, var(--color-text-brand) calc(8 * var(--liq-unit)), transparent calc(8 * var(--liq-unit)), transparent calc(8 * var(--liq-unit) + 4 * var(--liq-unit)));
  background-size: calc(8 * var(--liq-unit) + 4 * var(--liq-unit)) calc(1 * var(--liq-unit));
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: calc(1 * var(--liq-unit));
}
.un_topReal_itemText {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0;
  color: var(--color-text-body);
  text-align: center;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 18 * var(--liq-unit));
  line-height: 1.6666666667;
}
@media screen and (width < 768px) {
  .un_topReal_itemText {
    font-size: calc(12 * var(--liq-unit));
  }
}

/* JOBS
----------------------------------------------------------------- */
.un_topJobs {
  overflow: hidden;
  padding-top: min(calc(120 * var(--liq-unit)), calc(calc(120 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
}
@media screen and (width < 768px) {
  .un_topJobs {
    padding-top: min(calc(80 * var(--liq-unit)), calc(calc(80 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  }
}

@media screen and (width < 768px) {
  .un_topJobs_panels {
    width: 100%;
    margin-inline: auto;
    padding-inline: calc(20 * var(--liq-unit));
    max-width: calc(867 * var(--liq-unit));
  }
}
@media screen and (width < 768px) and (width < 768px) {
  .un_topJobs_panels {
    padding-inline: calc(16 * var(--liq-unit));
  }
}

.has_gsap_hscroll_target.is_active .un_topJobsPanel {
  flex-shrink: 0;
}
.un_topJobsPanel {
  width: 100vw;
}
@media screen and (width < 768px) {
  .un_topJobsPanel {
    width: 100%;
  }
}
.un_topJobsPanel_card {
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 100dvh;
}
@media screen and (width < 768px) {
  .un_topJobsPanel_card {
    flex-direction: column;
    height: auto;
  }
}
.un_topJobsPanel_visual {
  position: relative;
  flex: 0 1 52.3%;
  min-width: 0;
  padding: min(calc(40 * var(--liq-unit)), calc(calc(40 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
}
@media screen and (width < 768px) {
  .un_topJobsPanel_visual {
    flex: 0 0 auto;
    width: 100%;
    padding: 0;
  }
}
.un_topJobsPanel_visual img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: min(calc(400 * var(--liq-unit)), calc(calc(400 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  object-fit: cover;
}
@media screen and (width < 768px) {
  .un_topJobsPanel_visual img {
    min-height: unset;
    aspect-ratio: 360/165;
  }
}
.un_topJobsPanel_visualOverlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - min(calc(80 * var(--liq-unit)), calc(calc(80 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  height: calc(100% - min(calc(80 * var(--liq-unit)), calc(calc(80 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
@media screen and (width < 768px) {
  .un_topJobsPanel_visualOverlay {
    width: 100%;
    height: 100%;
  }
}
.un_topJobsPanel.__team .un_topJobsPanel_visualOverlay {
  display: none;
}
.un_topJobsPanel_visualLabels {
  position: absolute;
  bottom: min(calc(100 * var(--liq-unit)), calc(calc(100 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  left: min(calc(80 * var(--liq-unit)), calc(calc(80 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  color: var(--color-text-inverse);
  display: flex;
  align-items: center;
  gap: min(calc(50 * var(--liq-unit)), calc(calc(50 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
}
@media screen and (width < 768px) {
  .un_topJobsPanel_visualLabels {
    gap: min(calc(10 * var(--liq-unit)), calc(calc(10 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
    align-items: baseline;
    bottom: min(calc(8 * var(--liq-unit)), calc(calc(8 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
    left: min(calc(20 * var(--liq-unit)), calc(calc(20 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  }
}
.un_topJobsPanel_num {
  position: absolute;
  margin: 0 0 min(calc(-8 * var(--liq-unit)), calc(calc(-8 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  opacity: 0.38;
  top: min(calc(-55 * var(--liq-unit)), calc(calc(-55 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  left: 0;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  font-size: max(10px, min(calc(180 * var(--liq-unit)), calc(calc(180 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 0.5166666667;
}
@media screen and (width < 768px) {
  .un_topJobsPanel_num {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    font-size: max(10px, min(calc(50 * var(--liq-unit)), calc(calc(50 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
    line-height: 1;
    top: calc(-40 * var(--liq-unit));
  }
}
.un_topJobsPanel_role {
  margin: 0 0 min(calc(4 * var(--liq-unit)), calc(calc(4 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  font-size: max(10px, min(calc(80 * var(--liq-unit)), calc(calc(80 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.1625;
}
@media screen and (width < 768px) {
  .un_topJobsPanel_role {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    font-size: max(10px, min(calc(23 * var(--liq-unit)), calc(calc(23 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
    line-height: 1;
  }
}
.un_topJobsPanel_roleEn {
  margin: 0;
  text-transform: capitalize;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0em;
  font-size: max(10px, min(calc(35 * var(--liq-unit)), calc(calc(35 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.1428571429;
}
@media screen and (width < 768px) {
  .un_topJobsPanel_roleEn {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0em;
    font-size: max(10px, min(calc(11 * var(--liq-unit)), calc(calc(11 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
    line-height: 1;
  }
}
.un_topJobsPanel_body {
  display: flex;
  justify-content: center;
  flex: 1;
  flex-direction: column;
  gap: min(calc(28 * var(--liq-unit)), calc(calc(28 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  min-width: 0;
  padding: min(calc(40 * var(--liq-unit)), calc(calc(40 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))) min(calc(40 * var(--liq-unit)), calc(calc(40 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))) min(calc(40 * var(--liq-unit)), calc(calc(40 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))) min(calc(150 * var(--liq-unit)), calc(calc(150 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
}
@media screen and (width < 768px) {
  .un_topJobsPanel_body {
    padding: calc(16 * var(--liq-unit)) 0;
    padding-bottom: calc(56 * var(--liq-unit));
  }
}
@media screen and (width < 768px) {
  .un_topJobsPanel_bodyInner {
    padding-inline: calc(20 * var(--liq-unit));
  }
}
.un_topJobsPanel_catchWrap {
  position: relative;
  width: fit-content;
  max-width: 100%;
}
.un_topJobsPanel_catchHighlight {
  position: absolute;
  right: min(calc(-20 * var(--liq-unit)), calc(calc(-20 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  bottom: min(calc(4 * var(--liq-unit)), calc(calc(4 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  left: min(calc(-20 * var(--liq-unit)), calc(calc(-20 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  height: min(calc(16 * var(--liq-unit)), calc(calc(16 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  background-color: #f9fea8;
  opacity: 0.5;
  pointer-events: none;
}
@media screen and (width < 768px) {
  .un_topJobsPanel_catchHighlight {
    width: 100%;
    left: 50%;
    right: auto;
    bottom: calc(-4 * var(--liq-unit));
    transform: translateX(-50%);
  }
}
.un_topJobsPanel_catch {
  position: relative;
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, min(calc(35 * var(--liq-unit)), calc(calc(35 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.3714285714;
}
@media screen and (width < 768px) {
  .un_topJobsPanel_catch {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    font-size: max(10px, min(calc(21 * var(--liq-unit)), calc(calc(21 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
    line-height: 1.4285714286;
  }
}
.un_topJobsPanel_lead {
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, min(calc(22 * var(--liq-unit)), calc(calc(22 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.5454545455;
  padding-block: min(calc(40 * var(--liq-unit)), calc(calc(40 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
}
@media screen and (width < 768px) {
  .un_topJobsPanel_lead {
    font-size: min(calc(13 * var(--liq-unit)), calc(calc(13 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
    padding-block: min(calc(24 * var(--liq-unit)), calc(calc(24 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  }
}
.un_topJobsPanel_tasks {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.un_topJobsPanel_task {
  display: flex;
  align-items: baseline;
  gap: min(calc(14 * var(--liq-unit)), calc(calc(14 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  padding-block: min(calc(16 * var(--liq-unit)), calc(calc(16 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  border-bottom: min(calc(1 * var(--liq-unit)), calc(calc(1 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))) dashed #d6d6d6;
}
@media screen and (width < 768px) {
  .un_topJobsPanel_task {
    padding-block: calc(10 * var(--liq-unit));
  }
}
.un_topJobsPanel_taskNum {
  flex: 0 0 auto;
  margin: 0;
  color: var(--color-text-brand);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0em;
  font-size: max(10px, min(calc(28 * var(--liq-unit)), calc(calc(28 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.0714285714;
}
@media screen and (width < 768px) {
  .un_topJobsPanel_taskNum {
    font-size: min(calc(20 * var(--liq-unit)), calc(calc(20 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  }
}
.un_topJobsPanel_taskText {
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, min(calc(20 * var(--liq-unit)), calc(calc(20 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.25;
}
@media screen and (width < 768px) {
  .un_topJobsPanel_taskText {
    font-size: min(calc(12 * var(--liq-unit)), calc(calc(12 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  }
}
.un_topJobsPanel_centerCaption {
  margin-top: min(calc(50 * var(--liq-unit)), calc(calc(50 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, min(calc(25 * var(--liq-unit)), calc(calc(25 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.48;
}
@media screen and (width < 768px) {
  .un_topJobsPanel_centerCaption {
    font-size: min(calc(18 * var(--liq-unit)), calc(calc(18 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
    margin-top: calc(30 * var(--liq-unit));
  }
}
.un_topJobsPanel_teamFeatures {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.un_topJobsPanel_teamFeature {
  display: flex;
  align-items: flex-start;
  gap: min(calc(16 * var(--liq-unit)), calc(calc(16 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  padding-block: min(calc(20 * var(--liq-unit)), calc(calc(20 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  border-bottom: min(calc(1 * var(--liq-unit)), calc(calc(1 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))) dashed #d6d6d6;
}
@media screen and (width < 768px) {
  .un_topJobsPanel_teamFeature {
    padding-block: calc(10 * var(--liq-unit));
    gap: calc(20 * var(--liq-unit));
  }
}
@media screen and (width < 768px) {
  .un_topJobsPanel_teamFeature:nth-of-type(2) img {
    width: calc(36 * var(--liq-unit));
    margin-inline: auto;
  }
}
.un_topJobsPanel_teamFeatureIcon {
  flex: 0 0 min(calc(56 * var(--liq-unit)), calc(calc(56 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  width: min(calc(56 * var(--liq-unit)), calc(calc(56 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  height: min(calc(56 * var(--liq-unit)), calc(calc(56 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
}
@media screen and (width < 768px) {
  .un_topJobsPanel_teamFeatureIcon {
    flex: unset;
    width: calc(42 * var(--liq-unit));
    height: calc(42 * var(--liq-unit));
  }
}
.un_topJobsPanel_teamFeatureIcon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.un_topJobsPanel_teamFeatureText {
  flex: 1;
  min-width: 0;
}
.un_topJobsPanel_teamFeatureTitle {
  margin: 0 0 min(calc(8 * var(--liq-unit)), calc(calc(8 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, min(calc(22 * var(--liq-unit)), calc(calc(22 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.1363636364;
}
@media screen and (width < 768px) {
  .un_topJobsPanel_teamFeatureTitle {
    font-size: min(calc(18 * var(--liq-unit)), calc(calc(18 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  }
}
.un_topJobsPanel_teamFeatureDesc {
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  font-size: max(10px, min(calc(20 * var(--liq-unit)), calc(calc(20 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.25;
}
@media screen and (width < 768px) {
  .un_topJobsPanel_teamFeatureDesc {
    font-size: min(calc(12 * var(--liq-unit)), calc(calc(12 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  }
}
.un_topJobsPanel_teamClosing {
  margin-top: min(calc(40 * var(--liq-unit)), calc(calc(40 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, min(calc(25 * var(--liq-unit)), calc(calc(25 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.48;
}
@media screen and (width < 768px) {
  .un_topJobsPanel_teamClosing {
    font-size: min(calc(16 * var(--liq-unit)), calc(calc(16 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
    margin-top: min(calc(24 * var(--liq-unit)), calc(calc(24 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  }
}
@media screen and (width < 768px) {
  .un_topJobsPanel.__intro .un_topJobsPanel_visual {
    height: auto;
  }
}
.un_topJobsPanel.__intro .un_topJobsPanel_visual img {
  object-fit: cover;
}
@media screen and (width < 768px) {
  .un_topJobsPanel.__intro .un_topJobsPanel_visual img {
    aspect-ratio: 350/216;
  }
}
.un_topJobsPanel.__intro .un_topJobsPanel_visualGrad {
  position: absolute;
  bottom: calc(40 * var(--liq-unit));
  left: calc(40 * var(--liq-unit));
  width: 86%;
  height: auto;
  border: 0;
  pointer-events: none;
  object-position: bottom;
  object-fit: contain !important;
}
@media screen and (width < 768px) {
  .un_topJobsPanel.__intro .un_topJobsPanel_visualGrad {
    width: calc(200 * var(--liq-unit));
    left: auto;
    right: calc(20 * var(--liq-unit));
    bottom: calc(60 * var(--liq-unit));
  }
}
.un_topJobsPanel.__intro .un_topJobsPanel_category {
  position: absolute;
  bottom: min(calc(290 * var(--liq-unit)), calc(calc(290 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  right: min(calc(100 * var(--liq-unit)), calc(calc(100 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  margin: 0;
  color: var(--color-text-inverse);
  text-align: center;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  font-size: max(10px, min(calc(80 * var(--liq-unit)), calc(calc(80 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.1625;
}
@media screen and (width < 768px) {
  .un_topJobsPanel.__intro .un_topJobsPanel_category {
    bottom: calc(16 * var(--liq-unit));
    right: calc(20 * var(--liq-unit));
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    font-size: max(10px, min(calc(30 * var(--liq-unit)), calc(calc(30 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
    line-height: 1;
  }
}
.un_topJobsPanel.__intro .un_topJobsPanel_head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: min(calc(28 * var(--liq-unit)), calc(calc(28 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
}
.un_topJobsPanel.__intro .un_topJobsPanel_titleBand {
  display: block;
  width: min(calc(256 * var(--liq-unit)), calc(calc(256 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  height: auto;
  margin-bottom: min(calc(28 * var(--liq-unit)), calc(calc(28 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
}
@media screen and (width < 768px) {
  .un_topJobsPanel.__intro .un_topJobsPanel_titleBand {
    width: calc(93 * var(--liq-unit));
    margin-bottom: min(calc(8 * var(--liq-unit)), calc(calc(8 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  }
}
.un_topJobsPanel.__intro .un_topJobsPanel_title {
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, min(calc(35 * var(--liq-unit)), calc(calc(35 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.0857142857;
}
@media screen and (width < 768px) {
  .un_topJobsPanel.__intro .un_topJobsPanel_title {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, min(calc(14 * var(--liq-unit)), calc(calc(14 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
    line-height: 2.1428571429;
  }
}
.un_topJobsPanel.__intro .un_topJobsPanel_text {
  max-width: min(calc(658 * var(--liq-unit)), calc(calc(658 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, min(calc(22 * var(--liq-unit)), calc(calc(22 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.5454545455;
}
@media screen and (width < 768px) {
  .un_topJobsPanel.__intro .un_topJobsPanel_text {
    font-size: min(calc(13 * var(--liq-unit)), calc(calc(13 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  }
}

/* IDEAL（こんな想いを持った方と働きたい）
----------------------------------------------------------------- */
.un_topIdeal {
  overflow: hidden;
  position: relative;
  width: 100vw;
}
@media screen and (width < 768px) {
  .un_topIdeal {
    width: 100%;
  }
}
.un_topIdeal.has_gsap_hscroll_section.is_active {
  display: block;
  flex-shrink: 0;
  height: 100%;
  padding-block: 0 !important;
  margin-block: 0 !important;
}
@media screen and (width < 768px) {
  .un_topIdeal:not(.is_active) {
    margin-top: min(calc(16 * var(--liq-unit)), calc(calc(16 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  }
}
.un_topIdeal_inner {
  min-height: min(calc(987 * var(--liq-unit)), calc(calc(987 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  max-width: min(calc(1740 * var(--liq-unit)), calc(calc(1740 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  margin-inline: auto;
  padding: min(calc(40 * var(--liq-unit)), calc(calc(40 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
}
.has_gsap_hscroll_section.is_active .un_topIdeal_inner {
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 0;
  margin-inline: 0;
}
@media screen and (width < 768px) {
  .un_topIdeal_inner {
    min-height: auto;
    padding: 0;
  }
}
.un_topIdeal_bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - min(calc(80 * var(--liq-unit)), calc(calc(80 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  height: calc(100% - min(calc(80 * var(--liq-unit)), calc(calc(80 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
}
@media screen and (width < 768px) {
  .un_topIdeal_bg {
    width: 100%;
    height: 100%;
  }
}
.un_topIdeal_bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.un_topIdeal_bg::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.85) 100%);
  content: "";
  pointer-events: none;
}
.un_topIdeal_headWrap {
  display: flex;
  position: relative;
  gap: min(calc(80 * var(--liq-unit)), calc(calc(80 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  max-width: min(calc(1920 * var(--liq-unit)), calc(calc(1920 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  margin-inline: auto;
  width: 100%;
}
@media screen and (width < 768px) {
  .un_topIdeal_headWrap {
    flex-direction: column;
    gap: min(calc(24 * var(--liq-unit)), calc(calc(24 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  }
}
.un_topIdeal_blank {
  flex: 0 1 19%;
}
@media screen and (width < 768px) {
  .un_topIdeal_blank {
    display: none;
  }
}
.un_topIdeal_content {
  padding: min(calc(98 * var(--liq-unit)), calc(calc(98 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))) min(calc(80 * var(--liq-unit)), calc(calc(80 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))) min(calc(80 * var(--liq-unit)), calc(calc(80 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
}
.has_gsap_hscroll_section.is_active .un_topIdeal_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  box-sizing: border-box;
  padding: min(calc(72 * var(--liq-unit)), calc(calc(72 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))) min(calc(80 * var(--liq-unit)), calc(calc(80 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))) min(calc(56 * var(--liq-unit)), calc(calc(56 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
}
@media screen and (width < 768px) {
  .un_topIdeal_content {
    padding: min(calc(64 * var(--liq-unit)), calc(calc(64 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))) min(calc(16 * var(--liq-unit)), calc(calc(16 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))) min(calc(48 * var(--liq-unit)), calc(calc(48 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  }
}
.un_topIdeal_contentInner {
  position: relative;
  z-index: 1;
  display: flex;
  gap: min(calc(130 * var(--liq-unit)), calc(calc(130 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  width: 100%;
  max-width: min(calc(1920 * var(--liq-unit)), calc(calc(1920 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  margin-inline: auto;
  margin-top: min(calc(80 * var(--liq-unit)), calc(calc(80 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  box-sizing: border-box;
}
.has_gsap_hscroll_section.is_active .un_topIdeal_contentInner {
  min-height: 0;
  margin-top: min(calc(48 * var(--liq-unit)), calc(calc(48 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  gap: min(calc(80 * var(--liq-unit)), calc(calc(80 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
}
@media screen and (width < 768px) {
  .un_topIdeal_contentInner {
    flex-direction: column;
    gap: 0;
    margin-top: min(calc(16 * var(--liq-unit)), calc(calc(16 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  }
}
.un_topIdeal_col {
  min-width: 0;
}
@media screen and (width < 768px) {
  .un_topIdeal_col {
    flex: unset !important;
  }
}
.un_topIdeal_col.__left {
  flex: 0 1 min(calc(600 * var(--liq-unit)), calc(calc(600 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
}
.un_topIdeal_col.__center {
  flex: 0 1 29%;
}
.un_topIdeal_col.__right {
  display: flex;
  flex: 0 1 27%;
  flex-direction: column;
  gap: min(calc(120 * var(--liq-unit)), calc(calc(120 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
}
@media screen and (width < 768px) {
  .un_topIdeal_col.__right {
    gap: min(calc(56 * var(--liq-unit)), calc(calc(56 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  }
}
.un_topIdeal_head {
  position: relative;
  margin-bottom: min(calc(48 * var(--liq-unit)), calc(calc(48 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  flex: 0 1 min(calc(600 * var(--liq-unit)), calc(calc(600 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
}
@media screen and (width < 768px) {
  .un_topIdeal_head {
    margin-bottom: 0;
    flex: unset;
  }
}
.un_topIdeal_headHighlight {
  position: absolute;
  right: 0;
  bottom: min(calc(8 * var(--liq-unit)), calc(calc(8 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  left: 0;
  height: min(calc(3 * var(--liq-unit)), calc(calc(3 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  background-color: #f9fea8;
  opacity: 0.5;
  pointer-events: none;
  width: min(calc(600 * var(--liq-unit)), calc(calc(600 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
}
@media screen and (width < 768px) {
  .un_topIdeal_headHighlight {
    display: none;
  }
}
.un_topIdeal_title {
  margin: 0;
  color: var(--color-text-inverse);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, min(calc(35 * var(--liq-unit)), calc(calc(35 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.3714285714;
}
@media screen and (width < 768px) {
  .un_topIdeal_title {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, min(calc(23 * var(--liq-unit)), calc(calc(23 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
    line-height: 1.3913043478;
    padding-bottom: min(calc(8 * var(--liq-unit)), calc(calc(8 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  }
}
@media screen and (width < 768px) {
  .un_topIdeal_title span {
    position: relative;
    z-index: 1;
  }
}
@media screen and (width < 768px) {
  .un_topIdeal_title span::before {
    content: "";
    display: block;
    width: 100%;
    height: calc(16 * var(--liq-unit));
    background-color: #f9fea8;
    opacity: 0.5;
    position: absolute;
    left: 0;
    bottom: calc(-2 * var(--liq-unit));
    z-index: -1;
  }
}
.un_topIdeal_lead {
  color: var(--color-text-inverse);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, min(calc(22 * var(--liq-unit)), calc(calc(22 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.5454545455;
  margin-top: min(calc(40 * var(--liq-unit)), calc(calc(40 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  flex: 0 1 35%;
}
@media screen and (width < 768px) {
  .un_topIdeal_lead {
    font-size: calc(13 * var(--liq-unit));
    margin-top: 0;
    flex: unset;
  }
}
.un_topIdeal_features {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.un_topIdeal_feature {
  display: flex;
  align-items: flex-start;
  gap: min(calc(20 * var(--liq-unit)), calc(calc(20 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  padding-block: min(calc(30 * var(--liq-unit)), calc(calc(30 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  border-bottom: min(calc(1 * var(--liq-unit)), calc(calc(1 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))) solid #d6d6d6;
}
@media screen and (width < 768px) {
  .un_topIdeal_feature {
    padding-block: calc(16 * var(--liq-unit)) calc(12 * var(--liq-unit));
    gap: calc(16 * var(--liq-unit));
  }
}
.un_topIdeal_featureIcon {
  flex: 0 0 min(calc(25 * var(--liq-unit)), calc(calc(25 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  width: min(calc(25 * var(--liq-unit)), calc(calc(25 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  height: min(calc(25 * var(--liq-unit)), calc(calc(25 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  margin-top: min(calc(2 * var(--liq-unit)), calc(calc(2 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
}
@media screen and (width < 768px) {
  .un_topIdeal_featureIcon {
    width: calc(18 * var(--liq-unit));
    height: calc(18 * var(--liq-unit));
  }
}
.un_topIdeal_featureIcon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.un_topIdeal_featureTitle {
  margin: 0 0 min(calc(16 * var(--liq-unit)), calc(calc(16 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  color: var(--color-text-inverse);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, min(calc(22 * var(--liq-unit)), calc(calc(22 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.1363636364;
}
@media screen and (width < 768px) {
  .un_topIdeal_featureTitle {
    font-size: calc(18 * var(--liq-unit));
    margin-bottom: calc(8 * var(--liq-unit));
  }
}
.un_topIdeal_featureText {
  margin: 0;
  color: var(--color-text-inverse);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  font-size: max(10px, min(calc(20 * var(--liq-unit)), calc(calc(20 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.25;
}
@media screen and (width < 768px) {
  .un_topIdeal_featureText {
    font-size: calc(12 * var(--liq-unit));
  }
}
.un_topIdeal_notFit {
  position: relative;
  padding-top: min(calc(8 * var(--liq-unit)), calc(calc(8 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  padding-left: min(calc(47 * var(--liq-unit)), calc(calc(47 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
}
@media screen and (width < 768px) {
  .un_topIdeal_notFit {
    padding-top: calc(32 * var(--liq-unit));
    padding-left: calc(40 * var(--liq-unit));
  }
}
.un_topIdeal_notFitMark {
  position: absolute;
  top: min(calc(8 * var(--liq-unit)), calc(calc(8 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  left: 0;
  margin: 0;
  color: transparent;
  line-height: 1;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0em;
  font-size: max(10px, min(calc(25 * var(--liq-unit)), calc(calc(25 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1;
  border: min(calc(2.5 * var(--liq-unit)), calc(calc(2.5 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))) solid var(--color-border-third);
}
@media screen and (width < 768px) {
  .un_topIdeal_notFitMark {
    font-size: calc(18 * var(--liq-unit));
    top: calc(36 * var(--liq-unit));
  }
}
.un_topIdeal_notFitTitle {
  margin: 0 0 min(calc(28 * var(--liq-unit)), calc(calc(28 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  color: var(--color-text-inverse);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, min(calc(22 * var(--liq-unit)), calc(calc(22 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.5454545455;
}
@media screen and (width < 768px) {
  .un_topIdeal_notFitTitle {
    font-size: calc(18 * var(--liq-unit));
    margin-bottom: calc(8 * var(--liq-unit));
  }
}
.un_topIdeal_notFitList {
  display: flex;
  flex-direction: column;
  gap: min(calc(8 * var(--liq-unit)), calc(calc(8 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  margin: 0;
  padding: min(calc(20 * var(--liq-unit)), calc(calc(20 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))) 0 0;
  border-top: min(calc(1 * var(--liq-unit)), calc(calc(1 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))) dashed #bd3b31;
  list-style: none;
}
@media screen and (width < 768px) {
  .un_topIdeal_notFitList {
    width: fit-content;
    padding-top: calc(16 * var(--liq-unit));
  }
}
.un_topIdeal_notFitItem {
  position: relative;
  padding-left: min(calc(20 * var(--liq-unit)), calc(calc(20 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  color: var(--color-text-inverse);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  font-size: max(10px, min(calc(20 * var(--liq-unit)), calc(calc(20 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.6;
}
@media screen and (width < 768px) {
  .un_topIdeal_notFitItem {
    font-size: calc(12 * var(--liq-unit));
  }
}
.un_topIdeal_notFitItem::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
}
.un_topIdeal_closing {
  color: var(--color-text-inverse);
}
.un_topIdeal_closingLine {
  margin: 0;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, min(calc(25 * var(--liq-unit)), calc(calc(25 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.52;
}
@media screen and (width < 768px) {
  .un_topIdeal_closingLine {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, min(calc(18 * var(--liq-unit)), calc(calc(18 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
    line-height: 1.6666666667;
  }
}
.un_topIdeal_closingLine:last-of-type {
  text-align: right;
}
.un_topIdeal_closingEm {
  position: relative;
  z-index: 0;
  width: fit-content;
  margin: min(calc(20 * var(--liq-unit)), calc(calc(20 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))) 0;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, min(calc(30 * var(--liq-unit)), calc(calc(30 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
  line-height: 1.2666666667;
}
@media screen and (width < 768px) {
  .un_topIdeal_closingEm {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, min(calc(18 * var(--liq-unit)), calc(calc(18 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio))));
    line-height: 1.7777777778;
    margin-inline: auto;
    margin-block: calc(8 * var(--liq-unit));
  }
}
.un_topIdeal_closingHighlight {
  position: absolute;
  right: 0;
  bottom: min(calc(4 * var(--liq-unit)), calc(calc(4 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  left: 0;
  height: min(calc(3 * var(--liq-unit)), calc(calc(3 * var(--liq-unit)) * var(--aspect-ratio-threshold) * var(--lvh-vw-ratio)));
  background-color: #6fa469;
  opacity: 0.5;
  pointer-events: none;
}

/* INTERVIEW（人を知る）
----------------------------------------------------------------- */
.un_topInterview {
  padding-top: calc(220 * var(--liq-unit));
  padding-bottom: calc(120 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topInterview {
    padding-top: calc(140 * var(--liq-unit));
    padding-bottom: calc(20 * var(--liq-unit));
  }
}

.un_topInterview_intro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(40 * var(--liq-unit));
  margin-bottom: calc(80 * var(--liq-unit));
  max-width: calc(1500 * var(--liq-unit));
  padding-left: calc(100 * var(--liq-unit));
  margin-inline: auto;
}
@media screen and (width < 768px) {
  .un_topInterview_intro {
    flex-direction: column;
    gap: calc(32 * var(--liq-unit));
    margin-bottom: calc(48 * var(--liq-unit));
    padding-left: 0;
  }
}

.un_topInterview_introTitleBand {
  display: block;
  width: calc(327 * var(--liq-unit));
  height: auto;
  margin-bottom: calc(30 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topInterview_introTitleBand {
    width: calc(120 * var(--liq-unit));
    margin-bottom: calc(10 * var(--liq-unit));
  }
}

.un_topInterview_introTitle {
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 35 * var(--liq-unit));
  line-height: 1.0857142857;
}
@media screen and (width < 768px) {
  .un_topInterview_introTitle {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 14 * var(--liq-unit));
    line-height: 2.1428571429;
  }
}

.un_topInterview_introLeft {
  text-align: center;
}
@media screen and (width < 768px) {
  .un_topInterview_introLeft {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.un_topInterview_introRight {
  min-width: 0;
  padding-top: calc(40 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topInterview_introRight {
    padding-top: 0;
    width: 100%;
  }
}

.un_topInterview_introCatch {
  margin: 0 0 calc(30 * var(--liq-unit));
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 35 * var(--liq-unit));
  line-height: 0.9714285714;
}
@media screen and (width < 768px) {
  .un_topInterview_introCatch {
    margin-bottom: calc(20 * var(--liq-unit));
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 24 * var(--liq-unit));
    line-height: 1.25;
    text-align: center;
  }
}

.un_topInterview_introText {
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.5454545455;
}
@media screen and (width < 768px) {
  .un_topInterview_introText {
    font-size: calc(13 * var(--liq-unit));
    text-align: center;
  }
}

.un_topInterview_cards {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: calc(1730 * var(--liq-unit));
  margin-inline: auto;
  padding-inline: calc(40 * var(--liq-unit));
  box-sizing: border-box;
  gap: calc(100 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topInterview_cards {
    padding-inline: calc(16 * var(--liq-unit));
    gap: calc(56 * var(--liq-unit));
  }
}

.un_topInterviewCard {
  width: 100%;
}
.un_topInterviewCard_inner {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: calc(129 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topInterviewCard_inner {
    flex-direction: column;
    align-items: stretch;
    gap: calc(8 * var(--liq-unit));
  }
}
.un_topInterviewCard_visual {
  flex: 0 0 calc(700 * var(--liq-unit));
  align-self: flex-start;
  min-width: 0;
  border-radius: calc(15 * var(--liq-unit));
  overflow: hidden;
  position: sticky;
  top: calc(118 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topInterviewCard_visual {
    flex: 0 0 auto;
    position: static;
    width: 100%;
    margin-top: 0;
    top: auto;
    border-radius: calc(5 * var(--liq-unit));
  }
}
.un_topInterviewCard_visual img {
  border-radius: calc(15 * var(--liq-unit));
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 700/430;
  object-fit: cover;
}
@media screen and (width < 768px) {
  .un_topInterviewCard_visual img {
    border-radius: calc(5 * var(--liq-unit));
  }
}
.un_topInterviewCard_body {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-self: stretch;
  min-width: 0;
  min-height: 100%;
  padding-top: calc(48 * var(--liq-unit));
  padding-right: calc(60 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topInterviewCard_body {
    min-height: 0;
    padding-top: 0;
    padding-right: 0;
  }
}
.un_topInterviewCard_bodyInner {
  padding-bottom: calc(10 * var(--liq-unit));
}
.un_topInterviewCard_bodyInner::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(8 * var(--liq-unit));
  background-color: var(--color-background-inverse);
  opacity: 0.08;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (width < 768px) {
  .un_topInterviewCard_bodyInner::before {
    height: calc(4 * var(--liq-unit));
  }
}
.un_topInterviewCard_num {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  color: #6fa469;
  opacity: 0.35;
  white-space: nowrap;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0em;
  font-size: max(10px, 60 * var(--liq-unit));
  line-height: 1.1;
}
@media screen and (width < 768px) {
  .un_topInterviewCard_num {
    position: static;
    margin-bottom: calc(8 * var(--liq-unit));
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0em;
    font-size: max(10px, 20 * var(--liq-unit));
    line-height: 1.5;
    text-align: right;
  }
}
.un_topInterviewCard_catches {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--liq-unit));
  margin-bottom: calc(24 * var(--liq-unit));
  padding-top: calc(140 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topInterviewCard_catches {
    padding-top: calc(4 * var(--liq-unit));
    gap: 0;
    margin-bottom: calc(10 * var(--liq-unit));
  }
}
.un_topInterviewCard_catchWrap {
  position: relative;
  width: fit-content;
  max-width: 100%;
  padding: calc(8 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topInterviewCard_catchWrap {
    padding: calc(4 * var(--liq-unit));
  }
}
.un_topInterviewCard_catchHighlight {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #f9fea8;
  opacity: 0.4;
  pointer-events: none;
}
@media screen and (width < 768px) {
  .un_topInterviewCard_catchHighlight {
    height: calc(30 * var(--liq-unit));
    top: calc(5 * var(--liq-unit));
  }
}
.un_topInterviewCard_catch {
  position: relative;
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 30 * var(--liq-unit));
  line-height: 1.2666666667;
}
@media screen and (width < 768px) {
  .un_topInterviewCard_catch {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 20 * var(--liq-unit));
    line-height: 1.6;
  }
}
.un_topInterviewCard_role {
  margin: 0 0 calc(8 * var(--liq-unit));
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.2727272727;
}
@media screen and (width < 768px) {
  .un_topInterviewCard_role {
    font-size: calc(13 * var(--liq-unit));
    margin-bottom: calc(4 * var(--liq-unit));
  }
}
.un_topInterviewCard_nameWrap {
  display: flex;
  gap: calc(10 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topInterviewCard_nameWrap {
    flex-direction: column;
    gap: calc(4 * var(--liq-unit));
  }
}
.un_topInterviewCard_name {
  margin: 0 0 calc(8 * var(--liq-unit));
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.2727272727;
}
@media screen and (width < 768px) {
  .un_topInterviewCard_name {
    font-size: calc(13 * var(--liq-unit));
    margin-bottom: 0;
  }
}
.un_topInterviewCard_meta {
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  font-size: max(10px, 18 * var(--liq-unit));
  line-height: 1.5555555556;
}
@media screen and (width < 768px) {
  .un_topInterviewCard_meta {
    font-size: calc(13 * var(--liq-unit));
  }
}
.un_topInterviewCard_body.has_accordion.is_active > .un_topInterviewCard_bodyInner::before {
  display: none;
}
.un_topInterviewCard_body.has_accordion.is_active > .un_topInterviewCard_link {
  display: none;
}
.un_topInterviewCard_link {
  position: absolute;
  bottom: calc(16 * var(--liq-unit));
  right: 0;
  width: calc(45 * var(--liq-unit));
  height: calc(45 * var(--liq-unit));
  transform: rotate(180deg);
  transition: background-image 0.3s;
  background-image: url(../../assets/images/svg/icon_arrow.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (width < 768px) {
  .un_topInterviewCard_link {
    width: calc(30 * var(--liq-unit));
    height: calc(30 * var(--liq-unit));
  }
}
.un_topInterviewCard_link img {
  display: block;
  width: 100%;
  height: auto;
}
@media (hover: hover) and (pointer: fine) {
  .un_topInterviewCard_link:hover {
    background-image: url(../../assets/images/svg/icon_arrow_inverse.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}
@media (hover: none) and (pointer: coarse) {
  .un_topInterviewCard_link:active {
    background-image: url(../../assets/images/svg/icon_arrow_inverse.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}
.un_topInterviewCard_contents {
  margin-top: calc(24 * var(--liq-unit));
  width: 100%;
  min-width: 0;
}
@media screen and (width < 768px) {
  .un_topInterviewCard_contents {
    margin-top: calc(32 * var(--liq-unit));
  }
}
.un_topInterviewCard_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.un_topInterviewCard_listItem + .un_topInterviewCard_listItem {
  margin-top: calc(64 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topInterviewCard_listItem + .un_topInterviewCard_listItem {
    margin-top: calc(40 * var(--liq-unit));
  }
}
.un_topInterviewCard_listHead {
  display: flex;
  align-items: flex-start;
  gap: calc(20 * var(--liq-unit));
  min-width: 0;
}
@media screen and (width < 768px) {
  .un_topInterviewCard_listHead {
    gap: calc(10 * var(--liq-unit));
  }
}
.un_topInterviewCard_listMark {
  flex-shrink: 0;
  color: var(--color-text-brand);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: max(10px, 25 * var(--liq-unit));
  line-height: 1.4;
}
@media screen and (width < 768px) {
  .un_topInterviewCard_listMark {
    font-size: calc(16 * var(--liq-unit));
    position: relative;
    top: calc(4 * var(--liq-unit));
  }
}
.un_topInterviewCard_listTitle {
  flex: 1;
  min-width: 0;
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 25 * var(--liq-unit));
  line-height: 1.4;
}
@media screen and (width < 768px) {
  .un_topInterviewCard_listTitle {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    font-size: max(10px, 18 * var(--liq-unit));
    line-height: 1.5555555556;
  }
}
.un_topInterviewCard_listTitle.__multiline {
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 25 * var(--liq-unit));
  line-height: 1.6;
}
@media screen and (width < 768px) {
  .un_topInterviewCard_listTitle.__multiline {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 12 * var(--liq-unit));
    line-height: 1.5;
  }
}
.un_topInterviewCard_listText {
  margin-block: calc(13 * var(--liq-unit)) 0;
  margin-inline: calc(57 * var(--liq-unit)) 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  font-size: max(10px, 18 * var(--liq-unit));
  line-height: 1.5555555556;
}
@media screen and (width < 768px) {
  .un_topInterviewCard_listText {
    margin-inline: 0;
    font-size: calc(12 * var(--liq-unit));
    padding-left: calc(27 * var(--liq-unit));
  }
}
.un_topInterviewCard_closeWrap {
  display: flex;
  justify-content: flex-end;
  margin-top: calc(56 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topInterviewCard_closeWrap {
    margin-top: calc(40 * var(--liq-unit));
    justify-content: center;
  }
}
.un_topInterviewCard_close {
  display: flex;
  align-items: center;
  width: calc(177 * var(--liq-unit));
  min-height: calc(45 * var(--liq-unit));
  padding: calc(4 * var(--liq-unit));
  border: 0;
  border-radius: calc(22 * var(--liq-unit));
  background: linear-gradient(132deg, var(--color-brand-entry-green) 0%, var(--color-brand-entry-yellow) 47%, var(--color-brand-entry-gold) 64%, var(--color-brand-entry-red) 100%);
  cursor: pointer;
  font: inherit;
  transition: opacity 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .un_topInterviewCard_close:hover .un_topInterviewCard_closeLabel {
    color: var(--color-text-inverse);
    background-color: var(--color-background-inverse);
  }
}
@media (hover: none) and (pointer: coarse) {
  .un_topInterviewCard_close:active .un_topInterviewCard_closeLabel {
    color: var(--color-text-inverse);
    background-color: var(--color-background-inverse);
  }
}
@media screen and (width < 768px) {
  .un_topInterviewCard_close {
    width: calc(160 * var(--liq-unit));
    min-height: calc(40 * var(--liq-unit));
  }
}
.un_topInterviewCard_closeLabel {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: calc(37 * var(--liq-unit));
  border-radius: calc(20 * var(--liq-unit));
  background-color: var(--color-background-canvas);
  color: var(--color-text-body);
  text-transform: uppercase;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1;
  transition: color 0.3s, background-color 0.3s;
}
@media screen and (width < 768px) {
  .un_topInterviewCard_closeLabel {
    min-height: calc(32 * var(--liq-unit));
    font-size: calc(18 * var(--liq-unit));
  }
}
.un_topInterviewCard_divider {
  width: 100%;
  height: calc(8 * var(--liq-unit));
  background-color: rgba(0, 0, 0, 0.08);
}
.un_topInterviewCard:last-child .un_topInterviewCard_divider {
  display: none;
}

/* SCHEDULE（ワークスケジュール）
----------------------------------------------------------------- */
.un_topSchedule {
  padding-block: calc(120 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topSchedule {
    padding-block: calc(80 * var(--liq-unit)) calc(20 * var(--liq-unit));
  }
}
.un_topSchedule_head {
  margin-bottom: calc(60 * var(--liq-unit));
  text-align: center;
}
@media screen and (width < 768px) {
  .un_topSchedule_head {
    margin-bottom: calc(40 * var(--liq-unit));
  }
}
.un_topSchedule_titleBand {
  display: block;
  width: calc(559 * var(--liq-unit));
  height: auto;
  margin: 0 auto calc(28 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topSchedule_titleBand {
    width: calc(204 * var(--liq-unit));
    margin-bottom: calc(10 * var(--liq-unit));
  }
}
.un_topSchedule_title {
  margin: 0 0 calc(42 * var(--liq-unit));
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 35 * var(--liq-unit));
  line-height: 1.0857142857;
}
@media screen and (width < 768px) {
  .un_topSchedule_title {
    margin-bottom: calc(24 * var(--liq-unit));
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 14 * var(--liq-unit));
    line-height: 1.7857142857;
  }
}
.un_topSchedule_lead {
  margin: 0 auto;
  color: var(--color-text-body);
  text-align: center;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.5454545455;
}
@media screen and (width < 768px) {
  .un_topSchedule_lead {
    font-size: calc(13 * var(--liq-unit));
  }
}
.un_topSchedule_timeline {
  width: 100%;
  max-width: calc(1480 * var(--liq-unit));
  margin-inline: auto;
}
.un_topSchedule_timelineScroll {
  overflow-x: auto;
  margin-bottom: calc(24 * var(--liq-unit));
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--color-border-footer) transparent;
}
@media screen and (width < 768px) {
  .un_topSchedule_timelineScroll {
    margin-inline: calc(-16 * var(--liq-unit));
    padding-inline: calc(16 * var(--liq-unit));
  }
}
.un_topSchedule_timelineInner {
  position: relative;
  min-width: calc(1458 * var(--liq-unit));
  padding-bottom: calc(8 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topSchedule_timelineInner {
    min-width: auto;
  }
}
.un_topSchedule_axis {
  position: absolute;
  top: calc(75 * var(--liq-unit));
  right: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
}
@media screen and (width < 768px) {
  .un_topSchedule_axis {
    display: none;
  }
}
.un_topSchedule_axisLine {
  display: block;
  width: 100%;
  height: calc(1 * var(--liq-unit));
  background-color: var(--color-border-footer);
}
.un_topSchedule_items {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: calc(8 * var(--liq-unit));
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (width < 768px) {
  .un_topSchedule_items {
    flex-direction: column;
    justify-content: unset;
    gap: 0;
    padding-inline: calc(24 * var(--liq-unit));
  }
}
.un_topSchedule_item {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}
@media screen and (width < 768px) {
  .un_topSchedule_item {
    flex-direction: row;
  }
}
@media screen and (width < 768px) {
  .un_topSchedule_item:first-of-type {
    padding-bottom: calc(0 * var(--liq-unit));
  }
}
@media screen and (width < 768px) {
  .un_topSchedule_item:first-of-type .un_topSchedule_tick {
    height: calc(88 * var(--liq-unit));
    position: relative;
  }
}
.un_topSchedule_time {
  margin: 0 0 calc(12 * var(--liq-unit));
  color: var(--color-text-body);
  white-space: nowrap;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 25 * var(--liq-unit));
  line-height: 1.2;
}
@media screen and (width < 768px) {
  .un_topSchedule_time {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 18 * var(--liq-unit));
    line-height: 1;
    padding-right: calc(35 * var(--liq-unit));
    margin-bottom: 0;
    min-width: calc(98 * var(--liq-unit));
    position: relative;
  }
}
.un_topSchedule_time::before {
  display: none;
  content: "";
  height: calc(1 * var(--liq-unit));
  width: calc(26 * var(--liq-unit));
  background-color: var(--color-border-footer);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
}
@media screen and (width < 768px) {
  .un_topSchedule_time::before {
    display: block;
  }
}
.un_topSchedule_tick {
  display: block;
  width: calc(1 * var(--liq-unit));
  height: calc(53 * var(--liq-unit));
  margin-bottom: calc(20 * var(--liq-unit));
  background-color: var(--color-border-footer);
}
@media screen and (width < 768px) {
  .un_topSchedule_tick {
    margin-bottom: 0;
    height: calc(60 * var(--liq-unit));
  }
}
.un_topSchedule_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(57 * var(--liq-unit));
  height: calc(57 * var(--liq-unit));
  margin-bottom: calc(24 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topSchedule_icon {
    width: calc(30 * var(--liq-unit));
    height: calc(30 * var(--liq-unit));
    margin-left: calc(37 * var(--liq-unit));
    margin-bottom: 0;
  }
}
.un_topSchedule_icon img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}
.un_topSchedule_label {
  margin: 0;
  color: var(--color-text-body);
  white-space: nowrap;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 25 * var(--liq-unit));
  line-height: 1.2;
}
@media screen and (width < 768px) {
  .un_topSchedule_label {
    white-space: normal;
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 18 * var(--liq-unit));
    line-height: 1.3333333333;
    padding-left: calc(16 * var(--liq-unit));
  }
}
.un_topSchedule_note {
  margin: calc(12 * var(--liq-unit)) 0 0;
  color: var(--color-text-body);
  white-space: normal;
  text-align: left;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 16 * var(--liq-unit));
  line-height: 1.5;
}
@media screen and (width < 768px) {
  .un_topSchedule_note {
    position: absolute;
    font-size: calc(12 * var(--liq-unit));
    right: calc(4 * var(--liq-unit));
    top: calc(46 * var(--liq-unit));
  }
}

/* BENEFITS（福利厚生）
----------------------------------------------------------------- */
.un_topBenefits {
  padding-block: calc(120 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topBenefits {
    padding-block: calc(80 * var(--liq-unit)) calc(20 * var(--liq-unit));
  }
}
.un_topBenefits_head {
  margin-bottom: calc(60 * var(--liq-unit));
  text-align: center;
}
@media screen and (width < 768px) {
  .un_topBenefits_head {
    margin-bottom: calc(24 * var(--liq-unit));
  }
}
.un_topBenefits_titleBand {
  display: block;
  width: calc(506 * var(--liq-unit));
  height: auto;
  margin: 0 auto calc(28 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topBenefits_titleBand {
    width: calc(185 * var(--liq-unit));
    margin-bottom: calc(6 * var(--liq-unit));
    margin-inline: 0;
  }
}
.un_topBenefits_title {
  margin: 0 0 calc(42 * var(--liq-unit));
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 35 * var(--liq-unit));
  line-height: 1.0857142857;
}
@media screen and (width < 768px) {
  .un_topBenefits_title {
    margin-bottom: calc(24 * var(--liq-unit));
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 14 * var(--liq-unit));
    line-height: 2.1428571429;
    text-align: left;
  }
}
.un_topBenefits_lead {
  margin: 0 auto;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.5454545455;
}
@media screen and (width < 768px) {
  .un_topBenefits_lead {
    font-size: calc(13 * var(--liq-unit));
    text-align: left;
  }
}
.un_topBenefits_group + .un_topBenefits_group {
  margin-top: calc(100 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topBenefits_group + .un_topBenefits_group {
    margin-top: calc(56 * var(--liq-unit));
  }
}
.un_topBenefits_groupTitle {
  position: relative;
  margin: 0 0 calc(24 * var(--liq-unit));
  padding-bottom: calc(8 * var(--liq-unit));
  width: fit-content;
  color: var(--color-text-body);
  z-index: 1;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 30 * var(--liq-unit));
  line-height: 1.2;
}
@media screen and (width < 768px) {
  .un_topBenefits_groupTitle {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 23 * var(--liq-unit));
    line-height: 1.2173913043;
  }
}
.un_topBenefits_groupTitleBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(429 * var(--liq-unit));
  max-width: 100%;
  height: calc(16 * var(--liq-unit));
  background-color: color-mix(in srgb, #f9fea8 50%, transparent);
  pointer-events: none;
  z-index: -1;
}
.un_topBenefits_cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: calc(16 * var(--liq-unit));
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (width < 768px) {
  .un_topBenefits_cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(6 * var(--liq-unit));
  }
}
.un_topBenefits_card {
  display: flex;
  gap: calc(16 * var(--liq-unit));
  align-items: center;
  min-height: calc(120 * var(--liq-unit));
  padding: calc(20 * var(--liq-unit)) calc(24 * var(--liq-unit)) calc(20 * var(--liq-unit)) calc(20 * var(--liq-unit));
  background-color: var(--color-background-canvas);
  box-shadow: 0 calc(3 * var(--liq-unit)) calc(3 * var(--liq-unit)) var(--color-shadow-text);
}
@media screen and (width < 768px) {
  .un_topBenefits_card {
    padding: calc(16 * var(--liq-unit)) calc(12 * var(--liq-unit)) calc(8 * var(--liq-unit));
    padding-right: calc(8 * var(--liq-unit));
    min-height: unset;
    gap: calc(8 * var(--liq-unit));
  }
}
.un_topBenefits_card.__highlight {
  position: relative;
  align-items: center;
  justify-content: center;
  padding: calc(20 * var(--liq-unit)) calc(24 * var(--liq-unit));
  background-color: var(--color-background-benefits-highlight);
  box-shadow: 0 calc(3 * var(--liq-unit)) calc(3 * var(--liq-unit)) var(--color-shadow-text);
  text-align: center;
}
@media screen and (width < 768px) {
  .un_topBenefits_card.__highlight {
    grid-column: span 2;
  }
}
.un_topBenefits_card.__highlight::before {
  content: "";
  display: block;
  border: calc(1 * var(--liq-unit)) solid #dca941;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 8 * var(--liq-unit));
  height: calc(100% - 8 * var(--liq-unit));
}
.un_topBenefits_cardIcon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: calc(60 * var(--liq-unit));
  height: calc(60 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topBenefits_cardIcon {
    width: calc(25 * var(--liq-unit));
    height: calc(25 * var(--liq-unit));
  }
}
.un_topBenefits_cardIcon img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}
.un_topBenefits_cardBody {
  flex: 1;
  min-width: 0;
}
.un_topBenefits_cardTitle {
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 25 * var(--liq-unit));
  line-height: 1.2;
}
@media screen and (width < 768px) {
  .un_topBenefits_cardTitle {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 13 * var(--liq-unit));
    line-height: 1.3846153846;
  }
}
.un_topBenefits_cardNote {
  margin: calc(4 * var(--liq-unit)) 0 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  font-size: max(10px, 18 * var(--liq-unit));
  line-height: 1.3333333333;
}
@media screen and (width < 768px) {
  .un_topBenefits_cardNote {
    font-size: calc(10 * var(--liq-unit));
  }
}
.un_topBenefits_cardDetail {
  margin: calc(4 * var(--liq-unit)) 0 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  font-size: max(10px, 18 * var(--liq-unit));
  line-height: 1.3333333333;
}
@media screen and (width < 768px) {
  .un_topBenefits_cardDetail {
    font-size: calc(10 * var(--liq-unit));
  }
}
.un_topBenefits_cardHighlightText {
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0em;
  font-size: max(10px, 20 * var(--liq-unit));
  line-height: 1.6;
}
@media screen and (width < 768px) {
  .un_topBenefits_cardHighlightText {
    font-size: calc(13 * var(--liq-unit));
    text-align: center;
  }
}

/* TRAINING（社内教育・研修制度）
----------------------------------------------------------------- */
.un_topTraining {
  padding-block: calc(120 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topTraining {
    padding-block: calc(80 * var(--liq-unit)) calc(20 * var(--liq-unit));
  }
}
.un_topTraining_title {
  position: relative;
  margin: 0 0 calc(50 * var(--liq-unit));
  padding-bottom: calc(8 * var(--liq-unit));
  width: fit-content;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 30 * var(--liq-unit));
  line-height: 1.2;
}
@media screen and (width < 768px) {
  .un_topTraining_title {
    margin-top: calc(25 * var(--liq-unit));
    margin-bottom: calc(32 * var(--liq-unit));
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 22 * var(--liq-unit));
    line-height: 1.2727272727;
  }
}
.un_topTraining_titleBar {
  position: absolute;
  bottom: calc(2 * var(--liq-unit));
  left: 0;
  width: calc(339 * var(--liq-unit));
  max-width: 100%;
  height: calc(16 * var(--liq-unit));
  background-color: var(--color-background-brand);
  pointer-events: none;
  opacity: 0.2;
}
.un_topTraining_intro {
  display: flex;
  gap: calc(130 * var(--liq-unit));
  align-items: flex-start;
  margin-bottom: calc(94 * var(--liq-unit));
}
@media screen and (width < 1024px) {
  .un_topTraining_intro {
    flex-direction: column;
    gap: calc(40 * var(--liq-unit));
  }
}
@media screen and (width < 768px) {
  .un_topTraining_intro {
    margin-bottom: calc(60 * var(--liq-unit));
    gap: calc(24 * var(--liq-unit));
  }
}
.un_topTraining_visual {
  flex-shrink: 0;
  width: calc(700 * var(--liq-unit));
  max-width: 100%;
  overflow: hidden;
  border-radius: calc(15 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topTraining_visual {
    border-radius: calc(5 * var(--liq-unit));
  }
}
.un_topTraining_visual img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (width < 768px) {
  .un_topTraining_visual img {
    aspect-ratio: 350/173;
  }
}
.un_topTraining_introBody {
  flex: 1;
  min-width: 0;
  padding-top: calc(30 * var(--liq-unit));
}
@media screen and (width < 1024px) {
  .un_topTraining_introBody {
    padding-top: 0;
  }
}
.un_topTraining_introCatch {
  margin: 0 0 calc(30 * var(--liq-unit));
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 30 * var(--liq-unit));
  line-height: 1.2666666667;
}
@media screen and (width < 768px) {
  .un_topTraining_introCatch {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 18 * var(--liq-unit));
    line-height: 1.6666666667;
    margin-bottom: calc(8 * var(--liq-unit));
  }
}
.un_topTraining_introDivider {
  display: block;
  width: calc(79 * var(--liq-unit));
  height: 0;
  margin-bottom: calc(36 * var(--liq-unit));
  border-top: calc(1 * var(--liq-unit)) dashed var(--color-text-brand);
  opacity: 0.6;
}
@media screen and (width < 768px) {
  .un_topTraining_introDivider {
    margin-bottom: calc(10 * var(--liq-unit));
  }
}
.un_topTraining_introText p {
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.5454545455;
}
.un_topTraining_introText p + p {
  margin-top: calc(24 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topTraining_introText p {
    font-size: calc(12 * var(--liq-unit));
    font-weight: 400;
  }
}
.un_topTraining_steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: calc(60 * var(--liq-unit)) calc(60 * var(--liq-unit));
  margin-bottom: calc(88 * var(--liq-unit));
}
@media screen and (width < 1024px) {
  .un_topTraining_steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(40 * var(--liq-unit));
  }
}
@media screen and (width < 768px) {
  .un_topTraining_steps {
    grid-template-columns: minmax(0, 1fr);
    gap: calc(40 * var(--liq-unit));
    margin-bottom: calc(40 * var(--liq-unit));
  }
}
.un_topTraining_step {
  display: flex;
  flex-direction: column;
  min-height: calc(296 * var(--liq-unit));
  padding: calc(60 * var(--liq-unit)) calc(20 * var(--liq-unit)) calc(28 * var(--liq-unit));
  position: relative;
}
@media screen and (width < 768px) {
  .un_topTraining_step {
    min-height: unset;
    padding-block: calc(40 * var(--liq-unit)) calc(28 * var(--liq-unit));
  }
}
.un_topTraining_step::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-background-brand);
  opacity: 0.08;
}
.un_topTraining_stepNum {
  position: absolute;
  left: calc(10 * var(--liq-unit));
  top: calc(-10 * var(--liq-unit));
  color: #ededed;
  text-align: center;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: max(10px, 60 * var(--liq-unit));
  line-height: 0.5833333333;
}
@media screen and (width < 768px) {
  .un_topTraining_stepNum {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: -0.03em;
    font-size: max(10px, 40 * var(--liq-unit));
    line-height: 0.7;
  }
}
.un_topTraining_stepTitle {
  margin: 0 0 calc(16 * var(--liq-unit));
  color: var(--color-text-brand);
  text-align: center;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.03em;
  font-size: max(10px, 30 * var(--liq-unit));
  line-height: 1.4666666667;
  min-height: calc(88 * var(--liq-unit));
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (width < 768px) {
  .un_topTraining_stepTitle {
    font-size: calc(18 * var(--liq-unit));
    min-height: unset;
  }
}
.un_topTraining_stepDivider {
  display: block;
  width: calc(41 * var(--liq-unit));
  height: 0;
  margin: 0 auto calc(20 * var(--liq-unit));
  border-top: calc(1 * var(--liq-unit)) solid var(--color-text-brand);
}
.un_topTraining_stepBody {
  display: flex;
  gap: calc(20 * var(--liq-unit));
  align-items: flex-start;
  justify-content: center;
}
.un_topTraining_stepArrow {
  flex-shrink: 0;
  width: calc(54 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topTraining_stepArrow {
    width: calc(40 * var(--liq-unit));
    position: absolute;
    bottom: calc(24 * var(--liq-unit));
    left: calc(20 * var(--liq-unit));
  }
}
.un_topTraining_stepArrow img {
  display: block;
  width: 100%;
  height: auto;
}
.un_topTraining_stepText {
  min-width: 0;
  margin: 0;
  color: var(--color-text-base);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0.025em;
  font-size: max(10px, 20 * var(--liq-unit));
  line-height: 1.5;
}
@media screen and (width < 768px) {
  .un_topTraining_stepText {
    font-size: calc(12 * var(--liq-unit));
    text-align: center;
  }
}
.un_topTraining_closing {
  margin-bottom: calc(90 * var(--liq-unit));
  text-align: center;
}
@media screen and (width < 768px) {
  .un_topTraining_closing {
    margin-bottom: calc(60 * var(--liq-unit));
  }
}
.un_topTraining_closingLead {
  margin: 0 0 calc(24 * var(--liq-unit));
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.5454545455;
}
@media screen and (width < 768px) {
  .un_topTraining_closingLead {
    font-size: calc(12 * var(--liq-unit));
    text-align: left;
  }
}
.un_topTraining_closingTail {
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.5454545455;
  display: flex;
  align-items: baseline;
  gap: calc(8 * var(--liq-unit));
  justify-content: center;
}
@media screen and (width < 768px) {
  .un_topTraining_closingTail {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 12 * var(--liq-unit));
    line-height: 2.3333333333;
    justify-content: flex-start;
  }
}
.un_topTraining_closingHighlight {
  position: relative;
  display: inline-block;
  margin-inline: calc(4 * var(--liq-unit));
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 35 * var(--liq-unit));
  line-height: 0.9714285714;
}
@media screen and (width < 768px) {
  .un_topTraining_closingHighlight {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 18 * var(--liq-unit));
    line-height: 1.6666666667;
  }
}
.un_topTraining_closingHighlightBar {
  position: absolute;
  bottom: calc(-4 * var(--liq-unit));
  left: 50%;
  width: calc(259 * var(--liq-unit));
  height: calc(16 * var(--liq-unit));
  background-color: color-mix(in srgb, #f9fea8 50%, transparent);
  transform: translateX(-50%);
  pointer-events: none;
  z-index: -1;
}
@media screen and (width < 768px) {
  .un_topTraining_closingHighlightBar {
    width: calc(120 * var(--liq-unit));
  }
}
.un_topTraining_panels {
  display: flex;
  gap: calc(56 * var(--liq-unit));
  align-items: stretch;
}
@media screen and (width < 768px) {
  .un_topTraining_panels {
    flex-direction: column;
    gap: calc(40 * var(--liq-unit));
  }
}
.un_topTraining_panel {
  position: relative;
  flex: 1;
  min-width: 0;
  padding: calc(66 * var(--liq-unit)) calc(50 * var(--liq-unit)) calc(56 * var(--liq-unit));
  border: calc(1 * var(--liq-unit)) solid var(--color-text-brand);
}
@media screen and (width < 768px) {
  .un_topTraining_panel {
    padding: calc(48 * var(--liq-unit)) calc(24 * var(--liq-unit)) calc(40 * var(--liq-unit));
  }
}
.un_topTraining_panelTitle {
  position: absolute;
  display: inline-block;
  margin: calc(-82 * var(--liq-unit)) 0 calc(36 * var(--liq-unit));
  padding: calc(8 * var(--liq-unit)) calc(20 * var(--liq-unit));
  background-color: var(--color-text-brand);
  color: var(--color-text-inverse);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.03em;
  font-size: max(10px, 35 * var(--liq-unit));
  line-height: 1.1428571429;
}
@media screen and (width < 768px) {
  .un_topTraining_panelTitle {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.03em;
    font-size: max(10px, 23 * var(--liq-unit));
    line-height: 1.0869565217;
    margin: calc(-72 * var(--liq-unit)) 0 calc(36 * var(--liq-unit));
  }
}
.un_topTraining_panelLead {
  color: var(--color-text-base);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0.025em;
  font-size: max(10px, 20 * var(--liq-unit));
  line-height: 1.5;
}
@media screen and (width < 768px) {
  .un_topTraining_panelLead {
    font-size: calc(13 * var(--liq-unit));
  }
}
.un_topTraining_checkList {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  gap: calc(28 * var(--liq-unit)) calc(40 * var(--liq-unit));
  margin: 0;
  padding: calc(36 * var(--liq-unit)) 0 0;
  list-style: none;
}
@media screen and (width < 768px) {
  .un_topTraining_checkList {
    grid-template-columns: minmax(0, 1fr);
    gap: calc(10 * var(--liq-unit));
    padding-top: calc(20 * var(--liq-unit));
  }
}
.un_topTraining_checkItem {
  display: flex;
  gap: calc(18 * var(--liq-unit));
  align-items: flex-start;
  min-width: 0;
}
@media screen and (width < 768px) {
  .un_topTraining_checkItem {
    gap: calc(10 * var(--liq-unit));
  }
}
.un_topTraining_checkIcon {
  flex-shrink: 0;
  width: calc(24 * var(--liq-unit));
  height: calc(24 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topTraining_checkIcon {
    width: calc(18 * var(--liq-unit));
    height: calc(18 * var(--liq-unit));
  }
}
.un_topTraining_checkIcon img {
  display: block;
  width: 100%;
  height: auto;
}
.un_topTraining_checkLabel {
  flex: 1;
  min-width: 0;
  color: var(--color-text-base);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.03em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.2727272727;
}
@media screen and (width < 768px) {
  .un_topTraining_checkLabel {
    font-size: calc(13 * var(--liq-unit));
  }
}

/* GUIDELINE（募集要項）
----------------------------------------------------------------- */
.un_topGuideline {
  padding-block: calc(120 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topGuideline {
    padding-block: calc(80 * var(--liq-unit)) calc(20 * var(--liq-unit));
  }
}
.un_topGuideline_frame {
  padding: calc(36 * var(--liq-unit));
  background-color: var(--color-text-brand);
}
@media screen and (width < 768px) {
  .un_topGuideline_frame {
    padding: calc(8 * var(--liq-unit));
  }
}
.un_topGuideline_inner {
  padding: calc(48 * var(--liq-unit)) calc(36 * var(--liq-unit)) calc(160 * var(--liq-unit));
  border: calc(1 * var(--liq-unit)) solid var(--color-border-footer);
  background-color: var(--color-background-canvas);
}
@media screen and (width < 768px) {
  .un_topGuideline_inner {
    padding: calc(32 * var(--liq-unit)) calc(16 * var(--liq-unit)) calc(60 * var(--liq-unit));
  }
}
.un_topGuideline_head {
  position: relative;
  margin-bottom: calc(80 * var(--liq-unit));
  text-align: center;
}
@media screen and (width < 768px) {
  .un_topGuideline_head {
    margin-bottom: calc(48 * var(--liq-unit));
  }
}
.un_topGuideline_logo {
  width: calc(91 * var(--liq-unit));
  margin: 0 auto calc(24 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topGuideline_logo {
    width: calc(48 * var(--liq-unit));
    margin-bottom: calc(8 * var(--liq-unit));
  }
}
.un_topGuideline_logo img {
  display: block;
  width: 100%;
  height: auto;
}
.un_topGuideline_headTitle {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.un_topGuideline_titleBand {
  display: block;
  width: calc(579 * var(--liq-unit));
  max-width: 100%;
  height: auto;
  margin-bottom: calc(28 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topGuideline_titleBand {
    width: calc(211 * var(--liq-unit));
    margin-bottom: calc(8 * var(--liq-unit));
  }
}
.un_topGuideline_title {
  margin: 0;
  color: var(--color-text-body);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 35 * var(--liq-unit));
  line-height: 1.0857142857;
}
@media screen and (width < 768px) {
  .un_topGuideline_title {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 14 * var(--liq-unit));
    line-height: 1.4285714286;
  }
}
.un_topGuideline_body {
  display: flex;
  gap: calc(120 * var(--liq-unit));
  align-items: flex-start;
  max-width: calc(1280 * var(--liq-unit));
  margin-inline: auto;
}
@media screen and (width < 1024px) {
  .un_topGuideline_body {
    flex-direction: column;
    gap: calc(32 * var(--liq-unit));
  }
}
.un_topGuideline_tabs {
  position: sticky;
  flex-shrink: 0;
  width: calc(250 * var(--liq-unit));
  padding-top: calc(4 * var(--liq-unit));
  top: calc(198 * var(--liq-unit));
}
@media screen and (width < 1024px) {
  .un_topGuideline_tabs {
    display: flex;
    flex-wrap: wrap;
    gap: calc(16 * var(--liq-unit)) calc(24 * var(--liq-unit));
    width: 100%;
    padding-top: 0;
  }
}
@media screen and (width < 768px) {
  .un_topGuideline_tabs {
    position: static;
    gap: calc(16 * var(--liq-unit));
  }
}
.un_topGuideline_tab {
  padding-left: calc(50 * var(--liq-unit));
}
.un_topGuideline_tab + .un_topGuideline_tab {
  margin-top: calc(32 * var(--liq-unit));
}
@media screen and (width < 1024px) {
  .un_topGuideline_tab + .un_topGuideline_tab {
    margin-top: 0;
  }
}
@media screen and (width < 1024px) {
  .un_topGuideline_tab {
    padding-left: 0;
  }
}
.un_topGuideline_tab:has(input:checked) {
  border-bottom: calc(1 * var(--liq-unit)) solid var(--color-border-default);
}
.un_topGuideline_tabInput {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.un_topGuideline_tabInput:checked + .un_topGuideline_tabLabel::before {
  background-color: var(--color-text-brand);
  border-color: var(--color-text-brand);
}
.un_topGuideline_tabInput:focus-visible + .un_topGuideline_tabLabel::before {
  outline: calc(2 * var(--liq-unit)) solid var(--color-text-brand);
  outline-offset: calc(2 * var(--liq-unit));
}
.un_topGuideline_tabLabel {
  position: relative;
  display: block;
  color: var(--color-text-navigation);
  cursor: pointer;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0em;
  font-size: max(10px, 25 * var(--liq-unit));
  line-height: 1.52;
}
.un_topGuideline_tabLabel::before {
  position: absolute;
  top: 50%;
  left: calc(-38 * var(--liq-unit));
  width: calc(26 * var(--liq-unit));
  height: calc(26 * var(--liq-unit));
  border: calc(1 * var(--liq-unit)) solid var(--color-text-brand);
  border-radius: 50%;
  background-color: var(--color-background-canvas);
  transform: translateY(-50%);
  content: "";
}
@media screen and (width < 1024px) {
  .un_topGuideline_tabLabel::before {
    position: static;
    display: inline-block;
    margin-right: calc(8 * var(--liq-unit));
    vertical-align: middle;
    transform: none;
  }
}
@media screen and (width < 768px) {
  .un_topGuideline_tabLabel::before {
    width: calc(15 * var(--liq-unit));
    height: calc(15 * var(--liq-unit));
  }
}
@media screen and (width < 768px) {
  .un_topGuideline_tabLabel {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0em;
    font-size: max(10px, 14 * var(--liq-unit));
    line-height: 1.4285714286;
  }
}
.un_topGuideline_panels {
  flex: 1;
  min-width: 0;
}
.un_topGuideline_panel {
  display: none;
}
.un_topGuideline_panel.is_active {
  display: block;
}
.un_topGuideline_rows {
  margin: 0;
}
.un_topGuideline_row {
  display: flex;
  gap: calc(108 * var(--liq-unit));
  align-items: flex-start;
  padding-block: calc(20 * var(--liq-unit));
  border-bottom: calc(1 * var(--liq-unit)) solid var(--color-border-footer);
}
.un_topGuideline_row.__tall {
  padding-block: calc(28 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_topGuideline_row {
    flex-direction: column;
    gap: calc(6 * var(--liq-unit));
    padding-block: calc(10 * var(--liq-unit));
  }
}
.un_topGuideline_rowLabel {
  flex-shrink: 0;
  min-width: calc(119 * var(--liq-unit));
  margin: 0;
  color: var(--color-text-base);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.3636363636;
}
@media screen and (width < 768px) {
  .un_topGuideline_rowLabel {
    width: 100%;
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: max(10px, 13 * var(--liq-unit));
    line-height: 1.1538461538;
  }
}
.un_topGuideline_rowValue {
  flex: 1;
  min-width: 0;
  margin: 0;
  color: var(--color-text-base);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0.02em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.6818181818;
}
@media screen and (width < 768px) {
  .un_topGuideline_rowValue {
    font-size: calc(13 * var(--liq-unit));
  }
}

/* entry form（Figma 28:235）
----------------------------------------------------------------- */
@keyframes entry-slider-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
@keyframes entry-slider-down {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}
.has_entry_sliderTrackUp {
  animation: entry-slider-up 50s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .has_entry_sliderTrackUp {
    animation: none;
  }
}

.has_entry_sliderTrackDown {
  animation: entry-slider-down 50s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .has_entry_sliderTrackDown {
    animation: none;
  }
}

.un_entry {
  position: relative;
  overflow: hidden;
  margin-block: calc(120 * var(--liq-unit)) 0;
}
@media screen and (width < 768px) {
  .un_entry {
    margin-block: calc(80 * var(--liq-unit)) 0;
  }
}
.un_entry_bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(140deg, transparent 29%, var(--color-text-brand) 100%);
  opacity: 0.38;
}
.un_entry .un_topContainer {
  position: relative;
  z-index: 1;
}
.un_entry_inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, calc(875 * var(--liq-unit))) minmax(0, 1fr);
  gap: calc(60 * var(--liq-unit));
  align-items: start;
}
@media screen and (width < 768px) {
  .un_entry_inner {
    grid-template-columns: minmax(0, 1fr);
    gap: calc(40 * var(--liq-unit));
  }
}
.un_entry_visualWrap {
  align-self: start;
  min-width: 0;
}
@media screen and (width < 768px) {
  .un_entry_visualWrap {
    display: none;
  }
}
.un_entry_visualPlaceholder {
  width: 100%;
  pointer-events: none;
}
.un_entry_visual {
  position: relative;
  top: calc(-70 * var(--liq-unit)) !important;
  z-index: 1;
}
.un_entry_visual.is_active {
  z-index: 2;
}
@media screen and (width < 768px) {
  .un_entry_visual {
    max-width: calc(320 * var(--liq-unit));
    margin-inline: auto;
    top: 0;
    position: static;
  }
}
.un_entry_wave {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  margin-top: calc(210 * var(--liq-unit));
  line-height: 0;
}
@media screen and (width < 768px) {
  .un_entry_wave {
    margin-top: calc(60 * var(--liq-unit));
  }
}
.un_entry_wave_track {
  display: flex;
  width: max-content;
  will-change: transform;
}
.un_entry_wave_img {
  display: block;
  flex: 0 0 auto;
  width: auto;
  height: calc(121 * var(--liq-unit));
  max-width: none;
}
@media screen and (width < 768px) {
  .un_entry_wave_img {
    height: calc(32 * var(--liq-unit));
  }
}
.un_entry_slider {
  display: flex;
  gap: calc(16 * var(--liq-unit));
  width: 100%;
  max-width: calc(908 * var(--liq-unit));
  height: calc(100dvh + 240 * var(--liq-unit));
  margin-inline: auto;
  transform: translateX(23%) rotate(-8deg);
  transform-origin: center center;
}
.un_entry_sliderColumn {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.un_entry_sliderTrack {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--liq-unit));
  will-change: transform;
}
.un_entry_sliderItem {
  flex-shrink: 0;
}
.un_entry_sliderItem img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 454/347;
  object-fit: cover;
  border-radius: calc(3 * var(--liq-unit));
}
.un_entry_head {
  position: relative;
  display: grid;
  place-items: start;
  min-height: calc(105 * var(--liq-unit));
  margin-bottom: calc(30 * var(--liq-unit));
  width: fit-content;
}
@media screen and (width < 768px) {
  .un_entry_head {
    min-height: calc(72 * var(--liq-unit));
    margin-bottom: calc(20 * var(--liq-unit));
    margin-inline: auto;
  }
}
.un_entry_head_bg {
  z-index: 0;
  width: min(80%, 498 * var(--liq-unit));
  height: auto;
  pointer-events: none;
}
@media screen and (width < 768px) {
  .un_entry_head_bg {
    width: calc(130 * var(--liq-unit));
  }
}
.un_entry_head_catch {
  position: relative;
  z-index: 1;
  margin: 0;
  padding-top: calc(18 * var(--liq-unit));
  color: var(--color-text-base);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  font-size: max(10px, 35 * var(--liq-unit));
  line-height: 3;
}
@media screen and (width < 768px) {
  .un_entry_head_catch {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    font-size: max(10px, 14 * var(--liq-unit));
    line-height: 1.4285714286;
    padding-top: calc(8 * var(--liq-unit));
  }
}
.un_entry_head_arrows {
  position: absolute;
  top: calc(16 * var(--liq-unit));
  right: calc(-20 * var(--liq-unit));
  z-index: 1;
  width: calc(80 * var(--liq-unit));
  height: auto;
  pointer-events: none;
}
@media screen and (width < 768px) {
  .un_entry_head_arrows {
    width: calc(25 * var(--liq-unit));
    right: calc(-10 * var(--liq-unit));
    top: calc(8 * var(--liq-unit));
    transform: translateX(100%);
  }
}
.un_entry_lead {
  margin: 0 0 calc(54 * var(--liq-unit));
  max-width: calc(741 * var(--liq-unit));
  color: var(--color-text-base);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0em;
  font-size: max(10px, 30 * var(--liq-unit));
  line-height: 1.6666666667;
  position: relative;
}
@media screen and (width < 768px) {
  .un_entry_lead {
    margin-bottom: calc(24 * var(--liq-unit));
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 400;
    letter-spacing: 0em;
    font-size: max(10px, 12 * var(--liq-unit));
    line-height: 1.5;
    text-align: center;
    position: relative;
  }
}
.un_entry_formWrap {
  max-width: calc(875 * var(--liq-unit));
}
.un_entry .bl_form {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.un_entry .bl_form [hidden] {
  display: none !important;
}
.un_entry .bl_form_sendValidateError {
  margin-bottom: calc(24 * var(--liq-unit));
  padding: calc(16 * var(--liq-unit)) calc(20 * var(--liq-unit));
  border: calc(1 * var(--liq-unit)) solid var(--color-state-error);
  background-color: var(--color-background-canvas);
  color: var(--color-state-error);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0em;
  font-size: max(10px, 18 * var(--liq-unit));
  line-height: 1.2222222222;
}
@media screen and (width < 768px) {
  .un_entry .bl_form_sendValidateError {
    font-size: calc(15 * var(--liq-unit));
  }
}
.un_entry .bl_form_sendValidateErrorList {
  margin: calc(12 * var(--liq-unit)) 0 0;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0em;
  font-size: max(10px, 18 * var(--liq-unit));
  line-height: 1.1111111111;
  color: var(--color-state-error);
}
@media screen and (width < 768px) {
  .un_entry .bl_form_sendValidateErrorList {
    font-size: calc(15 * var(--liq-unit));
  }
}
.un_entry .bl_form_sendValidateErrorList li::before {
  content: "・";
}
.un_entry .bl_form_inputWrap {
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--liq-unit));
}
.un_entry .bl_form_inputWrap:nth-of-type(n + 2) {
  margin-top: calc(48 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_entry .bl_form_inputWrap:nth-of-type(n + 2) {
    margin-top: calc(16 * var(--liq-unit));
  }
}
.un_entry .bl_form_inputWrap.__gapL {
  gap: calc(16 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_entry .bl_form_inputWrap.__gapL {
    gap: calc(5 * var(--liq-unit));
  }
}
.un_entry .bl_form_head {
  display: inline-flex;
  align-items: center;
  gap: calc(8 * var(--liq-unit));
  color: var(--color-text-base);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0.03em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.9545454545;
}
@media screen and (width < 768px) {
  .un_entry .bl_form_head {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0.03em;
    font-size: max(10px, 13 * var(--liq-unit));
    line-height: 1;
  }
}
.un_entry .bl_form_reqMark {
  color: var(--color-text-brand);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0.03em;
  font-size: max(10px, 32 * var(--liq-unit));
  line-height: 1.34375;
}
@media screen and (width < 768px) {
  .un_entry .bl_form_reqMark {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 400;
    letter-spacing: 0.03em;
    font-size: max(10px, 16 * var(--liq-unit));
    line-height: 1;
  }
}
.un_entry .bl_form_inputInner {
  position: relative;
  min-width: 0;
}
.un_entry .bl_form_inputInner.__salary {
  display: flex;
  align-items: center;
  gap: calc(12 * var(--liq-unit));
  flex-wrap: wrap;
}
.un_entry .bl_form_inputInner.__salary .el_input {
  width: calc(216 * var(--liq-unit));
  flex: 0 0 auto;
}
@media screen and (width < 768px) {
  .un_entry .bl_form_inputInner.__salary .el_input {
    width: calc(80 * var(--liq-unit));
  }
}
.un_entry .bl_form_inputSuffix {
  color: var(--color-text-base);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0.03em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.4545454545;
}
@media screen and (width < 768px) {
  .un_entry .bl_form_inputSuffix {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 400;
    letter-spacing: 0.03em;
    font-size: max(10px, 16 * var(--liq-unit));
    line-height: 1.5;
  }
}
.un_entry .bl_form_radioWrap {
  display: flex;
  flex-wrap: wrap;
  gap: calc(32 * var(--liq-unit)) calc(60 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_entry .bl_form_radioWrap {
    gap: calc(16 * var(--liq-unit)) calc(24 * var(--liq-unit));
  }
}
.un_entry .bl_form_radioWrap.__col {
  flex-direction: column;
  gap: calc(32 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_entry .bl_form_radioWrap.__col {
    gap: calc(4 * var(--liq-unit));
  }
}
.un_entry .bl_form_addressGrid {
  width: 100%;
}
.un_entry .bl_form_addressGrid:not(.__dob) {
  display: grid;
  grid-template-columns: minmax(0, calc(253 * var(--liq-unit))) minmax(0, calc(253 * var(--liq-unit))) minmax(0, 1fr);
  gap: calc(16 * var(--liq-unit)) calc(15 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_entry .bl_form_addressGrid:not(.__dob) {
    grid-template-columns: minmax(0, calc(140 * var(--liq-unit))) minmax(0, calc(140 * var(--liq-unit))) minmax(0, 1fr);
  }
}
.un_entry .bl_form_addressGrid:not(.__dob) > .bl_form_addressCell {
  min-width: 0;
}
.un_entry .bl_form_addressGrid:not(.__dob) > .bl_form_addressCell > .bl_form_inputInner {
  flex: 1;
  width: 100%;
}
.un_entry .bl_form_addressGrid:not(.__dob) > .bl_form_addressCell.__full {
  grid-column: 1/-1;
  width: 100%;
}
.un_entry .bl_form_addressGrid:not(.__dob) > .bl_form_addressCell.__full > .bl_form_inputInner {
  flex: 1;
  width: 100%;
}
.un_entry .bl_form_addressGrid.__dob {
  display: grid;
  grid-template-columns: minmax(0, calc(286 * var(--liq-unit))) minmax(0, calc(153 * var(--liq-unit))) minmax(0, calc(153 * var(--liq-unit)));
  gap: calc(16 * var(--liq-unit)) calc(30 * var(--liq-unit));
  align-items: center;
}
@media screen and (width < 768px) {
  .un_entry .bl_form_addressGrid.__dob {
    grid-template-columns: minmax(0, 1fr) minmax(0, calc(100 * var(--liq-unit))) minmax(0, calc(100 * var(--liq-unit)));
    gap: calc(10 * var(--liq-unit));
  }
}
.un_entry .bl_form_addressCell {
  display: flex;
  align-items: center;
  gap: calc(8 * var(--liq-unit));
  min-width: 0;
}
.un_entry .bl_form_addressCell > .bl_form_inputInner {
  flex: 1;
  min-width: 0;
  width: 100%;
}
.un_entry .bl_form_addressCell.__full {
  width: 100%;
}
.un_entry .bl_form_addressCell_suffix {
  flex-shrink: 0;
  color: var(--color-text-base);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0.03em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.4545454545;
}
@media screen and (width < 768px) {
  .un_entry .bl_form_addressCell_suffix {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 400;
    letter-spacing: 0.03em;
    font-size: max(10px, 16 * var(--liq-unit));
    line-height: 1.5;
  }
}
.un_entry .bl_form_validate {
  display: none;
  width: 100%;
  margin-top: calc(8 * var(--liq-unit));
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0em;
  font-size: max(10px, 18 * var(--liq-unit));
  line-height: 1.1111111111;
  color: var(--color-state-error);
}
@media screen and (width < 768px) {
  .un_entry .bl_form_validate {
    font-size: calc(15 * var(--liq-unit));
  }
}
.un_entry .bl_form_validate:not(:empty) {
  display: block;
}
.un_entry .bl_form_policyBlock {
  margin-top: calc(54 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_entry .bl_form_policyBlock {
    margin-top: calc(32 * var(--liq-unit));
  }
}
.un_entry .bl_form_policyWrap {
  max-height: calc(369 * var(--liq-unit));
  overflow: hidden;
  padding: calc(26 * var(--liq-unit)) calc(33 * var(--liq-unit));
  border: calc(1 * var(--liq-unit)) solid var(--color-text-base);
  background-color: var(--color-background-canvas);
  box-shadow: 0 calc(3 * var(--liq-unit)) calc(3 * var(--liq-unit)) var(--color-shadow-text);
}
@media screen and (width < 768px) {
  .un_entry .bl_form_policyWrap {
    padding: calc(16 * var(--liq-unit));
  }
}
.un_entry .bl_form_policyWrap .bl_privacyPolicy {
  max-height: calc(315 * var(--liq-unit));
  overflow-y: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-text-base);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0em;
  font-size: max(10px, 18 * var(--liq-unit));
  line-height: 1.7777777778;
  scrollbar-width: thin;
  scrollbar-color: var(--color-text-brand) var(--color-border-footer);
}
@media screen and (width < 768px) {
  .un_entry .bl_form_policyWrap .bl_privacyPolicy {
    max-height: calc(236 * var(--liq-unit));
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 400;
    letter-spacing: 0em;
    font-size: max(10px, 13 * var(--liq-unit));
    line-height: 1.5384615385;
  }
}
.un_entry .bl_form_policyAgree {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: calc(40 * var(--liq-unit));
  width: 100%;
  text-align: center;
}
.un_entry .bl_form_policyAgree .el_checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: calc(22 * var(--liq-unit));
  padding-left: calc(32 * var(--liq-unit));
  cursor: pointer;
}
.un_entry .bl_form_policyAgree .el_checkbox input {
  position: absolute;
  opacity: 0;
}
.un_entry .bl_form_policyAgree .el_checkbox::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(22 * var(--liq-unit));
  height: calc(22 * var(--liq-unit));
  border: calc(2 * var(--liq-unit)) solid var(--color-text-brand);
  transform: translateY(-50%);
}
.un_entry .bl_form_policyAgree .el_checkbox::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(7 * var(--liq-unit));
  width: calc(8 * var(--liq-unit));
  height: calc(14 * var(--liq-unit));
  border-right: calc(2 * var(--liq-unit)) solid var(--color-text-brand);
  border-bottom: calc(2 * var(--liq-unit)) solid var(--color-text-brand);
  opacity: 0;
  transform: translateY(-65%) rotate(45deg) scale(0);
  transition: transform 0.3s, opacity 0.3s;
}
.un_entry .bl_form_policyAgree .el_checkbox:has(input:checked)::after {
  opacity: 1;
  transform: translateY(-65%) rotate(45deg) scale(1);
}
.un_entry .bl_form_policyAgree .el_checkbox_label {
  color: var(--color-text-base);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 600;
  letter-spacing: 0em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1;
}
@media screen and (width < 768px) {
  .un_entry .bl_form_policyAgree .el_checkbox_label {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 600;
    letter-spacing: 0em;
    font-size: max(10px, 14 * var(--liq-unit));
    line-height: 1.5714285714;
  }
}
.un_entry .bl_form_btn {
  display: flex;
  justify-content: center;
  margin-top: calc(63 * var(--liq-unit));
}
@media screen and (width < 768px) {
  .un_entry .bl_form_btn {
    margin-top: calc(40 * var(--liq-unit));
  }
}
.un_entry .el_input,
.un_entry .el_select2 {
  box-sizing: border-box;
  width: 100%;
  min-height: calc(63 * var(--liq-unit));
  padding: calc(12 * var(--liq-unit)) calc(24 * var(--liq-unit));
  border: calc(1 * var(--liq-unit)) solid var(--color-text-base);
  border-radius: 0;
  background-color: var(--color-background-canvas);
  color: var(--color-text-base);
  box-shadow: 0 calc(3 * var(--liq-unit)) calc(3 * var(--liq-unit)) var(--color-shadow-text);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0.03em;
  font-size: max(10px, 21 * var(--liq-unit));
  line-height: 1.5238095238;
  transition: border-color 0.3s, box-shadow 0.3s;
}
@media screen and (width < 768px) {
  .un_entry .el_input,
  .un_entry .el_select2 {
    min-height: calc(48 * var(--liq-unit));
    padding-inline: calc(16 * var(--liq-unit));
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 400;
    letter-spacing: 0.03em;
    font-size: max(10px, 13 * var(--liq-unit));
    line-height: 1.5384615385;
    padding: calc(8 * var(--liq-unit)) calc(16 * var(--liq-unit));
  }
}
.un_entry .el_input::placeholder,
.un_entry .el_select2::placeholder {
  color: var(--color-text-base);
  opacity: 0.45;
}
.un_entry .el_input:focus-visible,
.un_entry .el_select2:focus-visible {
  outline: none;
  border-color: var(--color-text-brand);
}
.un_entry .el_input:-webkit-autofill, .un_entry .el_input:-webkit-autofill:hover, .un_entry .el_input:-webkit-autofill:focus, .un_entry .el_input:-webkit-autofill:active, .un_entry .el_input:-internal-autofill-selected,
.un_entry .el_select2:-webkit-autofill,
.un_entry .el_select2:-webkit-autofill:hover,
.un_entry .el_select2:-webkit-autofill:focus,
.un_entry .el_select2:-webkit-autofill:active,
.un_entry .el_select2:-internal-autofill-selected {
  -webkit-box-shadow: 0 calc(3 * var(--liq-unit)) calc(3 * var(--liq-unit)) var(--color-shadow-text), 0 0 0 1000px var(--color-background-canvas) inset !important;
  box-shadow: 0 calc(3 * var(--liq-unit)) calc(3 * var(--liq-unit)) var(--color-shadow-text), 0 0 0 1000px var(--color-background-canvas) inset !important;
  -webkit-text-fill-color: var(--color-text-base) !important;
  caret-color: var(--color-text-base);
  transition: background-color 99999s ease-out 0s;
}
.un_entry .el_input__area {
  display: block;
  min-height: calc(350 * var(--liq-unit));
  resize: vertical;
}
@media screen and (width < 768px) {
  .un_entry .el_input__area {
    min-height: calc(180 * var(--liq-unit));
  }
}
.un_entry .el_select2 {
  display: flex;
  align-items: center;
  padding-right: calc(40 * var(--liq-unit));
  appearance: none;
  border-color: var(--color-text-base);
  background-image: url(../../assets/images/svg/icon_entry_select_arrow.svg);
  background-size: calc(10 * var(--liq-unit)) calc(5 * var(--liq-unit));
  background-position: right calc(19 * var(--liq-unit)) center;
  background-repeat: no-repeat;
}
@media screen and (width < 768px) {
  .un_entry .el_select2 {
    background-image: url(../../assets/images/svg/icon_entry_select_arrow.svg);
    background-size: calc(8 * var(--liq-unit)) calc(4 * var(--liq-unit));
    background-position: right calc(14 * var(--liq-unit)) center;
    background-repeat: no-repeat;
  }
}
.un_entry .el_select2:not(.is_active) {
  color: color-mix(in srgb, var(--color-text-base) 45%, transparent);
}
.un_entry .el_radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: calc(32 * var(--liq-unit));
  padding-left: calc(32 * var(--liq-unit));
  cursor: pointer;
}
@media screen and (width < 768px) {
  .un_entry .el_radio {
    padding-left: calc(24 * var(--liq-unit));
  }
}
.un_entry .el_radio input {
  position: absolute;
  opacity: 0;
}
.un_entry .el_radio::before, .un_entry .el_radio::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.un_entry .el_radio::before {
  width: calc(21 * var(--liq-unit));
  height: calc(21 * var(--liq-unit));
  border: calc(2 * var(--liq-unit)) solid var(--color-text-base);
  border-radius: 100vh;
}
@media screen and (width < 768px) {
  .un_entry .el_radio::before {
    width: calc(16 * var(--liq-unit));
    height: calc(16 * var(--liq-unit));
    border-width: calc(1 * var(--liq-unit));
  }
}
.un_entry .el_radio::after {
  left: calc(5 * var(--liq-unit));
  width: calc(11 * var(--liq-unit));
  height: calc(11 * var(--liq-unit));
  border-radius: 100vh;
  background-color: var(--color-text-brand);
  opacity: 0;
  transition: opacity 0.3s;
}
@media screen and (width < 768px) {
  .un_entry .el_radio::after {
    width: calc(8 * var(--liq-unit));
    height: calc(8 * var(--liq-unit));
    left: calc(4 * var(--liq-unit));
  }
}
.un_entry .el_radio:has(input:checked)::after {
  opacity: 1;
}
.un_entry .el_radio_label {
  color: var(--color-text-base);
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
  font-weight: 400;
  letter-spacing: 0.03em;
  font-size: max(10px, 22 * var(--liq-unit));
  line-height: 1.4545454545;
  cursor: pointer;
}
@media screen and (width < 768px) {
  .un_entry .el_radio_label {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", "YuMincho", "游明朝", "MS PMincho", "MS 明朝", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
    font-weight: 400;
    letter-spacing: 0.03em;
    font-size: max(10px, 13 * var(--liq-unit));
    line-height: 1;
  }
}

/*# sourceMappingURL=top.css.map */