html, body {
    font-family: Roboto, serif;
    max-width: 1250px;
    margin: auto;
}

.disabled-card {
    background-color: rgba(245, 245, 245, 1);
    opacity: .3;
}

.jumbotron {
    background-color: rgb(8, 8, 8) !important;
}

.step-card {
    width: 100%;
}

/* 数字 */
.step-num {
    font-weight: bold !important;
    margin-right: 0.6em;
}

label {
    font-size: 0.85em !important;
    font-weight: bold !important;
}

.form-control::placeholder{
    color: #cccccc;
}

.custom-control-label {
    font-weight: normal !important;
}

/* Powered by*/
#poweredby {
    color: #9b9b9b;
    font-size: 0.7em;
}


/* Listの型 */
.defaultlist
,.defaultlist li{
    padding:0px;
    margin:0px;
}

.defaultlist li{
    list-style-type:none !important;
    list-style-image:none !important;
    margin: 5px 0px 5px 0px !important;
}

.list1 li{
    position:relative;
    padding-left:20px;
}

.list1 li:before{
    content:'';
    display:block;
    position:absolute;
    box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
    top:3px;
    left:2px;
    height:0;
    width:0;
    border-top: 6px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #aaa;
}


/* マルチデバイス対応*/

table td {
    word-break : break-all;
    font-size: 0.8rem;
}
thead th {
    border-bottom: 3px double green; /* ヘッダ行の下線 */
}

/*極小デバイス（縦向きモバイル, 576px 未満）*/
@media (max-width: 575.98px) {
    h2 {
        font-size: 1.3rem !important;
    }
    h4 {
        font-size: 1rem !important;
    }
    table th {
        font-size: 0.7rem;
    }
    table td {
        word-break : break-all;
        font-size: 0.7rem;
    }

}