/* static/css/mailsms/base.css */

html {
    font-size: 16px;
}

body {
    margin: 0;
    padding: 0;
    background: #f7f8fb;
    color: #222222;
    font-family: 'M PLUS 1p', 'Sawarabi Gothic', 'Yusei Magic', sans-serif;
    line-height: 1.6;
}

/* a {
    color: #1d4ed8;
    text-decoration: none;
} */

/* a:hover {
    text-decoration: underline;
} */

hr {
    margin: 0;
    border: 0;
    border-top: 0.0625rem solid #d9deea; /* 1px */
}

main {
    max-width: 75rem; /* 1200px */
    margin: 0 auto;
    padding: 0 1rem 2.5rem;
    box-sizing: border-box;
}

table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
}

th,
td {
    padding: 0.625rem 0.75rem; /* 10px 12px */
    border: 0.0625rem solid #d9deea; /* 1px */
    vertical-align: top;
    text-align: left;
}

th {
    background: #eef3ff;
    font-weight: 700;
}

form {
    background: #ffffff;
    padding: 1.5rem; /* 24px */
    border: 0.0625rem solid #d9deea; /* 1px */
    border-radius: 0.5rem; /* 8px */
    box-sizing: border-box;
}

input,
textarea,
select,
button {
    font: inherit;
}

input[type="text"],
input[type="email"],
input[type="date"],
input[type="url"],
textarea,
select {
    width: 100%;
    padding: 0.625rem 0.75rem; /* 10px 12px */
    border: 0.0625rem solid #cbd5e1; /* 1px */
    border-radius: 0.375rem; /* 6px */
    box-sizing: border-box;
    background: #ffffff;
}

textarea {
    min-height: 10rem; /* 160px */
    resize: vertical;
}

button {
    padding: 0.625rem 1rem; /* 10px 16px */
    border: 0.0625rem solid #1d4ed8; /* 1px */
    border-radius: 0.375rem; /* 6px */
    background: #1d4ed8;
    color: #ffffff;
    cursor: pointer;
}

/* button:hover {
    background: #1e40af;
} */

.empty-text {
    padding: 1.25rem; /* 20px */
    text-align: center;
    color: #64748b;
}

.page-title {
    font-size: 0.8rem; /* 元からrem */
    color: #9c9c9c;
    font-weight: 400;
    margin: 0.2rem 0;
}