@charset "UTF-8";
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 400;
  src: url("/wp/wp-content/themes/newone/fonts/NotoSansJP-Regular_subset.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 500;
  src: url("/wp/wp-content/themes/newone/fonts/NotoSansJP-Medium_subset.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 600;
  src: url("/wp/wp-content/themes/newone/fonts/NotoSansJP-SemiBold_subset.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 700;
  src: url("/wp/wp-content/themes/newone/fonts/NotoSansJP-Bold_subset.woff") format("woff");
}
@media (min-width: 375px) {
  body {
    /* 375px以上 */
  }
}
@media (min-width: 601px) {
  body {
    /* WordPress601px以上 */
  }
}
@media (min-width: 783px) {
  body {
    /* WordPress783px以上 */
  }
}
@media (min-width: 768px) {
  body {
    /* タブレット以上 */
  }
}
@media (min-width: 769px) {
  body {
    /* 769px以上用 */
  }
}
@media (min-width: 1024px) {
  body {
    /* タブレットPro以上用 */
  }
}
@media (min-width: 1200px) {
  body {
    /* PC（サイトのコンテンツ幅）以上 */
  }
}

@keyframes loop {
  0% {
    transform: translateX(0);
  }
  33.3333% {
    transform: translateX(-100%);
  }
  33.3334% {
    transform: translateX(200%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  66.6666% {
    transform: translateX(-200%);
  }
  66.6667% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes loop3 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-300%);
  }
}
@keyframes appear {
  0% {
    opacity: 0;
  }
  99.9%, to {
    opacity: 1;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  99.9%, to {
    transform: rotate(360deg);
  }
}
@keyframes circle {
  0% {
    stroke-dasharray: 464.9568;
    stroke-dashoffset: 464.9568;
  }
  99.9%, to {
    stroke-dasharray: 464.9568;
    stroke-dashoffset: 0;
  }
}
@keyframes circle02 {
  0% {
    stroke-dasharray: 238.7616;
    stroke-dashoffset: 238.7616;
  }
  99.9%, to {
    stroke-dasharray: 238.7616;
    stroke-dashoffset: 0;
  }
}
@keyframes fade-large {
  0% {
    opacity: 1;
    transform: translate(0, -50%);
  }
  50% {
    opacity: 0;
    transform: translate(50%, -50%);
  }
  50.1% {
    opacity: 0;
    transform: translate(-70%, -50%);
  }
  100% {
    opacity: 1;
    transform: translate(0, -50%);
  }
}
@keyframes fade-large-static {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 0;
    transform: translateX(50%);
  }
  50.1% {
    opacity: 0;
    transform: translateX(-70%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fade-up {
  0% {
    opacity: 1;
    transform: translate(-50%, 0) rotate(-90deg);
  }
  50% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(-90deg);
  }
  50.1% {
    transform: translate(-50%, 80%) rotate(-90deg);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 0) rotate(-90deg);
  }
}
@keyframes fade-down {
  0% {
    opacity: 1;
    transform: translateY(-50%) rotate(90deg);
  }
  50% {
    opacity: 0;
    transform: translateY(20%) rotate(90deg);
  }
  50.1% {
    transform: translateY(-150%) rotate(90deg);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(-50%) rotate(90deg);
  }
}
@keyframes fade-large_45deg {
  0% {
    opacity: 1;
    transform: translate(0, -50%) rotate(-45deg);
  }
  50% {
    opacity: 0;
    transform: translate(50%, -100%) rotate(-45deg);
  }
  50.1% {
    opacity: 0;
    transform: translate(-70%, 20%) rotate(-45deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, -50%) rotate(-45deg);
  }
}
@keyframes fade-small {
  0% {
    opacity: 1;
    transform: translate(0, -50%);
  }
  50% {
    opacity: 0;
    transform: translate(40%, -50%);
  }
  50.1% {
    transform: translate(-40%, -50%);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(0, -50%);
  }
}
@keyframes fade-top-right {
  0% {
    opacity: 1;
    transform: translate(0, 0) rotate(-45deg);
  }
  50% {
    opacity: 0;
    transform: translate(40%, -60%) rotate(-45deg);
  }
  50.1% {
    opacity: 0;
    transform: translate(-50%, 75%) rotate(-45deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotate(-45deg);
  }
}
@keyframes border_hover {
  0% {
    width: 0;
  }
  99.9%, to {
    width: 100%;
  }
}
.ai-training_section {
  overflow-x: clip;
}

.ai-training_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 64px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: linear-gradient(90deg, #1160ae 0%, #00b2bc 100%);
  background-origin: border-box;
  color: #fff;
  font-size: 18px;
  text-align: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_btn {
    width: 290px;
    height: 70px;
    font-size: 20px;
  }
}

.ai-training_btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 9px;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.3s;
}

@media (any-hover: hover) {
  .ai-training_btn:hover::before {
    opacity: 1;
  }
  .ai-training_btn:hover .ai-training_btn_label {
    color: transparent;
  }
}
.ai-training_btn_label {
  position: relative;
  background: linear-gradient(90deg, #1160ae 0%, #00b2bc 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: #fff;
  transition: color 0.3s;
}

.ai-training_hero {
  position: relative;
  height: calc(98.1333vw + 224px);
}
@media (min-width: 769px) {
  .ai-training_hero {
    height: 704px;
  }
}
@media (min-width: 1512px) {
  .ai-training_hero {
    height: 46.561vw;
  }
}

.ai-training_hero_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 98.1333vw;
}
@media (min-width: 769px) {
  .ai-training_hero_bg {
    inset: 0;
    right: clamp(0px, (100vw - 769px) * 0.38152, 256px);
    width: auto;
    height: auto;
  }
}

.ai-training_hero_bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ai-training_hero_card {
  position: absolute;
  top: calc(98.1333vw - 35px);
  right: 0;
  left: 32px;
  height: 185px;
  border-radius: 6.103px 0 0 6.103px;
  background-color: #fff;
}
@media (min-width: 769px) {
  .ai-training_hero_card {
    top: initial;
    bottom: 60px;
    left: auto;
    width: 512px;
    height: 414px;
    border-radius: 10px 0 0 10px;
  }
}
@media (min-width: 1600px) {
  .ai-training_hero_card {
    right: max(0px, 50% - 756px);
    border-radius: 10px;
  }
}

.ai-training_hero_body {
  padding: 21.41px 0 0 30.516px;
  margin-inline: auto;
  max-width: 400px;
}
@media (min-width: 769px) {
  .ai-training_hero_body {
    padding: 40px 0 0 50px;
    margin-inline: initial;
    max-width: initial;
  }
}

.ai-training_hero_title {
  color: #000;
  font-size: 22px;
  line-height: 1.5;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_hero_title {
    font-size: 36px;
  }
}

.ai-training_hero_title-lead {
  display: block;
  margin-bottom: 2.4px;
}
@media (min-width: 769px) {
  .ai-training_hero_title-lead {
    margin-bottom: 4px;
  }
}

.ai-training_hero_title-main {
  font-size: 27px;
  line-height: 1.4;
  background: linear-gradient(90deg, #1160ae 0%, #00b2bc 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media (min-width: 769px) {
  .ai-training_hero_title-main {
    font-size: 44px;
  }
}

.ai-training_hero_subtitle {
  margin-top: 9.14px;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_hero_subtitle {
    margin-top: 9px;
    font-size: 24px;
    letter-spacing: 0.08em;
  }
}

.ai-training_hero_cta {
  position: absolute;
  top: 195px;
  right: 30px;
  left: -2px;
  max-width: 400px;
  margin-inline: auto;
}
@media (min-width: 769px) {
  .ai-training_hero_cta {
    position: static;
    margin-top: 41px;
    margin-inline: initial;
  }
}

.ai-training_inner {
  width: 100%;
  padding-inline: 15px;
}
@media (min-width: 769px) {
  .ai-training_inner {
    max-width: 1232px;
    margin-inline: auto;
    padding-inline: 20px;
  }
}

.ai-training_intro {
  padding-block: 40px 25px;
  background-color: #fff;
}
@media (min-width: 769px) {
  .ai-training_intro {
    margin-top: -27px;
    padding-block: 127px 104px;
    position: relative;
  }
}

.ai-training_intro .ai-training_inner {
  max-width: 600px;
  margin-inline: auto;
}
@media (min-width: 769px) {
  .ai-training_intro .ai-training_inner {
    max-width: 1232px;
  }
}

.ai-training_intro_inner {
  position: relative;
}
@media (min-width: 769px) {
  .ai-training_intro_inner {
    max-width: 1172px;
    margin-inline: auto;
  }
}

.ai-training_intro_title {
  color: #1160ae;
  font-size: 22px;
  line-height: 1.5;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_intro_title {
    font-size: 26px;
    white-space: nowrap;
  }
}

.ai-training_intro_title::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 10px;
  background: linear-gradient(90deg, #1160ae 0%, #00b2bc 100%);
}
@media (min-width: 769px) {
  .ai-training_intro_title::after {
    width: 662px;
    margin-top: 3px;
  }
}

.ai-training_intro_lead {
  margin-top: 15px;
  color: #000;
  font-size: 15px;
  line-height: 1.8;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 500;
}
@media (min-width: 769px) {
  .ai-training_intro_lead {
    margin-top: 40px;
    font-size: 16px;
    white-space: nowrap;
  }
}

.ai-training_intro_issues {
  margin-top: 20px;
}
@media (min-width: 769px) {
  .ai-training_intro_issues {
    margin-top: 30px;
  }
}

.ai-training_intro_issue {
  position: relative;
  padding-left: 25px;
  color: #1160ae;
  font-size: 15px;
  line-height: 1.6;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 500;
}
@media (min-width: 769px) {
  .ai-training_intro_issue {
    padding-left: 0;
    font-size: 18px;
    line-height: 2.2;
    white-space: nowrap;
  }
}

.ai-training_intro_issue::before {
  content: "●";
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 769px) {
  .ai-training_intro_issue::before {
    content: "「 ";
    position: static;
  }
}

@media (min-width: 769px) {
  .ai-training_intro_issue::after {
    content: "」";
  }
}
.ai-training_intro_issue + .ai-training_intro_issue {
  margin-top: 10px;
}
@media (min-width: 769px) {
  .ai-training_intro_issue + .ai-training_intro_issue {
    margin-top: 0;
  }
}

.ai-training_intro_illust {
  width: 160px;
  margin: 27px auto 0;
}
@media (min-width: 769px) {
  .ai-training_intro_illust {
    position: absolute;
    top: -50px;
    right: 0;
    width: 230.016px;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .ai-training_intro_illust {
    top: 90px;
  }
}

.ai-training_intro_illust img {
  display: block;
  width: 100%;
  height: auto;
}

.ai-training_intro_body {
  margin-top: 18px;
}
@media (min-width: 769px) {
  .ai-training_intro_body {
    max-width: 864px;
    margin-top: 30px;
  }
}

.ai-training_intro_text {
  color: #000;
  font-size: 15px;
  line-height: 1.6;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 500;
}
@media (min-width: 769px) {
  .ai-training_intro_text {
    font-size: 16px;
    line-height: 1.8;
    white-space: nowrap;
  }
}

.ai-training_intro_text + .ai-training_intro_text {
  margin-top: 24px;
}
@media (min-width: 769px) {
  .ai-training_intro_text + .ai-training_intro_text {
    margin-top: 28.8px;
  }
}

.ai-training_issue {
  padding-block: 40px 52px;
  background-color: #f7f7f7;
}
@media (min-width: 769px) {
  .ai-training_issue {
    padding-block: 70px 81px;
  }
}

.ai-training_issue .ai-training_inner {
  max-width: 600px;
  margin-inline: auto;
}
@media (min-width: 769px) {
  .ai-training_issue .ai-training_inner {
    max-width: 1232px;
  }
}

.ai-training_issue_title {
  color: #444;
  font-size: 22px;
  line-height: 1.5;
  text-align: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_issue_title {
    font-size: 36px;
  }
}

.ai-training_issue_cards {
  margin-top: 19px;
}
@media (min-width: 769px) {
  .ai-training_issue_cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
  }
}
@media (min-width: 1150px) {
  .ai-training_issue_cards {
    flex-direction: row;
    justify-content: center;
    column-gap: 52px;
  }
}

.ai-training_issue_card {
  position: relative;
  padding: 65px 15px 51px;
  border-radius: 20px;
  background-color: #fff;
}
@media (min-width: 769px) {
  .ai-training_issue_card {
    width: 100%;
    max-width: 570px;
    height: 682px;
    padding: 40px 40px 0;
  }
}
@media (min-width: 1150px) {
  .ai-training_issue_card {
    flex: 1;
    width: auto;
  }
}

.ai-training_issue_card + .ai-training_issue_card {
  margin-top: 16px;
}
@media (min-width: 769px) {
  .ai-training_issue_card + .ai-training_issue_card {
    margin-top: 52px;
  }
}
@media (min-width: 1150px) {
  .ai-training_issue_card + .ai-training_issue_card {
    margin-top: 0;
  }
}

.ai-training_issue_card-title {
  width: fit-content;
  margin-left: 20px;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_issue_card-title {
    width: auto;
    margin-left: 0;
    font-size: 26px;
    white-space: nowrap;
  }
}

.ai-training_issue_card-title-lead {
  font-size: 22px;
}
@media (min-width: 769px) {
  .ai-training_issue_card-title-lead {
    font-size: inherit;
  }
}

.ai-training_issue_card--hr .ai-training_issue_card-title {
  color: #1160ae;
}

.ai-training_issue_card--field .ai-training_issue_card-title {
  color: #00b2bc;
}

.ai-training_issue_card-illust {
  position: absolute;
  top: 18px;
  right: 32px;
  width: min(127px, 33.8667vw, 100% - 183px);
}
@media (min-width: 769px) {
  .ai-training_issue_card-illust {
    top: 455px;
    right: auto;
    left: 84px;
    width: 162px;
  }
}

.ai-training_issue_card--field .ai-training_issue_card-illust {
  top: 21px;
  right: 28px;
  width: min(137px, 36.5333vw, 100% - 195px);
}
@media (min-width: 769px) {
  .ai-training_issue_card--field .ai-training_issue_card-illust {
    top: 457px;
    right: auto;
    left: 58px;
    width: 189px;
  }
}

.ai-training_issue_card-illust img {
  display: block;
  width: 100%;
  height: auto;
}

.ai-training_issue_balloons {
  margin-top: 68px;
}
@media (min-width: 769px) {
  .ai-training_issue_balloons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 231.68px));
    column-gap: 26.64px;
    row-gap: 37px;
    margin-top: 30px;
  }
}

.ai-training_issue_balloon {
  display: flex;
  align-items: center;
  position: relative;
  height: 110px;
  border-radius: 12px;
  border: 2px solid #1160ae;
  background-color: #fff;
}
@media (min-width: 769px) {
  .ai-training_issue_balloon {
    display: block;
    height: 140.127px;
  }
}

@media (min-width: 769px) {
  .ai-training_issue_balloon:nth-child(5) {
    grid-column: 2;
  }
}

.ai-training_issue_card--field .ai-training_issue_balloon {
  border-color: #00b2bc;
}

.ai-training_issue_balloon + .ai-training_issue_balloon {
  margin-top: 31px;
}
@media (min-width: 769px) {
  .ai-training_issue_balloon + .ai-training_issue_balloon {
    margin-top: 0;
  }
}

.ai-training_issue_balloon::after {
  content: "";
  position: absolute;
  top: 93px;
  left: -2px;
  width: 22px;
  height: 31px;
  background: url("../images/ai-training/issue_tail_blue.svg") no-repeat center/contain;
}
@media (min-width: 769px) {
  .ai-training_issue_balloon::after {
    top: 123px;
  }
}

.ai-training_issue_card--field .ai-training_issue_balloon::after {
  background-image: url("../images/ai-training/issue_tail_teal.svg");
}

.ai-training_issue_balloon-text {
  width: 100%;
  color: #000;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.03em;
  text-align: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_issue_balloon-text {
    padding-top: 28px;
    font-size: 16px;
  }
}

.ai-training_issue_note {
  margin-top: 49px;
  color: #000;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-align: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_issue_note {
    margin-top: 66px;
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: 0.07em;
  }
}

