body{
    font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
}
a{
    color: #1fa193 !important;
}
a:visited{
    color: #1fa193 !important;
}
a:active{
    color: #1fa193 !important;
}

.page-title {
    font-size: 18pt;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 5%;
    text-align: center;
    border-bottom: 3px solid #1fa193;
}

.page-back {
    font-size: 10pt;
    margin-right: 5%;
    margin-top: 0px;
    margin-bottom: 5%;
    text-align: right;
}

.list-group-item-action:hover {
    background-color: rgba(31, 161, 147, 0.3);
}
.accordion{
    width:90%;
    margin-right:5%;
    margin-left:5%;
}
.card-header{
    padding:0px;
}
.btn-link{
    color:#1fa193;
}
.btn-link:hover{
    color:#1fa193;
}
.table-top-margin{
    margin-top: 5%;
}
.table-sm{
    margin-right: 5%;
    margin-left: 5%;
    width:90%;
}

.table-sm tr td{
    font-size:10pt;
}
.table-sm tr th{
    font-size:10pt;
    font-weight: normal;
    background-color: #d6d8db;
    border:1px solid #dee2e6;
}
.tab-input{
    width: auto;
    border: 2pt solid #555;
}
.chart-row{
    margin-bottom: 3%;
    /*height: 470px;*/
}
.desc-title{
    font-size: 20pt;
    text-align: left;
    margin: 1% 0% 1%;
}
.desc-sub-title{
    font-size: 15pt;
    text-align: left;
}
.descriptions{
    margin: 10% 5% 10%;
}

.link-list{
    font-size: 10pt;
    margin-top: 25%;
}
.link-list h5{
    font-size: 11pt;
}
.chart-title{
    text-align: center;
    border: 2pt solid #1fa193;
    width:50%;
    margin-right:25%;
    margin-left:25%;
}

canvas.all{
    height:470px;
}

.bottom-line{
    border-bottom: 1px solid rgba(0,0,0,.125)
}

/* 一般的な有機質資材のバーチャート */
.general-chart{
    position: relative;
    height:300px;
    width:80vw;
}

.ref-chart{
    position: relative;
    height:350px;
    width:80vw;
}