@charset "UTF-8";
/* placeholder color */
/**********************************************************************************************
.
　recruit

**********************************************************************************************/
.detailTable {
  width: 100%;
  border-top: 1px solid #000;
  line-height: 1.75; }
  @media (max-width: 767px) {
    .detailTable {
      display: block; } }
  .detailTable tr {
    border-bottom: 1px solid #000; }
  .detailTable th {
    padding: 20px 20px 20px 100px;
    font-weight: 700;
    text-align: left;
    white-space: nowrap; }
    @media (max-width: 940px) {
      .detailTable th {
        padding: 20px 20px 20px 50px; } }
    @media (max-width: 767px) {
      .detailTable th {
        display: block;
        width: 100%;
        padding: 4vw 4vw 2.6vw; } }
  .detailTable td {
    padding: 20px 100px 20px 20px; }
    @media (max-width: 940px) {
      .detailTable td {
        padding: 20px 50px 20px 20px; } }
    @media (max-width: 767px) {
      .detailTable td {
        display: block;
        width: 100%;
        padding: 0 4vw 4vw; } }

.table_box:not(:last-child) {
  margin: 0 0 1em; }

.flowList li {
  padding-left: 30px;
  position: relative; }
  @media (max-width: 767px) {
    .flowList li {
      padding-left: 8vw; } }
  .flowList li:not(:last-child) {
    margin: 0 0 20px; }
    @media (max-width: 767px) {
      .flowList li:not(:last-child) {
        margin: 0 0 4vw; } }
    .flowList li:not(:last-child)::before {
      content: "";
      display: block;
      width: 1px;
      height: 50px;
      background: #000;
      position: absolute;
      top: 50%;
      left: 6px; }
      @media (max-width: 767px) {
        .flowList li:not(:last-child)::before {
          height: 12vw;
          left: 1.6vw; } }
  .flowList li::after {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: #000; }
    @media (max-width: 767px) {
      .flowList li::after {
        width: 3.2vw;
        height: 3.2vw; } }

/* entry */
.entryArea {
  position: relative;
  display: block;
  margin: 80px 0 0; }
  @media (max-width: 767px) {
    .entryArea {
      margin: 10.6vw 0 0; } }
  @media (min-width: 768px) {
    .entryArea:hover .entry_txtArea {
      letter-spacing: .3em; }
    .entryArea:hover .entry_img img {
      transform: scale(1.2);
      transition-duration: 0.5s; } }

.entry_item {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  @media (max-width: 940px) {
    .entry_item {
      padding: 0 50px; } }
  @media (max-width: 767px) {
    .entry_item {
      display: block;
      padding: 0 8vw; } }

.entry_mynaviImg {
  width: 320px;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.15); }
  @media (max-width: 940px) {
    .entry_mynaviImg {
      width: 220px; } }
  @media (max-width: 767px) {
    .entry_mynaviImg {
      width: 100%;
      margin: 2.6vw 0 0; } }

.entry_txtArea {
  color: #fff;
  letter-spacing: .1em;
  transition: .3s; }

.entry_tit {
  font-family: 'Rajdhani', sans-serif;
  font-weight: 400;
  font-size: 5.6rem;
  line-height: 1; }
  @media (max-width: 767px) {
    .entry_tit {
      font-size: 3.6rem; } }

.entry_subTit {
  font-weight: 300;
  font-size: 2.8rem;
  line-height: 1.5; }
  @media (max-width: 767px) {
    .entry_subTit {
      font-size: 1.8rem; } }

.entry_img {
  overflow: hidden; }
  .entry_img img {
    width: 100%;
    transition-duration: 0.5s; }