@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:normal,bold&subset=japanese");
/* line 1, app/assets/stylesheets/utilities.scss */
.image-custom {
  width: 450px;
  height: 254px;
  vertical-align: bottom;
}

/* line 7, app/assets/stylesheets/utilities.scss */
.link-to-detail-field-content .image-cover-size {
  max-width: 450px;
  max-height: 254px;
  vertical-align: bottom;
}

/* line 13, app/assets/stylesheets/utilities.scss */
.thumimg {
  background-color: #fff;
  margin-bottom: 5px;
}

/* line 18, app/assets/stylesheets/utilities.scss */
.image-disable {
  filter: blur(1px);
  cursor: not-allowed;
}

/* line 23, app/assets/stylesheets/utilities.scss */
.swal2-popup {
  font-size: 1.6rem !important;
  font-family: Georgia, serif;
}

/* line 32, app/assets/stylesheets/utilities.scss */
.txtwrap-custom {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 800px;
  display: inline-block;
}

/* line 40, app/assets/stylesheets/utilities.scss */
.bg--light-gray {
  background: #00000014;
}

/* line 44, app/assets/stylesheets/utilities.scss */
.cursor-pointer {
  cursor: pointer;
}

/* line 48, app/assets/stylesheets/utilities.scss */
.delivery-group-name-input {
  border: 1px solid black !important;
  width: 50%;
  margin-top: 10px;
  font-size: 20px;
}

/* line 55, app/assets/stylesheets/utilities.scss */
.delivery-group-schedule-icon {
  vertical-align: middle;
}

/* line 59, app/assets/stylesheets/utilities.scss */
.dim-screen {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

/* line 68, app/assets/stylesheets/utilities.scss */
.imgBox, .pdfBox {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 73, app/assets/stylesheets/utilities.scss */
.imgBox img, .pdfBox img {
  height: 100vh;
}

/* line 78, app/assets/stylesheets/utilities.scss */
.imgBox.has-header img, .has-header.pdfBox img {
  height: calc(100vh - 80px);
}

/* line 84, app/assets/stylesheets/utilities.scss */
#imgbox {
  height: 100%;
  position: fixed;
  width: 100%;
  left: 0;
}

/* line 91, app/assets/stylesheets/utilities.scss */
#imgbox img {
  height: 85%;
}

/* line 99, app/assets/stylesheets/utilities.scss */
.divider {
  margin-top: 30px;
}

/* line 103, app/assets/stylesheets/utilities.scss */
.copyright {
  font-size: 1.6em;
  text-align: center;
}

/* line 108, app/assets/stylesheets/utilities.scss */
.preview_image_text {
  position: absolute;
  width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.5vw;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 5px 5px #c9c9c9;
}

/* ----------------------------------------------------
buildee
---------------------------------------------------- */
/* line 123, app/assets/stylesheets/utilities.scss */
#wrapper {
  width: 1202px;
  margin: auto;
  font-weight: bold;
  position: relative;
}

/* line 130, app/assets/stylesheets/utilities.scss */
.full-size {
  width: 100% !important;
  height: 100% !important;
}

/* line 135, app/assets/stylesheets/utilities.scss */
.yellow-bar-header, .yellow-bar-header-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffeb00;
  height: 110px;
  color: #333;
  font-size: 50px;
}

/* line 145, app/assets/stylesheets/utilities.scss */
.yellow-bar-header-preview {
  height: 160px;
  font-size: 80px;
}

/* line 150, app/assets/stylesheets/utilities.scss */
.yellow-bar-header-preview div {
  width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

/* line 158, app/assets/stylesheets/utilities.scss */
.yellow-bar-header-preview.site-placement-plan {
  height: 80px;
  font-size: 48px;
}

/* line 164, app/assets/stylesheets/utilities.scss */
.gantt_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffeb00;
  height: 80px;
  color: #333;
}

/* line 173, app/assets/stylesheets/utilities.scss */
.gantt {
  display: grid;
  border: 0;
  position: relative;
  box-sizing: border-box;
}

/* line 180, app/assets/stylesheets/utilities.scss */
.gantt__row {
  display: grid;
  grid-template-columns: 120px 1fr;
  background-color: #393939;
}

/* line 186, app/assets/stylesheets/utilities.scss */
.gantt__row--lines {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: transparent;
}

/* line 193, app/assets/stylesheets/utilities.scss */
.gantt__row--lines span {
  display: block;
  border-right: 1px solid #848484;
}

/* line 198, app/assets/stylesheets/utilities.scss */
.gantt__row--lines span.hide {
  border: 0;
}

/* line 202, app/assets/stylesheets/utilities.scss */
.gantt__row--lines span.border-right-red {
  border-right: 5px solid #e83939;
}

/* line 210, app/assets/stylesheets/utilities.scss */
.gantt__row--lines span.marker {
  background-color: rgba(10, 52, 68, 0.13);
  z-index: 2;
}

/* line 215, app/assets/stylesheets/utilities.scss */
.gantt__row--lines:after {
  grid-row: 1;
  grid-column: 0;
  background-color: #1688b3 45;
  z-index: 2;
  height: 100%;
}

/* line 223, app/assets/stylesheets/utilities.scss */
.gantt__row--months {
  color: #fff;
  background-color: black !important;
  align-items: center;
  z-index: 10;
}

/* line 230, app/assets/stylesheets/utilities.scss */
.gantt__row--months .gantt__row-first {
  border-top: 0 !important;
  background-color: black !important;
}

/* line 235, app/assets/stylesheets/utilities.scss */
.gantt__row--months span {
  text-align: center;
  align-self: center;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  margin-left: -15px;
}

/* line 244, app/assets/stylesheets/utilities.scss */
.gantt__row .border-bottom {
  border-bottom: 1px solid #848484;
}

/* line 248, app/assets/stylesheets/utilities.scss */
.gantt__row-first {
  font-size: 40px;
  text-align: right;
  color: #ffba00;
}

/* line 254, app/assets/stylesheets/utilities.scss */
.gantt__row-title .pl {
  padding-left: 20px;
}

/* line 258, app/assets/stylesheets/utilities.scss */
.gantt__row-bars {
  list-style: none;
  display: grid;
  margin: 0;
  grid-gap: 0px 0;
  border-bottom: 1px solid #848484;
}

/* line 266, app/assets/stylesheets/utilities.scss */
.gantt__row-bars li {
  font-weight: 900;
  text-align: center;
  font-size: 32px;
  min-height: 42px;
  color: #fff;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/utilities.scss */
.gantt__row-bars li.stripes {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.1) 5px, rgba(255, 255, 255, 0.1) 12px);
}

/* line 285, app/assets/stylesheets/utilities.scss */
.gantt__row-bars li:before,
.gantt__row-bars li:after {
  content: "";
  height: 100%;
  top: 0;
  z-index: 4;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
}

/* line 295, app/assets/stylesheets/utilities.scss */
.gantt__row-bars li:before {
  left: 0;
}

/* line 299, app/assets/stylesheets/utilities.scss */
.gantt__row-bars li:after {
  right: 0;
}

/* line 303, app/assets/stylesheets/utilities.scss */
.gantt__row-title {
  background-color: black !important;
  color: #f5f5f5;
  z-index: 10;
}

/* line 309, app/assets/stylesheets/utilities.scss */
.sankanu {
  margin: auto;
  width: 0;
  height: 0;
  border-top: 11px solid #e83939;
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
}

/* line 318, app/assets/stylesheets/utilities.scss */
.yotei {
  font-size: 33px;
  font-weight: bold;
  margin: 5px 1vw;
}

/* line 324, app/assets/stylesheets/utilities.scss */
.yotei span {
  font-size: 20px;
}

/* line 328, app/assets/stylesheets/utilities.scss */
.hiru {
  font-size: 28px;
  text-align: center;
  padding: 3px;
  border: 4px solid #333;
  min-width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin: 5px;
}

/* line 342, app/assets/stylesheets/utilities.scss */
.date {
  font-size: 28px;
  font-weight: bold;
}

/* line 347, app/assets/stylesheets/utilities.scss */
.bar-des {
  display: flex;
  justify-content: space-evenly;
  background-color: #393939;
  height: 100%;
  padding-left: 70px;
  clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
}

/* line 356, app/assets/stylesheets/utilities.scss */
.bar-des-item {
  width: 70px;
  align-items: center;
  margin: 0 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

/* line 365, app/assets/stylesheets/utilities.scss */
.gantt__row-bars > .gantt__row-bars-description {
  font-size: 34px;
  font-weight: bold;
  color: #fff;
  text-align: start;
  padding: 0;
  clear: both;
  overflow: visible;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1;
}

/* line 378, app/assets/stylesheets/utilities.scss */
.time-bar-title {
  text-align: left;
  margin-left: 1vw;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

/* line 386, app/assets/stylesheets/utilities.scss */
.work-plan-title {
  display: grid;
  grid-template-columns: 18% 15% 24% 24% 19%;
  align-content: center;
  text-align: left;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  width: 100%;
}

/* line 397, app/assets/stylesheets/utilities.scss */
.work-plan-title-text {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 402, app/assets/stylesheets/utilities.scss */
.work-plan-content {
  display: grid;
  grid-template-columns: 18% 15% 24% 24% 19%;
  align-content: center;
  text-align: left;
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  border: #000000;
  border-style: none none solid none;
  border-width: 1px;
  width: 100%;
  padding: 20px 0;
}

/* line 417, app/assets/stylesheets/utilities.scss */
.work-plan-content-group {
  border-style: none;
}

/* line 421, app/assets/stylesheets/utilities.scss */
.work-plan-text {
  display: inherit;
}

/* line 428, app/assets/stylesheets/utilities.scss */
.dayworker {
  width: 100%;
  padding-bottom: 2px;
  font-size: 26px;
  display: flex;
  justify-content: space-between;
}

/* line 436, app/assets/stylesheets/utilities.scss */
.dayworker-text {
  padding: 1px 6px 3px 6px;
  background-color: #2772d3;
  white-space: nowrap;
  height: fit-content;
}

/* line 443, app/assets/stylesheets/utilities.scss */
.dayworker-value {
  padding: 1px 0 2px 0;
  color: #509cff;
}

/* line 448, app/assets/stylesheets/utilities.scss */
.subtotal {
  width: 100%;
  padding-top: 2px;
  font-size: 26px;
  display: flex;
  justify-content: space-between;
}

/* line 456, app/assets/stylesheets/utilities.scss */
.subtotal-text {
  padding: 1px 6px 3px 6px;
  background-color: #555555;
  white-space: nowrap;
  height: fit-content;
}

/* line 463, app/assets/stylesheets/utilities.scss */
.work-plan-company-name {
  padding-left: 24px;
  padding-right: 28px;
}

/* line 468, app/assets/stylesheets/utilities.scss */
.work-plan-work-place {
  padding-left: 28px;
  padding-right: 18px;
}

/* line 473, app/assets/stylesheets/utilities.scss */
.work-plan-work-content {
  padding-left: 18px;
  padding-right: 28px;
}

/* line 478, app/assets/stylesheets/utilities.scss */
.work-plan-work-cautions {
  padding-left: 28px;
  padding-right: 28px;
}

/* line 483, app/assets/stylesheets/utilities.scss */
.work-plan-day-worker {
  padding-left: 28px;
  padding-right: 24px;
}

/* line 488, app/assets/stylesheets/utilities.scss */
.bar-color {
  width: 100%;
  height: 20px;
}

/* line 493, app/assets/stylesheets/utilities.scss */
.bar-text {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
}

/* line 499, app/assets/stylesheets/utilities.scss */
.bar-color-blue {
  background-color: #1e64ff;
}

/* line 503, app/assets/stylesheets/utilities.scss */
.bar-color-blue-stripes {
  background-image: linear-gradient(135deg, #1e64ff 25%, #ffffff 25%, #ffffff 50%, #1e64ff 50%, #1e64ff 75%, #ffffff 75%, #ffffff 100%);
  background-size: 14.14px 14.14px;
}

/* line 515, app/assets/stylesheets/utilities.scss */
.bar-color-yellow {
  background-color: #edb715;
}

/* line 519, app/assets/stylesheets/utilities.scss */
.bar-color-yellow-stripes {
  background-image: linear-gradient(135deg, #edb715 25%, #ffffff 25%, #ffffff 50%, #edb715 50%, #edb715 75%, #ffffff 75%, #ffffff 100%);
  background-size: 14.14px 14.14px;
}

/* line 531, app/assets/stylesheets/utilities.scss */
.bar-color-green {
  background-color: #01954a;
}

/* line 535, app/assets/stylesheets/utilities.scss */
.bar-color-green-stripes {
  background-image: linear-gradient(135deg, #01954a 25%, #ffffff 25%, #ffffff 50%, #01954a 50%, #01954a 75%, #ffffff 75%, #ffffff 100%);
  background-size: 14.14px 14.14px;
}

/* line 547, app/assets/stylesheets/utilities.scss */
.bar-color-gray {
  background-color: #848484;
}

/* line 551, app/assets/stylesheets/utilities.scss */
.bar-color-dimgray {
  background-color: #393939;
}

/* line 555, app/assets/stylesheets/utilities.scss */
.bar-color-black {
  background-color: #000000;
}

/* line 559, app/assets/stylesheets/utilities.scss */
.position-fixed {
  position: fixed !important;
}

/* line 563, app/assets/stylesheets/utilities.scss */
.text-inline {
  clear: both;
  overflow: visible;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 570, app/assets/stylesheets/utilities.scss */
.content-warning {
  white-space: pre;
}

/* line 574, app/assets/stylesheets/utilities.scss */
.h-sankanu {
  height: 11px;
}

/* line 578, app/assets/stylesheets/utilities.scss */
.gantt_header .zone {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 592, app/assets/stylesheets/utilities.scss */
.preview-content .gantt_header {
  height: 100px;
}

/* line 596, app/assets/stylesheets/utilities.scss */
.preview-content .gantt__row {
  grid-template-columns: 120px 1fr;
}

/* line 600, app/assets/stylesheets/utilities.scss */
.preview-content .bar-des-item {
  width: 120px;
  align-items: center;
  margin: 0 15px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

/* line 609, app/assets/stylesheets/utilities.scss */
.preview-content .date {
  font-size: 48px;
}

/* line 613, app/assets/stylesheets/utilities.scss */
.preview-content .yotei {
  font-size: 48px;
  margin: 5px 1vw;
}

/* line 617, app/assets/stylesheets/utilities.scss */
.preview-content .yotei span {
  font-size: 32px;
}

/* line 622, app/assets/stylesheets/utilities.scss */
.preview-content .hiru {
  font-size: 48px;
  padding: 3px;
  border: 4px solid #333;
  min-width: 80px;
  height: 80px;
  margin: 5px;
}

/* line 631, app/assets/stylesheets/utilities.scss */
.preview-content .bar-text {
  font-size: 20px;
}

/* line 635, app/assets/stylesheets/utilities.scss */
.preview-content .bar-des {
  padding-left: 100px;
  clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
}

/* line 640, app/assets/stylesheets/utilities.scss */
.preview-content .time-bar-title {
  font-size: 30px;
}

/* line 646, app/assets/stylesheets/utilities.scss */
.preview-content .b-work-plan-header {
  height: 88px;
}

/* line 650, app/assets/stylesheets/utilities.scss */
.preview-content .work-plan-title {
  font-size: 40px;
  height: 100%;
}

/* line 655, app/assets/stylesheets/utilities.scss */
.preview-content .work-plan-zone {
  margin-right: 40px;
}

/* line 659, app/assets/stylesheets/utilities.scss */
.preview-content .work-plan-content {
  font-size: 34px;
  padding: 20px 0;
}

/* line 664, app/assets/stylesheets/utilities.scss */
.preview-content .dayworker {
  font-size: 40px;
}

/* line 668, app/assets/stylesheets/utilities.scss */
.preview-content .subtotal {
  font-size: 40px;
  padding-top: 8px;
}

/* line 676, app/assets/stylesheets/utilities.scss */
.work-plan-zone {
  margin-left: auto;
}

/* line 680, app/assets/stylesheets/utilities.scss */
select {
  -webkit-appearance: none;
}

/* line 684, app/assets/stylesheets/utilities.scss */
.input-stb-description {
  width: 390px;
  font-size: 1.4rem;
  font-family: inherit;
}

/* line 692, app/assets/stylesheets/utilities.scss */
.ribbon-container {
  font-weight: bold;
  position: relative;
  overflow: hidden;
}

/* line 698, app/assets/stylesheets/utilities.scss */
.ribbon, .ribbon-right {
  width: 200px;
  padding: 5px 0;
  position: absolute;
  text-align: center;
  color: #f0f0f0;
  background-color: #d34444;
  transform: rotate(-40deg);
  top: 10px;
  left: -65px;
  font-size: 22px;
  font-weight: bold;
  z-index: 8;
}

/* line 713, app/assets/stylesheets/utilities.scss */
.ribbon-right {
  padding: 10px 0;
  color: #f0f0f0;
  background-color: #edb715;
  transform: rotate(40deg);
  top: 10px;
  left: unset;
  right: -65px;
  font-size: 20px;
  z-index: 1;
}

/* line 726, app/assets/stylesheets/utilities.scss */
.float-right {
  float: right;
}

/* line 730, app/assets/stylesheets/utilities.scss */
hr.menu-divide {
  background: #333;
  height: 1px;
  border: 0px;
}

/* line 736, app/assets/stylesheets/utilities.scss */
.flex-center .question-mark {
  margin: 0 0 4px 10px;
}

/* line 739, app/assets/stylesheets/utilities.scss */
.flex-center .question-mark img {
  width: fit-content;
  height: fit-content;
}

@media (max-width: 1279px) {
  /* line 746, app/assets/stylesheets/utilities.scss */
  .ribbon, .ribbon-right {
    padding: 3px 0;
    font-size: 16px;
    zoom: 80%;
  }
}

@media (max-width: 1023px) {
  /* line 755, app/assets/stylesheets/utilities.scss */
  .flex-center .question-mark img {
    width: 70%;
  }
}

/* line 761, app/assets/stylesheets/utilities.scss */
.inspection-container, .no-accident-record-preview, .inspection-container-preview {
  height: fit-content;
  background-color: #000;
  color: #fff;
  padding: 20px 0 20px 0;
  font-size: 40px;
}

/* line 769, app/assets/stylesheets/utilities.scss */
.inspection-container-preview {
  height: calc(100vh - 160px);
  font-size: 60px;
}

/* line 776, app/assets/stylesheets/utilities.scss */
.inspection-color-box {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

/* line 783, app/assets/stylesheets/utilities.scss */
.container .inspection-container-preview {
  height: fit-content;
}

/* line 787, app/assets/stylesheets/utilities.scss */
.inspection-color-this-month {
  padding: 0 0 20px 0;
  display: flex;
  justify-content: center;
}

/* line 793, app/assets/stylesheets/utilities.scss */
.inspection-color-this-month-text, .inspection-color-this-month-text-preview {
  font-size: 47px;
  display: flex;
  align-items: center;
}

/* line 799, app/assets/stylesheets/utilities.scss */
.inspection-color-this-month-text-preview {
  font-size: 70px;
}

/* line 804, app/assets/stylesheets/utilities.scss */
.inspection-color, .inspection-color-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15vh;
  height: 15vh;
  margin-left: 30px;
  font-size: 10vh;
}

/* line 814, app/assets/stylesheets/utilities.scss */
.inspection-color-preview {
  width: 216px;
  height: 216px;
  margin-left: 30px;
  font-size: 139px;
}

/* line 822, app/assets/stylesheets/utilities.scss */
.inspection-content, .inspection-three-row-content, .inspection-content-preview, .inspection-three-row-content-preview {
  height: 8.5vh;
  display: grid;
  grid-template-columns: 16% 28% 28% 28%;
  padding: 0 105px;
  border-color: #000;
  border-style: none none solid none;
  border-width: 3px;
}

/* line 831, app/assets/stylesheets/utilities.scss */
.inspection-content.apply-template, .apply-template.inspection-three-row-content, .apply-template.inspection-content-preview, .apply-template.inspection-three-row-content-preview {
  height: 10.5vh;
}

/* line 836, app/assets/stylesheets/utilities.scss */
.inspection-content-preview, .inspection-three-row-content-preview {
  grid-template-columns: 16% 28% 28% 28%;
  height: 150px !important;
  width: 1580px;
  margin: auto;
  padding: unset;
}

/* line 846, app/assets/stylesheets/utilities.scss */
#js-inspection-color-three-row .inspection-content, #js-inspection-color-three-row .inspection-three-row-content, #js-inspection-color-three-row .inspection-content-preview, #js-inspection-color-three-row .inspection-three-row-content-preview {
  height: 11.3vh;
}

/* line 851, app/assets/stylesheets/utilities.scss */
.inspection-three-row-content {
  grid-template-columns: 16% 21% 21% 21% 21%;
}

/* line 856, app/assets/stylesheets/utilities.scss */
.inspection-three-row-content-preview {
  grid-template-columns: 16% 21% 21% 21% 21%;
  height: 200px !important;
}

/* line 863, app/assets/stylesheets/utilities.scss */
.color-menu {
  width: 100%;
  display: none;
  overflow: auto;
  position: absolute;
  bottom: 0;
  left: 100%;
  border-style: solid;
  border-color: #000;
  border-width: 1px;
  text-align: center;
}

/* line 877, app/assets/stylesheets/utilities.scss */
.color-menu:active {
  display: none;
}

/* line 881, app/assets/stylesheets/utilities.scss */
.dropdown-wrapper {
  position: relative;
  width: 100%;
}

/* line 886, app/assets/stylesheets/utilities.scss */
.dropdown-toggle-white,
.dropdown-toggle-white:focus,
.dropdown-toggle-white:hover {
  color: #fff;
}

/* line 892, app/assets/stylesheets/utilities.scss */
.dropdown-toggle-black,
.dropdown-toggle-black:focus,
.dropdown-toggle-black:hover {
  color: #000;
}

/* line 898, app/assets/stylesheets/utilities.scss */
.dropdown-toggle {
  width: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-evenly;
}

/* line 906, app/assets/stylesheets/utilities.scss */
.dropdown-toggle:focus + .color-menu,
.color-menu:hover {
  display: block;
  z-index: 300;
}

/* line 912, app/assets/stylesheets/utilities.scss */
.dropdown-green {
  background-color: #01954a;
  border-color: #000;
  border-style: none solid none none;
  border-width: 3px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

/* line 923, app/assets/stylesheets/utilities.scss */
.dropdown-green:hover {
  background-color: #017c3d;
  cursor: pointer;
}

/* line 929, app/assets/stylesheets/utilities.scss */
.dropdown-yellow {
  background-color: #ffeb00;
  border-color: #000;
  border-style: none solid none none;
  border-width: 3px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

/* line 940, app/assets/stylesheets/utilities.scss */
.dropdown-yellow:hover {
  background-color: #e6d400;
  cursor: pointer;
}

/* line 946, app/assets/stylesheets/utilities.scss */
.dropdown-red {
  background-color: #e83939;
  border-color: #000;
  border-style: none solid none none;
  border-width: 3px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

/* line 957, app/assets/stylesheets/utilities.scss */
.dropdown-red:hover {
  background-color: #e52222;
  cursor: pointer;
}

/* line 963, app/assets/stylesheets/utilities.scss */
.dropdown-white {
  background-color: #fff;
  border-color: #000;
  border-style: none solid none none;
  border-width: 3px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

/* line 974, app/assets/stylesheets/utilities.scss */
.dropdown-white:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}

/* line 980, app/assets/stylesheets/utilities.scss */
.dropdown-blue {
  background-color: #0E55B2;
  border-color: #000;
  border-style: none solid none none;
  border-width: 3px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

/* line 990, app/assets/stylesheets/utilities.scss */
.dropdown-blue:hover {
  background-color: #0c4a9a;
  cursor: pointer;
}

/* line 996, app/assets/stylesheets/utilities.scss */
.inspection-color-green {
  background-color: #01954a;
  color: #fff;
}

/* line 1000, app/assets/stylesheets/utilities.scss */
.inspection-color-green:hover {
  background-color: #017c3d;
  cursor: pointer;
}

/* line 1006, app/assets/stylesheets/utilities.scss */
.inspection-color-yellow {
  background-color: #ffeb00;
  color: #000;
}

/* line 1010, app/assets/stylesheets/utilities.scss */
.inspection-color-yellow:hover {
  background-color: #e6d400;
  cursor: pointer;
}

/* line 1016, app/assets/stylesheets/utilities.scss */
.inspection-color-red {
  background-color: #e83939;
  color: #fff;
}

/* line 1020, app/assets/stylesheets/utilities.scss */
.inspection-color-red:hover {
  background-color: #e52222;
  cursor: pointer;
}

/* line 1026, app/assets/stylesheets/utilities.scss */
.inspection-color-white {
  background-color: #fff;
  color: #000;
}

/* line 1030, app/assets/stylesheets/utilities.scss */
.inspection-color-white:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}

/* line 1036, app/assets/stylesheets/utilities.scss */
.inspection-color-blue {
  background-color: #0E55B2;
  color: #fff;
}

/* line 1040, app/assets/stylesheets/utilities.scss */
.inspection-color-blue:hover {
  background-color: #0c4a9a;
  cursor: pointer;
}

/* line 1046, app/assets/stylesheets/utilities.scss */
.inspection-month {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  background-color: #393939;
}

/* line 1056, app/assets/stylesheets/utilities.scss */
.white-under-arrow {
  width: 50px;
  height: 50px;
  margin-top: 15px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
}

/* line 1064, app/assets/stylesheets/utilities.scss */
.black-under-arrow {
  width: 50px;
  height: 50px;
  margin-top: 15px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
}

/* line 1072, app/assets/stylesheets/utilities.scss */
.safety-goal-title {
  justify-content: space-evenly;
}

/* line 1076, app/assets/stylesheets/utilities.scss */
.safety-goal-title-input {
  width: 70%;
  font-size: 50px;
  border: 1px solid #000 !important;
  background-color: #ffeb00;
  font-weight: bold;
}

/* line 1084, app/assets/stylesheets/utilities.scss */
.safety-goal-container, .safety-goal-container-preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 535px;
  max-height: fit-content;
  background-color: #282828;
  padding: 20px 0;
}

/* line 1096, app/assets/stylesheets/utilities.scss */
.safety-goal-container-preview {
  height: calc(100vh - 120px);
  background-color: #000;
  min-height: unset;
  max-height: unset;
  padding: 30px 0;
}

/* line 1105, app/assets/stylesheets/utilities.scss */
.container .safety-goal-container-preview {
  height: calc(100vh - 300px);
}

/* line 1109, app/assets/stylesheets/utilities.scss */
.safety-goal-content, .safety-goal-content-preview {
  width: 90%;
  background-color: #393939;
  color: #fff;
  margin: 1vh 0;
  padding: 1vh 0;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  border: solid;
  border-width: 1px;
  border-color: #fff;
}

/* line 1124, app/assets/stylesheets/utilities.scss */
.safety-goal-content-preview {
  padding: 1vh 20px;
  margin: 1.5vh 0;
  font-size: 7vh;
  height: 17vh;
  border: none !important;
  display: flex;
  text-align: left;
  align-items: center;
}

/* line 1135, app/assets/stylesheets/utilities.scss */
.safety-goal-content-preview div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1142, app/assets/stylesheets/utilities.scss */
.safety-goal-content-input {
  width: 90%;
  margin-left: 15px;
  border: none !important;
  font-size: 50px;
  font-weight: bold;
  background-color: #393939;
  color: #fff;
}

/* line 1152, app/assets/stylesheets/utilities.scss */
.safety-goal-delete-button {
  margin-right: 30px;
}

/* line 1157, app/assets/stylesheets/utilities.scss */
#js-new-safety-goal {
  margin: 20px;
}

/* line 1160, app/assets/stylesheets/utilities.scss */
#js-new-safety-goal:hover {
  cursor: pointer;
}

/* line 1165, app/assets/stylesheets/utilities.scss */
.contents-delivery-schedule-container {
  display: grid;
  grid-template-columns: 15% 85%;
  height: 100%;
}

/* line 1171, app/assets/stylesheets/utilities.scss */
.contents-delivery-schedule-container a:visited {
  color: #000;
}

/* line 1175, app/assets/stylesheets/utilities.scss */
.contents-delivery-schedule-container a:hover {
  color: #000;
}

/* line 1179, app/assets/stylesheets/utilities.scss */
.calendar-list {
  background-color: #fff;
  border-style: none solid none none;
  border-color: #dddddd;
  border-width: 1px;
  padding: 15px 0;
}

/* line 1187, app/assets/stylesheets/utilities.scss */
.calendar-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  margin-left: 10px;
  padding-bottom: 10px;
}

/* line 1197, app/assets/stylesheets/utilities.scss */
.calendar-list-arrow {
  padding: 0 10px;
}

/* line 1201, app/assets/stylesheets/utilities.scss */
.calendar-list-content {
  padding: 0 20px;
}

/* line 1205, app/assets/stylesheets/utilities.scss */
.calendar-list-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(7, 1fr);
  font-size: 14px;
}

/* line 1212, app/assets/stylesheets/utilities.scss */
.calendar-list-weekday {
  text-align: center;
  margin: 0;
  width: 100%;
}

/* line 1218, app/assets/stylesheets/utilities.scss */
.calendar-list-day {
  display: block;
  text-align: center;
  color: #000;
  padding: 0.4vh 0;
}

/* line 1225, app/assets/stylesheets/utilities.scss */
.calendar-detail {
  background-color: #fff;
}

/* line 1229, app/assets/stylesheets/utilities.scss */
.calendar-detail-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
}

/* line 1236, app/assets/stylesheets/utilities.scss */
.calendar-detail-arrow {
  padding: 0 10px;
  margin: 0 10px;
}

/* line 1241, app/assets/stylesheets/utilities.scss */
.calendar-detail-year-month {
  font-size: 24px;
  margin-left: 30px;
}

/* line 1246, app/assets/stylesheets/utilities.scss */
.calendar-detail-today {
  padding: 3px 18px;
  font-size: 16px;
  border: 2px solid #f59419;
  color: #f59419 !important;
  margin: 0 20px;
}

/* line 1254, app/assets/stylesheets/utilities.scss */
.calendar-detail-select-display {
  position: relative;
  border: 2px solid #f59419;
  border-radius: 4px;
  margin-left: auto;
  margin-right: 30px;
}

/* line 1262, app/assets/stylesheets/utilities.scss */
.calendar-detail-caption {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 5px;
  background-color: white;
  transform: translateY(-80%) translateX(1em);
  font-size: 12px;
  color: #f59419;
}

/* line 1274, app/assets/stylesheets/utilities.scss */
.calendar-detail-select-display-box {
  border: none;
  color: #f59419;
  padding: 5px 32px 5px 12px;
}

/* line 1280, app/assets/stylesheets/utilities.scss */
.calendar-detail-weekly {
  position: relative;
  top: 0;
  left: 0;
  padding: 20px 20px 0 20px;
  height: calc(100vh - 300px);
  min-height: 600px;
}

/* line 1289, app/assets/stylesheets/utilities.scss */
.calendar-detail-weekly-box, .calendar-detail-weekly-time-schedule, .calendar-detail-weekly-week-day {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

/* line 1295, app/assets/stylesheets/utilities.scss */
.calendar-detail-weekly-week-day {
  text-align: center;
}

/* line 1300, app/assets/stylesheets/utilities.scss */
.calendar-detail-weekly-week-day-header {
  border-style: none solid solid none;
  border-color: #dedede;
  border-width: 1px;
  height: 80px;
}

/* line 1307, app/assets/stylesheets/utilities.scss */
.calendar-detail-weekly-week-day-header:nth-child(2) {
  border-style: none solid solid solid;
}

/* line 1311, app/assets/stylesheets/utilities.scss */
.calendar-detail-weekly-week-day-content-day {
  width: 2em;
  height: 2em;
  text-align: center;
  margin: 10px auto auto auto;
}

/* line 1318, app/assets/stylesheets/utilities.scss */
.calendar-detail-weekly-week-day-contents {
  position: relative;
  height: 60vh;
}

/* line 1323, app/assets/stylesheets/utilities.scss */
.calendar-detail-weekly-time-schedule {
  position: relative;
  margin: 0 0 1em 0;
  top: -1px;
}

/* line 1331, app/assets/stylesheets/utilities.scss */
.calendar-detail-weekly-row {
  position: relative;
  grid-template-rows: repeat(96, 1fr);
  border-style: none solid none none;
  border-color: #dedede;
  border-width: 1px;
}

/* line 1339, app/assets/stylesheets/utilities.scss */
.calendar-detail-weekly-row:first-child {
  border-style: none;
}

/* line 1343, app/assets/stylesheets/utilities.scss */
.calendar-detail-weekly-row:nth-child(2) {
  border-style: none solid none solid;
}

/* line 1347, app/assets/stylesheets/utilities.scss */
.calendar-detail-weekly-schedule {
  display: block;
  width: 100%;
  background: #ffeb00;
  color: #000;
  padding: 4px;
  overflow: hidden;
  margin: 2px 0;
  border: solid 2px #ffffff;
}

/* line 1360, app/assets/stylesheets/utilities.scss */
.calendar-detail-weekly-header-create-schedule {
  color: inherit;
}

/* line 1364, app/assets/stylesheets/utilities.scss */
.calendar-detail-weekly-create-schedule {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}

/* line 1370, app/assets/stylesheets/utilities.scss */
.calendar-detail-weekly-create-schedule a:hover {
  background-color: #dedede;
}

/* line 1375, app/assets/stylesheets/utilities.scss */
.calendar-detail-weekly-create-schedule:hover {
  background-color: #dedede;
}

/* line 1379, app/assets/stylesheets/utilities.scss */
#js-monthly-calendar {
  display: none;
}

/* line 1383, app/assets/stylesheets/utilities.scss */
.calendar-detail-monthly {
  position: relative;
  top: 0;
  left: 0;
  padding: 20px 20px 20px 20px;
  height: 70vh;
}

/* line 1391, app/assets/stylesheets/utilities.scss */
.calendar-detail-monthly-weekday {
  text-align: center;
  margin: 0;
  padding: 0 0 10px 0;
  width: 100%;
  border-style: none none solid solid;
  border-color: #dedede;
  border-width: 1px;
  font-size: 16px;
}

/* line 1402, app/assets/stylesheets/utilities.scss */
.calendar-detail-monthly-weekday:last-child {
  border-style: none solid solid solid;
  border-color: #dedede;
  border-width: 1px;
}

/* line 1408, app/assets/stylesheets/utilities.scss */
.calendar-detail-monthly-schedule-day {
  width: 100%;
  text-align: left;
  padding: 10px 0 0 10px;
  font-size: 24px;
  border-style: none none solid solid;
  border-color: #dedede;
  border-width: 1px;
  height: 13vh;
  position: relative;
}

/* line 1420, app/assets/stylesheets/utilities.scss */
.calendar-detail-monthly-schedule-day:last-child {
  border-style: none solid solid solid;
  border-color: #dedede;
  border-width: 1px;
}

/* line 1426, app/assets/stylesheets/utilities.scss */
.calendar-detail-monthly-create-schedule {
  display: block;
  width: auto;
  height: 100%;
  color: #000;
}

/* line 1433, app/assets/stylesheets/utilities.scss */
.calendar-detail-monthly-create-schedule:hover {
  color: #000;
}

/* line 1437, app/assets/stylesheets/utilities.scss */
.calendar-detail-monthly-schedule-day-box {
  position: absolute;
  top: 5vh;
}

/* line 1442, app/assets/stylesheets/utilities.scss */
.calendar-detail-monthly-schedule {
  display: block;
  width: 10vw;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #ffeb00;
  padding: 5px;
  margin: 0 0 3px 0;
  color: #000;
}

/* line 1455, app/assets/stylesheets/utilities.scss */
.calendar-red-text,
.calendar-red-text:hover {
  color: #e83939 !important;
}

/* line 1460, app/assets/stylesheets/utilities.scss */
.calendar-current-day {
  background-color: #f59419;
  color: #fff !important;
}

/* line 1465, app/assets/stylesheets/utilities.scss */
.create-schedule-modal {
  height: 800px !important;
}

/* line 1469, app/assets/stylesheets/utilities.scss */
.create-schedule-container {
  height: 605px;
  text-align: left;
  align-items: center;
}

/* line 1475, app/assets/stylesheets/utilities.scss */
.create-schedule-container select {
  padding: 8px 32px 8px 12px !important;
}

/* line 1479, app/assets/stylesheets/utilities.scss */
.create-schedule-box, #create-schedule-repeat-yearly, #create-schedule-repeat-monthly, #create-schedule-repeat-weekly, #create-schedule-repeat-daily, #create-schedule-repeat-none, .create-schedule-always-box {
  display: grid;
  grid-template-columns: 25% 75%;
  align-items: center;
}

/* line 1489, app/assets/stylesheets/utilities.scss */
#create-schedule-repeat-none {
  grid-template-rows: repeat(2, 52px);
}

/* line 1494, app/assets/stylesheets/utilities.scss */
#create-schedule-repeat-daily {
  grid-template-rows: repeat(5, 52px);
}

/* line 1499, app/assets/stylesheets/utilities.scss */
#create-schedule-repeat-weekly {
  grid-template-rows: repeat(6, 52px);
}

/* line 1504, app/assets/stylesheets/utilities.scss */
#create-schedule-repeat-monthly {
  grid-template-rows: repeat(7, 52px);
}