.ai-training_issue_note-accent {
  background: linear-gradient(90deg, #1160ae 0%, #00b2bc 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.ai-training_value {
  position: relative;
  overflow: hidden;
  padding-block: 60px 50px;
  background-color: #fff;
}
@media (min-width: 769px) {
  .ai-training_value {
    padding-block: 110px 120px;
  }
}

.ai-training_value .ai-training_inner {
  position: relative;
  z-index: 1;
  max-width: 600px;
  margin-inline: auto;
}
@media (min-width: 769px) {
  .ai-training_value .ai-training_inner {
    max-width: 1232px;
  }
}

.ai-training_value_deco {
  position: absolute;
  top: 0;
  left: -59px;
  width: 200px;
}

.ai-training_value_deco img {
  display: block;
  width: 100%;
  height: auto;
}

.ai-training_value_deco-pc {
  position: absolute;
  top: 0;
  z-index: 0;
  pointer-events: none;
}

.ai-training_value_deco-pc img {
  display: block;
  max-width: none;
  height: auto;
}

.ai-training_value_deco-pc--left {
  top: -126px;
  left: max(-121px, 50% - 877px);
  width: 454px;
}

.ai-training_value_deco-pc--left img {
  width: 454px;
}

.ai-training_value_deco-pc--right {
  top: 3px;
  right: max(-115px, 50% - 871px);
  width: 426px;
}

.ai-training_value_deco-pc--right img {
  width: 426px;
}

.ai-training_value_title {
  position: relative;
  color: #1160ae;
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-align: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_value_title {
    font-size: 36px;
    letter-spacing: 0;
  }
}

.ai-training_value_lead {
  margin-top: 25px;
}
@media (min-width: 769px) {
  .ai-training_value_lead {
    margin-top: 40px;
  }
}

.ai-training_value_lead-text {
  color: #000;
  font-size: 15px;
  line-height: 1.5;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 500;
}
@media (min-width: 769px) {
  .ai-training_value_lead-text {
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
  }
}

.ai-training_value_powers {
  margin-top: 30px;
}
@media (min-width: 769px) {
  .ai-training_value_powers {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    column-gap: 27.72px;
    row-gap: 30px;
    margin-top: 60px;
  }
}

.ai-training_value_power {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  border: 2px solid transparent;
  border-radius: 10px;
  background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #1160ae 0%, #00b2bc 100%);
  background-origin: border-box;
  -webkit-background-clip: padding-box, border-box;
  background-clip: padding-box, border-box;
}
@media (min-width: 769px) {
  .ai-training_value_power {
    height: 130px;
  }
}

.ai-training_value_power + .ai-training_value_power {
  margin-top: 12px;
}
@media (min-width: 769px) {
  .ai-training_value_power + .ai-training_value_power {
    margin-top: 0;
  }
}

@media (min-width: 769px) {
  .ai-training_value_power:nth-child(1) {
    grid-area: 1/2/2/4;
  }
  .ai-training_value_power:nth-child(2) {
    grid-area: 1/4/2/6;
  }
  .ai-training_value_power:nth-child(3) {
    grid-area: 1/6/2/8;
  }
  .ai-training_value_power:nth-child(4) {
    grid-area: 2/1/3/3;
  }
  .ai-training_value_power:nth-child(5) {
    grid-area: 2/3/3/5;
  }
  .ai-training_value_power:nth-child(6) {
    grid-area: 2/5/3/7;
  }
  .ai-training_value_power:nth-child(7) {
    grid-area: 2/7/3/9;
  }
}
.ai-training_value_power-text {
  color: #040404;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_value_power-text {
    font-size: 20px;
    line-height: 1.6;
  }
}

