*, *::after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html {
    font-size: 62.5%;
}
body {
    font-family: "PT Sans";
    font-size: 1.4rem;
    line-height: 1.5;
    color: #37474f;
}
#header {
    max-width: 1288px;
    margin-left: auto;
    margin-right: auto;
    padding: 22px 3.95576%;
}
#header img {
    margin-bottom: 15px;
}
#header #logo img {
    width: 288px;
}

.form-pay span.name-input {
    width: 100px;
    display: inline-block;
}
#body {
    max-width: 1288px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 3.95576%;
}
.error {
    color: red;
    display: inline-block;
    margin-left: 5px;
}
.text-content {
    width: 100%;
    word-break: break-all;
}
#result-pay {
    width: 100%;
    word-break: break-all;
    word-wrap: break-word;
}
#link-pay-copy {
    width: 100%;
    word-break: break-word;
}

@media all and (max-width: 680px){
    #header {
        max-width: 680px;
        margin-left: auto;
        margin-right: auto;
        padding: 22px 3.95576%;
    }
    #body {
        max-width: 680px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 3.95576%;
    }
}

@media all and (max-width: 360px){
    #header {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
        padding: 22px 3.95576%;
    }
    #body {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 3.95576%;
    }

    #result-pay {
        max-width: 360px;
        width: 100%;
        word-break: break-all;
        word-wrap: break-word;
    }
}