@charset "utf-8";

/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
html { }

body {
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
	margin:0; /*ブラウザ固有の余白を消去*/
	padding:0; /*同上*/
	box-sizing:border-box; /*余白のとりかたを指定*/
	width:100vw; /*表示画面の大きさを指定*/
	height:100vh; /*同上*/
	font-size:16px;
	line-height:1;
	position:relative;
	-webkit-font-smoothing:antialiased;
	background:#000000;
	}

/*PCのみ*/
@media screen and (max-width: 767px) {
	.pc-only { display:none; }
	}

/*SPのみ*/
@media screen and (min-width: 767px) {
	.sp-only { display:none; }
	}


/* ----------------------------------------------------------------------
 トップページ　スライダー
---------------------------------------------------------------------- */
#index_header_content { width:100%; height:100vh; position:relative; overflow:hidden; }
#index_slider_wrap { width:100%; height:100%; position:relative; }
#index_slider { width:100%; height:100%; overflow:hidden; position:relative; }

/* 動画 */
.index_video { 
	position:fixed;
	width:auto;
	height:auto;
	overflow:hidden;
	min-width:100%;
	min-height:100%;
	}
#index_video_mp4 { position:absolute; z-index:2; object-fit: cover; }
#video_poster { width:100%; height:100%; position:absolute; z-index:1; }

/* キャプション */
#index_slider .caption {
	padding:0;
	width:800px;
	margin:auto;
	position:absolute;
	text-align:center;
	z-index:4;
	left:0px;
	right:0px;
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	}

#index_slider .caption_sp {
	padding:0;
	width:400px;
	margin:auto;
	position:absolute;
	text-align:center;
	z-index:4;
	left:0px;
	right:0px;
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	}

/* ロゴ */
#index_slider .logo { position:relative; }
#index_slider .logo img { display:inline-block; }

/* ボタン */
#index_slider .select a {
	margin:2em 0.8em;
	color:#ffffff;
	position:relative;
	}
#index_slider .select .btn {
	display:inline-block;
	padding:0.8em 1em;
	text-decoration:none;
	color:#ffffff;
	border:solid 1px #ffffff;
	border-radius:3px;
	transition:.4s;
	}
#index_slider .select .btn:hover {
	background:#14538b;
	color:#ffffff;
	border:solid 1px #14538b;
	}

/* オーバーレイ */
#index_slider .overlay {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100vh;
	z-index:3;
	background:rgba(0,0,0,0.5);
	}

	/* 色透過（赤,緑,青,透明度）
	background:rgba(0,0,0,0.5);
	*/
	
	/* 網掛け背景
	background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%);
	background-size: 4px 4px;
	*/

	/* 横じま景景
	background: url(../images/top/stripe.png);
	*/