@charset "utf-8";

.must{
    color: orange;
    margin-right: .3em;
}
input{
    box-sizing: border-box;
    color: #555;
    padding: .2em;
}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .5em  2em .5em 0;
    outline: none;
    color: #555;
    background-image: url("../img/arrow_down.png"), url("../img/bg_body.png");
    background-repeat: no-repeat, repeat;
    background-position: right center, left top;
    border-top: none;
    border-right: none;
    border-left: none;
}
select:hover{
    cursor: pointer;
}
textarea{
    width: 100%;
    resize: vertical;
    height: 200px;
    padding: .3em;
    box-sizing: border-box;
    color: #555;
}
.mf-address{
    width: 100%;
}
button{
    border: none;
}
button:hover{
    cursor: pointer;
}

.mf120{
    max-width: 120px;
}
.mf150{
    max-width: 150px;
}
.mf250{
    max-width: 250px;
}
.mf300{
    max-width: 300px;
}
.mailform{
    margin-bottom: 3em;
}
.mailform ul{
    margin: 0;
}
.mailform dt{
    font-weight: bold;
}
input[type="checkbox"]{margin-right: .3em;}
input[type="submit"]{border: none;}
.policy-check p{margin-top: .5em;}

@media screen and (min-width: 640px){
    .mf120{
        width: 120px;
    }
    .mf150{
        width: 150px;
    }
    .mf250{
        width: 250px;
    }
    .mf300{
        width: 300px;
    }
    .mailform{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 640px;
        margin: 0 auto 3em auto;
        border-top: 1px dotted #777;
        border-bottom: 1px dotted #777;
        padding: 1em 0;
    }
    .mailform dt{
        width: 25%;
        margin: .5em 0;
    }
    .mailform dd{
        width: 75%;
        margin: .5em 0;
    }
    .policy-check{padding: 2em 0 1em 0;}
    .policy-check p{margin-bottom: 0;}
}