#main-visual .carousel-caption .caption-title span.main-stxt {
  font-size: 18px;
  color: #fff;
}

.sub-container #content {
  margin-bottom: 30px;
}

.sub-container .sec-vision .sec-body .sec-vision-text {
  width: 100%;
}

.table-responsive .sec-title-3 {
  word-break: keep-all;
}

.table-line .col-c {
  background-color: #f0f7ff;
}

.table-line .col-cc {
  background-color: #e0cbff;
}

.table-inner {
  min-width: 20px;
}

.table-line .coffee {
  width: 35%;
}

.mc-listbox {
  background-color: #f8f8fb;
  padding-bottom: 20px;
}

.sub-container h6 {
  background: none;
  position: relative;
}

.sub-container h6::before {
  width: 4px;
  height: 12px;
  background-color: #5934a5;
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
}

.dropdown-menu.dropdown-menu-right.show li {
  padding-left: 0;
  background: none;
}

.sec-vision-text {
  font-weight: bold;
}

.img-w > img {
  width: 100%;
}

@media (min-width: 400px) {
  #main-visual .carousel-caption .caption-title span.main-stxt {
    font-size: 18px;
  }
}
@media (min-width: 576px) {
  #main-visual .carousel-caption .caption-title span.main-stxt {
    font-size: 20px;
    font-weight: 400;
  }
}
@media (min-width: 769px) {
  #main-visual .carousel-caption .caption-title span.main-stxt {
    font-size: 24px;
    font-weight: bold;
  }
}

@media (max-width: 768px) {
  .table-responsive {
    overflow-x: scroll;
  }
  .table-responsive table {
    max-width: 500px;
    width: 100%;
  }
  .table-responsive tbody th {
    min-width: 85px;
    white-space: nowrap;
  }

  .table-responsive tbody td {
    min-width: 50px;
    white-space: nowrap;
  }
}

@media (max-width: 576px) {
  .mc-listbox {
    padding: 0 35px 20px 35px;
  }
}

.item-body .item-right .prof-name {
  padding-right: 1.5rem !important;
}