@charset "utf-8";

.recruit-staff-page{
  background:#fff;
}

.recruit-staff-hero{
  padding-top:50px;
}

.recruit-staff-section{
  padding-bottom:40px 0;
}

.recruit-staff-card,
.recruit-info-card{
  background:#fff;
  border:1px solid #dddfe7;
  border-top:4px solid var(--gold);
  padding:42px 46px;
  box-shadow:0 8px 18px rgba(0,0,0,.04);
}

.recruit-section-head{
  margin-bottom:30px;
}

.recruit-section-head h2,
.recruit-info-card h2{
  margin:0;
  color:var(--navy);
  font-size:22px;
  line-height:1.5;
  font-family:var(--mincho);
  font-weight:500;
}

.recruit-job-list{
  display:grid;
  gap:18px;
}

.recruit-job-item{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:24px;
  padding:22px 0;
  border-bottom:1px solid #e5e7ee;
}

.recruit-job-item:last-child{
  border-bottom:none;
}

.recruit-job-item h3{
  margin:0;
  color:#c59a2d;
  font-size:15px;
  font-weight:700;
  letter-spacing:.08em;
}

.recruit-job-item p{
  margin:0;
  color:#344765;
  font-size:15px;
  line-height:1.9;
}

.recruit-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  margin-top:40px;
}

.recruit-info-card ul,
.recruit-info-card ol{
  margin:22px 0 0;
  padding-left:22px;
}

.recruit-info-card li{
  margin-bottom:12px;
  color:#344765;
  font-size:15px;
  line-height:1.9;
}

.recruit-info-card p{
  margin:22px 0 0;
  color:#344765;
  font-size:15px;
  line-height:2;
}

.recruit-entry-section{
  margin-top:60px;
}

.recruit-entry-card{
  background:var(--navy);
  border-top:4px solid var(--gold);
  padding:56px 64px;
  color:#fff;
}

.recruit-entry-card .section-label{
  color:#c59a2d;
}

.recruit-entry-card h2{
  margin:0 0 24px;
  color:#fff;
  font-size:34px;
  line-height:1.6;
  font-family:var(--mincho);
  font-weight:500;
}

.recruit-entry-card p{
  margin:0 0 36px;
  color:#fff;
  font-size:15px;
  line-height:2.2;
}

.recruit-entry-card .btn-white{
  width:450px;
  max-width:100%;
  margin-left:auto;
}
.recruit-successor-page{
  background:#fff;
}

.recruit-successor-hero{
  padding:50px 0 0;
}

.recruit-successor-section{
  padding:70px 0;
}

.recruit-successor-card{
  background:#fff;
  border:1px solid #dddfe7;
  border-top:4px solid var(--gold);
  padding:42px 46px;
  box-shadow:0 8px 18px rgba(0,0,0,.04);
}

.successor-position-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  margin-top:34px;
}

.successor-position-card{
  background:#f7f4ef;
  padding:34px 32px;
  border-left:4px solid var(--gold);
}

.successor-position-card span{
  display:block;
  margin-bottom:12px;
  color:#c59a2d;
  font-size:13px;
  font-weight:700;
  letter-spacing:.16em;
}

.successor-position-card h3{
  margin:0 0 16px;
  color:var(--navy);
  font-size:22px;
  line-height:1.5;
  font-family:var(--mincho);
  font-weight:500;
}

.successor-position-card p{
  margin:0;
  color:#344765;
  font-size:15px;
  line-height:2;
}

.successor-entry-section{
  margin-top:60px;
}

.successor-entry-card{
  background:var(--navy);
  border-top:4px solid var(--gold);
  padding:56px 64px;
  color:#fff;
}

.successor-entry-card .section-label{
  color:#c59a2d;
}

.successor-entry-card h2{
  margin:0 0 24px;
  color:#fff;
  font-size:34px;
  line-height:1.6;
  font-family:var(--mincho);
  font-weight:500;
}

.successor-entry-card p{
  margin:0 0 36px;
  color:#fff;
  font-size:15px;
  line-height:2.2;
}

.successor-entry-card .btn-white{
  width:450px;
  max-width:100%;
  margin-left:auto;
}

.successor-note-box{
  margin-top:30px;
  background:#f7f4ef;
  border-left:4px solid var(--gold);
  padding:28px 34px;
}

.successor-note-box ul{
  margin:0;
  padding:0;
  list-style:none;
}

.successor-note-box li{
  position:relative;
  padding-left:24px;
  margin-bottom:14px;
  color:#344765;
  font-size:13px;
  line-height:1.9;
}

.successor-note-box li:last-child{
  margin-bottom:0;
}

.successor-note-box li::before{
  content:"※";
  position:absolute;
  left:0;
  top:0;
  color:#c59a2d;
  font-weight:700;
}

@media(max-width:760px){

  .recruit-staff-hero{
    padding-top: 20px;
    padding-bottom: 14px;
  }
.successor-position-card h3,
	.recruit-section-head h2, .recruit-info-card h2 {
		font-size: 16px;
	}
  .recruit-staff-section{
    padding: 0;
  }

  .recruit-staff-card,
  .recruit-info-card{
    padding:30px 24px;
  }

  .recruit-job-item{
    grid-template-columns:1fr;
    gap:8px;
  }

  .recruit-info-grid{
    grid-template-columns:1fr;
  }

  .recruit-entry-card{
    padding:36px 24px;
  }

  .recruit-entry-card h2{
    font-size:26px;
  }

  .recruit-entry-card .btn-white{
    width:100%;
    margin-left:0;
  }
  .recruit-successor-hero{
    padding:54px 0 0;
  }

  .recruit-successor-section{
    padding:52px 0;
  }

  .recruit-successor-card{
    padding:30px 24px;
  }
	.section-label{
		margin-top: 4px;
	}
	p.section-label{
		margin-top: 0 !important;
		margin-bottom: 4px;
	}
  .successor-position-grid{
    grid-template-columns:1fr;
  }

  .successor-position-card{
    padding:16px;
  }

  .successor-entry-card{
    padding:36px 24px;
  }

  .successor-entry-card h2{
    font-size:22px;
  }
.successor-entry-section{
  margin-top:30px;
}
  .successor-entry-card .btn-white{
    width:100%;
    margin-left:0;
  }

  .successor-note-box{
    padding:24px 22px;
  }
}