@charset "UTF-8";
/* ----------------------------------------------------------------------------------------------
★サイトカラー　※rgbaの指定も可
---------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------
★ロゴ
---------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------
★レイアウト　※詳細なレイアウトは「setting/_layout-*.scss」などで設定できます。
---------------------------------------------------------------------------------------------- */
/*
  ★は「.btn-open-nav」の設定推奨
  a: 小規模向け（ロゴ:左／メニュー:3_all★, 9_all, 11_all）※ありがち
  b: 小規模向け（ロゴ:中／メニュー:4_pc, 7_all, 11_all, open-nav_tb_sp★）※中央寄せ
  c: 中規模向け（ロゴ:左／メニュー:3_all★, 4_pc, 9_all, 11_all）※ありがち
  d: 中規模向け（ロゴ:左／メニュー:4_pc, 9_all, 10_tb_sp★, 11_all）※ありがち。TB/SP下固定メニュー
  e: 中規模向け（ロゴ:横／メニュー:2_pc, 9_all, 11_all, open-nav_tb_sp★）※PCヘッダーサイド
  f: 中規模向け（ロゴ:横／メニュー:2_pc, 9_all, 10_tb_sp★, 11_all）※PCヘッダーサイド。TB/SP下固定メニュー
  g: 中規模向け（ロゴ:中／メニュー:2_all, 3_all★, 4_pc, 7_all, 11_all）※中央寄せ
  h: 中規模向け（ロゴ:中／メニュー:2_all, 3_all, 4_pc, 7_all, 10_tb_sp★, 11_all）※中央寄せ。TB/SP下固定メニュー
  i: 中規模向け（ロゴ:左／メニュー:3_all, 5_pc, 9_all, 10_tb_sp★, 11_all）※変則的。TB/SP下固定メニュー
  j: 大規模向け（ロゴ:左／メニュー:3_all, 4_pc, 6_all, 9_all, 10_tb_sp★, 11_all）※ありがち。TB/SP下固定メニュー
  k: 大規模向け（ロゴ:中／メニュー:2_all, 3_all★, 4_pc, 6_all, 9_all, 10_tb_sp★, 11_all）※子メニュー大。TB/SP下固定メニュー
  l: 大規模向け（ロゴ:横／メニュー:2_pc, 4_all, 7_all, 9_all, 10_tb_sp★, 11_all）※PCヘッダーサイド。TB/SP下固定メニュー
  m: 大規模向け（ロゴ:中／メニュー:2_all, 3_all★, 4_all, 6_all, 7_all, 8_all, 9_all, 10_tb_sp★, 11_all）※ポータル。TB/SP下固定メニュー
  n: スマホ向け（ロゴ:左／メニュー:7_all, 11_all, open-nav_tb_sp★）
  o: スマホ向け（ロゴ:中／メニュー:1_all★, 7_all, 11_all）
  p: スマホ向け（ロゴ:中／メニュー:7_all, 10_all★, 11_all）
  debug: デバック用（全て表示・有効）
*/
/* ----------------------------------------------------------------------------------------------
★デザイン　※詳細なデザインは「setting/_design-*.scss」などで設定できます。
---------------------------------------------------------------------------------------------- */
/*
  standard  : 標準
  business  : ビジネス
  cool      : クール
  beauty    : ビューティ
  casual    : カジュアル
  pop       : ポップ
  child     : 子供向け
  japanese  : 和風
  technology: テクノロジー
  debug     : デバック用（デザイン指定に使用される場合は主に standard 相当）
*/
/* ----------------------------------------------------------------------------------------------
★オープニング（プリローダー）　　※詳細なデザインは「setting/_design-*.scss」などで設定できます。
---------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------
★パララックス　※詳細は「setting/_parallax.scss」などで設定できます。
---------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------
★トップ：メインビジュアル
---------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------
★コンテンツタイトル
---------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------
★h2.cap-subhead
---------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------
★ページトップボタン
---------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------
★サイトのサイズ
---------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------
★その他のサイズ
---------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------
★パララックス
---------------------------------------------------------------------------------------------- */
@page {
  size: A4 portrait; /* 横の場合はlandscape */
  margin: 0;
}
body {
  width: 210mm; /* 用紙の横幅を改めて指定 Chrome用 */
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  margin: 10mm 0;
}

#nav-head, #nav-foot, [class*=menu-], .contents-sub-1, .contents-sub-2, .open-nav-container, #pankuzu, .btn-open-nav, .pagetop, .slick-slider, .contents-title-img, #nav-global, .hidden_po {
  display: none !important;
}

#wrap, #header, #wrap-contents, #contents-title, #contents, #footer {
  width: 210mm;
  min-width: 210mm;
  max-width: 210mm;
  padding: 0;
  margin: 0px auto;
}

.has-sub-1, .has-sub-2 {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0px auto;
}

#wrap {
  overflow: hidden;
}

.contents-title-text {
  margin-top: 3rem;
}
.contents-title-text .title, .contents-title-text .description {
  color: #333;
}

#footer {
  margin-top: 3rem;
  order: 999;
}

#top-mv {
  overflow: hidden;
}

/*==================================================
印刷 改ページ
===================================*/
.pgb-before-always {
  page-break-before: always;
}

.pgb-before-avoid {
  page-break-before: avoid;
}

.pgb-after-always {
  page-break-after: always;
}

.pgb-after-avoid {
  page-break-after: avoid;
}

.pgb-inside-avoid {
  page-break-inside: avoid;
}

/*==================================================
アニメーションをキャンセル
===================================*/
.fadeIn_plx,
.fadeUp_plx,
.fadeDown_plx,
.fadeLeft_plx,
.fadeRight_plx,
.flipDown_plx,
.flipLeft_plx,
.flipLeftTop_plx,
.flipRight_plx,
.flipRightTop_plx,
.rotateX_plx,
.rotateY_plx,
.rotateLeftZ_plx,
.rotateRightZ_plx,
.zoomIn_plx,
.zoomOut_plx,
.blur_plx,
.smooth_plx,
.bgLeftExtend_plx, .bgRightExtend_plx, .bgUpExtend_plx, .bgDownExtend_plx,
.lineExtend_plx,
.effect_plx, .lineCircleExtend_plx,
.fadeInText_plx > span,
.flipDownText_plx > span,
.rotateXText_plx > span,
.zoomOutText_plx > span,
.blurText_plx > span,
.smoothText_plx > span,
.glowText_plx > span {
  opacity: 1 !important;
}

.bgLeftExtend_plx::before, .bgLeftExtend_plx::after, .bgRightExtend_plx::before, .bgRightExtend_plx::after, .bgUpExtend_plx::before, .bgUpExtend_plx::after, .bgDownExtend_plx::before, .bgDownExtend_plx::after,
.lineExtend_plx::before,
.effect_plx::before,
.lineExtend_plx::after,
.effect_plx::after, .lineCircleExtend_plx::before, .lineCircleExtend_plx::after {
  opacity: 0 !important;
}

.typingText_plx > span {
  width: auto !important;
  overflow: visible !important;
  background-color: transparent !important;
}