@media (min-width: 769px) {
  .ai-training_value_power-text--narrow {
    font-size: 19px;
  }
}

.ai-training_value_outcome {
  margin-top: 27px;
}
@media (min-width: 769px) {
  .ai-training_value_outcome {
    display: flex;
    align-items: flex-start;
    column-gap: 118px;
    margin-top: 100px;
    padding-left: clamp(0px, min((100vw - 769px) * 0.20864, 100% - 954px), 140px);
  }
}

.ai-training_value_illust {
  width: 131px;
  margin-inline: auto;
}
@media (min-width: 769px) {
  .ai-training_value_illust {
    flex: 0 0 207px;
    width: 207px;
    margin: 10px 0 0;
  }
}

.ai-training_value_illust img {
  display: block;
  width: 100%;
  height: auto;
}

.ai-training_value_outcome-body {
  container-type: inline-size;
  margin-top: 20px;
  margin-inline: auto;
  max-width: 350px;
}
@media (min-width: 375px) {
  .ai-training_value_outcome-body {
    container-type: normal;
  }
}
@media (min-width: 769px) {
  .ai-training_value_outcome-body {
    min-width: 0;
    margin-top: 0;
    margin-inline: initial;
    max-width: initial;
  }
}

.ai-training_value_outcome-text {
  color: #000;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_value_outcome-text {
    font-size: 24px;
    line-height: 1.8;
    letter-spacing: 0;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
    font-weight: 500;
  }
}