/* line 1509, app/assets/stylesheets/utilities.scss */
#create-schedule-repeat-yearly {
  grid-template-rows: repeat(7, 52px);
}

/* line 1514, app/assets/stylesheets/utilities.scss */
.create-schedule-select-date-time {
  display: flex;
  justify-content: flex-start;
}

/* line 1519, app/assets/stylesheets/utilities.scss */
.create-schedule-date-time {
  display: grid;
  grid-template-columns: 30% 70%;
  grid-template-rows: repeat(2, 1fr);
  text-align: left;
  align-items: center;
}

/* line 1527, app/assets/stylesheets/utilities.scss */
.create-schedule-title {
  margin-left: 40px;
}

/* line 1531, app/assets/stylesheets/utilities.scss */
.schedule-date-field {
  border: solid #f59419;
  padding: 8px 4px;
  font-size: 1.4rem;
  font-family: inherit;
  border-radius: 4px;
  background: #fff;
}

/* line 1540, app/assets/stylesheets/utilities.scss */
.schedule-date-field:disabled {
  opacity: 0.7;
}

/* line 1544, app/assets/stylesheets/utilities.scss */
.repeat-schedule-modal {
  height: 52vh !important;
}

/* line 1548, app/assets/stylesheets/utilities.scss */
.repeat-schedule-container {
  height: 35vh;
}

/* line 1552, app/assets/stylesheets/utilities.scss */
.schedule-padding {
  padding: 10px 0;
}

/* line 1556, app/assets/stylesheets/utilities.scss */
.schedule-title {
  width: 15%;
  margin-left: 15%;
}

/* line 1561, app/assets/stylesheets/utilities.scss */
.schedule-content {
  display: flex;
  text-align: left;
  align-items: center;
}

/* line 1567, app/assets/stylesheets/utilities.scss */
.repeat-schedule-end {
  display: grid;
  grid-template-columns: 30% 70%;
  grid-template-rows: repeat(3, 1fr);
  text-align: left;
  align-items: center;
}

/* line 1575, app/assets/stylesheets/utilities.scss */
.repeat-schedule-repeat-interval {
  display: flex;
  align-items: center;
}

/* line 1580, app/assets/stylesheets/utilities.scss */
.repeat-weekly-week-day input[type="checkbox"] + label {
  content: "";
  display: inline-block;
  position: relative;
  background: #dddddd;
  color: #000;
  top: 0.25em;
  margin: 0 5px 0 0;
  width: 34px;
  height: 34px;
  text-align: center;
  font-size: 20px;
}

/* line 1593, app/assets/stylesheets/utilities.scss */
.repeat-weekly-week-day input[type="checkbox"] + label.disabled {
  opacity: 0.5;
}

/* line 1598, app/assets/stylesheets/utilities.scss */
.repeat-weekly-week-day input[type="checkbox"] + label::before {
  content: none;
}

/* line 1602, app/assets/stylesheets/utilities.scss */
.repeat-weekly-week-day input[type="checkbox"]:checked + label {
  background: #f59419;
  color: #fff;
}

/* line 1606, app/assets/stylesheets/utilities.scss */
.repeat-weekly-week-day input[type="checkbox"]:checked + label.disabled {
  opacity: 0.5;
}

/* line 1611, app/assets/stylesheets/utilities.scss */
.repeat-weekly-week-day input[type="checkbox"]:checked + label::before {
  content: none;
}

/* line 1615, app/assets/stylesheets/utilities.scss */
#delete-schedule-button {
  display: none;
}

@media (max-width: 1279px) {
  /* line 1620, app/assets/stylesheets/utilities.scss */
  .calendar-list-header {
    font-size: 15px;
    margin-left: 5px;
    padding-bottom: 5px;
  }
  /* line 1626, app/assets/stylesheets/utilities.scss */
  .calendar-list-content {
    padding: 0 10px;
  }
  /* line 1630, app/assets/stylesheets/utilities.scss */
  .calendar-detail-year-month {
    font-size: 20px;
    margin-left: 20px;
  }
  /* line 1635, app/assets/stylesheets/utilities.scss */
  .calendar-list-day {
    padding: 2px 0;
  }
  /* line 1642, app/assets/stylesheets/utilities.scss */
  .calendar-detail-weekly {
    padding: 10px 10px 0 10px;
  }
  /* line 1649, app/assets/stylesheets/utilities.scss */
  .calendar-detail-monthly-schedule {
    font-size: 12px;
    padding: 2px;
    margin: 0 0 2px 0;
  }
  /* line 1662, app/assets/stylesheets/utilities.scss */
  .calendar-detail-monthly-schedule-day {
    padding: 4px 0 0 4px;
    font-size: 18px;
  }
  /* line 1674, app/assets/stylesheets/utilities.scss */
  .calendar-detail-monthly-weekday {
    padding: 0 0 4px 0;
    font-size: 12px;
  }
}

/* line 1686, app/assets/stylesheets/utilities.scss */
.no-accident-record-container, .no-accident-record-container-preview {
  min-height: 535px;
  background-color: #000;
  color: #fff;
  padding: 20px 0 0 0;
  font-size: 50px;
  text-align: left;
}

/* line 1695, app/assets/stylesheets/utilities.scss */
.no-accident-record-container-preview {
  height: calc(100vh - 160px);
  font-size: 80px;
  padding-top: 100px;
}

/* line 1702, app/assets/stylesheets/utilities.scss */
.no-accident-record-preview {
  font-size: 50px;
}

/* line 1707, app/assets/stylesheets/utilities.scss */
.no-accident-record-times {
  padding: 0 0 16px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 1714, app/assets/stylesheets/utilities.scss */
.no-accident-record-times-label {
  width: 32%;
  padding-left: 3%;
}

/* line 1720, app/assets/stylesheets/utilities.scss */
.no-accident-record-times-item {
  width: 65%;
  padding-left: 10px;
  padding-right: 85px;
}

/* line 1726, app/assets/stylesheets/utilities.scss */
.no-accident-record-actual-time, #no_accident_record_form_goal_time, .no-accident-record-actual-time-preview {
  min-height: 150px;
  text-align: center;
  font-size: 70px;
  font-weight: bold;
  background-color: #393939;
  color: #ffeb00;
}

/* line 1735, app/assets/stylesheets/utilities.scss */
.no-accident-record-actual-time-preview {
  min-height: 21vh;
  font-size: 140px;
  text-align: right;
  padding-right: 150px;
}

/* line 1743, app/assets/stylesheets/utilities.scss */
#no_accident_record_form_goal_time {
  width: 100%;
  border: solid;
  font-size: 70px;
  color: #fff;
}

/* line 1751, app/assets/stylesheets/utilities.scss */
#no_accident_record_form_goal_time::placeholder {
  color: #fff;
  font-size: 40px;
}

/* line 1756, app/assets/stylesheets/utilities.scss */
#no_accident_record_form_goal_time:focus::placeholder {
  color: transparent;
}

/* line 1760, app/assets/stylesheets/utilities.scss */
.no-accident-record-actual-time-text {
  font-size: 50px;
}

/* line 1764, app/assets/stylesheets/utilities.scss */
.no-accident-record-actual-time-text-preview {
  font-size: 80px;
}

/* line 1768, app/assets/stylesheets/utilities.scss */
.no-accident-record-from-to, .no-accident-record-from-to-preview {
  font-size: 34px;
  text-align: left;
  white-space: nowrap;
}

/* line 1775, app/assets/stylesheets/utilities.scss */
.no-accident-record-from-to-preview {
  font-size: 56px;
}

/* line 1780, app/assets/stylesheets/utilities.scss */
.no-accident-record-base-date, .no-accident-record-base-date-preview {
  font-size: 32px;
  display: flex;
  margin: 4px auto;
}

/* line 1786, app/assets/stylesheets/utilities.scss */
.no-accident-record-base-date-preview {
  font-size: 28px;
  display: block;
  text-align: right;
}

/* line 1793, app/assets/stylesheets/utilities.scss */
.no-accident-record-base-date-label {
  position: relative;
  display: block;
  font-size: 32px;
  margin-top: auto;
  margin-bottom: auto;
}

/* line 1801, app/assets/stylesheets/utilities.scss */
.no-accident-record-base-date input, .no-accident-record-base-date-preview input {
  width: 100%;
  height: 100%;
  padding-left: 60px;
  font-size: 30px;
  font-weight: bold;
  background-color: transparent;
  color: #fff;
  position: absolute;
  top: 0;
  border-width: 0;
}

/* line 1821, app/assets/stylesheets/utilities.scss */
#no-accident-record-save-text {
  font-size: 30px;
  color: #ffeb00;
}

/* line 1826, app/assets/stylesheets/utilities.scss */
.no-accident-record-calendar-label {
  width: 80%;
  height: 56px;
  border: solid #ffffff !important;
  position: relative;
}

/* line 1834, app/assets/stylesheets/utilities.scss */
.no-accident-record-calendar {
  display: inline-block;
  position: relative;
  width: 80%;
}

/* line 1840, app/assets/stylesheets/utilities.scss */
.no-accident-record-calendar-label::before {
  content: "";
  width: 40px;
  height: 40px;
  background: url(/assets/icon/calendar.png) no-repeat center center/auto 100%;
  position: absolute;
  top: 5px;
  left: 10px;
}

/* line 1850, app/assets/stylesheets/utilities.scss */
.no-accident-record-calendar-label-hidden::before {
  display: none;
}

/* line 1854, app/assets/stylesheets/utilities.scss */
.no-accident-record-base-date input::-webkit-calendar-picker-indicator, .no-accident-record-base-date-preview input::-webkit-calendar-picker-indicator {
  background-color: #fff;
}

/* line 1858, app/assets/stylesheets/utilities.scss */
.no-accident-record-calendar-label span {
  position: absolute;
  top: 0px;
  left: 60px;
}

/* line 1864, app/assets/stylesheets/utilities.scss */
.no-accident-record-preview-iframe-wrapper {
  height: calc(100vh - 200px);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: auto;
}

/* line 1872, app/assets/stylesheets/utilities.scss */
.no-accident-record-preview-iframe-wrapper iframe {
  transform-origin: top;
  position: absolute;
  top: 0;
  aspect-ratio: 1920 / 1080;
  width: 1920px;
  height: 1080px;
}

/* line 1882, app/assets/stylesheets/utilities.scss */
.safety-duty-container, .safety-duty-container-preview {
  min-height: 535px;
  background-color: #000;
  color: #fff;
  padding: 1vh 0 1vh 0;
  font-size: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 1893, app/assets/stylesheets/utilities.scss */
.safety-duty-container-preview {
  height: calc(100vh - 160px);
  background-color: #000;
  min-height: unset;
  max-height: unset;
  padding: 3vh 0;
}

/* line 1902, app/assets/stylesheets/utilities.scss */
.container .safety-duty-container-preview {
  height: calc(100vh - 300px);
}

/* line 1906, app/assets/stylesheets/utilities.scss */
.safety-duty-content, .safety-duty-content-preview {
  width: 95%;
  display: grid;
  grid-template-columns: 12% 48% 8% 27% 5%;
  background-color: #393939;
  color: #fff;
  padding: 0.4vh 1vh;
  margin: 0.4vh 0;
  align-content: center;
  align-items: center;
  border-width: 1px;
  border-color: #fff;
}

/* line 1919, app/assets/stylesheets/utilities.scss */
.safety-duty-content label, .safety-duty-content-preview label {
  white-space: nowrap;
}

/* line 1923, app/assets/stylesheets/utilities.scss */
.safety-duty-content input, .safety-duty-content-preview input {
  height: 6vh;
  width: 85%;
  margin: auto 5vh auto 1vh;
  border: solid !important;
  font-weight: bold;
  font-size: 27px;
  background-color: #393939;
  color: #fff;
}

/* line 1935, app/assets/stylesheets/utilities.scss */
.safety-duty-content-preview {
  width: 90%;
  height: 120px;
  grid-template-columns: 70% 30%;
  margin: 1vh 0;
  padding: 0.5vh 1vh;
  text-align: left;
}

/* line 1944, app/assets/stylesheets/utilities.scss */
.safety-duty-content-preview div {
  padding: 0 1vh;
}

/* line 1949, app/assets/stylesheets/utilities.scss */
.safety-duty-delete-button {
  padding-top: 1.5vh;
}

/* line 1953, app/assets/stylesheets/utilities.scss */
#js-new-safety-duty {
  margin: 1vh;
  width: 72px;
  height: 72px;
}

/* line 1958, app/assets/stylesheets/utilities.scss */
#js-new-safety-duty:hover {
  cursor: pointer;
}

/* line 1963, app/assets/stylesheets/utilities.scss */
#js-edit-schedule-box {
  display: none;
}

/* line 1967, app/assets/stylesheets/utilities.scss */
.delivery-group-schedule-container {
  height: calc(100vh - 300px);
}

/* line 1971, app/assets/stylesheets/utilities.scss */
.delivery-group-schedule-date-field {
  border: solid #f59419;
  padding: 8px 4px;
  font-size: 1.4rem;
  font-family: inherit;
  border-radius: 4px;
  background: #fff;
}

/* line 1980, app/assets/stylesheets/utilities.scss */
.four-screen-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* line 1985, app/assets/stylesheets/utilities.scss */
.four-screen-item {
  margin: 2vh 2vh 1vh 2vh;
  position: relative;
  height: 47vh;
}

/* line 1992, app/assets/stylesheets/utilities.scss */
.four-screen-item iframe {
  width: 1920px;
  height: 1080px;
  transform-origin: 0 0;
  transform: scale(0.35);
  position: absolute;
  top: 0;
}

/* line 2010, app/assets/stylesheets/utilities.scss */
.operation-chief-container, .licensed-person-container, .operation-chief-container-preview, .buildee_licensed-person-container-preview, .licensed-person-container-preview {
  min-height: 535px;
  background-color: #000;
  color: #fff;
  padding: 1vh 0 1vh 0;
  font-size: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 2022, app/assets/stylesheets/utilities.scss */
.operation-chief-container-preview, .buildee_licensed-person-container-preview, .licensed-person-container-preview {
  height: calc(100vh - 160px);
  background-color: #000;
  min-height: unset;
  max-height: unset;
}

/* line 2031, app/assets/stylesheets/utilities.scss */
.container .operation-chief-container-preview, .container .buildee_licensed-person-container-preview, .container .licensed-person-container-preview {
  height: calc(100vh - 300px);
}

/* line 2035, app/assets/stylesheets/utilities.scss */
.thumbnail-preview .operation-chief-container-preview, .thumbnail-preview .buildee_licensed-person-container-preview, .thumbnail-preview .licensed-person-container-preview {
  height: calc(100vh - 160px) !important;
}

/* line 2039, app/assets/stylesheets/utilities.scss */
.operation-chief-content, .licensed-person-content, .operation-chief-content-preview, .licensed-person-content-preview {
  width: 95%;
  max-height: 5vh;
  display: grid;
  grid-template-columns: 8% 24% 8% 30% 6% 17% 6%;
  background-color: #393939;
  color: #fff;
  padding: 0.4vh 1vh;
  margin: 0.1vh 0;
  align-content: center;
  align-items: center;
  border-width: 1px;
  border-color: #fff;
}

/* line 2053, app/assets/stylesheets/utilities.scss */
.operation-chief-content label, .licensed-person-content label, .operation-chief-content-preview label, .licensed-person-content-preview label {
  white-space: nowrap;
  text-align: center;
  margin: auto 16px;
}

/* line 2059, app/assets/stylesheets/utilities.scss */
.operation-chief-content input, .licensed-person-content input, .operation-chief-content-preview input, .licensed-person-content-preview input {
  width: 85%;
  margin: auto 1vh auto 1vh;
  padding: 4px 4px 1px 4px !important;
  border: 2px solid !important;
  font-weight: bold;
  background-color: #393939;
  color: #fff;
  font-size: 24px;
}

/* line 2071, app/assets/stylesheets/utilities.scss */
.operation-chief-content-preview, .licensed-person-content-preview {
  width: 90%;
  min-height: 7.2vh;
  grid-template-columns: 31.5% 47.5% 21%;
  margin: 0.5vh 0;
  padding: 0.5vh 1vh;
  text-align: left;
}

/* line 2080, app/assets/stylesheets/utilities.scss */
.operation-chief-content-preview div, .licensed-person-content-preview div {
  padding: 0 1vh;
}

/* line 2085, app/assets/stylesheets/utilities.scss */
.operation-chief-delete-button, .licensed-person-delete-button {
  display: flex;
  align-items: center;
  margin-left: 1vw;
}

/* line 2091, app/assets/stylesheets/utilities.scss */
#js-new-operation-chief, #js-new-licensed-person {
  margin: 1vh;
  height: 5vh;
}

/* line 2095, app/assets/stylesheets/utilities.scss */
#js-new-operation-chief:hover, #js-new-licensed-person:hover {
  cursor: pointer;
}

/* line 2100, app/assets/stylesheets/utilities.scss */
.operation-chief-iframe, .confirmed-by-building-standards-act-iframe, .construction-industry-permit-iframe, .workers-accident-insurance-establishment-certificate-iframe, .no-accident-record-iframe, .wire-rope-inspection-colors-iframe, .weekly-work-plan-iframe, .four-screen-container .licensed-person-iframe, .web-page-iframe, .presentation-loop-content-iframe, .licensed-person-iframe {
  aspect-ratio: 1920 / 1080;
}

/* line 2117, app/assets/stylesheets/utilities.scss */
.four-screen-container .operation-chief-iframe, .four-screen-container .confirmed-by-building-standards-act-iframe, .four-screen-container .construction-industry-permit-iframe, .four-screen-container .workers-accident-insurance-establishment-certificate-iframe, .four-screen-container .no-accident-record-iframe, .four-screen-container .wire-rope-inspection-colors-iframe, .four-screen-container .weekly-work-plan-iframe, .four-screen-container .licensed-person-iframe, .four-screen-container .presentation-loop-content-iframe, .four-screen-container .web-page-iframe {
  position: absolute;
  transform-origin: 0 0;
  transform: scale(0.75);
  min-width: 100vw;
  margin-right: -25vw;
  aspect-ratio: 1920 / 1080;
}

/* line 2140, app/assets/stylesheets/utilities.scss */
.buildee_licensed-person-container-preview {
  overflow-y: overlay;
}

/* line 2143, app/assets/stylesheets/utilities.scss */
.buildee_licensed-person-container-preview::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* line 2148, app/assets/stylesheets/utilities.scss */
.buildee_licensed-person-container-preview::-webkit-scrollbar-thumb {
  background: #f59419;
  border-radius: 4px;
}

/* line 2156, app/assets/stylesheets/utilities.scss */
.buildee_licensed-person-container-preview:has(.font-40) {
  justify-content: center;
}

