*{margin:0;padding:0;font:inherit;color:inherit;}
*, :after, :before {box-sizing:border-box;}
html, body {height:100%;}
img, picture, video, canvas, svg {display: block;max-width:100%;}
button {border:0;background:none;cursor:pointer;}
a {text-decoration:none;}
table {border-collapse:collapse;border-spacing:0;}
ul,ol {list-style: none;}
fieldset, input {border: 0;}

:root {
    --color-primary: #586AD9;
}

.blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.color_primary { color: var(--color-primary);}
.pc { display: block;}
.mob { display: none;}

@media screen and (max-width: 768px) {
    .pc { display: none;}
    .mob { display: block;}
}

/* section1 */
.sc_01 { position: relative; height: 100svh; overflow: hidden;}
.sc_01::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; border-left: 97vw solid transparent; border-bottom: 10vh solid #000;}
.sc_01 .video { width: 100%; height: 100%; object-fit: cover;}