@charset "UTF-8";

.main-text{
    width: 100%;
    text-align: center;
}
.name-text{
    width: 90%;
    margin: auto;
    text-align: left;
}
.name-text table{
    width: 100%;
}
.name-text td{
    width: 100%;
}

.detail-table{
    width: 90%;
    margin: auto;
    font-size: 1.0rem;
}
.detail-table .tr1{
    background-color: whitesmoke;
}
.detail-table .tr2{
    background-color: white;
}
.effect-text{
    width: 90%;
    margin: auto;
    word-break: break-all;
}
.effect-text table{
    width: 100%;
    font-size: 1.0rem;
}
.effect-text td{
    padding: 10px;
    background-color: blanchedalmond;
    text-align: left;
}
.qa-tbl{
    width: 90%;
    margin: auto;
    margin-bottom: 10px;
    font-size: 1.0rem;
}
/*.qa-tbl tr{
    border: solid 0px;
}*/
.qa-tbl th{
    padding-left: 5px;
    padding-right: 5px;
    background-color: whitesmoke;
    text-align: center;
    color: darkgrey;
}
.qa-tbl td{
    padding: 10px;
    text-align: left;
}
.qa-tbl .td-q{
    background-color: whitesmoke;
    font-weight: bold;
}
.qa-tbl .td-a{
    background-color: whitesmoke;
}


.f-card{
    display: grid;
    width: 90%;
    margin: auto;
    gap: 2vw;
    grid-template-columns: repeat(4,25%);
    justify-content: center;
}