.ai-training_value_diagram {
  margin-top: 8.69565cqw;
}
@media (min-width: 375px) {
  .ai-training_value_diagram {
    margin-top: 30px;
  }
}
@media (min-width: 769px) {
  .ai-training_value_diagram {
    margin-top: 40px;
  }
}

.ai-training_value_diagram-row {
  display: flex;
  align-items: center;
  column-gap: 2.89855cqw;
}
@media (min-width: 375px) {
  .ai-training_value_diagram-row {
    column-gap: 10px;
  }
}
@media (min-width: 769px) {
  .ai-training_value_diagram-row {
    width: 629px;
    max-width: 100%;
    column-gap: 30px;
  }
}

.ai-training_value_diagram-row + .ai-training_value_diagram-row {
  margin-top: 6.37681cqw;
}
@media (min-width: 375px) {
  .ai-training_value_diagram-row + .ai-training_value_diagram-row {
    margin-top: 22px;
  }
}
@media (min-width: 769px) {
  .ai-training_value_diagram-row + .ai-training_value_diagram-row {
    margin-top: 36px;
  }
}

.ai-training_value_diagram-row::before {
  content: "";
  position: absolute;
  width: 14.72638cqw;
  height: 4.2487cqw;
  background: url("../images/ai-training/value_arrow_sp.svg") no-repeat center/contain;
  translate: 44.05797cqw 0;
}
@media (min-width: 375px) {
  .ai-training_value_diagram-row::before {
    width: 50.806px;
    height: 14.658px;
    translate: 152px 0;
  }
}
@media (min-width: 769px) {
  .ai-training_value_diagram-row::before {
    width: 169.218px;
    height: 20px;
    background-image: url("../images/ai-training/value_arrow.svg");
    translate: 230px 0;
  }
}

.ai-training_value_diagram-from,
.ai-training_value_diagram-to {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38.26087cqw;
  height: 17.3913cqw;
  border-radius: 2.12435cqw;
  font-size: 4.34783cqw;
  line-height: 1.6;
  text-align: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 375px) {
  .ai-training_value_diagram-from,
  .ai-training_value_diagram-to {
    width: 132px;
    height: 60px;
    border-radius: 7.329px;
    font-size: 15px;
  }
}
@media (min-width: 769px) {
  .ai-training_value_diagram-from,
  .ai-training_value_diagram-to {
    width: 200px;
    height: 82px;
    border-radius: 10px;
    font-size: 19px;
  }
}

.ai-training_value_diagram-from {
  background-color: #00b2bc;
  color: #fff;
}

.ai-training_value_diagram-row--outcome .ai-training_value_diagram-from {
  line-height: 1.2;
}

.ai-training_value_diagram-to {
  margin-left: auto;
  border: 2px solid #444;
  color: #444;
}

.ai-training_value_diagram-row--outcome .ai-training_value_diagram-to {
  border-color: transparent;
  background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #1160ae 0%, #00b2bc 100%);
  background-origin: border-box;
  -webkit-background-clip: padding-box, border-box;
  background-clip: padding-box, border-box;
}

.ai-training_value_diagram-accent {
  background: linear-gradient(90deg, #1160ae 0%, #00b2bc 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ai-training_update {
  padding-block: 40px 61px;
  background-color: #1160ae;
}
@media (min-width: 769px) {
  .ai-training_update {
    padding-block: 70px 93px;
  }
}

.ai-training_update .ai-training_inner {
  max-width: 600px;
  margin-inline: auto;
}
@media (min-width: 769px) {
  .ai-training_update .ai-training_inner {
    max-width: 1232px;
  }
}

.ai-training_update_title {
  color: #fff;
  font-size: 22px;
  line-height: 1.5;
  text-align: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_update_title {
    font-size: 42px;
    white-space: nowrap;
  }
}

.ai-training_update_title::after {
  content: "";
  display: block;
  width: 188px;
  height: 1px;
  margin: 5px auto 0;
  background-color: #fff;
}
@media (min-width: 769px) {
  .ai-training_update_title::after {
    width: 869.5px;
    margin-top: 12.5px;
  }
}

.ai-training_update_cards {
  margin-top: 35px;
}
@media (min-width: 769px) {
  .ai-training_update_cards {
    display: grid;
    grid-template-columns: minmax(0, 583px);
    gap: 26px;
    justify-content: center;
    margin-top: 68.5px;
  }
}
@media (min-width: 1150px) {
  .ai-training_update_cards {
    grid-template-columns: repeat(2, minmax(0, 583px));
  }
}

.ai-training_update_card {
  padding: 10.5px 15px 30px;
  border-radius: 10px;
  background-color: #fff;
}
@media (min-width: 769px) {
  .ai-training_update_card {
    display: flex;
    flex-direction: column;
    padding: 14px 34.969px 54px;
  }
}

.ai-training_update_card + .ai-training_update_card {
  margin-top: 20px;
}
@media (min-width: 769px) {
  .ai-training_update_card + .ai-training_update_card {
    margin-top: 0;
  }
}

.ai-training_update_badge {
  display: flex;
  flex-direction: column;
  color: #1160ae;
  font-family: "Inter", sans-serif;
}
@media (min-width: 769px) {
  .ai-training_update_badge {
    margin-left: -22.969px;
  }
}

.ai-training_update_badge-label {
  font-size: 13.15px;
  font-weight: 400;
  line-height: 1.2;
}
@media (min-width: 769px) {
  .ai-training_update_badge-label {
    padding-left: 2.73px;
    font-size: 16px;
  }
}

.ai-training_update_badge-no {
  font-size: 37.6px;
  font-weight: 500;
  line-height: 1.29;
}
@media (min-width: 769px) {
  .ai-training_update_badge-no {
    margin-top: -9px;
    font-size: 45.745px;
  }
}

.ai-training_update_card-title {
  margin-top: 5px;
  color: #040404;
  font-size: 20px;
  line-height: 1.4;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_update_card-title {
    margin-top: 6px;
    font-size: 24px;
  }
}

.ai-training_update_card-text {
  margin-top: 8px;
  padding-left: 10px;
  color: #000;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 500;
}
@media (min-width: 769px) {
  .ai-training_update_card-text {
    margin-top: 17px;
    padding-left: 15.031px;
    font-size: 16px;
    letter-spacing: 0;
  }
}

.ai-training_update_figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 10px;
  margin-top: 20px;
}
@media (min-width: 769px) {
  .ai-training_update_figure {
    margin-top: auto;
  }
}
@media (min-width: 769px) {
  .ai-training_update_figure {
    flex-direction: row;
    align-items: stretch;
    column-gap: 11px;
    row-gap: 0;
    margin-top: 26px;
    padding-left: 15.031px;
  }
}

