@charset "utf-8";
/*-------- 全下層ページのレイアウトcss --------*/

/* モバイルレイアウト : 480 px およびそれ以下. */

/* --------------------------------------------------------
#mainImg
-------------------------------------------------------- */

.mainImg{
	width: 90%;
	margin: 0 auto;
	padding: 5% 0;
	position: relative;
  text-align: center;
}

.mainImg h2{
  display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
  margin: 0;
  width: 100%;
	color: #fff;
	font-size: 2.5rem;
  text-align: center;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
}

/* ページ内ジャンプリンク */
.pankuzu{
	font-size: 1.25rem;
	text-align: center;
	padding: 5% 0;
}

.pankuzu a{
	color: #333;
	font-size: 17px;
}

/* 注釈 */
ul.asterisk{
  padding-left: 1rem;
}
ul.asterisk li::marker{
  content: "※";
}


/* タブレットレイアウト : 980 px～。モバイルレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 981px) {

/* --------------------------------------------------------
#mainImg
-------------------------------------------------------- */
.mainImg{
	max-width: 1200px;
	padding: 130px 0 0;
}

.mainImg h2{
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
  padding: 130px 0 0;
}

/* ページ内ジャンプリンク */
.pankuzu{
	padding: 30px 0;
}

/* 注釈 */
ul.asterisk{
  padding-left: 1rem;
}
ul.asterisk li::marker{
  content: "※";
}

/* --------------------------------------------------------
content
-------------------------------------------------------- */

section{
  width: 90%;
	max-width:1000px;
	margin:0 auto;
  padding: 100px 0 0;
}
section h2{
  margin-bottom: 50px;
}

}