@charset "utf-8";
/*
html {
	color: #000;
	background: #fff;
	font-size: 16px;
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "メイリオ","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
	font-style: normal;
	font-weight: 400;
}

body {
	font-size: 100%;
	font-size: 1em;
	min-width: 1024px;
}
*/

.image-wrapper{
    display:inline-block;
    background:#f7f7f7;
    margin:20px 0;
    padding:16px;
    max-width:100%
}
.to-helpx-image-resize img{
    overflow-x:auto
}
.image-caption {
    font-style: italic;
    font-size: 14px;
    line-height: 16px;
    margin-top: 8px;
}

/*sidebar(left)*/
.h-sidebar {
    order: 0;
    padding-bottom: 1.5rem;
    border-right: 1px solid rgba(0, 0, 0, .1);
  }
/*main text(left)*/
.h-content {
    order: 1;
    padding-bottom: 1.5rem;
  }
/*sidebar(right)*/
.h-toc {
    order: 2;
    padding-bottom: 1.5rem;
  }


.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem
}

.bd-callout h4 {
    margin-top: 0;
    margin-bottom: .25rem
}

.bd-callout p:last-child {
    margin-bottom: 0
}

.bd-callout code {
    border-radius: .25rem
}

.bd-callout+.bd-callout {
    margin-top: -.25rem
}

.bd-callout-info {
    border-left-color: #5bc0de
}

.bd-callout-info h4 {
    color: #5bc0de
}

.bd-callout-warning {
    border-left-color: #f0ad4e
}

.bd-callout-warning h4 {
    color: #f0ad4e
}

.bd-callout-danger {
    border-left-color: #d9534f
}

.bd-callout-danger h4 {
    color: #d9534f
}
/*role color*/
.badge-role01 {
    color: #383d41;
    background-color: #e2e3e5;
}
.badge-role02 {
    color: #004085;
    background-color: #cce5ff;
}
.badge-role03 {
    color: #721c24;
    background-color: #f8d7da;
}
.badge-role04 {
    color: #856404;
    background-color: #fff3cd;

}
.badge-bil {
    color: #042285;
    background-color: #cdd2ff;

}

.badge-primary {
    color: #fff;
    background-color: #007bff;

}

.badge-success {
    color: #fff;
    background-color: #28a745;

}

.menu-card{
    width: 30%;
    margin-left: 5px;
}

.nav-link.active {
	color: #00293C;
}