@media (min-width: 769px) {
  .ai-training_update_figure--flow {
    column-gap: 9.6px;
  }
}

@media (min-width: 769px) {
  .ai-training_update_figure--labeled {
    align-items: flex-end;
    column-gap: 14.2px;
  }
}

.ai-training_update_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 295px;
  min-height: 72px;
  padding: 8px 10px;
  border-radius: 10px;
}
@media (min-width: 769px) {
  .ai-training_update_box {
    width: auto;
    min-height: 80px;
  }
}

.ai-training_update_box--dashed {
  border: 2px dashed #444;
}
@media (min-width: 769px) {
  .ai-training_update_box--dashed {
    flex: 0 1 222.516px;
    min-width: 0;
  }
}

.ai-training_update_box--outline {
  border: 2px solid #444;
}
@media (min-width: 769px) {
  .ai-training_update_box--outline {
    flex: 0 1 145px;
    min-width: 0;
  }
}

.ai-training_update_box--accent {
  border: 2px solid #1160ae;
}
@media (min-width: 769px) {
  .ai-training_update_box--accent {
    flex: 0 1 145px;
    min-width: 0;
  }
}

.ai-training_update_box--fill {
  background-color: rgba(17, 96, 174, 0.6);
}
@media (min-width: 769px) {
  .ai-training_update_box--fill {
    flex: 0 1 227.619px;
    min-width: 0;
  }
}

@media (min-width: 769px) {
  .ai-training_update_figure--flow .ai-training_update_box--fill {
    flex: 0 1 145px;
  }
}

.ai-training_update_box-title {
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_update_box-title {
    font-size: 20px;
  }
}

.ai-training_update_box--dashed .ai-training_update_box-title,
.ai-training_update_box--outline .ai-training_update_box-title {
  color: #444;
}

.ai-training_update_box--accent .ai-training_update_box-title {
  color: #1160ae;
  line-height: 1.2;
}

.ai-training_update_box--fill .ai-training_update_box-title {
  color: #fff;
  line-height: 1.2;
}

.ai-training_update_figure--flow .ai-training_update_box-title {
  line-height: 1.2;
}
@media (min-width: 769px) {
  .ai-training_update_figure--flow .ai-training_update_box-title {
    font-size: 18px;
  }
}

@media (min-width: 769px) {
  .ai-training_update_figure--labeled .ai-training_update_box-title {
    font-size: 18px;
  }
}

.ai-training_update_box-note {
  color: #444;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 500;
}
@media (min-width: 769px) {
  .ai-training_update_box-note {
    font-size: 14px;
  }
}

.ai-training_update_mark {
  flex-shrink: 0;
  align-self: center;
  width: 10.599px;
  height: 10.599px;
  background: url("../images/ai-training/update_plus.svg") no-repeat center/contain;
}

.ai-training_update_mark--arrow {
  width: 9.478px;
  height: 12.851px;
  background-image: url("../images/ai-training/update_arrow.svg");
  rotate: 90deg;
}
@media (min-width: 769px) {
  .ai-training_update_mark--arrow {
    rotate: none;
  }
}

@media (min-width: 769px) {
  .ai-training_update_figure--labeled .ai-training_update_box--outline {
    flex: 1;
    max-width: 222.516px;
  }
}

.ai-training_update_labeled {
  width: 100%;
  max-width: 295px;
}
@media (min-width: 769px) {
  .ai-training_update_labeled {
    flex: 0 1 227.619px;
    min-width: 0;
    width: auto;
  }
}

.ai-training_update_label {
  color: #444;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 500;
}

.ai-training_update_labeled .ai-training_update_box {
  margin-top: 4px;
}
@media (min-width: 769px) {
  .ai-training_update_labeled .ai-training_update_box {
    min-height: 65px;
  }
}

.ai-training_feature {
  position: relative;
  overflow: hidden;
  padding-block: 50px 35px;
  background-color: #fff;
}
@media (min-width: 769px) {
  .ai-training_feature {
    padding-block: 100px 36px;
  }
}

.ai-training_feature .ai-training_inner {
  max-width: 668px;
  margin-inline: auto;
  padding-inline: 20px;
}
@media (min-width: 769px) {
  .ai-training_feature .ai-training_inner {
    max-width: 1232px;
  }
}

.ai-training_feature_deco {
  position: absolute;
  top: 0;
  right: 0;
  width: 196px;
}

.ai-training_feature_deco img {
  display: block;
  width: 100%;
  height: auto;
}

.ai-training_feature_deco-pc {
  position: absolute;
  top: 0;
  right: max(-1px, 50% - 757px);
  width: 424px;
}

.ai-training_feature_deco-pc img {
  display: block;
  width: 424px;
  max-width: none;
  height: auto;
}

.ai-training_feature_title {
  position: relative;
  color: #000;
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: 0.03em;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_feature_title {
    font-size: 26px;
    letter-spacing: 0;
    white-space: nowrap;
  }
}

