@CHARSET "UTF-8";

/*
========================================
	企業メッセージページ
========================================
*/

/* トップ画像 */
.message-img {
  background: url(../img/message-banner01.jpg);
  display: flex;		/* 直下の要素を並列にする */
  justify-content: center;	/* 主軸に対して中央を基準に配置する */
  align-items: center;		 /* 交差軸に対して中央を基準に配置する */
  height: 300px;		/* 背景画像の高さを指定 */
  background-repeat: no-repeat;	/* 背景画像を繰り返し表示しないように指定 */
  background-position: 50% 0;        /* 背景画像の初期位置　左からの距離 50% 上からの距離0 */	
}

/* 企業メッセージ */
.message-wrapper{
  background: url("../img/message-bg01.jpg");		/* 背景画像のパスを指定 */
  background-repeat: no-repeat;	/* 背景画像を繰り返し表示しないように指定 */
  background-position: center center;        /* 背景画像の初期位置 */
}

.message {
  margin: 50px auto;	/* 余白(外側)を上下が50px 左右が自動に指定 */
  max-width: 1200px;	/* 画面の最大サイズを指定 */
  min-width: 960px;	/* 画面の最小サイズを指定 */
}

.message p{
  font-size: 1.5rem;	/* 文字サイズを指定 */
  text-align: center;	/* 中央寄せに指定 */
  font-weight: bold;	/* フォントを太字に指定 */
  line-height: 2.5;	/* 行間を指定 */
  background:rgba(255,255,255,0.7);	/* カラーコードをrgbaで表示し、透明度を設定 */
  font-family: ten-mincho,serif;	/* 文字のフォントを指定（貂明朝）*/
}