@charset "UTF-8";
/*! Global Styles */
/*====================================
  *. Global
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Bace Import
    - 2. Global Import
    - 3. Category Import
    - 4. Module Import
    - 5. Component Import
    -99. Print Import
    
    ----------------------------------
    Introduction
    ----------------------------------
    "2. Global Import" 以降に書いていこうね
    そうしないと意図したスタイルに
    ならない可能性があるぞ
    
    ----------------------------------
    Constitution
    ----------------------------------
    このSCSSにスタイルガシガシ書くよりも
    このSCSSインポートしていく方がいいと思う
    そうした方が、今後の使い回しが楽だと思うよ
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Bace Import
--------------------------------------
  まずはbasic-styleと
  君が作るブランクの
  - variables
  - function
  - mixin を読み込むぞ

====================================*/
/* チートシート判別変数 'false' 固定 */
/* basic-style */
/*! powered by Basic Assets : v1.0.7 */
/*====================================
  Basic Assets Styles
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Base & Variables
    - 2. Resets Modules
    - 3. icon Modules
    - 4. Global Modules
    
    ----------------------------------
    Introduction
    ----------------------------------
    /assets/basic-assets/cheat-sheet/を
    みながらスタイル調整をしていこう
    
    ----------------------------------
    Constitution
    ----------------------------------
    ローカルホスト立てて
    セーブしたらコンパイルしてくれるようなやつ
    入ってると楽だよ
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Base & Variables
--------------------------------------
  変数やら、functionやら、mixinやらを
  読み込むよ

====================================*/
/*====================================
  0. Bace Variables
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Base var
    
    ----------------------------------
    Introduction
    ----------------------------------
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/scss/_basic-style.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Base var
--------------------------------------
  共通変数

====================================*/
/*====================================

    6.0. variable

====================================*/
/*====================================
  0. Bace Function
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Map Deep Get
    - 2. REM Calculator
    - 3. Line Height Calculator
    - 4. Strip Unit


    - 4. responsive-map-get
    - 5. border style set
    - 6. breakpoint
    - 7. color

    - 99. Map Output Function
    
    ----------------------------------
    Introduction
    ----------------------------------
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/scss/_basic-style.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Map Deep Get
--------------------------------------
  ネストされたmapを取得できる
  map-deep-get()

====================================*/
/*====================================

  - 2. REM Calculator
--------------------------------------
  px -> rem の計算機
  $basic-font-size必須
  rem-calc(number);

====================================*/
/*====================================

  - 3. Line Height Calculator
--------------------------------------
  line-height の計算機
  px からで 比率計算できる
  $basic-font-size必須
  line-height-cal(line-height, font-size);

====================================*/
/*====================================

  - 4. Strip Unit
--------------------------------------
  単位がある数値を数値だけにする

====================================*/
/* 未着手 */
/*====================================
    0.3. responsive-map-get
====================================*/
/*
ネストされたmapを取得できる
default, largeのmapをゲットする
*/
/*====================================
    0.4. border style set
====================================*/
/*====================================

  - 99. Map Output Function
--------------------------------------
  mapで設定したものを呼び出すためのfunction

====================================*/
/*------------------------------------
  $breakpoints(map)を
  取得するための @function
------------------------------------*/
/*------------------------------------
  $colors(map)を
  取得するための @function
------------------------------------*/
/*------------------------------------
  $font-size-sets(map)を
  取得するための @function
------------------------------------*/
/*====================================
  0. Bace MIXINS
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Font size
    - 2. Media Queries width
      2.1 Media Queries width base
      2.2 Media Queries min
      2.3 Media Queries max
      2.4 Media Queries Only
    - 3. Media Dark Mode
    - 4. Media Portrait
    - 5. Media Landscape
    - 6. Button Reset
    - 7. Size
    - 8. Aspect Ratio
    
    ----------------------------------
    Introduction
    ----------------------------------
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/scss/_basic-style.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Font size
--------------------------------------
  font-size のrem
  line-heightを求めるmixin
  基本数は$basic_font_sizeで設定

  @include font-size(16);
  output:
  font-size: 1rem;

  @include font-size(16, 18);
  output:
  font-size: 1rem;
  line-height: 1.125;

====================================*/
/*====================================

  - 2. Media Queries width
--------------------------------------
  @include media-min(999) { *** }
  output:
  @media (min-width: 999)  { *** }

  @include media-max(999) { *** }
  output:
  @media (max-width: 999)  { *** }

  @include media-only(999, 9999) { *** }
  output:
  @media (min-width: 999) and (max-width: 9999)  { *** }

====================================*/
/*------------------------------------
  2.1 Media Queries width base
------------------------------------*/
/*------------------------------------
  2.2 Media Queries min
------------------------------------*/
/*------------------------------------
  2.3 Media Queries max
------------------------------------*/
/*------------------------------------
  2.4 Media Queries Only
------------------------------------*/
/*====================================

  - 3. Media Dark Mode
--------------------------------------
  ダークモード用

  @include media-dark { *** }
  output:
  @media (prefers-color-scheme: dark)  { *** }

====================================*/
/*====================================

  - 4. Media Portrait
--------------------------------------
  画面が縦長用

  @include media-portrait { *** }
  output:
  @media (orientation: portrait)  { *** }

====================================*/
/*====================================

  - 5. Media Landscape
--------------------------------------
  画面が横長用

  @include media-landscape { *** }
  output:
  @media (orientation: landscape)  { *** }

====================================*/
/*====================================

  - 6. Button Reset
--------------------------------------
  <button>スタイルをリセットするmixin

  @include button-reset;

====================================*/
/*====================================

  - 7. Size
--------------------------------------
  widthとheightを設定するmixin

  @include size(100px);
  output:
  width: 100px;
  height: 100px;

  @include size(100px, 200px);
  output:
  width: 100px;
  height: 200px;

====================================*/
/*====================================

  - 8. Aspect Ratio
--------------------------------------
  widthに対してpadding-topで高さを計算する

====================================*/
/*====================================

  - 11. Background Cover
--------------------------------------
  background-size: cover;のためのmixin

====================================*/
/*====================================

  - 11. Background Cover
--------------------------------------
  background-size: cover;のためのmixin

====================================*/
/* 未整理 */
/*====================================
    0.3. responsive map style set
====================================*/
/*====================================
    0.8. justify
====================================*/
/*====================================
    0.9. Line Truncate
====================================*/
/*====================================
    0.10. Lines Truncate
====================================*/
/*====================================
    0.11. Absolute
====================================*/
/*====================================
    0.12. Max Width
====================================*/
/*====================================
  Variables
    ----------------------------------
    Structure
    ----------------------------------
    - 0. Debug
    - 1. Bace font
    - 2. Breakpoints
    - 3. Colors
    - 4. Modifier Tag
    - 4. Font Size
    
    *.3. Fontsize
    *.4. Colors
    
    ----------------------------------
    Introduction
    ----------------------------------
    ここでいじるのは'Debug'だけ
    あとは全部 import だよ
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/scss/_basic-style.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 0. Debug
--------------------------------------
  通常時・納品時は2つとも'false'

====================================*/
/* タグを可視化するスタイル 使う場合 'true' or 'false' */
/* brakepoint画面隅に表示場合 'true' or 'false' */
/*====================================

  - 1. Basic
--------------------------------------
  編集するscss
  /assets/basic-assets/scss/variables/_01-basic.scss

====================================*/
/*====================================
  01. Basic Variables
    ----------------------------------
    Structure
    ----------------------------------
    - 1. External font Settings
    - 2. Yu Fonts Settings
    - 3. Font Family
    - 4. Bacic Font Size
    - 5. <body> & <html> Settings
    - 6. Icon Fonts [ basic icon ]
    - 7. Icon Fonts [ Font Awasome Brand ]
    
    ----------------------------------
    Introduction
    ----------------------------------
    最初は基本的なところ
    主に<html>と<body>の基本設定
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/scss/variables/_variables.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. External font Settings
--------------------------------------
  外部フォントを読み込まないなら、行ごとコメントアウト

====================================*/
@import url("https://fonts.googleapis.com/css?family=Amiri:400,700&display=swap");
/*====================================

  - 2. Yu Fonts Settings
--------------------------------------
  游ゴシック / 游明朝 の時
  WindowsとMacでフォントの太さを揃える時の設定

====================================*/
/* 游ゴシック使う場合 'true' or 'false' */
/* 游明朝使う場合 'true' or 'false' */
/*====================================

  - 3. Font Family
--------------------------------------
  フォントファミリーの設定
  変数化しておけば、後々楽だよ

====================================*/
/* 基本で使うフォントファミリー　*/
/*
Honoka の Font Family
-apple-system, "BlinkMacSystemFont", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
*/
/* 基本で使うサブフォントファミリー　*/
/* <body>に設定されるfont-weight　*/
/*------------------------------------

  使用するフォントの数だけつくれば
  mixin で呼び出せるぞ
  ここに作ってもいいし
  ローカルのmixinに作ってもいいと思う

  -- ex. ----------
  @mixin font {
    font-family: $basic-font-family;
    font-weight: 400;
  }
  @mixin sub-font {
    font-family: $basic-sub-font-family;
    font-weight: 400;
  }

------------------------------------*/
/*====================================

  - 4. Bacic Font Size
--------------------------------------
  font-size と　line-height　共に
  単位省略(px)して書いてね
  両方とも<html>に設定されるよ

  ここでのline-heightは
  小さめにしとくといいと思う

====================================*/
/* Font Size (px) */
/* Line Height (px) */
/*====================================

  - 5. <body> & <html> Settings
--------------------------------------
  何か必要なら、ここに書いてもよし、
  ローカルのscssに上書きしてもよし

====================================*/
/* <html> */
/* <body> */
/*====================================

  - 6. Icon Fonts [ basic icon ]
--------------------------------------
  Icon Font [ basic icon ] に関しては
  使ってくれたらうれしいな。
  
====================================*/
/* basic icon 使う場合 'true' or 'false' */
/* basic icon class 使う場合 'true' or 'false' */
/*====================================

  - 7. Icon Fonts [ Font Awasome Brand ]
--------------------------------------
  これはFont読み込んでるだけで、
  スタイルは読み込まないので、ご注意を
  
====================================*/
/* Font Awasome Brand 使う場合 'true' or 'false' */
/*====================================

  - 2. Breakpoints
--------------------------------------
  編集するscss
  /assets/basic-assets/scss/variables/_02-breakpoint.scss

====================================*/
/*====================================
  02. Breakpoints Variables
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Breakpoints
    - 2. Max Width
    
    ----------------------------------
    Introduction
    ----------------------------------
    ブレイクポイントの設定は
    別にいじらなくてもいいかな。。。
    $max-width だけ設定すればいいかも、
    あれば意外に便利だし。
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/scss/variables/_variables.scss

    サイズだけ呼び出すときは、breakpoint(mini); -> 320px

    # media min-width だったら
    @include media-min(medium) { *** }

    # max-width だったら
    @include media-max(medium) { *** }

    # min-width and max-width だったら
    @include media-only(mini, max) { *** }

    # ダークモードだったら
    @include media-dark { *** }

    # 縦長画面だったら
    @include media-portrait { *** }

    # 横長画面だったら
    @include media-landscape { *** }
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Breakpoints
--------------------------------------

====================================*/
/*====================================

  - 2. Default breakpoint
--------------------------------------
  一番良く使うブレイクポイントを登録しよう
  上で設定したやつの名前を入れてね

====================================*/
/*====================================

  - 2. Max Width
--------------------------------------
  max-widthもここで決めちゃおう。
  'breakpoint(***)'もしくは
  'breakpoint(999)'もしくは
  '999px'みたいな書き方

====================================*/
/*====================================

  - 3. Header Height:

--------------------------------------
  ヘッダーの高さPCとスマホで
  2つ登録しておくと楽

====================================*/
/* スマホ */
/* PC */
/*====================================

  - 3. Colors
--------------------------------------
  編集するscss
  /assets/basic-assets/scss/variables/_03-colors.scss

====================================*/
/*====================================
  03. Colors Variables
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Brand Colors
    - 2. Colors
    - 3. Site Colors
    - 4. UI Colors
    - 5. File Colors
    - 6. SNS Colors
    
    ----------------------------------
    Introduction
    ----------------------------------
    まぁ、こんなにいらないんだろーなー。
    とりあえず。ね。

    # RGBa
    rgba(color(primary),1.0);

    # 色相の変更
    adjust-hue(color(primary), 60deg);

    # 彩度を上げる
    saturate(color(primary), 15%);

    # 彩度を下げる
    desaturate(color(primary), 15%);

    # 輝度を上げる
    lighten(color(primary), 15%);

    # 輝度を下げる
    darken(color(primary), 15%);

    # 色の反転
    invert(color(primary));

    # グレースケール
    grayscale(color(primary));

    # 反対色
    complement(color(primary));

    # 中間色
    mix(color(primary), color(secondary));
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/scss/variables/_variables.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Brand Colors
--------------------------------------
  基本的にロゴの色
  SVGとかで作るときとか便利
  
  # 呼び出すとき
  brand-color(primary);

====================================*/
/*
'.color--brand-primary'
みたいなクラスいる？ 'true' or 'false'
*/
/*
'.backgroundcolor--brand-primary'
みたいなクラスいる？ 'true' or 'false'
*/
/*====================================

  - 2. Colors
--------------------------------------
  基本色
  
  # 呼び出すとき
  color(primary);

====================================*/
/*
'.color--primary'
みたいなクラスいる？ 'true' or 'false'
*/
/*
'.backgroundcolor--primary'
みたいなクラスいる？ 'true' or 'false'
*/
/*====================================

  - 3. Site Colors
--------------------------------------
  サイトの具体的な箇所の色
  
  # 呼び出すとき
  site-color(background);

====================================*/
/*
'.color--site-background'
みたいなクラスいる？ 'true' or 'false'
*/
/*
'.backgroundcolor--site-background'
みたいなクラスいる？ 'true' or 'false'
*/
/*====================================

  - 4. UI Colors
--------------------------------------
  フォームなどのUIで使用する色
  
  # 呼び出すとき
  ui-color(success);

====================================*/
/*
'.color--ui-success'
みたいなクラスいる？ 'true' or 'false'
*/
/*
'.backgroundcolor--ui-success'
みたいなクラスいる？ 'true' or 'false'
*/
/*====================================

  - 5. File Colors
--------------------------------------
  ファイルのiconとかstickerとかに使う色
  
  # 呼び出すとき
  file-color(file);

====================================*/
/*
'.color--file-file'
みたいなクラスいる？ 'true' or 'false'
*/
/*
'.backgroundcolor--file-file'
みたいなクラスいる？ 'true' or 'false'
*/
/*====================================

  - 6. SNS Colors
--------------------------------------
  SNS及webサービスのカラーパレット
  
  # 呼び出すとき
  sns-color(instagram);

====================================*/
/*
'.color--sns-instagram'
みたいなクラスいる？ 'true' or 'false'
*/
/*
'.backgroundcolor--sns-instagram'
みたいなクラスいる？ 'true' or 'false'
*/
/*====================================
  - 4. Modifier Tag
--------------------------------------
  編集するscss
  /assets/basic-assets/scss/variables/_04-modifier-tag.scss

====================================*/
/*====================================
  04. Modifier Tag Variables
    ----------------------------------
    Structure
    ----------------------------------
    - 1. <small> Style
    - 2. <sup> <sub> Style
    - 3. <mark> Style
    - 4. <abbr> <dfn> Style
    - 5. <ruby> Style
    
    ----------------------------------
    Introduction
    ----------------------------------
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/scss/variables/_variables.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/12/05   add <mark>
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. <small> Style
--------------------------------------
  ここは相対（ em / % ）が望ましい。
  
====================================*/
/*　共通変数（相対推奨）　*/
/*====================================

  - 2. <sup> <sub> Style
--------------------------------------
  個別にもできるけどめんどくさかったら
  ’$s-size' だけ変えとけばいいと思う
  
====================================*/
/* <sup> font size（相対推奨） */
/* <sub> font size（相対推奨） */
/*====================================

  - 3. <mark> Style
--------------------------------------
  文字色に関しては 'null' でもいいよ
  
====================================*/
/* <mark> background color */
/* <mark> text color */
/*====================================

  - 4. <abbr> <dfn> Style
--------------------------------------
  <abbr>と<dfn>は'title'がある時のみ
  以下のスタイルが当たります
  
====================================*/
/* abbrとdfnの装飾　*/
/*====================================

  - 5. <ruby> Style
--------------------------------------
  特にいじらなくてもいいよ。
  でも、いじりたいなー。って思ったら
  
====================================*/
/*====================================
  - 5. Font Size
--------------------------------------
  編集するscss
  /assets/basic-assets/scss/variables/_05-text.scss

====================================*/
/*====================================
  04. Font Size Variables
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Basic Font Size Set
    
    ----------------------------------
    Introduction
    ----------------------------------
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/scss/variables/_variables.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Basic Font Size Set
--------------------------------------
  [ medium ] を基準にするといいと思う
  
====================================*/
/*
*/
/*====================================

  - 2. Paragraph Font Size Set
--------------------------------------
  パラグラフの設定のフォントサイズ
  $breakpointsで設定したやつに対応するよ
  
====================================*/
/*
.contents-style * + * { margin-top: ** } の設定
$paragraphsで設定した 'def { top-margin }' の分だけmargin-topする
オブジェクトによっては、margin-topを打ち消さなきゃいけなくなるよ
でも、オブジェクトのリズムは生まれるね。
'true' or 'false'
*/
/*====================================
  - 6. Table
--------------------------------------
  編集するscss
  /assets/basic-assets/scss/variables/_06-table.scss

====================================*/
/*====================================
  06. Table
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Basic Font Size Set
    
    ----------------------------------
    Introduction
    ----------------------------------
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/scss/variables/_variables.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/12/18   Founding
    
====================================*/
/*====================================

  - 1. Basic Table Style
--------------------------------------
  
====================================*/
/* table tag のブレイクポイント */
/*
tableのスタイル一括で設定するならここ
個別なら以下のmapをいじろう
*/
/*====================================

  - 2. Vanilla Table Style
--------------------------------------
  クラスのないtable
  
====================================*/
/* caption の align 'left' or 'right' or 'center' */
/* th の align 'left' or 'right' or 'center' */
/* thのfont-weight 変えたくない場合は'inherit' */
/*====================================

  - 3. Table Style
--------------------------------------
  .table がついたtable
  
====================================*/
/* スタイル名変えたい時はここを変える */
/*
テーブル(table)設定
default（スマホとか）: 画面幅小さい時 + 共通設定ここに値を入れるとこれが採用される
large（PCとか）     : 画面幅大きい時の設定。値ごと消すとdefaultから値が採用される

remの計算めんどくさかったら、rem-calc(10)とかを使ってね
*/
/*====================================
    *.5. Table
====================================*/
/*------------------------------------
    *.5.2 Archive List Table
------------------------------------*/
/*====================================
  * Archive List Variables
    ----------------------------------
        Structure
    ----------------------------------
    *.1. Introduction
    *.2. Constitution
    *.3. Basic Setting
    *.4. Advanced Setting
    ----------------------------------
        Change Log
    ----------------------------------
    -2019/11/08   Founding
    
====================================*/
/*====================================

  *.1. Introduction

--------------------------------------

  アーカイブリストテーブル(.archive-list)設定
  default（スマホとか）: 画面幅小さい時 + 共通設定ここに値を入れるとこれが採用される
  large（PCとか）     : 画面幅大きい時の設定。値ごと消すとdefaultから値が採用される

  ここは基本的に形の整形です。'.sticker'とかはまた後ほど

  remの計算めんどくさかったら、rem-calc(10)とかを使ってね

====================================*/
/*====================================

  *.2. Constitution

--------------------------------------
  
  div.archive-list>ul>li>div+archive-list__header>div+archive-list__header+div+archive-list__body

  $archive-list-revied-nest: false;の場合
  <div class="archive-list">
    <ul>
      <li>
        <div class="archive-list__header">
          <span class="date">2019年10月25日</span>
        </div><!-- /.archive-list__header -->
        <div class="archive-list__header">
          <span class="sticker">HP更新</span>
        </div><!-- /.archive-list__header -->
        <div class="archive-list__body">
          <p><a href="#">「稼働率の推移」を更新しました</a></p>
        </div><!-- /.archive-list__body -->
      </li>
      <li class="is-revied">
        <div class="archive-list__header">
          <span class="date">2019年10月25日</span>
        </div><!-- /.archive-list__header -->
        <div class="archive-list__header">
          <span class="sticker">HP更新</span>
        </div><!-- /.archive-list__header -->
        <div class="archive-list__body">
          <p><a href="#">「第14期有価証券報告書」を掲載しましたPDF（1.3MB）</a></p>
        </div><!-- /.archive-list__body -->
      </li>
    </ul>
  </div>


  $archive-list-revied-nest: true;の場合
  <div class="archive-list">
    <ul>
      <li>
        <div class="archive-list__header">
          <span class="date">2019年10月25日</span>
        </div><!-- /.archive-list__header -->
        <div class="archive-list__header">
          <span class="sticker">HP更新</span>
        </div><!-- /.archive-list__header -->
        <div class="archive-list__body">
          <p><a href="#">「稼働率の推移」を更新しました</a></p>
          <ul class="is-revied">
            <li>
              <div class="archive-list__header">
                <span class="date">2019年10月25日</span>
              </div><!-- /.archive-list__header -->
              <div class="archive-list__header">
                <span class="sticker">HP更新</span>
              </div><!-- /.archive-list__header -->
              <div class="archive-list__body">
                <p><a href="#">「第14期有価証券報告書」を掲載しましたPDF（1.3MB）</a></p>
              </div><!-- /.archive-list__body -->
            </li>
          </ul>
        </div><!-- /.archive-list__body -->
      </li>
    </ul>
  </div>
====================================*/
/*====================================

  *.3. Basic Setting

====================================*/
/*====================================

  *.4. Advanced Setting

====================================*/
/*------------------------------------
    *.5.3 Timeline Table
------------------------------------*/
/*====================================
  * Timeline Variables
    ----------------------------------
        Structure
    ----------------------------------
    *.1. Introduction
    *.2. Constitution
    *.3. Basic Setting
    *.4. Advanced Setting
    ----------------------------------
        Change Log
    ----------------------------------
    -2019/11/08   Founding
    
====================================*/
/*====================================

  *.1. Introduction

--------------------------------------

  タイムラインテーブル(.timeline)設定
  default（スマホとか）: 画面幅小さい時 + 共通設定ここに値を入れるとこれが採用される
  large（PCとか）     : 画面幅大きい時の設定。値ごと消すとdefaultから値が採用される

  remの計算めんどくさかったら、rem-calc(10)とかを使ってね

====================================*/
/*====================================

  *.2. Constitution

--------------------------------------
  
  ul.timeline>li>div.timeline__header+div.timeline__body

  $archive-list-revied-nest: false;の場合
  <div class="archive-list">
    <ul>
      <li>
        <div class="archive-list__header">
          <span class="date">2019年10月25日</span>
        </div><!-- /.archive-list__header -->
        <div class="archive-list__header">
          <span class="sticker">HP更新</span>
        </div><!-- /.archive-list__header -->
        <div class="archive-list__body">
          <p><a href="#">「稼働率の推移」を更新しました</a></p>
        </div><!-- /.archive-list__body -->
      </li>
      <li class="is-revied">
        <div class="archive-list__header">
          <span class="date">2019年10月25日</span>
        </div><!-- /.archive-list__header -->
        <div class="archive-list__header">
          <span class="sticker">HP更新</span>
        </div><!-- /.archive-list__header -->
        <div class="archive-list__body">
          <p><a href="#">「第14期有価証券報告書」を掲載しましたPDF（1.3MB）</a></p>
        </div><!-- /.archive-list__body -->
      </li>
    </ul>
  </div>


  $archive-list-revied-nest: true;の場合
  <ul class="timeline">
    <li>
      <div class="timeline__header">0000.00.00</div>
      <div class="timeline__body">
        <p>text text</p>
        <p>text text</p>
      </div>
    </li>
  </ul>
====================================*/
/*====================================

  *.3. Basic Setting

====================================*/
/*====================================

  -99. Vendor
--------------------------------------
  編集するscss
  /assets/basic-assets/scss/variables/_99-vendor.scss

====================================*/
/*====================================
  99. Vendor Variables
    ----------------------------------
    Structure
    ----------------------------------
    - 1. slick
    - 2. MODAAL
    
    ----------------------------------
    Introduction
    ----------------------------------
    スタイルを読み込むだけなので、
    jsなんかの設定は別途必要

    jquery path - v3.4.1
    /basic-assets/vendor/jquery.min.js
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/scss/variables/_variables.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/12/21   Founding
    
====================================*/
/*====================================

  - 1. slick
--------------------------------------
  slick - 1.8.0 - 多機能スライダー
  https://kenwheeler.github.io/slick/
  js path
  /basic-assets/vendor/slick/slick.min.js

  slick使う場合 'true' or 'false'

====================================*/
/*====================================

  - 2. MODAAL
--------------------------------------
  MODAAL - 0.4.4 - 多機能モーダル
  http://humaan.com/modaal/
  js path
  /basic-assets/vendor/modaal/modaal.min.js

  MODAAL使う場合 'true' or 'false'

====================================*/
/*------------------------------------
  2.1 MODAAL Variables
------------------------------------*/
/*====================================

  - 2. Resets Modules
--------------------------------------

====================================*/
/*====================================
  0. Reset Style
    ----------------------------------
    Structure
    ----------------------------------
    - 0. Full Reset
    - 1. Border Box
    - 2. Objects
    - 3. List reset
    - 4. Blockquote reset
    - 5. link tag
    - 6. hr
    - 7. Computer code
    - 8. Form
    
    ----------------------------------
    Introduction
    ----------------------------------
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/scss/_basic-style.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 0. Full Reset
--------------------------------------

====================================*/
@-ms-viewport {
  width: device-width;
}