.ai-training_feature_title::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 10px;
  background: linear-gradient(90deg, #1160ae 0%, #00b2bc 100%);
}
@media (min-width: 769px) {
  .ai-training_feature_title::after {
    width: 572px;
    margin-top: 10px;
  }
}

.ai-training_feature_list {
  position: relative;
  margin-top: 32px;
}
@media (min-width: 769px) {
  .ai-training_feature_list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 564px));
    column-gap: 63px;
    row-gap: 45px;
    justify-content: center;
    margin-top: 63px;
  }
}

.ai-training_feature_item + .ai-training_feature_item {
  margin-top: 32px;
}
@media (min-width: 769px) {
  .ai-training_feature_item + .ai-training_feature_item {
    margin-top: 0;
  }
}

@media (min-width: 769px) {
  .ai-training_feature_head {
    display: flex;
    align-items: center;
    column-gap: 18px;
  }
}

.ai-training_feature_badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 94px;
  height: 35px;
  border-radius: 5px;
  background: linear-gradient(90deg, #1160ae 0%, #00b2bc 100%);
  color: #fff;
  font-size: 19px;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}

.ai-training_feature_lead {
  margin-top: 16px;
  color: #1160ae;
  font-size: 18px;
  line-height: 1.4;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_feature_lead {
    margin-top: 0;
    font-size: 20px;
    line-height: 1;
  }
}

.ai-training_feature_text {
  margin-top: 10px;
  color: #000;
  font-size: 15px;
  line-height: 1.4;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 500;
}
@media (min-width: 769px) {
  .ai-training_feature_text {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.5;
  }
}

.ai-training_new-program {
  position: relative;
  padding-block: 110px 50px;
  background-color: #fff;
}
@media (min-width: 769px) {
  .ai-training_new-program {
    padding-block: 140px 74px;
  }
}

.ai-training_new-program .ai-training_inner {
  max-width: 668px;
  margin-inline: auto;
}
@media (min-width: 769px) {
  .ai-training_new-program .ai-training_inner {
    max-width: 1232px;
  }
}

.ai-training_new-program .ai-training_inner {
  padding-inline: 20px;
}

.ai-training_new-program_arrow {
  position: absolute;
  top: 5.5px;
  left: 50%;
  width: 29px;
  height: 80px;
  background: url("../images/ai-training/newprogram_arrow.svg") no-repeat center/contain;
  translate: -50% 0;
}
@media (min-width: 769px) {
  .ai-training_new-program_arrow {
    top: 10.5px;
  }
}

.ai-training_new-program_title {
  font-size: 22px;
  line-height: 1.5;
  text-align: center;
  background: linear-gradient(90deg, #1160ae 0%, #00b2bc 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_new-program_title {
    font-size: 32px;
  }
}

.ai-training_new-program_lead {
  margin-top: 15px;
  color: #000;
  font-size: 15px;
  line-height: 1.4;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 500;
}
@media (min-width: 769px) {
  .ai-training_new-program_lead {
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
  }
}

.ai-training_new-program_cards {
  width: 100%;
  margin-top: 40px;
  padding-inline: 20px;
  margin-inline: auto;
  max-width: 668px;
}
@media (min-width: 769px) {
  .ai-training_new-program_cards {
    max-width: 1312px;
    margin-top: 47px;
  }
}

.ai-training_cta {
  padding-block: 40px 56px;
  background-color: #1160ae;
}
@media (min-width: 769px) {
  .ai-training_cta {
    padding-block: 90px 105px;
  }
}

.ai-training_cta .ai-training_inner {
  max-width: 668px;
  margin-inline: auto;
}
@media (min-width: 769px) {
  .ai-training_cta .ai-training_inner {
    max-width: 1232px;
  }
}

.ai-training_cta_title {
  color: #fff;
  font-size: 22px;
  line-height: 1.4;
  padding-inline: 5px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_cta_title {
    font-size: 42px;
    line-height: 1.5;
    padding-inline: initial;
  }
}

.ai-training_cta_title::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 19px;
  background-color: #fff;
}
@media (min-width: 769px) {
  .ai-training_cta_title::after {
    width: 818px;
    margin-top: 13px;
  }
}

.ai-training_cta_lead {
  margin-top: 20px;
  padding-inline: 5px;
  color: #fff;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.04em;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 500;
}
@media (min-width: 769px) {
  .ai-training_cta_lead {
    margin-top: 30px;
    padding-inline: initial;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0;
  }
}

.ai-training_cta_box {
  display: block;
  position: relative;
  overflow: hidden;
  margin-top: 31px;
  border-radius: 10px;
  background-color: #fff;
  color: inherit;
}
@media (min-width: 769px) {
  .ai-training_cta_box {
    margin-top: 60px;
  }
}

@media (min-width: 769px) {
  .ai-training_cta_photo {
    position: absolute;
    inset: 0;
  }
}

.ai-training_cta_photo img {
  display: block;
  width: 100%;
  height: 190px;
  object-fit: cover;
  transition: transform 0.3s;
}
@media (min-width: 769px) {
  .ai-training_cta_photo img {
    height: 100%;
  }
}

.ai-training_cta_body {
  position: relative;
  padding: 18px 20px 30px;
}
@media (min-width: 769px) {
  .ai-training_cta_body {
    padding: 40px 0 50px clamp(5px, 5px + (100vw - 1000px) * 0.13636, 65px);
  }
}

.ai-training_cta_box-title {
  color: #1160ae;
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: 0.03em;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_cta_box-title {
    font-size: 24px;
    letter-spacing: 0;
  }
}

.ai-training_cta_checks {
  margin-top: 12px;
}
@media (min-width: 769px) {
  .ai-training_cta_checks {
    margin-top: 12px;
  }
}

.ai-training_cta_check {
  position: relative;
  padding-left: 27px;
  color: #1160ae;
  font-size: 15px;
  line-height: 1.6;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 500;
}
@media (min-width: 769px) {
  .ai-training_cta_check {
    font-size: 16px;
    line-height: 1.8;
  }
}

.ai-training_cta_check + .ai-training_cta_check {
  margin-top: 5px;
}
@media (min-width: 769px) {
  .ai-training_cta_check + .ai-training_cta_check {
    margin-top: 0;
  }
}

.ai-training_cta_check::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #1160ae;
}
@media (min-width: 769px) {
  .ai-training_cta_check::before {
    top: 7px;
  }
}

.ai-training_cta_note {
  margin-top: 20px;
  color: #1160ae;
  font-size: 18px;
  line-height: 1.4;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_cta_note {
    margin-top: 18px;
    line-height: 1.5;
  }
}