/* line 2160, app/assets/stylesheets/utilities.scss */
.container .licensed-person-container-preview {
  height: calc(100vh - 300px);
}

/* line 2164, app/assets/stylesheets/utilities.scss */
.thumbnail-preview .licensed-person-container-preview {
  height: calc(100vh - 160px) !important;
}

/* line 2184, app/assets/stylesheets/utilities.scss */
.user-management-index-container {
  width: 100%;
  min-width: 1280px;
}

/* line 2190, app/assets/stylesheets/utilities.scss */
.user-management-index-content {
  display: grid;
  grid-template-columns: 1fr 1fr 150px 200px 220px 80px 80px 220px;
}

/* line 2195, app/assets/stylesheets/utilities.scss */
.user-management-index-content span {
  border: solid 1px;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* line 2201, app/assets/stylesheets/utilities.scss */
.user-management-index-content:nth-child(even) {
  background-color: #00000014;
}

/* line 2205, app/assets/stylesheets/utilities.scss */
.user-management-form-table td:nth-child(even) {
  width: 300px;
  padding: 10px 0;
}

/* line 2210, app/assets/stylesheets/utilities.scss */
.user-management-form-table td:nth-child(odd) {
  width: 200px;
  padding: 10px 0;
}

/* line 2215, app/assets/stylesheets/utilities.scss */
.user-management-search-form {
  max-width: 480px;
}

/* line 2219, app/assets/stylesheets/utilities.scss */
#announcement-list {
  max-width: 1920px;
}

/* line 2223, app/assets/stylesheets/utilities.scss */
.announcement-index-container {
  padding: 1vw 2vh;
  max-width: 1920px;
}

/* line 2229, app/assets/stylesheets/utilities.scss */
.announcement-index-content {
  display: grid;
  grid-template-columns: 0.2fr 1fr 80px 80px;
}

/* line 2234, app/assets/stylesheets/utilities.scss */
.announcement-index-content:nth-child(even) {
  background-color: #00000014;
}

/* line 2238, app/assets/stylesheets/utilities.scss */
.announcement-index-content span {
  border-bottom: solid 1px;
  display: flex;
  align-items: center;
}

/* line 2244, app/assets/stylesheets/utilities.scss */
.announcement-index-content p {
  margin: 0;
}

/* line 2248, app/assets/stylesheets/utilities.scss */
.announcement-text-area {
  width: 100%;
  padding: 12px;
  border: solid #f59419;
  font: inherit;
}

/* line 2255, app/assets/stylesheets/utilities.scss */
.announcement-input {
  width: 100%;
  padding: 12px;
  border: solid #f59419;
  font: inherit;
}

/* line 2263, app/assets/stylesheets/utilities.scss */
.announcement-form-container form {
  width: 1200px;
}

/* line 2268, app/assets/stylesheets/utilities.scss */
.announcement-form-table {
  width: 100%;
}

/* line 2271, app/assets/stylesheets/utilities.scss */
.announcement-form-table td {
  padding: 10px 20px;
}

/* line 2276, app/assets/stylesheets/utilities.scss */
.field-contents-announcement-detail {
  margin: 0 !important;
  line-height: normal !important;
}

/* line 2281, app/assets/stylesheets/utilities.scss */
.field-contents-announcement-detail-home {
  max-width: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 2288, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-container, .weekly-work-plan-container-preview {
  background-color: #fff;
  color: #333;
  padding: 0.8vh 0 0 0;
  font-size: 30px;
}

/* line 2295, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-content {
  width: 95%;
  padding: 0.4vh 1vh;
  margin: auto;
  border-width: 1px;
}

/* line 2304, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-content input,
.weekly-work-plan-content textarea {
  margin: 1vh 0;
  padding: 4px 4px 1px 4px !important;
  border: 2px solid !important;
  font-size: 24px;
}

/* line 2312, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-content textarea {
  padding: 0.5vh !important;
  resize: none;
}

/* line 2317, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-content hr {
  border: 1px solid #282828;
}

/* line 2322, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-title {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #01954a;
  border-radius: 4vh;
  color: #fff;
  height: 8vh;
  font-size: 5rem;
}

/* line 2333, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-title-input {
  font-size: 5rem !important;
  color: #fff;
  background-color: #01954a;
  width: calc(100% - 100px);
}

/* line 2340, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-informations {
  display: grid;
  grid-template-columns: 25% 75%;
}

/* line 2344, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-informations textarea {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
}

/* line 2357, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-plans {
  display: grid;
  grid-template-columns: 25% 75%;
  border: solid #333;
  margin: auto 0 0 0;
  border-width: 2px !important;
}

/* line 2361, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-plans div {
  border-width: 2px !important;
  border-bottom: 2px solid #cccccc !important;
  border-right: 2px solid #cccccc !important;
  text-align: right;
}

/* line 2367, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-plans div:nth-child(13) {
  border-bottom: 0px !important;
}

/* line 2372, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-plans label {
  margin: 0 0.5vw;
  font-size: 2.4rem;
}

/* line 2377, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-plans input {
  margin: 0;
  border: 0px !important;
  border-bottom: 2px solid #cccccc !important;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
}

/* line 2382, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-plans input:last-child {
  border-bottom: 0px !important;
}

/* line 2392, app/assets/stylesheets/utilities.scss */
#weekly_work_plan_form_first_date {
  width: 0;
  height: 0;
  border: none !important;
  padding: 0 !important;
}

/* line 2399, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-contact {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 2.3rem;
}

/* line 2406, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-contact label[for="weekly_work_plan_form_tel"] {
  text-align: right;
}

/* line 2410, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-contact input {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
}

/* line 2434, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-plans-preview {
  display: grid;
  grid-template-columns: 25% 75%;
  border: solid #333;
  margin: auto 0 0 0;
  font-size: 4vh;
  border: 4px solid #333;
}

/* line 2440, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-plans-preview div {
  padding: 0.6vh 0 0.6vh 2vw;
  border: 0px;
  border-bottom: 2px solid #cccccc;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 2448, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-plans-preview div:last-child {
  border-bottom: 0;
}

/* line 2453, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-plans-preview label {
  padding: 0.4vh 0;
  margin: 0;
  border: 0px;
  border-bottom: 2px solid #cccccc;
}

/* line 2460, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-plans-preview label:nth-child(13) {
  border-bottom: 0;
}

/* line 2466, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-container-preview {
  font-size: 4rem;
  height: 100vh;
}

/* line 2471, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-container-preview .weekly-work-plan-title {
  font-size: 80px;
  border-radius: 60px;
  height: 120px;
}

/* line 2477, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-container-preview .weekly-work-plan-contact {
  font-size: 5vh;
}

/* line 2480, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-container-preview .weekly-work-plan-contact label {
  font-size: 4vh;
}

/* line 2485, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-container-preview .weekly-work-plan-information {
  border: 4px solid #282828;
  height: 140px;
}

/* line 2490, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-container-preview .weekly-work-plan-information-label {
  font-size: 6rem;
}

/* line 2494, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-container-preview hr {
  border: 2px solid #282828;
}

/* line 2499, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-information {
  font-size: 4vh;
  border: solid #282828;
  margin: 1vh 0;
  white-space: pre-wrap;
  height: 12vh;
}

/* line 2507, app/assets/stylesheets/utilities.scss */
.weekly-work-plan-tel {
  font-size: 4vh;
}

/* line 2512, app/assets/stylesheets/utilities.scss */
.wire-rope-inspection-colors-preview-iframe-wrapper {
  height: calc(100vh - 200px);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: auto;
}

/* line 2522, app/assets/stylesheets/utilities.scss */
.wire-rope-inspection-colors-preview-iframe-wrapper iframe {
  transform-origin: top;
  position: absolute;
  top: 0;
  aspect-ratio: 1920 / 1080;
  width: 1920px;
  height: 1080px;
}

/* line 2532, app/assets/stylesheets/utilities.scss */
#bgm_play,
#bgm_pause {
  margin: auto 1vw auto 1vw;
  width: 150px;
}

/* line 2538, app/assets/stylesheets/utilities.scss */
.weather-forecast-content {
  width: 100%;
}

/* line 2542, app/assets/stylesheets/utilities.scss */
.weather-forecast-header {
  font-size: 48px;
  background-color: #FFEB00;
  height: 100px;
  display: flex;
  align-items: center;
  padding-left: 24px;
}

/* line 2551, app/assets/stylesheets/utilities.scss */
.weather-forecast-error {
  color: white;
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* line 2560, app/assets/stylesheets/utilities.scss */
.weather-forecast-hourly {
  display: grid;
  grid-template-columns: 362px 141px 141px 141px 141px 356px 141px 141px 141px 139px;
  grid-template-rows: 73px 94px 212px 56px 56px 57px 56px;
  background-color: #282828;
  margin: 14px 42px 7px 34px;
  color: #ffffff;
}

/* line 2568, app/assets/stylesheets/utilities.scss */
.weather-forecast-hourly div {
  border: solid 2px #393939;
}

/* line 2573, app/assets/stylesheets/utilities.scss */
.weather-forecast-heatstroke-safety {
  background-color: #1E64FF;
  color: #FFFFFF;
}

/* line 2578, app/assets/stylesheets/utilities.scss */
.weather-forecast-heatstroke0 {
  background-color: #1EC2FF;
  color: #000000;
}

/* line 2583, app/assets/stylesheets/utilities.scss */
.weather-forecast-heatstroke1 {
  background-color: #FFEB00;
  color: #000000;
}

/* line 2588, app/assets/stylesheets/utilities.scss */
.weather-forecast-heatstroke2 {
  background-color: #F59419;
  color: #FFFFFF;
}

/* line 2593, app/assets/stylesheets/utilities.scss */
.weather-forecast-heatstroke3 {
  background-color: #E83939;
  color: #FFFFFF;
}

/* line 2598, app/assets/stylesheets/utilities.scss */
.weather-forecasts-iframe-wrapper {
  height: 0;
  padding-top: calc(100vh - 390px);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: auto;
}

/* line 2607, app/assets/stylesheets/utilities.scss */
.weather-forecasts-iframe-wrapper iframe {
  transform-origin: top;
  position: absolute;
  top: 0;
  aspect-ratio: 1920 / 1080;
  width: 1920px;
  height: 1080px;
}

/* line 2617, app/assets/stylesheets/utilities.scss */
.weather-forecasts-non-preview {
  position: absolute;
  top: 50%;
  font-size: 24px;
}

/* line 2623, app/assets/stylesheets/utilities.scss */
#weather-forecast-pinpoint-name {
  grid-column: 1 / 11;
  grid-row: 1 / 2;
  font-size: 40px;
  padding-left: 40px;
}

/* line 2630, app/assets/stylesheets/utilities.scss */
#weather-forecast-today-weather {
  grid-column: 1 / 2;
  grid-row: 2 / 4;
  font-size: 40px;
}

/* line 2636, app/assets/stylesheets/utilities.scss */
#weather-forecast-today-heatstroke {
  grid-column: 2 / 6;
  grid-row: 2 / 3;
  font-size: 30px;
  color: #FFBA00;
}

/* line 2643, app/assets/stylesheets/utilities.scss */
#weather-forecast-today-temperature {
  grid-column: 2 / 6;
  grid-row: 3 / 4;
  font-size: 30px;
}

/* line 2649, app/assets/stylesheets/utilities.scss */
.weather-forecast-today-temperature-detail {
  display: flex;
  align-content: center;
  justify-content: center;
  width: 516px;
  border: none;
  margin: 22px 0 22px 0;
}

/* line 2658, app/assets/stylesheets/utilities.scss */
.weather-forecast-today-temperature-detail-box {
  border: none !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 2665, app/assets/stylesheets/utilities.scss */
.weather-forecast-today-temperature-detail-time {
  font-size: 30px;
  border: none !important;
  width: 432px;
  text-align: left;
}

/* line 2672, app/assets/stylesheets/utilities.scss */
.weather-forecast-today-temperature-detail-index {
  font-size: 60px;
  border: none !important;
  white-space: nowrap;
  text-align: center;
}

/* line 2680, app/assets/stylesheets/utilities.scss */
#weather-forecast-tommorow-weather {
  grid-column: 6 / 7;
  grid-row: 2 / 4;
  font-size: 40px;
}

/* line 2686, app/assets/stylesheets/utilities.scss */
#weather-forecast-tommorow-heatstroke {
  grid-column: 7 / 11;
  grid-row: 2 / 3;
  font-size: 30px;
  color: #FFBA00;
}

/* line 2693, app/assets/stylesheets/utilities.scss */
#weather-forecast-tommorow-temperature {
  grid-column: 7 / 11;
  grid-row: 3 / 4;
}

/* line 2698, app/assets/stylesheets/utilities.scss */
#weather-forecast-today-rain-percentage {
  grid-column: 1 / 2;
  grid-row: 4 / 6;
  font-size: 30px;
  color: #FFBA00;
}

/* line 2705, app/assets/stylesheets/utilities.scss */
#weather-forecast-today-0006 {
  grid-column: 2 / 3;
  grid-row: 4 / 5;
  font-size: 30px;
  color: #FFBA00;
}

/* line 2712, app/assets/stylesheets/utilities.scss */
#weather-forecast-today-0612 {
  grid-column: 3 / 4;
  grid-row: 4 / 5;
  font-size: 30px;
  color: #FFBA00;
}

/* line 2719, app/assets/stylesheets/utilities.scss */
#weather-forecast-today-1218 {
  grid-column: 4 / 5;
  grid-row: 4 / 5;
  font-size: 30px;
  color: #FFBA00;
}

/* line 2726, app/assets/stylesheets/utilities.scss */
#weather-forecast-today-1824 {
  grid-column: 5 / 6;
  grid-row: 4 / 5;
  font-size: 30px;
  color: #FFBA00;
}

/* line 2733, app/assets/stylesheets/utilities.scss */
#weather-forecast-today-0006-rain-percentage {
  grid-column: 2 / 3;
  grid-row: 5 / 6;
  font-size: 30px;
}

/* line 2739, app/assets/stylesheets/utilities.scss */
#weather-forecast-today-0612-rain-percentage {
  grid-column: 3 / 4;
  grid-row: 5 / 6;
  font-size: 30px;
}

/* line 2745, app/assets/stylesheets/utilities.scss */
#weather-forecast-today-1218-rain-percentage {
  grid-column: 4 / 5;
  grid-row: 5 / 6;
  font-size: 30px;
}

/* line 2751, app/assets/stylesheets/utilities.scss */
#weather-forecast-today-1824-rain-percentage {
  grid-column: 5 / 6;
  grid-row: 5 / 6;
  font-size: 30px;
}

/* line 2757, app/assets/stylesheets/utilities.scss */
#weather-forecast-tommorow-rain-percentage {
  grid-column: 6 / 7;
  grid-row: 4 / 6;
  font-size: 30px;
  color: #FFBA00;
}

/* line 2764, app/assets/stylesheets/utilities.scss */
#weather-forecast-tommorow-0006 {
  grid-column: 7 / 8;
  grid-row: 4 / 5;
  font-size: 30px;
  color: #FFBA00;
}

/* line 2771, app/assets/stylesheets/utilities.scss */
#weather-forecast-tommorow-0612 {
  grid-column: 8 / 9;
  grid-row: 4 / 5;
  font-size: 30px;
  color: #FFBA00;
}

/* line 2778, app/assets/stylesheets/utilities.scss */
#weather-forecast-tommorow-1218 {
  grid-column: 9 / 10;
  grid-row: 4 / 5;
  font-size: 30px;
  color: #FFBA00;
}

/* line 2785, app/assets/stylesheets/utilities.scss */
#weather-forecast-tommorow-1824 {
  grid-column: 10 / 11;
  grid-row: 4 / 5;
  font-size: 30px;
  color: #FFBA00;
}

/* line 2792, app/assets/stylesheets/utilities.scss */
#weather-forecast-tommorow-0006-rain-percentage {
  grid-column: 7 / 8;
  grid-row: 5 / 6;
  font-size: 30px;
}

/* line 2798, app/assets/stylesheets/utilities.scss */
#weather-forecast-tommorow-0612-rain-percentage {
  grid-column: 8 / 9;
  grid-row: 5 / 6;
  font-size: 30px;
}

/* line 2804, app/assets/stylesheets/utilities.scss */
#weather-forecast-tommorow-1218-rain-percentage {
  grid-column: 9 / 10;
  grid-row: 5 / 6;
  font-size: 30px;
}

/* line 2810, app/assets/stylesheets/utilities.scss */
#weather-forecast-tommorow-1824-rain-percentage {
  grid-column: 10 / 11;
  grid-row: 5 / 6;
  font-size: 30px;
}

/* line 2816, app/assets/stylesheets/utilities.scss */
#weather-forecast-today-temperature-label {
  grid-column: 1 / 2;
  grid-row: 6 / 8;
  font-size: 30px;
  color: #FFBA00;
}

/* line 2823, app/assets/stylesheets/utilities.scss */
#weather-forecast-today-min-temperature-label {
  grid-column: 2 / 4;
  grid-row: 6 / 7;
  font-size: 30px;
  color: #FFBA00;
}

/* line 2830, app/assets/stylesheets/utilities.scss */
#weather-forecast-today-max-temperature-label {
  grid-column: 4 / 6;
  grid-row: 6 / 7;
  font-size: 30px;
  color: #FFBA00;
}

/* line 2837, app/assets/stylesheets/utilities.scss */
#weather-forecast-today-min-temperature {
  grid-column: 2 / 4;
  grid-row: 7 / 8;
  font-size: 30px;
}

/* line 2843, app/assets/stylesheets/utilities.scss */
#weather-forecast-today-max-temperature {
  grid-column: 4 / 6;
  grid-row: 7 / 8;
  font-size: 30px;
}

/* line 2849, app/assets/stylesheets/utilities.scss */
#weather-forecast-tommorow-temperature-label {
  grid-column: 6 / 7;
  grid-row: 6 / 8;
  font-size: 30px;
  color: #FFBA00;
}

/* line 2856, app/assets/stylesheets/utilities.scss */
#weather-forecast-tommorow-min-temperature-label {
  grid-column: 7 / 9;
  grid-row: 6 / 7;
  font-size: 30px;
  color: #FFBA00;
}

/* line 2863, app/assets/stylesheets/utilities.scss */
#weather-forecast-tommorow-max-temperature-label {
  grid-column: 9 / 11;
  grid-row: 6 / 7;
  font-size: 30px;
  color: #FFBA00;
}

/* line 2870, app/assets/stylesheets/utilities.scss */
#weather-forecast-tommorow-min-temperature {
  grid-column: 7 / 9;
  grid-row: 7 / 8;
  font-size: 30px;
}

/* line 2876, app/assets/stylesheets/utilities.scss */
#weather-forecast-tommorow-max-temperature {
  grid-column: 9 / 11;
  grid-row: 7 / 8;
  font-size: 30px;
}

/* line 2882, app/assets/stylesheets/utilities.scss */
.weather-forecast-daily {
  display: grid;
  grid-template-columns: 259px 198px 198px 198px 198px 198px 198px 198px 198px;
  grid-template-rows: 52px 123px 76px 78px;
  background-color: #282828;
  margin: 7px 43px 19px 34px;
  color: #ffffff;
  font-size: 30px;
}

/* line 2891, app/assets/stylesheets/utilities.scss */
.weather-forecast-daily div {
  border: solid 2px #393939;
}

/* line 2896, app/assets/stylesheets/utilities.scss */
.responsive-preview-iframe-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: auto;
  width: fit-content;
  height: fit-content;
}

/* line 2906, app/assets/stylesheets/utilities.scss */
.responsive-preview-iframe-wrapper iframe {
  transform-origin: top;
  position: absolute;
  top: 0;
  aspect-ratio: 1920 / 1080;
  width: 1920px;
  height: 1080px;
}

/* line 2916, app/assets/stylesheets/utilities.scss */
.web-page-non-preview {
  position: absolute;
  top: 50%;
  font-size: 24px;
}

/* line 2922, app/assets/stylesheets/utilities.scss */
.youtube-movie-non-preview {
  position: absolute;
  top: 50%;
  font-size: 24px;
}

/* line 2928, app/assets/stylesheets/utilities.scss */
.detail-weather-forecast-up-black-bar {
  background: #282828;
  width: 1825px;
  height: 11px;
  margin: 0 53px 2px 38px;
}

/* line 2935, app/assets/stylesheets/utilities.scss */
.detail-weather-forecast-down-black-bar {
  background: #282828;
  width: 1825px;
  height: 17px;
  margin: 0 53px 2px 38px;
}

/* line 2942, app/assets/stylesheets/utilities.scss */
.detail-weather-forecast-box {
  margin: 0 53px 18px 38px;
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: 78px 123px 67px 68px 61px 56px;
  grid-template-columns: 255px 197px 197px 197px 197px 197px 197px 197px 193px;
  color: #FFFFFF;
}

/* line 2950, app/assets/stylesheets/utilities.scss */
.detail-weather-forecast-box div {
  border: solid #393939 2px;
  background: #282828;
}

/* line 2956, app/assets/stylesheets/utilities.scss */
.detail-weather-forecast-heatstroke0 {
  color: #1EC2FF;
}

/* line 2960, app/assets/stylesheets/utilities.scss */
.detail-weather-forecast-heatstroke1 {
  color: #FFEB00;
}

/* line 2964, app/assets/stylesheets/utilities.scss */
.detail-weather-forecast-heatstroke2 {
  color: #F59419;
}

/* line 2968, app/assets/stylesheets/utilities.scss */
.detail-weather-forecast-heatstroke3 {
  color: #E83939;
}

/* line 2972, app/assets/stylesheets/utilities.scss */
.log-output-modal-container {
  height: 220px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-weight: 700;
  font-size: 2.0rem;
  flex-direction: column;
}

/* line 2982, app/assets/stylesheets/utilities.scss */
.log-output-modal-field {
  border: solid #f59419;
  padding: 8px 4px;
  font-size: 1.4rem;
  font-family: inherit;
  border-radius: 4px;
  background: #fff;
}

/* line 2991, app/assets/stylesheets/utilities.scss */
.log-output-modal-field:disabled {
  opacity: 0.7;
}

/* line 2996, app/assets/stylesheets/utilities.scss */
.popup.two-steps-auth-setting-modal {
  height: 650px !important;
}

/* line 2999, app/assets/stylesheets/utilities.scss */
.popup.two-steps-auth-setting-modal .message {
  height: 465px;
}

/* line 3005, app/assets/stylesheets/utilities.scss */
.two-step-auth-index-container {
  padding: 10px;
}

/* line 3008, app/assets/stylesheets/utilities.scss */
.two-step-auth-index-container form {
  max-width: 480px;
}

/* line 3013, app/assets/stylesheets/utilities.scss */
.two-step-auth-index-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 220px;
}

/* line 3018, app/assets/stylesheets/utilities.scss */
.two-step-auth-index-content span {
  border: solid 1px;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* line 3025, app/assets/stylesheets/utilities.scss */
#select_area.popup {
  height: 500px !important;
}

/* line 3028, app/assets/stylesheets/utilities.scss */
#select_area.popup .message {
  height: 300px;
}

/* line 3032, app/assets/stylesheets/utilities.scss */
#select_area.popup #stb_kind option:disabled {
  color: #ccc;
}

/* line 3040, app/assets/stylesheets/utilities.scss */
#access-manager-show td,
#access-manager-show th {
  padding: 5px;
  border: solid 1px;
}

/* line 3047, app/assets/stylesheets/utilities.scss */
.access-manager-modal-container {
  height: 220px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-weight: 700;
  font-size: 2.0rem;
  flex-direction: column;
}

/* line 3057, app/assets/stylesheets/utilities.scss */
#access-users-index {
  margin: 0 50px;
}

/* line 3061, app/assets/stylesheets/utilities.scss */
.access-users-header {
  display: grid;
  grid-template-columns: auto 200px;
  background-color: #E5E3DE;
}

/* line 3066, app/assets/stylesheets/utilities.scss */
.access-users-header div {
  padding: 10px 0 10px 10px;
}

/* line 3072, app/assets/stylesheets/utilities.scss */
.access-users-content .access-users-cell {
  border-right: 1px solid #DDDDDD;
  padding: 10px 0 10px 10px;
  display: flex;
  align-items: center;
}

/* line 3078, app/assets/stylesheets/utilities.scss */
.access-users-content .access-users-cell img {
  min-width: 47px !important;
}

/* line 3083, app/assets/stylesheets/utilities.scss */
.access-users-content .access-users-cell:nth-child(2n) {
  border-right: 0;
}

/* line 3088, app/assets/stylesheets/utilities.scss */
.access-users-row {
  display: grid;
  width: 100%;
  grid-template-columns: auto 200px;
}

/* line 3094, app/assets/stylesheets/utilities.scss */
.access-users-row:nth-child(odd) {
  background-color: #eee;
}

/* line 3098, app/assets/stylesheets/utilities.scss */
.access-users-row:nth-child(even) {
  background-color: #fff;
}

/* line 3102, app/assets/stylesheets/utilities.scss */
.access-users-search-form {
  max-width: 480px;
  background-color: #FFFFFF;
}

/* line 3107, app/assets/stylesheets/utilities.scss */
.licensed-check-modal-search-form-header {
  display: grid;
  grid-template-columns: 0.3fr 1fr 1fr 1fr 1.6fr;
  width: 95vw;
  margin: 0 auto;
}

/* line 3114, app/assets/stylesheets/utilities.scss */
.licensed-check-modal-header {
  display: grid;
  grid-template-columns: 0.3fr 1fr 1fr 1fr 1.6fr;
  width: 95vw;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  margin: 0 auto;
}

/* line 3124, app/assets/stylesheets/utilities.scss */
.licensed-check-modal-header div {
  background: #E5E3DE;
  text-align: left;
  padding: 10px 10px 10px 10px;
  border-right: 1px solid;
}

/* line 3133, app/assets/stylesheets/utilities.scss */
.licensed-check-modal-header div:last-child {
  border-right-style: none;
}

/* line 3138, app/assets/stylesheets/utilities.scss */
.licensed-check-item {
  display: grid;
  grid-template-columns: 0.3fr 1fr 1fr 1fr 1.6fr;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
}

/* line 3145, app/assets/stylesheets/utilities.scss */
.licensed-check-item div {
  display: flex;
  align-items: center;
  text-align: left;
  padding: 0 10px;
  border-right: 1px solid;
}

/* line 3153, app/assets/stylesheets/utilities.scss */
.licensed-check-item div:last-child {
  border-right-style: none;
}

/* line 3158, app/assets/stylesheets/utilities.scss */
.licensed-check-item {
  border-top-style: none;
}

/* line 3162, app/assets/stylesheets/utilities.scss */
.licensed-check-item {
  border-bottom: 1px solid;
}

/* line 3166, app/assets/stylesheets/utilities.scss */
.licensed-check-item:nth-child(odd) {
  background-color: #eee;
}

/* line 3170, app/assets/stylesheets/utilities.scss */
.public-buildee-field-tree-setting-modal {
  height: 500px !important;
}

/* line 3175, app/assets/stylesheets/utilities.scss */
#public-buildee-field-tree-setting .message {
  height: 320px;
}

/* line 3180, app/assets/stylesheets/utilities.scss */
.public-buildee-field-tree-setting-modal-download-button {
  position: absolute;
  top: 180px;
  right: 50px;
}

/* line 3188, app/assets/stylesheets/utilities.scss */
.stb-management-stb-info-table td,
.stb-management-stb-info-table th {
  border: solid 1px;
  padding: 5px;
}

/* line 3195, app/assets/stylesheets/utilities.scss */
.stb-management-select-stb-group-modal-message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 3202, app/assets/stylesheets/utilities.scss */
.stb-management-select-stb-group-modal-radio {
  width: 175px;
  margin: 0 auto;
}

/* line 3208, app/assets/stylesheets/utilities.scss */
#registered-contents table th {
  background-color: #E5E3DE;
}

/* line 3212, app/assets/stylesheets/utilities.scss */
#registered-contents table td,
#registered-contents table th {
  padding: 2px;
}

