/* recruit */
.recHeader {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: space-between;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--hd-h);
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(0.5rem);
  backdrop-filter: blur(0.5rem);
  z-index: 1000;
}
.recHeader img {
  display: block;
  width: 100%;
  transition: opacity 0.3s ease-in-out;
}
@media print, screen and (min-width: 992px) {
  .recHeader {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    gap: 1rem;
  }
  .recHeader .siteID {
    max-width: 440px;
    width: 32%;
  }
  .recHeader .ringID {
    max-width: 120px;
    width: 20%;
  }
}
@media screen and (max-width: 991.98px) {
  .recHeader {
    padding-left: 4%;
    padding-right: 4%;
  }
  .recHeader .siteID {
    width: 60%;
    max-width: 20rem;
  }
  .recHeader .ringID {
    width: 20%;
    max-width: 4rem;
  }
}
@media (any-hover: hover) {
  .recHeader a:hover img {
    opacity: 0.75;
  }
}

.recFooter {
  text-align: center;
  border-top: 4px solid #f2f2f2;
  padding: 2.5rem 4%;
}
.recFooter .ringID {
  display: block;
  width: 30%;
  max-width: 120px;
  margin: 0 auto 1rem;
}
.recFooter .ringID img {
  display: block;
  width: 100%;
  transition: opacity 0.3s ease-in-out;
}
@media screen and (max-width: 767.98px) {
  .recFooter {
    padding: 1.5rem 4%;
  }
  .recFooter .copyright {
    font-size: 0.75rem;
  }
}
@media (any-hover: hover) {
  .recFooter a:hover img {
    opacity: 0.75;
  }
}

@media screen and (max-width: 767.98px) {
  .recFooter {
    padding: 1.5rem 4%;
  }
  .copyright {
    font-size: 0.75rem;
  }
}
.recSec {
  width: 92%;
  max-width: var(--max-s);
  margin: 0 auto 7.5rem;
}
.recSec._wide {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 767.98px) {
  .recSec {
    margin-bottom: 4.5rem;
  }
}

.recHR .text {
  line-height: 1.8;
}
.recHR .text p + p {
  margin-top: 1em;
}
.recHR .text strong {
  font-size: 112.5%;
}
.recHR .ph img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width: 992px) {
  .recHR {
    display: flex;
  }
  .recHR .ph {
    width: 50%;
    padding-right: 2.5rem;
  }
  .recHR .text {
    width: 50%;
    max-width: 600px;
    font-size: min(1.5vw, 1.125rem);
  }
}
@media screen and (max-width: 991.98px) {
  .recHR .ph {
    aspect-ratio: 2 / 1;
    margin-bottom: 1.5rem;
  }
  .recHR .text {
    width: 92%;
    margin: 0 auto;
  }
}