html {
  line-height: 1;
  /* normalize.css */
  -webkit-text-size-adjust: 100%;
  /* normalize.css */
  -ms-overflow-style: scrollbar;
  /* from bootstrap */
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
header,
main,
footer,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: inherit;
  vertical-align: baseline;
  background: transparent;
}

article,
aside,
figure,
header,
main,
footer,
nav,
section,
details,
summary {
  display: block;
}

/*====================================

  - 1. Border Box
--------------------------------------

====================================*/
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;*/
  background-color: rgba(255, 255, 255, 0);
}

:invalid,
:-moz-submit-invalid,
:-moz-ui-invalid {
  box-shadow: none;
}

/*====================================

  - 2. Objects
--------------------------------------

====================================*/
img,
object,
embed {
  max-width: 100%;
}

/*====================================

  - 3. List reset
--------------------------------------
]
====================================*/
/* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */
ul,
ol {
  list-style: none;
}

/*====================================

  - 4. Blockquote reset
--------------------------------------

====================================*/
blockquote,
q {
  quotes: none;
}

blockquote::before, blockquote::after,
q::before,
q::after {
  content: '';
  content: none;
}

/*====================================

  - 5. link tag
--------------------------------------

====================================*/
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-style: inherit;
  font-weight: inherit;
}

/*====================================

  - 6. hr
--------------------------------------

====================================*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*====================================

  - 7. Computer code
--------------------------------------

====================================*/
/* standardize any monospaced elements */
pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
  font-size: 1em;
  /* nomalize.css */
}

/*====================================

  - 8. Form
--------------------------------------

====================================*/
/* hand cursor on clickable elements */
.is-clickable,
label,
input[type="button"],
input[type="submit"],
input[type="file"],
input[type="range"],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  font: inherit;
}

/* make buttons play nice in IE */
button,
input[type="button"] {
  width: auto;
  overflow: visible;
}

input,
select {
  vertical-align: middle;
}

input[type="radio"] {
  vertical-align: text-bottom;
}

input[type="checkbox"] {
  vertical-align: bottom;
}

select,
input,
textarea {
  font-size: 100%;
}

/*
Show the overflow in IE.
1. Show the overflow in Edge.
*/
button,
input {
  /* 1 */
  overflow: visible;
}

/*
Remove the inheritance of text transform in Edge, Firefox, and IE.
1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
  /* 1 */
  text-transform: none;
}

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

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

/*
Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/*
Correct the padding in Firefox.
*/
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/*
1. Correct the text wrapping in Edge and IE.
2. Correct the color inheritance from `fieldset` elements in IE.
3. Remove the padding so developers are not caught out when they zero out fieldset` elements in all browsers.
*/
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

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

/*
Remove the default vertical scrollbar in IE 10+.
*/
textarea {
  overflow: auto;
}