/* line 3218, app/assets/stylesheets/utilities.scss */
#registered-contents table tr:nth-child(even) td {
  background-color: #00000014;
}

/* line 3224, app/assets/stylesheets/utilities.scss */
.confirm-delete-stb-message {
  height: 220px;
}

/* line 3227, app/assets/stylesheets/utilities.scss */
.confirm-delete-stb-message .message {
  font-size: 2.0rem;
  font-weight: 700;
}

/* line 3233, app/assets/stylesheets/utilities.scss */
.select-content-modal-list {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 1vw;
  row-gap: 30px;
  justify-items: center;
}

/* line 3242, app/assets/stylesheets/utilities.scss */
.select-content-modal-link {
  position: relative;
  display: block;
  color: #000000 !important;
}

/* line 3248, app/assets/stylesheets/utilities.scss */
.loop-contents-add-btn {
  height: 12vw;
  max-height: 225px;
  display: flex;
  align-items: center;
}

/* line 3255, app/assets/stylesheets/utilities.scss */
.thumbnail-preview {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 1920px;
  height: 1080px;
}

/* line 3263, app/assets/stylesheets/utilities.scss */
#wrapper:has(.workers-accident-insurance-establishment-certificate-content, .workers-accident-insurance-establishment-certificate-container-preview) {
  background-color: #000;
}

/* line 3267, app/assets/stylesheets/utilities.scss */
.workers-accident-insurance-establishment-certificate-content, .workers-accident-insurance-establishment-certificate-container-preview {
  background-color: #fff;
  color: #333;
  padding: 0;
  font-size: 36px;
  border-width: 1px;
  display: grid;
  grid-template-columns: 30% 5% 65%;
  height: 100%;
  width: 100%;
  aspect-ratio: 1920 / 1080;
}

/* line 3280, app/assets/stylesheets/utilities.scss */
.workers-accident-insurance-establishment-certificate-content input, .workers-accident-insurance-establishment-certificate-container-preview input {
  width: 95%;
  margin: 1vh 1vw;
  padding: 4px 4px 1px 4px !important;
  border: none !important;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}

/* line 3289, app/assets/stylesheets/utilities.scss */
.workers-accident-insurance-establishment-certificate-content input:focus::placeholder, .workers-accident-insurance-establishment-certificate-container-preview input:focus::placeholder {
  color: transparent;
}

/* line 3294, app/assets/stylesheets/utilities.scss */
.workers-accident-insurance-establishment-certificate-content div, .workers-accident-insurance-establishment-certificate-container-preview div {
  align-content: center;
  border: solid thin;
}

/* line 3299, app/assets/stylesheets/utilities.scss */
.workers-accident-insurance-establishment-certificate-content div:has(label), .workers-accident-insurance-establishment-certificate-container-preview div:has(label) {
  text-align-last: justify;
  padding: 8px 4px;
}

/* line 3304, app/assets/stylesheets/utilities.scss */
.workers-accident-insurance-establishment-certificate-content div:has(input), .workers-accident-insurance-establishment-certificate-container-preview div:has(input) {
  grid-column: span 2;
}

/* line 3308, app/assets/stylesheets/utilities.scss */
.workers-accident-insurance-establishment-certificate-content .from_to, .workers-accident-insurance-establishment-certificate-container-preview .from_to {
  border-right-color: #ccc;
}

/* line 3311, app/assets/stylesheets/utilities.scss */
.workers-accident-insurance-establishment-certificate-content .from_to label, .workers-accident-insurance-establishment-certificate-container-preview .from_to label {
  justify-self: center;
}

/* line 3315, app/assets/stylesheets/utilities.scss */
.workers-accident-insurance-establishment-certificate-content .from_to + div:has(input), .workers-accident-insurance-establishment-certificate-container-preview .from_to + div:has(input) {
  border-left-color: #ccc;
  grid-column: unset;
}

/* line 3321, app/assets/stylesheets/utilities.scss */
.workers-accident-insurance-establishment-certificate-content .from_to_label, .workers-accident-insurance-establishment-certificate-container-preview .from_to_label {
  grid-row: span 2;
  align-content: center;
}

/* line 3327, app/assets/stylesheets/utilities.scss */
.workers_accident_insurance_establishment_certificate_title {
  grid-column: span 3;
  padding: 8px 100px;
  letter-spacing: 3rem;
  font-size: 6rem;
}

/* line 3339, app/assets/stylesheets/utilities.scss */
.workers-accident-insurance-establishment-certificate-container-preview {
  font-size: 6rem;
  height: 100vh;
  aspect-ratio: 1920 / 1080;
  justify-self: center;
}

/* line 3347, app/assets/stylesheets/utilities.scss */
.workers-accident-insurance-establishment-certificate-container-preview div {
  text-align: center;
}

/* line 3351, app/assets/stylesheets/utilities.scss */
.workers-accident-insurance-establishment-certificate-container-preview div:has(label) + div {
  grid-column: span 2;
}

/* line 3355, app/assets/stylesheets/utilities.scss */
.workers-accident-insurance-establishment-certificate-container-preview .from_to {
  grid-column: unset;
}

/* line 3358, app/assets/stylesheets/utilities.scss */
.workers-accident-insurance-establishment-certificate-container-preview .from_to + div {
  border-left-color: #ccc;
  grid-column: unset;
}

/* line 3365, app/assets/stylesheets/utilities.scss */
#wrapper:has(.construction-industry-permit-content, .construction-industry-permit-container-preview) {
  background-color: #000;
}

/* line 3369, app/assets/stylesheets/utilities.scss */
.construction-industry-permit-content, .construction-industry-permit-container-preview {
  background-color: #fff;
  color: #333;
  padding: 0;
  font-size: 32px;
  border-width: 1px;
  display: grid;
  grid-template-columns: 8% 17% 11% 32% 16% 16%;
  height: 100%;
  width: 100%;
  aspect-ratio: 1920 / 1080;
}

/* line 3381, app/assets/stylesheets/utilities.scss */
.construction-industry-permit-content input, .construction-industry-permit-container-preview input {
  width: 95%;
  margin: auto;
  padding: 4px 4px 1px 4px !important;
  border: none !important;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
}

/* line 3390, app/assets/stylesheets/utilities.scss */
.construction-industry-permit-content input:focus::placeholder, .construction-industry-permit-container-preview input:focus::placeholder {
  color: transparent;
}

/* line 3395, app/assets/stylesheets/utilities.scss */
.construction-industry-permit-content div, .construction-industry-permit-container-preview div {
  align-content: center;
  border: solid thin;
}

/* line 3400, app/assets/stylesheets/utilities.scss */
.construction-industry-permit-content div:has(label), .construction-industry-permit-container-preview div:has(label) {
  grid-column: span 3;
  text-align: justify;
  text-align-last: justify;
  padding: 4px 4px;
}

/* line 3407, app/assets/stylesheets/utilities.scss */
.construction-industry-permit-content div:has(input), .construction-industry-permit-container-preview div:has(input) {
  grid-column: span 3;
}

/* line 3411, app/assets/stylesheets/utilities.scss */
.construction-industry-permit-content .manager, .construction-industry-permit-container-preview .manager {
  grid-column: unset;
  font-size: 28px;
}

/* line 3415, app/assets/stylesheets/utilities.scss */
.construction-industry-permit-content .manager label, .construction-industry-permit-container-preview .manager label {
  justify-self: center;
}

/* line 3421, app/assets/stylesheets/utilities.scss */
.construction-industry-permit-title {
  grid-column: span 6;
  padding: 4px 100px;
  letter-spacing: 3rem;
  font-size: 5.5rem;
}

/* line 3432, app/assets/stylesheets/utilities.scss */
.construction-industry-permit-container-preview {
  font-size: 5.3rem;
  height: 100vh;
  aspect-ratio: 1920 / 1080;
  justify-self: center;
}

/* line 3439, app/assets/stylesheets/utilities.scss */
.construction-industry-permit-container-preview div {
  text-align: center;
}

/* line 3443, app/assets/stylesheets/utilities.scss */
.construction-industry-permit-container-preview div:has(label) {
  text-align: unset;
}

/* line 3448, app/assets/stylesheets/utilities.scss */
.construction-industry-permit-container-preview div:has(label) + div {
  grid-column: span 3;
}

/* line 3452, app/assets/stylesheets/utilities.scss */
.construction-industry-permit-container-preview .manager {
  font-size: 4rem;
  letter-spacing: 1.5rem;
}

/* line 3456, app/assets/stylesheets/utilities.scss */
.construction-industry-permit-container-preview .manager label {
  text-align-last: unset;
  letter-spacing: 1rem;
}

/* line 3463, app/assets/stylesheets/utilities.scss */
#wrapper:has(.confirmed-by-building-standards-act-content, .confirmed-by-building-standards-act-container-preview) {
  background-color: #000;
}

/* line 3467, app/assets/stylesheets/utilities.scss */
.confirmed-by-building-standards-act-content, .confirmed-by-building-standards-act-container-preview {
  background-color: #fff;
  color: #333;
  padding: 0;
  font-size: 36px;
  border-width: 1px;
  display: grid;
  grid-template-columns: 35% 65%;
  height: 100%;
  width: 100%;
  aspect-ratio: 1920 / 1080;
}

/* line 3479, app/assets/stylesheets/utilities.scss */
.confirmed-by-building-standards-act-content input, .confirmed-by-building-standards-act-container-preview input {
  width: 95%;
  margin: 0.5vh 1vw;
  padding: 4px 4px 1px 4px !important;
  border: none !important;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}

/* line 3489, app/assets/stylesheets/utilities.scss */
.confirmed-by-building-standards-act-content div, .confirmed-by-building-standards-act-container-preview div {
  align-content: center;
  border: solid thin;
}

/* line 3494, app/assets/stylesheets/utilities.scss */
.confirmed-by-building-standards-act-content div:has(label), .confirmed-by-building-standards-act-container-preview div:has(label) {
  text-align-last: justify;
  padding: 4px 4px;
}

/* line 3500, app/assets/stylesheets/utilities.scss */
.confirmed-by-building-standards-act-title {
  grid-column: span 2;
  padding: 4px 100px;
  letter-spacing: 2rem;
  font-size: 6rem;
}

/* line 3511, app/assets/stylesheets/utilities.scss */
.confirmed-by-building-standards-act-container-preview {
  grid-template-columns: 35% 65%;
  font-size: 6rem;
  height: 100vh;
  aspect-ratio: 1920 / 1080;
  justify-self: center;
}

/* line 3519, app/assets/stylesheets/utilities.scss */
.confirmed-by-building-standards-act-container-preview div {
  text-align: center;
}

/* line 3524, app/assets/stylesheets/utilities.scss */
.buildee-entrance-results-message-content {
  background-color: #000000;
  padding: 4px;
  border-top: #393939 solid 5px;
  font-size: 5rem;
  text-align: center;
}

/* line 3532, app/assets/stylesheets/utilities.scss */
.buildee-entrance-results-message {
  width: 100%;
  font-family: inherit;
  font-size: 24px;
  text-align: center;
}

/* line 3539, app/assets/stylesheets/utilities.scss */
.buildee-entrance-results-title {
  display: grid;
  grid-template-columns: 25% 25% 13% 13% 12% 12%;
  align-content: center;
  text-align: left;
  color: #fff;
  font-weight: bold;
  width: 100%;
}

/* line 3549, app/assets/stylesheets/utilities.scss */
.buildee-entrance-results-title-text {
  padding: 10px 28px 10px 24px;
}

/* line 3553, app/assets/stylesheets/utilities.scss */
.buildee-entrance-results-title-join-text {
  padding: 10px 28px 10px 24px;
}

/* line 3557, app/assets/stylesheets/utilities.scss */
.buildee-entrance-results-content {
  display: grid;
  grid-template-columns: 25% 25% 13% 13% 12% 12%;
  align-content: center;
  text-align: left;
  color: #fff;
  font-weight: bold;
  border: #000000;
  border-style: none none solid none;
  border-width: 1px;
  width: 100%;
}

/* line 3569, app/assets/stylesheets/utilities.scss */
.buildee-entrance-results-content .buildee-entrance-results-title-text,
.buildee-entrance-results-content .buildee-entrance-results-title-join-text {
  background-color: #393939;
  margin: 1px;
}

/* line 3576, app/assets/stylesheets/utilities.scss */
.buildee-entrance-results-primary-company-title {
  display: grid;
  grid-template-columns: 50% 13% 13% 12% 12%;
  align-content: center;
  text-align: left;
  color: #fff;
  font-weight: bold;
  width: 100%;
}

/* line 3586, app/assets/stylesheets/utilities.scss */
.buildee-entrance-results-primary-company-content {
  display: grid;
  grid-template-columns: 50% 13% 13% 12% 12%;
  align-content: center;
  text-align: left;
  color: #fff;
  font-weight: bold;
  border: #000000;
  border-style: none none solid none;
  border-width: 1px;
  width: 100%;
}

/* line 3598, app/assets/stylesheets/utilities.scss */
.buildee-entrance-results-primary-company-content .buildee-entrance-results-title-text,
.buildee-entrance-results-primary-company-content .buildee-entrance-results-title-join-text {
  background-color: #393939;
  margin: 1px;
}

/* line 3605, app/assets/stylesheets/utilities.scss */
.buildee-ccus-workers-message-content {
  background-color: #000000;
  padding: 4px;
  border-top: #393939 solid 5px;
  text-align: center;
}

/* line 3613, app/assets/stylesheets/utilities.scss */
.buildee-ccus-workers-message {
  width: 100%;
  font-family: inherit;
  font-size: 28px;
  text-align: center;
}

/* line 3620, app/assets/stylesheets/utilities.scss */
.buildee-ccus-workers-title {
  display: grid;
  grid-template-columns: 25% 25% 12% 16% 10% 12%;
  align-content: center;
  text-align: left;
  color: #fff;
  font-weight: bold;
  width: 100%;
}

/* line 3630, app/assets/stylesheets/utilities.scss */
.buildee-ccus-workers-title-text {
  padding: 10px 28px 10px 24px;
}

/* line 3634, app/assets/stylesheets/utilities.scss */
.buildee-ccus-workers-title-join-text {
  padding: 10px 28px 10px 24px;
}

/* line 3638, app/assets/stylesheets/utilities.scss */
.buildee-ccus-workers-content {
  display: grid;
  grid-template-columns: 25% 25% 12% 16% 10% 12%;
  align-content: center;
  text-align: left;
  color: #fff;
  font-weight: bold;
  border: #000000;
  border-style: none none solid none;
  border-width: 1px;
  width: 100%;
}

/* line 3650, app/assets/stylesheets/utilities.scss */
.buildee-ccus-workers-content .buildee-ccus-workers-title-text,
.buildee-ccus-workers-content .buildee-ccus-workers-title-join-text {
  background-color: #393939;
  margin: 1px;
}

/* line 3657, app/assets/stylesheets/utilities.scss */
.buildee-entrance-ccus-worker-company-name {
  position: sticky;
  top: 10px;
  bottom: 10px;
}

/* line 3663, app/assets/stylesheets/utilities.scss */
.stb-association-reservations-target-date {
  padding: 12px;
  border: solid #F59419;
}

/* line 3668, app/assets/stylesheets/utilities.scss */
#confirm-cancel-modal.popup,
#child-stbs-modal.popup {
  position: fixed;
}

/* line 3675, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .display_settings, .buildee-worker-new-entrants-preview-container .display_settings,
.b-buildee-worker-new-entrants-container .focus-settings,
.buildee-worker-new-entrants-preview-container .focus-settings {
  width: 60%;
  margin: auto;
  display: grid;
}

/* line 3683, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .display_settings, .buildee-worker-new-entrants-preview-container .display_settings {
  grid-template-columns: 1fr 1fr;
}

/* line 3687, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .focus-settings, .buildee-worker-new-entrants-preview-container .focus-settings {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

/* line 3691, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .focus-settings a, .buildee-worker-new-entrants-preview-container .focus-settings a {
  text-decoration: #F59419;
}

/* line 3696, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .focus-settings div:first-child a, .buildee-worker-new-entrants-preview-container .focus-settings div:first-child a {
  text-decoration: underline;
}

/* line 3702, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .setting-page, .buildee-worker-new-entrants-preview-container .setting-page {
  background-color: #393939;
  color: #fff;
  aspect-ratio: 16 / 9;
  height: calc(100vh - 400px);
  min-height: 575px;
  margin: 0 auto;
}

/* line 3711, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .file-select, .buildee-worker-new-entrants-preview-container .file-select {
  color: #333;
  background: #F2F1ED;
  margin-top: 10%;
  width: 100%;
  height: 80%;
}

/* line 3717, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .file-select .file_select, .buildee-worker-new-entrants-preview-container .file-select .file_select {
  padding: 10px;
}

/* line 3722, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .image-preview, .buildee-worker-new-entrants-preview-container .image-preview {
  width: 100%;
  height: 60%;
}

/* line 3725, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .image-preview img, .buildee-worker-new-entrants-preview-container .image-preview img {
  height: 100%;
  object-fit: contain;
}

/* line 3731, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .buildee-worker-new-entrants-top-page, .buildee-worker-new-entrants-preview-container .buildee-worker-new-entrants-top-page {
  display: grid;
  grid-template-columns: 57% 43%;
  grid-template-rows: 90% 10%;
  place-items: center;
  place-content: center;
  background-image: url(/assets/new_entrant_top-bdcd7b0f3534a822a5e92c0bde4d2e9dacddf97b61b797941618cd5672a4bf8d.jpg);
  background-size: contain;
}

/* line 3741, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .buildee-worker-new-entrants-no-photo-page, .buildee-worker-new-entrants-preview-container .buildee-worker-new-entrants-no-photo-page {
  display: grid;
  grid-template-columns: 57% 43%;
  place-items: center;
  background-image: url(/assets/new_entrant_no_image-087ff5817c5fc7571a29d5612448372fbdc4a60de9df51ae8cc217e2dbb6ceb9.jpg);
  background-size: contain;
}

/* line 3750, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .buildee-worker-new-entrants-last-page, .buildee-worker-new-entrants-preview-container .buildee-worker-new-entrants-last-page {
  display: grid;
  grid-template-columns: 57% 43%;
  align-items: center;
  background-image: url(/assets/new_entrant-ce8d5ce4ccc6144b57270044a6727fac9e90cf1113c54c9a5ba83f10d345677a.jpg);
  background-size: contain;
}

/* line 3758, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .photo-container, .buildee-worker-new-entrants-preview-container .photo-container {
  justify-self: center;
  overflow: hidden;
  width: 80%;
  height: 80%;
  position: relative;
  margin-left: 3.9%;
}

/* line 3767, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container #intro-container-image, .buildee-worker-new-entrants-preview-container #intro-container-image {
  height: 100%;
  padding: 15% 10% 10%;
}

/* line 3770, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container #intro-container-image div, .buildee-worker-new-entrants-preview-container #intro-container-image div {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/* line 3774, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container #intro-container-image div img, .buildee-worker-new-entrants-preview-container #intro-container-image div img {
  width: 100%;
  height: 100%;
}

/* line 3781, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container #intro-message, .buildee-worker-new-entrants-preview-container #intro-message {
  padding-bottom: 5%;
}

/* line 3785, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .member-info, .buildee-worker-new-entrants-preview-container .member-info {
  display: flex;
  position: relative;
  height: 100%;
  width: 100%;
  flex-direction: column;
}

/* line 3792, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .member-info div, .buildee-worker-new-entrants-preview-container .member-info div {
  position: absolute;
  left: 30%;
  color: #fff;
  display: flex;
  align-items: center;
  height: 17%;
  max-width: 80%;
  font-size: 4.8rem;
}

/* line 3803, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .member-info #member-date, .buildee-worker-new-entrants-preview-container .member-info #member-date {
  top: 7.4%;
  left: 3.9%;
  font-size: 3rem;
  height: 4%;
}

/* line 3810, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .member-info #member-company_1, .buildee-worker-new-entrants-preview-container .member-info #member-company_1 {
  top: 12.9%;
  left: 3.9%;
  font-size: 6rem;
  height: 14%;
  max-width: 57vw;
}

/* line 3818, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .member-info #member-company_2, .buildee-worker-new-entrants-preview-container .member-info #member-company_2 {
  top: 26.5%;
}

/* line 3822, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .member-info #member-kana, .buildee-worker-new-entrants-preview-container .member-info #member-kana {
  top: 45%;
  height: 14%;
  font-size: 3rem;
}

/* line 3828, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .member-info #member-name, .buildee-worker-new-entrants-preview-container .member-info #member-name {
  top: 51%;
}

/* line 3832, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .member-info #entrant-message, .buildee-worker-new-entrants-preview-container .member-info #entrant-message,
.b-buildee-worker-new-entrants-container .member-info #no-photo-message,
.buildee-worker-new-entrants-preview-container .member-info #no-photo-message {
  top: 69%;
  padding: 5% 0;
}

/* line 3838, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .member-info #no-photo-message, .buildee-worker-new-entrants-preview-container .member-info #no-photo-message {
  color: #333;
}

/* line 3840, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .member-info #no-photo-message input, .buildee-worker-new-entrants-preview-container .member-info #no-photo-message input {
  font-size: 2.4rem;
}

/* line 3846, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container .member, .buildee-worker-new-entrants-preview-container .member {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: contain;
}

/* line 3856, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container #member-photo, .buildee-worker-new-entrants-preview-container #member-photo {
  height: 100%;
  border-radius: 10px;
}

/* line 3861, app/assets/stylesheets/utilities.scss */
.b-buildee-worker-new-entrants-container #no-member-message, .buildee-worker-new-entrants-preview-container #no-member-message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/* line 3870, app/assets/stylesheets/utilities.scss */
.buildee-worker-new-entrants-preview-container {
  font-size: 4.8rem;
  background-color: #393939;
}

/* line 3875, app/assets/stylesheets/utilities.scss */
.buildee-worker-new-entrants-preview-container .intro-container {
  display: grid;
  grid-template-columns: 57% 43%;
  grid-template-rows: 93% 7%;
  background-image: url(/assets/new_entrant_top-bdcd7b0f3534a822a5e92c0bde4d2e9dacddf97b61b797941618cd5672a4bf8d.jpg);
  background-size: contain;
  aspect-ratio: 16 / 9;
  position: relative;
}

/* line 3885, app/assets/stylesheets/utilities.scss */
.buildee-worker-new-entrants-preview-container .intro-container #intro-message {
  padding: 0;
  padding-bottom: 3%;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 57%;
  height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 3899, app/assets/stylesheets/utilities.scss */
.buildee-worker-new-entrants-preview-container .member-container {
  position: fixed;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: 1fr 43vw;
  align-items: center;
  height: 100vh;
  width: 100vw;
  background-image: url(/assets/new_entrant-ce8d5ce4ccc6144b57270044a6727fac9e90cf1113c54c9a5ba83f10d345677a.jpg);
  background-size: contain;
}

/* line 3912, app/assets/stylesheets/utilities.scss */
.buildee-worker-new-entrants-preview-container .member-info {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

/* line 3917, app/assets/stylesheets/utilities.scss */
.buildee-worker-new-entrants-preview-container .member-info h2,
.buildee-worker-new-entrants-preview-container .member-info h3 {
  position: absolute;
  left: 30%;
  color: #fff;
  display: flex;
  align-items: center;
  height: 17%;
  max-width: 40vw;
  font-size: 8rem;
}

/* line 3930, app/assets/stylesheets/utilities.scss */
.buildee-worker-new-entrants-preview-container .member-info #member-date {
  top: 7.4%;
  left: 3.9%;
  font-size: 4rem;
  height: 4%;
}

/* line 3937, app/assets/stylesheets/utilities.scss */
.buildee-worker-new-entrants-preview-container .member-info #member-company_1 {
  top: 19%;
  left: 3.9%;
  font-size: 7.5rem;
  line-height: 8.5rem;
  height: fit-content;
  max-height: 17.8rem;
  max-width: 57vw;
  transform: translate(0, -50%);
  display: -webkit-box;
  padding-block-end: 1.5rem;
}

/* line 3950, app/assets/stylesheets/utilities.scss */
.buildee-worker-new-entrants-preview-container .member-info #member-company_2 {
  top: 35.5%;
  left: 30%;
  font-size: 7.5rem;
  line-height: 8.5rem;
  height: fit-content;
  max-height: 17.8rem;
  max-width: 57vw;
  transform: translate(0, -50%);
  display: -webkit-box;
  padding-block-end: 1.5rem;
}

/* line 3963, app/assets/stylesheets/utilities.scss */
.buildee-worker-new-entrants-preview-container .member-info #member-kana {
  top: 44%;
  height: 5%;
  font-size: 4rem;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 3974, app/assets/stylesheets/utilities.scss */
.buildee-worker-new-entrants-preview-container .member-info #member-name {
  top: 59%;
  left: 30%;
  font-size: 6.2rem;
  line-height: 7rem;
  height: fit-content;
  max-width: 57vw;
  max-height: 14.7rem;
  transform: translate(0, -50%);
  display: -webkit-box;
  padding-block-end: 1rem;
}

/* line 3987, app/assets/stylesheets/utilities.scss */
.buildee-worker-new-entrants-preview-container .member-info #entrant-message,
.buildee-worker-new-entrants-preview-container .member-info #no-photo-message {
  width: 40vw;
}

/* line 3993, app/assets/stylesheets/utilities.scss */
.buildee-worker-new-entrants-preview-container .member.slide-in {
  animation: slide-in-right 0.5s;
  animation-timing-function: ease;
}

/* line 3998, app/assets/stylesheets/utilities.scss */
.buildee-worker-new-entrants-preview-container .member.slide-out {
  animation: slide-out-right 0.5s;
  animation-timing-function: ease;
}

