@font-face {
  font-family: YuGo;
  src: local(YuGo-Medium),
    url(/path/to/YuGo-Medium.woff2) format("woff2"),
    url(/path/to/YuGo-Medium.woff) format("woff"),
    url(/path/to/YuGo-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: YuGo;
  src: local(YuGo-Bold),
    url(/path/to/YuGo-Bold.woff2) format("woff2"),
    url(/path/to/YuGo-Bold.woff) format("woff"),
    url(/path/to/YuGo-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}

h1 {
  font-family: a-otf-ud-shin-go-pr6n,sans-serif;
font-weight: 300;
font-style: normal;
  font-size: 26px;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.13px;
}

h2 {
  font-family: a-otf-ud-shin-go-pr6n,sans-serif;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

h3 {
  font-family: a-otf-ud-shin-go-pr6n,sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.04px;
}

big {
  font-family: a-otf-ud-shin-go-pr6n,sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.08px;
}

body {
  font-family: a-otf-ud-shin-go-pr6n,sans-serif;
font-weight: 300;
font-style: normal;
  font-size: 14px;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.11px;
}

caption {
  font-family: a-otf-ud-shin-go-pr6n,sans-serif;
font-style: normal;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.08px;
}

label {
  font-family: a-otf-ud-shin-go-pr6n,sans-serif;
font-style: normal;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #191919;
}


.est-login-input {
    border-radius: 2px;
    border: solid 1px #b2b2b2;
    background-color: #ffffff;
}

.est-check-label {
  font-family: a-otf-ud-shin-go-pr6n,sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}

.est-require-input-label {
    border-radius: 1px;
    background-color: #e2001b;
}

.est-require-input-label-text {
  font-family: a-otf-ud-shin-go-pr6n,sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.est-submit-button {
  font-family: a-otf-ud-shin-go-pr6n,sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #b2b2b2;
    color: #ffffff;
    background-color: #9941D8;
}

.est-login-text {
  font-family: a-otf-ud-shin-go-pr6n,sans-serif;
  font-weight: 300;
  font-style: normal;
    font-size: 14px;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9941D8;
}
.user-edit-label {
  cursor: pointer;
  cursor: hand;
}
.est-delete-submit-button {
  border-radius: 2px;
  background-color: #d94b0e;
}

.est-button {
  border-radius: 2px;
  border: solid 1px #b2b2b2;
  background-color: #ffffff;
}

.flash-success-font {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0dab8f;
}

.flash-success-bg {
  border-radius: 2px;
  background-color: #ceeee8;
}

.flash-fail-font {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #dc143c;
}

.flash-fail-bg {
  border-radius: 2px;
  background-color: #ffc0cb;
}

label {
  display: block;
}

label.required:after {
  margin-left: 1.0em;
  padding: 0px 6px 0px 6px;
  border-radius: 4px;
  font-size: 0.6em;
  color: white;
  background-color: #C44;
  content: "必須";
}

label.select:after {
  margin-left: 1.0em;
  padding: 0px 6px 0px 6px;
  border-radius: 4px;
  font-size: 0.6em;
  color: white;
  background-color: #006400;
  content: "選択";
}

label.choice:after {
  margin-left: 1.0em;
  padding: 0px 6px 0px 6px;
  border-radius: 4px;
  font-size: 0.6em;
  color: white;
  background-color: #00008b;
  content: "任意";
}

.table-wrap {
  overflow-x: scroll;
}
.shift-table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}
.shift-table th,
.shift-table td {
  border: 2px solid #eee;
  padding: 4px 8px;
}

.table-wrap th{
    position: sticky;
    top: 0;
    left: 0;
    background-color: white;
}

.front{
  z-index: 99;
}

.green-font {
  color:#fff;
}