.industry-value-section{
  position:relative;
  overflow:hidden;
  padding:58px 0 34px;
  background:url('../img/industry-value/background.webp') no-repeat center top / cover;
  color:#10294a;
  font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
}
.industry-value-container{
  position:relative;
  z-index:1;
  width:min(calc(100% - 56px),356px);
  margin:0 auto;
}
.industry-value-title{
  width:100%;
  max-width:360px;
  margin:0 auto;
  color:#173463;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size:22px;
  line-height:1.65;
  font-weight:800;
  letter-spacing:.01em;
  text-align:center;
}
.industry-value-title span,
.industry-value-lead span{
  display:block;
}
.industry-value-lead{
  width:100%;
  max-width:330px;
  margin:15px auto 22px;
  color:#46546a;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size:13px;
  line-height:1.65;
  font-weight:600;
  text-align:center;
  letter-spacing:.01em;
}
.industry-value-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 12px;
  margin:0 0 24px;
}
.industry-value-tabs a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 8px;
  border:1px solid #aab5c3;
  border-radius:4px;
  background:rgba(255,255,255,.95);
  color:#6a6d71;
  font-size:13px;
  line-height:1.3;
  text-decoration:none;
}
.industry-value-tabs a.is-active{
  border-color:#b98b31;
  background:#b98b31;
  color:#fff;
}
.industry-value-list{
  display:grid;
  gap:24px;
}
.industry-value-card{
  position:relative;
  overflow:hidden;
  min-height:420px;
  padding:21px 18px 170px;
  border:0;
  border-radius:8px;
  background:rgba(255,255,255,.97);
}
.industry-value-card.is-featured{
  border:0;
  background:rgba(255,255,255,.97);
}
.industry-value-card h3{
  margin:0 0 14px;
  padding-bottom:7px;
  border-bottom:1px solid #173463;
  color:#173463;
  font-size:20px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.02em;
}
.industry-value-card h4{
  margin:14px 0 8px;
  color:#b1883a;
  font-size:12px;
  line-height:1.5;
  font-weight:600;
  letter-spacing:.02em;
}
.industry-value-card h4:first-of-type{margin-top:0;}
.industry-kpis{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.industry-kpis span{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:5px 9px;
  border-radius:3px;
  background:#e6edfb;
  color:#315999;
  font-family:"Noto Sans JP",sans-serif;
  font-size:11px;
  line-height:1.2;
  font-weight:700;
}
.industry-value-card p{
  margin:0;
  color:#2a313c;
  font-size:12px;
  line-height:1.75;
  letter-spacing:.01em;
}
.industry-value-card::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  height:148px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
/* ver1.4: 各業態カードに対応する新画像のみ使用 */
.industry-value-card:nth-child(1)::after{background-image:url('../img/industry-value/staffing-v14.webp');}
.industry-value-card:nth-child(2)::after{background-image:url('../img/industry-value/introduction-v14.webp');}
.industry-value-card:nth-child(3)::after{background-image:url('../img/industry-value/rpo-job-ad-v14.webp');}
.industry-value-card:nth-child(4)::after{background-image:url('../img/industry-value/recruit-marketing-v14.webp');}
.industry-value-note{
  margin:17px 0 0;
  color:#303741;
  font-size:10px;
  line-height:1.55;
  font-weight:600;
}
@media(max-width:374px){
  .industry-value-container{width:calc(100% - 40px);}
  .industry-value-title{font-size:19px;}
  .industry-value-tabs a{font-size:12px;}
  .industry-value-card{padding-left:15px;padding-right:15px;}
  .industry-value-card::after{left:15px;right:15px;}
}
@media(min-width:768px){
  .industry-value-section{padding:82px 0 54px;background-position:center top;}
  .industry-value-container{width:min(100% - 48px,900px);}
  .industry-value-title{max-width:760px;font-size:38px;line-height:1.45;}
  .industry-value-lead{max-width:720px;font-size:15px;}
  .industry-value-tabs{max-width:680px;margin:0 auto 34px;grid-template-columns:repeat(4,1fr);}
  .industry-value-tabs a{min-height:46px;font-size:14px;}
  .industry-value-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
  .industry-value-card{min-height:500px;padding:26px 24px 200px;}
  .industry-value-card h3{font-size:24px;}
  .industry-value-card h4{font-size:14px;}
  .industry-kpis span{font-size:12px;}
  .industry-value-card p{font-size:14px;}
  .industry-value-card::after{left:24px;right:24px;bottom:22px;height:174px;}
  .industry-value-note{font-size:10px;}
}


/* PC版：SPの既存スタイルはそのまま維持 */
@media (min-width:768px) {
  .industry-value-section {
    padding:74px 0 150px;
    background-position:center top;
    background-size:cover;
  }
  .industry-value-container {
    width:min(calc(100% - 96px),1400px);
  }
  .industry-value-title {
    max-width:none;
    margin:0 auto;
    font-size:clamp(31px,2.9vw,47px);
    line-height:1.5;
    white-space:normal;
  }
  .industry-value-title span,
  .industry-value-lead span {
    display:inline;
  }
  .industry-value-lead {
    max-width:none;
    margin:14px auto 22px;
    font-size:clamp(14px,1.05vw,17px);
    line-height:1.65;
    text-align:center;
  }
  .industry-value-tabs {
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
    width:min(100%,960px);
    max-width:none;
    margin:0 auto 50px;
  }
  .industry-value-tabs a {
    min-height:48px;
    padding:7px 12px;
    font-size:clamp(13px,1.08vw,17px);
    line-height:1.35;
  }
  .industry-value-list {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:26px 28px;
  }
  .industry-value-card,
  .industry-value-card.is-featured {
    min-height:535px;
    padding:25px 27px 220px;
    border-radius:17px;
    background:rgba(255,255,255,.97);
  }
  .industry-value-card h3 {
    margin-bottom:15px;
    padding-bottom:10px;
    font-size:clamp(24px,1.7vw,30px);
  }
  .industry-value-card h4 {
    margin:18px 0 9px;
    font-size:clamp(14px,1.05vw,17px);
  }
  .industry-value-card h4:first-of-type {
    margin-top:0;
  }
  .industry-kpis {
    gap:7px;
  }
  .industry-kpis span {
    min-height:31px;
    padding:5px 10px;
    font-size:clamp(11px,.92vw,14px);
    line-height:1.4;
  }
  .industry-value-card p {
    font-size:clamp(13px,1.04vw,16px);
    line-height:1.7;
  }
  .industry-value-card::after {
    left:27px;
    right:27px;
    bottom:28px;
    height:200px;
    background-size:cover;
  }
  .industry-value-note {
    margin:20px auto 0;
    padding:0 40px;
    font-size:11px;
    line-height:1.6;
  }
}
@media (min-width:768px) and (max-width:1199px) {
  .industry-value-section {
    padding:65px 0 60px;
  }
  .industry-value-container {
    width:calc(100% - 56px);
  }
  .industry-value-title {
    font-size:clamp(27px,3vw,38px);
  }
  .industry-value-tabs {
    width:min(100%,760px);
    gap:12px;
    margin-bottom:34px;
  }
  .industry-value-list {
    gap:18px;
  }
  .industry-value-card,
  .industry-value-card.is-featured {
    min-height:490px;
    padding:23px 21px 190px;
  }
  .industry-value-card::after {
    left:21px;
    right:21px;
    bottom:21px;
    height:180px;
  }
  .industry-value-note {
    padding:0 20px;
  }
}