/* recruit.css*/

.top-text {
	text-align:center;
	letter-spacing: 0.05em;
	line-height: 30px;
}


.svc-request {
  padding: 80px 0;
}

.svc-request__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

.svc-request__head {
  margin-bottom: 40px;
}

.svc-request__grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 60px;
  align-items: start;
}

.svc-request__media {
  margin: 0;
}

.svc-request__media img {
  width: 100%;
  height: auto;
  display: block;
}

.svc-request__body {
  line-height: 1.9;
  color: #374151;
  font-size: 16px;
}

.svc-request__body p {
  margin: 0 0 14px;
}

.svc-request__list {
  margin: 0 0 14px;
  padding-left: 1.2em;
}

.svc-request__list li {
  margin: 0.25em 0;
  list-style:disc;
}

.svc-media{
  display: flex;
align-items: flex-start;
  gap: 48px;
  margin-top: 18px;
}

.svc-media__img{
  flex: 0 0 360px;
  margin: 0;
}

.svc-media__img img{
  width: 100%;
  height: auto;
  display: block;
}

.svc-media__text{
  flex: 1;
}

.svc-media__text p{
  margin: 0 0 1.6em;
  line-height: 1.9;

}

/* 左：文章 / 右：画像にしたいセクションだけ付ける */
.svc-media--rev{
  flex-direction: row-reverse;
}

.recruit-common {
  max-width: 860px;
  margin: 80px auto 50px;
}

.recruit-common__box {
  background: #f1f6ff;           /* 薄い青 */
  border: 1px solid #dbe7ff;
  border-radius: 16px;
  padding: 30px 50px;
}

.recruit-common__title {
  margin: 0 0 24px;
  font-size: 26px;
  font-weight: 800;
  color: #1e3a8a;
}

.recruit-common__box p {
  margin: 0;
  line-height: 1.9;
  font-size: 16px;
}


/* SP: テーブルをカード型に縦崩し（3行ミニカード） */
@media (max-width: 767px){

  .svc-request__grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }


  .svc-media,
  .svc-media--rev{
    flex-direction: column;  /* SPは上：画像 / 下：文章で統一 */
    align-items: stretch;
    gap: 0.75rem;
  }

  .svc-media__img{
    flex: none;
    width: 100%;
  }

  .svc-media__text p{
    margin: 0 0 1.3em;
  }
  
  .top-text {
    text-align: left;
    line-height: 1.875rem;
  }

 .recruit-common {
    margin: 3.75rem 0;
  }

  .recruit-common__box {
    padding: 2.25rem 1.5rem;
  }

  .recruit-common__title {
    font-size: 1.25rem;
    margin: 0 0 1.5rem;
  }

  .svc-request {
    padding: 5rem 0;
  }

  .svc-request__inner {
    padding: 0 1.25rem;
  }

  .svc-request__head {
    margin-bottom: 2.5rem;
  }

  .svc-request__body {
    font-size: 1rem;
  }

  .svc-request__body p {
    margin: 0 0 0.875rem;
  }

  .svc-request__list {
    margin: 0 0 0.875rem;
  }

  .svc-media {
    margin-top: 1.125rem;
  }

  .recruit-common__box p {
    font-size: 1rem;
  }

  }