@keyframes slide-in-right {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-out-right {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}

/* line 4028, app/assets/stylesheets/utilities.scss */
.sortable-item {
  margin: 2px 0;
}

/* ----------------------------------------------------
breakpoint
---------------------------------------------------- */
/* ----------------------------------------------------
  basic
  ---------------------------------------------------- */
/* line 9, app/assets/stylesheets/application/common/style.scss */
html {
  font-size: 62.5%;
}

/* line 13, app/assets/stylesheets/application/common/style.scss */
body,
html {
  width: 100%;
  margin: 0;
}

/* @media (max-width: 1919px) {
  body,
  html {
    zoom: 80%;
  }
} */
/* line 26, app/assets/stylesheets/application/common/style.scss */
body {
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
  color: #333;
  background: #F2F1ED;
  position: relative;
  counter-reset: number 0;
  font-size: 1.4rem;
}

/* レスポンシブ対応のため使用しない */
/* line 51, app/assets/stylesheets/application/common/style.scss */
.height-auto {
  height: auto !important;
}

/* line 55, app/assets/stylesheets/application/common/style.scss */
main {
  padding: 0 20px;
}

/* line 59, app/assets/stylesheets/application/common/style.scss */
.container__small {
  max-width: 1028px;
  margin: auto;
}

/* line 64, app/assets/stylesheets/application/common/style.scss */
* {
  box-sizing: border-box;
  list-style-type: none;
}

/* line 69, app/assets/stylesheets/application/common/style.scss */
img {
  max-width: 100%;
  height: auto;
  -webkit-user-drag: none;
}

/* line 75, app/assets/stylesheets/application/common/style.scss */
ul {
  padding: 0;
  margin: 0;
}

/* line 80, app/assets/stylesheets/application/common/style.scss */
button {
  cursor: pointer;
}

/* line 84, app/assets/stylesheets/application/common/style.scss */
.none {
  display: none !important;
}

/* line 88, app/assets/stylesheets/application/common/style.scss */
.active {
  display: block !important;
}

/* line 92, app/assets/stylesheets/application/common/style.scss */
.click-disable {
  pointer-events: none;
  background-color: #ccc !important;
}

/* ----------------------
color
------------------------- */
/* line 100, app/assets/stylesheets/application/common/style.scss */
.bg_white {
  background: #fff;
}

/* line 104, app/assets/stylesheets/application/common/style.scss */
.bg_dark {
  background: #282828;
  color: #fff;
}

/* line 109, app/assets/stylesheets/application/common/style.scss */
.bg_gray {
  background: #393939;
}

/* line 113, app/assets/stylesheets/application/common/style.scss */
.bar {
  background: #E5E3DE;
}

/* line 117, app/assets/stylesheets/application/common/style.scss */
.font-white {
  color: #fff !important;
}

/* line 121, app/assets/stylesheets/application/common/style.scss */
.font-link {
  color: #F59419 !important;
}

/* line 125, app/assets/stylesheets/application/common/style.scss */
.font-orange {
  color: #FFBA00 !important;
}

/* line 129, app/assets/stylesheets/application/common/style.scss */
.font-red {
  color: #E83939 !important;
}

/* line 133, app/assets/stylesheets/application/common/style.scss */
.font-gray {
  color: #848484 !important;
}

/* line 137, app/assets/stylesheets/application/common/style.scss */
.font-disable {
  color: #ccc !important;
}

/* line 141, app/assets/stylesheets/application/common/style.scss */
a {
  color: #F59419;
  text-decoration: none;
}

/* line 146, app/assets/stylesheets/application/common/style.scss */
a:hover, a:visited {
  text-decoration: none;
  color: #F59419;
}

@media (max-width: 1279px) {
  /* line 152, app/assets/stylesheets/application/common/style.scss */
  main {
    padding: 0 8px;
  }
}

@media (max-width: 1023px) {
  /* line 158, app/assets/stylesheets/application/common/style.scss */
  main {
    padding: 0 4px;
  }
}

/* ----------------------
text
------------------------- */
/* line 166, app/assets/stylesheets/application/common/style.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333;
}

/* line 175, app/assets/stylesheets/application/common/style.scss */
h1 {
  font-size: 2.4rem;
  margin-top: 0;
  margin-bottom: 21px;
}

/* line 181, app/assets/stylesheets/application/common/style.scss */
h2 {
  font-size: 1.8rem;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1;
}

/* line 188, app/assets/stylesheets/application/common/style.scss */
h4 {
  font-size: 1.2rem;
  color: #00203E;
  margin-top: 0;
  margin-bottom: 10px;
}

/* line 195, app/assets/stylesheets/application/common/style.scss */
p {
  font-size: 1.4rem;
  line-height: 1.8;
  margin-top: 5px;
}

/* line 201, app/assets/stylesheets/application/common/style.scss */
.small {
  line-height: 1.3;
}

/* line 205, app/assets/stylesheets/application/common/style.scss */
.bold {
  font-weight: 700;
}

/* line 209, app/assets/stylesheets/application/common/style.scss */
.center, .popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 217, app/assets/stylesheets/application/common/style.scss */
#erc-body .popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 225, app/assets/stylesheets/application/common/style.scss */
.relative {
  position: relative;
}

/* line 229, app/assets/stylesheets/application/common/style.scss */
.absolute {
  position: absolute;
}

/* line 233, app/assets/stylesheets/application/common/style.scss */
.text-left {
  text-align: left;
}

/* line 237, app/assets/stylesheets/application/common/style.scss */
.text-center {
  text-align: center;
}

/* line 241, app/assets/stylesheets/application/common/style.scss */
.text-right {
  text-align: right;
}

/* line 245, app/assets/stylesheets/application/common/style.scss */
.flex {
  display: flex;
}

/* line 249, app/assets/stylesheets/application/common/style.scss */
.between {
  justify-content: space-between;
}

/* line 253, app/assets/stylesheets/application/common/style.scss */
.flex-grow {
  flex-grow: 1;
}

/* line 257, app/assets/stylesheets/application/common/style.scss */
.flex-shrink {
  flex-shrink: 1;
}

/* line 261, app/assets/stylesheets/application/common/style.scss */
.evenly {
  justify-content: space-evenly;
}

/* line 265, app/assets/stylesheets/application/common/style.scss */
.space-around {
  justify-content: space-around;
}

/* line 269, app/assets/stylesheets/application/common/style.scss */
.flex-start {
  align-items: flex-start;
}

/* line 273, app/assets/stylesheets/application/common/style.scss */
.flex-content-start {
  justify-content: flex-start;
}

/* line 277, app/assets/stylesheets/application/common/style.scss */
.flex-end {
  justify-content: flex-end;
}

/* line 281, app/assets/stylesheets/application/common/style.scss */
.flex-center {
  justify-content: center;
}

/* line 285, app/assets/stylesheets/application/common/style.scss */
.items-center {
  align-items: center;
}

/* line 289, app/assets/stylesheets/application/common/style.scss */
.flex-column {
  flex-direction: column;
}

/* line 293, app/assets/stylesheets/application/common/style.scss */
.overflow {
  overflow: scroll;
}

/* line 297, app/assets/stylesheets/application/common/style.scss */
.overflow::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 60px #f59419;
  border-radius: 50px;
}

/* line 302, app/assets/stylesheets/application/common/style.scss */
.overflow::-webkit-scrollbar {
  width: 8px;
}

/* line 306, app/assets/stylesheets/application/common/style.scss */
hr {
  color: #DDDDDD;
  margin: 10px auto;
  border-top: 1px solid #ddd;
}

/* line 312, app/assets/stylesheets/application/common/style.scss */
.font-weight-nomal {
  font-weight: normal !important;
}

@media (max-width: 1279px) {
  /* line 317, app/assets/stylesheets/application/common/style.scss */
  h1 {
    font-size: 2.0rem;
    margin-bottom: 18px;
  }
  /* line 322, app/assets/stylesheets/application/common/style.scss */
  h2 {
    font-size: 1.5rem;
    margin-bottom: 7px;
  }
  /* line 327, app/assets/stylesheets/application/common/style.scss */
  h4 {
    font-size: 1.1rem;
    margin-bottom: 6px;
  }
}

/* ----------------------------------------------------
table
---------------------------------------------------- */
/* ----------------------------------------------------
letter spacing
---------------------------------------------------- */
/* line 339, app/assets/stylesheets/application/common/style.scss */
.le0 {
  letter-spacing: 0px !important;
}

/* line 343, app/assets/stylesheets/application/common/style.scss */
.le1 {
  letter-spacing: 1px !important;
}

/* line 347, app/assets/stylesheets/application/common/style.scss */
.le2 {
  letter-spacing: 2px !important;
}

/* line 351, app/assets/stylesheets/application/common/style.scss */
.le3 {
  letter-spacing: 3px !important;
}

/* line 355, app/assets/stylesheets/application/common/style.scss */
.le4 {
  letter-spacing: 4px !important;
}

/* line 359, app/assets/stylesheets/application/common/style.scss */
.le5 {
  letter-spacing: 5px !important;
}

/* ----------------------------------------------------
font style
---------------------------------------------------- */
/* ----------------------------------------------------
font size
---------------------------------------------------- */
/* line 369, app/assets/stylesheets/application/common/style.scss */
.font-12 {
  font-size: 12px !important;
}

/* line 373, app/assets/stylesheets/application/common/style.scss */
.font-14 {
  font-size: 14px !important;
}

/* line 377, app/assets/stylesheets/application/common/style.scss */
.font-16 {
  font-size: 16px !important;
}

/* line 381, app/assets/stylesheets/application/common/style.scss */
.font-18, .h_select ul li, #select_check_stb ul li {
  font-size: 18px !important;
}

/* line 385, app/assets/stylesheets/application/common/style.scss */
.font-20 {
  font-size: 20px !important;
}

/* line 389, app/assets/stylesheets/application/common/style.scss */
.font-22 {
  font-size: 22px !important;
}

/* line 393, app/assets/stylesheets/application/common/style.scss */
.font-24 {
  font-size: 24px !important;
}

/* line 397, app/assets/stylesheets/application/common/style.scss */
.font-26 {
  font-size: 26px !important;
}

/* line 401, app/assets/stylesheets/application/common/style.scss */
.font-28 {
  font-size: 28px !important;
}

/* line 405, app/assets/stylesheets/application/common/style.scss */
.font-30 {
  font-size: 30px !important;
}

/* line 409, app/assets/stylesheets/application/common/style.scss */
.font-32 {
  font-size: 32px !important;
}

/* line 413, app/assets/stylesheets/application/common/style.scss */
.font-34 {
  font-size: 34px !important;
}

/* line 417, app/assets/stylesheets/application/common/style.scss */
.font-36 {
  font-size: 36px !important;
}

/* line 421, app/assets/stylesheets/application/common/style.scss */
.font-38 {
  font-size: 38px !important;
}

/* line 425, app/assets/stylesheets/application/common/style.scss */
.font-40 {
  font-size: 40px !important;
}

/* line 429, app/assets/stylesheets/application/common/style.scss */
.font-48 {
  font-size: 48px !important;
}

/* ----------------------------------------------------
margin
---------------------------------------------------- */
/* line 437, app/assets/stylesheets/application/common/style.scss */
.mb-0 {
  margin-bottom: 0px !important;
}

/* line 441, app/assets/stylesheets/application/common/style.scss */
.mb-2 {
  margin-bottom: 2px !important;
}

/* line 445, app/assets/stylesheets/application/common/style.scss */
.mb-4 {
  margin-bottom: 4px !important;
}

/* line 449, app/assets/stylesheets/application/common/style.scss */
.mb-6 {
  margin-bottom: 6px !important;
}

/* line 453, app/assets/stylesheets/application/common/style.scss */
.mb-8 {
  margin-bottom: 8px !important;
}

/* line 457, app/assets/stylesheets/application/common/style.scss */
.mb-10 {
  margin-bottom: 10px !important;
}

/* line 461, app/assets/stylesheets/application/common/style.scss */
.mb-12 {
  margin-bottom: 12px !important;
}

/* line 465, app/assets/stylesheets/application/common/style.scss */
.mb-14 {
  margin-bottom: 14px !important;
}

/* line 469, app/assets/stylesheets/application/common/style.scss */
.mb-16 {
  margin-bottom: 16px !important;
}

/* line 473, app/assets/stylesheets/application/common/style.scss */
.mb-18 {
  margin-bottom: 18px !important;
}

/* line 477, app/assets/stylesheets/application/common/style.scss */
.mb-20 {
  margin-bottom: 20px !important;
}

/* line 481, app/assets/stylesheets/application/common/style.scss */
.mb-22 {
  margin-bottom: 22px !important;
}

/* line 485, app/assets/stylesheets/application/common/style.scss */
.mb-24 {
  margin-bottom: 24px !important;
}

/* line 489, app/assets/stylesheets/application/common/style.scss */
.mb-26 {
  margin-bottom: 26px !important;
}

/* line 493, app/assets/stylesheets/application/common/style.scss */
.mb-28 {
  margin-bottom: 28px !important;
}

/* line 497, app/assets/stylesheets/application/common/style.scss */
.mb-30 {
  margin-bottom: 30px !important;
}

/* line 501, app/assets/stylesheets/application/common/style.scss */
.mb-32 {
  margin-bottom: 32px !important;
}

/* line 505, app/assets/stylesheets/application/common/style.scss */
.mb-34 {
  margin-bottom: 34px !important;
}

/* line 509, app/assets/stylesheets/application/common/style.scss */
.mb-36 {
  margin-bottom: 36px !important;
}

/* line 513, app/assets/stylesheets/application/common/style.scss */
.mb-38 {
  margin-bottom: 38px !important;
}

/* line 517, app/assets/stylesheets/application/common/style.scss */
.mb-40 {
  margin-bottom: 40px !important;
}

/* line 521, app/assets/stylesheets/application/common/style.scss */
.mb-42 {
  margin-bottom: 42px !important;
}

/* line 525, app/assets/stylesheets/application/common/style.scss */
.mb-44 {
  margin-bottom: 44px !important;
}

/* line 529, app/assets/stylesheets/application/common/style.scss */
.mb-46 {
  margin-bottom: 46px !important;
}

/* line 533, app/assets/stylesheets/application/common/style.scss */
.mb-48 {
  margin-bottom: 48px !important;
}

/* line 537, app/assets/stylesheets/application/common/style.scss */
.mb-50 {
  margin-bottom: 50px !important;
}

/* line 541, app/assets/stylesheets/application/common/style.scss */
.mb-52 {
  margin-bottom: 52px !important;
}

/* line 545, app/assets/stylesheets/application/common/style.scss */
.mb-54 {
  margin-bottom: 54px !important;
}

/* line 549, app/assets/stylesheets/application/common/style.scss */
.mb-56 {
  margin-bottom: 56px !important;
}

/* line 553, app/assets/stylesheets/application/common/style.scss */
.mb-58 {
  margin-bottom: 58px !important;
}

/* line 557, app/assets/stylesheets/application/common/style.scss */
.mb-60 {
  margin-bottom: 60px !important;
}

/* line 561, app/assets/stylesheets/application/common/style.scss */
.mb-62 {
  margin-bottom: 62px !important;
}

/* line 565, app/assets/stylesheets/application/common/style.scss */
.mb-64 {
  margin-bottom: 64px !important;
}

/* line 569, app/assets/stylesheets/application/common/style.scss */
.mb-66 {
  margin-bottom: 66px !important;
}

/* line 573, app/assets/stylesheets/application/common/style.scss */
.mb-68 {
  margin-bottom: 68px !important;
}

/* line 577, app/assets/stylesheets/application/common/style.scss */
.mb-70 {
  margin-bottom: 70px !important;
}

/* line 581, app/assets/stylesheets/application/common/style.scss */
.mb-72 {
  margin-bottom: 72px !important;
}

/* line 585, app/assets/stylesheets/application/common/style.scss */
.mb-74 {
  margin-bottom: 74px !important;
}

/* line 589, app/assets/stylesheets/application/common/style.scss */
.mb-76 {
  margin-bottom: 76px !important;
}

/* line 593, app/assets/stylesheets/application/common/style.scss */
.mb-78 {
  margin-bottom: 78px !important;
}

/* line 597, app/assets/stylesheets/application/common/style.scss */
.mb-80 {
  margin-bottom: 80px !important;
}

/* line 601, app/assets/stylesheets/application/common/style.scss */
.mt-0 {
  margin-top: 0px !important;
}

/* line 605, app/assets/stylesheets/application/common/style.scss */
.mt-2 {
  margin-top: 2px !important;
}

/* line 609, app/assets/stylesheets/application/common/style.scss */
.mt-4 {
  margin-top: 4px !important;
}

/* line 613, app/assets/stylesheets/application/common/style.scss */
.mt-6 {
  margin-top: 6px !important;
}

/* line 617, app/assets/stylesheets/application/common/style.scss */
.mt-8 {
  margin-top: 8px !important;
}

/* line 621, app/assets/stylesheets/application/common/style.scss */
.mt-10 {
  margin-top: 10px !important;
}

/* line 625, app/assets/stylesheets/application/common/style.scss */
.mt-12 {
  margin-top: 12px !important;
}

/* line 629, app/assets/stylesheets/application/common/style.scss */
.mt-14 {
  margin-top: 14px !important;
}

/* line 633, app/assets/stylesheets/application/common/style.scss */
.mt-16 {
  margin-top: 16px !important;
}

/* line 637, app/assets/stylesheets/application/common/style.scss */
.mt-18 {
  margin-top: 18px !important;
}

/* line 641, app/assets/stylesheets/application/common/style.scss */
.mt-20 {
  margin-top: 20px !important;
}

/* line 645, app/assets/stylesheets/application/common/style.scss */
.mt-22 {
  margin-top: 22px !important;
}

/* line 649, app/assets/stylesheets/application/common/style.scss */
.mt-24 {
  margin-top: 24px !important;
}

/* line 653, app/assets/stylesheets/application/common/style.scss */
.mt-26 {
  margin-top: 26px !important;
}

/* line 657, app/assets/stylesheets/application/common/style.scss */
.mt-28 {
  margin-top: 28px !important;
}

/* line 661, app/assets/stylesheets/application/common/style.scss */
.mt-30 {
  margin-top: 30px !important;
}

/* line 665, app/assets/stylesheets/application/common/style.scss */
.mt-32 {
  margin-top: 32px !important;
}

/* line 669, app/assets/stylesheets/application/common/style.scss */
.mt-34 {
  margin-top: 34px !important;
}

/* line 673, app/assets/stylesheets/application/common/style.scss */
.mt-36 {
  margin-top: 36px !important;
}

/* line 677, app/assets/stylesheets/application/common/style.scss */
.mt-38 {
  margin-top: 38px !important;
}

/* line 681, app/assets/stylesheets/application/common/style.scss */
.mt-40 {
  margin-top: 40px !important;
}

/* line 685, app/assets/stylesheets/application/common/style.scss */
.mt-42 {
  margin-top: 42px !important;
}

/* line 689, app/assets/stylesheets/application/common/style.scss */
.mt-44 {
  margin-top: 44px !important;
}

/* line 693, app/assets/stylesheets/application/common/style.scss */
.mt-46 {
  margin-top: 46px !important;
}

/* line 697, app/assets/stylesheets/application/common/style.scss */
.mt-48 {
  margin-top: 48px !important;
}

/* line 701, app/assets/stylesheets/application/common/style.scss */
.mt-50 {
  margin-top: 50px !important;
}

/* line 705, app/assets/stylesheets/application/common/style.scss */
.mt-52 {
  margin-top: 52px !important;
}

/* line 709, app/assets/stylesheets/application/common/style.scss */
.mt-54 {
  margin-top: 54px !important;
}

/* line 713, app/assets/stylesheets/application/common/style.scss */
.mt-56 {
  margin-top: 56px !important;
}

/* line 717, app/assets/stylesheets/application/common/style.scss */
.mt-58 {
  margin-top: 58px !important;
}

/* line 721, app/assets/stylesheets/application/common/style.scss */
.mt-60 {
  margin-top: 60px !important;
}

/* line 725, app/assets/stylesheets/application/common/style.scss */
.mt-62 {
  margin-top: 62px !important;
}

/* line 729, app/assets/stylesheets/application/common/style.scss */
.mt-64 {
  margin-top: 64px !important;
}

/* line 733, app/assets/stylesheets/application/common/style.scss */
.mt-66 {
  margin-top: 66px !important;
}

/* line 737, app/assets/stylesheets/application/common/style.scss */
.mt-68 {
  margin-top: 68px !important;
}

/* line 741, app/assets/stylesheets/application/common/style.scss */
.mt-70 {
  margin-top: 70px !important;
}

/* line 745, app/assets/stylesheets/application/common/style.scss */
.mt-72 {
  margin-top: 72px !important;
}

/* line 749, app/assets/stylesheets/application/common/style.scss */
.mt-74 {
  margin-top: 74px !important;
}

/* line 753, app/assets/stylesheets/application/common/style.scss */
.mt-76 {
  margin-top: 76px !important;
}

/* line 757, app/assets/stylesheets/application/common/style.scss */
.mt-78 {
  margin-top: 78px !important;
}

/* line 761, app/assets/stylesheets/application/common/style.scss */
.mt-80 {
  margin-top: 80px !important;
}

/* line 765, app/assets/stylesheets/application/common/style.scss */
.ml-0 {
  margin-left: 0px !important;
}

/* line 769, app/assets/stylesheets/application/common/style.scss */
.ml-2 {
  margin-left: 2px !important;
}

/* line 773, app/assets/stylesheets/application/common/style.scss */
.ml-4 {
  margin-left: 4px !important;
}

/* line 777, app/assets/stylesheets/application/common/style.scss */
.ml-6 {
  margin-left: 6px !important;
}

/* line 781, app/assets/stylesheets/application/common/style.scss */
.ml-8 {
  margin-left: 8px !important;
}

/* line 785, app/assets/stylesheets/application/common/style.scss */
.ml-10 {
  margin-left: 10px !important;
}

/* line 789, app/assets/stylesheets/application/common/style.scss */
.ml-12 {
  margin-left: 12px !important;
}

/* line 793, app/assets/stylesheets/application/common/style.scss */
.ml-14 {
  margin-left: 14px !important;
}

/* line 797, app/assets/stylesheets/application/common/style.scss */
.ml-16 {
  margin-left: 16px !important;
}

/* line 801, app/assets/stylesheets/application/common/style.scss */
.ml-18 {
  margin-left: 18px !important;
}

/* line 805, app/assets/stylesheets/application/common/style.scss */
.ml-20 {
  margin-left: 20px !important;
}

/* line 809, app/assets/stylesheets/application/common/style.scss */
.ml-22 {
  margin-left: 22px !important;
}

/* line 813, app/assets/stylesheets/application/common/style.scss */
.ml-24 {
  margin-left: 24px !important;
}

/* line 817, app/assets/stylesheets/application/common/style.scss */
.ml-26 {
  margin-left: 26px !important;
}

/* line 821, app/assets/stylesheets/application/common/style.scss */
.ml-28 {
  margin-left: 28px !important;
}

/* line 825, app/assets/stylesheets/application/common/style.scss */
.ml-30 {
  margin-left: 30px !important;
}

/* line 829, app/assets/stylesheets/application/common/style.scss */
.ml-32 {
  margin-left: 32px !important;
}

/* line 833, app/assets/stylesheets/application/common/style.scss */
.ml-34 {
  margin-left: 34px !important;
}

/* line 837, app/assets/stylesheets/application/common/style.scss */
.ml-36 {
  margin-left: 36px !important;
}

/* line 841, app/assets/stylesheets/application/common/style.scss */
.ml-38 {
  margin-left: 38px !important;
}

/* line 845, app/assets/stylesheets/application/common/style.scss */
.ml-40 {
  margin-left: 40px !important;
}

/* line 849, app/assets/stylesheets/application/common/style.scss */
.ml-42 {
  margin-left: 42px !important;
}

/* line 853, app/assets/stylesheets/application/common/style.scss */
.ml-44 {
  margin-left: 44px !important;
}

/* line 857, app/assets/stylesheets/application/common/style.scss */
.ml-46 {
  margin-left: 46px !important;
}

/* line 861, app/assets/stylesheets/application/common/style.scss */
.ml-48 {
  margin-left: 48px !important;
}

/* line 865, app/assets/stylesheets/application/common/style.scss */
.ml-50 {
  margin-left: 50px !important;
}

/* line 869, app/assets/stylesheets/application/common/style.scss */
.ml-52 {
  margin-left: 52px !important;
}

/* line 873, app/assets/stylesheets/application/common/style.scss */
.ml-54 {
  margin-left: 54px !important;
}

/* line 877, app/assets/stylesheets/application/common/style.scss */
.ml-56 {
  margin-left: 56px !important;
}

/* line 881, app/assets/stylesheets/application/common/style.scss */
.ml-58 {
  margin-left: 58px !important;
}

/* line 885, app/assets/stylesheets/application/common/style.scss */
.ml-60 {
  margin-left: 60px !important;
}

/* line 889, app/assets/stylesheets/application/common/style.scss */
.ml-62 {
  margin-left: 62px !important;
}

/* line 893, app/assets/stylesheets/application/common/style.scss */
.ml-64 {
  margin-left: 64px !important;
}

/* line 897, app/assets/stylesheets/application/common/style.scss */
.ml-66 {
  margin-left: 66px !important;
}

/* line 901, app/assets/stylesheets/application/common/style.scss */
.ml-68 {
  margin-left: 68px !important;
}

/* line 905, app/assets/stylesheets/application/common/style.scss */
.ml-70 {
  margin-left: 70px !important;
}

/* line 909, app/assets/stylesheets/application/common/style.scss */
.ml-72 {
  margin-left: 72px !important;
}

/* line 913, app/assets/stylesheets/application/common/style.scss */
.ml-74 {
  margin-left: 74px !important;
}

/* line 917, app/assets/stylesheets/application/common/style.scss */
.ml-76 {
  margin-left: 76px !important;
}

/* line 921, app/assets/stylesheets/application/common/style.scss */
.ml-78 {
  margin-left: 78px !important;
}

/* line 925, app/assets/stylesheets/application/common/style.scss */
.ml-80 {
  margin-left: 80px !important;
}

/* line 929, app/assets/stylesheets/application/common/style.scss */
.mr-0 {
  margin-right: 0px !important;
}

/* line 933, app/assets/stylesheets/application/common/style.scss */
.mr-2 {
  margin-right: 2px !important;
}

/* line 937, app/assets/stylesheets/application/common/style.scss */
.mr-4 {
  margin-right: 4px !important;
}

/* line 941, app/assets/stylesheets/application/common/style.scss */
.mr-6 {
  margin-right: 6px !important;
}

/* line 945, app/assets/stylesheets/application/common/style.scss */
.mr-8 {
  margin-right: 8px !important;
}

/* line 949, app/assets/stylesheets/application/common/style.scss */
.mr-10 {
  margin-right: 10px !important;
}

/* line 953, app/assets/stylesheets/application/common/style.scss */
.mr-12 {
  margin-right: 12px !important;
}

/* line 957, app/assets/stylesheets/application/common/style.scss */
.mr-14 {
  margin-right: 14px !important;
}

/* line 961, app/assets/stylesheets/application/common/style.scss */
.mr-16 {
  margin-right: 16px !important;
}

/* line 965, app/assets/stylesheets/application/common/style.scss */
.mr-18 {
  margin-right: 18px !important;
}

/* line 969, app/assets/stylesheets/application/common/style.scss */
.mr-20 {
  margin-right: 20px !important;
}

/* line 973, app/assets/stylesheets/application/common/style.scss */
.mr-22 {
  margin-right: 22px !important;
}

/* line 977, app/assets/stylesheets/application/common/style.scss */
.mr-24 {
  margin-right: 24px !important;
}

/* line 981, app/assets/stylesheets/application/common/style.scss */
.mr-26 {
  margin-right: 26px !important;
}

/* line 985, app/assets/stylesheets/application/common/style.scss */
.mr-28 {
  margin-right: 28px !important;
}

/* line 989, app/assets/stylesheets/application/common/style.scss */
.mr-30 {
  margin-right: 30px !important;
}

/* line 993, app/assets/stylesheets/application/common/style.scss */
.mr-32 {
  margin-right: 32px !important;
}

/* line 997, app/assets/stylesheets/application/common/style.scss */
.mr-34 {
  margin-right: 34px !important;
}

/* line 1001, app/assets/stylesheets/application/common/style.scss */
.mr-36 {
  margin-right: 36px !important;
}

/* line 1005, app/assets/stylesheets/application/common/style.scss */
.mr-38 {
  margin-right: 38px !important;
}

/* line 1009, app/assets/stylesheets/application/common/style.scss */
.mr-40 {
  margin-right: 40px !important;
}

/* line 1013, app/assets/stylesheets/application/common/style.scss */
.mr-42 {
  margin-right: 42px !important;
}

/* line 1017, app/assets/stylesheets/application/common/style.scss */
.mr-44 {
  margin-right: 44px !important;
}

/* line 1021, app/assets/stylesheets/application/common/style.scss */
.mr-46 {
  margin-right: 46px !important;
}

/* line 1025, app/assets/stylesheets/application/common/style.scss */
.mr-48 {
  margin-right: 48px !important;
}

/* line 1029, app/assets/stylesheets/application/common/style.scss */
.mr-50 {
  margin-right: 50px !important;
}

/* line 1033, app/assets/stylesheets/application/common/style.scss */
.mr-52 {
  margin-right: 52px !important;
}

/* line 1037, app/assets/stylesheets/application/common/style.scss */
.mr-54 {
  margin-right: 54px !important;
}

/* line 1041, app/assets/stylesheets/application/common/style.scss */
.mr-56 {
  margin-right: 56px !important;
}

/* line 1045, app/assets/stylesheets/application/common/style.scss */
.mr-58 {
  margin-right: 58px !important;
}

/* line 1049, app/assets/stylesheets/application/common/style.scss */
.mr-60 {
  margin-right: 60px !important;
}

/* line 1053, app/assets/stylesheets/application/common/style.scss */
.mr-62 {
  margin-right: 62px !important;
}

/* line 1057, app/assets/stylesheets/application/common/style.scss */
.mr-64 {
  margin-right: 64px !important;
}

/* line 1061, app/assets/stylesheets/application/common/style.scss */
.mr-66 {
  margin-right: 66px !important;
}

