<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.tabs th{
  padding: 5px;
  font-size: 1rem;
  min-width: 5rem;
}

th {
  width:5rem;
}

div#recruitflow h3:before {
  content: "";
  display: none;
  padding-right: 0
}

div#recruitflow&gt;p {
  margin: 0;
  text-align: center;
  display: block;
  color: #C66;
  font-size: 25px;
}

div#recruitflow&gt;p::before {
  content: "\f13a";
  font-family: "Font Awesome 6 Free";
  /* ã¾ãŸã¯ä½¿ç”¨ã—ã¦ã„ã‚‹Font Awesomeã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«åˆã‚ã›ã‚‹ */
  font-weight: 900;
  /* ã‚¢ã‚¤ã‚³ãƒ³ã®ç¨®é¡žã«ã‚ˆã£ã¦ã¯å¿…è¦ï¼ˆSolidã‚¢ã‚¤ã‚³ãƒ³ã®å&nbsp;´åˆï¼‰ */
}

#recruitflow {
  display: block;
}

#recruitflow .card-body {
  padding: 5px;
}

@media (min-width: 769px) {

  #recruitflow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
  }

  #recruitflow&gt;div {
    writing-mode: vertical-rl;
    text-orientation: upright;
    height: 25rem;
    width: 10rem;
  }

  #recruitflow .card-body {
    display: flex;
    align-items: center;
    padding: 0 0.25rem;
  }
  div#recruitflow&gt;p::before {
    content: "\f138";
  }

  .card-body h3{
    margin:0 !important;
  }
}
</pre></body></html>