@charset "UTF-8";
/* CSS Document */
html {
	font-size: 14px;
	font-family: 'Hiragino Sans', 'Meiryo', 'メイリオ', 'MS PGothic', sans-serif;
	}
body {
/*  IE8以下の代替の背景画像  */
background:url("top_img/top_bg1.jpg") #333;
background-attachment:fixed;
background-size:cover;
position:relative;
}
video {
	display:block;
} 
#bg-video {
position:fixed;
right:0;
bottom:0;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
z-index:-1;
}
.parent {
	width: 600px; /* 幅の指定が必須 */
	margin: 0 auto;
}
h1{
	margin: 0px;
	padding-top: 150px;
	padding-bottom: 30px; 
	text-align: center;
}
h1>img{
	 opacity: 0.45;
}
.cs, footer, .work{
	text-align: center;
}
.cs, .work{
	color: #aa4500;
	translate: none;
}
.cs {
	font-size: 3.2rem; 
	/* 最極細の100を指定 */
	font-weight: 100; 
	/* 「Noto Sans JP」を最優先に指定 */
	font-family: "Noto Sans JP", sans-serif;
	/* 線の細さを際立たせるための必須指定（Mac用） */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* 字間*/
	letter-spacing: 0.05em;
	line-height: 0.5;
}
p.txt{
	color: #FFFFFF;
}
footer>p{
	color: #4D4D4D;
	margin-top: 10px; 
}
@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
	.parent {
	width: 500px; /* 幅の指定が必須 */
	margin: 0 auto;
	}
}
@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
	.parent {
	width: 400px; /* 幅の指定が必須 */
	margin: 0 auto;
	}
	h1{
	margin: 0px;
	padding-top: 40px;
	padding-bottom: 20px; 
	text-align: center;
	}
}