@charset "utf-8";

:root {
  --bs-graphite: #37404a;
  --bs-lightblue: #0288D1;
  --bs-blue: #1976D2;
  --bs-indigo: #303F9F;
  --bs-purple: #512DA8;
  --bs-pink: #C2185B;
  --bs-red: #D32F2F;
  --bs-orange: #F57C00;
  --bs-yellow: #FBC02D;
  --bs-green: #689F38;
  --bs-teal: #00796B;
  --bs-cyan: #0097A7;
  --bs-white: #fff;
  --bs-gray: #90A4AE;
  --bs-primary: #0288d1;
  --bs-primary-rgb: 32,75,193;
  --bs-primary-dark: #153281;
  --bs-primary-light: #dae1f5;
  --bs-secondary: #828778;
  --bs-secondary-rgb: 130,135,120;
  --bs-secondary-dark: #575a50;
  --bs-secondary-light: #eaebe9;
  --bs-success: #689f38;
  --bs-success-rgb: 93,129,21;
  --bs-success-dark: #3e560e;
  --bs-success-light: #e4ead8;
  --bs-info: #20ABC1;
  --bs-info-rgb: 32,171,193;
  --bs-info-dark: #157281;
  --bs-info-light: #daf1f5;
  --bs-warning: #fbc02d;
  --bs-warning-rgb: 193,150,32;
  --bs-warning-dark: #816415;
  --bs-warning-light: #f5eeda;
  --bs-danger: #C1206B;
  --bs-danger-rgb: 193,32,107;
  --bs-danger-dark: #811547;
  --bs-danger-light: #f5dae6;
  --bs-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
}

a:hover{text-decoration: none;}

.text-primary{color:var(--bs-primary);}
.text-success{color:var(--bs-success);}
.text-warning{color:var(--bs-warning);}
.text-danger{color:var(--bs-danger);}
.text-info{color:var(--bs-info);}

.text-green {color:var(--bs-green);}
.text-graphite {color:var(--bs-graphite);}
.text-blue {color:var(--bs-blue);}
.text-indigo {color:var(--bs-indigo);}
.text-purple {color:var(--bs-purple);}
.text-pink {color:var(--bs-pink);}
.text-red {color:var(--bs-red);}
.text-orange {color:var(--bs-orange);}
.text-yellow {color:var(--bs-yellow);}
.text-teal {color:var(--bs-teal);}
.text-cyan{color:var(--bs-cyan);}
.text-lightblue {color:var(--bs-lightblue);}
.text-info-dark {color:var(--bs-info-dark);}

.bg-green {background-color:var(--bs-green);}
.bg-graphite {background-color:var(--bs-graphite);}
.bg-blue {background-color:var(--bs-blue);}
.bg-indigo {background-color:var(--bs-indigo);}
.bg-purple {background-color:var(--bs-purple);}
.bg-pink {background-color:var(--bs-pink);}
.bg-red {background-color:var(--bs-red);}
.bg-orange {background-color:var(--bs-orange);}
.bg-yellow {background-color:var(--bs-yellow);}
.bg-teal {background-color:var(--bs-teal);}
.bg-cyan{background-color:var(--bs-cyan);}
.bg-lightblue {background-color:var(--bs-lightblue);}
.bg-info-dark {background-color:var(--bs-info-dark);}



.btn-primary {background-color:#0288d1;border-color:#0288d1;}

.btn-green {background-color:rgb(104,159,56);color:#fff;}
.btn-green:hover {background-color:rgb(85,139,47);color:#fff;}
.btn-orange {background-color:rgb(245,124,0);color:#fff;}
.btn-orange:hover {background-color:rgb(239,108,0);color:#fff;}
.btn-blue {background-color:rgb(2,136,209);color:#fff;}
.btn-blue:hover {background-color:rgb(2,119,189);color:#fff;}
.btn-red {background-color:rgb(211,47,47);color:#fff;}
.btn-red:hover {background-color:rgb(198,40,40);color:#fff;}
.btn-yellow {background-color:rgb(251,192,45);color:#000;}
.btn-yellow:hover {background-color:rgb(249,168,37);color:#000;}
.btn-graphite {background-color:rgb(55,64,74);color:#fff;}
.btn-graphite:hover {background-color:rgb(38,50,56);color:#fff;}

.btn-outline-primary {color:var(--bs-primary);border-color:var(--bs-primary);}
.btn-outline-primary:hover {color:#fff;background-color:var(--bs-primary);border-color:var(--bs-primary);}
.btn-outline-green {border-color:var(--bs-green); color:var(--bs-green);}
.btn-outline-green:hover {color:#fff;background-color:var(--bs-green);border-color:var(--bs-green);}

.border-primary {border-color: var(--bs-primary) !important;}
.border-success {border-color: #689f38 !important;}
.border-blue{border-color: #0288d1;}
.border-orange {border-color:#f57c00;}
.border-graphite{border-color: #37404a;}



pre {
  font-family: "BIZ UDゴシック";
  font-zie:12pt;
}

mark{
  padding: 0 .1em;
  background-color: #ffc107;
}

.table thead th {
    vertical-align: top;
}
.table-responsive{width:auto; margin-right:2px;}

@media only screen and (max-width: 720px) {
  .notice {
    font-size:x-small;
  }

  .table-responsive .table {min-width:720px;}
  .table-responsive .m720w {min-width:720px;}

}




.card-deck .card{margin-right: 5px; margin-left: 5px;}
@media (min-width: 576px){
  .card-deck{margin-right: 5px; margin-left: 5px;}
}


@media print{
.table td,
.table th {
    background-color: transparent !important;
}
}