@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-secMessage {
  background: #F5F8F8;
}
@media screen and (min-width: 769px) {
  .p-secMessage {
    padding-top: 160px;
  }
}
@media screen and (max-width: 768px) {
  .p-secMessage {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .p-secMessage_cnt1 {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 769px) {
  .p-secMessage_cnt1 ._title {
    flex-basis: 43.75%;
  }
}
@media screen and (min-width: 769px) {
  .p-secMessage_cnt1 ._txt {
    flex-basis: 56.25%;
    padding-left: 4.6875%;
  }
}
.p-secMessage_cnt2 {
  margin-top: 110px;
  position: relative;
}
.p-secMessage_cnt2::before {
  content: "";
  display: block;
  top: 0;
  bottom: 0;
  background: #fff;
  position: absolute;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .p-secMessage_cnt2::before {
    left: -40px;
    right: -40px;
    border-radius: 5px;
  }
}
@media screen and (max-width: 768px) {
  .p-secMessage_cnt2::before {
    left: -5.3333333333vw;
    right: -5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-secMessage_cnt2 {
    margin-top: 16vw;
  }
}
@media screen and (min-width: 769px) {
  .p-secMessage_cnt2 ._img {
    padding: 6.640625%;
  }
}
@media screen and (max-width: 768px) {
  .p-secMessage_cnt2 ._img {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}

.p-secSkills {
  background: #F5F8F8;
}
@media screen and (min-width: 769px) {
  .p-secSkills {
    padding-top: 160px;
  }
}
@media screen and (min-width: 769px) {
  .p-secSkills_cnt1 {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 769px) {
  .p-secSkills_cnt1 ._title {
    flex-basis: 43.75%;
  }
}
@media screen and (min-width: 769px) {
  .p-secSkills_cnt1 ._txt {
    flex-basis: 56.25%;
    padding-left: 4.6875%;
  }
}

.p-secFirstStep {
  border-top: 1px solid #DCE2E3;
  background: #F5F8F8;
}
@media screen and (min-width: 769px) {
  .p-secFirstStep_in {
    display: flex;
  }
}
@media screen and (min-width: 769px) {
  .p-secFirstStep_title {
    flex-basis: 43.75%;
    display: flex;
    flex-direction: column;
    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 {
    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: flex;
  }
}
@media screen and (min-width: 769px) {
  .p-secSecondStep_title {
    flex-basis: 43.75%;
    display: flex;
    flex-direction: column;
    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 {
    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;
  }
}

.p-secTraining {
  border-top: 1px solid #DCE2E3;
  background: #F5F8F8;
}
@media screen and (min-width: 769px) {
  .p-secTraining_in {
    display: flex;
  }
}
@media screen and (min-width: 769px) {
  .p-secTraining_title {
    flex-basis: 43.75%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.p-secTraining_title ._img {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-secTraining_title ._img {
    width: 63.0357142857%;
    border-radius: 5px;
  }
}
@media screen and (max-width: 768px) {
  .p-secTraining_title ._img {
    margin-bottom: 10.6666666667vw;
    border-radius: 1.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-secTraining_cnt1 {
    flex-basis: 56.25%;
    padding-left: 4.6875%;
    border-left: 1px solid #DCE2E3;
  }
}
@media screen and (min-width: 769px) {
  .p-secTraining_cnt1 .c-txtStyle2 {
    margin-top: 100px;
    margin-top: 80px;
  }
}
@media screen and (min-width: 769px) {
  .p-secTraining_cnt1 .c-titleStyle5 {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .p-secTraining_cnt1 .c-titleStyle5 {
    margin-top: 13.3333333333vw;
  }
}

.p-secCarrerUp {
  border-top: 1px solid #DCE2E3;
  background: #F5F8F8;
}
@media screen and (min-width: 769px) {
  .p-secCarrerUp_in {
    display: flex;
  }
}
@media screen and (min-width: 769px) {
  .p-secCarrerUp_title {
    flex-basis: 43.75%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.p-secCarrerUp_title ._img {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-secCarrerUp_title ._img {
    width: 63.0357142857%;
    border-radius: 5px;
  }
}
@media screen and (max-width: 768px) {
  .p-secCarrerUp_title ._img {
    margin-bottom: 10.6666666667vw;
    border-radius: 1.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-secCarrerUp_cnt1 {
    flex-basis: 56.25%;
    padding-left: 4.6875%;
    border-left: 1px solid #DCE2E3;
  }
}
@media screen and (min-width: 769px) {
  .p-secCarrerUp_cnt1 .c-txtStyle2 {
    margin-top: 100px;
    margin-top: 80px;
  }
}
@media screen and (min-width: 769px) {
  .p-secCarrerUp_cnt1 .c-titleStyle5 {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .p-secCarrerUp_cnt1 .c-titleStyle5 {
    margin-top: 13.3333333333vw;
  }
}

.p-secChoice {
  border-top: 1px solid #DCE2E3;
  background: #F5F8F8;
}
@media screen and (min-width: 769px) {
  .p-secChoice_in {
    display: flex;
  }
}
@media screen and (min-width: 769px) {
  .p-secChoice_title {
    flex-basis: 43.75%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.p-secChoice_title ._img {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-secChoice_title ._img {
    width: 63.0357142857%;
    border-radius: 5px;
  }
}
@media screen and (max-width: 768px) {
  .p-secChoice_title ._img {
    margin-bottom: 10.6666666667vw;
    border-radius: 1.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-secChoice_cnt1 {
    flex-basis: 56.25%;
    padding-left: 4.6875%;
    border-left: 1px solid #DCE2E3;
  }
}
@media screen and (min-width: 769px) {
  .p-secChoice_cnt1 .c-txtStyle2 {
    margin-top: 100px;
    margin-top: 80px;
  }
}
@media screen and (min-width: 769px) {
  .p-secChoice_cnt1 .c-titleStyle5 {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .p-secChoice_cnt1 .c-titleStyle5 {
    margin-top: 13.3333333333vw;
  }
}

.p-secEvaluation {
  border-top: 1px solid #DCE2E3;
  background: #F5F8F8;
}
@media screen and (min-width: 769px) {
  .p-secEvaluation_in {
    display: flex;
  }
}
@media screen and (min-width: 769px) {
  .p-secEvaluation_title {
    flex-basis: 43.75%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.p-secEvaluation_title ._img {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-secEvaluation_title ._img {
    width: 63.0357142857%;
    border-radius: 5px;
  }
}
@media screen and (max-width: 768px) {
  .p-secEvaluation_title ._img {
    margin-bottom: 10.6666666667vw;
    border-radius: 1.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-secEvaluation_cnt1 {
    flex-basis: 56.25%;
    padding-left: 4.6875%;
    border-left: 1px solid #DCE2E3;
  }
}
@media screen and (min-width: 769px) {
  .p-secEvaluation_cnt1 .c-txtStyle2 {
    margin-top: 100px;
    margin-top: 80px;
  }
}
@media screen and (min-width: 769px) {
  .p-secEvaluation_cnt1 .c-titleStyle5 {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .p-secEvaluation_cnt1 .c-titleStyle5 {
    margin-top: 13.3333333333vw;
  }
}

.p-secVoice {
  border-top: 1px solid #DCE2E3;
  background: #F5F8F8;
}
@media screen and (min-width: 769px) {
  .p-secVoice_in {
    display: flex;
  }
}
@media screen and (min-width: 769px) {
  .p-secVoice_title {
    flex-basis: 43.75%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.p-secVoice_title ._img {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-secVoice_title ._img {
    width: 63.0357142857%;
    border-radius: 5px;
  }
}
@media screen and (max-width: 768px) {
  .p-secVoice_title ._img {
    margin-bottom: 10.6666666667vw;
    border-radius: 1.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-secVoice_cnt1 {
    flex-basis: 56.25%;
    padding-left: 4.6875%;
    border-left: 1px solid #DCE2E3;
  }
}
@media screen and (min-width: 769px) {
  .p-secVoice_cnt1 .c-txtStyle2 {
    margin-top: 100px;
    margin-top: 80px;
  }
}
@media screen and (min-width: 769px) {
  .p-secVoice_cnt1 .c-titleStyle5 {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .p-secVoice_cnt1 .c-titleStyle5 {
    margin-top: 13.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-secVoice_cnt1 > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1120px;
    margin: -80px auto 0;
  }
}
@media screen and (min-width: 769px) {
  .p-secVoice_cnt1 > ul > li {
    flex-basis: 46.4285714286%;
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .p-secVoice_cnt1 > ul > li + li {
    margin-top: 9.3333333333vw;
  }
}
.p-secVoice_cnt1 > ul > li > a {
  position: relative;
  display: block;
  text-decoration: none;
}
.p-secVoice_cnt1 > ul > li > a ._img {
  border-radius: 5px;
  overflow: hidden;
  aspect-ratio: 520/320;
}
@media screen and (max-width: 768px) {
  .p-secVoice_cnt1 > ul > li > a ._img {
    border-radius: 1.3333333333vw;
    aspect-ratio: 334/240;
  }
}
.p-secVoice_cnt1 > ul > li > a ._img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 769px) {
  .p-secVoice_cnt1 > ul > li > a ._txt .c-copyStyle3 {
    margin-top: 25px;
    font-size: clamp(20px * 0.8, 1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .p-secVoice_cnt1 > ul > li > a ._txt .c-copyStyle3 {
    margin-top: 6.6666666667vw;
  }
}
.p-secVoice_cnt1 > ul > li > a ._txt ._name {
  margin-top: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .p-secVoice_cnt1 > ul > li > a ._txt ._name {
    font-size: clamp(14px * 0.8, 0.9722222222vw, 14px);
  }
}
@media screen and (max-width: 768px) {
  .p-secVoice_cnt1 > ul > li > a ._txt ._name {
    margin-top: 4vw;
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-secVoice_cnt1 > ul > li > a ._txt .c-readMore {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-secVoice_cnt1 > ul > li > a ._txt .c-readMore {
    margin-top: 5.3333333333vw;
  }
}/*# sourceMappingURL=training.css.map */