@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular.ttf");
}

@font-face {
    font-family: "SFProDisplay";
    src: url("../fonts/sfprodisplay-light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "SFProDisplay";
    src: url("../fonts/sfprodisplay-regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "SFProDisplay";
    src: url("../fonts/sfprodisplay-medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "SFProDisplay";
    src: url("../fonts/sfprodisplay-bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "SFProDisplay";
    src: url("../fonts/sfprodisplay-italic.otf") format("opentype");
    font-weight: 400;
    font-style: italic;
}

html {
 
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-image: url("../assets/img/layout/bg-body.png");
    max-width: 100%;
    margin: auto;
    font-size: 22px;
    font-family: "SFProDisplay",sans-serif;
}
.show-pc {
    display: flex;
    justify-content: center;
}

.show-mb {
    display: none;
}
.img-100 {
    height: auto;
    width: 100%;
}

.section-event img {
    width: 100%;
    height: auto;
}

@media (max-width: 1000px) {
    html {
        font-size: 12px;
    }

    .show-pc {
        display: none;
    }

    .show-mb {
        display: flex;
        justify-content: center;
        width: 100%;
    }
        
}

a{
    color:inherit;
    text-decoration:none;
}