body {

        background-image:url(../img/bg_top_sp.jpg) ;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    color: white;
    font-family: "Noto Sans JP", sans-serif;
    letter-spacing: 0.2em;
}

section {
    width: 80vw;
    margin: 10vw auto 0;
}

h1 {
    font-size: 6.5vw;
    font-weight: bold;
    letter-spacing: 0.25em;
    margin-top: 4em;
}

p{
    font-size: 4vw;
    margin-bottom: 1em;
}

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

input[type=text],
input[type=password] {

    margin-top: 1.5vw;
    height: 4vw;
    width: 100%;
    background-color: white;
    border-radius: 0.2vw;
    padding: 1vw;
    font-size: 1.5vw;
}

div.checkbox {
    margin-top: 1em;
    margin-bottom: 1em;
}

input[type="text"]{
height: 6vh;
margin-bottom: 0.5em;
font-size: 1.2em;
}

input[type="password"]{
height: 6vh;
margin-bottom: 0.5em;
font-size: 1.2em;
}


input[type=checkbox] {
    margin-right: 0.5vw;
}

.red_btn {
    margin-top: 1.5vw;
    height: 6vh;
    background-color: red;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border-radius: 0.2vw;
    cursor: pointer;
}

.black_btn {
    margin-top: 1.5vw;
    height: 6vh;
    background-color: #444444;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border-radius: 0.2vw;
    cursor: pointer;
}

div.wrap {
    margin-top: 3vw;
}

.box{
margin-top: 1em;
}

.box p{
font-size: 0.9em;
line-height: 1.6em;
}

@media (min-width: 1024px) {
section {
    width: 60vw;

}


h1 {
margin-top: 2em;
    font-size: 3.5vw;
    }
    
    p{
    font-size: 2vw;
    margin-bottom: 1em;
}

    
    

}