@charset "UTF-8";

/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px),print {
/* recruit -------------------------------------*/
#recruitnew main.recruit-thank {
  margin-bottom: 100px;
}

#recruitnew .system-list {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 40px 80px;
}

#recruitnew .system-pic {
  margin-bottom: 10px;
  text-align: center;
}

#recruitnew .system-pic img {
  height: 373px;
  width: 95%;
  max-width: 100%;
}

#recruitnew .system-ttl {
  font-size: 32px;
  font-size: clamp(1.75rem, 1.583rem + 0.35vw, 2rem);
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-weight: bold;
  text-align: left;
  margin-bottom: 16px;
}

#recruitnew .system-occ {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.1em;
}

/*詳細*/
#recruitnew .system-i-pic {
  margin-bottom: 40px;
  text-align: center;
}

#recruitnew .system-i-pic img {
  max-width: 1200px;
  width: auto;
  max-height: 600px;
}

#recruitnew .recruit-wrap {
  max-width: 1100px;
  width: 100%;
  margin-inline: auto;display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 16px;
  margin-bottom: 80px;
}

#recruitnew p.recruit-occ,p.recruit-line,p.recruit-oneword {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-weight: 600;
}

#recruitnew .recruit-table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 40px;
}

#recruitnew .recruit-info-row {
  border-bottom: 1px solid #BFBFBF;
}

#recruitnew .recruit-info-row-left {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 2.375;
  letter-spacing: 0.06em;
  font-weight: 600;
  width: 25%;
  text-align: start;
  padding: 40px 40px;
}

#recruitnew .recruit-info-row-right {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 2.375;
  letter-spacing: 0.06em;
  font-weight: 600;
  width: 75%;
  text-align: start;
  padding: 40px 40px;
}

#recruitnew .num-bx {
  margin-bottom: 80px;
}

#recruitnew footer {
  padding-top: 160px;
}

#recruitnew .form-Box {
  padding-block: 100px 0;
}

#recruitnew .form-Box input[type="text"],
.form-Box input[type="email"],
.form-Box input[type="tel"],
.form-Box input[type="date"],
.form-Box input[type="datetime-local"],
.form-Box select,
.form-Box textarea {
  font-size: 14px;
  line-height: 1.6;
  padding: 2% 3% 2%;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #EFEDEE;
  font-family: inherit;
}

#recruitnew .form-Box .confirm_area input[type="text"] {
  font-size: 14px;
  line-height: 1.6;
  width: 100%;
  box-sizing: border-box;
  border: none;
  font-family: inherit;
  margin-inline: 0;
  padding: 0;
}



}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1000px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1000px) {
#recruitnew .system-pic img {
  height: 37.3vw;
  width: 95%;
  max-width: 100%;
}
}


/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
#recruitnew main.recruit-thank {
  max-width: 95%;
}

#recruitnew .system-list {
  display: grid;
  grid-template-columns: repeat(1,1fr);
  gap: 8.5vw 0;
}

#recruitnew .system-pic img {
  width: 100%;
  height: 65vw;
}

#recruitnew .system-ttl {
  font-size: 3.865vw;
  line-height: 2;
  letter-spacing: 0.1em;
  font-weight: bold;
}

#recruitnew .system-occ {
  font-size: 3.382vw;
  line-height: 2;
  letter-spacing: 0.1em;
}

/*詳細*/
#recruitnew .system-i-pic {
  margin-bottom: 4.662vw;
  text-align: center;
}

#recruitnew .system-i-pic img {
  max-width: 89.372vw;
  width: auto;
  max-height: 77.295vw;
}

#recruitnew .recruit-wrap {
  width: 95%;
  margin-bottom: 7.662vw;
}

#recruitnew .p-recruit-line{ display: none;}

#recruitnew p.recruit-occ,
p.recruit-line,p.recruit-oneword {
  font-size: 3.5vw;
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-weight: bold;
}

p.recruit-line,p.recruit-oneword {
  font-weight: normal;
  margin:2vw 0 0 0;
}

#recruitnew .recruit-table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 9.662vw;
}

#recruitnew .recruit-info-row {
  display: grid;
  grid-template-columns: repeat(1,1fr);
}

#recruitnew .recruit-info-row-left {
  background: #F7F5F0;
  margin: 0;
  padding: 0;
  font-size: 3.865vw;
  line-height: 2.375;
  letter-spacing: 0.06em;
  font-weight: bold;
  width: 100%;
  text-align: start;
  padding: 3.797vw 4.865vw;
}

#recruitnew .recruit-info-row-right {
  background: #fff;
  margin: 0;
  padding: 0;
  font-size: 3.865vw;
  line-height: 1.6;
  letter-spacing: 0.06em;
  width: 100%;
  text-align: start;
  padding: 5vw 3.865vw 9vw;
}

#recruitnew .num-bx {
  margin-bottom: 19.324vw;
}

#recruitnew footer {
  padding-top: 38.647vw;
}

#recruitnew .form-Box .confirm_area input[type="text"] {
  font-size: 16px;
  line-height: 1.6;
  width: 100%;
  box-sizing: border-box;
  border: none;
  font-family: inherit;
  margin-inline: 0;
  padding: 0;
}

}