@charset "UTF-8";
/**
    Summary:
        パーセントの数字を計算
*/
/**
    Summary:
        文字列の置換

    https://shanabrian.com/web/sass/str-replace.php
*/
/**
    Summary:
        SVGタグをURLエンコード

    https://shanabrian.com/web/sass/svg-url-encode-function.php
*/
/**
    Summary:
        SVGタグをData URIスキームとしてurl関数で返す
*/
/**
    Summary:
        背景画像にSVG画像を使用（カラー指定可）

    Description:
        $data: SVG画像のsvg要素以外の要素
        $width viewBox属性の値（単位なし、初期値 100）
        $height viewBox属性の値（単位なし、初期値 100）
        $fill fillプロパティの値（初期値 null）
*/
/**
    Summary:
        PC幅と定義しているサイズでのmedia query
*/
/**
    Summary:
        特定のSP幅のmedia query
*/
/**
    Summary:
        特定のSP幅のmedia query
*/
/**
    Summary:
        特定のPC幅のmedia query
*/
/**
    Summary:
        hover時のスタイル

    Description:
        $breakPoint: ブレークポイント
*/
/**
    Summary:
        hover時にopacityを適用する
*/
/**
    Summary:
        hover時に左から罫線が現れるテキストリンク

    Description:
        $color: 罫線の色
        $linkCls: hoverが当たるBlock名
*/
/**
    Summary:
        汎用モジュール内で汎用モジュールを使用するエリアには`__block_area`というElementを設けます
        その場合、包括されるモジュールの上マージンは全て20pxで統一されます
*/
/**
    Summary:
        モジュールごとのmargin-top設定
        small, mediumの定義はvar.scssを参照ください
*/
/**
    Summary:
        最初と最後の直下要素のmarginをリセット
*/
/**
    Summary:
        ベーシックなリンクアロー（＞）
*/
/**
    Summary:
        ベーシックなボックスのスタイル
*/
/**
    Summary:
        ベーシックなボタンのスタイル
*/
/**
    Summary:
        ベーシックなNEWラベルのスタイル
*/
/**
    Summary:
        ベーシックなリンクテキスト
*/
/**
    Summary:
        ベーシックなリストスタイル
*/
/**
    Summary:
        タブ風リンクリストとタブ機能両方に対応したデザインのセット
*/
/**
    Summary:
        注釈テキストのスタイル
*/
/**
    Summary:
        通常ページのコンテンツ幅
*/
/**
    Summary:
        テキストを非表示にするスタイル
*/
/**
    Summary:
        js無効時のスタイル
*/
/**
    Summary:
        js有効時のスタイル
*/
/**
    Summary:
        マルチカラムのスタイルを生成
        カラム数に応じたModifierを有するモジュールには使用しません
        PC時に2-5カラムまでを想定。カラム数の指定には[data-col="[2~5]"]を指定
        SP時に1-2カラムまでを想定。カラム数の指定には[data-col="[1-2]"]を指定
        └初期値が1カラムの時に2カラムに対応し、2カラムの時に1カラムに対応する時に付与する想定

    Description:
        $spCol: デフォルトでのSP幅表示時のカラム数
        $spGapV: SP幅表示時のアイテム間の上下間隔
        $spGapH: SP幅表示時のアイテム間の左右間隔
        $pcCol: [data-col]指定の無いデフォルトでのPC幅表示時のカラム数
        $pcGapV: PC幅表示時のアイテム間の上下間隔
        $pcGapH: PC幅表示時のアイテム間の左右間隔
        $itemCls: アイテムのElement名
        $breakPont: ブレークポイント

    Example:
        @include lytCol(1, 20, 20, 4, 20, 20)
*/
/**
    Summary:
        比率を固定して画像を天地中央に表示させる
        比率は基本的に400×260pxの比率
        主にパネルモジュールはこの比率になる
        カラムやレイアウトモジュールで使用する画像は原則原寸表示とする

    Description:
        $ratio: `{幅 / 高さ * 100}%`
*/
/**
    Summary:
        リンクリスト
*/
/**
    Summary:
        Networkのパネル
*/
/**
    Summary:
        スクロール示唆バー
*/
/**
    Summary:
        タブ切り替え
*/
/**
    Summary:
        キービジュアル
*/
html, body {
  font-size: 16px;
}

.s_header, .s_footer {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, メイリオ, Meiryo, sans-serif;
}

:where(.s_header, .s_footer) a:hover,
:where(.s_header, .s_footer) a:link,
:where(.s_header, .s_footer) a:active,
:where(.s_header, .s_footer) a:visited {
  text-decoration: none;
  color: #00132C;
}

.s_global_navi_2nd_list__interface {
  transition: opacity 300ms;
}
@media only screen and (min-width: 1025px) {
  .s_global_navi_2nd_list__interface:hover:not([disabled]), .s_global_navi_2nd_list__interface:focus-visible:not([disabled]), .s_global_navi_2nd_list__interface:active:not([disabled]) {
    opacity: 0.7;
  }
}
@media screen and (max-width: 1024px) {
  .s_global_navi_2nd_list__interface {
    font-size: 18px;
  }
}
@media screen and (min-width: 1025px) {
  .s_global_navi_2nd_list__interface {
    font-size: 15px;
  }
}

