#openning {
	width           : 100%;
	height          : 100%;
	background      : #8a0623;
}

#openning-logo {
	position        : relative;
	width           : 230px;
	margin          : 0 auto;
	text-align      : center;
	font-size       : 24px;
	color           : #fff;
    font-family     : "Kosugi Maru",sans-serif;
}

#wasedaGymnastics-cover-area {
	position        : relative;
	width           : 100%;
    padding-top     : 90px;
}

#wasedaGymnastics-cover-area:not(.top)  {
    max-height      : 380px;
    overflow        : hidden;
}

#wasedaGymnastics-cover-area img,
#wasedaGymnastics-cover-area video {
	position	    : relative;
	width           : 100%;
}

#cover-video-frame {
	position        : relative;
}

.cover-video-poster {
	position        : absolute!important;
	top             : 0;
	left            : 0;
	width           : 100%!important;
	height          : 100%;
	object-fit      : cover;
	background      : #000;
	z-index         : 2;
}

.main-message {
    position        : absolute;
    width           : 100%;
    font-size       : 21px;
    color           : #fff;
    text-align      : center;
    letter-spacing  : 4px;
    line-height     : 1.6em;
    font-family     : "Kosugi Maru",sans-serif;
}

.main-title {
	position        : absolute;
	width           : 100%;
	font-size       : 36px;
    font-weight     : bold;
	color           : #fff;
	text-align      : center;
    letter-spacing  : 2px;
    line-height     : 1.8em;
    font-family     : 'Varela Round', sans-serif;
}

#main-message-1 {
	top             : 100px;
}

#main-message-2 {
	top             : 198px;
}

#main-message-3 {
	top             : 291px;
}

#corporate-name {
    position        : absolute;
    color           : #fff;
    bottom          : 20px;
    font-size       : 16px;
    font-weight     : bold;
    letter-spacing  : 3px;
    text-shadow     : 1px 1px 5px #000000, -1px 1px 5px #000000, 1px -1px 5px #000000,
                     -1px -1px 5px #000000, 1px 0px 5px #000000, 0px 1px 5px #000000,
                     -1px 0px 5px #000000, 0px -1px 5px #000000;
}

@media screen and (max-width: 1024px) {
	.main-message {
	    font-size      : 20px;
	}
	#main-message-1 {
		top            : 70px;
	}
	#main-message-2 {
		top            : 156px;
	}
	#main-message-3 {
		top            : 245px;
	}
	#corporate-name {
	    bottom         : 10px;
	    font-size      : 22px;
	}
}

@media screen and (max-width:760px){
	.main-message {
	    font-size      : 16px;
	}
	.main-title {
		font-size      : 22px;
	}
	#main-message-1 {
		top            : 72px;
	}
	#main-message-2 {
		top            : 141px;
	}
	#main-message-3 {
		top            : 205px;
	}
	#corporate-name {
	    bottom         : 10px;
	    font-size      : 14px;
	}
}

@media screen and (max-width:560px){
	.main-message {
	    font-size      : 13px;
	}
	.main-title {
		font-size      : 20px;
	}
	#main-message-1 {
		top            : 96px;
	}
	#main-message-2 {
		top            : 147px;
	}
	#main-message-3 {
		top            : 199px;
	}
	#corporate-name {
		bottom         : 10px;
	    font-size      : 14px;
	}
}

@media screen and (max-width:414px){
	.main-message {
	    font-size       : 11px;
	}
	.main-title {
		font-size       : 18px;
	}
	#main-message-1 {
		top             : 88px;
	}
	#main-message-2 {
		top             : 132px;
	}
	#main-message-3 {
		top             : 174px;
	}
	#corporate-name {
		bottom          : 5px;
	    font-size       : 12px;
	}
}

@media screen and (max-width:320px){
	.main-message {
	    font-size       : 11px;
        letter-spacing  : 1px;
	}
	.main-title {
		font-size       : 18px;
	}
	#main-message-1 {
		top             : 88px;
	}
	#main-message-2 {
		top             : 122px;
	}
	#main-message-3 {
		top             : 154px;
	}
	#corporate-name {
		bottom          : 5px;
	    font-size       : 10px;
    	letter-spacing  : 1px
	}
}

@media screen and (max-width:280px){
	.main-message {
	    font-size       : 11px;
        letter-spacing  : 0px;
	}
	.main-title {
		font-size       : 18px;
	}
	#main-message-1 {
		top             : 73px;
	}
	#main-message-2 {
		top             : 106px;
	}
	#main-message-3 {
		top             : 137px;
	}
	#corporate-name {
		bottom          : 5px;
	    font-size       : 10px;
    	letter-spacing  : 1px
	}
}