@charset "UTF-8";

/*
=================================================================
基本設定
=================================================================
*/
body {
  background-color: #fff !important; /* 背景を白に */
  color: #000 !important;           /* 文字を黒に */
  font-size: 12pt;                   /* フォントサイズを印刷向けに調整 */
  width: 100%;
}

/*
=================================================================
非表示にする要素
- 印刷に不要なナビゲーション、ボタン、フッターなどを非表示にします
=================================================================
*/
header,                     /* ヘッダー全体 */
footer,                     /* フッター全体 */
.navbar-toggler,            /* ハンバーガーメニューボタン */
.btn,                       /* すべてのボタン (class="btn...") */
.page-top                   /* ページトップへ戻るボタン */
{
  display: none !important;
}


/*
=================================================================
レイアウトの調整
- 画面表示用のレイアウトをリセットし、印刷に適した表示にします
=================================================================
*/
main {
  padding-top: 0 !important; /* ヘッダーが消えるため、mainタグの上部余白を削除 */
}

/* 全てのセクションの上部・下部の余白を調整 */
section {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

/* ヒーローセクションの背景画像を削除 */
.hero {
  background-image: none !important;
}

/* カード型レイアウトの調整 */
.card, .philosophy-icon {
  border: 1px solid #ccc !important; /* カードの境界線を見やすく */
  box-shadow: none !important;       /* 影を削除 */
}

/* 画像がコンテナをはみ出さないように */
img {
  max-width: 100% !important;
  height: auto !important;
}

/* 画面サイズに応じて出し分けている画像を、印刷時は1つに絞る */
/* (今回は一番大きいPC用画像 .d-lg-block を表示させます) */
img.d-lg-none, img.d-md-none, img.d-md-block.d-lg-none {
  display: none !important;
}
img.d-lg-block {
    display: block !important;
}


/*
=================================================================
リンクの表示調整
- リンクの横にURLをカッコ書きで表示します
=================================================================
*/
a:after {
    /* href属性があり、かつそれが外部リンクである場合のみURLを表示 */
    content: " (" attr(href) ")";
}
/* 内部リンクやJavaScriptで動作するリンクはURL表示が不要なので除外 */
a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
}

/* ロゴのリンクにはURLを表示しない */
.navbar-brand a:after {
    content: none;
}


/*
=================================================================
改ページ設定
- 中途半端な位置でページが区切られるのを防ぎます
=================================================================
*/
section, h2, h3, .card {
  page-break-inside: avoid; /* 要素の途中で改ページさせない */
}

h2, h3 {
  page-break-after: avoid; /* 見出しの直後で改ページさせない */
}