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%;
}
.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:20%;
    margin-right:40%;
    margin-left:40%;
}
.manual-box{
    /*width: 450px;*/
    margin-top:20px;
}
.back-lightblue{
    background-color: rgb(219,241,237);
    padding: 1% 0%;
}
.back-deepblue{
    background-color: rgb(178,226,217);
    padding: 1% 0%;
}
.back-lightgreen{
    background-color: rgb(225,255,225);
    padding: 1% 0%;
}
.back-lightred{
    background-color: rgb(251,229,214);
    padding: 1% 0%;
}
.back-yellow{
    background-color: rgb(255,255,0);
    padding: 1% 0%;
}
.back-lightyellow{
    background-color: rgb(255,255,230);
    padding: 1% 0%;
}
.back-white{
    background-color: rgb(255,255,255);
    padding: 1% 0%;
}
.back-arrow-blue-long{
    background-image: url("../img/arrow-blue-long.png");
    background-repeat: no-repeat;
    background-position: center top;
}
.back-arrow-red-long{
    background-image: url("../img/arrow-red-long.png");
    background-repeat: no-repeat;
    background-position: center top;
}
.back-arrow-blue-mid{
    background-image: url("../img/arrow-blue-mid.png");
    background-repeat: no-repeat;
    background-position: center top;
}
.back-arrow-red-mid{
    background-image: url("../img/arrow-red-mid.png");
    background-repeat: no-repeat;
    background-position: center top;
}
.back-arrow-red-mida{
    background-image: url("../img/arrow-red-mid.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}
.back-arrow-yellow-mid{
    background-image: url("../img/arrow-yellow-mid.png");
    background-repeat: no-repeat;
    background-position: center top;
}
.back-arrow-blue-mid2{
    background-image: url("../img/arrow-blue-mid2.png");
    background-repeat: no-repeat;
    background-position: center top;
}
.back-arrow-blue-mid3{
    background-image: url("../img/arrow-blue-mid3.png");
    background-repeat: no-repeat;
    background-position: center top;
}
.back-arrow-blue-mid3a{
    background-image: url("../img/arrow-blue-mid3.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}
.back-arrow-red-mid2{
    background-image: url("../img/arrow-red-mid2.png");
    background-repeat: no-repeat;
    background-position: center top;
}
.back-arrow-red-mid3{
    background-image: url("../img/arrow-red-mid3.png");
    background-repeat: no-repeat;
    background-position: center top;
}
.back-arrow-blue-short{
    background-image: url("../img/arrow-blue-short.png");
    background-repeat: no-repeat;
    background-position: center top;
}
.back-arrow-blue-short2{
    background-image: url("../img/arrow-blue-short2.png");
    background-repeat: no-repeat;
    background-position: center top;
}
.back-arrow-red-short{
    background-image: url("../img/arrow-red-short.png");
    background-repeat: no-repeat;
    background-position: center top;
}
.back-arrow-yellow-short{
    background-image: url("../img/arrow-yellow-short.png");
    background-repeat: no-repeat;
    background-position: center top;
}
.back-arrow-red-mini{
    background-image: url("../img/arrow-red-mini.png");
    background-repeat: no-repeat;
    background-position: center top;
}
.back-arrow-yellow-mini{
    background-image: url("../img/arrow-yellow-mini.png");
    background-repeat: no-repeat;
    background-position: center top;
}
.back-arrow-yellow-mid2{
    background-image: url("../img/arrow-yellow-mid2.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}
.back-arrow-blue-mini{
    background-image: url("../img/arrow-blue-mini.png");
    background-repeat: no-repeat;
    background-position: center top;
}
.small-box-blue{
    /*width:100px;*/
    text-align: center;
    border:2pt solid #000;
    background-color: rgb(219,241,237);
    padding: 5px;
    margin-top:10px;
}
.small-box-white-blue{
    /*width:150px;*/
    text-align: center;
    border:2pt solid #000;
    background: linear-gradient(90deg, #ffffff, #dbf1ed);
    padding: 5px;
    margin-top:10px;
}
.small-box-red{
    /*width:100px;*/
    text-align: center;
    border:2pt solid #000;
    background-color: rgb(251,229,214);
    padding: 5px;
    margin-top:10px;
}
.small-box-red-white{
    /*width:150px;*/
    text-align: center;
    border:2pt solid #000;
    background: linear-gradient(90deg, #fbe5d6, #ffffff);
    padding: 5px;
    margin-top:10px;
}
.small-box-yellow{
    /*width:100px;*/
    text-align: center;
    border:2pt solid #000;
    background-color: rgb(255,255,204);
    padding: 5px;
    margin-top:10px;
}
.green-txt{
    color: rgb(0,176,80);
}
.blue-txt{
    color: rgb(5,99,193);
}

.red-txt{
    color: rgb(255,0,0);
}

.bottom-line-g{
    border-bottom: solid 2px rgb(0,176,80);
}