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

* {font-family: }
h1,h2,h3{text-align: center;}
h1{font-size: 200%;}
h1 img {width: 5em;}
h2{font-size: 400%;font-family: 'Staatliches', cursive; margin: 0em;}
h3{font-size: 150%; margin: 0 0 1em;}
body{
}

section{
	background: url("../img/chant/bg.png") no-repeat 0 0; !important

}
.container {
  display: flex;
  justify-content: center;
  align-items: center;
	background:url("../img/chant/bg.png") repeat 0 0;
}


#sec1,#sec2{
	padding: 1em 0.5em 1em 1em;
}
video{width: 100%; display: block;}
section img{ width: 100%; display:}
footer{text-align: center; color: #FFF; background-color: #26B7CD;}


@media screen and (orientation: landscape) {
   /* 横向きの場合のスタイル */
}
@media screen and (orientation: portrait) {
   /* 縦向きの場合のスタイル */
.container {
  display: block;
}
}


@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
}