.ai-training_cta_button {
  margin-top: 25px;
  padding-inline: 5px;
}
@media (min-width: 769px) {
  .ai-training_cta_button {
    position: absolute;
    right: 65px;
    bottom: 50px;
    margin-top: initial;
    padding-inline: initial;
  }
}

.ai-training_btn--wide {
  height: 80px;
  font-size: 18px;
  line-height: 1.4;
}
@media (min-width: 769px) {
  .ai-training_btn--wide {
    width: 368px;
    height: 70px;
    font-size: 20px;
  }
}

@media (any-hover: hover) {
  .ai-training_cta_box:hover .ai-training_cta_photo img {
    transform: scale(1.2);
  }
  .ai-training_cta_box:hover .ai-training_btn--wide::before {
    opacity: 1;
  }
  .ai-training_cta_box:hover .ai-training_btn_label {
    color: transparent;
  }
}
.ai-training_program {
  padding-block: 40px 40px;
  background-color: #f4f4f4;
}
@media (min-width: 769px) {
  .ai-training_program {
    padding-block: 90px 84px;
  }
}

.ai-training_program .ai-training_inner {
  max-width: 668px;
  margin-inline: auto;
}
@media (min-width: 769px) {
  .ai-training_program .ai-training_inner {
    max-width: 688px;
    margin-inline: auto;
    padding-inline: 12px;
  }
}
@media (min-width: 1200px) {
  .ai-training_program .ai-training_inner {
    max-width: 1232px;
    padding-inline: 20px;
  }
}

.ai-training_program_title {
  font-size: 22px;
  line-height: 1.5;
  text-align: center;
  background: linear-gradient(90deg, #1160ae 0%, #00b2bc 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_program_title {
    font-size: 42px;
  }
}

.ai-training_program_cards {
  margin-top: 30px;
}
@media (min-width: 769px) {
  .ai-training_program_cards {
    margin-top: 57px;
  }
}

.ai-training_program_card {
  padding: 20px 12.5px 40px;
  border-radius: 10px;
  background-color: #fff;
}
@media (min-width: 1200px) {
  .ai-training_program_card {
    padding: 35px 60px 40px;
  }
}

.ai-training_program_card-inner {
  display: flex;
  flex-direction: column;
  color: inherit;
}
@media (min-width: 1200px) {
  .ai-training_program_card-inner {
    flex-direction: row;
    column-gap: 60px;
  }
}

.ai-training_program_card + .ai-training_program_card {
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .ai-training_program_card + .ai-training_program_card {
    margin-top: 30px;
  }
}

.ai-training_program_main {
  display: contents;
}
@media (min-width: 1200px) {
  .ai-training_program_main {
    display: block;
    flex: 0 1 379px;
    min-width: 0;
  }
}

.ai-training_program_main > *:not(.ai-training_program_cta),
.ai-training_program_detail {
  margin-inline: 12.5px;
}
@media (min-width: 1200px) {
  .ai-training_program_main > *:not(.ai-training_program_cta),
  .ai-training_program_detail {
    margin-inline: 0;
  }
}

.ai-training_program_meta {
  display: flex;
  align-items: center;
  column-gap: 17px;
}

.ai-training_program_no {
  color: #00b2bc;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1;
}

.ai-training_program_label {
  color: #00b2bc;
  font-size: 15px;
  line-height: 1;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .ai-training_program_label {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  .ai-training_program_meta::after {
    content: "";
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, #1160ae 0%, #00b2bc 100%);
  }
}

.ai-training_program_name {
  position: relative;
  margin-top: 15px;
  color: #040404;
  font-size: 22px;
  line-height: 1.4;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .ai-training_program_name {
    margin-top: 17px;
    font-size: 26px;
    line-height: 1;
  }
}

.ai-training_program_name::after {
  content: "";
  position: absolute;
  top: 0.7em;
  right: 19.4px;
  width: 6.75px;
  height: 6.75px;
  background: url("../images/ai-training/program_arrow.svg") no-repeat center/contain;
  rotate: 45deg;
  translate: 0 -50%;
}
@media (min-width: 1200px) {
  .ai-training_program_name::after {
    content: none;
  }
}

@media (min-width: 1200px) {
  .ai-training_program_card:nth-child(2) .ai-training_program_name {
    line-height: 1.4;
  }
}

@media (min-width: 1200px) {
  .ai-training_program_card:nth-child(3) .ai-training_program_name {
    line-height: 1.2;
  }
}

.ai-training_program_img {
  overflow: hidden;
  margin-top: 15px;
  border-radius: 5px;
}
@media (min-width: 1200px) {
  .ai-training_program_img {
    margin-top: 20px;
  }
}

.ai-training_program_img img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.3s;
}

.ai-training_program_cta {
  order: 1;
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .ai-training_program_cta {
    order: 0;
    margin-top: 27px;
  }
}

.ai-training_btn--card {
  height: 50px;
  font-size: 18px;
}
@media (min-width: 769px) {
  .ai-training_btn--card {
    width: 100%;
    height: 50px;
    font-size: 18px;
  }
}

@media (any-hover: hover) {
  .ai-training_program_card-inner:hover .ai-training_program_img img {
    transform: scale(1.2);
  }
  .ai-training_program_card-inner:hover .ai-training_btn--card::before {
    opacity: 1;
  }
  .ai-training_program_card-inner:hover .ai-training_btn_label {
    color: transparent;
  }
}
.ai-training_program_detail {
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .ai-training_program_detail {
    flex: 1;
    margin-top: 3px;
  }
}

.ai-training_program_catch {
  color: #1160ae;
  font-size: 16px;
  line-height: 1.5;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .ai-training_program_catch {
    font-size: 18px;
  }
}

.ai-training_program_body {
  margin-top: 10px;
}
@media (min-width: 1200px) {
  .ai-training_program_body {
    margin-top: 6px;
  }
}

.ai-training_program_text {
  color: #000;
  font-size: 15px;
  line-height: 1.5;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ai-training_program_text {
    font-size: 16px;
  }
}

.ai-training_program_sub-title {
  margin-top: 20px;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .ai-training_program_sub-title {
    margin-top: 17px;
    font-size: 18px;
  }
}

.ai-training_program_points {
  margin-top: 8px;
}
@media (min-width: 1200px) {
  .ai-training_program_points {
    margin-top: 5px;
  }
}

.ai-training_program_point {
  position: relative;
  padding-left: 27px;
  color: #000;
  font-size: 15px;
  line-height: 1.6;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ai-training_program_point {
    font-size: 16px;
  }
}