/* line 1065, app/assets/stylesheets/application/common/style.scss */
.mr-68 {
  margin-right: 68px !important;
}

/* line 1069, app/assets/stylesheets/application/common/style.scss */
.mr-70 {
  margin-right: 70px !important;
}

/* line 1073, app/assets/stylesheets/application/common/style.scss */
.mr-72 {
  margin-right: 72px !important;
}

/* line 1077, app/assets/stylesheets/application/common/style.scss */
.mr-74 {
  margin-right: 74px !important;
}

/* line 1081, app/assets/stylesheets/application/common/style.scss */
.mr-76 {
  margin-right: 76px !important;
}

/* line 1085, app/assets/stylesheets/application/common/style.scss */
.mr-78 {
  margin-right: 78px !important;
}

/* line 1089, app/assets/stylesheets/application/common/style.scss */
.mr-80 {
  margin-right: 80px !important;
}

/* line 1093, app/assets/stylesheets/application/common/style.scss */
.m-auto {
  margin: auto;
}

/* line 1097, app/assets/stylesheets/application/common/style.scss */
.mt--10::before {
  margin-top: -20px !important;
}

/* line 1101, app/assets/stylesheets/application/common/style.scss */
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/* ----------------------------------------------------
padding
---------------------------------------------------- */
/* line 1109, app/assets/stylesheets/application/common/style.scss */
.pb-0 {
  padding-bottom: 0px !important;
}

/* line 1113, app/assets/stylesheets/application/common/style.scss */
.pb-2 {
  padding-bottom: 2px !important;
}

/* line 1117, app/assets/stylesheets/application/common/style.scss */
.pb-4 {
  padding-bottom: 4px !important;
}

/* line 1121, app/assets/stylesheets/application/common/style.scss */
.pb-6 {
  padding-bottom: 6px !important;
}

/* line 1125, app/assets/stylesheets/application/common/style.scss */
.pb-8 {
  padding-bottom: 8px !important;
}

/* line 1129, app/assets/stylesheets/application/common/style.scss */
.pb-10 {
  padding-bottom: 10px !important;
}

/* line 1133, app/assets/stylesheets/application/common/style.scss */
.pb-12 {
  padding-bottom: 12px !important;
}

/* line 1137, app/assets/stylesheets/application/common/style.scss */
.pb-14 {
  padding-bottom: 14px !important;
}

/* line 1141, app/assets/stylesheets/application/common/style.scss */
.pb-16 {
  padding-bottom: 16px !important;
}

/* line 1145, app/assets/stylesheets/application/common/style.scss */
.pb-18 {
  padding-bottom: 18px !important;
}

/* line 1149, app/assets/stylesheets/application/common/style.scss */
.pb-20 {
  padding-bottom: 20px !important;
}

/* line 1153, app/assets/stylesheets/application/common/style.scss */
.pb-22 {
  padding-bottom: 22px !important;
}

/* line 1157, app/assets/stylesheets/application/common/style.scss */
.pb-24 {
  padding-bottom: 24px !important;
}

/* line 1161, app/assets/stylesheets/application/common/style.scss */
.pb-26 {
  padding-bottom: 26px !important;
}

/* line 1165, app/assets/stylesheets/application/common/style.scss */
.pb-28 {
  padding-bottom: 28px !important;
}

/* line 1169, app/assets/stylesheets/application/common/style.scss */
.pb-30 {
  padding-bottom: 30px !important;
}

/* line 1173, app/assets/stylesheets/application/common/style.scss */
.pb-32 {
  padding-bottom: 32px !important;
}

/* line 1177, app/assets/stylesheets/application/common/style.scss */
.pb-34 {
  padding-bottom: 34px !important;
}

/* line 1181, app/assets/stylesheets/application/common/style.scss */
.pb-36 {
  padding-bottom: 36px !important;
}

/* line 1185, app/assets/stylesheets/application/common/style.scss */
.pb-38 {
  padding-bottom: 38px !important;
}

/* line 1189, app/assets/stylesheets/application/common/style.scss */
.pb-40 {
  padding-bottom: 40px !important;
}

/* line 1193, app/assets/stylesheets/application/common/style.scss */
.pb-42 {
  padding-bottom: 42px !important;
}

/* line 1197, app/assets/stylesheets/application/common/style.scss */
.pb-44 {
  padding-bottom: 44px !important;
}

/* line 1201, app/assets/stylesheets/application/common/style.scss */
.pb-46 {
  padding-bottom: 46px !important;
}

/* line 1205, app/assets/stylesheets/application/common/style.scss */
.pb-48 {
  padding-bottom: 48px !important;
}

/* line 1209, app/assets/stylesheets/application/common/style.scss */
.pb-50 {
  padding-bottom: 50px !important;
}

/* line 1213, app/assets/stylesheets/application/common/style.scss */
.pb-52 {
  padding-bottom: 52px !important;
}

/* line 1217, app/assets/stylesheets/application/common/style.scss */
.pb-54 {
  padding-bottom: 54px !important;
}

/* line 1221, app/assets/stylesheets/application/common/style.scss */
.pb-56 {
  padding-bottom: 56px !important;
}

/* line 1225, app/assets/stylesheets/application/common/style.scss */
.pb-58 {
  padding-bottom: 58px !important;
}

/* line 1229, app/assets/stylesheets/application/common/style.scss */
.pb-60 {
  padding-bottom: 60px !important;
}

/* line 1233, app/assets/stylesheets/application/common/style.scss */
.pb-62 {
  padding-bottom: 62px !important;
}

/* line 1237, app/assets/stylesheets/application/common/style.scss */
.pb-64 {
  padding-bottom: 64px !important;
}

/* line 1241, app/assets/stylesheets/application/common/style.scss */
.pb-66 {
  padding-bottom: 66px !important;
}

/* line 1245, app/assets/stylesheets/application/common/style.scss */
.pb-68 {
  padding-bottom: 68px !important;
}

/* line 1249, app/assets/stylesheets/application/common/style.scss */
.pb-70 {
  padding-bottom: 70px !important;
}

/* line 1253, app/assets/stylesheets/application/common/style.scss */
.pb-72 {
  padding-bottom: 72px !important;
}

/* line 1257, app/assets/stylesheets/application/common/style.scss */
.pb-74 {
  padding-bottom: 74px !important;
}

/* line 1261, app/assets/stylesheets/application/common/style.scss */
.pb-76 {
  padding-bottom: 76px !important;
}

/* line 1265, app/assets/stylesheets/application/common/style.scss */
.pb-78 {
  padding-bottom: 78px !important;
}

/* line 1269, app/assets/stylesheets/application/common/style.scss */
.pb-80 {
  padding-bottom: 80px !important;
}

/* line 1273, app/assets/stylesheets/application/common/style.scss */
.pt-0 {
  padding-top: 0px !important;
}

/* line 1277, app/assets/stylesheets/application/common/style.scss */
.pt-2 {
  padding-top: 2px !important;
}

/* line 1281, app/assets/stylesheets/application/common/style.scss */
.pt-4 {
  padding-top: 4px !important;
}

/* line 1285, app/assets/stylesheets/application/common/style.scss */
.pt-6 {
  padding-top: 6px !important;
}

/* line 1289, app/assets/stylesheets/application/common/style.scss */
.pt-8 {
  padding-top: 8px !important;
}

/* line 1293, app/assets/stylesheets/application/common/style.scss */
.pt-10 {
  padding-top: 10px !important;
}

/* line 1297, app/assets/stylesheets/application/common/style.scss */
.pt-12 {
  padding-top: 12px !important;
}

/* line 1301, app/assets/stylesheets/application/common/style.scss */
.pt-14 {
  padding-top: 14px !important;
}

/* line 1305, app/assets/stylesheets/application/common/style.scss */
.pt-16 {
  padding-top: 16px !important;
}

/* line 1309, app/assets/stylesheets/application/common/style.scss */
.pt-18 {
  padding-top: 18px !important;
}

/* line 1313, app/assets/stylesheets/application/common/style.scss */
.pt-20 {
  padding-top: 20px !important;
}

/* line 1317, app/assets/stylesheets/application/common/style.scss */
.pt-22 {
  padding-top: 22px !important;
}

/* line 1321, app/assets/stylesheets/application/common/style.scss */
.pt-24 {
  padding-top: 24px !important;
}

/* line 1325, app/assets/stylesheets/application/common/style.scss */
.pt-26 {
  padding-top: 26px !important;
}

/* line 1329, app/assets/stylesheets/application/common/style.scss */
.pt-28 {
  padding-top: 28px !important;
}

/* line 1333, app/assets/stylesheets/application/common/style.scss */
.pt-30 {
  padding-top: 30px !important;
}

/* line 1337, app/assets/stylesheets/application/common/style.scss */
.pt-32 {
  padding-top: 32px !important;
}

/* line 1341, app/assets/stylesheets/application/common/style.scss */
.pt-34 {
  padding-top: 34px !important;
}

/* line 1345, app/assets/stylesheets/application/common/style.scss */
.pt-36 {
  padding-top: 36px !important;
}

/* line 1349, app/assets/stylesheets/application/common/style.scss */
.pt-38 {
  padding-top: 38px !important;
}

/* line 1353, app/assets/stylesheets/application/common/style.scss */
.pt-40 {
  padding-top: 40px !important;
}

/* line 1357, app/assets/stylesheets/application/common/style.scss */
.pt-42 {
  padding-top: 42px !important;
}

/* line 1361, app/assets/stylesheets/application/common/style.scss */
.pt-44 {
  padding-top: 44px !important;
}

/* line 1365, app/assets/stylesheets/application/common/style.scss */
.pt-46 {
  padding-top: 46px !important;
}

/* line 1369, app/assets/stylesheets/application/common/style.scss */
.pt-48 {
  padding-top: 48px !important;
}

/* line 1373, app/assets/stylesheets/application/common/style.scss */
.pt-50 {
  padding-top: 50px !important;
}

/* line 1377, app/assets/stylesheets/application/common/style.scss */
.pt-52 {
  padding-top: 52px !important;
}

/* line 1381, app/assets/stylesheets/application/common/style.scss */
.pt-54 {
  padding-top: 54px !important;
}

/* line 1385, app/assets/stylesheets/application/common/style.scss */
.pt-56 {
  padding-top: 56px !important;
}

/* line 1389, app/assets/stylesheets/application/common/style.scss */
.pt-58 {
  padding-top: 58px !important;
}

/* line 1393, app/assets/stylesheets/application/common/style.scss */
.pt-60 {
  padding-top: 60px !important;
}

/* line 1397, app/assets/stylesheets/application/common/style.scss */
.pt-62 {
  padding-top: 62px !important;
}

/* line 1401, app/assets/stylesheets/application/common/style.scss */
.pt-64 {
  padding-top: 64px !important;
}

/* line 1405, app/assets/stylesheets/application/common/style.scss */
.pt-66 {
  padding-top: 66px !important;
}

/* line 1409, app/assets/stylesheets/application/common/style.scss */
.pt-68 {
  padding-top: 68px !important;
}

/* line 1413, app/assets/stylesheets/application/common/style.scss */
.pt-70 {
  padding-top: 70px !important;
}

/* line 1417, app/assets/stylesheets/application/common/style.scss */
.pt-72 {
  padding-top: 72px !important;
}

/* line 1421, app/assets/stylesheets/application/common/style.scss */
.pt-74 {
  padding-top: 74px !important;
}

/* line 1425, app/assets/stylesheets/application/common/style.scss */
.pt-76 {
  padding-top: 76px !important;
}

/* line 1429, app/assets/stylesheets/application/common/style.scss */
.pt-78 {
  padding-top: 78px !important;
}

/* line 1433, app/assets/stylesheets/application/common/style.scss */
.pt-80 {
  padding-top: 80px !important;
}

/* line 1437, app/assets/stylesheets/application/common/style.scss */
.pl-0 {
  padding-left: 0px !important;
}

/* line 1441, app/assets/stylesheets/application/common/style.scss */
.pl-2 {
  padding-left: 2px !important;
}

/* line 1445, app/assets/stylesheets/application/common/style.scss */
.pl-4 {
  padding-left: 4px !important;
}

/* line 1449, app/assets/stylesheets/application/common/style.scss */
.pl-6 {
  padding-left: 6px !important;
}

/* line 1453, app/assets/stylesheets/application/common/style.scss */
.pl-8 {
  padding-left: 8px !important;
}

/* line 1457, app/assets/stylesheets/application/common/style.scss */
.pl-10 {
  padding-left: 10px !important;
}

/* line 1461, app/assets/stylesheets/application/common/style.scss */
.pl-12 {
  padding-left: 12px !important;
}

/* line 1465, app/assets/stylesheets/application/common/style.scss */
.pl-14 {
  padding-left: 14px !important;
}

/* line 1469, app/assets/stylesheets/application/common/style.scss */
.pl-16 {
  padding-left: 16px !important;
}

/* line 1473, app/assets/stylesheets/application/common/style.scss */
.pl-18 {
  padding-left: 18px !important;
}

/* line 1477, app/assets/stylesheets/application/common/style.scss */
.pl-20 {
  padding-left: 20px !important;
}

/* line 1481, app/assets/stylesheets/application/common/style.scss */
.pl-22 {
  padding-left: 22px !important;
}

/* line 1485, app/assets/stylesheets/application/common/style.scss */
.pl-24 {
  padding-left: 24px !important;
}

/* line 1489, app/assets/stylesheets/application/common/style.scss */
.pl-26 {
  padding-left: 26px !important;
}

/* line 1493, app/assets/stylesheets/application/common/style.scss */
.pl-28 {
  padding-left: 28px !important;
}

/* line 1497, app/assets/stylesheets/application/common/style.scss */
.pl-30 {
  padding-left: 30px !important;
}

/* line 1501, app/assets/stylesheets/application/common/style.scss */
.pl-32 {
  padding-left: 32px !important;
}

/* line 1505, app/assets/stylesheets/application/common/style.scss */
.pl-34 {
  padding-left: 34px !important;
}

/* line 1509, app/assets/stylesheets/application/common/style.scss */
.pl-36 {
  padding-left: 36px !important;
}

/* line 1513, app/assets/stylesheets/application/common/style.scss */
.pl-38 {
  padding-left: 38px !important;
}

/* line 1517, app/assets/stylesheets/application/common/style.scss */
.pl-40 {
  padding-left: 40px !important;
}

/* line 1521, app/assets/stylesheets/application/common/style.scss */
.pl-42 {
  padding-left: 42px !important;
}

/* line 1525, app/assets/stylesheets/application/common/style.scss */
.pl-44 {
  padding-left: 44px !important;
}

/* line 1529, app/assets/stylesheets/application/common/style.scss */
.pl-46 {
  padding-left: 46px !important;
}

/* line 1533, app/assets/stylesheets/application/common/style.scss */
.pl-48 {
  padding-left: 48px !important;
}

/* line 1537, app/assets/stylesheets/application/common/style.scss */
.pl-50 {
  padding-left: 50px !important;
}

/* line 1541, app/assets/stylesheets/application/common/style.scss */
.pl-52 {
  padding-left: 52px !important;
}

/* line 1545, app/assets/stylesheets/application/common/style.scss */
.pl-54 {
  padding-left: 54px !important;
}

/* line 1549, app/assets/stylesheets/application/common/style.scss */
.pl-56 {
  padding-left: 56px !important;
}

/* line 1553, app/assets/stylesheets/application/common/style.scss */
.pl-58 {
  padding-left: 58px !important;
}

/* line 1557, app/assets/stylesheets/application/common/style.scss */
.pl-60 {
  padding-left: 60px !important;
}

/* line 1561, app/assets/stylesheets/application/common/style.scss */
.pl-62 {
  padding-left: 62px !important;
}

/* line 1565, app/assets/stylesheets/application/common/style.scss */
.pl-64 {
  padding-left: 64px !important;
}

/* line 1569, app/assets/stylesheets/application/common/style.scss */
.pl-66 {
  padding-left: 66px !important;
}

/* line 1573, app/assets/stylesheets/application/common/style.scss */
.pl-68 {
  padding-left: 68px !important;
}

/* line 1577, app/assets/stylesheets/application/common/style.scss */
.pl-70 {
  padding-left: 70px !important;
}

/* line 1581, app/assets/stylesheets/application/common/style.scss */
.pl-72 {
  padding-left: 72px !important;
}

/* line 1585, app/assets/stylesheets/application/common/style.scss */
.pl-74 {
  padding-left: 74px !important;
}

/* line 1589, app/assets/stylesheets/application/common/style.scss */
.pl-76 {
  padding-left: 76px !important;
}

/* line 1593, app/assets/stylesheets/application/common/style.scss */
.pl-78 {
  padding-left: 78px !important;
}

/* line 1597, app/assets/stylesheets/application/common/style.scss */
.pl-80 {
  padding-left: 80px !important;
}

/* line 1601, app/assets/stylesheets/application/common/style.scss */
.pl-100 {
  padding-left: 100px !important;
}

/* line 1605, app/assets/stylesheets/application/common/style.scss */
.pr-0 {
  padding-right: 0px !important;
}

/* line 1609, app/assets/stylesheets/application/common/style.scss */
.pr-2 {
  padding-right: 2px !important;
}

/* line 1613, app/assets/stylesheets/application/common/style.scss */
.pr-4 {
  padding-right: 4px !important;
}

/* line 1617, app/assets/stylesheets/application/common/style.scss */
.pr-6 {
  padding-right: 6px !important;
}

/* line 1621, app/assets/stylesheets/application/common/style.scss */
.pr-8 {
  padding-right: 8px !important;
}

/* line 1625, app/assets/stylesheets/application/common/style.scss */
.pr-10 {
  padding-right: 10px !important;
}

/* line 1629, app/assets/stylesheets/application/common/style.scss */
.pr-12 {
  padding-right: 12px !important;
}

/* line 1633, app/assets/stylesheets/application/common/style.scss */
.pr-14 {
  padding-right: 14px !important;
}

/* line 1637, app/assets/stylesheets/application/common/style.scss */
.pr-16 {
  padding-right: 16px !important;
}

/* line 1641, app/assets/stylesheets/application/common/style.scss */
.pr-18 {
  padding-right: 18px !important;
}

/* line 1645, app/assets/stylesheets/application/common/style.scss */
.pr-20 {
  padding-right: 20px !important;
}

/* line 1649, app/assets/stylesheets/application/common/style.scss */
.pr-22 {
  padding-right: 22px !important;
}

/* line 1653, app/assets/stylesheets/application/common/style.scss */
.pr-24 {
  padding-right: 24px !important;
}

/* line 1657, app/assets/stylesheets/application/common/style.scss */
.pr-26 {
  padding-right: 26px !important;
}

/* line 1661, app/assets/stylesheets/application/common/style.scss */
.pr-28 {
  padding-right: 28px !important;
}

/* line 1665, app/assets/stylesheets/application/common/style.scss */
.pr-30 {
  padding-right: 30px !important;
}

/* line 1669, app/assets/stylesheets/application/common/style.scss */
.pr-32 {
  padding-right: 32px !important;
}

/* line 1673, app/assets/stylesheets/application/common/style.scss */
.pr-34 {
  padding-right: 34px !important;
}

/* line 1677, app/assets/stylesheets/application/common/style.scss */
.pr-36 {
  padding-right: 36px !important;
}

/* line 1681, app/assets/stylesheets/application/common/style.scss */
.pr-38 {
  padding-right: 38px !important;
}

/* line 1685, app/assets/stylesheets/application/common/style.scss */
.pr-40 {
  padding-right: 40px !important;
}

/* line 1689, app/assets/stylesheets/application/common/style.scss */
.pr-42 {
  padding-right: 42px !important;
}

/* line 1693, app/assets/stylesheets/application/common/style.scss */
.pr-44 {
  padding-right: 44px !important;
}

/* line 1697, app/assets/stylesheets/application/common/style.scss */
.pr-46 {
  padding-right: 46px !important;
}

/* line 1701, app/assets/stylesheets/application/common/style.scss */
.pr-48 {
  padding-right: 48px !important;
}

/* line 1705, app/assets/stylesheets/application/common/style.scss */
.pr-50 {
  padding-right: 50px !important;
}

/* line 1709, app/assets/stylesheets/application/common/style.scss */
.pr-52 {
  padding-right: 52px !important;
}

/* line 1713, app/assets/stylesheets/application/common/style.scss */
.pr-54 {
  padding-right: 54px !important;
}

/* line 1717, app/assets/stylesheets/application/common/style.scss */
.pr-56 {
  padding-right: 56px !important;
}

/* line 1721, app/assets/stylesheets/application/common/style.scss */
.pr-58 {
  padding-right: 58px !important;
}

/* line 1725, app/assets/stylesheets/application/common/style.scss */
.pr-60 {
  padding-right: 60px !important;
}

/* line 1729, app/assets/stylesheets/application/common/style.scss */
.pr-62 {
  padding-right: 62px !important;
}

/* line 1733, app/assets/stylesheets/application/common/style.scss */
.pr-64 {
  padding-right: 64px !important;
}

/* line 1737, app/assets/stylesheets/application/common/style.scss */
.pr-66 {
  padding-right: 66px !important;
}

/* line 1741, app/assets/stylesheets/application/common/style.scss */
.pr-68 {
  padding-right: 68px !important;
}

/* line 1745, app/assets/stylesheets/application/common/style.scss */
.pr-70 {
  padding-right: 70px !important;
}

/* line 1749, app/assets/stylesheets/application/common/style.scss */
.pr-72 {
  padding-right: 72px !important;
}

/* line 1753, app/assets/stylesheets/application/common/style.scss */
.pr-74 {
  padding-right: 74px !important;
}

/* line 1757, app/assets/stylesheets/application/common/style.scss */
.pr-76 {
  padding-right: 76px !important;
}

/* line 1761, app/assets/stylesheets/application/common/style.scss */
.pr-78 {
  padding-right: 78px !important;
}

/* line 1765, app/assets/stylesheets/application/common/style.scss */
.pr-80 {
  padding-right: 80px !important;
}

/* ----------------------------------------------------
width
---------------------------------------------------- */
/* line 1772, app/assets/stylesheets/application/common/style.scss */
.w-0 {
  max-width: 0px !important;
}

/* line 1776, app/assets/stylesheets/application/common/style.scss */
.w-10 {
  max-width: 10px !important;
}

/* line 1780, app/assets/stylesheets/application/common/style.scss */
.w-20 {
  max-width: 20px !important;
}

/* line 1784, app/assets/stylesheets/application/common/style.scss */
.w-30 {
  max-width: 30px !important;
}

/* line 1788, app/assets/stylesheets/application/common/style.scss */
.w-40 {
  max-width: 40px !important;
}

/* line 1792, app/assets/stylesheets/application/common/style.scss */
.w-50 {
  max-width: 50px !important;
}

/* line 1796, app/assets/stylesheets/application/common/style.scss */
.w-60 {
  max-width: 60px !important;
}

/* line 1800, app/assets/stylesheets/application/common/style.scss */
.w-70 {
  max-width: 70px !important;
}

/* line 1804, app/assets/stylesheets/application/common/style.scss */
.w-80 {
  max-width: 80px !important;
}

/* line 1808, app/assets/stylesheets/application/common/style.scss */
.w-90 {
  max-width: 90px !important;
}

/* line 1812, app/assets/stylesheets/application/common/style.scss */
.w-100 {
  max-width: 100px !important;
}

/* line 1816, app/assets/stylesheets/application/common/style.scss */
.w-110 {
  max-width: 110px !important;
}

/* line 1820, app/assets/stylesheets/application/common/style.scss */
.w-120 {
  max-width: 120px !important;
}

/* line 1824, app/assets/stylesheets/application/common/style.scss */
.w-130 {
  max-width: 130px !important;
}

/* line 1828, app/assets/stylesheets/application/common/style.scss */
.w-140 {
  max-width: 140px !important;
}

/* line 1832, app/assets/stylesheets/application/common/style.scss */
.w-150 {
  max-width: 150px !important;
}

/* line 1836, app/assets/stylesheets/application/common/style.scss */
.w-160 {
  max-width: 160px !important;
}

/* line 1840, app/assets/stylesheets/application/common/style.scss */
.w-170 {
  max-width: 170px !important;
}

/* line 1844, app/assets/stylesheets/application/common/style.scss */
.w-180 {
  max-width: 180px !important;
}

/* line 1848, app/assets/stylesheets/application/common/style.scss */
.w-190 {
  max-width: 190px !important;
}

/* line 1852, app/assets/stylesheets/application/common/style.scss */
.w-200 {
  max-width: 200px !important;
}

/* line 1856, app/assets/stylesheets/application/common/style.scss */
.w-210 {
  max-width: 210px !important;
}

/* line 1860, app/assets/stylesheets/application/common/style.scss */
.w-220 {
  max-width: 220px !important;
}

/* line 1864, app/assets/stylesheets/application/common/style.scss */
.w-230 {
  max-width: 230px !important;
}

/* line 1868, app/assets/stylesheets/application/common/style.scss */
.w-240 {
  max-width: 240px !important;
}

/* line 1872, app/assets/stylesheets/application/common/style.scss */
.w-250 {
  max-width: 250px !important;
}

/* line 1876, app/assets/stylesheets/application/common/style.scss */
.w-260 {
  max-width: 260px !important;
}

/* line 1880, app/assets/stylesheets/application/common/style.scss */
.w-270 {
  max-width: 270px !important;
}

/* line 1884, app/assets/stylesheets/application/common/style.scss */
.w-280 {
  max-width: 280px !important;
}

/* line 1888, app/assets/stylesheets/application/common/style.scss */
.w-290 {
  max-width: 290px !important;
}

/* line 1892, app/assets/stylesheets/application/common/style.scss */
.w-300 {
  max-width: 300px !important;
}

/* line 1896, app/assets/stylesheets/application/common/style.scss */
.wp-0 {
  width: 0% !important;
}

/* line 1900, app/assets/stylesheets/application/common/style.scss */
.wp-10 {
  width: 10% !important;
}

/* line 1904, app/assets/stylesheets/application/common/style.scss */
.wp-20 {
  width: 20% !important;
}

/* line 1908, app/assets/stylesheets/application/common/style.scss */
.wp-30 {
  width: 30% !important;
}

/* line 1912, app/assets/stylesheets/application/common/style.scss */
.wp-40 {
  width: 40% !important;
}

/* line 1916, app/assets/stylesheets/application/common/style.scss */
.wp-50 {
  width: 50% !important;
}

/* line 1920, app/assets/stylesheets/application/common/style.scss */
.wp-60 {
  width: 60% !important;
}

/* line 1924, app/assets/stylesheets/application/common/style.scss */
.wp-70 {
  width: 70% !important;
}

/* line 1928, app/assets/stylesheets/application/common/style.scss */
.wp-80 {
  width: 80% !important;
}

/* line 1932, app/assets/stylesheets/application/common/style.scss */
.wp-90 {
  width: 90% !important;
}

/* line 1936, app/assets/stylesheets/application/common/style.scss */
.wp-95 {
  width: 95% !important;
}

/* line 1940, app/assets/stylesheets/application/common/style.scss */
.wp-100 {
  width: 100% !important;
}

/* line 1944, app/assets/stylesheets/application/common/style.scss */
.hp100 {
  height: 100%;
}

/* line 1948, app/assets/stylesheets/application/common/style.scss */
.w-600 {
  width: 600px !important;
}

/* line 1952, app/assets/stylesheets/application/common/style.scss */
.w-min-fit {
  min-width: fit-content;
}

/* ----------------------------------------------------
grid
---------------------------------------------------- */
/* line 1959, app/assets/stylesheets/application/common/style.scss */
.grid, #select_check_stb ul {
  display: grid;
}

/* line 1963, app/assets/stylesheets/application/common/style.scss */
.grid__2col {
  grid-template-columns: 541px 1307px;
  column-gap: 24px;
}

/* line 1968, app/assets/stylesheets/application/common/style.scss */
.grid__3col_std, .haishin_select ul {
  grid-template-columns: 340px 540px 402px;
  column-gap: 0px;
}

/* line 1973, app/assets/stylesheets/application/common/style.scss */
.grid__3col_std, .h_select ul li {
  grid-template-columns: 340px 540px 402px;
  column-gap: 0px;
}

