.instructor {
  padding: 80px 20px;
}

.instructor-item {
  display: flex;
  align-items: center;
  gap: 60px;
  background: #cfd8e3;
  padding: 60px;
  margin-bottom: 80px;
  position: relative;
}

.instructor-image {
  position: relative;
  width: 220px;
}

.instructor-image img {
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
}

.image-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #8ea3bf;
  top: -20px;
  left: -20px;
  z-index: 1;
}

.instructor-text h3 {
  font-size: 28px;
  margin-bottom: 20px;
}

.role {
  font-size: 16px;
  margin-right: 20px;
}

.instructor-text p {
  line-height: 1.8;
}

/* =========================
   INSTRUCTOR タイトル
========================= */
.instructor-title-box {
  position: relative;
  margin-bottom: 60px;
  overflow: hidden;
}

.instructor-title {
  font-size: 32px;
  font-weight: 600;
  color: #4C4B4B;
  position: relative;
  z-index: 2;
}

/* ティッカー */
.instructor-ticker {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  transform: translateY(-50%);
  z-index: 1;
}

.instructor-ticker span {
  display: inline-block;
  letter-spacing: 0.2em;
  font-size: 48px;
  font-weight: 700;
  color: rgba(74, 74, 74, 0.1);
  animation: ticker-scroll 32s linear infinite;
}

@media (max-width: 768px) {
  .instructor-item {
    flex-direction: column;
    text-align: center;
  }

  .instructor-image {
    width: 180px;
  }

  .image-bg {
    top: -15px;
    left: -15px;
  }
}