.client-contact .content {
  border: none;
}

.client-contact .content img {
  width: 70%;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .client-contact .content img {
    width: 100%;
  }
}

.specialized-support .company-title {
  font-size: 40px;
}

@media screen and (max-width: 768px) {
  .specialized-support .company-title {
    color: #1b2850;
    font-size: 28px;
  }
}

@media screen and (max-width: 768px) {
  section.main div.main-flex div.main-point img {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    max-width: 100vw;
  }

  section.main div.main-txt h1 {
    margin-bottom: 0;
  }
}

.faq details .answer p {
  text-align: left;
}

.faq details .answer p a {
  display: inline-block;
}

.job-industry .list-group:nth-last-child(-n + 4) {
  border-bottom: none;
}

.req {
  color: red;
  font-size: 10px;
}

.opt {
  color: blue;
  font-size: 10px;
}

.user-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}

.user-name {
  font-size: 85%;
  margin-right: 15px;
}

.mypage-btn {
  background-color: #0d1e5c;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 85%;
}

.mypage-btn:hover {
  background-color: #fff;
  color: #0d1e5c;
  opacity: inherit;
}

.header div.header-inner {
  width: 1400px;
}

footer .inner {
  /* width: 1400px; */
}

@media screen and (max-width: 768px) {
  .spotlight-article-content .slick-prev,
  .spotlight-article-content .slick-next,
  .interview-content .slick-prev,
  .interview-content .slick-next {
    visibility: hidden;
    left: 0;
    right: 0;
  }
}

section.feature div.feature-content div.feature-item-group div.feature-item {
  padding: 80px 5px 30px;
}

@media screen and (max-width: 768px) {
  section.feature div.feature-content div.feature-item-group div.feature-item {
    padding: 40px 5px 10px;
  }
}

section.feature
  div.feature-content
  div.feature-item-group
  div.feature-item:nth-of-type(2)
  h3,
section.feature
  div.feature-content
  div.feature-item-group
  div.feature-item:nth-of-type(3)
  h3 {
  top: 33px;
}
@media screen and (max-width: 768px) {
  section.feature
    div.feature-content
    div.feature-item-group
    div.feature-item:nth-of-type(2)
    h3,
  section.feature
    div.feature-content
    div.feature-item-group
    div.feature-item:nth-of-type(3)
    h3 {
    top: 18px;
  }
}

@media screen and (max-width: 768px) {
  .message .inner .sec-content {
    margin: 20px auto 0;
  }
}

.link-2 a:hover {
  opacity: 0.8;
}

@media screen and (min-width: 1151px) {
  .main .main-inner .main-txt h1 {
    font-family: "Noto Sans JP", sans-serif;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
    color: #fff;
    position: relative;
    z-index: 0;
    backdrop-filter: blur(5px);
    padding: 15px 0;
    border: solid 2px rgba(255, 255, 255, 0.3);
    letter-spacing: 3px;
  }
}

/* .top-job-title {
  background-color: #bfa91c !important;
} */
