@charset "utf-8";
body{
    background-color: #ededed;
}
footer{
    background-color: var(--white);
}


.width-password{
    width: 40%;
    min-width: 450px;}
@media screen and (max-width:750px) {
.width-password{
    width: 95%;
    min-width: unset;}
}

.width-90{
    width: 90%;}


.top-item{
    margin-top: 7rem;
    margin-bottom: 7rem;}

.password-padding{
    padding-left: 1rem;
    padding-right: 1rem;}

input[type="text"].password-maru-title,
input[type="password"].password-maru-title{
    border: 0;
    border-radius: 30px;
    line-height: 6rem;
    background-color: var(--white);
    color: #949494;
    text-align: left;
    width: calc(100% - 6rem);
    padding: 0 3rem;
    margin-top: 6rem;}

input[type="submit"].password-maru-title{
    cursor: pointer;
    background-color: var(--mainColor1);
    color: var(--white);
    border: 0;
    border-radius: 30px;
    line-height: 6rem;
    text-align: center;
    width: 100%;
}

input[type="submit"].password-maru-title:hover{
        background-color: var(--mainColor3);
}

.fontcolor{
    color: #666666;}


.weight-lighter{
    font-weight: 400;}

.font-password-top{
    font-size: 2.2rem;
    line-height: 5rem;}
@media screen and (max-width:750px) {
.font-password-top{
    font-size: 1.6rem;
    line-height: 3rem;}
}

.font-password-sub{
    font-size: 1.6rem;
    line-height: 3rem;}
@media screen and (max-width:750px) {
.font-password-sub{
    font-size: 1.2rem;
    line-height: 2rem;}
}

.font-password-button{
    font-size: 2.2rem;}
@media screen and (max-width:750px) {
.font-password-button{
    font-size: 1.6rem;}
}