.recruit {
  overflow: hidden;
}
.recruit-bg {
  background: url(../img/cmn/bg01.png) no-repeat center top, url(../img/cmn/bg.svg) no-repeat center bottom, hsl(194, 100%, 95%);
  background-size: 100%, contain;
  background-blend-mode: normal;
}
.recruit__content {
  width: min(1200px, 98%);
  margin-inline: auto;
}
.recruit__icon {
  z-index: 50;
}
.recruit__icon a:hover img{
  filter:brightness(110%);
}
.recruit .ttl__flex {
  position: relative;
}
.recruit__icon {
  position: fixed;
  right: 3vw;
  width: clamp(200px, calc(320 / 1200 * 100vw ),320px);
}
@media screen and (max-width: 768px) {
  .recruit__icon {
    right: 2%;
    bottom: 10px;
    left: 10px;

  }
}
.recruit__flex {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.125vw;
  margin-block-end: clamp(4rem, 3.55rem + 1.94vw, 5rem);
  padding-top: min(80px,5%);
}

.recruit__li {
  border-top: 3px solid hsl(26, 54%, 25%);
  border-bottom: 3px solid hsl(26, 54%, 25%);
  background: white;
}
.recruit__li .ttl {
  font-size: clamp(1.3rem, 0.84rem + 1.21vw, 1.75rem);
  margin-block-end: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding-block: 2rem;
  background: #ffef6a;
  padding-left:10%;
  position: relative;
}
.recruit__li .ttl:after{
  content:"";
  display: block;
  background:url(../img/recruit/accent.png) no-repeat center center;
  background-size:contain;
  width:min(34px,10%);
  aspect-ratio:34/37;
  margin-left:.5em;
  translate:0 -20%;
}
.recruit__li .ttl .chara{
  width:min(185px,50%);
  position: absolute;
  bottom:0;
  left:0;
  translate:-30% 10%;
}
.recruit__li .txt {
  font-size: clamp(0.875rem, 0.7rem + 0.73vw, 1.25rem);
  padding: 0 1rem 1.25rem;
  letter-spacing: normal;
  line-height: 1.6;
}
.recruit__h3 {
  font-size: clamp(1.3rem, 0.5rem + 2.67vw, 2.5rem);
  text-align: center;
  margin-block-end: 1.25rem;
}
.recruit__box {
  margin-bottom: clamp(3.5rem, 3.05rem + 1.94vw, 4.5rem);
  width: min(920px, 98%);
  margin-left: auto;
  margin-right: auto;
}
.recruit__h4 {
  font-size: clamp(1.125rem, 0.9rem + 0.97vw, 1.625rem);
  text-align: center;
  color: hsl(0, 0%, 100%);
  background-color: hsl(26, 54%, 25%);
  border-radius: 20px 20px 0 0;
  padding-block: 0.5rem;
}
.recruit__tbl-box {
  padding-block: clamp(1rem, -0.36rem + 5.82vw, 4rem);
  padding-inline: clamp(1rem, -0.36rem + 5.82vw, 4rem);
  background-color: hsl(0, 0%, 100%);
  border-radius: 0 0 20px 20px;
}
.recruit__tbl {
  width: 100%;
}
.recruit__tbl th,
.recruit__tbl td {
  font-size: clamp(0.875rem, 0.7rem + 0.73vw, 1.25rem);
  border-bottom: 1px solid #d6c7c5;
  padding: clamp(0.5rem, 0.27rem + 0.97vw, 1rem);
}
.recruit__tbl th {
  width: 35%;
  font-weight: 500;
}
.recruit__tbl td {
  width: 65%;
}
.recruit__tbl td ul li {
  line-height: 1.2;
  list-style: initial;
  margin-inline-start: 2rem;
}
@media screen and (max-width: 768px) {
  .recruit__flex {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .recruit__li .ttl{
    margin-block-end: 1.5rem;
    padding-block-start: 2rem;
  }
  .recruit__li .ttl .chara{
    width:min(150px,45%);
    position: absolute;
    bottom:0;
    left:0;
    translate:-30% 10%;
  }
}