@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Marcellus&display=swap");
.p-secSkills {
  background: #F5F8F8;
}
@media screen and (min-width: 769px) {
  .p-secSkills {
    padding-top: 160px;
  }
}
@media screen and (max-width: 768px) {
  .p-secSkills {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .p-secSkills_cnt1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (min-width: 769px) {
  .p-secSkills_cnt1 ._title {
    -ms-flex-preferred-size: 43.75%;
        flex-basis: 43.75%;
  }
}
@media screen and (min-width: 769px) {
  .p-secSkills_cnt1 ._txt {
    -ms-flex-preferred-size: 56.25%;
        flex-basis: 56.25%;
    padding-left: 4.6875%;
  }
}
.p-secSkills_cnt2 {
  margin-top: 110px;
  position: relative;
}
.p-secSkills_cnt2::before {
  content: "";
  display: block;
  top: 0;
  bottom: 0;
  background: #fff;
  position: absolute;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .p-secSkills_cnt2::before {
    left: -40px;
    right: -40px;
    border-radius: 5px;
  }
}
@media screen and (max-width: 768px) {
  .p-secSkills_cnt2::before {
    left: -5.3333333333vw;
    right: -5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-secSkills_cnt2 {
    margin-top: 16vw;
  }
}
@media screen and (min-width: 769px) {
  .p-secSkills_cnt2 ._img {
    padding: 6.640625%;
  }
}
@media screen and (max-width: 768px) {
  .p-secSkills_cnt2 ._img {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}

.p-secFirstStep {
  border-top: 1px solid #DCE2E3;
  background: #F5F8F8;
}
@media screen and (min-width: 769px) {
  .p-secFirstStep_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 769px) {
  .p-secFirstStep_title {
    -ms-flex-preferred-size: 43.75%;
        flex-basis: 43.75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.p-secFirstStep_title ._img {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-secFirstStep_title ._img {
    width: 63.0357142857%;
    border-radius: 5px;
  }
}
@media screen and (max-width: 768px) {
  .p-secFirstStep_title ._img {
    margin-bottom: 10.6666666667vw;
    border-radius: 1.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-secFirstStep_cnt1 {
    -ms-flex-preferred-size: 56.25%;
        flex-basis: 56.25%;
    padding-left: 4.6875%;
    border-left: 1px solid #DCE2E3;
  }
}
@media screen and (min-width: 769px) {
  .p-secFirstStep_cnt1 .c-txtStyle2 {
    margin-top: 100px;
    margin-top: 80px;
  }
}
@media screen and (min-width: 769px) {
  .p-secFirstStep_cnt1 .c-titleStyle5 {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .p-secFirstStep_cnt1 .c-titleStyle5 {
    margin-top: 13.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-secFirstStep {
    border-top: none;
  }
}

.p-secSecondStep {
  border-top: 1px solid #DCE2E3;
  background: #F5F8F8;
}
@media screen and (min-width: 769px) {
  .p-secSecondStep_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 769px) {
  .p-secSecondStep_title {
    -ms-flex-preferred-size: 43.75%;
        flex-basis: 43.75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.p-secSecondStep_title ._img {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-secSecondStep_title ._img {
    width: 63.0357142857%;
    border-radius: 5px;
  }
}
@media screen and (max-width: 768px) {
  .p-secSecondStep_title ._img {
    margin-bottom: 10.6666666667vw;
    border-radius: 1.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-secSecondStep_cnt1 {
    -ms-flex-preferred-size: 56.25%;
        flex-basis: 56.25%;
    padding-left: 4.6875%;
    border-left: 1px solid #DCE2E3;
  }
}
@media screen and (min-width: 769px) {
  .p-secSecondStep_cnt1 .c-txtStyle2 {
    margin-top: 100px;
    margin-top: 80px;
  }
}
@media screen and (min-width: 769px) {
  .p-secSecondStep_cnt1 .c-titleStyle5 {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .p-secSecondStep_cnt1 .c-titleStyle5 {
    margin-top: 13.3333333333vw;
  }
}

.p-secSkillMap {
  background: #F5F8F8;
}
@media screen and (min-width: 769px) {
  .p-secSkillMap {
    padding-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-secSkillMap {
    background: #fff;
  }
}
@media screen and (min-width: 769px) {
  .p-secSkillMap_cnt1 {
    padding-top: 6.25%;
    padding-bottom: 6.25%;
  }
  .p-secSkillMap_cnt1::before {
    content: "";
    display: block;
    top: 0;
    bottom: 0;
    background: #fff;
    position: absolute;
    z-index: -1;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .p-secSkillMap_cnt1::before {
    left: -40px;
    right: -40px;
    border-radius: 5px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .p-secSkillMap_cnt1::before {
    left: -5.3333333333vw;
    right: -5.3333333333vw;
  }
}
.p-secSkillMap_cnt1 .c-titleStyle4 {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-secSkillMap_cnt1 .c-titleStyle4 {
    margin-bottom: 10.6666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-secSkillMap_cnt1 ._img {
    padding-left: 3.6764705882%;
    padding-right: 3.6764705882%;
  }
}
@media screen and (max-width: 768px) {
  .p-secSkillMap_cnt1 ._img {
    overflow-x: scroll;
    padding-bottom: 8vw;
  }
  .p-secSkillMap_cnt1 ._img::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  .p-secSkillMap_cnt1 ._img::-webkit-scrollbar-track {
    background: #e9eeef;
  }
  .p-secSkillMap_cnt1 ._img::-webkit-scrollbar-thumb {
    background: #355662;
    border-radius: 50px;
  }
  .p-secSkillMap_cnt1 ._img img {
    width: 202.1333333333vw;
    max-width: 10000px;
  }
}/*# sourceMappingURL=training.css.map */