@import url('Common.css');

table {
    width: 100%;
}
th {
    width: 30%;
}
td {
    width: 70%;
}
textarea {
    width: 100%;
    border: 1px #555 solid;
    padding: 1rem;
    font-size: 1rem;

}
input {
    width: 70%;
    height: 1.5rem;
    border: 1px #555 solid;
    padding: 0 1rem;
    font-size: 1rem;
}


/* 共通スタイル */
.container {
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
}

table {
    width: 100%;
}

input[type="text"],
input[type="email"],
textarea {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
}

/* モバイル向けスタイル */
@media screen and (max-width: 767px) {

    .container {
        margin-top: 7rem;
        margin-left: 2%;
        width: 96%;
    }
    th {
        font-size: 0.8rem;
    }
    
    table, tbody, tr, th, td {
        display: block;
        width: 100%;
    }

    th {
        text-align: left;
        padding-bottom: 5px;
    }

    td {
        padding-bottom: 15px;
    }

    .container {
        width: 95%;
    }
}