@charset "utf-8";
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
フォーライフ企画(C)FureaiGroup 2020

File name:      main.css
Last Update:    2021/10/23
Style Info:     メインスタイル。
------------------------------------------------------------->
 0.初期設定
 1.一時スタイル
 2.印刷スタイル
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ===========================================================
 0.初期設定
=========================================================== */
/* WebFont（webフォント使用時は下記に追加） */
/* GoogleFont */
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap');

/* icomoon */
@import url("../icomoon/style.css");

/* 標準フォーマット */
@import url("format.css");

/* ===========================================================
 2.一時スタイル（一時的に使用するスタイルを記載・長期間使用不可）  
=========================================================== */
/* SPスタイルはここに記載 */

@media screen and (min-width: 960px), print {
  /* PCスタイルはここに記載 */
  .recruit-point-container {
    gap: 22px;
  }

  .recruit-point-container .recruit-point-inner {
    width: calc(33.3% - 44px) !important;
  }

  .recruit-point-container .recruit-point-inner:nth-of-type(2n) {
    margin-left: 0 !important;
  }

  .recruit-point-container .recruit-point-inner:nth-of-type(n + 3) {
    margin-top: 0 !important;
  }
}
/* ===========================================================
 2.印刷スタイル
=========================================================== */
@page {
    size: A4 portrait; /* 横の場合はlandscape */
    margin: 0mm;
}
@media print {
  /* 印刷時のスタイルはここに記載 */
  html {
    width: 210mm; /* 用紙の横幅を改めて指定 Chrome用 */
    max-width: none;
  }
  body {
    min-width: auto;
  }
  .page {
    width: 100%; /* 用紙の横幅を改めて指定 */
    max-width: 100%; 
    height: 296.5mm;/* 高さには0.5mm余裕をもたせる */
    margin: 0;
    padding: 20mm 25mm;
    page-break-after: always;
  } 
  header {
    position: static;
    break-after: avoid !important;
  }
  header .global-nav-container .global-nav-inner > li .main-nav-btn.emphasis-btn {
    width: calc(100% - 6px);
  }
  .header-container {
    max-width: none;
    min-width: auto;
  }
  .page-category-container {
    height: 200px;
  }
  .breadcrumb  {
    max-width: none;
    min-width: auto; 
  }
  .main-contents-inner,
  .container-pc {
    max-width: none;
    min-width: auto; 
  }

  .main-visual {
    max-height: 682px; 
  }
  section, article {
    break-inside: avoid;
  }
  #category-form section,
  #category-form article {
    break-inside: auto;
    page-break-before: avoid;
  } 
  #category-form dl {
    break-inside: avoid;
  } 
  #category-form footer {
    margin-top: 100px;
  }
}