@charset "UTF-8";

:root {
    --primary-color: #008955;
    --primary-color-hover: #15be7e;
    --secondary-color: #F7F7F7;
    --tertiary-color:#0075E5;
    --quaternary-color:#762ED4;
    --link-color:#3b93eb;
    --text-color:#333333;
    --disabled-color:#f8f8f8;
    --bg-color:white;
    --alert-color:#D4442E;
    --alert-color-hover:#f52362;
    --alert-bg-color:#F8D7DA;
    --info-color:#639cbb;
    --info-bg-color:#E3F5FF;
    --head-color:#F7F9FB;
    --border-color:#DDD;
    --table-th-color:#F0F1F1; 
    --scroll-bar:#c5c5c563;
    --scroll-bar-hover:#c5c5c5;
    --white:#fff;
    --input-group-append-color:#F7F9FB; 
    --badge-red:#DD6A64;
    --badge-black:#373737;
    --badge-blue:#4B7FB6;
    --badge-orange:#D6A944;
    --badge-green:#70B2A0;
    --badge-purple:#898AB5;
    --font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb{
  background: var(--scroll-bar);
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover{
  background: var(--scroll-bar-hover);
}
body{
    font-family:var(--font-family);
    font-size: 12px;
    color:var(--text-color);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: var(--bg-color);
    line-height: 1.5;
    overflow: auto;
    min-width: 1280px;
}
a{
  color: var(--text-color);
}
.visually-hidden {
  position: absolute;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

/* focus */
.form-control:not(:read-only):focus,
select:focus{
  border-color: #0075E5!important;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0,83,240,.25);
}
.radio-group input[type="radio"]:focus + span::before {
  border: 1px solid #0075E5;
  box-shadow: 0 0 0 0.2rem rgba(0,83,240,.25);
}
.checkbox-group input[type="checkbox"]:focus + span:before {
  border: 1px solid var(--primary-color);
  box-shadow: 0 0 0 0.2rem rgba(0,83,240,.25);
}
button:focus {
  border: 1px solid #0075E5;
  box-shadow: 0 0 0 0.2rem rgba(0,83,240,.25);
}
a:focus {
  outline: 1px solid #0075E5;
  outline-offset:2px;
  box-shadow: 0 0 0 0.2rem rgba(0,83,240,.25);
}

.none{
  display: none;
}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
label {
  display: inline-block;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
figure {
  margin: 0 0 1rem;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}