.recAboutUs .titleM:not(:first-of-type) {
  margin-top: 2.5rem;
}
.recAboutUs .recCompanyOutline {
  line-height: 1.75;
}
.recAboutUs .recCompanyOutline > dt {
  font-weight: 700;
}
.recAboutUs .recVoice > li {
  position: relative;
  padding: 0.5em 0 0 2.5em;
}
.recAboutUs .recVoice > li + li {
  margin-top: 1em;
}
.recAboutUs .recVoice > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2em;
  height: 2em;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGNpcmNsZSBmaWxsPSIjMDk2ODIzIiBjeD0iNyIgY3k9IjEyIiByPSIxLjI1Ii8+PGNpcmNsZSBmaWxsPSIjMDk2ODIzIiBjeD0iMTIiIGN5PSIxMiIgcj0iMS4yNSIvPjxjaXJjbGUgZmlsbD0iIzA5NjgyMyIgY3g9IjE3IiBjeT0iMTIiIHI9IjEuMjUiLz48cGF0aCBmaWxsPSIjMDk2ODIzIiBkPSJNMS4yNSwxMmMwLDUuOTMsNC44MiwxMC43NSwxMC43NSwxMC43NSwxLjc5LDAsMy41Ni0uNDUsNS4xMy0xLjNsNC4yMy43OWMuMjQuMDUuNDktLjAzLjY3LS4yMS4xNy0uMTcuMjUtLjQyLjIxLS42N2wtLjc5LTQuMjNjLjg1LTEuNTcsMS4zLTMuMzMsMS4zLTUuMTMsMC01LjkzLTQuODItMTAuNzUtMTAuNzUtMTAuNzVTMS4yNSw2LjA3LDEuMjUsMTJaTTIuNzUsMTJjMC01LjEsNC4xNS05LjI1LDkuMjUtOS4yNXM5LjI1LDQuMTUsOS4yNSw5LjI1YzAsMS42My0uNDMsMy4yMy0xLjI0LDQuNjItLjA5LjE2LS4xMi4zNC0uMDkuNTFsLjY0LDMuNDItMy40My0uNjRzLS4wOS0uMDEtLjE0LS4wMWMtLjEzLDAtLjI2LjAzLS4zOC4xLTEuNC44MS0zLDEuMjQtNC42MiwxLjI0LTUuMSwwLTkuMjUtNC4xNS05LjI1LTkuMjVaIi8+PC9zdmc+") no-repeat center center;
  background-size: 100% auto;
}
.recAboutUs .recPh {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.recAboutUs .recPh > li {
  width: calc(50% - 0.5rem);
}
@media print, screen and (min-width: 768px) {
  .recAboutUs .ph {
    margin-top: 2.5rem;
  }
  .recAboutUs .recCompanyOutline {
    display: flex;
    flex-wrap: wrap;
  }
  .recAboutUs .recCompanyOutline > dt, .recAboutUs .recCompanyOutline > dd {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .recAboutUs .recCompanyOutline > dt:nth-of-type(n+2), .recAboutUs .recCompanyOutline > dd:nth-of-type(n+2) {
    border-top: 1px solid #ddd;
  }
  .recAboutUs .recCompanyOutline > dt {
    width: 8em;
  }
  .recAboutUs .recCompanyOutline > dd {
    width: calc(100% - 8em);
  }
}
@media print, screen and (min-width: 992px) {
  .recAboutUs {
    display: flex;
    justify-content: space-between;
  }
  .recAboutUs .main {
    width: 60%;
  }
  .recAboutUs .ph {
    width: 34%;
    margin-top: 0;
  }
  .recAboutUs .recPh {
    flex-direction: column;
    gap: 0;
  }
  .recAboutUs .recPh > li {
    width: 62%;
  }
  .recAboutUs .recPh > li:nth-of-type(even) {
    margin-left: auto;
    margin-top: -1rem;
    margin-bottom: -1rem;
  }
}
@media screen and (max-width: 767.98px) {
  .recAboutUs .ph {
    margin-top: 2rem;
  }
  .recAboutUs .recCompanyOutline > dt {
    font-size: 1.0625rem;
  }
  .recAboutUs .recCompanyOutline > dt:nth-of-type(n+2) {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid #ddd;
  }
  .recAboutUs .recPh {
    gap: 0.5rem;
  }
  .recAboutUs .recPh > li {
    width: calc(50% - 0.25rem);
  }
}

.recAppList {
  line-height: 1.75;
}
.recAppList > dt {
  color: var(--color-green);
  font-weight: 700;
}
.recAppList .listIndent > li {
  padding-left: 1em;
  text-indent: -1em;
}
.recAppList .listDot {
  padding-left: 1em;
}
.recAppList .listDot > li {
  list-style: disc;
}
.recAppList .flow {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-green);
  line-height: 1.3;
}
.recAppList .flow .sub {
  font-size: 0.75rem;
}
.recAppList .flow > li {
  width: calc(33.33% - 1rem);
  padding: 1rem 0.5rem;
  border-radius: 0.5rem;
  background-color: rgba(var(--color-green-rgb), 0.15);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.recAppList .flow > li + li::before {
  content: "";
  display: block;
  position: absolute;
  right: calc(100% + 0.375rem);
  width: 0.75rem;
  height: 0.75rem;
  background-color: var(--color-green-light);
  clip-path: polygon(0 100%, 0 0, 100% 50%);
}
.recAppList .conditions {
  display: flex;
  flex-wrap: wrap;
}
.recAppList .conditions > dt:nth-of-type(n+2),
.recAppList .conditions > dd:nth-of-type(n+2) {
  margin-top: 0.75rem;
}
.recAppList .conditions > dt {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 6rem;
  padding: 0.5em;
  font-size: 0.9375rem;
  font-weight: 700;
  background-color: rgba(var(--color-green-light-rgb), 0.1);
}
.recAppList .conditions > dd {
  width: calc(100% - 6rem);
  padding-left: 1em;
}
@media print, screen and (min-width: 768px) {
  .recAppList {
    display: flex;
    flex-wrap: wrap;
  }
  .recAppList > dt, .recAppList > dd {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .recAppList > dt:nth-of-type(n+2), .recAppList > dd:nth-of-type(n+2) {
    border-top: 1px solid #ddd;
  }
  .recAppList > dt {
    width: 20%;
    min-width: 10em;
    text-align: right;
  }
  .recAppList > dd {
    width: 80%;
    max-width: calc(100% - 10em);
    padding-left: 2rem;
    flex-grow: 1;
  }
}
@media screen and (max-width: 767.98px) {
  .recAppList > dt {
    font-size: 1.0625rem;
  }
  .recAppList > dt:nth-of-type(n+2) {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid #ddd;
  }
}

.recEntry {
  padding: 5rem 0;
  background-color: rgba(var(--color-green-rgb), 0.05);
}
.recEntry input[type=text],
.recEntry input[type=tel],
.recEntry input[type=email],
.recEntry input[type=number],
.recEntry textarea {
  background-color: rgba(255, 255, 255, 0.8);
}