@charset "utf-8";
/* CSS Document */

#notice {
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
}

#content {
	width: 100%;
	float: none;
}

#content > div:first-child {
/*	width: 800px; */
	width: 80%;
	margin: 20px auto 0;
	position: relative;
}

#content h1 {
	color: #c0153e;
	font-size: 2.5em;
	line-height: 1em;
	letter-spacing: 0.05em;
}

#content h1 span {
	color: #0b3388;
	font-size: 0.6em;
	display: block;
}

#content dt {
	width: 90px;
}

#content > div:first-child + h2 {
	margin-top: 20px;
}

#content dd {
	margin-left: 100px;
}

#content #submenu dl {
	position: absolute;
 	top: 50px;
 	left: 50px;
}

#content  #title_wide dl dt {
	width: 150px;
}
#content  #title_wide dl dd {
	margin-left: 160px;
}

p.indent-1 {
padding-left:1em;
text-indent:-1em;
}

@media screen and (min-width: 768px) {
	#content div div {
		float: left;
	}

	#content h1 {
		background: -moz-linear-gradient(left, #fff, #fff, rgba(255, 255, 255, 0));
		background: -o-linear-gradient(left, #fff, #fff, rgba(255, 255, 255, 0));
		background: -webkit-gradient(linear, left center, right center, from(#fff), color-stop(50%, #fff), to(rgba(255, 255, 255, 0)));
		background: linear-gradient(to right, #fff, #fff, rgba(255, 255, 255, 0));
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=1)";
		width: 500px;
		padding: 5px 30px;
		top: 40px;
		left: 0;
		position: absolute;
	}

	#content h3 {
		margin-top: 0;
	}

	#content div div {
		width: 500px;
		margin: 0;
	}
}

@media screen and (max-width: 767px) {
	#content > div:first-child, #content h1, #content img {
		width: 100%;
	}

	#content h1 {
		background: url(../images/bg/bg_dark.jpg);
		font-size: 2.25em;
		margin: 0 auto 20px;
		padding: 10px 0;
		text-align: center;
	}
}

.wrapper {
//  height: 80%; // 高さを画面いっぱいに指定する。(vhが効かない場合の対策)
//  height: 80vh; // 高さを画面いっぱいに指定する。
  position: relative;  //横幅がウィンドウズサイズの縦幅よりもはみ出てしまう場合に、左にずらすために指定。
//  width: 80%; // 横幅もいっぱいに。
  width:640px; // 横幅もいっぱいに。
}

#video {
//  background: url('video/001.jpg') no-repeat; // 動画が再生を始めるまで、cssのほうでも背景を設定します。
  background-attachment: fixed; // 中央揃えになるように、fixed。
  background-position: center center; // positionも中央に。
  background-size: cover; // 画面サイズに応じてサイズを可変するように設定。
  left: 0;
  // 以下、画面いっぱいにするためのCSS設定
//  min-height: 100%;
//  min-height: 100vh;

//  min-width: 100%;
//  min-width: 100vw;
  min-width: 640px;

  // wrapperのサイズに応じて、leftの位置をjQueryで指定するため、positionはabsoluteにします。
  position: absolute;
  top: 0;
  // z-indexは調整してください。
  z-index: 1;
}