@charset "utf-8";
html {
    background-color: hsl(var(--d), 25%, 75%);
    margin:auto;
    padding:5 5 5 5;
    border-width:1px;
    border-style:none;
    border-color:green;
    color:red;
    font-size:16px;
    max-width: 800px;
}

body {
    width:380px;
    margin:auto;
    padding:0;
    background-color:orange;
    border-width:1px;
    border-style:none;
    border-color:green;
}

header {
    width:90%;
    margin:0;
    padding:5%;
    background-color: hsl(var(--d), 50%, 55%);
    border-style:none;
    color:white;
    font-size:2rem;
}

main {
    background-color: hsl(var(--d), 50%, 90%);
    color: hsl(var(--d), 50%, 20%);
    width:90%;
    margin:0;
    padding:5%;
    border-style:none;
    font-size:1rem;
}

footer {
    width:90%;
    margin:0;
    padding:1% 5%;
    background-color: hsl(var(--d), 50%, 10%);
    border-style:none;
    color:white;
    font-size:0.8rem;
}

section {
    width:95%;
    padding: 0 1rem 0.5rem;
    border-style:dotted;
    border-width:0 0 1px 0;
    border-color:green;
}

article {
    width:95%;
    padding:0 1rem 0;
    border-style:solid;
    border-width:0 0 0 2px;
    border-color:green;
}

h2 {
    font-size:1.7rem;
    border-left:solid 5px #3333ff;
    border-bottom:solid 1px #3333ff;
    border-radius:0 0 0 1em;
    padding-left:2rem;
}
table {
    border:solid 1px black;
    border-collapse:collapse;
    margin:1rem auto 1rem;
    font-size:0.8rem;
    width:300px;
    table-layout: fixed; 
}
th {
    border:solid 1px black;
    padding:1em;
    width:120px;
    color:black;
}
td {
    border:solid 1px black;
    padding:1em;
    text-align:left;
    width:180px;
    word-wrap: break-word; /* 単語を途中で折り返す */
    overflow-wrap: break-word; /* 単語を途中で折り返す */
    color:black;
}
#div_btn{
    width:300px;
    margin:auto;
 }
button {
    width:120px;
    height:50px;
    margin:30px;
 }
 .btn_left{
    margin-left: 0px;
 }
 .btn_right{
    margin-right: 0px;

 }
 .file-input-container {
    display: flex;
    align-items: center;
}
.file-input {
    display: none;
}
.file-label {
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    cursor: pointer;
    border-radius: 5px;
}
.file-name {
    margin-left: 10px;
    font-size: 14px;
}