/*reset
---------------- */


/*** The new CSS reset - version 1.7.2 (last updated 23.6.2022) ***/

*:where(:not(html, iframe, canvas, img, svg, video):not(svg*, symbol*)) {
    all: unset;
    display: revert;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

a,
button {
    cursor: revert;
}

ol,
ul,
menu {
    list-style: none;
}

img {
    max-width: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input,
textarea {
    -webkit-user-select: auto;
}

textarea {
    white-space: revert;
}

meter {
    -webkit-appearance: revert;
    appearance: revert;
}

::placeholder {
    color: unset;
}

:where([hidden]) {
    display: none;
}

:where([contenteditable]:not([contenteditable="false"])) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-user-select: auto;
}

:where([draggable="true"]) {
    -webkit-user-drag: element;
}

body {
    padding: 0;
    margin: 0 auto;
}

img {
    vertical-align: top;
}

.redi{text-align: center;padding: 50px;}
.text-center{text-align: center;padding: 30px;}
/*common
---------------- */

.sp {
    display: none;
}

.pc {
    display: block;
}

.a-center,
p.a-center {
    text-align: center;
}

.box {
    display: flex;
}

span {
    display: inline-block;
}

.br::before {
    content: "\A";
}

h1 {
    display: none;
}


/*smart-phone
---------------- */

@media screen and (max-width: 1050px) {
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    .fix-menu {
        position: fixed;
        bottom: 0;
        width: 100%;
    }
    .fix-menu img {
        width: 100%;
    }
}