@charset "UTF-8";
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.blink {
  -webkit-animation: blink 1s ease-in infinite alternate;
  -moz-animation: blink 1s ease-in infinite alternate;
  animation: blink 1s ease-in infinite alternate;
}
@-webkit-keyframes blink {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@-moz-keyframes blink {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@keyframes blink {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
.ant-modal-confirm-error .ant-modal-confirm-content {
  line-height: 20px !important;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  line-height: 20px !important;
}
.ant-modal-body {
  max-height: 70vh !important;
  overflow-y: auto !important;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}
.ant-modal-body .ant-btn-primary {
  background-color: #4395d4;
}
.table_row {
  line-height: 32px;
}
.api_loading .ant-spin-text {
  font-size: 30px;
  font-weight: 600;
  padding-left: 22px;
  margin-top: 25px !important;
  color: black;
}
.api_processing > div > .ant-spin {
  position: fixed !important;
  top: calc(50% - 65px) !important;
  left: calc(50% - 65px) !important;
  width: 80px !important;
  height: 80px !important;
  z-index: 10000 !important;
  background: rgba(255, 255, 255, 0.7);
  border: 1px rgb(200, 200, 200) solid !important;
  border-radius: 40px !important;
  margin: 25px !important;
}
.api_processing > div > .ant-spin > .logo_wrapper {
  margin-left: -10px !important;
}
.api_processing > div > .ant-spin > .ant-spin-text {
  font-weight: 600;
  color: black;
}
.api_processing > .ant-spin-blur {
  opacity: 1;
}
.api_processing .ant-spin-container::after {
  opacity: 0;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.2s ease;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
html {
  overflow: hidden !important;
}
body {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}
* {
  outline: none !important;
}
* ::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}
* ::-webkit-scrollbar-track {
  background: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: inset 0 0 2px #777 !important;
}
* ::-webkit-scrollbar-thumb {
  background: #ccc !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.fontred {
  color: #d10c1d;
}
.sort {
  background-repeat: no-repeat;
  background-position: center right 3px;
  background-image: url(/img/icon/common/sort.svg);
  background-size: 20px auto;
  cursor: pointer;
}
.sort.asc {
  background-repeat: no-repeat;
  background-position: center right 3px;
  background-image: url(/img/icon/common/sort_asc.svg);
  background-size: 20px auto;
  cursor: pointer;
}
.sort.desc {
  background-repeat: no-repeat;
  background-position: center right 3px;
  background-image: url(/img/icon/common/sort_desc.svg);
  background-size: 20px auto;
  cursor: pointer;
}
.sort_blue {
  background-repeat: no-repeat;
  background-position: center right 3px;
  background-image: url(/img/icon/common/sort_blue.svg);
  background-size: 20px auto;
  cursor: pointer;
}
.expand {
  background-repeat: no-repeat;
  background-position: center right 3px;
  background-image: url(/img/icon/common/expand.svg);
  background-size: 20px auto;
  cursor: pointer;
}
.center_left {
  margin: 0 auto;
  text-align: center;
}
.center_left p {
  display: inline-block;
  text-align: left;
}
.center_left p span.text {
  font-size: 20px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.fullscreen {
  height: 100vh;
  padding-top: 15vh;
  vertical-align: middle;
}
.midashi {
  width: 100%;
  text-align: center;
  font-size: 22px;
  font-weight: 600 !important;
}
.komidashi {
  width: 100%;
  text-align: center;
  font-size: 18px;
}
.small {
  font-size: 12px !important;
}
.caution {
  color: #d10c1d;
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  border-radius: 10px;
  padding: 10px;
  line-height: 20px;
}
.left_caution {
  color: #d10c1d;
  font-weight: 600;
  font-size: 15px;
  text-align: left;
  line-height: 20px;
}
.appeal {
  color: #00a0e9;
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  border-radius: 10px;
  padding: 10px;
}
.caution_small {
  color: #d10c1d;
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  border-radius: 10px;
  padding: 10px;
}
.pdf_margin {
  margin-top: 3000px !important;
}
.frontest {
  z-index: 99999999 !important;
}
.print-page {
  background-color: #fff;
}
.print-page.vertical {
  width: 210mm;
  height: 297mm;
}
.print-page.horizontal {
  width: 297mm;
  height: 210mm;
}
.flash-hide {
  display: none;
}
.print-padding {
  padding: 50px 40px;
}
.document-format {
  width: 100%;
}
.document-format th,
.document-format td {
  padding: 5px;
  border: solid 1px #4daac3;
}
.document-format th {
  background-color: #cbe9f4;
}
.document-format td {
  text-align: center;
}
.wizard-text {
  height: 110px;
  width: 80%;
  background-color: #4b9fe3;
  padding: 20px;
  margin: 10px auto;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.wizard-text div {
  text-align: center;
  color: #fff;
  line-height: 35px;
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 0px;
}
.wizard-text div:after {
  content: "";
  display: block;
  clear: both;
}
#for_top a {
  display: none;
  position: fixed;
  bottom: 0px;
  right: 50px;
  z-index: 3;
}
p.attention {
  font-size: 18px;
  font-weight: 600;
}
img.fadein_out {
  opacity: 0;
  transition: 0.5s;
}
img.fadein_out.show {
  opacity: 1;
  margin-top: 0;
  transition: 0.5s;
}
.scrollin_slow {
  opacity: 1;
  transition: 1s;
}
.theme--light.v-text-field--outline > .v-input__control > .v-input__slot {
  border: 1px solid rgba(0, 0, 0, 0.54);
  padding: 0px;
}
.error--text > .v-input__control > .v-input__slot {
  border-color: #f55a4e !important;
}
.error--text > .v-input__control > .v-input__slot > .v-text-field__slot > input {
  border-color: #f55a4e !important;
  caret-color: #f55a4e !important;
  color: #f55a4e !important;
}
.disconnect_icon {
  width: 100%;
  text-align: center;
  display: block;
}
.disconnect_msg {
  font-size: 14px;
  margin-top: 20px;
  font-weight: 600;
  width: 100%;
  margin-left: 0;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
}
.theme--light.v-text-field--outline:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot:hover {
  border: 1px solid rgba(0, 0, 0, 0.87);
}
.v-text-field--outline .v-label {
  top: 9px;
}
.v-label {
  font-size: 15px;
}
.v-text-field--outline input {
  margin-top: 16px;
}
.v-messages__message {
  font-size: 11px;
}
.v-input > .v-input__control > .v-input__slot {
  margin-bottom: 0px;
  background-color: white !important;
}
.input-center > .v-input > .v-input__control > .v-input__slot > .v-text-field__slot > input {
  text-align: center !important;
  text-indent: 0px;
}
.v-text-field--outline.v-input--is-focused > .v-input__control > .v-input__slot {
  border: 1px solid;
  -webkit-transition: border 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: border 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-text-field.v-text-field--enclosed {
  height: 28px;
}
.v-text-field.v-text-field--enclosed .v-text-field__details {
  margin-bottom: 0px;
  line-height: 16px;
  height: 16px;
  padding: 0px;
}
.v-text-field.v-text-field--enclosed .v-text-field__details .v-messages__message {
  font-size: 13px !important;
}
.v-input__control {
  height: 47px;
}
.v-text-field {
  padding-top: 0px;
  margin-top: 0px;
}
.v-text-field__details {
  height: 23px !important;
  position: absolute;
  top: -20px;
  left: 0px;
  max-width: initial;
  width: 160px;
}
.right-error .v-text-field--enclosed .v-text-field__details {
  left: initial !important;
  right: 0px !important;
}
.right-error.v-text-field__details {
  left: initial !important;
  right: 0px !important;
}
.v-messages.theme--light.error--text {
  border: 1px solid red;
  background-color: white;
  border-radius: 5px;
  padding: 2px 8px !important;
}
.v-text-field__details {
  pointer-events: none;
}
.container {
  max-width: initial;
  padding: initial;
  margin-bottom: 20px;
}
.v-card {
  box-shadow: initial;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.03) !important;
  border-radius: 0px;
  width: 100%;
  margin: 3px 3px 3px 3px;
  overflow: visible;
}
.v-toolbar {
  box-shadow: initial;
  margin: 0px;
  padding: 0;
  width: initial;
}
.divider {
  height: 15px;
}
.search-box .v-text-field--outline > .v-input__control > .v-input__slot {
  height: 30px;
  min-height: 30px;
}
.search-box .v-input__control > .v-input__slot {
  height: 30px;
  min-height: 30px;
}
.search-box input {
  font-weight: 400;
  transition: 0.3s;
  font-size: 16px;
  border-radius: 3px;
  line-height: 28px;
  height: 30px;
  text-indent: 5px;
}
.search-box select {
  font-weight: 400;
  transition: 0.3s;
  font-size: 16px;
  border-radius: 3px;
  line-height: 28px;
  height: 28px;
  text-indent: 5px;
}
.custom-container {
  margin-left: 20px;
  padding-top: 20px;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.width-2 {
  display: inline-block;
  width: 1%;
  margin: 0 0.5% 0 0.5%;
}
.width-3 {
  display: inline-block;
  width: 2%;
  margin: 0 0.5% 0 0.5%;
}
.width-4 {
  display: inline-block;
  width: 3%;
  margin: 0 0.5% 0 0.5%;
}
.width-5 {
  display: inline-block;
  width: 4%;
  margin: 0 0.5% 0 0.5%;
}
.width-6 {
  display: inline-block;
  width: 5%;
  margin: 0 0.5% 0 0.5%;
}
.width-7 {
  display: inline-block;
  width: 6%;
  margin: 0 0.5% 0 0.5%;
}
.width-8 {
  display: inline-block;
  width: 7%;
  margin: 0 0.5% 0 0.5%;
}
.width-9 {
  display: inline-block;
  width: 8%;
  margin: 0 0.5% 0 0.5%;
}
.width-10 {
  display: inline-block;
  width: 9%;
  margin: 0 0.5% 0 0.5%;
}
.width-11 {
  display: inline-block;
  width: 10%;
  margin: 0 0.5% 0 0.5%;
}
.width-12 {
  display: inline-block;
  width: 11%;
  margin: 0 0.5% 0 0.5%;
}
.width-13 {
  display: inline-block;
  width: 12%;
  margin: 0 0.5% 0 0.5%;
}
.width-14 {
  display: inline-block;
  width: 13%;
  margin: 0 0.5% 0 0.5%;
}
.width-15 {
  display: inline-block;
  width: 14%;
  margin: 0 0.5% 0 0.5%;
}
.width-16 {
  display: inline-block;
  width: 15%;
  margin: 0 0.5% 0 0.5%;
}
.width-17 {
  display: inline-block;
  width: 16%;
  margin: 0 0.5% 0 0.5%;
}
.width-18 {
  display: inline-block;
  width: 17%;
  margin: 0 0.5% 0 0.5%;
}
.width-19 {
  display: inline-block;
  width: 18%;
  margin: 0 0.5% 0 0.5%;
}
.width-20 {
  display: inline-block;
  width: 18%;
  margin: 0 1% 0 1%;
}
.width-22 {
  display: inline-block;
  width: 20%;
  margin: 0 1% 0 1%;
}
.width-23 {
  display: inline-block;
  width: 21%;
  margin: 0 1% 0 1%;
}
.width-24 {
  display: inline-block;
  width: 22%;
  margin: 0 1% 0 1%;
}
.width-25 {
  display: inline-block;
  width: 23%;
  margin: 0 1% 0 1%;
}
.width-26 {
  display: inline-block;
  width: 24%;
  margin: 0 1% 0 1%;
}
.width-27 {
  display: inline-block;
  width: 25%;
  margin: 0 1% 0 1%;
}
.width-28 {
  display: inline-block;
  width: 26%;
  margin: 0 1% 0 1%;
}
.width-29 {
  display: inline-block;
  width: 27%;
  margin: 0 1% 0 1%;
}
.width-30 {
  display: inline-block;
  width: 28%;
  margin: 0 1% 0 1%;
}
.width-33 {
  display: inline-block;
  width: 31%;
  margin: 0 1% 0 1%;
}
.width-34 {
  display: inline-block;
  width: 32%;
  margin: 0 1% 0 1%;
}
.width-35 {
  display: inline-block;
  width: 33%;
  margin: 0 1% 0 1%;
}
.width-40 {
  display: inline-block;
  width: 38%;
  margin: 0 1% 0 1%;
}
.width-45 {
  display: inline-block;
  width: 43%;
  margin: 0 1% 0 1%;
}
.width-50 {
  display: inline-block;
  width: 48%;
  margin: 0 1% 0 1%;
}
.width-55 {
  display: inline-block;
  width: 53%;
  margin: 0 1% 0 1%;
}
.width-60 {
  display: inline-block;
  width: 58%;
  margin: 0 1% 0 1%;
}
.width-65 {
  display: inline-block;
  width: 63%;
  margin: 0 1% 0 1%;
}
.width-70 {
  display: inline-block;
  width: 68%;
  margin: 0 1% 0 1%;
}
.width-75 {
  display: inline-block;
  width: 73%;
  margin: 0 1% 0 1%;
}
.width-80 {
  display: inline-block;
  width: 78%;
  margin: 0 1% 0 1%;
}
.width-82 {
  display: inline-block;
  width: 80%;
  margin: 0 1% 0 1%;
}
.width-85 {
  display: inline-block;
  width: 83%;
  margin: 0 1% 0 1%;
}
.width-90 {
  display: inline-block;
  width: 88%;
  margin: 0 1% 0 1%;
}
.width-95 {
  display: inline-block;
  width: 93%;
  margin: 0 1% 0 1%;
}
.width-100 {
  display: inline-block;
  width: 100%;
}
.width-100px {
  width: 100px;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-indent {
  text-indent: 8px;
}
.text-padding {
  padding-left: 8px !important;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.vertical-top {
  vertical-align: top;
}
.vertical-middle {
  vertical-align: middle !important;
}
.font-red {
  color: red;
}
.back-red {
  color: white !important;
  background-color: #d10c1d !important;
}
.font-blue {
  color: blue;
}
.font-green {
  color: green;
}
.font-custom {
  color: #41a437;
}
.bold {
  font-weight: 600;
}
.text-height {
  line-height: 30px;
}
.right-container {
  margin-right: 20px;
}
.absolute-right {
  right: 0px;
  position: absolute;
}
.font-18 {
  font-size: 18px;
}
.bg-error {
  cursor: pointer !important;
  background-color: #fcd4d9;
}
.bg-error:hover {
  background-color: #f6cece;
}
.pager_small {
  margin: 0;
  display: inline-block;
  font-size: 13px !important;
  color: #999999;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}
.mr-0 {
  margin-right: 0px !important;
}
.v-expansion-panel__container {
  background-color: transparent !important;
}
.v-expansion-panel__header {
  padding: 0px;
}
.v-expansion-panel {
  -webkit-box-shadow: initial !important;
  box-shadow: initial !important;
}
.v-expansion-panel__header > :not(.v-expansion-panel__header__icon) {
  flex: initial;
}
.span-height {
  display: inline-block;
  vertical-align: bottom;
}
.n2br {
  white-space: pre-wrap !important;
}
.scroll-flex.component-0 {
  min-width: 1080px;
}
.scroll-flex.component-1 {
  min-width: 1180px;
}
.scroll-flex.component-2 {
  min-width: 1280px;
}
.scroll-flex.component-3 {
  min-width: 1380px;
}
.scroll-flex.component-4 {
  min-width: 1480px;
}
.scroll-flex.component-5 {
  min-width: 1580px;
}
.scroll-flex.component-6 {
  min-width: 1680px;
}
.scroll-flex.component-7 {
  min-width: 1780px;
}
.scroll-flex.component-8 {
  min-width: 1880px;
}
.scroll-flex.component-9 {
  min-width: 1980px;
}
.scroll-flex.component-10 {
  min-width: 2080px;
}
.scroll-flex.component-11 {
  min-width: 2180px;
}
.scroll-flex.component-12 {
  min-width: 2280px;
}
.scroll-flex.component-13 {
  min-width: 2380px;
}
.scroll-flex.component-14 {
  min-width: 2480px;
}
.scroll-flex.component-15 {
  min-width: 2580px;
}
.scroll-flex.component-16 {
  min-width: 2680px;
}
.scroll-flex.component-17 {
  min-width: 2780px;
}
.scroll-flex.component-18 {
  min-width: 2880px;
}
.scroll-flex.component-19 {
  min-width: 2980px;
}
.scroll-flex.component-20 {
  min-width: 3080px;
}
.scroll-flex.component-21 {
  min-width: 3180px;
}
.scroll-flex.component-22 {
  min-width: 3280px;
}
.scroll-flex.component-23 {
  min-width: 3380px;
}
.scroll-flex.component-24 {
  min-width: 3480px;
}
.scroll-flex.component-25 {
  min-width: 3580px;
}
.scroll-flex.component-26 {
  min-width: 3680px;
}
.scroll-flex.component-27 {
  min-width: 3780px;
}
.scroll-flex.component-28 {
  min-width: 3880px;
}
.scroll-flex.component-29 {
  min-width: 3980px;
}
.scroll-flex.component-30 {
  min-width: 4080px;
}
.scroll-flex.component-31 {
  min-width: 4180px;
}
.scroll-flex.component-32 {
  min-width: 4280px;
}
.scroll-flex.component-33 {
  min-width: 4380px;
}
.scroll-flex.component-34 {
  min-width: 4480px;
}
.scroll-flex.component-35 {
  min-width: 4580px;
}
.scroll-flex.component-36 {
  min-width: 4680px;
}
.scroll-flex.component-37 {
  min-width: 4780px;
}
.scroll-flex.component-38 {
  min-width: 4880px;
}
.scroll-flex.component-39 {
  min-width: 4980px;
}
.scroll-flex.component-40 {
  min-width: 5080px;
}
.scroll-flex.component-41 {
  min-width: 5180px;
}
.scroll-flex.component-42 {
  min-width: 5280px;
}
.scroll-flex.component-43 {
  min-width: 5380px;
}
.scroll-flex.component-44 {
  min-width: 5480px;
}
.scroll-flex.component-45 {
  min-width: 5580px;
}
.scroll-flex.component-46 {
  min-width: 5680px;
}
.scroll-flex.component-47 {
  min-width: 5780px;
}
.scroll-flex.component-48 {
  min-width: 5880px;
}
.scroll-flex.component-49 {
  min-width: 5980px;
}
.scroll-flex.component-50 {
  min-width: 6080px;
}
.scroll-flex.component-51 {
  min-width: 6180px;
}
.scroll-flex.component-52 {
  min-width: 6280px;
}
.scroll-flex.component-53 {
  min-width: 6380px;
}
.scroll-flex.component-54 {
  min-width: 6480px;
}
.scroll-flex.component-55 {
  min-width: 6580px;
}
.scroll-flex.component-56 {
  min-width: 6680px;
}
.scroll-flex.component-57 {
  min-width: 6780px;
}
.scroll-flex.component-58 {
  min-width: 6880px;
}
.scroll-flex.component-59 {
  min-width: 6980px;
}
.scroll-flex.component-60 {
  min-width: 7080px;
}
.scroll-flex.component-61 {
  min-width: 7180px;
}
.scroll-flex.component-62 {
  min-width: 7280px;
}
.scroll-flex.component-63 {
  min-width: 7380px;
}
.scroll-flex.component-64 {
  min-width: 7480px;
}
.scroll-flex.component-65 {
  min-width: 7580px;
}
.scroll-flex.component-66 {
  min-width: 7680px;
}
.scroll-flex.component-67 {
  min-width: 7780px;
}
.scroll-flex.component-68 {
  min-width: 7880px;
}
.scroll-flex.component-69 {
  min-width: 7980px;
}
.scroll-flex.component-70 {
  min-width: 8080px;
}
.scroll-flex.component-71 {
  min-width: 8180px;
}
.scroll-flex.component-72 {
  min-width: 8280px;
}
.scroll-flex.component-73 {
  min-width: 8380px;
}
.scroll-flex.component-74 {
  min-width: 8480px;
}
.scroll-flex.component-75 {
  min-width: 8580px;
}
.scroll-flex.component-76 {
  min-width: 8680px;
}
.scroll-flex.component-77 {
  min-width: 8780px;
}
.scroll-flex.component-78 {
  min-width: 8880px;
}
.scroll-flex.component-79 {
  min-width: 8980px;
}
.scroll-flex.component-80 {
  min-width: 9080px;
}
.scroll-flex.component-81 {
  min-width: 9180px;
}
.scroll-flex.component-82 {
  min-width: 9280px;
}
.scroll-flex.component-83 {
  min-width: 9380px;
}
.scroll-flex.component-84 {
  min-width: 9480px;
}
.scroll-flex.component-85 {
  min-width: 9580px;
}
.scroll-flex.component-86 {
  min-width: 9680px;
}
.scroll-flex.component-87 {
  min-width: 9780px;
}
.scroll-flex.component-88 {
  min-width: 9880px;
}
.scroll-flex.component-89 {
  min-width: 9980px;
}
.scroll-flex.component-90 {
  min-width: 10080px;
}
.scroll-flex.component-91 {
  min-width: 10180px;
}
.scroll-flex.component-92 {
  min-width: 10280px;
}
.scroll-flex.component-93 {
  min-width: 10380px;
}
.scroll-flex.component-94 {
  min-width: 10480px;
}
.scroll-flex.component-95 {
  min-width: 10580px;
}
.scroll-flex.component-96 {
  min-width: 10680px;
}
.scroll-flex.component-97 {
  min-width: 10780px;
}
.scroll-flex.component-98 {
  min-width: 10880px;
}
.scroll-flex.component-99 {
  min-width: 10980px;
}
.scroll-flex.component-100 {
  min-width: 11080px;
}
.scroll-flex.component-101 {
  min-width: 11180px;
}
.scroll-flex.component-102 {
  min-width: 11280px;
}
.scroll-flex.component-103 {
  min-width: 11380px;
}
.scroll-flex.component-104 {
  min-width: 11480px;
}
.scroll-flex.component-105 {
  min-width: 11580px;
}
.scroll-flex.component-106 {
  min-width: 11680px;
}
.scroll-flex.component-107 {
  min-width: 11780px;
}
.scroll-flex.component-108 {
  min-width: 11880px;
}
.scroll-flex.component-109 {
  min-width: 11980px;
}
.scroll-flex.component-110 {
  min-width: 12080px;
}
.scroll-flex.component-111 {
  min-width: 12180px;
}
.scroll-flex.component-112 {
  min-width: 12280px;
}
.scroll-flex.component-113 {
  min-width: 12380px;
}
.scroll-flex.component-114 {
  min-width: 12480px;
}
.scroll-flex.component-115 {
  min-width: 12580px;
}
.scroll-flex.component-116 {
  min-width: 12680px;
}
.scroll-flex.component-117 {
  min-width: 12780px;
}
.scroll-flex.component-118 {
  min-width: 12880px;
}
.scroll-flex.component-119 {
  min-width: 12980px;
}
.scroll-flex.component-120 {
  min-width: 13080px;
}
.scroll-flex.component-121 {
  min-width: 13180px;
}
.scroll-flex.component-122 {
  min-width: 13280px;
}
.scroll-flex.component-123 {
  min-width: 13380px;
}
.scroll-flex.component-124 {
  min-width: 13480px;
}
.scroll-flex.component-125 {
  min-width: 13580px;
}
.scroll-flex.component-126 {
  min-width: 13680px;
}
.scroll-flex.component-127 {
  min-width: 13780px;
}
.scroll-flex.component-128 {
  min-width: 13880px;
}
.scroll-flex.component-129 {
  min-width: 13980px;
}
.scroll-flex.component-130 {
  min-width: 14080px;
}
.scroll-flex.component-131 {
  min-width: 14180px;
}
.scroll-flex.component-132 {
  min-width: 14280px;
}
.scroll-flex.component-133 {
  min-width: 14380px;
}
.scroll-flex.component-134 {
  min-width: 14480px;
}
.scroll-flex.component-135 {
  min-width: 14580px;
}
.scroll-flex.component-136 {
  min-width: 14680px;
}
.scroll-flex.component-137 {
  min-width: 14780px;
}
.scroll-flex.component-138 {
  min-width: 14880px;
}
.scroll-flex.component-139 {
  min-width: 14980px;
}
.scroll-flex.component-140 {
  min-width: 15080px;
}
.scroll-flex.component-141 {
  min-width: 15180px;
}
.scroll-flex.component-142 {
  min-width: 15280px;
}
.scroll-flex.component-143 {
  min-width: 15380px;
}
.scroll-flex.component-144 {
  min-width: 15480px;
}
.scroll-flex.component-145 {
  min-width: 15580px;
}
.scroll-flex.component-146 {
  min-width: 15680px;
}
.scroll-flex.component-147 {
  min-width: 15780px;
}
.scroll-flex.component-148 {
  min-width: 15880px;
}
.scroll-flex.component-149 {
  min-width: 15980px;
}
.scroll-flex.component-150 {
  min-width: 16080px;
}
.scroll-flex.component-151 {
  min-width: 16180px;
}
.scroll-flex.component-152 {
  min-width: 16280px;
}
.scroll-flex.component-153 {
  min-width: 16380px;
}
.scroll-flex.component-154 {
  min-width: 16480px;
}
.scroll-flex.component-155 {
  min-width: 16580px;
}
.scroll-flex.component-156 {
  min-width: 16680px;
}
.scroll-flex.component-157 {
  min-width: 16780px;
}
.scroll-flex.component-158 {
  min-width: 16880px;
}
.scroll-flex.component-159 {
  min-width: 16980px;
}
.scroll-flex.component-160 {
  min-width: 17080px;
}
.scroll-flex.component-161 {
  min-width: 17180px;
}
.scroll-flex.component-162 {
  min-width: 17280px;
}
.scroll-flex.component-163 {
  min-width: 17380px;
}
.scroll-flex.component-164 {
  min-width: 17480px;
}
.scroll-flex.component-165 {
  min-width: 17580px;
}
.scroll-flex.component-166 {
  min-width: 17680px;
}
.scroll-flex.component-167 {
  min-width: 17780px;
}
.scroll-flex.component-168 {
  min-width: 17880px;
}
.scroll-flex.component-169 {
  min-width: 17980px;
}
.scroll-flex.component-170 {
  min-width: 18080px;
}
.scroll-flex.component-171 {
  min-width: 18180px;
}
.scroll-flex.component-172 {
  min-width: 18280px;
}
.scroll-flex.component-173 {
  min-width: 18380px;
}
.scroll-flex.component-174 {
  min-width: 18480px;
}
.scroll-flex.component-175 {
  min-width: 18580px;
}
.scroll-flex.component-176 {
  min-width: 18680px;
}
.scroll-flex.component-177 {
  min-width: 18780px;
}
.scroll-flex.component-178 {
  min-width: 18880px;
}
.scroll-flex.component-179 {
  min-width: 18980px;
}
.scroll-flex.component-180 {
  min-width: 19080px;
}
.scroll-flex.component-181 {
  min-width: 19180px;
}
.scroll-flex.component-182 {
  min-width: 19280px;
}
.scroll-flex.component-183 {
  min-width: 19380px;
}
.scroll-flex.component-184 {
  min-width: 19480px;
}
.scroll-flex.component-185 {
  min-width: 19580px;
}
.scroll-flex.component-186 {
  min-width: 19680px;
}
.scroll-flex.component-187 {
  min-width: 19780px;
}
.scroll-flex.component-188 {
  min-width: 19880px;
}
.scroll-flex.component-189 {
  min-width: 19980px;
}
.scroll-flex.component-190 {
  min-width: 20080px;
}
.scroll-flex.component-191 {
  min-width: 20180px;
}
.scroll-flex.component-192 {
  min-width: 20280px;
}
.scroll-flex.component-193 {
  min-width: 20380px;
}
.scroll-flex.component-194 {
  min-width: 20480px;
}
.scroll-flex.component-195 {
  min-width: 20580px;
}
.scroll-flex.component-196 {
  min-width: 20680px;
}
.scroll-flex.component-197 {
  min-width: 20780px;
}
.scroll-flex.component-198 {
  min-width: 20880px;
}
.scroll-flex.component-199 {
  min-width: 20980px;
}
.scroll-super {
  min-width: 2500px;
}
.scroll-pc {
  min-width: 1300px;
}
.scroll-bpc {
  min-width: 1000px;
}
.scroll-spc {
  min-width: 900px;
}
.scroll-tab {
  min-width: 900px;
}
.scroll-stab {
  min-width: 718px;
}
.scroll-bsp {
  min-width: 500px;
}
.scroll-sp {
  min-width: 460px;
}
.scroll-wrap {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
}
.absolute-tab-block-wrap {
  position: absolute;
  right: 20px;
  background-color: #ffffff;
  padding: 20px;
}
.absolute-block-wrap {
  position: absolute;
  right: 0px;
  background-color: #fafafa;
  padding: 20px;
}
.border-left {
  border-left: 1px solid #aaaaaa;
}
.border-right {
  border-right: 1px solid #aaaaaa;
}
.border-bottom {
  border-bottom: 1px solid #aaaaaa;
}
.bit-margin {
  margin-right: 3px !important;
}
.bit-padding-left {
  padding-left: 5px !important;
}
.both-bit-margin {
  margin-left: 3px !important;
  margin-right: 3px !important;
}
.inline-block {
  display: inline-block !important;
}
.display-block {
  display: block !important;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
}
.btn-margin {
  margin-right: 0px;
}
.btn-style {
  margin-right: 3px;
  vertical-align: bottom;
  display: inline-block;
  z-index: 5;
}
.btn-style:last-of-type {
  margin-right: 0px;
}
.btn-four-width {
  min-width: 139px;
}
.btn-two-width {
  min-width: 76px;
}
.btn-one-width {
  min-width: 35px;
}
.row-margin {
  margin-top: 5px !important;
}
.row-padding {
  padding: 0px 1px;
}
.separater {
  margin-top: 35px;
}
.separater-list {
  margin-top: 50px;
}
.separater-each {
  margin-top: 23px !important;
}
.separater-each2 {
  margin-top: 35px !important;
}
.separater-fix {
  margin-top: 20px !important;
}
.separater-fix.block {
  margin-top: 0px !important;
}
.separater-little {
  margin-top: 10px !important;
}
.link {
  color: #4f92c2 !important;
  cursor: pointer !important;
}
.link.dark {
  color: #58faf4 !important;
}
.link:hover {
  opacity: 0.7;
}
.link:active {
  opacity: 0.7;
}
.hatena {
  margin-left: 3px;
  height: 17px;
  line-height: 17px;
}
.hatena:before {
  content: url("/img/main/hatena.svg");
  display: inline-block;
  width: 17px;
  vertical-align: middle;
}
.bikkuri {
  margin-left: 3px;
}
.bikkuri:before {
  content: url("/img/main/bikkuri.svg");
  display: inline-block;
  width: 16px;
  padding-top: 0px;
  vertical-align: middle;
  line-height: 10px;
}
.theme--light.v-stepper {
  background: initial;
}
.v-stepper,
.v-stepper__header {
  -webkit-box-shadow: initial;
  box-shadow: initial;
}
.v-stepper__content {
  padding-top: 0px !important;
}
.error-word {
  font-size: 18px;
  font-weight: 600;
  padding: 5px;
}
.top-span {
  padding-top: 10px !important;
}
table.list-style {
  width: 100%;
}
table.list-style th {
  color: #fff;
  padding: 5px !important;
  border: solid 1px #fff !important;
  font-weight: 600;
}
table.list-style.header-color th {
  color: #ffffff;
  border-bottom: solid 1px #fff;
  font-weight: 600;
  opacity: 0.8;
}
table.list-style td {
  font-weight: 400;
  padding: 2px 5px;
  border-bottom: solid 1px #9b9a9b;
  height: 40px;
}
table.list-style td.text-center {
  padding: 2px 0px;
}
table.list-style td.span {
  padding-top: 5px;
  padding-bottom: 5px;
}
table.list-style td input {
  font-weight: 400;
  transition: 0.3s;
  font-size: 16px;
  border-radius: 3px;
  line-height: 28px;
  height: 28px;
  text-indent: 3px;
}
table.list-style td textarea {
  transition: 0.3s;
  font-size: 16px;
  border-radius: 3px;
  border: 1px solid #999999;
  padding: 3px;
}
table.list-style td input,
table.list-style td textarea {
  background-color: white;
  width: 100%;
}
table.list-style.input td {
  padding: 10px 5px;
}
table.list-style .no-border {
  border-right: none !important;
  border-left: none !important;
}
.table-layout {
  width: 100%;
  display: table;
}
.table-layout > * {
  display: table-cell;
}
.table-layout .btn-two-width {
  min-width: initial;
  width: 76px;
}
.pointer {
  cursor: pointer;
}
.modify-btn {
  width: 50% !important;
}
.big-btn {
  width: 100%;
  height: 50px;
  padding: 15px 0;
  text-align: center;
  font-size: 25px;
  font-weight: 550;
  color: #fff;
  background-color: #1e8ccd;
  opacity: 0.85;
  cursor: pointer;
  border-top: solid 1px #003554;
}
.big-btn:hover {
  opacity: 1;
}
.big-btn.popup-fix {
  position: fixed;
}
.big-btn.cancel-btn {
  background-color: #ffffff;
  color: #000000;
  font-weight: 300;
  border: solid 1px black !important;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
.big-btn.cancel-btn.half {
  border-bottom-right-radius: 0px;
}
.big-btn.round {
  border-radius: 10px !important;
}
.big-btn.thin {
  width: 100%;
  border-radius: 5px;
  height: 40px;
  padding: 10px 0;
  font-size: 20px;
  margin: 30px auto 10px auto;
  border-top: none;
}
.big-btn.thin.half {
  width: 48%;
  margin-right: 2%;
}
.big-btn.thin.continue {
  margin: 10px auto 30px auto;
}
.big-btn.very-thin {
  width: 100%;
  border-radius: 5px;
  height: 30px;
  padding: 5px 0;
  font-size: 18px;
  margin: 20px auto 10px auto;
  border-top: none;
}
.big-btn.very-thin.half {
  width: 48%;
  margin-right: 2%;
}
.big-btn.very-thin.continue {
  margin: 10px auto 30px auto;
}
.attention {
  font-size: 16px;
  font-weight: 600;
}
.custom-btn {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0;
  text-align: center;
  font-size: 20px;
  font-weight: 550;
  color: #fff;
  background-color: #1e8ccd;
  opacity: 0.85;
  margin: 0 auto;
  cursor: pointer;
  border-top: solid 1px #003554;
}
.custom-btn .btn-content {
  font-size: 20px;
  font-weight: 550;
  display: inline-block;
  text-align: left;
}
.custom-btn > img {
  width: 30px;
  margin-bottom: 10px;
}
.custom-btn:hover {
  opacity: 1;
}
.custom-btn.popup-fix {
  position: fixed;
}
.custom-btn.cancel-btn {
  background-color: #ffffff;
  color: #000000;
  font-weight: 300;
  border: solid 1px black !important;
}
.custom-btn.round {
  border-radius: 10px;
}
.custom-btn.thin {
  width: 100%;
  border-radius: 5px;
  height: 40px;
  padding: 10px 0;
  font-size: 20px;
  margin: 30px auto 10px auto;
  border-top: none;
}
.custom-btn.thin.half {
  width: 48%;
  margin-right: 2%;
}
.custom-btn.thin.continue {
  margin: 10px auto 30px auto;
}
.custom-btn.very-thin {
  width: 100%;
  border-radius: 5px;
  height: 30px;
  padding: 5px 0;
  font-size: 18px;
  margin: 20px auto 10px auto;
  border-top: none;
}
.custom-btn.very-thin.half {
  width: 48%;
  margin-right: 2%;
}
.custom-btn.very-thin.continue {
  margin: 10px auto 30px auto;
}
.input-time {
  width: 23px !important;
}
.input-level0 {
  width: 33px !important;
}
.input-level1 {
  width: 50px !important;
}
.input-level1-5 {
  width: 70px !important;
}
.input-level2 {
  width: 80px !important;
}
.input-level3 {
  width: 110px !important;
}
.input-level3-5 {
  width: 130px !important;
}
.input-level3-6 {
  width: 134px !important;
}
.input-level4 {
  width: 140px !important;
}
.input-level5 {
  width: 170px !important;
}
.input-level6 {
  width: 200px !important;
}
.header-text {
  display: inline-block;
  font-size: 18px !important;
  font-weight: 500 !important;
}
.header-text img {
  vertical-align: top;
  height: 25px;
}
.choice {
  margin: 5px;
  width: 100%;
  float: left;
  font-size: 15px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background-color: #333333;
  border-radius: 10px;
  cursor: pointer;
}
.choice.selected {
  background-color: #e36f97 !important;
}
.choice.square {
  border-radius: 0px;
  width: 40px;
}
.choice_text {
  font-size: 15px;
  font-weight: 600;
  margin: 5px;
  line-height: 40px;
}
.drop_down_list {
  z-index: 1000;
  position: absolute;
  display: hidden;
}
.drop_down_option {
  font-size: 10pt;
  line-height: 20px;
  padding: 3px;
  width: 100%;
  background-color: white;
  cursor: pointer;
  z-index: 1000;
  border: 0.2px solid #aaaaaa;
}
.drop_down_option:hover {
  background-color: #dddddd;
}
.check_wrap input[type=checkbox] {
  display: none;
}
.check_wrap input[type=checkbox] + div {
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  width: 16px;
  height: 30px;
  display: inline-block;
}
.check_wrap input[type=checkbox] + div::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #999;
  border-radius: 4px;
  line-height: 16px;
  margin: 7px 0;
}
.check_wrap input[type=checkbox]:checked + div::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #000000;
  border-right: 3px solid #000000;
  line-height: 16px;
}
input[type=radio] {
  display: none;
}
input[type=radio] + span {
  padding-left: 6px;
  position: relative;
  cursor: pointer;
}
input[type=radio] + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #999;
  border-radius: 50%;
}
span.radio_checked {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  background: #000000;
  border-radius: 50%;
}
.popup_window {
  padding: 35px;
  background-color: #fff;
  width: 100%;
  max-height: 70vh !important;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
}
.dont_scroll {
  overflow-scrolling: hidden !important;
  overflow-y: hidden !important;
}
.btn-set {
  width: 189px;
}
.input_1 {
  display: inline-block;
  width: 100%;
  margin: 5px 0 5px 0;
}
.input_2 {
  display: inline-block;
  width: 48%;
  margin: 5px 1% 5px 1%;
}
.input_3 {
  display: inline-block;
  width: 31%;
  margin: 5px 1% 5px 1%;
}
.input_4 {
  display: inline-block;
  width: 23%;
  margin: 5px 1% 5px 1%;
}
.input_7 {
  display: inline-block;
  width: 12.28%;
  margin: 5px 1% 5px 1%;
}
.tab {
  display: block;
  width: 150px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  float: left;
  background-color: #bbbbbb;
  color: white;
  cursor: pointer;
  border-right: solid 0.5px #ffffff;
  border-left: solid 0.5px #ffffff;
}
.tab:hover {
  opacity: 0.8;
}
.tab_active {
  background-color: #ffffff !important;
  color: black;
  border-top: solid 4px #d00d1c;
  cursor: default;
  height: 30px;
  line-height: 23px;
}
.tab_active:hover {
  opacity: 1;
}
.inner_tab {
  margin-top: 50px;
  background-color: #ffffff;
}
.employee_btn {
  width: 30%;
  margin: 5px 1.5%;
  float: left;
  font-size: 17px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  background-color: #333333;
  border-radius: 10px;
}
h2.box-head {
  width: 100%;
  text-align: center;
  border: solid 1px #000;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 10px;
  font-size: 17px;
}
h3.box-head {
  display: inline-block;
  width: 200px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-weight: 600;
  background-color: #555555;
  margin-bottom: 10px;
  font-size: 16px;
}
h3.box-head.long {
  width: 250px;
}
h4.box-head {
  width: 200px;
  text-align: center;
  border: solid 1px #000;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 10px;
  font-size: 17px;
}
.need::after {
  content: "※";
  color: white;
  background-color: #d10c1d;
  padding: 2px;
  font-weight: bold;
  border-radius: 3px;
  margin-left: 3px;
  font-size: 12px;
  vertical-align: 1px;
}
.need:after {
  display: inline;
  content: "※";
  color: white;
  background-color: #d10c1d;
  padding: 2px;
  font-weight: bold;
  border-radius: 3px;
  margin-left: 3px;
  font-size: 12px;
  vertical-align: 1px;
}
.need.english:after {
  content: "※";
  color: red;
  background-color: transparent;
}
table.config-style,
table.employee-style,
table.info-style {
  width: 100%;
}
table.config-style.horizon-row,
table.employee-style.horizon-row,
table.info-style.horizon-row {
  width: 50%;
  float: left;
}
table.config-style th,
table.employee-style th,
table.info-style th {
  color: #000000;
  padding-bottom: 2px;
  margin-bottom: 10px;
  border-bottom: solid 1px #000;
  font-weight: 600;
}
table.config-style.header-color th,
table.employee-style.header-color th,
table.info-style.header-color th {
  color: #ffffff;
  border-bottom: solid 1px #000;
  font-weight: 600;
  opacity: 0.8;
}
table.config-style td,
table.employee-style td,
table.info-style td {
  font-weight: 400;
  padding: 4px 4px 4px 0px;
}
table.config-style td.span,
table.employee-style td.span,
table.info-style td.span {
  padding-bottom: 15px;
}
table.config-style td .together,
table.employee-style td .together,
table.info-style td .together {
  margin-bottom: 0px;
}
table.config-style td input,
table.employee-style td input,
table.info-style td input {
  font-weight: 400;
  transition: 0.3s;
  font-size: 14px;
  border-radius: 3px;
  line-height: 28px;
  height: 28px;
  text-indent: 5px;
}
table.config-style td textarea,
table.employee-style td textarea,
table.info-style td textarea {
  transition: 0.3s;
  font-size: 13px;
  border-radius: 3px;
  border: 1px solid #999999;
  padding: 2px;
}
table.config-style td input,
table.config-style td textarea,
table.employee-style td input,
table.employee-style td textarea,
table.info-style td input,
table.info-style td textarea {
  background-color: white;
  width: 100%;
}
table.employee-style,
table.list-style {
  table-layout: fixed;
}
table.list-style th,
table.config-style th,
table.employee-style th,
table.info-style th {
  font-size: 17px;
}
table.list-style td,
table.config-style td,
table.employee-style td,
table.info-style td {
  font-size: 16px;
}
table.list-style td div,
table.list-style td span,
table.config-style td div,
table.config-style td span,
table.employee-style td div,
table.employee-style td span,
table.info-style td div,
table.info-style td span {
  font-size: 16px;
}
table.info-style td {
  border: solid 1px black;
  padding: 5px 8px;
}
div.bold {
  font-size: 16px;
}
span.kana {
  display: block;
  font-size: 14px;
}
.big {
  font-size: 16px;
}
.morebig {
  font-size: 18px;
}
select {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 10pt;
  background-color: #ffffff;
  color: black;
  display: inline-block;
  line-height: 28px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(/img/main/arrow_pulldown_small.svg);
  background-repeat: no-repeat;
  background-position: center right 1px;
  outline: none;
  text-indent: 10px;
  vertical-align: bottom;
  border-radius: 3px;
  height: 28px;
  width: 100%;
}
.zip-1 {
  width: 75px;
}
.zip-2 {
  width: 90px;
}
.tel-1 {
  width: 90px;
}
.tel-2 {
  width: 90px;
}
.separate_1 {
  margin-top: 0px;
}
.separate_2 {
  margin-top: 50px;
}
.separate_3 {
  margin-top: 50px;
}
.full {
  width: 100%;
}
.content {
  width: 100%;
  max-width: 1440px;
}
.content.clearfix {
  margin: 0 auto;
  flex-grow: 1;
  min-height: calc(100vh - 230px);
}
.content .content_wrap {
  width: 96%;
  min-width: 960px;
  padding: 25px 15px 25px;
  margin: 0 auto;
}
.content .content_wrap .inner-container {
  width: 100%;
  padding: 20px;
  margin: 0 auto;
}
.content .content_wrap .inner-wrap {
  width: 100%;
  padding: 20px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.content .content_wrap .outer-wrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.content .content_wrap .inner-left,
.content .content_wrap .inner-right {
  align-self: stretch;
}
.content .content_wrap .inner-right {
  width: 50%;
  padding-left: 5px;
  display: inline-block;
  vertical-align: top;
}
.content .content_wrap .inner-left {
  width: 50%;
  padding-right: 5px;
  display: inline-block;
  vertical-align: top;
}
.content .content_wrap .inner-center {
  width: 100%;
  margin: 0px auto;
  padding: 0px 12.5%;
  display: inline-block;
  vertical-align: top;
}
.content .content_wrap .inner-block {
  width: 100%;
  padding: 20px;
  display: inline-block;
  vertical-align: top;
  background-color: #f6f6f6;
  height: 100%;
}
.content .content_wrap .inner-block.inner-top {
  height: initial;
}
.content .content_wrap .inner-block.inner-bottom {
  height: initial;
}
.content.document_content {
  background-color: #777777;
  margin: 0;
  max-width: 100%;
  padding: 0px 0;
  margin-top: 10px;
}
.content.document_content #core-view {
  overflow-x: hidden;
  overflow-y: hidden;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}
.system_logo,
.system_title {
  display: inline-block;
  vertical-align: middle;
}
.system_title_login {
  padding-top: 35px;
  font-weight: 800;
  font-size: 11px;
  margin-left: 3px;
  padding-bottom: 15px;
}
.system_img_login {
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 10px;
  height: 40px;
}
.logout_popup {
  background-color: #6fb5d0;
  padding: 50px;
  border-radius: 15px;
  height: initial !important;
}
.system_head_logout {
  width: 100%;
  padding: 5px 0 0 2%;
  margin-bottom: 10px;
}
.system_logo,
.system_title_logout {
  display: inline-block;
  vertical-align: middle;
}
h1.system_title_logout {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-left: 15px;
}
.btn_wrap {
  padding-left: 50%;
  margin-left: -300px;
}
#logoutBtn {
  display: inline-block;
  margin: 40px 5px 0;
  width: 280px;
  height: 50px;
  background-color: #1c5469;
  border: solid 3px #74c0ec;
  border-radius: 10px;
  color: #fff;
  font-size: 18px;
  opacity: 0.8;
}
#logoutBtn:hover {
  opacity: 1;
}
.theme.doc_payment {
  background-color: #9ad1e2 !important;
}
.theme.doc_payment.border {
  background-color: initial;
  border-color: #9ad1e2 !important;
}
.theme.doc_payment.font {
  background-color: initial !important;
  color: #9ad1e2 !important;
}
.theme.info {
  background-color: #cbe9f4 !important;
}
.theme.info.thead {
  background-color: #bee583 !important;
  color: #000000 !important;
}
.theme.info.thead:hover {
  background-color: #a2cd61;
}
.theme.info.border {
  background-color: initial;
  border-color: #cbe9f4 !important;
}
.theme.info.font {
  background-color: initial !important;
  color: #74c4e1 !important;
}
.theme.other {
  background-color: #9b9a9b;
}
.theme.other.thead {
  background-color: #00a0e9;
  color: #ffffff;
}
.theme.other.thead:hover {
  background-color: #0089c4;
}
.theme.other.border {
  background-color: initial;
  border-color: #9b9a9b;
}
.theme.other.font {
  background-color: initial;
  color: #9b9a9b;
}
.theme.shift {
  background-color: #00a0e9;
}
.theme.shift.thead {
  background-color: #81daf5;
  color: #000000;
}
.theme.shift.thead:hover {
  background-color: #01a9db;
}
.theme.shift.border {
  background-color: initial;
  border-color: #00a0e9;
}
.theme.shift.font {
  background-color: initial;
  color: #00a0e9;
}
.theme.attendance {
  background-color: #60b630;
}
.theme.attendance.thead {
  background-color: #bee583;
  color: #000000;
}
.theme.attendance.thead:hover {
  background-color: #a2cd61;
}
.theme.attendance.border {
  background-color: initial;
  border-color: #60b630;
}
.theme.attendance.font {
  background-color: initial;
  color: #60b630;
}
.theme.payment, .theme.bonus {
  background-color: #e0b243;
}
.theme.payment.thead, .theme.bonus.thead {
  background-color: #f5da81;
  color: #000000;
}
.theme.payment.thead:hover, .theme.bonus.thead:hover {
  background-color: #b59a4c;
}
.theme.payment.border, .theme.bonus.border {
  background-color: initial;
  border-color: #e0b243;
}
.theme.payment.font, .theme.bonus.font {
  background-color: initial;
  color: #e0b243;
}
.theme.punch {
  background-color: #60b630;
}
.theme.aggregation {
  background-color: #ee751b;
}
.theme.notification {
  background-color: #ee751b;
}
.theme.document {
  background-color: #e36f97;
}
.line_header {
  width: 100%;
  height: 10px;
}
.transition {
  transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}
li.transition {
  width: 85px;
  margin: 0 1%;
}
a {
  cursor: pointer;
  text-decoration: none;
}
ul,
ol {
  list-style: none;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.only_under_tab {
  display: none !important;
}

/*テーブル*/
table.btn-one-table {
  table-layout: fixed;
}
table.btn-one-table th:last-of-type {
  width: 40px;
}
table.btn-two-table {
  table-layout: fixed;
}
table.btn-two-table th:last-of-type {
  width: 76px;
}
table.btn-two-one-table th:last-of-type {
  width: 40px;
}
table.btn-two-one-table th:nth-last-of-type(2) {
  width: 76px;
}
.input-time {
  width: 24px !important;
}
.scroll-flex-wrap {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}
.absolute-right-1 {
  position: absolute;
  right: 0px;
}
.absolute-right-2 {
  position: absolute;
  right: 70px;
}
.absolute-tab-right-1 {
  position: absolute;
  right: 20px;
  margin-right: 0px !important;
}
.absolute-tab-right-2 {
  position: absolute;
  right: 84px;
}
.absolute-tab-block-right-2 {
  margin-right: 9px;
}
.absolute-block-right-2 {
  margin-right: 9px;
}
.btn,
.drop_container {
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  cursor: pointer;
  color: #ffffff;
}
.btn img,
.drop_container img {
  width: 15px;
  margin: 0 4px;
  margin-right: 6px;
}
.btn.custom-btn img,
.drop_container.custom-btn img {
  width: 30px;
  margin: 0 4px;
  margin-right: 6px;
  vertical-align: middle;
}
.btn.custom-btn div,
.drop_container.custom-btn div {
  vertical-align: middle;
}
.btn.btn:hover,
.drop_container.btn:hover {
  opacity: 0.8;
}
.btn.disabled:hover,
.drop_container.disabled:hover {
  opacity: 1;
}
.btn.cancel,
.drop_container.cancel {
  background-color: #ffffff;
  color: #000000;
}
.btn.exec,
.drop_container.exec {
  background-color: #43b3de;
}
.btn.edit,
.drop_container.edit {
  background-color: #41a437;
}
.btn.delete,
.drop_container.delete {
  background-color: #fa5858;
}
.btn.lock,
.drop_container.lock {
  background-color: #fa5858;
}
.btn.unlock,
.drop_container.unlock {
  background-color: #000000;
}
.btn.download,
.drop_container.download {
  background-color: #45deff;
}
.btn.order,
.drop_container.order {
  background-color: #4062df;
}
.btn.add,
.drop_container.add {
  background-color: #00a0e9;
}
.btn.disabled,
.drop_container.disabled {
  background-color: #d0d0d0 !important;
  cursor: default !important;
}
.btn.lock,
.drop_container.lock {
  border-color: #f7fe2e !important;
}
.fat {
  height: 35px;
  line-height: 35px;
}
.fat img {
  padding-bottom: 10px;
}
.short {
  width: 30px;
}
.short img {
  margin-right: 1px;
  margin-left: 2px;
}
.long {
  width: 129px;
}
.semilong {
  width: 90px;
}
.normal-long {
  width: 60px;
}
.normal-long img {
  margin-right: 2px;
  margin-left: 2px;
}
.normal-long.cancel {
  line-height: 28px !important;
  margin-right: 8px;
}
.normal-long.cancel img {
  padding-bottom: 6px !important;
}
@keyframes show {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes hide {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
.drop_container {
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  cursor: pointer;
  color: #ffffff;
  position: relative;
  float: left;
  cursor: pointer;
}
.drop_container:hover.info {
  background-color: #1ee8ff !important;
}
.drop_container:hover.add {
  background-color: #4cc9ff !important;
}
.drop_container:hover ul {
  animation: show 0.1s linear 0s;
  display: block;
  opacity: 1;
}
.drop_container ul {
  z-index: 100;
  display: none;
  position: absolute;
}
.drop_container ul li {
  margin: 0px;
  border: solid #fff 1px !important;
}
.drop_container ul li:hover {
  opacity: 1 !important;
}
.drop_container ul li:hover.delete {
  background-color: #fb8888 !important;
}
.drop_container ul li:hover.black {
  background-color: #333333 !important;
}
.drop_container ul li:hover.info {
  background-color: #1ee8ff !important;
}
.drop_container ul li:hover.info.disabled {
  background-color: #d0d0d0 !important;
}
.drop_container ul li:hover.add {
  background-color: #4cc9ff !important;
}
.drop_container ul li:hover.add.disabled {
  background-color: #d0d0d0 !important;
}
.separater-below {
  margin-top: 40px;
}
.payment_document.document_wrap {
  margin: 0 auto;
  background-color: white;
  height: 954px;
  width: 1350px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.payment_document.document_wrap .document_detail {
  height: 954px;
  width: 1350px;
  padding: 40px 30px;
  height: 0;
  background-color: #fff;
}
.payment_document .doc_title {
  display: inline-block;
  text-align: center;
  width: 310px;
  line-height: 35px;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  background-color: #9ad1e2;
  margin-bottom: 2px;
}
.payment_document .doc_head {
  width: 100%;
}
.payment_document .doc_head td {
  padding: 3px 0px;
}
.payment_document .doc_head .company_name td {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 3px;
}
.payment_document .doc_head .employee_info td {
  width: 200px;
  font-size: 17px;
}
.payment_document .doc_head .employee_info td .badge {
  vertical-align: middle;
  display: inline-block;
  padding: 0px 12px;
  background-color: #dddddd;
  text-align: center;
  font-size: 12px;
  line-height: 22px;
  margin-right: 5px;
  margin-bottom: 2px;
}
.payment_document .doc_body {
  border-top: solid 3px #9ad1e2;
  padding: 7px 0 0 0;
}
.payment_document .doc_body div.left_side, .payment_document .doc_body div.center_side, .payment_document .doc_body div.right_side {
  vertical-align: top;
  display: inline-block;
  width: 24.55%;
}
.payment_document .doc_body div.left_side.left_side, .payment_document .doc_body div.center_side.left_side, .payment_document .doc_body div.right_side.left_side {
  margin-right: 0.3%;
}
.payment_document .doc_body div.left_side.right_side, .payment_document .doc_body div.center_side.right_side, .payment_document .doc_body div.right_side.right_side {
  margin-left: 0.3%;
}
.payment_document .doc_body div.left_side.center_side, .payment_document .doc_body div.center_side.center_side, .payment_document .doc_body div.right_side.center_side {
  margin-right: 0.3%;
  margin-left: 0.3%;
}
.payment_document .doc_body table {
  table-layout: fixed;
  width: 100%;
}
.payment_document .doc_body table tr {
  position: relative;
  left: 1px;
}
.payment_document .doc_body table th,
.payment_document .doc_body table td {
  z-index: -1;
  height: 31px;
  vertical-align: middle;
  border: solid 1px #4daac3;
}
.payment_document .doc_body table th {
  background-color: #cbe9f4;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  line-height: 30px;
  -moz-text-align-last: justify;
  text-align-last: justify;
  text-justify: inter-ideograph;
  padding: 0 40px;
}
.payment_document .doc_body table td {
  padding: 0 4px;
  font-size: 16px;
}
.payment_document .doc_body table td.edit {
  padding: 0;
}
.payment_document .doc_body table td:first-of-type {
  background-color: #cbe9f4;
}
.payment_document .doc_body table tbody td:last-of-type {
  text-align: right;
}
.payment_document .doc_body table tfoot td:first-of-type {
  font-weight: 600;
  padding: 0 25px;
  -moz-text-align-last: justify;
  text-align-last: justify;
  text-justify: inter-ideograph;
}
.payment_document .doc_bottom {
  padding: 5px;
  margin-top: 1%;
  width: 100%;
  height: 80px;
  border: solid 1px #000;
}
.boxhead {
  width: 220px;
  color: #fff;
  line-height: 30px;
  background-color: #555;
  font-size: 16px;
  text-align: center;
}
.boxsubhead {
  width: 220px;
  color: black;
  line-height: 28px;
  border: solid 1px black;
  font-size: 16px;
  text-align: center;
}
.boxhead,
.boxsubhead {
  display: inline-block;
}
.underbox {
  margin-top: 10px !important;
}
@media screen and (max-width: 959px) {
.attention {
    font-size: 13px;
}
.show_tab {
    display: block !important;
}
.only_under_tab {
    display: block !important;
}
.hide_under_tab {
    display: none !important;
}
.inner-block {
    padding: 0px !important;
    background-color: initial !important;
}
.custom-container {
    margin-left: 10px;
    padding-top: 10px;
}
.wizard-text {
    width: 90%;
    height: 40px;
    background-color: #4b9fe3;
    padding: 0px;
    margin: 2px auto;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.wizard-text div {
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0px;
}
.wizard-text div:after {
    content: "";
    display: block;
    clear: both;
}
.tab-width-2 {
    display: inline-block;
    width: 1%;
    margin: 0 0.5% 0 0.5%;
}
.tab-width-3 {
    display: inline-block;
    width: 2%;
    margin: 0 0.5% 0 0.5%;
}
.tab-width-5 {
    display: inline-block;
    width: 4%;
    margin: 0 0.5% 0 0.5%;
}
.tab-width-6 {
    display: inline-block;
    width: 5%;
    margin: 0 0.5% 0 0.5%;
}
.tab-width-7 {
    display: inline-block;
    width: 6%;
    margin: 0 0.5% 0 0.5%;
}
.tab-width-8 {
    display: inline-block;
    width: 7%;
    margin: 0 0.5% 0 0.5%;
}
.tab-width-9 {
    display: inline-block;
    width: 8%;
    margin: 0 0.5% 0 0.5%;
}
.tab-width-10 {
    display: inline-block;
    width: 9%;
    margin: 0 0.5% 0 0.5%;
}
.tab-width-12 {
    display: inline-block;
    width: 11%;
    margin: 0 0.5% 0 0.5%;
}
.tab-width-14 {
    display: inline-block;
    width: 13%;
    margin: 0 0.5% 0 0.5%;
}
.tab-width-15 {
    display: inline-block;
    width: 14%;
    margin: 0 0.5% 0 0.5%;
}
.tab-width-16 {
    display: inline-block;
    width: 15%;
    margin: 0 0.5% 0 0.5%;
}
.tab-width-20 {
    display: inline-block;
    width: 18%;
    margin: 0 1% 0 1%;
}
.tab-width-21 {
    display: inline-block;
    width: 19%;
    margin: 0 1% 0 1%;
}
.tab-width-22 {
    display: inline-block;
    width: 20%;
    margin: 0 1% 0 1%;
}
.tab-width-25 {
    display: inline-block;
    width: 23%;
    margin: 0 1% 0 1%;
}
.tab-width-28 {
    display: inline-block;
    width: 26%;
    margin: 0 1% 0 1%;
}
.tab-width-30 {
    display: inline-block;
    width: 28%;
    margin: 0 1% 0 1%;
}
.width-33 {
    display: inline-block;
    width: 31%;
    margin: 0 1% 0 1%;
}
.tab-width-35 {
    display: inline-block;
    width: 33%;
    margin: 0 1% 0 1%;
}
.tab-width-40 {
    display: inline-block;
    width: 38%;
    margin: 0 1% 0 1%;
}
.tab-width-45 {
    display: inline-block;
    width: 43%;
    margin: 0 1% 0 1%;
}
.tab-width-50 {
    display: inline-block;
    width: 48%;
    margin: 0 1% 0 1%;
}
.tab-width-55 {
    display: inline-block;
    width: 53%;
    margin: 0 1% 0 1%;
}
.tab-width-60 {
    display: inline-block;
    width: 58%;
    margin: 0 1% 0 1%;
}
.tab-width-65 {
    display: inline-block;
    width: 63%;
    margin: 0 1% 0 1%;
}
.tab-width-70 {
    display: inline-block;
    width: 68%;
    margin: 0 1% 0 1%;
}
.tab-width-75 {
    display: inline-block;
    width: 73%;
    margin: 0 1% 0 1%;
}
.tab-width-80 {
    display: inline-block;
    width: 78%;
    margin: 0 1% 0 1%;
}
.tab-width-85 {
    display: inline-block;
    width: 83%;
    margin: 0 1% 0 1%;
}
.tab-width-90 {
    display: inline-block;
    width: 88%;
    margin: 0 1% 0 1%;
}
.tab-width-95 {
    display: inline-block;
    width: 93%;
    margin: 0 1% 0 1%;
}
.tab-width-100 {
    display: inline-block;
    width: 98%;
    margin: 0 1% 0 1%;
}
.tab-text-right {
    text-align: right;
}
.tab-text-center {
    text-align: center;
}
.tab-text-left {
    text-align: left;
}
.hide_tab {
    display: none !important;
}
.right-container {
    margin-right: 10px;
}
.disp_tab_inline {
    display: inline-block !important;
}
.separater-each {
    margin-top: 10px !important;
}
.separater-each2 {
    margin-top: 15px !important;
}
.big-btn {
    padding: 7px 0;
    font-size: 20px;
    height: 50px;
}
.separater-fix {
    margin-top: 20px !important;
}
.separater-fix.block {
    margin-top: 20px !important;
}
.choice {
    margin: 5px;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
}
.choice.square {
    border-radius: 0px;
    width: 35px;
}
.choice_text {
    line-height: 35px;
}
.popup_window {
    padding: 15px;
    padding-bottom: 20px;
    background-color: #fff;
}
.btn-set {
    width: 129px;
}
.tab {
    width: 96px;
}
.inner_tab {
    margin-top: 42px;
}
.separater-list {
    margin-top: 10px;
}
.absolute-tab-block-wrap {
    padding: 0px !important;
    position: absolute;
    background-color: transparent;
    right: 10px;
}
.absolute-block-wrap {
    padding: 0px !important;
    position: absolute;
    background-color: transparent;
}
.system_title_login {
    display: none !important;
}
.logout_popup {
    background-color: #6fb5d0;
    padding: 15px;
    border-radius: 15px;
}
.system_head_logout {
    width: 100%;
    padding: 5px 0 0 2%;
    margin-bottom: 10px;
}
.system_logo,
  .system_title_logout {
    display: inline-block;
    vertical-align: middle;
}
h1.system_title_logout {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    margin-left: 10px;
}
.btn_wrap {
    padding-left: 0;
    margin-left: 0;
}
#logoutBtn {
    display: inline-block;
    margin: 10px auto;
    width: 100%;
    height: 50px;
    background-color: #1c5469;
    border: solid 3px #74c0ec;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    opacity: 0.8;
}
#logoutBtn:hover {
    opacity: 1;
}
.separate_1 {
    margin-top: 35px;
}
.separate_2 {
    margin-top: 0px;
}
.separate_3 {
    margin-top: 35px;
}
.separater-below {
    margin-top: 40px;
}
.content {
    margin-top: 40px;
}
.content.clearfix {
    min-height: calc(100vh - 50px);
}
.content .content_wrap {
    width: 96%;
    min-width: 0;
    padding: 50px 0 0;
    margin: 2% auto;
}
.content .content_wrap .inner-wrap,
  .content .content_wrap .inner-container {
    width: 100%;
    padding: 10px 10px 20px;
    margin: 0 auto;
}
.content .content_wrap .outer-wrap {
    width: 100%;
    padding: 0px;
    margin: 0 auto;
}
.content .content_wrap .inner-right {
    width: 100%;
    padding: 0px;
}
.content .content_wrap .inner-left {
    width: 100%;
    padding: 0px;
}
.content .content_wrap .inner-center {
    width: 100%;
    padding: 0px;
}
.content .content_wrap .border-left {
    border-left: none;
}
.content .content_wrap .border-right {
    border-right: none;
}
.content .content_wrap .border-bottom {
    border-bottom: none;
}
.btn-two-width {
    min-width: 69px !important;
}
.btn-four-width {
    min-width: 131px;
}
.btn-style {
    margin-right: 1px;
}
.btn-style:last-of-type {
    margin-right: 0px !important;
}
.table-layout .btn-two-width {
    min-width: initial;
    width: 69px;
}
table.list-style {
    width: 100%;
}
table.list-style th {
    font-size: 14px;
    padding: 4px;
}
table.list-style td {
    font-size: 13px;
    padding: 2px 4px;
}
.inner-left dt,
  .inner-right dt,
  .inner-center dt,
  .inner-wrap dt,
  .outer-wrap dt,
  .inner-container dt {
    color: #000000;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px #000;
}
.inner-left dt div,
  .inner-right dt div,
  .inner-center dt div,
  .inner-wrap dt div,
  .outer-wrap dt div,
  .inner-container dt div {
    font-weight: 600;
    font-size: 14px;
}
.inner-left dd,
  .inner-right dd,
  .inner-center dd,
  .inner-wrap dd,
  .outer-wrap dd,
  .inner-container dd {
    margin-bottom: 25px;
}
.inner-left dd .input_wrap,
  .inner-right dd .input_wrap,
  .inner-center dd .input_wrap,
  .inner-wrap dd .input_wrap,
  .outer-wrap dd .input_wrap,
  .inner-container dd .input_wrap {
    width: 100%;
    position: relative;
    padding: 6px 4px 4px;
    margin: 0 0 0px;
}
.inner-left dd .input_wrap input,
  .inner-left dd .input_wrap select,
  .inner-right dd .input_wrap input,
  .inner-right dd .input_wrap select,
  .inner-center dd .input_wrap input,
  .inner-center dd .input_wrap select,
  .inner-wrap dd .input_wrap input,
  .inner-wrap dd .input_wrap select,
  .outer-wrap dd .input_wrap input,
  .outer-wrap dd .input_wrap select,
  .inner-container dd .input_wrap input,
  .inner-container dd .input_wrap select {
    font-size: 13px;
}
.inner-left dd .input_wrap input,
  .inner-left dd .input_wrap textarea,
  .inner-right dd .input_wrap input,
  .inner-right dd .input_wrap textarea,
  .inner-center dd .input_wrap input,
  .inner-center dd .input_wrap textarea,
  .inner-wrap dd .input_wrap input,
  .inner-wrap dd .input_wrap textarea,
  .outer-wrap dd .input_wrap input,
  .outer-wrap dd .input_wrap textarea,
  .inner-container dd .input_wrap input,
  .inner-container dd .input_wrap textarea {
    background-color: white;
}
.inner-left span.kana,
  .inner-right span.kana,
  .inner-center span.kana,
  .inner-wrap span.kana,
  .outer-wrap span.kana,
  .inner-container span.kana {
    display: block;
    font-size: 11px;
}
p.big {
    font-size: 14px;
}
p.morebig {
    font-size: 15px;
}
table.list-style.horizon-row,
  table.config-style.horizon-row,
  table.employee-style.horizon-row {
    width: 100%;
}
table.list-style.horizon-row:last-of-type,
  table.config-style.horizon-row:last-of-type,
  table.employee-style.horizon-row:last-of-type {
    margin-top: 10px;
}
table.list-style th,
  table.config-style th,
  table.employee-style th {
    font-size: 16px;
}
table.list-style td,
  table.config-style td,
  table.employee-style td {
    font-size: 15px;
}
table.list-style td div,
  table.list-style td span,
  table.config-style td div,
  table.config-style td span,
  table.employee-style td div,
  table.employee-style td span {
    font-size: 15px;
}
div.bold {
    font-size: 15px;
}
.scroll-tab-wrap {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
}
  /*テーブル*/
table.btn-one-table th:last-of-type {
    width: 37px;
}
table.btn-two-table {
    table-layout: fixed;
}
table.btn-two-table th:last-of-type {
    width: 69px;
}
table.btn-two-one-table th:last-of-type {
    width: 37px;
}
table.btn-two-one-table th:nth-last-of-type(2) {
    width: 69px;
}
.btn.normal-long:first-of-type {
    margin-right: 5px;
}
.absolute-right-1 {
    right: 0px;
    top: 90px;
}
.absolute-right-2 {
    right: 67px;
    top: 90px;
}
.absolute-tab-right-1 {
    right: 8px;
}
.absolute-tab-right-2 {
    right: 75px;
}
.absolute-tab-block-right-2 {
    margin-right: 5px !important;
}
.absolute-block-right-2 {
    margin-right: 5px !important;
}
.short {
    width: 30px;
}
.short img {
    margin-right: 1px;
    margin-left: 2px;
}
.normal-long {
    width: 62px;
}
.normal-long img {
    margin-right: 0px;
    margin-left: 0px;
}
}
@media screen and (max-width: 499px) {
.ant-modal-body .ant-modal-confirm-title {
    font-size: 15px !important;
}
.caution {
    font-size: 12px;
    padding: 5px;
    line-height: 15px;
}
.left_caution {
    font-size: 12px;
    line-height: 15px;
}
::-webkit-scrollbar {
    display: none !important;
}
.sp_fix_content {
    width: 100%;
    height: calc(100% - 99px);
    position: fixed;
    bottom: 0;
    left: 0;
    margin-top: 50px;
    padding-bottom: 10px;
    margin-bottom: 49px;
    background-color: #f9f9f9;
    padding: 2% 2% 0;
    overflow-y: auto;
    overflow-x: hidden;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}
.sp_fix_content .scroll_wrap {
    max-height: calc(100vh - 182px);
    overflow-y: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}
.attention {
    font-size: 11px;
}
.page_title {
    width: 100%;
    height: 35px;
    vertical-align: middle;
}
.content.document_content {
    background-color: white;
    margin-top: 0px;
}
.content .content_wrap {
    margin-top: 50px;
    padding: 2% 0 55px;
}
.content.clearfix {
    min-height: calc(100vh - 37px);
}
.v-text-field__details {
    display: none !important;
}
.show_sp {
    display: block !important;
}
.small {
    font-size: 10px;
}
.sp-width-3 {
    display: inline-block;
    width: 2%;
    margin: 0 0.5% 0 0.5%;
}
.sp-width-4 {
    display: inline-block;
    width: 3%;
    margin: 0 0.5% 0 0.5%;
}
.sp-width-5 {
    display: inline-block;
    width: 4%;
    margin: 0 0.5% 0 0.5%;
}
.sp-width-2 {
    display: inline-block;
    width: 1%;
    margin: 0 0.5% 0 0.5%;
}
.sp-width-8 {
    display: inline-block;
    width: 7%;
    margin: 0 0.5% 0 0.5%;
}
.sp-width-9 {
    display: inline-block;
    width: 8%;
    margin: 0 0.5% 0 0.5%;
}
.sp-width-10 {
    display: inline-block;
    width: 9%;
    margin: 0 0.5% 0 0.5%;
}
.sp-width-12 {
    display: inline-block;
    width: 11%;
    margin: 0 0.5% 0 0.5%;
}
.sp-width-15 {
    display: inline-block;
    width: 14%;
    margin: 0 0.5% 0 0.5%;
}
.sp-width-16 {
    display: inline-block;
    width: 15%;
    margin: 0 0.5% 0 0.5%;
}
.sp-width-19 {
    display: inline-block;
    width: 17%;
    margin: 0 1% 0 1%;
}
.sp-width-20 {
    display: inline-block;
    width: 18%;
    margin: 0 1% 0 1%;
}
.sp-width-22 {
    display: inline-block;
    width: 20%;
    margin: 0 1% 0 1%;
}
.sp-width-25 {
    display: inline-block;
    width: 23%;
    margin: 0 1% 0 1%;
}
.sp-width-30 {
    display: inline-block;
    width: 28%;
    margin: 0 1% 0 1%;
}
.sp-width-33 {
    display: inline-block;
    width: 31%;
    margin: 0 1% 0 1%;
}
.sp-width-35 {
    display: inline-block;
    width: 33%;
    margin: 0 1% 0 1%;
}
.sp-width-40 {
    display: inline-block;
    width: 38%;
    margin: 0 1% 0 1%;
}
.sp-width-45 {
    display: inline-block;
    width: 43%;
    margin: 0 1% 0 1%;
}
.sp-width-50 {
    display: inline-block;
    width: 48%;
    margin: 0 1% 0 1%;
}
.sp-width-55 {
    display: inline-block;
    width: 53%;
    margin: 0 1% 0 1%;
}
.sp-width-60 {
    display: inline-block;
    width: 58%;
    margin: 0 1% 0 1%;
}
.sp-width-65 {
    display: inline-block;
    width: 63%;
    margin: 0 1% 0 1%;
}
.sp-width-68 {
    display: inline-block;
    width: 66%;
    margin: 0 1% 0 1%;
}
.sp-width-70 {
    display: inline-block;
    width: 68%;
    margin: 0 1% 0 1%;
}
.sp-width-75 {
    display: inline-block;
    width: 73%;
    margin: 0 1% 0 1%;
}
.sp-width-80 {
    display: inline-block;
    width: 78%;
    margin: 0 1% 0 1%;
}
.sp-width-85 {
    display: inline-block;
    width: 83%;
    margin: 0 1% 0 1%;
}
.sp-width-90 {
    display: inline-block;
    width: 88%;
    margin: 0 1% 0 1%;
}
.sp-width-95 {
    display: inline-block;
    width: 93%;
    margin: 0 1% 0 1%;
}
.sp-width-100 {
    display: inline-block;
    width: 98%;
    margin: 0 1% 0 1%;
}
.sp-text-right {
    text-align: right;
}
.sp-text-center {
    text-align: center;
}
.sp-text-left {
    text-align: left;
}
.hide_sp {
    display: none !important;
}
.hide_under_tab {
    display: none !important;
}
.only_under_tab {
    display: block !important;
}
.disp_sp_inline {
    display: inline-block !important;
}
.header-text {
    font-size: 15px !important;
}
.header-text img {
    vertical-align: top;
    height: 20px;
}
.text-height {
    line-height: 25px;
}
.text-height-30 {
    line-height: 30px !important;
}
.search-box .v-text-field--outline > .v-input__control > .v-input__slot {
    height: 25px;
    min-height: 25px;
}
.search-box .v-input__control > .v-input__slot {
    height: 25px;
    min-height: 25px;
}
.search-box input {
    line-height: 23px;
    height: 25px;
    text-indent: 3px;
}
.search-box select {
    line-height: 23px;
    height: 23px;
    text-indent: 3px;
}
.separater-fix {
    margin-top: 8px !important;
}
.need::after {
    content: "※";
    background-color: #d10c1d;
    padding: 1.5px;
    font-size: 11px;
}
.error-word {
    font-size: 16px;
}
.v-stepper--alt-labels .v-stepper__header .v-divider {
    display: none;
}
.v-stepper__step {
    padding: 10px 0 0 0;
    flex-basis: 38px !important;
}
.v-stepper__content {
    padding: 0px;
}
.big-btn {
    padding: 4px 0;
    font-size: 15px;
    height: 40px;
}
.choice {
    margin: 4px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
}
.choice.square {
    border-radius: 0px;
    width: 30px;
}
.choice_text {
    line-height: 30px;
}
.popup_window {
    max-height: 70vh !important;
    padding: 10px;
    padding-bottom: 20px;
}
.btn-set {
    width: 89px;
}
.btn-four-width {
    min-width: 104px;
}
.btn-two-width {
    min-width: 54px !important;
}
.btn-style {
    margin-right: 1px;
}
.btn-style:last-of-type {
    margin-right: 0px !important;
}
.table-layout .btn-two-width {
    min-width: initial;
    width: 54px;
}
.tab {
    height: 25px;
    font-size: 10px;
    line-height: 25px;
    font-weight: 500;
}
.tab.tab5 {
    width: 20%;
}
.tab.tab4 {
    width: 25%;
}
.inner_tab {
    margin-top: 35px;
}
.tab_active {
    border-top: solid 3px #d00d1c;
    height: 25px;
    line-height: 20px;
}
#logoutBtn {
    margin: 5px auto;
    height: 40px;
    line-height: 30px;
    font-size: 15px;
}
table.list-style th {
    font-size: 12px;
}
table.list-style td {
    font-size: 11px;
    padding: 1px 1px 1px 0px;
}
table.config-style th,
  table.employee-style th {
    color: #000000;
    padding-bottom: 0px;
    margin-bottom: 10px;
    border-bottom: solid 1px #000;
    font-weight: 600;
    font-size: 14px;
}
table.config-style td,
  table.employee-style td {
    font-size: 14px;
    font-weight: 400;
    padding: 3px 2px 3px 0px;
}
table.config-style td.vertical,
  table.employee-style td.vertical {
    display: block;
    width: 100%;
    position: relative;
}
table.config-style td select,
  table.config-style td input,
  table.employee-style td select,
  table.employee-style td input {
    height: 28px !important;
    line-height: 28px !important;
    text-indent: 5px !important;
    font-size: 16px;
}
table.config-style .input_size,
  table.employee-style .input_size {
    font-size: 16px;
}
table.config-style span.kana,
  table.employee-style span.kana {
    display: block;
    font-size: 11px;
}
p.big {
    font-size: 13px;
}
h2.box-head,
  h3.box-head,
  h4.box-head {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 10px;
    font-weight: 600;
    clear: both;
}
h3.box-head,
  h4.box-head {
    width: 180px;
}
h3.box-head.long,
  h4.box-head.long {
    width: 220px;
}
table.list-style th,
  table.config-style th,
  table.employee-style th {
    font-size: 14px;
}
table.list-style td,
  table.config-style td,
  table.employee-style td {
    font-size: 13px;
}
table.list-style td div,
  table.list-style td span,
  table.config-style td div,
  table.config-style td span,
  table.employee-style td div,
  table.employee-style td span {
    font-size: 13px;
}
div.bold {
    font-size: 13px;
}
.scroll-sp-wrap {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}
.bit-margin {
    margin-right: 1px !important;
}
.bit-padding-left {
    padding-left: 3px !important;
}
.both-bit-margin {
    margin-left: 1px !important;
    margin-right: 1px !important;
}
  /*テーブル*/
table.btn-one-table th:last-of-type {
    width: 25px;
}
table.btn-two-table {
    table-layout: fixed;
}
table.btn-two-table th:last-of-type {
    width: 54px;
}
table.btn-two-one-table th:last-of-type {
    width: 25px;
}
table.btn-two-one-table th:nth-last-of-type(2) {
    width: 54px;
}
.btn.normal-long:first-of-type {
    margin-right: 2px;
}
.absolute-tab-right-2 {
    right: 69px;
}
.absolute-right-1 {
    right: 0px;
    top: 85px;
}
.absolute-right-2 {
    right: 61px;
    top: 85px;
}
.absolute-tab-block-right-1 {
    margin-left: 1px !important;
}
.absolute-tab-block-right-2 {
    margin-right: 1px !important;
}
.absolute-block-right-2 {
    margin-right: 1px !important;
}
.btn {
    border-radius: 3px;
    font-weight: 400;
    font-size: 12px;
}
.btn img {
    width: 13px;
    margin: 0 4px;
    margin-right: 3px;
}
.fat {
    height: 25px;
    line-height: 25px;
}
.fat img {
    padding-bottom: 6px;
}
.short {
    width: 25px;
}
.short img {
    margin-right: 1px;
    margin-left: 1px;
}
.short.cancel img {
    padding-top: 5px;
}
.long {
    width: 120px;
}
.semilong {
    width: 100px;
}
.normal-long {
    width: 59px;
}
.normal-long img {
    margin-right: 2px;
    margin-left: 2px;
}
.normal-long.cancel {
    line-height: 23px !important;
}
.normal-long.cancel img {
    padding-bottom: 5px !important;
}
}