/* line 1978, app/assets/stylesheets/application/common/style.scss */
.grid__4col {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 6px;
}

/* line 1983, app/assets/stylesheets/application/common/style.scss */
.grid__3col_std_edit {
  grid-template-columns: 540px 744px 540px;
  column-gap: 24px;
}

/* line 1988, app/assets/stylesheets/application/common/style.scss */
.grid__3col_std_flat {
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 24px;
}

/* line 1993, app/assets/stylesheets/application/common/style.scss */
.grid__3col_std_erc {
  grid-template-columns: 1fr 1fr 2fr;
  column-gap: 24px;
}

/* line 1998, app/assets/stylesheets/application/common/style.scss */
.grid__6col {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  column-gap: 2px;
}

/* line 2003, app/assets/stylesheets/application/common/style.scss */
.grid__6col--erc {
  grid-template-columns: 100px 1fr 1fr 1fr 1fr 1fr;
}

/* line 2007, app/assets/stylesheets/application/common/style.scss */
.grid__4col_std, #select_check_stb ul {
  grid-template-columns: 210px 130px 130px 1fr;
  column-gap: 2px;
}

/* line 2012, app/assets/stylesheets/application/common/style.scss */
.grid__4col_std, #select_check_stb ul li {
  grid-template-columns: 210px 130px 130px 1fr;
  column-gap: 2px;
}

/* line 2017, app/assets/stylesheets/application/common/style.scss */
.grid__13col_std {
  grid-template-columns: 2fr 2fr 1fr 2fr 1fr 1fr 1fr 1fr 1.2fr 1.3fr 1.1fr 1.1fr 1.1fr 0.8fr 0.8fr 0.8fr;
  column-gap: 2px;
}

/* line 2022, app/assets/stylesheets/application/common/style.scss */
.inner {
  padding: 12px 24px 0;
}

/*-------------------------------------------------------------------
header
-------------------------------------------------------------------*/
/* line 2029, app/assets/stylesheets/application/common/style.scss */
header {
  width: 100vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 88px;
  padding: 1vh 1vw;
  font-size: 1.6rem;
  position: relative;
}

/* line 2041, app/assets/stylesheets/application/common/style.scss */
.header-background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* yellow image 1px 1px */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAACXBIWXMAAAAnAAAAJwEqCZFPAAAAB3RJTUUH5gQIBwMmwJIcqwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAMSURBVAjXY/j/mgEABNcB6/Li8VoAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-size: cover;
  clip-path: polygon(22% 0%, 100% 0%, 100% 100%, 27% 100%);
  z-index: -1;
}

/* line 2056, app/assets/stylesheets/application/common/style.scss */
header a {
  color: #333;
}

/* line 2060, app/assets/stylesheets/application/common/style.scss */
header a:visited {
  color: #333;
}

/* line 2064, app/assets/stylesheets/application/common/style.scss */
header .hd1 {
  position: relative;
  padding: 0 12px;
}

/* line 2069, app/assets/stylesheets/application/common/style.scss */
header .hd1 img {
  max-width: 316px;
}

/* line 2073, app/assets/stylesheets/application/common/style.scss */
header .hd2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

/* line 2080, app/assets/stylesheets/application/common/style.scss */
header .account {
  border-left: 1px solid;
  border-right: 1px solid;
  padding: 0 6px;
  max-width: 230px;
  min-width: 120px;
  line-height: 2.0rem;
}

/* line 2089, app/assets/stylesheets/application/common/style.scss */
header .stb-info {
  padding: 0 6px;
  width: 30vw;
  max-width: 250px;
  min-width: 150px;
  height: inherit;
  line-height: 2.0rem;
}

/* line 2098, app/assets/stylesheets/application/common/style.scss */
header select {
  padding: 2px;
  border: solid #F59419;
  border: 1px;
}

/* line 2104, app/assets/stylesheets/application/common/style.scss */
#image-logo {
  max-width: 316px;
  width: 20vw;
}

@media (max-width: 1023px) {
  /* line 2110, app/assets/stylesheets/application/common/style.scss */
  header {
    font-size: 1.2rem;
  }
}

/*-------------------------------------------------------------------
info
-------------------------------------------------------------------*/
/* line 2118, app/assets/stylesheets/application/common/style.scss */
#info {
  background: #fff;
  padding: 24px 24px;
  box-shadow: 0 3px 0px #00000030;
  margin-bottom: 20px;
  overflow-x: hidden;
}

/* line 2126, app/assets/stylesheets/application/common/style.scss */
#info ul {
  margin-left: 48px;
  font-weight: 700;
  font-size: 1.8rem;
}

/* line 2132, app/assets/stylesheets/application/common/style.scss */
#info ul a {
  color: #F59419;
  font-size: 1.8rem;
}

/* line 2137, app/assets/stylesheets/application/common/style.scss */
.back {
  font-size: 20px;
  margin-bottom: 12px;
}

/* line 2142, app/assets/stylesheets/application/common/style.scss */
.content h2 {
  font-size: 2.4rem;
  line-height: 1.2;
}

/* line 2147, app/assets/stylesheets/application/common/style.scss */
.content__list ul {
  display: grid;
  grid-template-rows: 295px;
  grid-template-columns: 450px 450px 450px 450px;
  column-gap: 24px;
  row-gap: 30px;
}

/* line 2155, app/assets/stylesheets/application/common/style.scss */
.content__list ul li {
  text-align: center;
}

/* .content__list ul.loop {
  grid-template-rows: 320px;
  overflow-y: auto;
  height: 760px;
} */
/* line 2165, app/assets/stylesheets/application/common/style.scss */
.content__list ul.loop::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 60px #f59419;
  border-radius: 50px;
}

/* line 2170, app/assets/stylesheets/application/common/style.scss */
.content__list ul.loop::-webkit-scrollbar {
  width: 8px;
}

/* line 2174, app/assets/stylesheets/application/common/style.scss */
.content__list ul li {
  position: relative;
}

/* line 2178, app/assets/stylesheets/application/common/style.scss */
.content__list ul li .thum {
  position: relative;
}

/* line 2182, app/assets/stylesheets/application/common/style.scss */
.content__list ul li .thum--edit {
  position: relative;
}

/* line 2186, app/assets/stylesheets/application/common/style.scss */
.content__list ul li .thum--custom:hover::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  cursor: pointer;
}

/* line 2196, app/assets/stylesheets/application/common/style.scss */
.content__list ul li .thum--edit .thumimg, #loop_content .thumimg, .content__list ul li .thum--custom .thumimg, .content__list ul li .thum--no-edit .thumimg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 254px;
}

/* line 2203, app/assets/stylesheets/application/common/style.scss */
.thum--no-edit {
  position: relative;
}

/* line 2207, app/assets/stylesheets/application/common/style.scss */
.content__list ul li .thum--erc {
  position: relative;
  width: 100%;
  height: 257px;
  background: #333;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

/* line 2220, app/assets/stylesheets/application/common/style.scss */
.content__list ul li a {
  display: block;
}

/* line 2224, app/assets/stylesheets/application/common/style.scss */
.content__list ul li .func1, .select-content-modal-list .func1 {
  position: absolute;
  left: 10px;
  top: 10px;
  display: flex;
  align-items: center;
}

/* line 2232, app/assets/stylesheets/application/common/style.scss */
.content__list ul li .func1 span, .select-content-modal-list .func1 span {
  background: #333;
  padding: 5px;
  color: #fff;
  font-weight: bold;
  height: 37px;
}

/* line 2240, app/assets/stylesheets/application/common/style.scss */
.content__list ul li .func1 input[type=checkbox] {
  background: #F59419;
}

/* line 2244, app/assets/stylesheets/application/common/style.scss */
.content__list ul li .func2 {
  position: absolute;
  right: 10px;
  top: 10px;
}

/* line 2250, app/assets/stylesheets/application/common/style.scss */
.content__list ul li .func3 {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

/* line 2256, app/assets/stylesheets/application/common/style.scss */
.func4 {
  position: absolute;
  width: 100%;
  padding: 2px;
  bottom: 0;
  background: #FFEB00;
  font-size: 16px;
}

/* line 2266, app/assets/stylesheets/application/common/style.scss */
.content__list ul li .delivery-content-check {
  position: absolute;
  right: 10px;
  top: 3%;
}

/* line 2272, app/assets/stylesheets/application/common/style.scss */
.company-branch-label {
  background: #D34444 !important;
  color: #fff !important;
}

/* line 2277, app/assets/stylesheets/application/common/style.scss */
.outside-period-company-branch-label {
  background: #848484 !important;
  color: #fff !important;
}

/* line 2282, app/assets/stylesheets/application/common/style.scss */
.repeat-mark {
  position: absolute;
  top: 10%;
  right: 20px;
}

/* line 2288, app/assets/stylesheets/application/common/style.scss */
.func5 {
  position: absolute;
  top: 0;
  background: #FFEB00;
  padding: 5px;
}

/* line 2293, app/assets/stylesheets/application/common/style.scss */
.func5 img {
  height: 31px;
}

/* line 2298, app/assets/stylesheets/application/common/style.scss */
.func6 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.9vh;
  position: absolute;
  bottom: 0;
  background: #FFEB00;
  color: #000;
  text-align: center;
  font-size: 16px;
}

/* line 2313, app/assets/stylesheets/application/common/style.scss */
.content__list ul li .func7 {
  position: absolute;
  right: 5%;
  bottom: 20%;
}

/* line 2319, app/assets/stylesheets/application/common/style.scss */
.content__list ul li input[type=text] {
  font-size: 24px;
}

/* line 2323, app/assets/stylesheets/application/common/style.scss */
.content_list_box {
  min-height: calc(100vh - 365px);
}

/* line 2327, app/assets/stylesheets/application/common/style.scss */
.content__popup-size ul {
  display: grid;
  grid-template-rows: 256px 256px 256px;
  grid-template-columns: 398px 398px 398px 398px;
  column-gap: 26px;
  row-gap: 30px;
  margin-bottom: 40px;
}

/* line 2336, app/assets/stylesheets/application/common/style.scss */
.content__preview-size ul {
  display: grid;
  grid-template-rows: 291px 291px;
  grid-template-columns: 450px 450px 450px 450px;
  column-gap: 26px;
  row-gap: 30px;
  margin-bottom: 40px;
}

/* line 2345, app/assets/stylesheets/application/common/style.scss */
.content__preview-size ul li {
  position: relative;
}

/* line 2349, app/assets/stylesheets/application/common/style.scss */
.content__preview-size ul li .thum {
  position: relative;
  overflow: hidden;
  background-color: #000;
}

/* line 2355, app/assets/stylesheets/application/common/style.scss */
.content__preview-size ul li .thum a {
  display: block;
  position: relative;
}

/* line 2360, app/assets/stylesheets/application/common/style.scss */
.content__preview-size ul li .thum a.edit-num:after {
  counter-increment: number 1;
  /* number カウンタの増加数をセット */
  content: counter(number) " ";
  position: absolute;
  left: 14px;
  top: 5px;
  font-size: 43px;
  font-weight: bold;
  color: #fff;
  text-align: left;
  z-index: 10;
}

/* line 2374, app/assets/stylesheets/application/common/style.scss */
.content__preview-size ul li .func1 {
  position: absolute;
  left: 10px;
  top: 10px;
  display: flex;
  align-items: center;
}

/* line 2382, app/assets/stylesheets/application/common/style.scss */
.content__preview-size ul li .func1 span {
  background: #333;
  padding: 5px;
  color: #fff;
  font-weight: bold;
  height: 37px;
}

/* line 2390, app/assets/stylesheets/application/common/style.scss */
.content__preview-size ul li .func1 input[type=checkbox] {
  background: #F59419;
}

/* line 2394, app/assets/stylesheets/application/common/style.scss */
.content__preview-size ul li .func2 {
  position: absolute;
  right: 10px;
  top: 10px;
}

/* line 2400, app/assets/stylesheets/application/common/style.scss */
.content__preview-size ul li .func3 {
  position: absolute;
  right: 15px;
  bottom: 30px;
}

/* line 2406, app/assets/stylesheets/application/common/style.scss */
.content__preview-size ul li input[type=text] {
  font-size: 24px;
  padding: 12px;
}

/* line 2411, app/assets/stylesheets/application/common/style.scss */
.content__preview-size--dark h2 {
  color: #fff;
}

/* line 2415, app/assets/stylesheets/application/common/style.scss */
.content__preview-size--dark a {
  color: #fff;
}

/* line 2419, app/assets/stylesheets/application/common/style.scss */
.object-fit-contain {
  object-fit: contain;
}

/* line 2423, app/assets/stylesheets/application/common/style.scss */
#prevnext {
  font-size: 24px;
  font-weight: bold;
}

/* line 2428, app/assets/stylesheets/application/common/style.scss */
#prevnext a {
  color: #fff;
}

/* line 2432, app/assets/stylesheets/application/common/style.scss */
#prevnext .pagenum {
  margin-top: -80px;
}

@media (max-width: 1439px) {
  /* line 2438, app/assets/stylesheets/application/common/style.scss */
  .func4 {
    font-size: 1.4rem;
  }
}

@media (max-width: 1279px) {
  /* line 2444, app/assets/stylesheets/application/common/style.scss */
  .content h2 {
    font-size: 1.2rem;
  }
  /* line 2447, app/assets/stylesheets/application/common/style.scss */
  .content h2 img {
    height: 1.2rem;
  }
  /* line 2454, app/assets/stylesheets/application/common/style.scss */
  .content__list ul li input[type=text] {
    font-size: 1.2rem;
  }
  /* line 2459, app/assets/stylesheets/application/common/style.scss */
  .content__list ul li .func1 span {
    padding: 3px;
    height: 24px;
  }
  /* line 2463, app/assets/stylesheets/application/common/style.scss */
  .content__list ul li .func1 span img {
    max-height: fit-content;
    max-width: 80%;
  }
  /* line 2470, app/assets/stylesheets/application/common/style.scss */
  .func4 {
    padding: 1px;
    font-size: 1.1rem;
  }
  /* line 2475, app/assets/stylesheets/application/common/style.scss */
  .repeat-mark {
    top: 10%;
    right: 10px;
  }
  /* line 2478, app/assets/stylesheets/application/common/style.scss */
  .repeat-mark img {
    zoom: 70%;
  }
  /* line 2483, app/assets/stylesheets/application/common/style.scss */
  .content_list_box {
    min-height: calc(100vh - 345px);
  }
}

@media (max-width: 1023px) {
  /* line 2489, app/assets/stylesheets/application/common/style.scss */
  .content h2 {
    font-size: 1.0rem;
  }
  /* line 2492, app/assets/stylesheets/application/common/style.scss */
  .content h2 img {
    height: 1.0rem;
  }
  /* line 2497, app/assets/stylesheets/application/common/style.scss */
  .content__list ul li input[type=text] {
    font-size: 1.0rem;
  }
  /* line 2502, app/assets/stylesheets/application/common/style.scss */
  .func4 {
    font-size: 1.0rem;
  }
  /* line 2506, app/assets/stylesheets/application/common/style.scss */
  .repeat-mark {
    top: 10%;
    right: 5px;
  }
  /* line 2509, app/assets/stylesheets/application/common/style.scss */
  .repeat-mark img {
    zoom: 50%;
  }
}

/* line 2515, app/assets/stylesheets/application/common/style.scss */
#delivery-contents .new-position {
  position: absolute;
  top: 5%;
  right: 100px;
}

/* line 2521, app/assets/stylesheets/application/common/style.scss */
#folders_list .new-position {
  position: absolute;
  top: 2%;
  right: 2%;
}

/* line 2527, app/assets/stylesheets/application/common/style.scss */
.new-icon {
  background-color: #D34444;
  color: #fff;
  border-radius: 1em 1em;
  padding: 1px 3px;
  font-size: 1.6rem;
}

/* line 2536, app/assets/stylesheets/application/common/style.scss */
.sub-nav .new-icon {
  vertical-align: 10%;
  font-size: 1.2rem;
}

/* line 2540, app/assets/stylesheets/application/common/style.scss */
.sub-nav .tooltip img {
  vertical-align: sub;
}

/* line 2545, app/assets/stylesheets/application/common/style.scss */
#delivery_groups_list .func4 {
  bottom: 15%;
}

/* line 2549, app/assets/stylesheets/application/common/style.scss */
#undisplay-delivery-contents-confirm {
  outline: #00000030 solid 3000px;
}

/* line 2553, app/assets/stylesheets/application/common/style.scss */
#undisplay-delivery-contents-confirm.undisplay-delivery-contents-confirm-overlay {
  transform: translateY(-50%) translateX(-50%);
  content: 'overlay';
  width: 100vw;
  height: 100vh;
  position: fixed !important;
  background: #00000080;
  z-index: 99;
  top: 50%;
  left: 50%;
}

/*-------------------------------------------------------------------
popup
-------------------------------------------------------------------*/
/* line 2569, app/assets/stylesheets/application/common/style.scss */
body.popup::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #00000080;
  position: fixed;
  z-index: 10;
  display: none;
}

/* line 2579, app/assets/stylesheets/application/common/style.scss */
#popup_bg::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #00000080;
  position: fixed;
  z-index: 10;
}

/* line 2588, app/assets/stylesheets/application/common/style.scss */
.popup {
  width: 680px;
  height: 430px;
  background: #F2F1ED;
  z-index: 99;
  text-align: center;
  padding: 20px;
}

/* line 2597, app/assets/stylesheets/application/common/style.scss */
.popup .message {
  height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 2.0rem;
  flex-direction: column;
}

/* line 2607, app/assets/stylesheets/application/common/style.scss */
.popup .message__left {
  text-align: left;
}

/* line 2611, app/assets/stylesheets/application/common/style.scss */
.popup .message__left select {
  width: 390px;
}

/* line 2615, app/assets/stylesheets/application/common/style.scss */
.popup .message ul li {
  margin-bottom: 24px;
}

/* line 2619, app/assets/stylesheets/application/common/style.scss */
.popup .message ul li span {
  width: 100px;
  display: inline-block;
}

/* line 2624, app/assets/stylesheets/application/common/style.scss */
.popup__select-content {
  width: 1712px;
  height: 1000px;
}

/* line 2629, app/assets/stylesheets/application/common/style.scss */
.popup__select-content .close {
  width: 40px;
  position: absolute;
  right: 20px;
  top: 10px;
}

/* line 2636, app/assets/stylesheets/application/common/style.scss */
.popup__check-stb-content {
  width: 1200px;
  height: 560px;
  text-align: left;
}

/* line 2642, app/assets/stylesheets/application/common/style.scss */
.popup__check-stb-content__layout {
  display: table;
  margin: auto;
}

/* line 2645, app/assets/stylesheets/application/common/style.scss */
.popup__check-stb-content__layout div {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 1100px;
  overflow: hidden;
}

/* line 2654, app/assets/stylesheets/application/common/style.scss */
#licensed_check_modal .popup {
  padding: 10px;
}

/* line 2662, app/assets/stylesheets/application/common/style.scss */
#licensed_check_modal .popup h1 {
  margin-bottom: 8px;
}

/*-------------------------------------------------------------------
loop
-------------------------------------------------------------------*/
/* line 2671, app/assets/stylesheets/application/common/style.scss */
.select {
  display: grid;
  grid-template-columns: 640px 640px 640px;
  grid-template-rows: 100px;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* line 2680, app/assets/stylesheets/application/common/style.scss */
.select__right {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

/* line 2686, app/assets/stylesheets/application/common/style.scss */
.select__center {
  align-items: center;
  display: flex;
  justify-content: center;
}

/*-------------------------------------------------------------------
配信グループ
-------------------------------------------------------------------*/
/* line 2695, app/assets/stylesheets/application/common/style.scss */
.list_title {
  background: #E5E3DE;
  color: #333;
  font-weight: 400;
  margin-bottom: 0;
  font-size: 18px;
  padding: 10px 0 10px 100px;
}

/* line 2704, app/assets/stylesheets/application/common/style.scss */
.list_title2 {
  background: #E5E3DE;
  color: #333;
  font-weight: 400;
  margin-bottom: 0;
  font-size: 18px;
  padding: 8px 0 8px 15px;
}

/* line 2713, app/assets/stylesheets/application/common/style.scss */
.haishin_group {
  background: #fff;
}

/* line 2717, app/assets/stylesheets/application/common/style.scss */
.haishin_group .height {
  height: 290px;
}

/* line 2721, app/assets/stylesheets/application/common/style.scss */
.haishin_group .title {
  font-size: 24px;
  margin-bottom: 11px;
  font-weight: bold;
}

/* line 2727, app/assets/stylesheets/application/common/style.scss */
.haishin_group .group_inner {
  padding: 20px 8px 0 24px;
}

/* line 2731, app/assets/stylesheets/application/common/style.scss */
.haishin_group .group_inner2 {
  padding: 20px 8px 0 35px;
}

/* line 2735, app/assets/stylesheets/application/common/style.scss */
.haishin_group ul li {
  font-size: 18px;
  color: #333;
  line-height: 1;
  margin-bottom: 5px;
}

/* line 2742, app/assets/stylesheets/application/common/style.scss */
.haishin_group ul li label {
  display: inline-block;
}

/* line 2746, app/assets/stylesheets/application/common/style.scss */
.haishin_group ul li label:hover {
  background: #00000014;
}

/* line 2750, app/assets/stylesheets/application/common/style.scss */
.haishin_group ul li a {
  font-size: 18px;
  color: #333;
  padding: 10px;
  display: inline-block;
}

/* line 2757, app/assets/stylesheets/application/common/style.scss */
.haishin_group ul li:hover {
  background: #00000014;
}

/* line 2761, app/assets/stylesheets/application/common/style.scss */
.haishin_group ul li .trash {
  width: 45px;
  height: auto;
  vertical-align: middle;
  margin-right: 20px;
  display: inline-block;
}

/* line 2769, app/assets/stylesheets/application/common/style.scss */
.haishin_group ul.cont li {
  line-height: 2.5;
}

/* line 2773, app/assets/stylesheets/application/common/style.scss */
.haishin_group ul.cont li label {
  width: 100%;
  display: inline-block;
}

/* line 2778, app/assets/stylesheets/application/common/style.scss */
.haishin_group ul.lineheight li {
  line-height: 2;
}

/* line 2782, app/assets/stylesheets/application/common/style.scss */
.haishin_group ul.flex li {
  display: flex;
  align-items: center;
}

/* line 2787, app/assets/stylesheets/application/common/style.scss */
.haishin_group__stb .height {
  height: 600px;
}

/* line 2791, app/assets/stylesheets/application/common/style.scss */
.haishin_group__stb .height550 {
  height: 550px;
}

/* line 2795, app/assets/stylesheets/application/common/style.scss */
.haishin_group__stb .grid, .haishin_group__stb .haishin_select ul, .haishin_select .haishin_group__stb ul, .haishin_group__stb #select_check_stb ul, #select_check_stb .haishin_group__stb ul {
  display: grid;
  grid-template-columns: 540px 744px 540px;
  grid-template-rows: 100px;
  align-items: center;
  justify-content: center;
}

/* line 2803, app/assets/stylesheets/application/common/style.scss */
.haishin_group__erc ul li a {
  padding: 10px 0;
}

/* line 2807, app/assets/stylesheets/application/common/style.scss */
.haishin_select .height {
  height: 100%;
}

/* line 2811, app/assets/stylesheets/application/common/style.scss */
.haishin_select .search2 {
  width: 383px;
}

/* line 2815, app/assets/stylesheets/application/common/style.scss */
.haishin_select .title {
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: bold;
}

/* line 2821, app/assets/stylesheets/application/common/style.scss */
.haishin_select .list_title {
  background: #E5E3DE;
  color: #333;
  font-weight: 400;
  margin-bottom: 0;
  font-size: 18px;
  padding: 10px 0 10px 24px;
}

/* line 2830, app/assets/stylesheets/application/common/style.scss */
.haishin_select ul {
  height: 806px;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* line 2836, app/assets/stylesheets/application/common/style.scss */
.haishin_select ul::-webkit-scrollbar-thumb {
  background: #f59419;
  border-radius: 50px;
}

/* line 2841, app/assets/stylesheets/application/common/style.scss */
.haishin_select ul::-webkit-scrollbar {
  width: 8px;
}

/* line 2845, app/assets/stylesheets/application/common/style.scss */
.haishin_select ul li {
  text-align: left;
  font-size: 18px;
  color: #333;
  line-height: 2.5;
  border-right: 1px solid #DDDDDD;
}

/* line 2853, app/assets/stylesheets/application/common/style.scss */
.haishin_select ul li .distribution-setting {
  padding: 0 24px;
}

/* line 2857, app/assets/stylesheets/application/common/style.scss */
.haishin_select ul li .hover {
  background: #F59419;
}

/* line 2861, app/assets/stylesheets/application/common/style.scss */
.haishin_select ul li.active_link {
  background: rgba(245, 148, 25, 0.5);
}

/* line 2865, app/assets/stylesheets/application/common/style.scss */
.haishin_select ul li:last-child {
  border-right: 0;
}

/* line 2869, app/assets/stylesheets/application/common/style.scss */
.haishin_select .scroll-y {
  display: block;
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-right: 10px;
}

/* line 2877, app/assets/stylesheets/application/common/style.scss */
.haishin_select .scroll-y::-webkit-scrollbar-thumb {
  background: #f59419;
  border-radius: 50px;
}

/* line 2882, app/assets/stylesheets/application/common/style.scss */
.haishin_select .scroll-y::-webkit-scrollbar {
  width: 8px;
  box-shadow: none;
}

/* line 2887, app/assets/stylesheets/application/common/style.scss */
.right-triangle {
  width: 0;
  height: 0;
  border-left: 15px solid #D34444;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* line 2895, app/assets/stylesheets/application/common/style.scss */
.right-triangle-gray {
  border-left: 15px solid #CFCECB !important;
}

/* line 2899, app/assets/stylesheets/application/common/style.scss */
.red-circle, .bottom-right-caption, .bottom-left-caption, .top-right-caption, .top-left-caption {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  line-height: 15px;
  text-align: center;
  border: solid #D34444;
  background: #D34444;
  color: #ffffff;
  font-size: 15px;
}

/* line 2911, app/assets/stylesheets/application/common/style.scss */
.gray-circle {
  border-color: #CFCECB !important;
  background-color: #CFCECB !important;
}

/* line 2916, app/assets/stylesheets/application/common/style.scss */
.gray-text-color {
  color: #CFCECB !important;
}

/* line 2920, app/assets/stylesheets/application/common/style.scss */
.top-left-caption {
  position: absolute;
  top: -10px;
  left: -10px;
}

/* line 2928, app/assets/stylesheets/application/common/style.scss */
.top-right-caption {
  position: absolute;
  top: -10px;
  right: -10px;
}

/* line 2936, app/assets/stylesheets/application/common/style.scss */
.bottom-left-caption {
  position: absolute;
  bottom: -10px;
  left: -10px;
}

/* line 2944, app/assets/stylesheets/application/common/style.scss */
.bottom-right-caption {
  position: absolute;
  bottom: -10px;
  right: -10px;
}

/* line 2952, app/assets/stylesheets/application/common/style.scss */
#select_check_stb .midashi {
  padding: 10px 0px;
  font-size: 18px;
}

/* line 2957, app/assets/stylesheets/application/common/style.scss */
#select_check_stb .scroll-y {
  display: block;
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-right: 10px;
}

/* line 2965, app/assets/stylesheets/application/common/style.scss */
#select_check_stb .scroll-y::-webkit-scrollbar-thumb {
  background: #f59419;
  border-radius: 50px;
}

/* line 2970, app/assets/stylesheets/application/common/style.scss */
#select_check_stb .scroll-y::-webkit-scrollbar {
  width: 8px;
  box-shadow: none;
}

/* line 2975, app/assets/stylesheets/application/common/style.scss */
#select_check_stb .w-group {
  width: 210px;
}

/* line 2979, app/assets/stylesheets/application/common/style.scss */
#select_check_stb .w-content {
  width: 340px;
}