.s_global_navi_under_list__interface {
  font-size: 16px;
}
@media screen and (min-width: 1025px) {
  .s_global_navi_under_list__interface {
    font-size: 15px;
  }
}
.s_global_navi_under_list__interface--category_top {
  font-size: 18px;
}
@media screen and (min-width: 1025px) {
  .s_global_navi_under_list__interface--category_top {
    font-size: 15px;
  }
}
.s_global_navi_under_list__interface--back {
  font-size: 16px;
}

@media screen and (max-width: 1024px) {
  .s_utility_navi__item {
    font-size: 13px;
  }
}
@media screen and (min-width: 1025px) {
  .s_utility_navi__item {
    font-size: 16px;
  }
}

@media screen and (min-width: 1025px) {
  .s_utility_navi__link {
    font-size: 12px;
  }
}

.s_footer_copyright {
  font-size: 12px;
}

.s_footer__link {
  font-size: 14px;
  color: #fff !important;
}

#TopicPath,
#logisteed_container {
  margin-top: 70px;
}
@media screen and (min-width: 1025px) {
  #TopicPath,
  #logisteed_container {
    margin-top: 172px;
  }
}

@media screen and (min-width: 1025px) {
  :where(.s_header.isFixed) + #logisteed_container header .header_inner {
    padding-top: 110px;
  }
}

.s_header {
  z-index: 2000;
}

.s_header_site_logo__image {
  width: 170px !important;
}
@media screen and (min-width: 1025px) {
  .s_header_site_logo__image {
    width: 286px !important;
  }
  .s_header.isMegaMenuOpen .s_header_site_logo__image, .s_header.isFixed .s_header_site_logo__image {
    width: 214px !important;
  }
}

@media screen and (max-width: 1024px) {
  .s_footer__logo_image {
    width: 310px !important;
  }
}
@media screen and (min-width: 1025px) {
  .s_footer__logo_image {
    width: 350px !important;
  }
}

h1:not([class]) > a[name] {
  color: #575757;
  text-decoration: none;
}
@media only screen and (min-width: 1025px) {
  h1:not([class]) > a[name]:hover:not([disabled]), h1:not([class]) > a[name]:focus-visible:not([disabled]), h1:not([class]) > a[name]:active:not([disabled]) {
    opacity: 1;
  }
}

.JS body {
  background-color: #fff !important;
}
.JS body.isMegaMenuOpen, .JS body.isHamburgerMenuOpen {
  overflow-x: hidden !important;
}

#swh_content_wrap #swh_content .menu_btn.active, #swh_content_wrap #swh_content .menu_btn span.active {
  top: 9rem;
}

#swh_content_wrap #swh_content header#swh_header .header_inner ul.active {
  padding-top: 15rem !important;
}

@media screen and (max-width: 1024px) {
  #logisteed_container header .header_inner nav, #logisteed_footer header .header_inner nav {
    top: 9.5em;
  }
}

.Recruitment abbr[title] {
  text-decoration: none;
}
.Recruitment .s_header *, .Recruitment .s_header *::before, .Recruitment .s_header *::after, .Recruitment .s_footer *, .Recruitment .s_footer *::before, .Recruitment .s_footer *::after {
  box-sizing: border-box;
}
.Recruitment .s_header {
  width: 100vw;
}
.Recruitment .s_header::after {
  z-index: -1;
}
.Recruitment.isHamburgerMenuOpen, .Recruitment.isMegaMenuOpen {
  overflow-y: hidden;
  position: relative;
}
.Recruitment.isHamburgerMenuOpen .s_header, .Recruitment.isMegaMenuOpen .s_header {
  position: fixed;
  top: 0;
}
@media screen and (min-width: 1025px) {
  .Recruitment .globalnav__nav {
    display: flex;
  }
}
.Recruitment .s_footer {
  margin-top: 0;
}
.Recruitment #TopicPath {
  margin-top: 0;
}
.Recruitment #Footer {
  padding: 0;
}
.Recruitment .s_page_top {
  display: none;
}
.Recruitment .FatMenuWide {
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .Recruitment .FatMenu, .Recruitment .FatMenuWide {
    display: block;
  }
}
.Recruitment main {
  position: relative;
}
.Recruitment .scroll-btn {
  z-index: 1;
  bottom: 0;
}
@media screen and (min-width: 1025px) {
  .Recruitment:not(.js-fixed) .globalnav__nav {
    top: 0;
  }
}
.Recruitment:not(.js-fixed) .home .scroll-btn {
  bottom: -42px;
}
@media screen and (max-width: 1024px) {
  .Recruitment:not(.js-fixed) .home .scroll-btn {
    bottom: 0;
  }
}
.Recruitment main.message .bg-layer, .Recruitment main.people .bg-layer {
  top: 0;
}