@charset "UTF-8";
/*
// miraisia - Deep Intellectual Blue Palette
$msblue:       #0e2672 !default; // Primary: 誠実・信頼・深み
$msdarkblue:   #06164d !default; // Primary Dark: 見出しやホバー用（より重厚に）
$mslightblue:  #f0f4ff !default; // Primary Light: セクション背景用（青みのある白）
$mslightaccent: #e2e8f7 !default; // #d8eceb からの変換

$msgold:       #d4af37 !default; // Secondary: 知性を引き立てるゴールド（アクセント）
$msdarkgold: #b38e1d !default; // $asdarkyellow の代替
$mslightgold:  #fffdf5 !default; // Secondary Light: 注意を引きたいエリアの背景

$msblack:      #2c3345 !default; // Text Black: 真っ黒ではなく、少し青を含ませた黒
$msdarkgray:   #5b637a !default; // Text Gray: サブテキスト用
$msgray:       #adb5cc !default; // Border Gray: 枠線用
$mslightgray:  #f8f9fc !default; // Background Gray: 汎用背景用

$msgray100: #f4f6fb !default; // 非常に薄いグレー（セクション背景やカード背景に最適） e2e2e2
$msgray150: #e9ecf5 !default; // 薄いグレー（入力フォームの背景や、弱い境界線に） efefef
$msgray200: #daddea !default; // 標準的なグレー（しっかりとした境界線や、装飾のラインに） D8D8D8
*/
.text-black {
  color: #515151 !important;
}

.heading-wrapper {
  background-color: #002f82;
  color: white;
}
.heading-wrapper h1 {
  margin: 0 auto;
  width: 100%;
  padding: 16px;
}
@media screen and (min-width: 480px) {
  .heading-wrapper h1 {
    padding: 24px 16px;
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) {
  .heading-wrapper h1 {
    padding: 24px 0;
    max-width: 700px;
  }
}
@media screen and (min-width: 992px) {
  .heading-wrapper h1 {
    padding: 24px 16px;
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .heading-wrapper h1 {
    max-width: 1140px;
  }
}/*# sourceMappingURL=page.css.map */