/* line 2983, app/assets/stylesheets/application/common/style.scss */
#select_check_stb ul {
  height: 250px;
}

/* line 2988, app/assets/stylesheets/application/common/style.scss */
#select_check_stb ul li {
  text-align: left;
  font-size: 18px;
  color: #333;
  line-height: 2.5;
  border-right: 1px solid #DDDDDD;
  font-weight: bold;
}

/* line 2997, app/assets/stylesheets/application/common/style.scss */
#select_check_stb ul li:last-child {
  border-right: 0;
}

/* line 3001, app/assets/stylesheets/application/common/style.scss */
.listbox a {
  line-height: 1.1;
}

/* line 3005, app/assets/stylesheets/application/common/style.scss */
.listbox li ul {
  padding-left: 44px;
}

/* line 3009, app/assets/stylesheets/application/common/style.scss */
.scroll-x {
  display: block;
  position: relative;
  overflow-x: scroll;
  white-space: nowrap;
}

/* line 3016, app/assets/stylesheets/application/common/style.scss */
.scroll-x::-webkit-scrollbar-thumb {
  background: #f59419;
  border-radius: 50px;
}

/* line 3021, app/assets/stylesheets/application/common/style.scss */
.scroll-x::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  box-shadow: none;
}

/* line 3027, app/assets/stylesheets/application/common/style.scss */
.scroll-x::-webkit-scrollbar-corner {
  background-color: #F2F1ED;
}

/* line 3031, app/assets/stylesheets/application/common/style.scss */
.scroll-y {
  display: block;
  position: relative;
  overflow-y: scroll;
  white-space: nowrap;
}

/* line 3038, app/assets/stylesheets/application/common/style.scss */
.scroll-y::-webkit-scrollbar-thumb {
  background: #f59419;
  border-radius: 50px;
}

/* line 3043, app/assets/stylesheets/application/common/style.scss */
.scroll-y::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  box-shadow: none;
}

/* line 3049, app/assets/stylesheets/application/common/style.scss */
.scroll-y::-webkit-scrollbar-corner {
  background-color: #F2F1ED;
}

/* line 3053, app/assets/stylesheets/application/common/style.scss */
.stb-icon {
  background-color: #D34444;
  color: #fff;
  padding: 1px 3px;
  font-size: 1.6rem;
  display: inline-block;
  width: 40px;
  text-align: center;
}

/* line 3063, app/assets/stylesheets/application/common/style.scss */
.border-right-gray {
  border-right: 1px solid #DDDDDD;
}

/*-------------------------------------------------------------------
nav
-------------------------------------------------------------------*/
/* line 3070, app/assets/stylesheets/application/common/style.scss */
nav.menu {
  width: 25px;
  height: 24px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

/* line 3078, app/assets/stylesheets/application/common/style.scss */
nav .menu1 {
  width: 25px;
  height: 3px;
  background-color: #000;
  top: 0px;
  position: absolute;
}

/* line 3086, app/assets/stylesheets/application/common/style.scss */
nav .menu2 {
  width: 25px;
  height: 3px;
  background-color: #000;
  top: 8px;
  position: absolute;
}

/* line 3094, app/assets/stylesheets/application/common/style.scss */
nav .menu3 {
  width: 25px;
  height: 3px;
  background-color: #000;
  top: 16px;
  position: absolute;
}

/* line 3102, app/assets/stylesheets/application/common/style.scss */
nav .menu1,
nav .menu2,
nav .menu3 {
  transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  /* Opera */
  -moz-transition: all 0.5s ease-out;
  /* Firefox */
  -webkit-transition: all 0.5s ease-out;
  /* GoogleChrome, Safari */
  -ms-transition: all 0.5s ease-out;
  /* IE */
}

/* line 3116, app/assets/stylesheets/application/common/style.scss */
nav .menuclick1 {
  top: 8px;
  -o-transform: rotate(405deg);
  -moz-transform: rotate(405deg);
  -webkit-transform: rotate(405deg);
  -ms-transform: rotate(405deg);
  transform: rotate(405deg);
}

/* line 3125, app/assets/stylesheets/application/common/style.scss */
nav .menuclick2 {
  background-color: rgba(255, 255, 255, 0);
}

/* line 3129, app/assets/stylesheets/application/common/style.scss */
nav .menuclick3 {
  top: 8px;
  -o-transform: rotate(-405deg);
  -moz-transform: rotate(-405deg);
  -webkit-transform: rotate(-405deg);
  -ms-transform: rotate(-405deg);
  transform: rotate(-405deg);
}

/* line 3138, app/assets/stylesheets/application/common/style.scss */
#menu {
  display: none;
  position: absolute;
  right: 0;
  background: #ffeb02;
  box-shadow: 0 2px 10px #0000006b;
  padding: 12px;
  z-index: 9;
}

/* line 3148, app/assets/stylesheets/application/common/style.scss */
#menu a {
  color: #333;
  font-size: 14px;
  padding: 2px;
}

/* line 3154, app/assets/stylesheets/application/common/style.scss */
#menu a:hover {
  background: #333;
  color: #fff;
}

/* line 3159, app/assets/stylesheets/application/common/style.scss */
#menu a.click-none {
  pointer-events: none;
  color: #ccc;
}

/* ----------------------------------------------------
form
---------------------------------------------------- */
/* line 3167, app/assets/stylesheets/application/common/style.scss */
select {
  padding: 12px 32px 12px 12px;
  border: solid #F59419;
  font-size: 1.4rem;
  font-family: inherit;
  color: #000000;
  border-radius: 4px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f59419' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1.6rem;
}

/* line 3181, app/assets/stylesheets/application/common/style.scss */
.select__search {
  width: 100%;
  font-size: 1.8rem;
  border: none;
}

/* line 3187, app/assets/stylesheets/application/common/style.scss */
.form-box {
  display: flex;
  border: 2px solid #F59419;
  width: 100%;
  border-radius: 100px;
}

/* line 3194, app/assets/stylesheets/application/common/style.scss */
.form-input {
  border: none !important;
  width: 100%;
  font-size: 14px;
  padding: 8px 20px !important;
  border-radius: 100px;
}

/* line 3202, app/assets/stylesheets/application/common/style.scss */
.form-button {
  background-color: white;
  border: none;
  padding-right: 20px;
  border-radius: 100px;
}

/* line 3209, app/assets/stylesheets/application/common/style.scss */
input[type="checkbox"] {
  transform: scale(2);
  margin-left: 8px;
}

/* line 3214, app/assets/stylesheets/application/common/style.scss */
input[type="checkbox"] {
  display: none;
}

/* line 3218, app/assets/stylesheets/application/common/style.scss */
input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.25em;
  margin: 0 5px 0 0;
  background-image: none, url(/assets/icon/checkbox_off-9974f536168628ac85d265f50f701a5702c0bed9bf7a77ef4a379e46f2e86fd8.png);
  background-size: 100% auto, 100%;
  background-position: top 55% left 50%, 0 0;
  background-repeat: no-repeat, no-repeat;
  width: 24px;
  height: 24px;
}

/* line 3232, app/assets/stylesheets/application/common/style.scss */
input[type="checkbox"]:disabled + label:before {
  opacity: 0.5;
}

/* line 3236, app/assets/stylesheets/application/common/style.scss */
.input__block + label:before {
  display: block !important;
  margin: auto !important;
}

/* line 3241, app/assets/stylesheets/application/common/style.scss */
input[type="checkbox"]:checked + label:before {
  background-image: url(/assets/icon/checkbox_on-4846fc6fd7a6bad9fbff49e7193efdec0b77a87f9941cf6076c1d4b65a77f604.png);
}

/* line 3245, app/assets/stylesheets/application/common/style.scss */
input[type="text"], input.number-custom {
  padding: 12px;
  border: solid #F59419;
}

/* line 3250, app/assets/stylesheets/application/common/style.scss */
input[type="password"] {
  padding: 12px;
  border: solid #F59419;
}

/* line 3255, app/assets/stylesheets/application/common/style.scss */
input[type="time"] {
  padding: 6px;
  border: solid #F59419;
  border-radius: 4px;
  font-family: inherit;
}

/* line 3262, app/assets/stylesheets/application/common/style.scss */
input[type="submit"] {
  background: #f69417;
  color: #fff;
  padding: 10px;
  width: 100%;
  margin-top: 10px;
  font-size: 20px;
  font-weight: 700;
  border: 0;
}

/* line 3273, app/assets/stylesheets/application/common/style.scss */
input[type="radio"] {
  display: none;
}

/* line 3277, app/assets/stylesheets/application/common/style.scss */
input[type="radio"] + label:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.25em;
  margin: 0 5px 0 0;
  background-image: none, url(/assets/icon/radio_button_off-4b82ff784ad53dde2c8ea97ac3ef3c6bc11c8762a2f58a4d4f9cce76c649ef86.svg);
  background-size: 100% auto, 100%;
  background-position: top 55% left 50%, 0 0;
  background-repeat: no-repeat, no-repeat;
  width: 24px;
  height: 24px;
}

/* line 3291, app/assets/stylesheets/application/common/style.scss */
input[type="radio"]:disabled + label:before {
  opacity: 0.5;
}

/* line 3295, app/assets/stylesheets/application/common/style.scss */
input[type="radio"]:checked + label:before {
  background-image: url(/assets/icon/radio_button_on-f66f8c24b5227ef38b0f655870292e7c7db9ffeb9c703619c4f35089a6e1c260.svg);
}

/* line 3299, app/assets/stylesheets/application/common/style.scss */
button {
  border: none;
}

/* line 3303, app/assets/stylesheets/application/common/style.scss */
.file_select {
  border: dotted 2px #AAAAAA;
  padding: 10px;
  max-width: 1028px;
  margin: auto;
  display: block;
}

/* line 3311, app/assets/stylesheets/application/common/style.scss */
.txtwrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 800px;
  display: inline-block;
}

/* line 3319, app/assets/stylesheets/application/common/style.scss */
.form__file input[type="file"] {
  display: none;
}

/* line 3323, app/assets/stylesheets/application/common/style.scss */
.form__file label {
  background: #F59419;
  color: white;
  font-size: 20px;
  font-weight: bold;
  padding: 8px 20px;
  display: table;
  margin: auto;
  position: relative;
  cursor: pointer;
}

/* line 3335, app/assets/stylesheets/application/common/style.scss */
.form__file .filename {
  font-size: 12px;
}

@media (max-width: 1279px) {
  /* line 3340, app/assets/stylesheets/application/common/style.scss */
  .list-field-contents-wrapper input[type="checkbox"] + label {
    font-size: 1.0rem;
  }
  /* line 3343, app/assets/stylesheets/application/common/style.scss */
  .list-field-contents-wrapper input[type="checkbox"] + label:before {
    top: 0.15em;
    margin: 0 3px 0 0;
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 1023px) {
  /* line 3353, app/assets/stylesheets/application/common/style.scss */
  .list-field-contents-wrapper input[type="checkbox"] + label {
    font-size: 0.8rem;
  }
  /* line 3356, app/assets/stylesheets/application/common/style.scss */
  .list-field-contents-wrapper input[type="checkbox"] + label:before {
    top: 0.1em;
    margin: 0 2px 0 0;
    width: 12px;
    height: 12px;
  }
}

/* line 3367, app/assets/stylesheets/application/common/style.scss */
.list-field-contents-wrapper li:last-child {
  margin-bottom: 40px;
}

/* line 3372, app/assets/stylesheets/application/common/style.scss */
.textarea-style {
  padding: 12px;
  border: solid #F59419;
  font-family: inherit;
  resize: none;
}

/* ----------------------------------------------------
side
---------------------------------------------------- */
/* line 3381, app/assets/stylesheets/application/common/style.scss */
#side {
  width: 540px;
}

/* ----------------------------------------------------
tab
---------------------------------------------------- */
/* line 3388, app/assets/stylesheets/application/common/style.scss */
.tab-area {
  display: flex;
  cursor: pointer;
  border-bottom: 1px solid #DDDDDD;
}

/* line 3394, app/assets/stylesheets/application/common/style.scss */
.tab-area .tab {
  line-height: 64px;
  text-align: center;
  color: #333;
  font-size: 2.0rem;
  font-weight: bold;
  margin-right: 30px;
}

/* line 3403, app/assets/stylesheets/application/common/style.scss */
.tab-area .tab.active {
  color: #F59419;
  border-bottom: 4px solid #F59419;
}

/* line 3408, app/assets/stylesheets/application/common/style.scss */
.content-area .content {
  display: none;
}

/* line 3412, app/assets/stylesheets/application/common/style.scss */
.content-area .content.show {
  display: block;
}

/* ----------------------------------------------------
Tooltip
---------------------------------------------------- */
/* line 3420, app/assets/stylesheets/application/common/style.scss */
.tooltip {
  position: relative;
}

/* line 3424, app/assets/stylesheets/application/common/style.scss */
.tooltip .tooltiptext {
  display: none;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 5px;
}

/* line 3440, app/assets/stylesheets/application/common/style.scss */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

/* line 3451, app/assets/stylesheets/application/common/style.scss */
.tooltip .tooltiptext-left {
  display: none;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -180px;
  margin-top: 5px;
}

@media (max-width: 1279px) {
  /* line 3468, app/assets/stylesheets/application/common/style.scss */
  .tooltip .tooltiptext-left {
    width: 160px;
    font-size: 12px !important;
    margin-left: -145px;
  }
}

/* line 3475, app/assets/stylesheets/application/common/style.scss */
.tooltip .tooltiptext-left::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 90%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

/* line 3486, app/assets/stylesheets/application/common/style.scss */
.tooltip .tooltiptext-top-left {
  display: none;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -180px;
  margin-bottom: 10px;
}

/* line 3502, app/assets/stylesheets/application/common/style.scss */
.tooltip .tooltiptext-top-left::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 90%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
  transform: rotate(180deg);
}

/* line 3514, app/assets/stylesheets/application/common/style.scss */
.tooltip .tooltiptext-right {
  display: none;
  width: 210px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  right: 50%;
  margin-right: -190px;
  margin-top: 5px;
}

/* line 3530, app/assets/stylesheets/application/common/style.scss */
.tooltip .tooltiptext-right::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 10%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

/* line 3541, app/assets/stylesheets/application/common/style.scss */
.tooltip .tooltiptext-large {
  display: hidden;
  width: fit-content !important;
  max-width: 50vw;
  margin-left: 0 !important;
  padding: 5px 10px !important;
  word-wrap: break-word;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  margin-left: -100px;
  margin-top: 5px;
}

/* line 3562, app/assets/stylesheets/application/common/style.scss */
.tooltip .tooltiptext-auto::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

/* line 3573, app/assets/stylesheets/application/common/style.scss */
.tooltip .tooltiptext-top {
  display: none;
  width: 220px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 10px;
}

/* line 3589, app/assets/stylesheets/application/common/style.scss */
.tooltip .tooltiptext-top::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
  transform: translateX(-50%) rotate(180deg);
}

/* line 3600, app/assets/stylesheets/application/common/style.scss */
.tooltip:hover .tooltiptext,
.tooltip:hover .tooltiptext-top,
.tooltip:hover .tooltiptext-left,
.tooltip:hover .tooltiptext-top-left,
.tooltip:hover .tooltiptext-right,
.tooltip:hover .tooltiptext-large {
  display: block;
}

/* ----------------------------------------------------
Action for field content
---------------------------------------------------- */
/* line 3612, app/assets/stylesheets/application/common/style.scss */
.box-action {
  display: none;
}

/* line 3615, app/assets/stylesheets/application/common/style.scss */
.thum--edit:hover .box-action {
  display: block;
}

/* line 3619, app/assets/stylesheets/application/common/style.scss */
.thum--custom:hover .box-action {
  display: block;
}

/* line 3623, app/assets/stylesheets/application/common/style.scss */
.thum--folder:hover .box-action {
  display: block;
}

/* line 3627, app/assets/stylesheets/application/common/style.scss */
.thum-order-setting:hover .box-action {
  display: block;
}

/*# sourceMappingURL=style.css.map */
/* ----------------------------------------------------
buildee
---------------------------------------------------- */
/* line 3636, app/assets/stylesheets/application/common/style.scss */
#buildee {
  background: url(/assets/table-dfcb0875a8b7269c424b6e23f45bed94a454260086d6006d02099de5825e8e23.png);
  background-repeat: no-repeat;
  width: 1202px;
  height: 677px;
  margin: auto;
  font-weight: bold;
  position: relative;
}

/* line 3646, app/assets/stylesheets/application/common/style.scss */
#buildee .yotei {
  font-size: 33px;
  font-weight: bold;
  position: absolute;
  top: 5px;
  left: 10px;
}

/* line 3654, app/assets/stylesheets/application/common/style.scss */
#buildee .yotei span {
  font-size: 20px;
}

/* line 3658, app/assets/stylesheets/application/common/style.scss */
#buildee .hiru {
  font-size: 28px;
  text-align: center;
  padding: 3px;
  border: 4px solid #333;
  position: absolute;
  top: 8px;
  left: 360px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 3673, app/assets/stylesheets/application/common/style.scss */
#buildee .date {
  font-size: 28px;
  position: absolute;
  top: 10px;
  left: 480px;
}

/* line 3680, app/assets/stylesheets/application/common/style.scss */
#buildee .time {
  position: absolute;
  top: 60px;
  left: 0;
}

/* line 3686, app/assets/stylesheets/application/common/style.scss */
#buildee .time .t_ab {
  position: absolute;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
}

/* line 3693, app/assets/stylesheets/application/common/style.scss */
#buildee .time .time7 {
  top: 0;
  left: 98px;
}

/* line 3698, app/assets/stylesheets/application/common/style.scss */
#buildee .time .time8 {
  top: 0;
  left: 175px;
}

/* line 3703, app/assets/stylesheets/application/common/style.scss */
#buildee .time .time9 {
  top: 0;
  left: 256px;
}

/* line 3708, app/assets/stylesheets/application/common/style.scss */
#buildee .time .time10 {
  top: 0;
  left: 325px;
}

/* line 3713, app/assets/stylesheets/application/common/style.scss */
#buildee .time .time11 {
  top: 0;
  left: 402px;
}

/* line 3718, app/assets/stylesheets/application/common/style.scss */
#buildee .time .time12 {
  top: 0;
  left: 481px;
}

/* line 3723, app/assets/stylesheets/application/common/style.scss */
#buildee .time .time13 {
  top: 0;
  left: 555px;
}

/* line 3728, app/assets/stylesheets/application/common/style.scss */
#buildee .time .time14 {
  top: 0;
  left: 633px;
}

/* line 3733, app/assets/stylesheets/application/common/style.scss */
#buildee .time .time15 {
  top: 0;
  left: 712px;
}

/* line 3738, app/assets/stylesheets/application/common/style.scss */
#buildee .time .time16 {
  top: 0;
  left: 790px;
}

/* line 3743, app/assets/stylesheets/application/common/style.scss */
#buildee .time .time17 {
  top: 0;
  left: 869px;
}

/* line 3748, app/assets/stylesheets/application/common/style.scss */
#buildee .time .time18 {
  top: 0;
  left: 949px;
}

/* line 3753, app/assets/stylesheets/application/common/style.scss */
#buildee .time .time19 {
  top: 0;
  left: 1028px;
}

/* line 3758, app/assets/stylesheets/application/common/style.scss */
#buildee .time .time20 {
  top: 0;
  left: 1103px;
}

/* line 3763, app/assets/stylesheets/application/common/style.scss */
#buildee .name1 {
  position: absolute;
  top: 105px;
  left: 25px;
  width: 414.82px;
  font-size: 26px;
  text-align: left;
  color: #ffba00;
}

/* line 3773, app/assets/stylesheets/application/common/style.scss */
#buildee .name2 {
  position: absolute;
  top: 403px;
  left: 25px;
  font-size: 26px;
  text-align: left;
  color: #ffba00;
}

/* line 3782, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_name {
  font-size: 21px;
  position: absolute;
  color: #fff;
  z-index: 1;
}

/* line 3789, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_posi1 {
  top: 141px;
  left: 342px;
}

/* line 3794, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_posi2 {
  top: 193px;
  left: 733px;
}

/* line 3799, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_posi3 {
  top: 244px;
  left: 263px;
}

/* line 3804, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_posi4 {
  top: 295px;
  left: 649px;
}

/* line 3809, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_posi5 {
  top: 348px;
  left: 496px;
}

/* line 3814, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_posi6 {
  top: 439px;
  left: 339px;
}

/* line 3819, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_posi7 {
  top: 491px;
  left: 707px;
}

/* line 3824, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_posi8 {
  top: 542px;
  left: 261px;
}

/* line 3829, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_posi10 {
  top: 645px;
  left: 493px;
}

/* line 3834, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_bar {
  height: 23px;
  text-align: center;
  font-size: 17px;
  position: absolute;
  color: #fff;
  z-index: 1;
}

/* line 3843, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_bar--blue {
  background: #1e64ff;
}

/* line 3847, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_bar--yellow {
  background: #EDB715;
}

/* line 3851, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_bar--green {
  background: #01954A;
}

/* line 3855, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_bar--gray {
  background: #848484;
}

/* line 3859, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_bar_pos1 {
  top: 173px;
  left: 338px;
  width: 154px;
}

/* line 3865, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_bar_pos2 {
  top: 223px;
  left: 1040px;
  width: 75px;
}

/* line 3871, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_bar_pos3 {
  top: 275px;
  left: 260px;
  width: 30px;
}

/* line 3877, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_bar_pos4 {
  top: 326px;
  left: 648px;
  width: 389px;
}

/* line 3883, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_bar_pos5 {
  top: 147px;
  left: 495px;
  width: 153px;
  height: 255px;
  z-index: 0;
  display: flex;
  align-items: end;
  justify-content: center;
}

/* line 3894, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_bar_pos6 {
  top: 470px;
  left: 337px;
  width: 154px;
}

/* line 3900, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_bar_pos7 {
  top: 520px;
  left: 1040px;
  width: 75px;
}

/* line 3906, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_bar_pos8 {
  top: 570px;
  left: 261px;
  width: 74px;
}

/* line 3912, app/assets/stylesheets/application/common/style.scss */
#buildee .sc_bar_pos10 {
  top: 443px;
  left: 494px;
  width: 76px;
  height: 233px;
  z-index: 0;
}

/* line 3920, app/assets/stylesheets/application/common/style.scss */
#buildee .timeline {
  position: absolute;
  left: 94px;
  top: 96px;
}

/* line 3926, app/assets/stylesheets/application/common/style.scss */
#buildee .timeline .sankaku {
  border-top: 11px solid #E83939;
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
}

/* line 3932, app/assets/stylesheets/application/common/style.scss */
#buildee .timeline .bar1 {
  width: 4px;
  height: 254px;
  background: #E83939;
  position: relative;
  top: 40px;
  margin: auto;
}

/* line 3941, app/assets/stylesheets/application/common/style.scss */
#buildee .timeline .bar2 {
  width: 4px;
  height: 233px;
  background: #E83939;
  position: relative;
  top: 83px;
  margin: auto;
}

/* ----------------------------------------------------
tab
---------------------------------------------------- */
/* line 3953, app/assets/stylesheets/application/common/style.scss */
.erc__stb {
  width: 100%;
}

/* line 3957, app/assets/stylesheets/application/common/style.scss */
.erc__stb__th th {
  font-size: 1.8rem;
  border: 1px solid;
  padding: 1px;
  text-align: left;
}

/* line 3964, app/assets/stylesheets/application/common/style.scss */
.erc__stb__td td, .user-management-index-span, .two-step-auth-index-span {
  font-size: 1.8rem;
  border: 1px solid;
  padding: 1px;
  text-align: left;
}

/* line 3971, app/assets/stylesheets/application/common/style.scss */
.erc__stb__list__tr:nth-child(odd) {
  background-color: #eee;
}

/* line 3974, app/assets/stylesheets/application/common/style.scss */
.erc__stb__list__tr:nth-child(even) {
  background-color: #fff;
}

/* line 3979, app/assets/stylesheets/application/common/style.scss */
.erc__stb__link, .erc__stb__link:hover, .erc__stb__link:visited {
  color: #000000 !important;
}

/* line 3983, app/assets/stylesheets/application/common/style.scss */
input:focus {
  outline: none;
}

/* line 3987, app/assets/stylesheets/application/common/style.scss */
.redirect-login-code {
  color: red;
  font-size: 1.6rem;
  margin-top: 5px;
}

/* line 3993, app/assets/stylesheets/application/common/style.scss */
.rotate-180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*-------------------------------------------------------------------
スケジュール管理
-------------------------------------------------------------------*/
/* line 4005, app/assets/stylesheets/application/common/style.scss */
.left-small-arrow {
  width: 8px;
  height: 14px;
  background-image: url(/assets/icon/small-arrow-left-8cbdda5310982bd2fc9a0b5a4231945db5e098b7414ef052fcee89d6cab6f34c.svg);
  background-repeat: no-repeat;
  margin-left: auto;
}

/* line 4013, app/assets/stylesheets/application/common/style.scss */
.right-small-arrow {
  width: 8px;
  height: 14px;
  background-image: url(/assets/icon/small-arrow-right-6c44acca0861555c699a30e85f27b3a3074c1a921b969d673ecec12aff5de07c.svg);
  background-repeat: no-repeat;
}

/* line 4020, app/assets/stylesheets/application/common/style.scss */
.left-big-arrow {
  width: 13px;
  height: 23px;
  background-image: url(/assets/icon/big-arrow-left-8c73d20ab9a5ac388b77c697fc739aaf4dca955c0511e2cb9d32933236b736f9.svg);
  background-repeat: no-repeat;
  background-position: center;
}

/* line 4028, app/assets/stylesheets/application/common/style.scss */
.right-big-arrow {
  width: 13px;
  height: 23px;
  background-image: url(/assets/icon/big-arrow-right-24f859e1f3f2be2c6ed60fce098b4c8e26432cb71b6fcc997ca1d469ab5e98c9.svg);
  background-repeat: no-repeat;
  background-position: center;
}

/* line 4036, app/assets/stylesheets/application/common/style.scss */
.icon-sort {
  width: 10px;
  vertical-align: sub;
}

/* line 4041, app/assets/stylesheets/application/common/style.scss */
.marquee {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  gap: 1rem;
}

/* line 4047, app/assets/stylesheets/application/common/style.scss */
.marquee-inner {
  animation: marquee 20s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translate(0);
  }
  /* 20%  { transform: translate(0); */
  100% {
    transform: translate(calc(-100% - 1rem), 0);
  }
}

/* line 4057, app/assets/stylesheets/application/common/style.scss */
.weather-message {
  width: 80vw;
  color: red;
}

/* line 4062, app/assets/stylesheets/application/common/style.scss */
.detail-weather-message {
  width: 70vw;
  color: red;
}

/*-------------------------------------------------------------------
コンテンツ選択
-------------------------------------------------------------------*/
/* line 4071, app/assets/stylesheets/application/common/style.scss */
#select_content.popup__select-content ul li a {
  aspect-ratio: 16 / 9;
}

/* line 4074, app/assets/stylesheets/application/common/style.scss */
#select_content.popup__select-content ul li a img {
  width: 100%;
}

/*** The new CSS Reset - version 1.3.0 (last updated 7.1.2022) ***/
/* line 3, app/assets/stylesheets/application/common/reset.css */
:where(:not(iframe, canvas, img, svg, video):not(svg*)) {
  all: unset;
  display: revert;
}

/* line 7, app/assets/stylesheets/application/common/reset.css */
*,
::after,
::before {
  box-sizing: border-box;
}

/* line 12, app/assets/stylesheets/application/common/reset.css */
ol,
ul {
  list-style: none;
}

/* line 16, app/assets/stylesheets/application/common/reset.css */
img {
  max-width: 100%;
}

/* line 19, app/assets/stylesheets/application/common/reset.css */
table {
  border-collapse: collapse;
}

/* line 22, app/assets/stylesheets/application/common/reset.css */
textarea {
  white-space: revert;
}

/* line 25, app/assets/stylesheets/application/common/reset.css */
:focus {
  outline: none;
}