/*
1. Add the correct box sizing in IE 10.
2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

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

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

/*====================================
  0. Reset Style Yu
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Reset Style Yu Gothic
    - 2. Reset Style Yu Mincho
    
    ----------------------------------
    Introduction
    ----------------------------------
    「游ゴシック」及「游明朝」の時
    WindowsとMacでウエイトを揃える時の設定
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/scss/_basic-style.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Reset Style Yu Gothic
--------------------------------------
  「游ゴシック」のウエイト調整

====================================*/
/*====================================

  - 2. Reset Style Yu Mincho
--------------------------------------
  「游明朝」のウエイト調整

====================================*/
/*====================================

  - 3. icon Modules
--------------------------------------

====================================*/
/* 00 */
/*====================================
  00. Debug Style sheet
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Debug Border
    - 2. Debug Brakepoint
    
    ----------------------------------
    Introduction
    ----------------------------------
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/scss/_basic-style.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Debug Border
--------------------------------------

====================================*/
/*====================================

  - 2. Debug Brakepoint

--------------------------------------

====================================*/
/*====================================
  0. Icons Style sheet
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Basic Icon
    - 2. Fontawasome Brand Import
    
    ----------------------------------
    Introduction
    ----------------------------------
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/scss/_basic-style.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Basic Icon Import
--------------------------------------

====================================*/
/*====================================
  Basic Icon Style sheet
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Variables Import
    - 2. Font Include
    - 3. Class List Import
    
    ----------------------------------
    Introduction
    ----------------------------------
    
    ----------------------------------
    Constitution
    ----------------------------------
    Master
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Variables Import
--------------------------------------

====================================*/
/*====================================
  Basic Icon Variables
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Root Path
    - 2. Variables
    
    ----------------------------------
    Introduction
    ----------------------------------
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/icon/scss/_basic-icon.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Root Path
--------------------------------------

====================================*/
/*====================================

  - 2. Variables
--------------------------------------

====================================*/
/*====================================

  - 2. Font Include
--------------------------------------

====================================*/
@font-face {
  font-family: "basicicon";
  src: url("https://assets.rap-reit.co.jp/basic-assets/icon/basicicon.eot?e9wsj5");
  src: url("https://assets.rap-reit.co.jp/basic-assets/icon/basicicon.eot?e9wsj5#iefix") format("embedded-opentype"), url("https://assets.rap-reit.co.jp/basic-assets/icon/basicicon.ttf?e9wsj5") format("truetype"), url("https://assets.rap-reit.co.jp/basic-assets/icon/basicicon.woff?e9wsj5") format("woff"), url("https://assets.rap-reit.co.jp/basic-assets/icon/basicicon.svg?e9wsj5#basicicon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.bi {
  font-family: "basicicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*====================================

  - 3. Class List Import
--------------------------------------

====================================*/
/*====================================
  Basic Icon Class
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Basic Icon Class
    
    ----------------------------------
    Introduction
    ----------------------------------
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/icon/scss/_basic-icon.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Basic Icon Class
--------------------------------------

====================================*/
/*====================================

  - 2. Fontawasome Brand Import
--------------------------------------
  Fontawasome Brand だけだよ

====================================*/
/*====================================
  * Variables
    ----------------------------------
        Structure
    ----------------------------------
    *.1. sns sets
    *.2. FontAwasome Brand
 
    ----------------------------------
        Change Log
    ----------------------------------
    -2018/8/17   Founding
    
====================================*/
/*====================================
    *.1. sns sets
====================================*/
/*====================================
    *.2. FontAwasome Brand
====================================*/
/*====================================
  00. Empty Class
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Empty Style
    - 2. IS class
    - 3. NO class
    - 4. JS class
    
    ----------------------------------
    Introduction
    ----------------------------------
    スタイルは持ってないけど、
    良く使う判別子クラスとか書いておけば
    予測変換に出てきて便利だね。
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/scss/_basic-style.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Empty Style
--------------------------------------
  color: inherit;で影響なくクラスを吐き出す
  @extend %empty;でつかってどうぞ

====================================*/
.is-current,
.is-active,
.is-select,
.is-open,
.is-close,
.is-loded,
.is-success,
.is-error,
.is-danger,
.is-warning,
.is-info,
.is-en,
.is-ja,
.is-home, .no-responsive, .is-top, .is-about, .is-features, .is-portfolio, .is-other {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*====================================

  - 2. IS class
--------------------------------------
  .is-** 判別子
  'is-' if判定を実行すると'true'を返しそう

====================================*/
/*====================================

  - 3. NO class
--------------------------------------
  .no-** 判別子
  'no-' if判定を実行すると'false'を返しそう

====================================*/
/*====================================

  - 4. JS class
--------------------------------------
  .js-** 判別子
  'js-' jsを実行するための判別子

====================================*/
/*====================================

  - 4. Global Modules
--------------------------------------
  02 - brakepoints style 無し

====================================*/
/*====================================
  01. Basic Style sheet
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Basic tag
    - 2. Contents Style
    
    ----------------------------------
    Introduction
    ----------------------------------
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/scss/_basic-style.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Basic tag
--------------------------------------

====================================*/
html {
  font-size: 100%;
  line-height: 1.125;
}

body {
  font-size: 100%;
  line-height: 1.125;
  line-height: inherit;
  font-weight: 500;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  background-color: #fff;
  color: #000;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: "halt";
          font-feature-settings: "halt";
  -webkit-text-size-adjust: 100%;
  letter-spacing: 0.015em;
}

a {
  color: #1055A3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
}

a:hover {
  color: #078FD3;
}

button {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

/*
a:not([class]) {
  text-decoration: underline;
}*/
img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom;
}

.display-inline {
  display: inline !important;
}

.display-block {
  display: block !important;
}

.display-inline-block {
  display: inline-block !important;
}

.display-none {
  display: none !important;
}

.display-inherit {
  display: inherit !important;
}

/*====================================

  - 2. Contents Style
--------------------------------------

====================================*/
/*====================================
  03. Basic Style sheet
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Color Class
    - 2. Color Class
    - 3. Site Color Class
    - 4. UI Color Class
    - 5. File Color Class
    - 6. SNS Color Class
    
    ----------------------------------
    Introduction
    ----------------------------------
    色にまつわるものはここに書こう
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/scss/_basic-style.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Brand Color Class
--------------------------------------
  color: だけが設定されたクラス
  background-color: だけが設定されたクラス

====================================*/
/*====================================

  - 2. Color Class
--------------------------------------
  color: だけが設定されたクラス
  background-color: だけが設定されたクラス

====================================*/
/*====================================

  - 3. Site Color Class
--------------------------------------
  color: だけが設定されたクラス
  background-color: だけが設定されたクラス

====================================*/
/*====================================

  - 4. UI Color Class
--------------------------------------
  color: だけが設定されたクラス
  background-color: だけが設定されたクラス

====================================*/
/*====================================

  - 5. File Color Class
--------------------------------------
  color: だけが設定されたクラス
  background-color: だけが設定されたクラス

====================================*/
/*====================================

  - 6. SNS Color Class
--------------------------------------
  color: だけが設定されたクラス
  background-color: だけが設定されたクラス

====================================*/
/*====================================
  04. Modifier Tag
    ----------------------------------
    Structure
    ----------------------------------
    - 1. <b> <strong> Tag
    - 2. <i> <em> Tag
    - 3. <small> Tag
    - 4. <mark> Tag
    - 5. <sub> <sup> Tag
    - 6. <del> <ins> Tag
    - 7. <abbr> <dfn> Tag
    - 8. <ruby> Tag
    
    ----------------------------------
    Introduction
    ----------------------------------
    
    ----------------------------------
    Constitution
    ----------------------------------
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/12/05   add <mark>
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. <b> <strong> Tag
--------------------------------------

====================================*/
b,
.display-b,
strong,
.display-strong {
  font-weight: bold;
}

/*====================================

  - 2. <i> <em> Tag
--------------------------------------

====================================*/
i,
.display-i,
em,
.display-em {
  font-style: italic;
}

/*====================================

  - 3. <small> Tag
--------------------------------------

====================================*/
small,
.display-small {
  font-size: 0.75em;
}

/*====================================

  - 4. <mark> Tag
--------------------------------------

====================================*/
mark,
.display-mark {
  background-color: rgba(7, 143, 211, 0.25);
}

/*====================================

  - 5. <sub> <sup> Tag
--------------------------------------

====================================*/
sub,
.display-sub,
sup,
.display-sup {
  position: relative;
  font-style: inherit;
  font-weight: inherit;
}

sup,
.display-sup {
  font-size: 0.75em;
  vertical-align: super;
}

sub,
.display-sub {
  font-size: 0.75em;
  vertical-align: bottom;
}

/*====================================

  - 6. <del> <ins> Tag
--------------------------------------

====================================*/
del,
.display-del {
  text-decoration: line-through;
}

ins,
.display-ins {
  text-decoration: underline;
}

/*====================================

  - 7. <abbr> <dfn> Tag
--------------------------------------

====================================*/
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/*====================================

  - 8. <ruby> Tag
--------------------------------------

====================================*/
ruby {
  ruby-align: space-between;
}

/*====================================
  05. Text Style
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Basic Font Size Style
    - 2. Paragraphs
    - 3. Text Align
    
    ----------------------------------
    Introduction
    ----------------------------------
    
    ----------------------------------
    Constitution
    ----------------------------------
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Basic Font Size Style
--------------------------------------

====================================*/
/*====================================

  - 2. Paragraphs
--------------------------------------

====================================*/
/* ----------------------------------
  2.1 Mixin - Paragraphs Output
---------------------------------- */
.contents-style {
  /* ----------------------------------
    2.2 Paragraph
  ---------------------------------- */
  font-size: 0.875rem;
  line-height: 1.8;
}

.contents-style * + * {
  margin-top: 1em;
}

.contents-style li + li {
  margin-top: calc(1em / 4);
}

.contents-style .display-h1,
.contents-style h1 {
  font-size: 2.5em;
  line-height: 1.4;
  font-weight: 700;
}

.contents-style .display-h1:not(:first-child),
.contents-style h1:not(:first-child) {
  margin-top: 0;
}

.contents-style .display-h2,
.contents-style h2 {
  font-size: 1.5em;
  line-height: 1.4;
  font-weight: 700;
}

.contents-style .display-h2:not(:first-child),
.contents-style h2:not(:first-child) {
  margin-top: 1em;
}

.contents-style .display-h3,
.contents-style h3 {
  font-size: 1.25em;
  line-height: 1.4;
  font-weight: 700;
}

.contents-style .display-h3:not(:first-child),
.contents-style h3:not(:first-child) {
  margin-top: 1em;
}

.contents-style .display-h4,
.contents-style h4 {
  font-size: 1.05em;
  font-weight: 700;
}

.contents-style .display-h5,
.contents-style h5 {
  font-size: 1em;
}

.contents-style .display-h6,
.contents-style h6 {
  font-size: 1em;
}

@media (min-width: 1200px) {
  .contents-style {
    font-size: 1rem;
  }
  .contents-style li + li {
    margin-top: calc( / 4);
  }
}

/*====================================

  - 3. Text Align
--------------------------------------

====================================*/
.text-align--left {
  text-align: left !important;
}

.text-align--center {
  text-align: center !important;
}

.text-align--right {
  text-align: right !important;
}

.vertical-align--top {
  vertical-align: top !important;
}

.vertical-align--text-top {
  vertical-align: text-top !important;
}

.vertical-align--middle {
  vertical-align: middle !important;
}

.vertical-align--baseline {
  vertical-align: baseline !important;
}

.vertical-align--text-bottom {
  vertical-align: text-bottom !important;
}

.vertical-align--bottom {
  vertical-align: bottom !important;
}

/*====================================
  05. Table Style
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Basic Font Size Style
    
    ----------------------------------
    Introduction
    ----------------------------------
    
    ----------------------------------
    Constitution
    ----------------------------------
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Bace
--------------------------------------

====================================*/
/*====================================
  Function
====================================*/
/*====================================
  mixin
====================================*/
/*====================================

  - 2. Vanilla Table
--------------------------------------
  クラスのないtableのスタイル

====================================*/
table {
  border-collapse: collapse;
}

table caption {
  text-align: right;
}

table th {
  font-weight: 700;
}

/*====================================

  - 3. Table Responsive
--------------------------------------
  クラスのないtableのスタイル

====================================*/
table.is-responsive {
  display: block;
}

table.is-responsive caption,
table.is-responsive thead,
table.is-responsive tbody,
table.is-responsive tfoot,
table.is-responsive tr,
table.is-responsive th,
table.is-responsive td {
  display: block;
  margin: 0;
}

@media (min-width: 576px) {
  table.is-responsive {
    display: table;
  }
  table.is-responsive caption {
    display: table-caption;
  }
  table.is-responsive thead {
    display: table-header-group;
  }
  table.is-responsive tbody {
    display: table-row-group;
  }
  table.is-responsive tfoot {
    display: table-footer-group;
  }
  table.is-responsive tr {
    display: table-row;
  }
  table.is-responsive th,
  table.is-responsive td {
    display: table-cell;
  }
}

/*====================================

  - 4. Table Align
--------------------------------------
  tdのalignがrightになる

====================================*/
.td-left td {
  text-align: left;
}

.td-right td {
  text-align: right;
}

.td-center td {
  text-align: center;
}

.td-top td {
  vertical-align: top;
}

.td-text-top td {
  vertical-align: text-top;
}

.td-middle td {
  vertical-align: middle;
}

.td-baseline td {
  vertical-align: baseline;
}

.td-text-bottom td {
  vertical-align: text-bottom;
}

.td-bottom td {
  vertical-align: bottom;
}

.th-left th {
  text-align: left;
}

.th-right th {
  text-align: right;
}

.th-center th {
  text-align: center;
}

.th-top th {
  vertical-align: top;
}

.th-text-top th {
  vertical-align: text-top;
}

.th-middle th {
  vertical-align: middle;
}

.th-baseline th {
  vertical-align: baseline;
}

.th-text-bottom th {
  vertical-align: text-bottom;
}

.th-bottom th {
  vertical-align: bottom;
}

/*====================================

  - 3. Table Style
--------------------------------------
  .table がついたtable

====================================*/
.table, .plan-table {
  width: 100%;
}

/* CSS Document */
/*====================================

  5.glid Style

    ----------------------------------
        Structure
    ----------------------------------
    5.0. flex set
 
    ----------------------------------
        Change Log
    ----------------------------------
    -2018/10/30   Founding
    
====================================*/
/*====================================

    5.0. flex set

====================================*/
.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.column > * + * {
  margin-top: 0;
}

.column__cell, .column__cell--1, .column__cell--2, .column__cell--3, .column__cell--4, .column__flex-cell, .column__flex-cell--1, .column__flex-cell--2, .column__flex-cell--3, .column__flex-cell--4 {
  display: block;
  padding: 0.5rem;
  width: 100%;
}

.column__flex-cell, .column__flex-cell--1, .column__flex-cell--2, .column__flex-cell--3, .column__flex-cell--4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
  .column__cell, .column__flex-cell {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .column__cell--1, .column__flex-cell--1 {
    width: 100%;
  }
  .column__cell--2, .column__flex-cell--2 {
    width: 50%;
  }
  .column__cell--3, .column__flex-cell--3 {
    width: 33.3333%;
  }
  .column__cell--4, .column__flex-cell--4 {
    width: 33.3333%;
  }
}

/*====================================

  2.Table Style

    ----------------------------------
        Structure
    ----------------------------------
    2.0. Default
    2.1. Layout Style
    2.2. Responsive Table
    2.3. Anomaly <dl> Table
    2.4. Anomaly <ul> Table
 
    ----------------------------------
        Change Log
    ----------------------------------
    -2018/8/8   Founding
    
====================================*/
/*====================================

    2.0. Default

====================================*/
/*====================================

    2.1. Layout Style

====================================*/
/* table layout fixed */
table.table-layout--fixed {
  table-layout: fixed !important;
}

table.table-layout--fixed th,
table.table-layout--fixed td {
  width: auto;
  white-space: normal;
}

table th.width--fit,
table td.width--fit {
  width: 1% !important;
  white-space: nowrap !important;
}

/* table cell border */
table th.border--none,
table td.border--none {
  border: none !important;
}

table th.border-top--none,
table td.border-top--none {
  border-top: none !important;
}

table th.border-left--none,
table td.border-left--none {
  border-left: none !important;
}

table th.border-right--none,
table td.border-right--none {
  border-right: none !important;
}

table th.border-bottom--none,
table td.border-bottom--none {
  border-bottom: none !important;
}

/*====================================

    2.3. Anomaly <dl> Table

====================================*/
/* dl-table */
.dl-table {
  display: table;
  border-collapse: collapse;
}

.dl-table__caption {
  display: table-caption;
}

.dl-table__header {
  display: table-header-group;
}

.dl-table__body {
  display: table-row-group;
}

.dl-table__footer {
  display: table-footer-group;
}

.dl-table dl, .dl-table__header dl, .dl-table__body dl, .dl-table__footer dl {
  display: table-row;
}

.dl-table dt,
.dl-table dd, .dl-table__header dt,
.dl-table__header dd, .dl-table__body dt,
.dl-table__body dd, .dl-table__footer dt,
.dl-table__footer dd {
  display: table-cell;
}

@media (min-width: 576px) {
  .dl-table:not(.no-responsive) {
    display: table;
    border-collapse: collapse;
  }
  .dl-table:not(.no-responsive) dl {
    display: table-row;
  }
  .dl-table:not(.no-responsive) dt,
  .dl-table:not(.no-responsive) dd {
    display: table-cell;
  }
  .dl-table:not(.no-responsive) .dl-table__caption {
    display: table-caption;
  }
  .dl-table:not(.no-responsive) .dl-table__header {
    display: table-header-group;
  }
  .dl-table:not(.no-responsive) .dl-table__body {
    display: table-row-group;
  }
  .dl-table:not(.no-responsive) .dl-table__footer {
    display: table-footer-group;
  }
}

/* align */
.is-dt-left dt,
.is-dd-left dd,
.is-left dt,
.is-left dd {
  text-align: left;
}

.is-dt-center dt,
.is-dd-center dd,
.is-center dt,
.is-center dd {
  text-align: center;
}

.is-dt-right dt,
.is-dd-right dd,
.is-right dt,
.is-right dd {
  text-align: right;
}

/*====================================

    2.4. Anomaly <ul> Table

====================================*/
/* ul-table  */
.ul-table {
  width: 100%;
  display: block;
  overflow: hidden;
}

.ul-table > li {
  display: block;
  position: relative;
}

.ul-table__th, .ul-table__td {
  display: block;
}

@media (min-width: 576px) {
  .ul-table:not(.no-responsive) {
    display: table;
    border-collapse: collapse;
  }
  .ul-table:not(.no-responsive) > li {
    display: table-row;
    position: relative;
  }
  .ul-table:not(.no-responsive) .ul-table__th, .ul-table:not(.no-responsive) .ul-table__td {
    display: table-cell;
  }
}

/*====================================

    2.0. archive list table

====================================*/
/*====================================

  Archive List Table Style
    
====================================*/
/*====================================
  Function
====================================*/
/*====================================
  mixin
====================================*/
/*====================================
  style
====================================*/
.archive-list {
  width: 100%;
  display: block;
  overflow: hidden;
  font-size: 0.875rem;
  line-height: 1.4;
}

.archive-list a {
  color: #000;
  text-decoration: none;
}

.archive-list a:hover {
  color: #078FD3;
}

.archive-list ul {
  display: block;
  position: relative;
  list-style-type: none;
  margin: 0 !important;
}

.archive-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 !important;
}

.archive-list li.is-revied {
  padding-left: 1rem;
}

.archive-list li.is-revied .archive-list__header:first-child::before {
  display: block;
  padding: 0;
  margin: 0;
  content: '';
  position: absolute;
  top: 0;
  left: 0.5rem;
  height: calc(0.7em + 1rem);
  width: calc(0.5rem - 0.25rem);
  border-left: solid 1px #e0e0e0;
  border-bottom: solid 1px #e0e0e0;
}

.archive-list__header, .archive-list__body {
  margin: 0 !important;
  display: block;
}

.archive-list__header {
  padding-right: 1rem;
  padding-top: 1rem;
  /*
  font-family: $basic-sub-font-family;
  color: $color-primary;
  font-size: 1.0rem;*/
}

.archive-list__body {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0;
  border-bottom: solid 1px #e0e0e0;
  padding-bottom: 1rem;
}

@media (min-width: 992px) {
  .archive-list:not(.is-vertical) {
    display: table;
  }
  .archive-list:not(.is-vertical) ul {
    display: table;
  }
  .archive-list:not(.is-vertical) li {
    display: table-row;
  }
  .archive-list:not(.is-vertical) li.is-revied {
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
    padding-left: 0;
  }
  .archive-list:not(.is-vertical) li.is-revied .archive-list__header:first-child::before {
    display: block;
    padding: 0;
    margin: 0;
    content: '';
    position: absolute;
    top: 0;
    left: -0.5rem;
    height: calc(0.7em + 1rem);
    width: calc(0.5rem - 0.25rem);
    border-left: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
  }
  .archive-list:not(.is-vertical) li.is-revied .archive-list__body {
    padding-right: 1rem;
  }
  .archive-list:not(.is-vertical) .archive-list__header, .archive-list:not(.is-vertical) .archive-list__body {
    display: table-cell;
    border-bottom: solid 1px #e0e0e0;
  }
  .archive-list:not(.is-vertical) .archive-list__header {
    width: 1%;
    white-space: nowrap;
    position: relative;
  }
}

/*====================================

    2.0. timeline table

====================================*/
/*====================================

  Timeline Table Style
    
====================================*/
/*====================================
  Function
====================================*/
/*====================================
  mixin
====================================*/
/*====================================
  style
====================================*/
.timeline {
  width: 100%;
  display: block;
  overflow: hidden;
  border-top: solid 1px #e0e0e0;
  border-bottom: solid 1px #e0e0e0;
  line-height: 1.4;
}

.timeline > li + li {
  margin: 0;
}

.timeline > li {
  display: block;
  position: relative;
  margin: 0;
}

.timeline > li:first-child .timeline__header {
  padding-top: 1rem;
}

.timeline > li:first-child .timeline__header::after {
  top: calc(1rem + 0.7em);
}

.timeline > li:last-child .timeline__body {
  padding-bottom: 1rem;
}

.timeline__header, .timeline__body {
  display: block;
  position: relative;
}

.timeline__header::before, .timeline__header::after, .timeline__body::before, .timeline__body::after {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  content: '';
}

.timeline__header::before, .timeline__body::before {
  margin-left: -0.5px;
  top: 0;
  left: 1rem;
  height: 100%;
  border-left: solid 1px #e0e0e0;
}

.timeline__header {
  padding: 0.25rem 1rem 0.25rem calc(1rem + 1rem);
}

.timeline__header::after {
  margin-top: -4px;
  top: 50%;
  left: calc(1rem - 4px);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #078FD3;
  z-index: 5;
}

.timeline__body {
  padding: 0 0 0.25rem calc(1rem + 1rem);
  margin: 0;
  display: block;
}

.timeline__body p {
  padding: 0;
  margin: 0;
}

.timeline__body p + p {
  padding: 0;
  margin: 0.25rem 0 0 0;
}

@media (min-width: 576px) {
  .timeline {
    display: table;
    border-collapse: collapse;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
  }
  .timeline > li {
    display: table-row;
  }
  .timeline > li:first-child .timeline__header, .timeline > li:first-child .timeline__body {
    padding-top: 2rem;
  }
  .timeline > li:first-child .timeline__header::before, .timeline > li:first-child .timeline__header::after {
    top: calc(2rem + 0.7em);
  }
  .timeline > li:last-child .timeline__header, .timeline > li:last-child .timeline__body {
    padding-bottom: 2rem;
  }
  .timeline__header, .timeline__body {
    display: table-cell;
  }
  .timeline__header {
    padding: 0.5rem calc(2.5rem + 0rem + 1rem) 0.5rem 0rem;
    width: 1%;
    white-space: nowrap;
  }
  .timeline__header::before {
    margin-top: -0.5px;
    width: 5rem;
    top: calc(0.5rem + 0.7em);
    left: auto;
    right: -2.5rem;
    border: none;
    border-top: solid 1px #e0e0e0;
  }
  .timeline__header::after {
    margin-top: -4px;
    top: calc(0.5rem + 0.7em);
    left: auto;
    right: -4px;
  }
  .timeline__body {
    padding: 0.5rem 0rem 0.5rem calc(2.5rem + 0rem + 1rem);
  }
  .timeline__body::before {
    left: 0;
    margin-left: -0.5px;
    top: 0;
  }
  .timeline__body::after {
    display: none;
  }
}

/*====================================

    7.0. indent list set

====================================*/
.indent-list,
.caption,
.caution,
.notes {
  display: table;
}

.indent-list > li,
.caption > li,
.caution > li,
.notes > li {
  display: table-row;
}

.indent-list > li > span,
.indent-list > li > div,
.indent-list > li > small,
.caption > li > span,
.caption > li > div,
.caption > li > small,
.caution > li > span,
.caution > li > div,
.caution > li > small,
.notes > li > span,
.notes > li > div,
.notes > li > small {
  font-size: 1.0em !important;
  display: table-cell;
  padding: 0.25em 0 0.25em 1.0em;
  vertical-align: top;
}

.indent-list > li::before,
.caption > li::before,
.caution > li::before,
.notes > li::before {
  display: table-cell;
  padding: 0.25em 0;
  vertical-align: top;
  width: 1%;
  white-space: nowrap;
  content: attr(data-mark);
}

.list-style--circle,
.list-style--disc,
.list-style--square,
.list-style--decimal,
.list-style--decimal-zero,
.list-style--lower-roman,
.list-style--upper-roman,
.list-style--lower-alpha,
.list-style--upper-alpha,
.list-style--cjk-ideographic,
.list-style--hiragana,
.list-style--hiragana-iroha,
.list-style--katakana,
.list-style--katakana-iroha,
.list-style--none {
  margin-left: 2rem;
  list-style-position: outside;
  text-indent: 0;
}

.list-style--circle > li {
  list-style-type: circle;
}

.list-style--disc > li {
  list-style-type: disc;
}

.list-style--square > li {
  list-style-type: square;
}

.list-style--decimal > li {
  list-style-type: decimal;
}

.list-style--decimal-zero > li {
  list-style-type: decimal-leading-zero;
}

.list-style--lower-roman > li {
  list-style-type: lower-roman;
}

.list-style--upper-roman > li {
  list-style-type: upper-roman;
}

.list-style--lower-alpha > li {
  list-style-type: lower-alpha;
}

.list-style--upper-alpha > li {
  list-style-type: upper-alpha;
}

.list-style--cjk-ideographic > li {
  list-style-type: cjk-ideographic;
}

.list-style--hiragana > li {
  list-style-type: hiragana;
}

.list-style--hiragana-iroha li {
  list-style-type: hiragana-iroha;
}

.list-style--katakana > li {
  list-style-type: katakana;
}

.list-style--katakana-iroha > li {
  list-style-type: katakana-iroha;
}

.list-style--none > li {
  list-style: none;
}

/* CSS Document */
/*====================================
  Basic Icon Variables
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Root Path
    - 2. Variables
    
    ----------------------------------
    Introduction
    ----------------------------------
    
    ----------------------------------
    Constitution
    ----------------------------------
    child of
    /basic-assets/icon/scss/_basic-icon.scss
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Root Path
--------------------------------------

====================================*/
/*====================================

  - 2. Variables
--------------------------------------

====================================*/
/* リスト */
.list-style-icon, .list-style-icon--check, .list-style-icon--exclamation, .list-style-icon--question {
  margin-left: 1.25em !important;
}

.list-style-icon > li, .list-style-icon--check > li, .list-style-icon--exclamation > li, .list-style-icon--question > li {
  list-style-type: none;
  list-style-position: inside;
  text-indent: -1.25em;
}

.list-style-icon > li::before, .list-style-icon--check > li::before, .list-style-icon--exclamation > li::before, .list-style-icon--question > li::before {
  display: inline-block;
  width: 1.25em;
  text-indent: 0;
  font-family: "basicicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.list-style-icon > li::before {
  content: "\ea98";
  color: #1055A3;
}

.list-style-icon--check > li::before {
  content: "\ea8c";
  color: #1055A3;
}

.list-style-icon--exclamation > li::before {
  content: "\eaab";
  color: #1055A3;
}

.list-style-icon--question > li::before {
  content: "\eab2";
  color: #1055A3;
}

/* CSS Document */
/* リスト */
.list-style-peculiar--original, .list-style-peculiar--brackets-decimal, .list-style-peculiar--brackets-lowerroman, .list-style-peculiar--brackets-upperroman, .list-style-peculiar--brackets-loweralpha, .list-style-peculiar--brackets-upperalpha, .list-style-peculiar--brackets-hiragana, .list-style-peculiar--brackets-hiragana-iroha, .list-style-peculiar--brackets-katakana, .list-style-peculiar--brackets-katakana-iroha, .list-style-peculiar--side-brackets-decimal, .list-style-peculiar--side-brackets-lowerroman, .list-style-peculiar--side-brackets-upperroman, .list-style-peculiar--side-brackets-loweralpha, .list-style-peculiar--side-brackets-upperalpha, .list-style-peculiar--side-brackets-hiragana, .list-style-peculiar--side-brackets-hiragana-iroha, .list-style-peculiar--side-brackets-katakana, .list-style-peculiar--side-brackets-katakana-iroha, .list-style-peculiar--dot-decimal, .list-style-peculiar--dot-lowerroman, .list-style-peculiar--dot-upperroman, .list-style-peculiar--dot-loweralpha, .list-style-peculiar--dot-upperalpha, .list-style-peculiar--dot-hiragana, .list-style-peculiar--dot-hiragana-iroha, .list-style-peculiar--dot-katakana, .list-style-peculiar--dot-katakana-iroha, .list-style-peculiar--character_circle-decimal, .list-style-peculiar--character_round-decimal {
  margin-left: 2em;
}

.list-style-peculiar--original > li, .list-style-peculiar--brackets-decimal > li, .list-style-peculiar--brackets-lowerroman > li, .list-style-peculiar--brackets-upperroman > li, .list-style-peculiar--brackets-loweralpha > li, .list-style-peculiar--brackets-upperalpha > li, .list-style-peculiar--brackets-hiragana > li, .list-style-peculiar--brackets-hiragana-iroha > li, .list-style-peculiar--brackets-katakana > li, .list-style-peculiar--brackets-katakana-iroha > li, .list-style-peculiar--side-brackets-decimal > li, .list-style-peculiar--side-brackets-lowerroman > li, .list-style-peculiar--side-brackets-upperroman > li, .list-style-peculiar--side-brackets-loweralpha > li, .list-style-peculiar--side-brackets-upperalpha > li, .list-style-peculiar--side-brackets-hiragana > li, .list-style-peculiar--side-brackets-hiragana-iroha > li, .list-style-peculiar--side-brackets-katakana > li, .list-style-peculiar--side-brackets-katakana-iroha > li, .list-style-peculiar--dot-decimal > li, .list-style-peculiar--dot-lowerroman > li, .list-style-peculiar--dot-upperroman > li, .list-style-peculiar--dot-loweralpha > li, .list-style-peculiar--dot-upperalpha > li, .list-style-peculiar--dot-hiragana > li, .list-style-peculiar--dot-hiragana-iroha > li, .list-style-peculiar--dot-katakana > li, .list-style-peculiar--dot-katakana-iroha > li, .list-style-peculiar--character_circle-decimal > li, .list-style-peculiar--character_round-decimal > li {
  list-style-type: none;
  list-style-position: inside;
  text-indent: -2em;
}

.list-style-peculiar--original > li::before, .list-style-peculiar--brackets-decimal > li::before, .list-style-peculiar--brackets-lowerroman > li::before, .list-style-peculiar--brackets-upperroman > li::before, .list-style-peculiar--brackets-loweralpha > li::before, .list-style-peculiar--brackets-upperalpha > li::before, .list-style-peculiar--brackets-hiragana > li::before, .list-style-peculiar--brackets-hiragana-iroha > li::before, .list-style-peculiar--brackets-katakana > li::before, .list-style-peculiar--brackets-katakana-iroha > li::before, .list-style-peculiar--side-brackets-decimal > li::before, .list-style-peculiar--side-brackets-lowerroman > li::before, .list-style-peculiar--side-brackets-upperroman > li::before, .list-style-peculiar--side-brackets-loweralpha > li::before, .list-style-peculiar--side-brackets-upperalpha > li::before, .list-style-peculiar--side-brackets-hiragana > li::before, .list-style-peculiar--side-brackets-hiragana-iroha > li::before, .list-style-peculiar--side-brackets-katakana > li::before, .list-style-peculiar--side-brackets-katakana-iroha > li::before, .list-style-peculiar--dot-decimal > li::before, .list-style-peculiar--dot-lowerroman > li::before, .list-style-peculiar--dot-upperroman > li::before, .list-style-peculiar--dot-loweralpha > li::before, .list-style-peculiar--dot-upperalpha > li::before, .list-style-peculiar--dot-hiragana > li::before, .list-style-peculiar--dot-hiragana-iroha > li::before, .list-style-peculiar--dot-katakana > li::before, .list-style-peculiar--dot-katakana-iroha > li::before, .list-style-peculiar--character_circle-decimal > li::before, .list-style-peculiar--character_round-decimal > li::before {
  display: inline-block;
  width: 2em;
  text-indent: 0;
  padding-left: 0.5rem;
}

.list-style-peculiar {
  /* spanでリストヘッド自由入力 */
  /* (1) カッコに数字 */
  /* (i) カッコに小文字ローマ数字 */
  /* (I) カッコに大文字ローマ数字 */
  /* (a) カッコに小文字アルファベット */
  /* (A) カッコに大文字アルファベット */
  /* (あ) カッコにひらがな */
  /* (い) カッコにいろは  */
  /* (ア) カッコにカタカナ */
  /* (イ) カッコにイロハ  */
  /* 1) 片方カッコに数字 */
  /* a) 片方カッコに小文字アルファベット */
  /* A) 片方カッコに大文字アルファベット */
  /* i) 片方カッコに小文字アルファベット */
  /* I) 片方カッコに大文字アルファベット */
  /* あ) 片方カッコにひらがな */
  /* い) 片方カッコにいろは */
  /* ア) 片方カッコにカタカナ */
  /* イ) 片方カッコにイロハ */
  /* 1. ドットに数字 */
  /* a. ドットに小文字アルファベット */
  /* A. ドットに大文字アルファベット */
  /* i. ドットに小文字アルファベット */
  /* I. ドットに大文字アルファベット */
  /* あ. ドットにひらがな */
  /* い. ドットにいろは */
  /* ア. ドットにカタカナ */
  /* イ. ドットにイロハ */
  /* character */
  /* ① 丸数字 */
  /* ❶ 丸数字 */
}

.list-style-peculiar--original > li {
  counter-increment: cnt_brackets-decimal;
}

.list-style-peculiar--original > li::before {
  display: none;
}

.list-style-peculiar--original--original_mark {
  display: inline-block;
  width: 1.25em;
  text-indent: 0;
}

.list-style-peculiar--brackets-decimal {
  counter-reset: cnt_brackets-decimal 0;
}

.list-style-peculiar--brackets-decimal > li {
  counter-increment: cnt_brackets-decimal;
}

.list-style-peculiar--brackets-decimal > li::before {
  content: "(" counter(cnt_brackets-decimal) ") ";
}

.list-style-peculiar--brackets-lowerroman {
  counter-reset: cnt_brackets-lowerroman 0;
}

.list-style-peculiar--brackets-lowerroman > li {
  counter-increment: cnt_brackets-lowerroman;
}

.list-style-peculiar--brackets-lowerroman > li::before {
  content: "(" counter(cnt_brackets-lowerroman, lower-roman) ") ";
}

.list-style-peculiar--brackets-upperroman {
  counter-reset: cnt_brackets-upperroman 0;
}

.list-style-peculiar--brackets-upperroman > li {
  counter-increment: cnt_brackets-upperroman;
}

.list-style-peculiar--brackets-upperroman > li::before {
  content: "(" counter(cnt_brackets-upperroman, upper-roman) ") ";
}

.list-style-peculiar--brackets-loweralpha {
  counter-reset: cnt_brackets-loweralpha 0;
}

.list-style-peculiar--brackets-loweralpha > li {
  counter-increment: cnt_brackets-loweralpha;
}

.list-style-peculiar--brackets-loweralpha > li::before {
  content: "(" counter(cnt_brackets-loweralpha, lower-alpha) ") ";
}

.list-style-peculiar--brackets-upperalpha {
  counter-reset: cnt_brackets-upperalpha 0;
}

.list-style-peculiar--brackets-upperalpha > li {
  counter-increment: cnt_brackets-upperalpha;
}

.list-style-peculiar--brackets-upperalpha > li::before {
  content: "(" counter(cnt_brackets-upperalpha, upper-alpha) ") ";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(1):before {
  content: "(あ)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(2):before {
  content: "(い)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(3):before {
  content: "(う)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(4):before {
  content: "(え)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(5):before {
  content: "(お)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(6):before {
  content: "(か)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(7):before {
  content: "(き)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(8):before {
  content: "(く)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(9):before {
  content: "(け)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(10):before {
  content: "(こ)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(11):before {
  content: "(さ)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(12):before {
  content: "(し)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(13):before {
  content: "(す)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(14):before {
  content: "(せ)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(15):before {
  content: "(そ)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(16):before {
  content: "(た)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(17):before {
  content: "(ち)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(18):before {
  content: "(つ)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(19):before {
  content: "(て)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(20):before {
  content: "(と)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(21):before {
  content: "(な)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(22):before {
  content: "(に)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(23):before {
  content: "(ぬ)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(24):before {
  content: "(ね)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(25):before {
  content: "(の)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(26):before {
  content: "(は)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(27):before {
  content: "(ひ)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(28):before {
  content: "(ふ)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(29):before {
  content: "(へ)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(30):before {
  content: "(ほ)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(31):before {
  content: "(ま)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(32):before {
  content: "(み)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(33):before {
  content: "(む)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(34):before {
  content: "(め)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(35):before {
  content: "(も)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(36):before {
  content: "(や)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(37):before {
  content: "(ゆ)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(38):before {
  content: "(よ)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(39):before {
  content: "(ら)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(40):before {
  content: "(り)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(41):before {
  content: "(る)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(42):before {
  content: "(れ)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(43):before {
  content: "(ろ)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(44):before {
  content: "(わ)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(45):before {
  content: "(を)";
}

.list-style-peculiar--brackets-hiragana > li:nth-child(46):before {
  content: "(ん)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(1):before {
  content: "(い)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(2):before {
  content: "(ろ)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(3):before {
  content: "(は)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(4):before {
  content: "(に)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(5):before {
  content: "(ほ)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(6):before {
  content: "(へ)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(7):before {
  content: "(と)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(8):before {
  content: "(ち)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(9):before {
  content: "(り)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(10):before {
  content: "(ぬ)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(11):before {
  content: "(る)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(12):before {
  content: "(を)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(13):before {
  content: "(わ)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(14):before {
  content: "(か)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(15):before {
  content: "(よ)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(16):before {
  content: "(た)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(17):before {
  content: "(れ)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(18):before {
  content: "(そ)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(19):before {
  content: "(つ)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(20):before {
  content: "(ね)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(21):before {
  content: "(な)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(22):before {
  content: "(ら)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(23):before {
  content: "(む)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(24):before {
  content: "(う)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(25):before {
  content: "(ゐ)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(26):before {
  content: "(の)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(27):before {
  content: "(お)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(28):before {
  content: "(く)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(29):before {
  content: "(や)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(30):before {
  content: "(ま)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(31):before {
  content: "(け)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(32):before {
  content: "(ふ)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(33):before {
  content: "(こ)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(34):before {
  content: "(え)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(35):before {
  content: "(て)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(36):before {
  content: "(あ)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(37):before {
  content: "(さ)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(38):before {
  content: "(き)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(39):before {
  content: "(ゆ)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(40):before {
  content: "(め)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(41):before {
  content: "(み)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(42):before {
  content: "(し)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(43):before {
  content: "(ゑ)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(44):before {
  content: "(ひ)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(45):before {
  content: "(も)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(46):before {
  content: "(せ)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(47):before {
  content: "(す)";
}

.list-style-peculiar--brackets-hiragana-iroha > li:nth-child(48):before {
  content: "(ん)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(1):before {
  content: "(ア)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(2):before {
  content: "(イ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(3):before {
  content: "(ウ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(4):before {
  content: "(エ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(5):before {
  content: "(オ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(6):before {
  content: "(カ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(7):before {
  content: "(キ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(8):before {
  content: "(ク)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(9):before {
  content: "(ケ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(10):before {
  content: "(コ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(11):before {
  content: "(サ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(12):before {
  content: "(シ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(13):before {
  content: "(ス)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(14):before {
  content: "(セ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(15):before {
  content: "(ソ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(16):before {
  content: "(タ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(17):before {
  content: "(チ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(18):before {
  content: "(ツ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(19):before {
  content: "(テ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(20):before {
  content: "(ト)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(21):before {
  content: "(ナ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(22):before {
  content: "(ニ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(23):before {
  content: "(ヌ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(24):before {
  content: "(ネ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(25):before {
  content: "(ノ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(26):before {
  content: "(ハ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(27):before {
  content: "(ヒ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(28):before {
  content: "(フ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(29):before {
  content: "(ヘ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(30):before {
  content: "(ホ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(31):before {
  content: "(マ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(32):before {
  content: "(ミ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(33):before {
  content: "(ム)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(34):before {
  content: "(メ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(35):before {
  content: "(モ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(36):before {
  content: "(ヤ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(37):before {
  content: "(ユ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(38):before {
  content: "(ヨ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(39):before {
  content: "(ラ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(40):before {
  content: "(リ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(41):before {
  content: "(ル)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(42):before {
  content: "(レ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(43):before {
  content: "(ロ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(44):before {
  content: "(ワ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(45):before {
  content: "(ヲ)";
}

.list-style-peculiar--brackets-katakana > li:nth-child(46):before {
  content: "(ン)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(1):before {
  content: "(イ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(2):before {
  content: "(ロ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(3):before {
  content: "(ハ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(4):before {
  content: "(ニ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(5):before {
  content: "(ホ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(6):before {
  content: "(ヘ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(7):before {
  content: "(ト)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(8):before {
  content: "(チ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(9):before {
  content: "(リ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(10):before {
  content: "(ヌ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(11):before {
  content: "(ル)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(12):before {
  content: "(ヲ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(13):before {
  content: "(ワ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(14):before {
  content: "(カ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(15):before {
  content: "(ヨ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(16):before {
  content: "(タ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(17):before {
  content: "(レ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(18):before {
  content: "(ソ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(19):before {
  content: "(ツ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(20):before {
  content: "(ネ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(21):before {
  content: "(ナ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(22):before {
  content: "(ラ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(23):before {
  content: "(ム)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(24):before {
  content: "(ウ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(25):before {
  content: "(ヰ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(26):before {
  content: "(ノ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(27):before {
  content: "(オ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(28):before {
  content: "(ク)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(29):before {
  content: "(ヤ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(30):before {
  content: "(マ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(31):before {
  content: "(ケ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(32):before {
  content: "(フ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(33):before {
  content: "(コ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(34):before {
  content: "(エ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(35):before {
  content: "(テ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(36):before {
  content: "(ア)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(37):before {
  content: "(サ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(38):before {
  content: "(キ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(39):before {
  content: "(ユ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(40):before {
  content: "(メ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(41):before {
  content: "(ミ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(42):before {
  content: "(シ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(43):before {
  content: "(ヱ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(44):before {
  content: "(ヒ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(45):before {
  content: "(モ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(46):before {
  content: "(セ)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(47):before {
  content: "(ス)";
}

.list-style-peculiar--brackets-katakana-iroha > li:nth-child(48):before {
  content: "(ン)";
}

.list-style-peculiar--side-brackets-decimal {
  counter-reset: cnt_brackets-decimal 0;
}

.list-style-peculiar--side-brackets-decimal > li {
  counter-increment: cnt_brackets-decimal;
}

.list-style-peculiar--side-brackets-decimal > li::before {
  content: counter(cnt_brackets-decimal) ") ";
}

.list-style-peculiar--side-brackets-lowerroman {
  counter-reset: cnt_brackets-lowerroman 0;
}

.list-style-peculiar--side-brackets-lowerroman > li {
  counter-increment: cnt_brackets-lowerroman;
}

.list-style-peculiar--side-brackets-lowerroman > li::before {
  content: counter(cnt_brackets-lowerroman, lower-roman) ") ";
}

.list-style-peculiar--side-brackets-upperroman {
  counter-reset: cnt_brackets-upperroman 0;
}

.list-style-peculiar--side-brackets-upperroman > li {
  counter-increment: cnt_brackets-upperroman;
}

.list-style-peculiar--side-brackets-upperroman > li::before {
  content: counter(cnt_brackets-upperroman, upper-roman) ") ";
}

.list-style-peculiar--side-brackets-loweralpha {
  counter-reset: cnt_brackets-loweralpha 0;
}

.list-style-peculiar--side-brackets-loweralpha > li {
  counter-increment: cnt_brackets-loweralpha;
}

.list-style-peculiar--side-brackets-loweralpha > li::before {
  content: counter(cnt_brackets-loweralpha, lower-alpha) ") ";
}

.list-style-peculiar--side-brackets-upperalpha {
  counter-reset: cnt_brackets-upperalpha 0;
}

.list-style-peculiar--side-brackets-upperalpha > li {
  counter-increment: cnt_brackets-upperalpha;
}

.list-style-peculiar--side-brackets-upperalpha > li::before {
  content: counter(cnt_brackets-upperalpha, upper-alpha) ") ";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(1):before {
  content: "あ)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(2):before {
  content: "い)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(3):before {
  content: "う)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(4):before {
  content: "え)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(5):before {
  content: "お)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(6):before {
  content: "か)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(7):before {
  content: "き)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(8):before {
  content: "く)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(9):before {
  content: "け)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(10):before {
  content: "こ)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(11):before {
  content: "さ)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(12):before {
  content: "し)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(13):before {
  content: "す)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(14):before {
  content: "せ)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(15):before {
  content: "そ)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(16):before {
  content: "た)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(17):before {
  content: "ち)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(18):before {
  content: "つ)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(19):before {
  content: "て)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(20):before {
  content: "と)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(21):before {
  content: "な)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(22):before {
  content: "に)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(23):before {
  content: "ぬ)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(24):before {
  content: "ね)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(25):before {
  content: "の)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(26):before {
  content: "は)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(27):before {
  content: "ひ)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(28):before {
  content: "ふ)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(29):before {
  content: "へ)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(30):before {
  content: "ほ)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(31):before {
  content: "ま)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(32):before {
  content: "み)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(33):before {
  content: "む)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(34):before {
  content: "め)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(35):before {
  content: "も)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(36):before {
  content: "や)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(37):before {
  content: "ゆ)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(38):before {
  content: "よ)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(39):before {
  content: "ら)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(40):before {
  content: "り)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(41):before {
  content: "る)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(42):before {
  content: "れ)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(43):before {
  content: "ろ)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(44):before {
  content: "わ)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(45):before {
  content: "を)";
}

.list-style-peculiar--side-brackets-hiragana > li:nth-child(46):before {
  content: "ん)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(1):before {
  content: "い)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(2):before {
  content: "ろ)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(3):before {
  content: "は)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(4):before {
  content: "に)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(5):before {
  content: "ほ)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(6):before {
  content: "へ)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(7):before {
  content: "と)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(8):before {
  content: "ち)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(9):before {
  content: "り)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(10):before {
  content: "ぬ)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(11):before {
  content: "る)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(12):before {
  content: "を)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(13):before {
  content: "わ)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(14):before {
  content: "か)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(15):before {
  content: "よ)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(16):before {
  content: "た)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(17):before {
  content: "れ)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(18):before {
  content: "そ)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(19):before {
  content: "つ)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(20):before {
  content: "ね)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(21):before {
  content: "な)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(22):before {
  content: "ら)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(23):before {
  content: "む)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(24):before {
  content: "う)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(25):before {
  content: "ゐ)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(26):before {
  content: "の)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(27):before {
  content: "お)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(28):before {
  content: "く)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(29):before {
  content: "や)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(30):before {
  content: "ま)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(31):before {
  content: "け)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(32):before {
  content: "ふ)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(33):before {
  content: "こ)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(34):before {
  content: "え)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(35):before {
  content: "て)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(36):before {
  content: "あ)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(37):before {
  content: "さ)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(38):before {
  content: "き)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(39):before {
  content: "ゆ)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(40):before {
  content: "め)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(41):before {
  content: "み)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(42):before {
  content: "し)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(43):before {
  content: "ゑ)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(44):before {
  content: "ひ)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(45):before {
  content: "も)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(46):before {
  content: "せ)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(47):before {
  content: "す)";
}

.list-style-peculiar--side-brackets-hiragana-iroha > li:nth-child(48):before {
  content: "ん)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(1):before {
  content: "ア)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(2):before {
  content: "イ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(3):before {
  content: "ウ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(4):before {
  content: "エ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(5):before {
  content: "オ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(6):before {
  content: "カ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(7):before {
  content: "キ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(8):before {
  content: "ク)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(9):before {
  content: "ケ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(10):before {
  content: "コ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(11):before {
  content: "サ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(12):before {
  content: "シ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(13):before {
  content: "ス)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(14):before {
  content: "セ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(15):before {
  content: "ソ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(16):before {
  content: "タ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(17):before {
  content: "チ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(18):before {
  content: "ツ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(19):before {
  content: "テ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(20):before {
  content: "ト)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(21):before {
  content: "ナ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(22):before {
  content: "ニ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(23):before {
  content: "ヌ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(24):before {
  content: "ネ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(25):before {
  content: "ノ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(26):before {
  content: "ハ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(27):before {
  content: "ヒ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(28):before {
  content: "フ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(29):before {
  content: "ヘ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(30):before {
  content: "ホ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(31):before {
  content: "マ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(32):before {
  content: "ミ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(33):before {
  content: "ム)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(34):before {
  content: "メ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(35):before {
  content: "モ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(36):before {
  content: "ヤ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(37):before {
  content: "ユ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(38):before {
  content: "ヨ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(39):before {
  content: "ラ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(40):before {
  content: "リ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(41):before {
  content: "ル)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(42):before {
  content: "レ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(43):before {
  content: "ロ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(44):before {
  content: "ワ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(45):before {
  content: "ヲ)";
}

.list-style-peculiar--side-brackets-katakana > li:nth-child(46):before {
  content: "ン)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(1):before {
  content: "イ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(2):before {
  content: "ロ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(3):before {
  content: "ハ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(4):before {
  content: "ニ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(5):before {
  content: "ホ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(6):before {
  content: "ヘ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(7):before {
  content: "ト)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(8):before {
  content: "チ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(9):before {
  content: "リ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(10):before {
  content: "ヌ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(11):before {
  content: "ル)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(12):before {
  content: "ヲ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(13):before {
  content: "ワ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(14):before {
  content: "カ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(15):before {
  content: "ヨ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(16):before {
  content: "タ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(17):before {
  content: "レ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(18):before {
  content: "ソ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(19):before {
  content: "ツ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(20):before {
  content: "ネ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(21):before {
  content: "ナ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(22):before {
  content: "ラ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(23):before {
  content: "ム)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(24):before {
  content: "ウ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(25):before {
  content: "ヰ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(26):before {
  content: "ノ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(27):before {
  content: "オ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(28):before {
  content: "ク)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(29):before {
  content: "ヤ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(30):before {
  content: "マ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(31):before {
  content: "ケ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(32):before {
  content: "フ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(33):before {
  content: "コ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(34):before {
  content: "エ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(35):before {
  content: "テ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(36):before {
  content: "ア)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(37):before {
  content: "サ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(38):before {
  content: "キ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(39):before {
  content: "ユ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(40):before {
  content: "メ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(41):before {
  content: "ミ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(42):before {
  content: "シ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(43):before {
  content: "ヱ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(44):before {
  content: "ヒ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(45):before {
  content: "モ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(46):before {
  content: "セ)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(47):before {
  content: "ス)";
}

.list-style-peculiar--side-brackets-katakana-iroha > li:nth-child(48):before {
  content: "ン)";
}

.list-style-peculiar--dot-decimal {
  counter-reset: cnt_dot-decimal 0;
}

.list-style-peculiar--dot-decimal > li {
  counter-increment: cnt_dot-decimal;
}

.list-style-peculiar--dot-decimal > li::before {
  content: counter(cnt_dot-decimal) ".";
}

.list-style-peculiar--dot-lowerroman {
  counter-reset: cnt_dot-lowerroman 0;
}

.list-style-peculiar--dot-lowerroman > li {
  counter-increment: cnt_dot-lowerroman;
}

.list-style-peculiar--dot-lowerroman > li::before {
  content: counter(cnt_dot-lowerroman, lower-roman) ".";
}

.list-style-peculiar--dot-upperroman {
  counter-reset: cnt_dot-upperroman 0;
}

.list-style-peculiar--dot-upperroman > li {
  counter-increment: cnt_dot-upperroman;
}

.list-style-peculiar--dot-upperroman > li::before {
  content: counter(cnt_dot-upperroman, upper-roman) ".";
}

.list-style-peculiar--dot-loweralpha {
  counter-reset: cnt_dot-loweralpha 0;
}

.list-style-peculiar--dot-loweralpha > li {
  counter-increment: cnt_dot-loweralpha;
}

.list-style-peculiar--dot-loweralpha > li::before {
  content: counter(cnt_dot-loweralpha, lower-alpha) ".";
}

.list-style-peculiar--dot-upperalpha {
  counter-reset: cnt_dot-upperalpha 0;
}

.list-style-peculiar--dot-upperalpha > li {
  counter-increment: cnt_dot-upperalpha;
}

.list-style-peculiar--dot-upperalpha > li::before {
  content: counter(cnt_dot-upperalpha, upper-alpha) ".";
}

.list-style-peculiar--dot-hiragana > li:nth-child(1):before {
  content: "あ.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(2):before {
  content: "い.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(3):before {
  content: "う.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(4):before {
  content: "え.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(5):before {
  content: "お.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(6):before {
  content: "か.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(7):before {
  content: "き.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(8):before {
  content: "く.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(9):before {
  content: "け.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(10):before {
  content: "こ.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(11):before {
  content: "さ.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(12):before {
  content: "し.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(13):before {
  content: "す.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(14):before {
  content: "せ.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(15):before {
  content: "そ.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(16):before {
  content: "た.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(17):before {
  content: "ち.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(18):before {
  content: "つ.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(19):before {
  content: "て.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(20):before {
  content: "と.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(21):before {
  content: "な.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(22):before {
  content: "に.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(23):before {
  content: "ぬ.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(24):before {
  content: "ね.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(25):before {
  content: "の.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(26):before {
  content: "は.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(27):before {
  content: "ひ.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(28):before {
  content: "ふ.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(29):before {
  content: "へ.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(30):before {
  content: "ほ.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(31):before {
  content: "ま.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(32):before {
  content: "み.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(33):before {
  content: "む.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(34):before {
  content: "め.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(35):before {
  content: "も.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(36):before {
  content: "や.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(37):before {
  content: "ゆ.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(38):before {
  content: "よ.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(39):before {
  content: "ら.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(40):before {
  content: "り.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(41):before {
  content: "る.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(42):before {
  content: "れ.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(43):before {
  content: "ろ.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(44):before {
  content: "わ.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(45):before {
  content: "を.";
}

.list-style-peculiar--dot-hiragana > li:nth-child(46):before {
  content: "ん.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(1):before {
  content: "い.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(2):before {
  content: "ろ.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(3):before {
  content: "は.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(4):before {
  content: "に.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(5):before {
  content: "ほ.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(6):before {
  content: "へ.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(7):before {
  content: "と.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(8):before {
  content: "ち.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(9):before {
  content: "り.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(10):before {
  content: "ぬ.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(11):before {
  content: "る.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(12):before {
  content: "を.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(13):before {
  content: "わ.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(14):before {
  content: "か.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(15):before {
  content: "よ.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(16):before {
  content: "た.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(17):before {
  content: "れ.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(18):before {
  content: "そ.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(19):before {
  content: "つ.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(20):before {
  content: "ね.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(21):before {
  content: "な.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(22):before {
  content: "ら.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(23):before {
  content: "む.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(24):before {
  content: "う.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(25):before {
  content: "ゐ.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(26):before {
  content: "の.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(27):before {
  content: "お.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(28):before {
  content: "く.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(29):before {
  content: "や.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(30):before {
  content: "ま.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(31):before {
  content: "け.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(32):before {
  content: "ふ.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(33):before {
  content: "こ.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(34):before {
  content: "え.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(35):before {
  content: "て.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(36):before {
  content: "あ.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(37):before {
  content: "さ.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(38):before {
  content: "き.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(39):before {
  content: "ゆ.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(40):before {
  content: "め.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(41):before {
  content: "み.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(42):before {
  content: "し.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(43):before {
  content: "ゑ.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(44):before {
  content: "ひ.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(45):before {
  content: "も.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(46):before {
  content: "せ.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(47):before {
  content: "す.";
}

.list-style-peculiar--dot-hiragana-iroha > li:nth-child(48):before {
  content: "ん.";
}

.list-style-peculiar--dot-katakana > li:nth-child(1):before {
  content: "ア.";
}

.list-style-peculiar--dot-katakana > li:nth-child(2):before {
  content: "イ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(3):before {
  content: "ウ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(4):before {
  content: "エ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(5):before {
  content: "オ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(6):before {
  content: "カ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(7):before {
  content: "キ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(8):before {
  content: "ク.";
}

.list-style-peculiar--dot-katakana > li:nth-child(9):before {
  content: "ケ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(10):before {
  content: "コ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(11):before {
  content: "サ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(12):before {
  content: "シ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(13):before {
  content: "ス.";
}

.list-style-peculiar--dot-katakana > li:nth-child(14):before {
  content: "セ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(15):before {
  content: "ソ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(16):before {
  content: "タ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(17):before {
  content: "チ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(18):before {
  content: "ツ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(19):before {
  content: "テ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(20):before {
  content: "ト.";
}

.list-style-peculiar--dot-katakana > li:nth-child(21):before {
  content: "ナ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(22):before {
  content: "ニ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(23):before {
  content: "ヌ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(24):before {
  content: "ネ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(25):before {
  content: "ノ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(26):before {
  content: "ハ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(27):before {
  content: "ヒ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(28):before {
  content: "フ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(29):before {
  content: "ヘ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(30):before {
  content: "ホ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(31):before {
  content: "マ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(32):before {
  content: "ミ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(33):before {
  content: "ム.";
}

.list-style-peculiar--dot-katakana > li:nth-child(34):before {
  content: "メ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(35):before {
  content: "モ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(36):before {
  content: "ヤ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(37):before {
  content: "ユ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(38):before {
  content: "ヨ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(39):before {
  content: "ラ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(40):before {
  content: "リ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(41):before {
  content: "ル.";
}

.list-style-peculiar--dot-katakana > li:nth-child(42):before {
  content: "レ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(43):before {
  content: "ロ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(44):before {
  content: "ワ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(45):before {
  content: "ヲ.";
}

.list-style-peculiar--dot-katakana > li:nth-child(46):before {
  content: "ン.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(1):before {
  content: "イ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(2):before {
  content: "ロ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(3):before {
  content: "ハ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(4):before {
  content: "ニ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(5):before {
  content: "ホ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(6):before {
  content: "ヘ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(7):before {
  content: "ト.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(8):before {
  content: "チ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(9):before {
  content: "リ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(10):before {
  content: "ヌ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(11):before {
  content: "ル.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(12):before {
  content: "ヲ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(13):before {
  content: "ワ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(14):before {
  content: "カ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(15):before {
  content: "ヨ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(16):before {
  content: "タ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(17):before {
  content: "レ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(18):before {
  content: "ソ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(19):before {
  content: "ツ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(20):before {
  content: "ネ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(21):before {
  content: "ナ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(22):before {
  content: "ラ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(23):before {
  content: "ム.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(24):before {
  content: "ウ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(25):before {
  content: "ヰ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(26):before {
  content: "ノ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(27):before {
  content: "オ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(28):before {
  content: "ク.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(29):before {
  content: "ヤ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(30):before {
  content: "マ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(31):before {
  content: "ケ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(32):before {
  content: "フ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(33):before {
  content: "コ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(34):before {
  content: "エ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(35):before {
  content: "テ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(36):before {
  content: "ア.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(37):before {
  content: "サ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(38):before {
  content: "キ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(39):before {
  content: "ユ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(40):before {
  content: "メ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(41):before {
  content: "ミ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(42):before {
  content: "シ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(43):before {
  content: "ヱ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(44):before {
  content: "ヒ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(45):before {
  content: "モ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(46):before {
  content: "セ.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(47):before {
  content: "ス.";
}

.list-style-peculiar--dot-katakana-iroha > li:nth-child(48):before {
  content: "ン.";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(1)::before {
  content: "\02460";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(2)::before {
  content: "\02461";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(3)::before {
  content: "\02462";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(4)::before {
  content: "\02463";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(5)::before {
  content: "\02464";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(6)::before {
  content: "\02465";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(7)::before {
  content: "\02466";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(8)::before {
  content: "\02467";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(9)::before {
  content: "\02468";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(10)::before {
  content: "\02469";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(11)::before {
  content: "\0246a";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(12)::before {
  content: "\0246b";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(13)::before {
  content: "\0246c";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(14)::before {
  content: "\0246d";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(15)::before {
  content: "\0246e";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(16)::before {
  content: "\0246f";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(17)::before {
  content: "\02470";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(18)::before {
  content: "\02471";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(19)::before {
  content: "\02472";
}

.list-style-peculiar--character_circle-decimal > li:nth-of-type(20)::before {
  content: "\02473";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(1)::before {
  content: "\02776";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(2)::before {
  content: "\02777";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(3)::before {
  content: "\02778";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(4)::before {
  content: "\02779";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(5)::before {
  content: "\0277a";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(6)::before {
  content: "\0277b";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(7)::before {
  content: "\0277c";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(8)::before {
  content: "\0277d";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(9)::before {
  content: "\0277e";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(10)::before {
  content: "\0277f";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(11)::before {
  content: "\024eb";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(12)::before {
  content: "\024ec";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(13)::before {
  content: "\024ed";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(14)::before {
  content: "\024ee";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(15)::before {
  content: "\024ef";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(16)::before {
  content: "\024f0";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(17)::before {
  content: "\024f1";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(18)::before {
  content: "\024f2";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(19)::before {
  content: "\024f3";
}

.list-style-peculiar--character_round-decimal > li:nth-of-type(20)::before {
  content: "\024f4";
}

/*====================================

  - 6. Components
--------------------------------------
  コンポーネント

====================================*/
.js-scroll-object__target {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
}

.js-scroll-object__caution {
  display: none;
  padding: 0;
  margin: 0;
  color: #666;
}

.js-scroll-object__caution::before {
  display: inline-block;
  margin-right: 0.25rem;
  color: #1055A3;
  font-family: "basicicon" !important;
  content: "\ea24";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
}

.js-scroll-object__contents {
  min-width: 500px;
}

.js-scroll-object.has-scroll .js-scroll-object__caution {
  display: block;
}

/*====================================

  -99. Vendor Modules
--------------------------------------
  オリジナルではない、プラグイン

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

.slick-slider * + * {
  margin-top: 0;
}

.slick-slider button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

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

/* MODAAL */
/*====================================
  Basic Assets Modaal Styles
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Add Basic Assets 
    - 2. Modaal 
    
    ----------------------------------
    Introduction
    ----------------------------------
    MODAAL - 0.4.4 - 多機能モーダル
    http://humaan.com/modaal/
    
    ----------------------------------
    Constitution
    ----------------------------------
    js path
    /basic-assets/vendor/modaal/modaal.min.js
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/12/20   Founding
    
====================================*/
/*====================================

  - 1. Modaal Variables
--------------------------------------
  Modaal Variables に関しては
  /variables/_99-vendor.scssに移動

====================================*/
/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
/*
  $modaal-overlay-color: rgba(0, 0, 0, 0.8);

  $modaal-radius: 0px; //5px
  $modaal-main-bg: #fff;
  $modaal-main-text: #000;
  $modaal-max-width: 1000px;
  $modaal-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  $modaal-padding: 30px;
  $modaal-hover-color: rgba(0, 0, 0, 0.7);
  $modaal-close-hover-color: #b93d0c;

  $modaal-light: #fff;
  $modaal-primary: #555;
  $modaal-grey: #afb7bc;

*/
/*====================================
  *. Mixin
    ----------------------------------
    Structure
    ----------------------------------
    - 1. News Category Colors
    - 2. Portfolio Category Colors
    
    ----------------------------------
    Introduction
    ----------------------------------
    ここで独自設定書く前に、
    basic-assets/scss/_variables.scss
    をチェック
    呼び出し名が重複する可能性があるので、
    'loc-' みたいな名前にすると安全。
    
    ----------------------------------
    Constitution
    ----------------------------------
    $loc-*** : ****
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. News Category Colors
--------------------------------------
  ニュースステッカー用カラーマップ
  お知らせ : 1
  HP更新 : 2
  資産売買関連 : 11
  借入金 : 12
  投資口発行 : 13
  業績関連 : 14
  その他 : 15

  呼び出し
  news-category-colors($key)

====================================*/
/*====================================

  - 2. Portfolio Category Colors
--------------------------------------

  呼び出し
  portfolio-category-colors($key)

====================================*/
/*====================================
  *. Function
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Map Output Function
    
    ----------------------------------
    Introduction
    ----------------------------------
    ここで独自設定書く前に、
    basic-assets/scss/base/_function.scss
    をチェック
    呼び出し名が重複する可能性があるので、
    'loc-' みたいな名前にすると安全。
    
    ----------------------------------
    Constitution
    ----------------------------------
    @function loc-***() { }
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Map Output Function
--------------------------------------
  mapで設定したものを呼び出すためのfunction

====================================*/
/*------------------------------------
  $news-category-colors(map)を
  取得するための @function
------------------------------------*/
/*------------------------------------
  $news-category-colors(map)を
  取得するための @function
------------------------------------*/
/*====================================
  *. Mixin
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Bace
    
    ----------------------------------
    Introduction
    ----------------------------------
    ここで独自設定書く前に、
    basic-assets/scss/base/_mixin.scss
    をチェック
    呼び出し名が重複する可能性があるので、
    'loc-' みたいな名前にすると安全。
    
    ----------------------------------
    Constitution
    ----------------------------------
    @mixin loc-***() { }
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/11/21   Founding
    
====================================*/
/*====================================

  - 1. Bace
--------------------------------------

====================================*/
/*====================================

  - 2. Global Import
--------------------------------------
  グローバル系SCSSインポート

====================================*/
/*====================================
  00. Global Bace
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Bace
    
    ----------------------------------
    Introduction
    ----------------------------------
    基本的なスタイル上書きする時とかは
    このファイルに書けばいい
    
    ----------------------------------
    Constitution
    ----------------------------------
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/12/06   Founding
    
====================================*/
/*====================================

  - 1. Bace
--------------------------------------

====================================*/
.js-scrollbar {
  overflow-y: auto;
}

.global-wrapper {
  display: block;
  padding: 0;
  margin: 0;
}

.is-navigation-open .global-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

/*====================================
  01. Global Header
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Global Header
    - 2. Global Brand
    - 3. Global Navigation
    
    ----------------------------------
    Introduction
    ----------------------------------
    グローバルヘッダー用
    
    ----------------------------------
    Constitution
    ----------------------------------
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/12/06   Founding
    
====================================*/
/*====================================

  - 1. Global Header
--------------------------------------

====================================*/
.global-header {
  display: block;
  padding: 0;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100000;
  border-bottom: solid 4px #1055A3;
  background-color: #fff;
}

.global-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1400px;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 60px;
}

.global-header__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: relative;
  z-index: 100;
  background-color: #fff;
}

.global-header__navigation {
  display: block;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  background-color: #1055A3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 90;
}

.is-navigation-open .global-header__navigation {
  height: 100vh;
  padding-top: 60px;
}

.global-header a {
  text-decoration: none;
}

@media (min-width: 992px) {
  .global-header {
    padding: 0 1.0rem;
    display: block;
  }
  .global-header__inner {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 96px;
  }
  .global-header__main {
    height: auto;
    width: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .global-header__navigation,
  .is-navigation-open .global-header__navigation {
    background-color: rgba(255, 255, 255, 0);
    position: static;
    z-index: 100;
    height: auto;
    padding-top: 0;
    overflow: visible;
  }
}

/*====================================

  - 2. Global Brand
--------------------------------------

====================================*/
.global-brand {
  display: block;
  padding: 0 1.0rem;
  margin: 0;
  max-width: 430px;
  width: 100%;
}

.global-brand a {
  display: block;
  padding: 0;
  margin: 0;
}

.global-brand span {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
}

.global-brand img {
  max-height: 30px;
}

@media (min-width: 992px) {
  .global-brand {
    padding: 0;
  }
  .global-brand img {
    max-height: 60px;
  }
}

/*====================================

  - 3. Global Navigation
--------------------------------------

====================================*/
.global-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.global-navigation__sub {
  padding: 1.0rem;
  height: 80px;
}

.global-navigation__main {
  padding: 0;
  overflow-y: auto;
  max-height: calc(100vh - (60px + 80px));
}

@media (min-width: 992px) {
  .global-navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: auto;
  }
  .global-navigation__sub {
    padding: 0;
    height: auto;
    width: auto;
  }
  .global-navigation__main {
    height: auto;
    width: auto;
    max-height: inherit;
    overflow-y: visible;
    overflow: visible;
  }
}

.account-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.25rem;
  font-size: 0.75rem;
  line-height: 1.16667;
}

.account-menu li {
  display: block;
  padding: 0.25rem;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.account-menu a {
  display: block;
  padding: 0.75rem;
  width: 100%;
  text-align: center;
  color: #fff;
}

.account-menu--control {
  background-color: #666;
}

.account-menu--control:hover {
  background-color: #888;
}

.account-menu--logout {
  background-color: #000;
}

.account-menu--logout:hover {
  background-color: #222;
}

@media (min-width: 992px) {
  .account-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -0.5rem;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top: 1.0rem;
  }
  .account-menu li {
    display: block;
    padding: 0 0.5rem;
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .account-menu a {
    padding: 0.25rem 1.0rem;
    min-width: 100px;
  }
}

.navigation-menu {
  display: block;
  padding: 0;
  margin: 0;
  border-bottom: solid 2px rgba(255, 255, 255, 0.5);
}

.navigation-menu dl,
.navigation-menu dt,
.navigation-menu dd,
.navigation-menu ul,
.navigation-menu li,
.navigation-menu a,
.navigation-menu span {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
}

.navigation-menu a {
  padding: 1.0rem;
  color: #fff;
  border-top: solid 1px rgba(255, 255, 255, 0.2);
}

.navigation-menu dl.is-same-category {
  background-color: rgba(255, 255, 255, 0.1);
}

.navigation-menu dt a {
  font-size: 1rem;
  line-height: 1;
  border-top: solid 2px rgba(255, 255, 255, 0.5);
  position: relative;
  z-index: 1;
  padding-right: calc(1.0rem + 60px);
}

.navigation-menu dd {
  display: none;
}

.navigation-menu dd a {
  font-size: 1rem;
  line-height: 1;
}

.navigation-menu ul {
  padding: 0 0 0 1.0rem;
}

.navigation-menu li ul li {
  border-bottom: none;
}

@media (min-width: 992px) {
  .navigation-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: none;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top: 12px;
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .navigation-menu a {
    padding: 1.0rem;
    color: #000;
    border-top: none;
  }
  .navigation-menu dl {
    margin-left: 1rem;
    margin-right: 1rem;
    z-index: 1;
  }
  .navigation-menu dl.is-same-category {
    background-color: rgba(255, 255, 255, 0);
  }
  .navigation-menu dl:hover {
    z-index: 5;
  }
  .navigation-menu dl:hover dd {
    max-height: initial;
    opacity: 1.0;
    top: 46px;
  }
  .navigation-menu dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 46px;
  }
  .navigation-menu dt a {
    font-size: 1rem;
    line-height: 1;
    border-top: none;
    z-index: 1;
    padding: 1.0rem 0;
  }
  .navigation-menu dd {
    display: block;
    position: absolute;
    top: 40px;
    left: 50%;
    background-color: #1055A3;
    width: 260px;
    margin-left: -130px;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    text-align: center;
  }
  .navigation-menu dd a {
    color: #fff;
    font-size: 1rem;
    line-height: 1;
    border-top: solid 1px rgba(255, 255, 255, 0.2);
    padding: 1.0rem;
    background-color: rgba(0, 0, 0, 0);
  }
  .navigation-menu dd a:hover {
    background-color: rgba(0, 0, 0, 0.2);
  }
  .navigation-menu dl:last-child dd {
    left: auto;
    right: 0;
  }
  .navigation-menu ul {
    padding: 0;
  }
  .navigation-menu li ul {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .navigation-menu li ul li a {
    padding: 0.5rem;
    border-top: dotted 1px rgba(255, 255, 255, 0.2);
  }
}

.navigation-toggle {
  display: block;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.navigation-toggle span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 60px;
  border-left: solid 1px rgba(255, 255, 255, 0.2);
}

.navigation-toggle span::before, .navigation-toggle span::after {
  display: block;
  padding: 0;
  margin: auto;
  width: 1.0em;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: '';
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.navigation-toggle span::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.navigation-toggle.is-open span::before, .navigation-toggle.is-open span::after {
  background-color: rgba(255, 255, 255, 0.2);
}

.navigation-toggle.is-open span::after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

@media (min-width: 992px) {
  .navigation-toggle {
    display: none;
  }
}

/*====================================

  - 4. Global Trigger
--------------------------------------

====================================*/
.global-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  width: 60px;
  height: 60px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 1000;
}

@media (min-width: 992px) {
  .global-trigger {
    display: none;
  }
}

.global-trigger button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #DBD2C8;
  background-color: #1055A3;
}

.global-trigger button:hover {
  background-color: #078FD3;
}

.global-trigger .trigger-text {
  display: block;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  font-size: 0.6875rem;
}

.global-trigger .trigger-text::before {
  content: 'menu';
}

.is-navigation-open .global-trigger .trigger-text::before {
  content: 'close';
}

/*------------------------------------
  3.1 hamburger-icon
------------------------------------*/
.hamburger-icon {
  display: block;
  padding: 0;
  margin: auto;
  position: relative;
  width: 24px;
  height: 24px;
}

.hamburger-icon__bar--1, .hamburger-icon__bar--2, .hamburger-icon__bar--3 {
  display: block;
  padding: 0;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.hamburger-icon__bar--1 {
  margin: 20% auto auto auto;
}

.hamburger-icon__bar--2 {
  margin: auto auto auto auto;
}

.hamburger-icon__bar--3 {
  margin: auto auto 20% auto;
}

.is-navigation-open .hamburger-icon__bar--1 {
  margin: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.is-navigation-open .hamburger-icon__bar--2 {
  margin: auto;
  width: 0;
}

.is-navigation-open .hamburger-icon__bar--3 {
  margin: auto;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*====================================

  - 5. Global Header Sitemap
--------------------------------------

====================================*/
.global-header-sitemap {
  display: block;
  padding: 0;
  margin: 0;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 600px;
  height: 0;
  background-color: #fff;
  overflow: hidden;
  overflow-y: auto;
  -webkit-transition: all 0.75s;
  transition: all 0.75s;
  z-index: 90;
  pointer-events: none;
  font-size: 0.875rem;
  line-height: 1.28571;
}

.is-navigation-open .global-header-sitemap {
  height: 100vh;
  pointer-events: auto;
}

.global-header-sitemap__container {
  display: block;
  padding: 2.0rem;
  margin: 0 auto;
  padding-top: calc(60px + 2.0rem);
  padding-bottom: 4.0rem;
  max-width: calc(900px + 4.0rem);
}

@media (min-width: 992px) {
  .global-header-sitemap__container {
    padding-top: calc(96px + 2.0rem);
  }
}

.global-header-sitemap .js-scrollbar {
  overflow-x: hidden;
  max-height: calc(100vh - (60px + 2.0rem + 4.0rem));
}

@media (min-width: 992px) {
  .global-header-sitemap .js-scrollbar {
    max-height: calc(100vh - (96px + 2.0rem + 4.0rem));
    overflow-x: hidden;
  }
}

.global-header-sitemap nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  margin: 0;
  overflow-y: auto;
}

.global-header-sitemap dl {
  display: block;
  padding: 0.5rem 0;
  width: 100%;
}

@media (min-width: 576px) {
  .global-header-sitemap dl {
    width: 50%;
  }
}

.global-header-sitemap a {
  display: block;
  padding: 0;
  margin: 0;
  color: #000;
}

.global-header-sitemap a:hover {
  color: #078FD3;
}

.global-header-sitemap dt {
  display: block;
  padding: 0;
  margin: 0;
}

.global-header-sitemap dt span {
  display: block;
  padding: 0;
  padding-bottom: 0.5rem;
  margin: 0;
  position: relative;
}

.global-header-sitemap dt span::after {
  display: block;
  padding: 0;
  margin: 0;
  border-top: solid 2px #078FD3;
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5rem;
}

.global-header-sitemap dd {
  display: block;
  padding: 0;
  margin: 0;
  padding-top: 0.5rem;
}

.global-header-sitemap dd ul {
  display: block;
  padding: 0;
  margin: 0;
}

.global-header-sitemap dd li {
  display: block;
  padding: 0;
  margin: 0;
}

.global-header-sitemap dd a {
  padding: 0.25rem 0;
}

.global-header-sitemap dd span {
  display: block;
  padding: 0 0 0 1.0rem;
  margin: 0;
  position: relative;
}

.global-header-sitemap dd span::before {
  width: 1em;
  height: 100%;
  color: #078FD3;
  font-family: "basicicon" !important;
  content: "\e91d";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
}

/*====================================
  02. Global Main
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Global Main
    
    ----------------------------------
    Introduction
    ----------------------------------
    グローバルメイン用
    
    ----------------------------------
    Constitution
    ----------------------------------
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/12/06   Founding
    
====================================*/
/*====================================

  - 1. Global Main
--------------------------------------

====================================*/
.global-main {
  display: block;
  padding: 60px 0.5rem;
  margin: 0;
  position: relative;
}

.global-main::before {
  display: block;
  padding: 0;
  margin: 0;
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  max-height: 1000px;
  height: 80%;
  background: -webkit-gradient(linear, left top, left bottom, from(#078FD3), color-stop(50%, #078FD3), to(rgba(7, 143, 211, 0)));
  background: linear-gradient(to bottom, #078FD3, #078FD3 50%, rgba(7, 143, 211, 0));
  opacity: 0.1;
  content: '';
  z-index: 0;
}

.is-top .global-main {
  padding: 60px 0 0 0;
}

.is-top .global-main::before {
  display: none;
}

@media (min-width: 992px) {
  .global-main {
    padding: 96px 1rem;
  }
  .is-top .global-main {
    padding: 96px 0 0 0;
  }
}

/*====================================

  - 1. Global Contents
--------------------------------------

====================================*/
.global-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  padding: 1.0rem 0 0 0;
  position: relative;
  z-index: 5;
  max-width: 1400px;
}

.global-contents__container, .global-contents__nav {
  display: block;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0;
  margin: 0;
}

.global-contents__container {
  background-color: #fff;
  -webkit-box-shadow: 0 0.25rem 2rem rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.25rem 2rem rgba(0, 0, 0, 0.05);
}

.global-contents__nav {
  display: block;
  padding: 2.0rem 0 0 0;
  margin: 0;
}

@media (min-width: 992px) {
  .global-contents {
    padding: 4.0rem 0 0 0;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .global-contents__container {
    width: 100;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .global-contents__nav {
    width: 16rem;
    margin-right: 1.0rem;
    padding: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

@media (min-width: 1200px) {
  .global-contents__nav {
    width: 18rem;
    margin-right: 2.0rem;
  }
}

@media (min-width: 1400px) {
  .global-contents__nav__nav {
    width: 20rem;
    margin-right: 4.0rem;
  }
}

/*====================================

  - 3. Contents Navigation
--------------------------------------

====================================*/
.contents-navigation dl,
.contents-navigation dt,
.contents-navigation dd,
.contents-navigation ul,
.contents-navigation li,
.contents-navigation a,
.contents-navigation i,
.contents-navigation span {
  display: block;
  padding: 0;
  margin: 0;
}

.contents-navigation dt {
  font-size: 1.2em;
  line-height: 1.2;
}

.contents-navigation dt a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.0rem;
  background-color: #1055A3;
  color: #fff;
  min-height: 4.0rem;
}

.contents-navigation dt a:hover {
  background-color: #078FD3;
  color: #fff;
}

@media (min-width: 992px) {
  .contents-navigation dt {
    font-size: 1.5em;
  }
  .contents-navigation dt a {
    min-height: 8.0rem;
  }
}

.contents-navigation ul ul {
  padding: 0 0 0 2.0em;
}

.contents-navigation li {
  font-size: 1rem;
  line-height: 1.125;
  position: relative;
  background-color: #fff;
}

.contents-navigation li a {
  display: block;
  background-color: #fff;
  position: relative;
  padding: 1.5em 1.0em 1.5em 4.0em;
  z-index: 1;
  border-bottom: solid 1px #e0e0e0;
}

.contents-navigation li a::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  line-height: 1;
  width: 1.8em;
  height: 1.8em;
  position: absolute;
  top: calc(50% - 0.9em);
  left: 1.0em;
  background-color: #1055A3;
  border-radius: 50%;
  z-index: 2;
  font-family: "basicicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91d";
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.contents-navigation li a:hover {
  background-color: #078FD3;
  color: #fff;
}

.contents-navigation li a:hover::before {
  background-color: #fff;
  color: #078FD3;
}

.contents-navigation li a.is-current, .contents-navigation li a.is-current:hover {
  background-color: rgba(16, 85, 163, 0.1);
  color: #1055A3;
}

.contents-navigation li a.is-current::before, .contents-navigation li a.is-current:hover::before {
  background-color: #fff;
  color: #1055A3;
}

.contents-navigation li ul a {
  padding: 1.0em 1.0em 1.0em 4.0em;
}

.contents-navigation li ul a::before {
  font-size: 0.875rem;
  line-height: 1;
  top: calc(50% - (0.9em + 1px));
  background-color: #fff;
  content: "\e91d";
  color: #1055A3;
  border: solid 1px currentColor;
}

.contents-navigation li ul a:hover::before {
  background-color: #078FD3;
  color: #fff;
}

.contents-navigation li ul a.is-current::before, .contents-navigation li ul a.is-current:hover::before {
  background-color: rgba(16, 85, 163, 0);
  color: #fff;
}

/*====================================

  - 4. Main Contents
--------------------------------------

====================================*/
.main-contents {
  display: block;
  padding: 0;
  margin: 0;
}

.main-contents-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.0rem 1.0rem;
  margin: 0;
  background-color: #1055A3;
  color: #fff;
  min-height: 6.0rem;
}

.main-contents-header__inner {
  display: block;
  padding: 0;
  margin: 0;
  max-width: 872px;
  width: 100%;
}

.main-contents-header p {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 0.875em;
}

.main-contents-header h1 {
  display: block;
  padding: 0;
  margin: 0;
}

.main-contents-header h1 span {
  font-size: 0.875em;
}

@media (min-width: 992px) {
  .main-contents-header {
    min-height: 8.0rem;
  }
  .main-contents-header span {
    font-size: 1.05rem;
  }
}

.main-contents-body {
  display: block;
  padding: 0 1.0rem;
  margin: 0;
}

/*====================================

  - 5. Breadcrumb List
--------------------------------------
  パンクズリスト
  リンクがある場合
  .breadcrumb-list > ul > li > a > span
  リンクがない場合（一番最後）
  .breadcrumb-list > ul > li > span

====================================*/
.global-breadcrumb {
  display: block;
  background-color: #F4F7F8;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #d5e0e4;
  padding: 0 1.0rem;
  position: relative;
  z-index: 2;
}

.breadcrumb-list {
  display: block;
  padding: 1.0rem 0;
  margin: 0 auto;
  font-size: 0.875rem;
  line-height: 1.14286;
  color: #000;
  max-width: 1400px;
}

.breadcrumb-list li + li {
  margin-top: 0;
}

.breadcrumb-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  text-decoration: none;
}

.breadcrumb-list a:hover {
  color: #1055A3;
}

.breadcrumb-list a::after {
  font-family: "basicicon" !important;
  content: "\e91d";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1055A3;
}

.breadcrumb-list span {
  display: block;
  padding: 0;
  margin: 0 0.5rem;
}

.breadcrumb-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0 -0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.breadcrumb-list li {
  display: block;
  padding: 0;
  margin: 0;
}

/*====================================

  - 3. Main Section
--------------------------------------

====================================*/
.main-section {
  display: block;
  padding: 1.5em 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 872px;
  margin-top: 0;
}

.main-section:first-child {
  padding-top: 2.0em;
}

.main-section:last-child {
  padding-bottom: 2.0em;
}

@media (min-width: 992px) {
  .main-section:first-child,
  .page-link-tab + .main-section,
  .page-link-tab--top + .main-section,
  .page-link-tab--bottom + .main-section,
  .page-link-tab--top + .main-section {
    padding-top: 4.0em;
  }
  .main-section:last-child,
  .main-section + .page-link-tab--bottom {
    padding-bottom: 4.0em;
  }
}

.main-section--full {
  display: block;
  padding: 0;
  margin-left: -1.0rem;
  margin-right: -1.0rem;
}

.main-section + .main-section {
  margin-top: 0;
}

.main-section.display-none:first-child + .main-section {
  margin-top: 0;
}

.is-top .main-section {
  margin: 0 -1.0rem;
  max-width: inherit;
  overflow: hidden;
}

.banner-display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.75rem;
}

.banner-display * + * {
  margin-top: 0;
}

.banner-display dl {
  display: block;
  padding: 0 0 1.0rem 0;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.banner-display dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0 0 0.25rem 0;
  line-height: 1.1;
}

.banner-display dd {
  display: block;
  padding: 0;
  margin: 0;
}

.banner-display dd a,
.banner-display dd span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}

.banner-display dd img {
  max-width: 28rem;
  width: 100%;
  height: auto;
}

.banner-display ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
}

.banner-display ul li {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media (min-width: 420px) {
  .banner-display {
    margin: 0 -0.50rem;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .banner-display ul {
    margin: 0 -0.5rem;
  }
  .banner-display ul li {
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0 0.5rem;
  }
  .banner-display dl {
    padding: 0 0.5rem;
    margin: 0;
    width: 50%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .banner-display dl.is-sponsor {
    width: 66%;
  }
  .banner-display dl.is-am {
    width: 33%;
  }
}

/*====================================
  03. Global Footer
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Global Footer
    - 2. Global Footer Sitemap
    - 3. Global Footer Bottom
    - 4. Global Copyright
    
    ----------------------------------
    Introduction
    ----------------------------------
    グローバルフッター用
    
    ----------------------------------
    Constitution
    ----------------------------------
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/12/06   Founding
    
====================================*/
/*====================================

  - 1. Global Footer
--------------------------------------

====================================*/
.global-footer {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  background-color: #666;
  z-index: 2;
}

.global-footer a {
  text-decoration: none;
  color: #fff;
}

.global-footer a:hover {
  color: #78cffb;
}

/*====================================

  - 2. Global Footer Sitemap
--------------------------------------
  フッターのサイトマップやら

====================================*/
.global-footer-sitemap {
  display: none;
  padding: 2.0rem 0.5rem;
  margin: 0 auto;
  max-width: 1400px;
  background-color: #666;
  color: #fff;
}

.global-footer-sitemap__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.global-footer-sitemap__navigation dl,
.global-footer-sitemap__navigation dt,
.global-footer-sitemap__navigation dd,
.global-footer-sitemap__navigation ul,
.global-footer-sitemap__navigation li,
.global-footer-sitemap__navigation a,
.global-footer-sitemap__navigation span {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
}

.global-footer-sitemap__navigation dl {
  padding: 0 0.5rem;
  width: 20%;
}

.global-footer-sitemap__navigation dt {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.28571;
  margin-bottom: 1.0rem;
}

.global-footer-sitemap__navigation dt span {
  border-left: solid 5px #fff;
  padding-left: 0.5rem;
}

.global-footer-sitemap__navigation dd {
  font-size: 0.75rem;
  line-height: 1.5;
}

.global-footer-sitemap__navigation dd ul {
  padding: 0.25rem 0 0 calc(5px + 0.5rem);
}

.global-footer-sitemap__navigation dd li + li {
  margin-top: 0.5rem;
}

.global-footer-sitemap__navigation dd a::before {
  display: block;
  position: absolute;
  top: 0;
  left: calc((5px + 0.5rem) * -1);
  font-family: "basicicon" !important;
  content: "\e901";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.global-footer-sitemap__brand {
  display: block;
  width: 180px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (min-width: 992px) {
  .global-footer-sitemap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 1200px) {
  .global-footer-sitemap {
    padding: 3.75rem 1.0rem;
  }
  .global-footer-sitemap__navigation {
    margin: 0 -0.75rem;
  }
  .global-footer-sitemap__navigation dl {
    padding: 0 0.75rem;
  }
  .global-footer-sitemap__navigation dt {
    font-size: 1rem;
  }
  .global-footer-sitemap__navigation dd {
    font-size: 0.875rem;
  }
}

/*====================================

  - 3. Global Footer Bottom
--------------------------------------
  フッターメニューやら

====================================*/
.global-footer-bottom {
  display: block;
  padding: 2.0rem 1.0rem;
  background-color: #fff;
  color: #000;
  font-size: 0.875rem;
  line-height: 1.14286;
}

.global-footer-bottom a {
  color: #000;
}

.global-footer-bottom a:hover {
  color: #1055A3;
}

.global-footer-bottom__inner {
  display: block;
  padding: 0;
  margin: 0 auto;
  max-width: 1400px;
}

.global-footer-bottom-banner {
  display: block;
  padding: 0;
  margin: 0;
}

.global-footer-bottom-banner .banner-display ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.global-footer-bottom-nav {
  display: block;
  padding: 1.0rem 0;
  margin: 0;
}

@media (min-width: 992px) {
  .global-footer-bottom__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .global-footer-bottom-banner {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .global-footer-bottom-banner .banner-display {
    font-size: 0.875rem;
  }
  .global-footer-bottom-banner .banner-display ul {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .global-footer-bottom-nav {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.global-footer-bottom-nav__nav ul,
.global-footer-bottom-nav__nav li,
.global-footer-bottom-nav__nav a,
.global-footer-bottom-nav__nav span {
  display: block;
  padding: 0;
  margin: 0;
}

.global-footer-bottom-nav__nav ul {
  margin-bottom: 1.0rem;
}

.global-footer-bottom-nav__nav li {
  padding: 0.25rem 0;
}

.global-footer-bottom-nav__nav a {
  padding: 0.25rem 0;
}

@media (min-width: 992px) {
  .global-footer-bottom-nav__nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -0.5em;
    margin-right: -0.5em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .global-footer-bottom-nav__nav li {
    display: block;
    padding: 0 0.5em;
  }
  .global-footer-bottom-nav__nav a {
    padding: 0;
  }
}

/*====================================

  - 4. Global Copyright
--------------------------------------
  コピーライトやら

====================================*/
.global-copyright {
  display: block;
  padding: 0.5rem 0;
  margin: 0;
  font-family: "Amiri", serif;
  text-align: center;
}

.global-copyright small {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 1em;
}

/*====================================
  04. Global Contents
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Contents Style H1
    - 2. Contents Style H2
    - 3. Contents Style H3
    - 4. Contents Style H4
    - 5. Contents Style H5
    - 6. Contents Style H6
    
    ----------------------------------
    Introduction
    ----------------------------------
    グローバルコンテンツ用
    
    ----------------------------------
    Constitution
    ----------------------------------
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/12/06   Founding
    
====================================*/
.display-none {
  display: none;
}

/*====================================

  - 1. Contents Style H1
--------------------------------------

====================================*/
/*====================================

  - 2. Contents Style H2
--------------------------------------

====================================*/
.contents-style h2:not([class]) {
  display: block;
  padding: 0.5em 0;
  position: relative;
  color: #1055A3;
}

.contents-style h2:not([class])::before, .contents-style h2:not([class])::after {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
}

.contents-style h2:not([class])::before {
  width: 100%;
  border-bottom: solid 1px #078FD3;
  z-index: 1;
}

.contents-style h2:not([class])::after {
  width: 4.5rem;
  border-bottom: solid 1px #1055A3;
  z-index: 2;
}

.contents-style h2 + * {
  margin-top: 2.0em;
}

.contents-style h2:first-child:not([class]) {
  margin-top: 0;
}

.contents-style * + h2 {
  margin-top: 1.5em;
}

.contents-style h2 + .display-none {
  margin-top: 0;
}

.contents-style h2 + .display-none + * {
  margin-top: 2.0rem;
}

/*====================================

  - 3. Contents Style H3
--------------------------------------

====================================*/
.contents-style h3:not([class]) {
  color: #078FD3;
  font-weight: 400;
}

/*====================================

  - 4. Contents Style H4
--------------------------------------

====================================*/
/*====================================

  - 5. Contents Style H5
--------------------------------------

====================================*/
/*====================================

  - 6. Contents Style H6
--------------------------------------

====================================*/
/*====================================

  - 7. Title Main
--------------------------------------
  .title-main > span + small

====================================*/
/*====================================

  - 8. Number Display
--------------------------------------
  .number-display > strong + small

====================================*/
.number-display strong, .number-display--secondary strong,
.number-display span,
.number-display--secondary span {
  color: #1055A3;
}

.number-display strong, .number-display--secondary strong {
  font-size: 2.0em;
}


.number-display span,
.number-display--secondary span {
  font-size: 1.25em;
}

.number-display small, .number-display--secondary small {
  font-size: 1.0em;
}

.number-display--secondary strong,
.number-display--secondary span {
  color: #078FD3;
}

/*====================================

  - 9. Archive List
--------------------------------------
  Archive List 拡張

====================================*/
.archive-list li {
  background-color: #F4F7F8;
}

.archive-list__header, .archive-list__body {
  background-color: #F4F7F8;
}

.archive-list__header {
  padding-top: 0.5rem;
  padding-bottom: 0;
}

.archive-list__header .date {
  display: block;
  padding: 0.25rem 1.0rem;
  font-size: 1.0rem;
  color: #1055A3;
}

.archive-list__header .sticker {
  background-color: #fff;
  color: #1055A3;
}

.archive-list__header .sticker {
  /*お知らせ*/
  /*HP更新*/
  /*物件*/
  /*決算*/
  /*借入*/
  /*増資*/
  /*その他*/
}

.archive-list__header .sticker--1 {
  background-color: #ff7613 !important;
  color: #fff;
}

.archive-list__header .sticker--2 {
  background-color: #49a63b !important;
  color: #fff;
}

.archive-list__header .sticker--11 {
  background-color: #22a99e !important;
  color: #fff;
}

.archive-list__header .sticker--12 {
  background-color: #328fb8 !important;
  color: #fff;
}

.archive-list__header .sticker--13 {
  background-color: #65419f !important;
  color: #fff;
}

.archive-list__header .sticker--14 {
  background-color: #a9226b !important;
  color: #fff;
}

.archive-list__header .sticker--15 {
  background-color: #626262 !important;
  color: #fff;
}

.archive-list__body {
  border-bottom: solid 4px #fff;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.archive-list__body p {
  padding: 0.25rem 1.0rem;
}

@media (min-width: 992px) {
  .archive-list:not(.is-vertical) .archive-list__header, .archive-list:not(.is-vertical) .archive-list__body {
    border-bottom: solid 4px #fff;
  }
  .archive-list:not(.is-vertical) .archive-list__header {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .archive-list:not(.is-vertical) .archive-list__header .date {
    padding: 0.25rem 0.5rem 0.25rem 2.25rem;
  }
  .archive-list:not(.is-vertical) .archive-list__body {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

/*====================================

  -10. Table
--------------------------------------
  Table Style

====================================*/
.table, .plan-table, .number-table, .detail-table, .officers-profile {
  line-height: 1.4;
  border-top: solid 1px #e0e0e0;
  border-left: solid 1px #e0e0e0;
}

.table caption, .plan-table caption, .number-table caption, .detail-table caption, .officers-profile caption {
  padding: 0.25em 0;
  font-size: 0.75em;
  color: #666;
}

.table th, .plan-table th, .number-table th, .detail-table th, .officers-profile th,
.table td,
.plan-table td,
.number-table td,
.detail-table td,
.officers-profile td {
  vertical-align: middle;
}

.table thead th, .plan-table thead th, .number-table thead th, .detail-table thead th, .officers-profile thead th,
.table thead td,
.plan-table thead td,
.number-table thead td,
.detail-table thead td,
.officers-profile thead td {
  padding: 0.5em;
  border-right: solid 1px #e0e0e0;
  border-bottom: solid 1px #e0e0e0;
  line-height: 1.2;
  text-align: center;
  font-weight: 400;
  color: #fff;
}

.table thead th, .plan-table thead th, .number-table thead th, .detail-table thead th, .officers-profile thead th {
  background-color: #078FD3;
}


.table thead td,
.plan-table thead td,
.number-table thead td,
.detail-table thead td,
.officers-profile thead td {
  background-color: #078FD3;
}

.table tbody th, .plan-table tbody th, .number-table tbody th, .detail-table tbody th, .officers-profile tbody th,
.table tbody td,
.plan-table tbody td,
.number-table tbody td,
.detail-table tbody td,
.officers-profile tbody td {
  border-right: solid 1px #e0e0e0;
  border-bottom: solid 1px #e0e0e0;
  padding: 0.75rem;
}

.table tbody th, .plan-table tbody th, .number-table tbody th, .detail-table tbody th, .officers-profile tbody th {
  background-color: #F4F7F8;
}

.table tbody th, .plan-table tbody th {
  width: 20%;
}

.table.is-responsive tbody th, .is-responsive.plan-table tbody th {
  min-width: 100%;
}

@media (min-width: 576px) {
  .table.is-responsive tbody th, .is-responsive.plan-table tbody th {
    width: 20%;
  }
}

.number-table {
  border-bottom: none;
}

.number-table.is-responsive tbody tr:first-child th {
  border-top: solid 1px #e0e0e0;
}

@media (min-width: 576px) {
  .number-table.is-responsive tbody tr:first-child td {
    border-top: solid 1px #e0e0e0;
  }
}

.number-table tbody th,
.number-table tbody td {
  border: none;
  border-bottom: solid 1px #e0e0e0;
}

.number-table tbody th {
  padding: 0.5rem 1.0rem;
  background-color: #F4F7F8;
}

.number-table tbody td {
  padding: 1.0rem;
  text-align: right;
}

@media (min-width: 576px) {
  .number-table {
    table-layout: fixed;
  }
  .number-table tbody th {
    width: auto;
    text-align: center;
  }
  .number-table tbody td {
    width: auto;
  }
}

.detail-table {
  border-bottom: none;
}

.detail-table tbody th,
.detail-table tbody td {
  border: solid 1px #e0e0e0;
  vertical-align: middle;
  width: auto;
  padding: 0.5rem;
  text-align: center;
}

.detail-table tbody td.is-number {
  text-align: right;
}

.detail-table tbody td.is-date {
  text-align: left;
}

/*====================================

  -11. caption
--------------------------------------

====================================*/
.caption {
  color: #666;
  font-size: 0.875rem;
  line-height: 1.14286;
}

.archive-file-list {
  display: block;
  padding: 0;
  border-top: solid 1px #e0e0e0;
}

.archive-file-list li + li {
  margin-top: 0;
}

.archive-file-list li {
  display: block;
  padding: 0;
  margin: 0;
  border-bottom: solid 1px #e0e0e0;
}

.archive-file {
  display: block;
  padding: 1.0rem 3.0rem 1.0rem 1.0rem;
  margin: 0;
  line-height: 1.2;
  position: relative;
}

.archive-file::before {
  display: block;
  line-height: 1.0;
  font-size: 1.25rem;
  margin-top: calc((1.25rem / 2) * -1);
  width: 1.25rem;
  height: 1.25rem;
  font-family: "basicicon" !important;
  content: "\e9ef";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 1.0rem;
  top: 50%;
  color: #C3C3C3;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.archive-file:hover {
  background-color: #F4F7F8;
}

.archive-file:hover::before {
  color: #078FD3;
}

.archive-file__time {
  display: block;
  padding: 0;
  margin: 0 0 0.5rem 0;
  color: #646464;
  font-size: 0.875rem;
}

.archive-file__title {
  display: inline;
  padding: 0;
  margin: 0;
  font-size: 1rem;
}

.archive-file__title::after {
  display: inline-block;
  font-family: "basicicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 0 0 0.25rem;
}

.archive-file[target="_blank"] .archive-file__title::after {
  content: "\e983";
}

.archive-file[href$=".pdf"] .archive-file__title::after {
  content: "\e9a8";
  color: #C40902;
}

.archive-file[href$=".xls"] .archive-file__title::after, .archive-file[href$=".xlsx"] .archive-file__title::after {
  content: "\e9bb";
  color: #4F9F55;
}

/*====================================

  -12. number card
--------------------------------------

====================================*/
.number-card,
.number-card--center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  border-bottom: solid 1px #e0e0e0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.number-card:last-child,
.number-card--center:last-child {
  border-bottom: none;
}

.number-card dt,
.number-card--center dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.number-card dt span,
.number-card--center dt span {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
}

.number-card dt span,
.number-card--center dt span {
  font-size: 1rem;
  padding: 0 1.0rem 0 0;
  margin: 0 1.0rem 0 0;
  position: relative;
}

.number-card dd,
.number-card--center dd {
  display: block;
  padding: 0;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
}

.number-card p,
.number-card--center p {
  display: block;
  padding: 0;
}

.number-card__caption,
.number-card--center__caption {
  margin-top: 0.5rem;
  font-size: 0.75rem;
}

@media (min-width: 992px) {
  .number-card--center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .number-card--center dt,
  .number-card--center dd {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}

/*====================================

  -13. accordion button
--------------------------------------

====================================*/
.accordion-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  max-width: 300px;
  background-color: #f1f1f1;
  border: solid 1px #e0e0e0;
  padding: 1.0rem;
}

.accordion-button:hover, .accordion-button:active {
  background-color: #078FD3;
  color: #fff;
}

.accordion-button:hover span::before, .accordion-button:active span::before {
  color: #fff;
}

.accordion-button span::before {
  display: inline-block;
  margin-right: 0.5rem;
  font-family: "basicicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #078FD3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.accordion-button__open::before {
  content: "\e993";
}

.accordion-button__close::before {
  content: "\ea83";
}

/*====================================

  -14. Category Sort Menu
--------------------------------------

====================================*/
.category-sort-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1.4;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.category-sort-menu li {
  display: block;
  padding: 0.25rem;
  margin: 0;
}

.category-sort-menu li + li {
  margin-top: 0;
}

.category-sort-menu a {
  display: block;
  padding: 0.5rem 1.0rem;
  min-width: 6rem;
  text-align: center;
  background-color: rgba(224, 224, 224, 0.5);
  /*お知らせ*/
  /*お知らせ*/
  /*HP更新*/
  /*物件*/
  /*決算*/
  /*借入*/
  /*増資*/
  /*その他*/
}

.category-sort-menu a:hover {
  color: #fff;
  -webkit-filter: brightness(90%);
          filter: brightness(90%);
  text-decoration: none;
}

.category-sort-menu a.cate {
  background-color: #078FD3 !important;
  color: #fff;
}

.category-sort-menu a.cate1 {
  background-color: #ff7613 !important;
  color: #fff;
}

.category-sort-menu a.cate2 {
  background-color: #49a63b !important;
  color: #fff;
}

.category-sort-menu a.cate11 {
  background-color: #22a99e !important;
  color: #fff;
}

.category-sort-menu a.cate12 {
  background-color: #328fb8 !important;
  color: #fff;
}

.category-sort-menu a.cate13 {
  background-color: #65419f !important;
  color: #fff;
}

.category-sort-menu a.cate14 {
  background-color: #a9226b !important;
  color: #fff;
}

.category-sort-menu a.cate15 {
  background-color: #626262 !important;
  color: #fff;
}

.category-sort-menu a.is-current, .category-sort-menu a.is-current:hover {
  color: #fff;
}

.ic-press1, .cate11 {
  background-color: #ff7613;
}

/*お知らせ*/
.ic-press2, .cate12 {
  background-color: #49a63b;
}

/*HP更新*/
.ic-press11, .cate13 {
  background-color: #22a99e;
  color: #fff;
}

/*物件*/
.ic-press12, .cate14 {
  background-color: #328fb8;
  color: #fff;
}

/*決算*/
.ic-press13, .cate15 {
  background-color: #65419f;
  color: #fff;
}

/*借入*/
.ic-press14, .cate16 {
  background-color: #a9226b;
  color: #fff;
}

/*増資*/
.ic-press15, .cate17 {
  background-color: #626262;
  color: #fff;
}

/*その他*/
/*====================================

  -15. Backnumber Menu
--------------------------------------

====================================*/
.backnumber-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1.4;
}

.backnumber-menu li {
  display: block;
  border-left: solid 1px #e0e0e0;
  margin-bottom: 0.25rem;
}

.backnumber-menu li:last-child {
  border-right: solid 1px #e0e0e0;
}

.backnumber-menu li + li {
  margin-top: 0;
}

.backnumber-menu a {
  display: block;
  padding: 0.15rem 1.0rem;
  min-width: 5rem;
  text-align: center;
}

.sort-arrow li + li {
  margin-top: 0;
}

.sort-arrow__button button {
  background-color: #1055A3;
}

/*====================================
  05. Particular
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Link Icon
    - 2. Sticker
    - 3. Print button
    
    ----------------------------------
    Introduction
    ----------------------------------
    個別セクションの特別なスタイル
    
    ----------------------------------
    Constitution
    ----------------------------------
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/12/06   Founding
    
====================================*/
/*====================================

  - 1. Link Icon
--------------------------------------
  link 

====================================*/
.link-icon::before,
.link-icon--before::before, a.link-icon--before[target="_blank"]::before,
.link-icon--before--blank::before, a.link-icon[target="_blank"]::before,
.link-icon--blank::before, a.link-icon--before[href$=".pdf"]::before,
.link-icon--before--pdf::before, a.link-icon[href$=".pdf"]::before,
.link-icon--pdf::before, a.link-icon--before[href$=".xls"]::before,
.link-icon--before--xls::before, a.link-icon[href$=".xls"]::before,
a.link-icon[href$=".xlsx"]::before,
.link-icon--xls::before, .link-arrow::before, .link-list li::before, .link-icon::after,
.link-icon--before::after, a.link-icon--before[target="_blank"]::after,
.link-icon--before--blank::after, a.link-icon[target="_blank"]::after,
.link-icon--blank::after, a.link-icon--before[href$=".pdf"]::after,
.link-icon--before--pdf::after, a.link-icon[href$=".pdf"]::after,
.link-icon--pdf::after, a.link-icon--before[href$=".xls"]::after,
.link-icon--before--xls::after, a.link-icon[href$=".xls"]::after,
a.link-icon[href$=".xlsx"]::after,
.link-icon--xls::after, .link-arrow::after, .link-list li::after {
  display: inline-block;
  font-family: "basicicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.link-icon::before,
.link-icon--before::before, a.link-icon--before[target="_blank"]::before,
.link-icon--before--blank::before, a.link-icon[target="_blank"]::before,
.link-icon--blank::before, a.link-icon--before[href$=".pdf"]::before,
.link-icon--before--pdf::before, a.link-icon[href$=".pdf"]::before,
.link-icon--pdf::before, a.link-icon--before[href$=".xls"]::before,
.link-icon--before--xls::before, a.link-icon[href$=".xls"]::before,
a.link-icon[href$=".xlsx"]::before,
.link-icon--xls::before, .link-arrow::before, .link-list li::before {
  margin-right: 0.5rem;
}

.link-icon::after,
.link-icon--before::after, a.link-icon--before[target="_blank"]::after,
.link-icon--before--blank::after, a.link-icon[target="_blank"]::after,
.link-icon--blank::after, a.link-icon--before[href$=".pdf"]::after,
.link-icon--before--pdf::after, a.link-icon[href$=".pdf"]::after,
.link-icon--pdf::after, a.link-icon--before[href$=".xls"]::after,
.link-icon--before--xls::after, a.link-icon[href$=".xls"]::after,
a.link-icon[href$=".xlsx"]::after,
.link-icon--xls::after, .link-arrow::after, .link-list li::after {
  margin-left: 0.5rem;
}

a[target="_blank"].link-icon--before::before,
.link-icon--before--blank::before {
  content: "\e983";
}

a[target="_blank"].link-icon::after,
.link-icon--blank::after {
  content: "\e983";
}

a[href$=".pdf"].link-icon--before::before,
.link-icon--before--pdf::before {
  content: "\e9a8";
  color: #C40902;
}

a[href$=".pdf"].link-icon::after,
.link-icon--pdf::after {
  content: "\e9a8";
  color: #C40902;
}

a[href$=".xls"].link-icon--before::before,
.link-icon--before--xls::before {
  content: "\e9bb";
  color: #4F9F55;
}

a[href$=".xls"].link-icon::after,
a[href$=".xlsx"].link-icon::after,
.link-icon--xls::after {
  content: "\e9bb";
  color: #4F9F55;
}

.link-arrow::before, .link-list li::before {
  content: "\e9ef";
  color: #078FD3;
}

.link-list {
  line-height: 1.4;
}

.link-list li {
  padding: 0.5rem;
  border-bottom: solid 1px #e0e0e0;
}

/*====================================

  - 2. Sticker
--------------------------------------
  Archive List 拡張

====================================*/
.sticker,
.sticker--1,
.sticker--2,
.sticker--11,
.sticker--12,
.sticker--13,
.sticker--14,
.sticker--15 {
  display: inline-block;
  padding: 0.25rem 1.0rem;
  min-width: 6.5rem;
  text-align: center;
  color: #fff;
  background-color: #1055A3;
}

.sticker--1 {
  background-color: #C65F5F;
}

.sticker--2 {
  background-color: #79569D;
}

.sticker--11 {
  background-color: #8AAD45;
}

.sticker--12 {
  background-color: #3862A5;
}

.sticker--13 {
  background-color: #408A95;
}

.sticker--14 {
  background-color: #A88A4A;
}

.sticker--15 {
  background-color: #A2B2C3;
}

.function-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.0em;
  margin: 0;
  background-color: #fff;
  line-height: 1.15;
}

.function-title__title {
  display: block;
  padding: 0.25em;
  font-size: 1.25em;
  color: #1055A3;
}

.function-title__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.5em;
  margin: 0 -0.5em;
  font-size: 0.875em;
  margin-left: auto;
}

.function-title__link li {
  display: block;
  padding: 0.5em;
}

.function-title__link li a {
  display: block;
  position: relative;
  padding: 0.25em 0.75em 0.25em 0.25em;
  color: #000;
}

.function-title__link li a:hover {
  color: #1055A3;
}

.function-title__link li a::before {
  display: block;
  position: absolute;
  top: 0.25em;
  right: 0;
  font-family: "basicicon" !important;
  content: "\e91d";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1055A3;
}

@media (min-width: 992px) {
  .function-title__title {
    width: auto;
    padding: 0.25em 1.0em;
  }
}

/*====================================

  - 3. Print button
--------------------------------------
  プリントボタン

====================================*/
.print-button {
  display: inline-block;
  padding: 0.5rem 1.0rem;
  white-space: nowrap;
  border: solid 1px #078FD3;
  color: #078FD3;
  line-height: 1.2;
}

.print-button::before {
  display: inline-block;
  content: '';
  width: 1.0em;
  height: 1.0em;
  margin-right: 0.25rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="#651933" viewBox="0 0 512 512"><path d="M448 192V77.25c0-8.49-3.37-16.62-9.37-22.63L393.37 9.37c-6-6-14.14-9.37-22.63-9.37H96C78.33 0 64 14.33 64 32v160c-35.35 0-64 28.65-64 64v112c0 8.84 7.16 16 16 16h48v96c0 17.67 14.33 32 32 32h320c17.67 0 32-14.33 32-32v-96h48c8.84 0 16-7.16 16-16V256c0-35.35-28.65-64-64-64zm-64 256H128v-96h256v96zm0-224H128V64h192v48c0 8.84 7.16 16 16 16h48v96zm48 72c-13.25 0-24-10.75-24-24 0-13.26 10.75-24 24-24s24 10.74 24 24c0 13.25-10.75 24-24 24z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}

.print-button:hover {
  background-color: #078FD3;
  color: #fff;
}

.print-button:hover::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 512 512"><path d="M448 192V77.25c0-8.49-3.37-16.62-9.37-22.63L393.37 9.37c-6-6-14.14-9.37-22.63-9.37H96C78.33 0 64 14.33 64 32v160c-35.35 0-64 28.65-64 64v112c0 8.84 7.16 16 16 16h48v96c0 17.67 14.33 32 32 32h320c17.67 0 32-14.33 32-32v-96h48c8.84 0 16-7.16 16-16V256c0-35.35-28.65-64-64-64zm-64 256H128v-96h256v96zm0-224H128V64h192v48c0 8.84 7.16 16 16 16h48v96zm48 72c-13.25 0-24-10.75-24-24 0-13.26 10.75-24 24-24s24 10.74 24 24c0 13.25-10.75 24-24 24z"/></svg>');
}

.check-box input[type='checkbox'],
.check-box input[type='radio'] {
  display: none;
}

.check-box input[type='checkbox'] + .check-box__text::before,
.check-box input[type='radio'] + .check-box__text::before {
  display: inline-block;
  font-family: "basicicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: -1.25em;
  width: 1.2em;
}

.check-box input[type='checkbox'] + .check-box__text::before,
.check-box input[type='radio'] + .check-box__text::before {
  color: #F4F7F8;
}

.check-box input[type='checkbox']:checked + .check-box__text::before,
.check-box input[type='radio']:checked + .check-box__text::before {
  color: #078FD3;
}

.check-box input[type='checkbox'] + .check-box__text::before {
  content: "\eaa1";
}

.check-box input[type='checkbox']:checked + .check-box__text::before {
  content: "\ea8f";
}

.check-box input[type='radio'] + .check-box__text::before {
  content: "\eaa2";
}

.check-box input[type='radio']:checked + .check-box__text::before {
  content: "\ea9c";
}

.read {
  padding: 1.5em 0;
  font-size: 1.15em;
  color: #1055A3;
}

.page-link-tab, .page-link-tab--top, .page-link-tab--bottom {
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-left: -1rem;
  margin-right: -1rem;
  position: relative;
  line-height: 1.4;
  background-color: #F4F7F8;
  border-bottom: solid 1px #e0e0e0;
}

.page-link-tab li + li, .page-link-tab--top li + li, .page-link-tab--bottom li + li {
  margin-top: 0;
}

.page-link-tab ul, .page-link-tab--top ul, .page-link-tab--bottom ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.page-link-tab li, .page-link-tab--top li, .page-link-tab--bottom li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0.25rem;
  margin: 0;
}

.page-link-tab a, .page-link-tab--top a, .page-link-tab--bottom a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 1.0rem;
  border: solid 1px #e0e0e0;
  border-radius: 0.25rem;
  background-color: #fff;
}

.page-link-tab a:hover, .page-link-tab--top a:hover, .page-link-tab--bottom a:hover {
  background-color: #1055A3;
  border: solid 1px #1055A3;
  color: #fff;
}

.page-link-tab a.is-current, .page-link-tab--top a.is-current, .page-link-tab--bottom a.is-current, .page-link-tab a.is-current:hover, .page-link-tab--top a.is-current:hover, .page-link-tab--bottom a.is-current:hover {
  background-color: #078FD3;
  border: solid 1px #078FD3;
  color: #fff;
}

.page-link-tab span, .page-link-tab--top span, .page-link-tab--bottom span {
  text-align: center;
}

.page-link-tab span br, .page-link-tab--top span br, .page-link-tab--bottom span br {
  display: none;
}

@media (min-width: 992px) {
  .page-link-tab, .page-link-tab--top, .page-link-tab--bottom {
    padding: 2rem 0.5rem 0 0.5rem;
    border: none;
  }
  .page-link-tab::before, .page-link-tab--top::before, .page-link-tab--bottom::before {
    display: block;
    width: calc(100% + 2.0rem);
    border-bottom: solid 1px #e0e0e0;
    z-index: 2;
    content: '';
    position: absolute;
    bottom: 0;
    left: -1.0rem;
  }
  .page-link-tab ul, .page-link-tab--top ul, .page-link-tab--bottom ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 0;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .page-link-tab li, .page-link-tab--top li, .page-link-tab--bottom li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 0;
    padding: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .page-link-tab a, .page-link-tab--top a, .page-link-tab--bottom a {
    border-radius: 0.25rem 0.25rem 0 0;
  }
  .page-link-tab span br, .page-link-tab--top span br, .page-link-tab--bottom span br {
    display: inline;
  }
}

@media (min-width: 992px) {
  .page-link-tab--top {
    padding: 2rem 0.5rem 0 0.5rem;
  }
  .page-link-tab--top::before {
    bottom: 0;
    left: -1.0rem;
  }
  .page-link-tab--top a {
    border-radius: 0.25rem 0.25rem 0 0;
  }
}

@media (min-width: 992px) {
  .page-link-tab--bottom {
    padding: 0 0.5rem 2rem 0.5rem;
  }
  .page-link-tab--bottom::before {
    top: 0;
    bottom: auto;
    left: -1.0rem;
  }
  .page-link-tab--bottom a {
    border-radius: 0 0 0.25rem 0.25rem;
  }
  .page-link-tab--bottom a span {
    font-size: 1.0rem;
  }
}

/*====================================

  - 3. Category Import
--------------------------------------
  カテゴリ系SCSSインポート

====================================*/
/*====================================
  00. TOP
    ----------------------------------
    Structure
    ----------------------------------
    - 0. Category Class
    - 1. Login Field
    - 2. Public Top Menu
    - 3. Jumbotron
    
    ----------------------------------
    Introduction
    ----------------------------------
    Topページ用scss
    
    ----------------------------------
    Constitution
    ----------------------------------
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/12/06   Founding
    
====================================*/
/*====================================

  - 0. Category Class
--------------------------------------

====================================*/
/*====================================

  - 3. Jumbotron
--------------------------------------

====================================*/
.jumbotron-public, .is-member .jumbotron-public, .jumbotron-member {
  display: block;
  padding: 0 1.0rem;
  margin: 0;
  position: relative;
  z-index: 1;
  background-image: url("../img/top/jumbotron.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.jumbotron-public {
  background-position: center top;
}

.jumbotron-public__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.0rem 0;
  margin: 0 auto;
  max-width: 1200px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 992px) {
  .is-member .jumbotron-public__container {
    padding: 8.0rem 0;
  }
}

.jumbotron-public-slogan {
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
  color: #fff;
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: 100%;
  font-weight: bold;
}

.jumbotron-public-slogan h1 {
  display: block;
  padding: 0;
  margin: 0;
  font-family: "Amiri", serif;
  font-size: 4.0em;
  font-weight: normal;
}

.jumbotron-public-slogan p {
  display: block;
  padding: 0;
  margin: 1em 0 0 0;
  font-size: 1.5em;
}

.jumbotron-public-slogan p br {
  display: none;
}

@media (min-width: 576px) {
  .jumbotron-public-slogan p br {
    display: inline;
  }
}

/*====================================

  - 1. Login Field
--------------------------------------

====================================*/
.login-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  background-color: #fff;
  position: relative;
  margin-top: 0;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.login-box * + *,
.login-box h2 + * {
  margin-top: 0;
}

.login-box__title, .login-box__body, .login-box__forget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.login-box__title {
  font-family: "Amiri", serif;
  text-transform: uppercase;
  font-weight: normal;
  background-color: #1055A3;
  color: #fff;
  padding: 0.5rem;
}

.login-box__forget {
  padding: 1.0rem 0.5rem;
}

.login-box__forget p {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 0.875em;
  width: 100%;
  text-align: center;
}

@media (min-width: 992px) {
  .login-box {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .login-box__title {
    padding: 2.0rem 0.5rem;
    width: 20%;
  }
  .login-box__body {
    width: 60%;
  }
  .login-box__forget {
    width: 20%;
  }
}

.login-form {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
}

.login-form__message {
  display: block;
  padding: 0 2.0em;
  margin: 0;
  width: 100%;
  position: absolute;
  top: -2.5em;
  left: 0;
  text-align: center;
  font-size: 0.875em;
}

.login-form__message span {
  display: block;
  padding: 0.25em 1.0em;
  margin: 0;
}

.login-form__message.is-error span {
  background-color: #E74C3C;
  color: #fff;
}

.login-form__input {
  display: block;
  width: 632px;
  padding: 1.0em;
  margin: 0 auto;
}

.login-form-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.5rem;
}

.login-form-input__cell--input, .login-form-input__cell--button {
  display: block;
  padding: 0.5rem;
  width: 100%;
}

@media (min-width: 992px) {
  .login-form-input {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .login-form-input__cell--input {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .login-form-input__cell--button {
    width: 136px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.login-input--text, .login-input--button {
  display: block;
  padding: 0.5rem;
  width: 100%;
  height: 48px;
}

.login-input--text {
  border: none;
  background-color: #F4F7F8;
}

.login-input--button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #1055A3;
  color: #fff;
}

.login-input--button:hover {
  background-color: #078FD3;
}

/*====================================

  - 3. Jumbotron
--------------------------------------

====================================*/
.jumbotron-member {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.jumbotron-member__slider {
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: block;
}

.jumbotron-member__data {
  display: block;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin: 0 auto;
  max-width: 1200px;
}

.jumbotron-data-plate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.jumbotron-data-plate__cell--data, .jumbotron-data-plate__cell--file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  width: 100%;
}

.jumbotron-data-plate__cell--data {
  background-color: #F4F7F8;
}

.jumbotron-data-plate__cell--data ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  margin: 0;
  width: 100%;
}

@media (min-width: 576px) {
  .jumbotron-data-plate__cell--data ul {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.jumbotron-data-plate__cell--data li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.jumbotron-data-plate__cell--file {
  background-color: #fff;
}

.jumbotron-data-plate__cell--file ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.jumbotron-data-plate__cell--file li {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
}

@media (min-width: 992px) {
  .jumbotron-data-plate__cell--data {
    width: 66.66667%;
  }
  .jumbotron-data-plate__cell--file {
    width: 33.33333%;
  }
}

.jumbotron-data-card {
  display: block;
  padding: 1.0rem;
  width: 100%;
  text-align: center;
  line-height: 1.2;
}

.jumbotron-data-card__title, .jumbotron-data-card__number {
  display: block;
  padding: 0;
  margin: 0;
}

.jumbotron-data-card__title {
  margin-bottom: 0.5em;
}

.jumbotron-data-card__title strong,
.jumbotron-data-card__title small {
  display: block;
  padding: 0;
  margin: 0;
}

.jumbotron-data-card__title strong {
  font-size: 1.125em;
  color: #1055A3;
  margin-bottom: 0.5em;
}

.jumbotron-data-card__title small {
  font-size: 0.75em;
  color: #666;
}

.jumbotron-data-card__number {
  font-size: 1.15em;
  line-height: 1.2;
  letter-spacing: 0;
}

.jumbotron-data-card__number small {
  font-size: 0.75em;
}

@media (min-width: 992px) {
  .jumbotron-data-card {
    padding: 0.5rem 2.0rem;
  }
}

.jumbotron-file-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5em 2.0em;
}

.jumbotron-file-card:hover {
  background-color: rgba(16, 85, 163, 0.1);
}

.jumbotron-file-card__icon, .jumbotron-file-card__title, .jumbotron-file-card::after {
  display: block;
  padding: 0;
  margin: 0;
}

.jumbotron-file-card__icon {
  width: 2em;
  height: 2em;
  background-color: #1055A3;
  border-radius: 50%;
}

.jumbotron-file-card__title {
  display: block;
  padding: 0 1.0em;
  margin: 0;
  color: #000;
}

.jumbotron-file-card::after {
  font-size: 1.75em;
  line-height: 1;
  font-family: "basicicon" !important;
  content: "\e91d";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: auto;
}

.jumbotron-slider {
  display: block;
  padding: 0 2.5rem;
  margin: 0 auto;
  position: relative;
  max-width: 1624px;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media (min-width: 992px) {
  .jumbotron-slider {
    padding: 0 5.0rem;
  }
}

.jumbotron-slider__cell {
  display: block;
  padding: 0 1.0rem;
  margin: 0;
}

.jumbotron-slider .slick-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0;
  width: 2rem;
  height: 2rem;
  text-align: left;
  letter-spacing: 300;
  position: absolute;
  top: calc(50% - (2.0rem / 2));
  background-color: #1055A3;
  color: #fff;
  font-size: 1.5em;
  line-height: 1.1;
}

.jumbotron-slider .slick-arrow:hover {
  background-color: #078FD3;
}

.jumbotron-slider .slick-arrow::before {
  display: block;
  font-family: "basicicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.jumbotron-slider .slick-arrow.slick-prev {
  left: 0;
}

.jumbotron-slider .slick-arrow.slick-prev::before {
  content: "\e91c";
}

.jumbotron-slider .slick-arrow.slick-next {
  right: 0;
}

.jumbotron-slider .slick-arrow.slick-next::before {
  content: "\e91d";
}

@media (min-width: 992px) {
  .jumbotron-slider .slick-arrow {
    width: 5rem;
    height: 5rem;
    top: calc(50% - (5.0rem / 2));
    font-size: 2.5em;
  }
}

.jumbotron-slider .slick-list {
  z-index: 4;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: calc(1400px + 2.0rem);
}

.jumbotron-slider.slick-initialized {
  opacity: 1;
}

.jumbotron-slider-card {
  display: block;
  padding: 0;
  margin: 0;
  background-color: #fff;
  color: #000;
}

.jumbotron-slider-card:hover {
  color: #1055A3;
  background-color: #F4F7F8;
}

.jumbotron-slider-card__photo {
  display: block;
  padding: 0;
  margin: 0;
}

.jumbotron-slider-card__photo figure {
  display: block;
  padding: 0;
  margin: 0;
}

.jumbotron-slider-card__data {
  display: block;
  padding: 0.25em 1.0em;
  margin: 0;
}

.jumbotron-slider-card__data p {
  display: block;
  padding: 0.25em 0;
  margin: 0;
  line-height: 1.2;
}

.jumbotron-slider-card__data span {
  min-width: 4.0em;
  font-size: 0.75em;
}

.jumbotron-slider-card__data small {
  color: #666;
}

.jumbotron-slider-card__data strong {
  font-weight: normal;
}

.is-top .contents-style * + * {
  margin-top: 0;
}

.top-section--data, .top-section--news {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-top: 0;
}

.top-section--data {
  padding-top: 0 !important;
}

.top-section--news .top-section__inner {
  max-width: 1080px;
}

.top-section__inner {
  display: block;
  padding: 0;
  margin: 0 auto;
  max-width: 1400px;
}

@media (min-width: 992px) {
  .top-section--data, .top-section--news {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.no-text {
  display: block;
  padding: 0 2.0rem 0.6rem;
}

.top-data {
  display: block;
  background-color: #F4F7F8;
  color: #666;
  width: 100%;
}

.top-data__body {
  padding: 1.0rem;
}

@media (min-width: 992px) {
  .top-data__body {
    padding: 1.6rem;
  }
}

.top-distribute {
  display: block;
}

.top-distribute li {
  display: block;
}

.top-distribute li + li {
  padding-top: 0.25rem;
}

.top-distribute-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.top-distribute-card__cell--title, .top-distribute-card__cell--number {
  display: block;
  padding: 0.5em 1.0em;
}

@media (min-width: 992px) {
  .top-distribute-card__cell--title, .top-distribute-card__cell--number {
    padding: 0.5em 1.0rem;
  }
}

.top-distribute-card__cell--title strong {
  display: inline-block;
  padding-right: 0.5em;
  color: #1055A3;
  font-size: 1.125em;
  min-width: 4.8em;
}

.top-distribute-card__cell--title span {
  font-size: 0.875em;
}

.top-distribute-card__cell--number {
  margin-left: auto;
}

.top-distribute-card__cell--number .number-display, .top-distribute-card__cell--number .number-display--secondary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.top-file-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.5rem;
  padding: 0;
}

.top-file-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem;
  margin: 0;
  width: 50%;
}

@media (min-width: 992px) {
  .top-file-list {
    margin: 0 -0.25rem;
  }
  .top-file-list li {
    width: 33.33333%;
  }
}

.file-card {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  line-height: 1.2;
}

.file-card a {
  display: block;
  padding: 1.0rem;
  background-color: #fff;
  text-align: center;
}

.file-card a span {
  display: block;
  margin: 0;
}

.file-card a[href$=".pdf"] {
  color: #C40902;
}

.file-card a[href$=".pdf"] .file-card__icon::before {
  content: "\e9a7";
}

.file-card a[href$=".xls"], .file-card a[href$=".xlsx"] {
  color: #4F9F55;
}

.file-card a[href$=".xls"] .file-card__icon::after, .file-card a[href$=".xlsx"] .file-card__icon::after {
  content: "\e9ba";
}

.file-card__icon {
  padding: 0;
  font-size: 2.0em;
}

.file-card__icon::before {
  font-family: "basicicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.file-card__file-size {
  padding: 0;
  font-size: 0.75em;
}

.file-card__name {
  padding: 0;
  padding-top: 0.875em;
  color: #666;
}

/*====================================

  - 4. Latest Information
--------------------------------------

====================================*/
.latest-information {
  display: block;
  padding: 0;
  background-color: #000;
  color: #fff;
}

.latest-information a {
  color: #fff;
}

.latest-information__cell--ir-news, .latest-information__cell--fund, .latest-information__cell--portfolio, .latest-information__cell--financial, .latest-information__cell--settlement {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
}

.latest-information__cell--ir-news .latest-information-title::before {
  background-image: url(../img/top/member-news.jpg);
}

.latest-information__cell--fund .latest-information-title::before {
  background-image: url(../img/top/member-fund.jpg);
}

.latest-information__cell--portfolio .latest-information-title::before {
  background-image: url(../img/top/member-portfolio.jpg);
}

.latest-information__cell--financial .latest-information-title::before {
  background-image: url(../img/top/member-financial.jpg);
}

.latest-information__cell--settlement .latest-information-title::before {
  background-image: url(../img/top/member-data.jpg);
}

@media (min-width: 992px) {
  .latest-information {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 420px;
        grid-template-columns: auto 420px;
    -ms-grid-rows: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
  }
  .latest-information__cell--ir-news {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
  }
  .latest-information__cell--fund {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
  .latest-information__cell--portfolio {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  .latest-information__cell--financial {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
  }
  .latest-information__cell--settlement {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
  }
}

@media (min-width: 1200px) {
  .latest-information {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}

.latest-information-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3.0rem 1.0rem;
  margin: 0;
  position: relative;
}

.latest-information-title::before, .latest-information-title::after {
  display: block;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
}

.latest-information-title::before {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}

.latest-information-title::after {
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.latest-information-title .title-main-small {
  color: #fff;
  margin: 0;
  position: relative;
  z-index: 3;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.latest-information-title .title-main-small span::after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-bottom: solid 2px #078FD3;
}

@media (min-width: 992px) {
  .latest-information-title {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 2;
  }
  .is-hover .latest-information-title {
    z-index: 1;
  }
}

.information-news {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 768px;
}

.information-news .archive-list__body {
  border-bottom: solid 1px rgba(224, 224, 224, 0.3);
}

.latest-information-body {
  display: block;
  padding: 2.0rem 1.0rem;
  margin: 0;
  line-height: 1.2;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: rgba(0, 0, 0, 0.9);
  position: relative;
  height: 100%;
}

@media (min-width: 992px) {
  .latest-information-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2.5rem 2.0rem;
    position: relative;
    z-index: 1;
    opacity: 0;
  }
  .is-hover .latest-information-body {
    z-index: 2;
    opacity: 1;
  }
}

.latest-information-body__container {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.latest-information-body-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 1.0rem 0;
}

@media (min-width: 992px) {
  .latest-information-body-title {
    margin: 0 0 2.0rem 0;
  }
}

.latest-information-body-title h4 {
  font-size: 1.0rem;
  display: block;
  padding: 0;
}

.latest-information-body-title p {
  display: block;
  padding: 0;
  margin: 0;
}

.latest-information-body-title p a {
  text-decoration: none;
}

.latest-information-body-title p span {
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0 0 0 0.75rem;
  margin: 0;
  position: relative;
}

.latest-information-body-title p span::after {
  display: inline-block;
  color: #078FD3;
  font-family: "basicicon" !important;
  content: "\e91d";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1;
  position: absolute;
  top: -0.05em;
  left: 0;
}

.information-display {
  display: block;
  padding: 0;
  margin: 0 auto;
  margin-top: 1.0rem;
  width: 100%;
  max-width: 420px;
  border-bottom: solid 1px rgba(224, 224, 224, 0.3);
}

.information-display .number-display strong, .information-display .number-display--secondary strong {
  color: #fff;
}

.information-display:first-child {
  margin-top: 0;
}

.information-display a {
  display: block;
  padding: 0 0 1.0rem 0;
  margin: 0;
  text-decoration: none;
  width: 100%;
}

.information-display dl {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
}

.information-display dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0;
}

.information-display dt span,
.information-display dt small {
  display: block;
  padding: 0;
  margin: 0;
}

.information-display dt span {
  font-size: 1rem;
  font-weight: 700;
  padding: 0 1.0rem 0 0;
  margin: 0 1.0rem 0 0;
  position: relative;
}

.information-display dt span::after {
  display: inline-block;
  color: #078FD3;
  font-family: "basicicon" !important;
  content: "\e91d";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
  line-height: 1;
  position: absolute;
  top: -0.05em;
  right: 0;
}

.information-display dt small {
  font-size: 0.875rem;
}

.information-display dd {
  display: block;
  padding: 0;
  margin: 0;
  text-align: right;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.information-display p {
  display: block;
  padding: 0;
}

.information-display__caption {
  margin-top: 0.5rem;
  font-size: 0.75rem;
}

@media (min-width: 420px) {
  .information-display dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .information-display dt {
    display: block;
  }
  .information-display dt span,
  .information-display dt small {
    white-space: nowrap;
  }
  .information-display dt span {
    padding: 0 1.0rem 0 0;
    margin: 0 0 0.5rem 0;
  }
  .information-display dd {
    display: block;
    padding: 0;
    margin: 0;
    text-align: right;
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.information-data {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 768px;
  font-size: 0.75rem;
}

@media (min-width: 992px) {
  .information-data {
    font-size: 0.875rem;
  }
}

.information-data__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: -0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.information-data__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem;
  margin: 0;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media (min-width: 420px) {
  .information-data__list li {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .information-data__list li {
    width: 25%;
  }
}

.data-card {
  display: block;
  padding: 1.0rem 0.5rem;
  text-align: center;
  border: solid 1px rgba(224, 224, 224, 0.3);
  width: 100%;
}

.data-card:hover {
  background-color: rgba(224, 224, 224, 0.1);
}

@media (min-width: 992px) {
  .data-card {
    padding: 2.0rem 0.5rem;
  }
}

.data-card i {
  display: block;
  padding: 0;
  margin: 0 0 1.0rem 0;
  font-size: 2rem;
  line-height: 1;
}

.data-card__icon--video {
  color: #1055A3;
}

.data-card__icon--video::before {
  font-family: "basicicon" !important;
  content: "\ea6f";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.data-card__icon--pdf {
  color: #C40902;
}

.data-card__icon--pdf::before {
  font-family: "basicicon" !important;
  content: "\e9a8";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.data-card__icon--xls {
  color: #4F9F55;
}

.data-card__icon--xls::before {
  font-family: "basicicon" !important;
  content: "\e9bb";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*====================================
  01. About
    ----------------------------------
    Structure
    ----------------------------------
    - 0. Category Class
    - 1. Message Class
    - 2. Profile Class
    - 3. Structure Class
    - 4. Asset Class
    
    ----------------------------------
    Introduction
    ----------------------------------
    「投資法人の概要」用scss
    
    ----------------------------------
    Constitution
    ----------------------------------
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2020/01/28   Founding
    
====================================*/
/*====================================

  - 0. Category Class
--------------------------------------

====================================*/
/*====================================

  - 1. Message Class
--------------------------------------
  ご挨拶
  style prefix  : .message-
  robust prefix : .about-message-

====================================*/
.message-signature {
  text-align: right;
  margin-top: 2.0em;
}

.message-signature * + * {
  margin-top: 0;
}

.message-signature__name {
  font-size: 1.5em;
}

/*====================================

  - 2. Profile Class
--------------------------------------
  投資法人概要
  style prefix  : .profile-
  robust prefix : .about-profile-

====================================*/
.officers-profile thead th,
.officers-profile thead td {
  white-space: nowrap;
  border: solid 1px #e0e0e0;
}

.officers-profile tbody th,
.officers-profile tbody td {
  text-align: left;
  padding: 0.75rem;
  white-space: nowrap;
  text-align: center;
  width: 1%;
  border: solid 1px #e0e0e0;
}

.officers-profile tbody .officers-profile__position {
  background-color: #F4F7F8;
}

.officers-profile tbody .officers-profile__name {
  background-color: #F4F7F8;
  padding: 0.75rem 1.0rem;
}

.officers-profile tbody .officers-profile__body {
  white-space: normal;
  text-align: left;
  width: auto;
}

/*====================================

  - 3. Structure Class
--------------------------------------
  投資法人の仕組み
  style prefix  : .structure-
  robust prefix : .about-structure-

====================================*/
/*====================================

  - 4. Asset Class
--------------------------------------
  資産運用会社の概要
  style prefix  : .asset-
  robust prefix : .about-asset-

====================================*/
/*====================================
  02. Features
    ----------------------------------
    Structure
    ----------------------------------
    - 0. Category Class
    - 1. Feature Class
    -- 1.1 Feature Card
    - 2. Portfolio Construction Class
    - 3. Growth strategy Class
    - 4. Sponsor Class
    
    ----------------------------------
    Introduction
    ----------------------------------
    「投資法人の特徴」用scss
    
    ----------------------------------
    Constitution
    ----------------------------------
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/12/16   Founding
    
====================================*/
/*====================================

  - 0. Category Class
--------------------------------------

====================================*/
/*====================================

  - 1. Feature Class
--------------------------------------
  投資法人の特徴
  style prefix  : .feature-
  robust prefix : .feature-feature-

====================================*/
/*------------------------------------
  -- 1.1 Feature Card
------------------------------------*/
.feature-card {
  display: block;
  background-color: #fff;
  max-width: 320px;
  padding: 0;
  margin: 0 auto;
  color: #000;
}

.feature-card * + * {
  margin-top: 0;
}

.feature-card__photo {
  display: block;
  padding: 0;
  margin: 0;
}

.feature-card__body {
  display: block;
  padding: 1em 0 0 0;
  margin: 0;
  position: relative;
}

.feature-card__body ul {
  font-size: 0.875em;
  line-height: 1.6;
}

.feature-card a {
  display: block;
  padding: 0;
  margin: 0;
  color: #000;
}

.feature-card a:hover .feature-card__body {
  color: #000;
}

.feature-card a:hover .feature-card-number {
  background-color: #078FD3;
}

.feature-card a:hover .feature-card-title {
  color: #078FD3;
}

.feature-card-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  width: 1.5em;
  height: 1.5em;
  font-size: 1.85em;
  color: #fff;
  background-color: #1055A3;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  border-radius: 50%;
  font-family: "Amiri", serif;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  top: calc((1.5em / 2) * -1);
  left: calc(50% - (1.5em / 2));
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.feature-card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em 0;
  font-size: 1.15em;
  line-height: 1.2;
  min-height: 4.5em;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media (min-width: 992px) {
  .feature-card-title {
    font-size: 1.25em;
  }
}

.feature-card-title span {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}

/*------------------------------------
  -- 1.2 Feature Asset
------------------------------------*/
.feature-asset {
  display: block;
  border: solid 1px #1055A3;
  padding: 0;
}

.feature-asset * + *,
.feature-asset h2 + * {
  margin-top: 0;
}

.contents-style .feature-asset__title {
  display: block;
  padding: 0.5em;
  font-size: 1.0em;
  text-align: center;
  background-color: #1055A3;
  color: #fff;
}

.feature-asset__body {
  padding: 1.0em;
}

.feature-asset-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -4px;
  margin-right: -4px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.feature-asset-grid__cell--1, .feature-asset-grid__cell--2, .feature-asset-grid__cell--3, .feature-asset-grid__cell--4 {
  display: block;
  margin: 0;
  padding: 4px;
  width: 100%;
}

.feature-asset-grid__cell--1 {
  width: 50%;
}

.feature-asset-grid__cell--2 {
  width: 100%;
}

.feature-asset-grid__cell--3 {
  width: 100%;
}

.feature-asset-grid__cell--4 {
  width: 100%;
}

@media (min-width: 576px) {
  .feature-asset-grid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .feature-asset-grid__cell--1 {
    width: 25%;
  }
  .feature-asset-grid__cell--2 {
    width: 50%;
  }
  .feature-asset-grid__cell--3 {
    width: 75%;
  }
  .feature-asset-grid__cell--4 {
    width: 100%;
  }
}

.feature-asset-card dt,
.feature-asset-card dd,
.feature-asset-card ul,
.feature-asset-card li {
  display: block;
  padding: 0;
  margin: 0;
}

.feature-asset-card li + li {
  margin-top: 0;
}

.feature-asset-card dt {
  background-color: #078FD3;
  text-align: center;
  font-size: 0.875em;
  padding: 0.25em;
  color: #fff;
}

.feature-asset-card ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -4px;
  margin-right: -4px;
}

.feature-asset-card li {
  display: block;
  padding: 4px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

/*====================================

  - 2. Portfolio Construction Class
--------------------------------------
  ポートフォリオ構築方針
  style prefix  : .portfolio-construction-
  robust prefix : .feature-portfolio-construction-

====================================*/
.portfolio-construction-usefulness {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #F4F7F8;
  padding: 0.25rem 0;
  border-radius: 0.25rem;
}

.portfolio-construction-usefulness__cell {
  display: block;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  padding: 0 0.25rem;
}

.portfolio-construction-usefulness__cell:last-child {
  border-left: solid 1px #fff;
}

.portfolio-construction-usefulness * + * {
  margin-top: 0;
}

.portfolio-construction-usefulness ul {
  display: block;
}

.portfolio-construction-usefulness li span {
  display: block;
  background-color: #fff;
  color: #078FD3;
  text-align: center;
  border-radius: 0.25rem;
  padding: 0.25em;
  font-size: 0.875em;
}

.portfolio-construction-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #F4F7F8;
  padding: 0.25rem;
  border-radius: 0.25rem;
}

.portfolio-construction-area * + * {
  margin-top: 0;
}

.portfolio-construction-area dl,
.portfolio-construction-area dt,
.portfolio-construction-area dd {
  display: block;
  padding: 0;
  margin: 0;
}

.portfolio-construction-area dl {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}

.portfolio-construction-area dt {
  padding: 0.25em;
  border-bottom: solid 1px #fff;
}

.portfolio-construction-area dt span {
  display: block;
  background-color: #fff;
  color: #078FD3;
  border-radius: 0.25rem;
  padding: 0.25em;
}

.portfolio-construction-area dt small {
  display: block;
  padding: 0.25em;
  color: #666;
}

/*====================================

  - 3. Growth strategy Class
--------------------------------------
  成長戦略
  style prefix  : .plan-
  robust prefix : .feature-plan-

====================================*/
.plan-table {
  table-layout: fixed;
  min-width: 872px;
}

.plan-table thead th {
  width: 15%;
}

.plan-table tbody th,
.plan-table tbody td {
  vertical-align: middle;
  text-align: center;
}

.plan-table tbody th {
  min-width: initial;
  font-weight: normal;
  padding: 0.5em;
}

.plan-table tbody th:not([colspan="2"]):not([rowspan="2"]) {
  background-color: #e4ecee;
}

.plan-table__title td {
  font-size: 1.0em;
}

/*====================================

  - 4. Sponsor Class
--------------------------------------
  スポンサー・サポート
  style prefix  : .sponsor-
  robust prefix : .feature-sponsor-

====================================*/
/*====================================
  04. Portfolio
    ----------------------------------
    Structure
    ----------------------------------
    - 0. Category Class
    
    ----------------------------------
    Introduction
    ----------------------------------
    「ポートフォリオ」用scss
    
    ----------------------------------
    Constitution
    ----------------------------------
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/12/16   Founding
    
====================================*/
/*====================================

  - 0. Category Class
--------------------------------------

====================================*/
/*====================================

  - 1. Portfolio List
--------------------------------------

====================================*/
/*------------------------------------
  0.0 Rortfolio Refine
  ------------------------------------
  
------------------------------------*/
.portfolio-refine {
  margin-bottom: 2.0rem;
}

@media (min-width: 576px) {
  .portfolio-refine tbody th {
    width: 15%;
  }
  .portfolio-refine tbody td {
    width: 85%;
  }
}

/*------------------------------------
  0.0 Sort Button
  ------------------------------------
  
------------------------------------*/
.sort-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0 -4px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.875rem;
  line-height: 1.14286;
}

.sort-button li + li {
  margin: 0;
}

.sort-button li {
  display: block;
  padding: 0 4px;
  margin: 0;
}

.sort-button button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: solid 1px #078FD3;
  background-color: #fff;
  padding: 0.05rem 0.5rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.sort-button button::before {
  font-family: "basicicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
  line-height: 1;
}

.sort-button button:hover {
  color: #fff;
  background-color: #078FD3;
}

.sort-button__desc::before {
  content: "\e902";
}

.sort-button__asc::before {
  content: "\e903";
}

.icon-sponsor {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.25rem;
  margin: 0;
  text-transform: uppercase;
  font-style: normal;
  background-color: white;
  color: #078FD3;
  font-weight: 700;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  line-height: 1;
}

/*------------------------------------
  0.0 Rortfolio Refine Check
  ------------------------------------
  
------------------------------------*/
.portfolio-refine-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1.4;
}

.portfolio-refine-check li {
  display: block;
  padding: 0.25rem 0.25rem 0.25rem 2.0rem;
  margin: 0;
}

.portfolio-refine-check li + li {
  margin: 0;
}

.portfolio-list {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.14286;
}

.portfolio-list * + * {
  margin-top: 0;
}

.portfolio-list th,
.portfolio-list td {
  padding: 0.5rem;
  border: solid 1px #e0e0e0;
  text-align: center;
  vertical-align: middle;
}

.portfolio-list thead th,
.portfolio-list thead td {
  font-weight: 500;
}

.portfolio-list thead th {
  padding: 0.75rem 0.25rem;
  background-color: #078FD3;
  color: #fff;
}

.portfolio-list thead td {
  background-color: #F4F7F8;
  padding: 0.25rem;
}

.portfolio-list tbody .portfolio-list__name {
  text-align: left;
}

.portfolio-list tbody .portfolio-list__price {
  text-align: right;
}

.portfolio-list tfoot th,
.portfolio-list tfoot td {
  padding: 1.0rem 0.5rem;
  border-top: solid 1px #078FD3;
  font-weight: 700;
}

.portfolio-list tfoot .portfolio-list__price {
  text-align: right;
}

/*------------------------------------
  0.0 Detail Gallery
  ------------------------------------
  
------------------------------------*/
/*====================================

  - 0. Detail
--------------------------------------

====================================*/
/*------------------------------------
  0.0 Detail Gallery
  ------------------------------------
  
------------------------------------*/
.detail-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1.0rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.detail-gallery__cell {
  display: block;
  padding: 1.0rem;
  margin: 0;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media (min-width: 992px) {
  .detail-gallery__cell {
    width: 50%;
  }
}

/*------------------------------------
  0.0 Detail Photos
  ------------------------------------
  ul.detail-photos > li > div.detail-photos__card > a
------------------------------------*/
.detail-photos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -2px;
  padding: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.detail-photos li + li {
  margin: 0;
}

.detail-photos li {
  display: block;
  padding: 0;
  margin: 0;
  width: 33.3333%;
}

.detail-photos li:first-child {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media (min-width: 576px) {
  .detail-photos {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    margin: 0;
  }
  .detail-photos li {
    width: auto;
  }
  .detail-photos li:first-child {
    width: auto;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / 4;
  }
  .detail-photos li:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
  }
  .detail-photos li:nth-child(3) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / 4;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
  }
  .detail-photos li:nth-child(4) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / 4;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 4;
  }
  .detail-photos li:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4 / 5;
  }
  .detail-photos li:nth-child(6) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4 / 5;
  }
  .detail-photos li:nth-child(7) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / 4;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4 / 5;
  }
}

.detail-photos-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px;
  width: 100%;
  height: 100%;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.detail-photos-card a {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 100%;
  background-color: #ccc;
  position: relative;
  vertical-align: bottom;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.detail-photos li:first-child .detail-photos-card a {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 150%;
}

@media (min-width: 576px) {
  .detail-photos li:first-child .detail-photos-card a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 0;
  }
}

/*------------------------------------
  0.0 Detail Map Card
  ------------------------------------
------------------------------------*/
.detail-map-card {
  display: block;
  padding: 1.0rem;
  background-color: #F5F5F5;
}

.detail-map-card .map-area {
  display: block;
  padding: 0;
  background-color: #fff;
}

@media (min-width: 992px) {
  .detail-map-card {
    padding: 2.0rem;
  }
}

.detail-map-card h2 {
  padding-top: 0;
}

#map .prop_image {
  margin: 0;
  margin-bottom: 0.5rem;
  margin-right: 0 !important;
}

#map .prop_no {
  background-color: #1055A3;
  display: inline-block;
  margin: 0.25rem 0;
  padding: 0.25rem;
  color: #fff;
  font-weight: bold;
}

#map .prop_title {
  font-size: 1rem;
  margin: 0.25rem 0;
}

#map .prop_title a {
  display: block;
  max-width: 150px;
  line-height: 1.25;
}

/*====================================

  - 0. Movie
--------------------------------------

====================================*/
.video-player {
  display: block;
}

.video-player__video, .video-player__index {
  display: block;
  padding: 0;
  width: 100%;
}

@media (min-width: 992px) {
  .video-player {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -1.0rem;
    margin-right: -1.0rem;
  }
  .video-player * + * {
    margin: 0;
  }
  .video-player__video, .video-player__index {
    padding: 1.0rem;
  }
  .video-player__video {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .video-player__index {
    width: 340px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.video-viewer,
.video-index {
  display: block;
  padding: 0;
  margin: 0;
}

.video-index {
  background-color: #f1f1f1;
  line-height: 1.2;
}

.video-index ul {
  display: block;
  padding: 0.5rem 1.0rem;
  margin: 0;
}

.video-index ul li + li {
  margin-top: 0;
}

.video-index li {
  display: block;
  padding: 0.25rem 0;
}

.appraisal_report_table {
  font-size: 0.875rem;
}

/*====================================
  05. Finance
    ----------------------------------
    Structure
    ----------------------------------
    - 0. Category Class
    
    ----------------------------------
    Introduction
    ----------------------------------
    「財務情報」用scss
    
    ----------------------------------
    Constitution
    ----------------------------------
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/12/16   Founding
    
====================================*/
/*====================================

  - 0. Category Class
--------------------------------------

====================================*/
.is-finance {
  color: inherit;
}

/*====================================
  06. IR
    ----------------------------------
    Structure
    ----------------------------------
    - 0. Category Class
    
    ----------------------------------
    Introduction
    ----------------------------------
    「IR情報」用scss
    
    ----------------------------------
    Constitution
    ----------------------------------
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/12/16   Founding
    
====================================*/
/*====================================

  - 0. Category Class
--------------------------------------

====================================*/
.is-ir {
  color: inherit;
}

/*====================================

  - 0. IR library Class
--------------------------------------

====================================*/
.ir-library-table {
  width: 100%;
  table-layout: fixed;
}

.ir-library-table th,
.ir-library-table td {
  border: solid 1px #e0e0e0;
  text-align: center;
  font-weight: 400;
}

.ir-library-table thead {
  font-size: 0.875rem;
  line-height: 1.14286;
}

.ir-library-table thead th,
.ir-library-table thead td {
  padding: 0.5rem;
  background-color: #078FD3;
  color: #fff;
}

.ir-library-table tbody {
  line-height: 1.4;
}

.ir-library-table tbody th {
  padding: 0.5rem;
  background-color: #f3f3f3;
}

.ir-library-table tbody td {
  padding: 0.5rem;
}

.library-card {
  display: block;
  padding: 0.5rem;
  text-align: center;
  width: 100%;
}

.library-card:hover {
  background-color: rgba(224, 224, 224, 0.25);
}

@media (min-width: 992px) {
  .library-card {
    padding: 2.0rem 0.5rem;
  }
}

.library-card i {
  display: block;
  padding: 0;
  margin: 0 0 0.5rem 0;
  font-size: 2rem;
  line-height: 1;
}

.library-card__icon {
  color: #1055A3;
}

.library-card__icon--video {
  color: #1055A3;
}

.library-card__icon--video::before {
  font-family: "basicicon" !important;
  content: "\ea6f";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.library-card__icon--pdf {
  color: #C40902;
}

.library-card__icon--pdf::before {
  font-family: "basicicon" !important;
  content: "\e9a8";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.library-card__icon--xls {
  color: #4F9F55;
}

.library-card__icon--xls::before {
  font-family: "basicicon" !important;
  content: "\e9bb";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*====================================

  - 0. News Class
--------------------------------------

====================================*/
.distribution-box {
  display: block;
  padding: 0;
}

.distribution-box__cell, .distribution-box__cell--full {
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  .distribution-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0 -0.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .distribution-box__cell, .distribution-box__cell--full {
    padding: 0.5rem;
    margin: 0;
    width: 50%;
  }
  .distribution-box__cell--full {
    width: 100%;
  }
}

.distribution-card {
  display: block;
  padding: 1.0rem;
  border: solid 1px #e0e0e0;
}

.distribution-card__caption {
  font-size: 0.75rem;
  line-height: 1.5;
  color: #666;
}

/*

          <div class="distribution-box">
            <div class="distribution-box__cell">
*/
.distribution {
  border: 1px solid #e0e0e0;
  padding: 1.0rem 2.0rem;
}

.distribution dt {
  font-size: 1.25em;
  line-height: 1.4;
  font-weight: 700;
  padding: 0.5rem 0;
  border-bottom: solid 1px #1055A3;
}

/*====================================
  99. Other
    ----------------------------------
    Structure
    ----------------------------------
    - 0. Category Class
    
    ----------------------------------
    Introduction
    ----------------------------------
    主にフッター系ページ用scss
    
    ----------------------------------
    Constitution
    ----------------------------------
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/12/16   Founding
    
====================================*/
/*====================================

  - 0. Category Class
--------------------------------------

====================================*/
.sitemap dl,
.sitemap dt,
.sitemap dd,
.sitemap ul,
.sitemap li,
.sitemap a,
.sitemap span {
  display: block;
}

.sitemap dt {
  border-bottom: solid 1px #e0e0e0;
}

.sitemap dt span {
  padding: 0.25em;
}

.sitemap dd {
  font-size: 0.875em;
}

.sitemap dd span {
  padding: 0.25em;
}

.sitemap ul {
  padding-left: 1em;
}

.sitemap ul ul {
  margin-top: 0;
}

.sitemap ul ul li + li {
  margin-top: 0;
}

.is-account .global-contents {
  max-width: 980px;
}

.is-account .main-section:last-child, .is-account .main-section + .page-link-tab--bottom {
  padding-top: 2.0em;
}

.error {
  margin: 0;
  padding: 0;
}

.radio-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.contents-style .radio-list li {
  margin: 0.5em;
}

.contents-style .input-btn {
  margin-top: 2.0rem;
}

.input-btn input {
  background-color: #1055A3;
  color: #fff;
  padding: 0.5rem 3.0rem;
  border: none;
}

/*====================================

  - 4. Module Import
--------------------------------------
  モジュール系SCSSインポート

====================================*/
/*====================================

  - 5. Component Import
--------------------------------------
  コンポーネント系SCSSインポート

====================================*/
/*====================================

  - 6. Vendor Import
--------------------------------------
  コンポーネント系SCSSインポート

====================================*/
/*!
  Modaal - accessible modals - v0.4.4
  by Humaan, for all humans.
  http://humaan.com
*/
.modaal-noscroll {
  overflow: hidden;
}

.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 110000;
  opacity: 0;
}

.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 120000;
  overflow: auto;
  opacity: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.modaal-wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}

.modaal-wrapper .modaal-close {
  border: none;
  background: transparent;
  padding: 0;
  -webkit-appearance: none;
}

.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}

.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}

.modaal-wrapper *[tabindex="0"] {
  outline: none !important;
}

.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}

.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}

.modaal-fullscreen .modaal-outer-wrapper {
  display: block;
}

.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px;
}

.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top;
}

.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0px;
  background: #fff;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto;
}

.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}

.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}

.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.modaal-close:focus, .modaal-close:hover {
  outline: none;
  background: #fff;
}

.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after {
  background: #078FD3;
}

.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-close:before, .modaal-close:after {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.modaal-close:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.modaal-close:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px;
}

.modaal-content-container {
  padding: 30px;
}

.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0;
}

.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: transparent;
}

.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f;
}

.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}

.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f;
}

@keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.modaal-instagram .modaal-container {
  width: auto;
  background: transparent;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.modaal-instagram .modaal-content-container {
  padding: 0;
  background: transparent;
}

.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-animation: instaReveal 1s linear forwards;
          animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}

.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}

.modaal-gallery-wrap {
  position: relative;
  color: #fff;
}

.modaal-gallery-item {
  display: none;
}

.modaal-gallery-item img {
  display: block;
}

.modaal-gallery-item.is_active {
  display: block;
}

.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}

.modaal-gallery-label:focus {
  outline: none;
}

.modaal-gallery-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}

.modaal-gallery-control:focus, .modaal-gallery-control:hover {
  outline: none;
  background: #fff;
}

.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after {
  background: #afb7bc;
}

.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-gallery-control:before, .modaal-gallery-control:after {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.modaal-gallery-control:before {
  margin: -5px 0 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.modaal-gallery-control:after {
  margin: 5px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px;
}

.modaal-gallery-next-outer {
  right: 45px;
}

.modaal-gallery-prev:before, .modaal-gallery-prev:after {
  left: 22px;
}

.modaal-gallery-prev:before {
  margin: 5px 0 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.modaal-gallery-prev:after {
  margin: -5px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px;
}

.modaal-gallery-prev-outer {
  left: 45px;
}

.modaal-video-wrap {
  margin: auto 50px;
  position: relative;
}

.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%;
}

.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block;
}

@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}

@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    -webkit-transform: none;
            transform: none;
    background: rgba(0, 0, 0, 0.7);
  }
  .modaal-gallery-control:before, .modaal-gallery-control:after {
    background: #fff;
  }
  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }
  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}

@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
}

@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important;
  }
}

@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .modaal-instagram iframe {
    width: 600px !important;
  }
}

@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}

@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important;
  }
}

@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none;
  }
}

.modaal-loading-spinner {
  background: none;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
}

@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: .1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: .1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}

.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}

.modaal-loading-spinner > div:nth-of-type(1) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(1) {
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .12s;
  animation-delay: .12s;
}

.modaal-loading-spinner > div:nth-of-type(2) {
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
}

.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(3) {
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .37s;
  animation-delay: .37s;
}

.modaal-loading-spinner > div:nth-of-type(4) {
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(5) {
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .62s;
  animation-delay: .62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .75s;
  animation-delay: .75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .87s;
  animation-delay: .87s;
}

.modaal-loading-spinner > div:nth-of-type(8) {
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

/*====================================

  -99. Print Import
--------------------------------------
  プリント系SCSSインポート
  最後にインポート

====================================*/
/*====================================
  99. Print
    ----------------------------------
    Structure
    ----------------------------------
    - 1. Archive List
    
    ----------------------------------
    Introduction
    ----------------------------------
    プリント用スタイル
    
    ----------------------------------
    Constitution
    ----------------------------------
    
    ----------------------------------
    Change Log
    ----------------------------------
    - 2019/12/06   Founding
    
====================================*/
/*====================================

  - 1. Setting
--------------------------------------
  プリントしない

====================================*/
@media print {
  body {
    zoom: 0.68;
    -webkit-print-color-adjust: exact;
  }
}

/* IE10以上 */
@media print and (-ms-high-contrast: none) {
  /* @pageの指定いらないかも */
  @page {
    size: A4;
    margin: 12.7mm 9.7mm;
  }
  body {
    zoom: 1.8;
    width: 1200px;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
}

/*====================================

  - 1. disabled
--------------------------------------
  プリントしない

====================================*/
@media print {
  .global-header {
    display: none;
  }
  .global-footer {
    display: none;
  }
  .contents-header {
    padding: 0;
  }
  .no-print {
    display: none;
  }
}
/*# sourceMappingURL=global.css.map */