@charset "utf-8";

/********** 【仮】 サイトの定義 **********

使用する文字サイズ：
10px
12px
14px
16px（基本）
18px（中サイズ見出し）
20px（特例:TOPの検索するボタンなど）
24px（特例:TOPのエリア検索・駅検索など）
28px（大サイズ見出し）

空白の使用サイズ：
10px
20px
40px（基本）
60px
120px（大見出しの段落ごと）

*******************************/




/*** 中央カラム（ 1カラムの場合 ）***/
main .page div.Center {
	width: 1200px;
}


main .page div.Center section div.content {
	width: 100%;
	padding: 0;
}




/********** メイン画像（ページ見出しタイトル）＋説明文 **********/
#main_Image_SubPage {
	position: relative;
	top: 186px;

	width: 100%;
	height: 760px;

	/* height: calc(100vh - 186px);		← （注）左記の記述だと、B5サイズのノートPC閲覧時に崩れる */
}

#main_Image_SubPage::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.15);
}

#main_Image_SubPage .headline {
	text-shadow: none;

	top: 20px;
	transform: translateY(0%) translateX(-50%);
	-webkit- transform: translateY(0%) translateX(-50%);
}

#main_Image_SubPage .headline h2 {
	height: 35px;
	line-height: 35px;
	margin: 0 0 20px 0;
	font-size: 24px;
	font-weight: 700;
	text-shadow: 1px 1px 1px #000;
}

#main_Image_SubPage .headline h2 strong {
	font-weight: 700;
}