.main-training .mv h1.mv-title.course {
  overflow: visible;
}
.main-training .mv h1.mv-title.course::after {
  content: attr(data-enname);
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: auto;
  height: auto;
  font-size: 2.5rem;
  transform: translate(-50%, -30%) rotate(-5deg);
  font-family: "Rock Salt", cursive;
  background: linear-gradient(to right, #8bdbe3, #e1efb4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
  color: transparent;
}
@media screen and (min-width: 960px) {
  .main-training .mv h1.mv-title.course::after {
    font-size: 7rem;
  }
}
.main-training .training-content.content1 h2.sec-title::after {
  opacity: 0.75;
  content: attr(data-subtitle);
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: auto;
  height: auto;
  font-size: 3rem;
  transform: translate(-50%, -70%) rotate(-5deg);
  font-family: "Rock Salt", cursive;
  background: linear-gradient(to right, #8bdbe3, #e1efb4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
  color: transparent;
}
@media screen and (min-width: 960px) {
  .main-training .training-content.content1 h2.sec-title::after {
    font-size: 7rem;
  }
}
.main-training .training-content.content1 .content-box {
  flex-direction: column;
}
.main-training .training-content.content1 .content-box .content-course {
  display: grid;
  grid-template-columns: 1fr;
  gap: 60px;
  margin: 0 auto 60px;
  width: 100%;
}
@media screen and (min-width: 750px) {
  .main-training .training-content.content1 .content-box .content-course {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 30px;
  }
}
.main-training .training-content.content1 .content-box .content-course .course-item {
  transition: all 0.25s;
}
.main-training .training-content.content1 .content-box .content-course .course-item h3 {
  margin-bottom: 20px;
  padding: 0.5em 0.25em;
  background-color: #666666;
  border-radius: 8px;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 1rem;
}
@media screen and (min-width: 750px) {
  .main-training .training-content.content1 .content-box .content-course .course-item h3 {
    font-size: 1.2rem;
  }
}
.main-training .training-content.content1 .content-box .content-course .course-item .image {
  border-radius: 8px;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.main-training .training-content.content1 .content-box .content-course .course-item:hover {
  opacity: 0.5;
  transition: all 0.25s;
}
.main-training .training-content.content1 .content-box .content-course.single {
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 550px;
}
.main-training .training-content.content1 .content-box .content-course.single .course-item {
  transition: all 0.25s;
}
.main-training .training-content.content1 .content-box .content-course.single .course-item p {
  margin: 0 auto;
  padding: 50px 0;
  width: 100%;
  border: solid 2px #666666;
  border-radius: 10px;
}
.main-training .training-content.content1 .content-box .content-course.single .course-item:hover {
  opacity: 0.5;
  transition: all 0.25s;
}
.main-training .training-content.content1 .content-box .content-text {
  max-width: none;
}/*# sourceMappingURL=course.css.map */