.ai-training_program_point::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: linear-gradient(90deg, #1160ae 0%, #00b2bc 100%);
}
@media (min-width: 1200px) {
  .ai-training_program_point::before {
    top: 5px;
  }
}

@media (min-width: 1200px) {
  .ai-training_program_themes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
  }
}

.ai-training_program_themes .ai-training_program_points:nth-child(2) {
  margin-top: 8px;
}
@media (min-width: 1200px) {
  .ai-training_program_themes .ai-training_program_points:nth-child(2) {
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  .ai-training_program_themes .ai-training_program_point {
    padding-left: 24.27px;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: -0.05em;
  }
}

@media (min-width: 1200px) {
  .ai-training_program_themes .ai-training_program_point::before {
    top: 4px;
    width: 13.268px;
    height: 13.268px;
  }
}

.ai-training_program_process {
  margin-top: 8px;
}
@media (min-width: 1200px) {
  .ai-training_program_process {
    margin-top: 13px;
  }
}

.ai-training_program_step {
  padding-block: 12px;
  border-top: 1px solid rgba(68, 68, 68, 0.3);
}
@media (min-width: 1200px) {
  .ai-training_program_step {
    display: flex;
    padding-block: 10px;
  }
}

.ai-training_program_step:last-child {
  border-bottom: 1px solid rgba(68, 68, 68, 0.3);
}

.ai-training_program_day {
  display: flex;
  align-items: baseline;
  column-gap: 12px;
}
@media (min-width: 1200px) {
  .ai-training_program_day {
    flex-direction: column;
    flex-shrink: 0;
    width: 164px;
    column-gap: 0;
    row-gap: 3px;
  }
}

.ai-training_program_day-no {
  color: #00b2bc;
  font-size: 14px;
  line-height: 1.5;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ai-training_program_day-no {
    line-height: 1.8;
  }
}

.ai-training_program_day-theme {
  color: #000;
  font-size: 15px;
  line-height: 1.5;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ai-training_program_day-theme {
    font-size: 14px;
    line-height: 1.8;
  }
}

.ai-training_program_step-body {
  margin-top: 6px;
}
@media (min-width: 1200px) {
  .ai-training_program_step-body {
    display: grid;
    flex: 1;
    grid-template-columns: 250px 221px;
    column-gap: 0;
    margin-top: 0;
  }
}

.ai-training_program_step-item {
  position: relative;
  padding-left: 22px;
  color: #000;
  font-size: 14px;
  line-height: 1.6;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ai-training_program_step-item {
    letter-spacing: -0.05em;
  }
}

.ai-training_program_step-item::before {
  content: "";
  position: absolute;
  top: 4.5px;
  left: 0;
  width: 13.268px;
  height: 13.268px;
  border-radius: 50%;
  background: linear-gradient(90deg, #1160ae 0%, #00b2bc 100%);
}

.ai-training_program_summary {
  margin-top: 44px;
}
@media (min-width: 1200px) {
  .ai-training_program_summary {
    margin-top: 15px;
  }
}

.ai-training_program_summary-head {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 1200px) {
  .ai-training_program_summary-head {
    display: block;
    padding-top: 73px;
  }
}

.ai-training_program_summary-title {
  color: #000;
  font-size: 22px;
  line-height: 1.5;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .ai-training_program_summary-title {
    font-size: 26px;
    white-space: nowrap;
  }
}

.ai-training_program_summary-title::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 10px;
  background: linear-gradient(90deg, #1160ae 0%, #00b2bc 100%);
}
@media (min-width: 1200px) {
  .ai-training_program_summary-title::after {
    width: 592px;
  }
}

.ai-training_program_summary-lead {
  order: 1;
  margin-top: 35px;
  color: #000;
  font-size: 15px;
  line-height: 1.6;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ai-training_program_summary-lead {
    order: 0;
    margin-top: 40px;
    font-size: 16px;
  }
}

.ai-training_program_summary-illust {
  width: 242px;
  margin-inline: auto;
}
@media (min-width: 1200px) {
  .ai-training_program_summary-illust {
    position: absolute;
    top: 0;
    right: 40px;
    width: 243px;
    margin: initial;
  }
}

.ai-training_program_summary-illust img {
  display: block;
  width: 100%;
  height: auto;
}

.ai-training_program_targets {
  margin-top: 20px;
  margin-inline: auto;
  max-width: 500px;
}
@media (min-width: 1200px) {
  .ai-training_program_targets {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 581px));
    gap: 30px;
    justify-content: center;
    margin-top: 54px;
    margin-inline: initial;
    max-width: initial;
  }
}

.ai-training_program_target {
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
}
@media (min-width: 1200px) {
  .ai-training_program_target {
    padding: 20px 40px 20px 40.77px;
  }
}

.ai-training_program_target + .ai-training_program_target {
  margin-top: 15px;
}
@media (min-width: 1200px) {
  .ai-training_program_target + .ai-training_program_target {
    margin-top: 0;
  }
}

.ai-training_program_target-title {
  color: #1160ae;
  font-size: 18px;
  line-height: 1.5;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .ai-training_program_target-title {
    font-size: 20px;
    line-height: 2;
  }
}

.ai-training_program_target-text {
  margin-top: 8px;
  color: #000;
  font-size: 15px;
  line-height: 1.6;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ai-training_program_target-text {
    margin-top: 8px;
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  .ai-training_program_target-text--tight {
    letter-spacing: -0.05em;
  }
}

.ai-training_workshop {
  margin-top: 73px;
}
@media (min-width: 769px) {
  .ai-training_workshop {
    margin-top: 100px;
  }
}

.ai-training_workshop_inner {
  width: 100%;
  max-width: 688px;
  margin-inline: auto;
  padding-inline: 20px;
}
@media (min-width: 769px) {
  .ai-training_workshop_inner {
    max-width: 1312px;
  }
}

.ai-training_workshop_title {
  margin-bottom: 24px;
  color: #000;
  font-size: 22px;
  line-height: 1.3;
  word-break: keep-all;
  overflow-wrap: anywhere;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ai-training_workshop_title {
    margin-bottom: 48px;
    font-size: 28px;
    line-height: 1;
  }
}

.ai-training_search {
  margin-block: 64px;
}
@media (min-width: 769px) {
  .ai-training_search {
    margin-block: 63px 100px;
  }
}

.ai-training_search_inner {
  width: 100%;
  max-width: 688px;
  margin-inline: auto;
  padding-inline: 20px;
}
@media (min-width: 769px) {
  .ai-training_search_inner {
    max-width: 1200px;
    padding-inline: 40px;
  }
}

body.ai-training #hs-interactives-modal-overlay {
  max-width: 100%;
}

/*# sourceMappingURL=ai-training.css.map */