@charset "UTF-8";
/****************************************
Resetting
*****************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
/****************************************
contents
*****************************************/

#contents {
	position:absolute;
	top:0px; left:0px;
	z-index: 10;}
#movie {
	background: url(../img/bg.png) center center / cover no-repeat fixed;
	z-index: 10000;
}


.box{
	margin-bottom: 120px;
	overflow: hidden;
	position: relative;
}

.fitMovie{
	position: absolute;
}

/*SKIPボタン*/
.box {
    position: relative;
}
#skip {
    display: flex;
    justify-content: right;
    align-items: right;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    right: 20px;
}
/*PC・SP動画切替*/
@media screen and (min-width: 768px) {
.pc {display: block;}
.sp {display: none;}
}
 
@media screen and (max-width: 767px) {
.pc {display: none;}
.sp {display: block;}
video {width: 100%;}
}