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

/* ---------------------------------------------------------------------------------------------

　   header

--------------------------------------------------------------------------------------------- */

header#header{
    position: relative;
    height: auto;
	min-height: 100vh;
  	min-height: calc(var(--vh, 1vh) * 100);
	} 
	@media only screen and (max-width: 767px) {
		}



/* キャッチ  */
.h_catch{
    position: absolute;
    bottom: 100px;
    left: 5%;
    }
.h_catch .tx{
    color: #ffffff;
    font-size: 2.6em;
    line-height: 180%;
    }

	@media only screen and (max-width: 767px) {
        /* キャッチ  */
        .h_catch{
            bottom: 200px;
            }
        .h_catch .tx{
            font-size: 2em;
            }
        }
	@media only screen and (max-width: 520px) {
         .h_catch .tx{
            font-size: 1.6em;
            }
        }
	@media only screen and (max-width: 480px) {
                /* キャッチ  */
            .h_catch{
                bottom: 180px;
                }
           .h_catch .tx{
            font-size: 1.4em;
            }
		}
	@media only screen and (max-width: 360px) {
		}
	@media only screen and (max-width: 260px) {
		}





/* スライダー  */
#video_block{
    position: absolute;
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
	z-index: -10;
	}
#video {
    /*天地中央配置*/
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
}