@charset "utf-8";

/* ************************************************************************** */
/* 「table.input_form」の色を変更したい場合には、コメントアウトを解除し、各色を指定してください */

/* 線の色 */
/* table.input_form,
table.input_form > tbody > tr > th,
table.input_form > tbody > tr > td{
    border-color     : #d0d0d0;
} */

/* 背景色 */
/* table.input_form{
    background-color : #fafafa;
} */

/* 背景色: マウスカーソルが乗った場合 */
/* table.input_form > tbody > tr:hover{
    background-color : #f0f0f0;
} */
/* 背景色: マウスカーソルが乗った場合(所属機関番号) */
/* .institution_no label:hover{
    background-color : #e0e0e0;
} */


/* ************************************************************************** */
/* ここから下にスタイルシートを記述してください。 */

/* tag */
table.tag{
    border           : 2px #d0d0d0 solid;
    margin           : 1em 0px;
    width            : 100%;
}
table.tag > caption{
    text-align       : left;
}
table.tag > tbody > tr > th,
table.tag > tbody > tr > td{
    border           : 1px #d0d0d0 solid;
    padding          : 0.5em 0px;
}
table.tag > tbody > tr:nth-of-type(1){
    background-color : #fafafa;
}
table.tag > tbody > tr > td{
    text-align       : center;
    width            : 10%;
}

/* abstract2 */
table#abstract2 textarea{
    height           : 20em;
    width            : 50em;
}

.red{
    color : #ff3333;
}

.container {
display: grid;
place-items: center;
height: 100vh;
background-color: #f0f0f0;
}

.content {
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
text-align: center;
}

ul.note > li{
    list-style          : none;
    margin-left         : 1em;
    text-indent         : 5.5em;
}

.text-horizontal-center {
text-align: center;
}