@charset "UTF-8";
@media screen and (max-width: 768px) {
  .kv__handshake {
    top: -101px;
  }
}
@media screen and (max-width: 768px) {
  .kv__title {
    padding-top: 81px;
  }
}
.kv__banner {
  background-color: #00B9EF;
}
@media screen and (max-width: 768px) {
  .kv__subtitle {
    color: #00B9EF;
  }
}

.introduction__inner {
  max-width: 596px;
}
.introduction__catch {
  font-size: 26px;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .introduction__catch {
    font-size: 16px;
  }
}

.anchor__list a {
  border-bottom-color: #00B9EF;
}

@media screen and (min-width: 769px) {
  .support__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 110px;
  }
}
@media screen and (max-width: 768px) {
  .support__list {
    margin-bottom: 60px;
  }
}
.support__list > li {
  width: 481px;
}
@media screen and (max-width: 768px) {
  .support__list > li {
    width: 100%;
    margin-bottom: 30px;
  }
}
.support__img {
  display: block;
}
@media screen and (max-width: 768px) {
  .support__img {
    width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-left: 25px;
  }
}
.support__caption {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.15em;
  margin-top: -18px;
  margin-left: -19px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .support__caption {
    position: relative;
    font-size: 14px;
    margin-top: -13px;
    margin-left: -14px;
    margin-bottom: 20px;
  }
}
.support__caption span {
  background-color: #00B9EF;
  display: inline-block;
  padding: 16px 19px 15px;
}
@media screen and (max-width: 768px) {
  .support__caption span {
    padding: 11px 13px 14px;
  }
}
.support__caption--mt {
  margin-top: -10px;
}
.support__text {
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .support__text {
    font-size: 12px;
  }
}

.interview__wrap {
  margin: 43px 0 120px;
}
@media screen and (max-width: 768px) {
  .interview__wrap {
    margin: 3px 0 25px;
  }
}
@media screen and (min-width: 769px) {
  .interview__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 769px) {
  .interview__heading--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 769px) {
  .interview__img {
    width: 615px;
  }
}
@media screen and (max-width: 768px) {
  .interview__img {
    width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.interview__img img {
  display: block;
}
.interview__caption {
  position: relative;
  padding-top: 233px;
}
@media screen and (max-width: 768px) {
  .interview__caption {
    padding-top: 55px;
  }
}
@media screen and (max-width: 768px) {
  .interview__caption--pt115 {
    padding-top: 115px;
  }
  .interview__caption--pt115 .interview__title {
    top: -50px;
  }
}
.interview__title {
  width: 525px;
  height: 230px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.66;
  color: #FFF;
  background-color: #00B9EF;
}
@media screen and (min-width: 769px) {
  .interview__title {
    top: -43px;
    left: -75px;
    padding-left: 90px;
  }
}
@media screen and (max-width: 768px) {
  .interview__title {
    width: 280px;
    height: auto;
    font-size: 18px;
    line-height: 1.9;
    top: -64px;
    right: -25px;
    padding: 15px 0 15px 32px;
  }
}
.interview__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 769px) {
  .interview__profile {
    padding-left: 105px;
  }
}
@media screen and (min-width: 769px) {
  .interview__profile--reverse {
    padding-left: 0;
    padding-right: 102px;
  }
}
@media screen and (min-width: 769px) {
  .interview__company_logo {
    margin-right: 40px;
  }
}
.interview__company_logo--saiko {
  width: 66px;
}
@media screen and (max-width: 768px) {
  .interview__company_logo--saiko {
    width: 50px;
    margin-right: 43px;
    margin-left: 12px;
  }
}
.interview__company_logo--sktrading {
  width: 88px;
}
@media screen and (max-width: 768px) {
  .interview__company_logo--sktrading {
    width: 67px;
    margin-right: 35px;
  }
}
.interview__company_logo--stepsnine {
  width: 83px;
}
@media screen and (max-width: 768px) {
  .interview__company_logo--stepsnine {
    width: 65px;
    margin-right: 35px;
  }
}
.interview__company_logo--skholdings {
  width: 99px;
}
@media screen and (max-width: 768px) {
  .interview__company_logo--skholdings {
    width: 76px;
    margin-right: 31px;
  }
}
.interview__department {
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .interview__department {
    font-size: 14px;
  }
}
.interview__name {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1;
  margin: 20px 0 18px;
}
@media screen and (max-width: 768px) {
  .interview__name {
    font-size: 24px;
    margin: 14px 0 15px;
  }
}
.interview__career {
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .interview__career {
    font-size: 12px;
    line-height: 1.6;
  }
}
.interview__main {
  margin-top: 19px;
}
@media screen and (min-width: 769px) {
  .interview__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 55px;
  }
}
@media screen and (max-width: 768px) {
  .interview__box {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 769px) {
  .interview__box--w435 {
    width: 435px;
  }
  .interview__box--w600 {
    width: 600px;
  }
  .interview__box--w500 {
    width: 500px;
  }
  .interview__box--w525 {
    width: 525px;
  }
}
.interview__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 2;
  color: #00B9EF;
  margin-bottom: 25px;
}
@media screen and (min-width: 769px) {
  .interview__question {
    height: 80px;
  }
}
@media screen and (max-width: 768px) {
  .interview__question {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 10px;
  }
}
.interview__question--icon {
  width: 60px;
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  .interview__question--icon {
    width: 39px;
    margin-right: 10px;
  }
}
.interview__answer {
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 2.28;
}
@media screen and (max-width: 768px) {
  .interview__answer {
    font-size: 12px;
    line-height: 2;
  }
}

.requirements {
  position: relative;
  padding-top: 45px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .requirements {
    padding-top: 32px;
    margin-top: 48px;
  }
}
.requirements__inner {
  padding: 85px 0 80px;
  background-color: rgba(0, 185, 239, 0.2);
}
@media screen and (max-width: 768px) {
  .requirements__inner {
    padding: 46px 10px 34px;
  }
}
.requirements__info {
  max-width: 1065px;
  margin: 0 auto 82px;
}
@media screen and (max-width: 768px) {
  .requirements__info {
    margin: 0 auto 48px;
  }
}
.requirements__info dl {
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
  letter-spacing: 0.06em;
  line-height: 2;
  background-color: #FFF;
  margin-bottom: 10px;
  padding: 32px 52px 32px 40px;
}
@media screen and (min-width: 769px) {
  .requirements__info dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .requirements__info dl {
    padding: 15px;
  }
}
.requirements__info dl dt {
  font-size: 16px;
  font-weight: 700;
  color: #00B9EF;
}
@media screen and (min-width: 769px) {
  .requirements__info dl dt {
    width: 180px;
  }
}
@media screen and (max-width: 768px) {
  .requirements__info dl dt {
    font-size: 12px;
    margin-bottom: 7px;
  }
}
.requirements__info dl dd {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .requirements__info dl dd {
    width: calc(100% - 180px);
  }
}
@media screen and (max-width: 768px) {
  .requirements__info dl dd {
    font-size: 12px;
  }
}
.requirements__mynavi {
  position: relative;
  width: 525px;
  margin: 0 auto 49px;
}
@media screen and (max-width: 768px) {
  .requirements__mynavi {
    width: 325px;
    margin: 0 auto 33px;
  }
}
@media screen and (max-width: 350px) {
  .requirements__mynavi {
    width: 280px;
  }
}
@media screen and (max-width: 768px) {
  .requirements__mynavi img {
    max-width: 100%;
    height: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .requirements__mynavi br + br {
    display: none;
  }
}
.requirements__mynavi--balloon {
  position: absolute;
  width: 310px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -32px;
}
@media screen and (max-width: 768px) {
  .requirements__mynavi--balloon {
    width: 247px;
    top: -29px;
  }
}
.requirements__mynavi a:hover {
  opacity: 1;
}
.requirements__mynavi--btn {
  display: block;
}
.requirements__sns {
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.requirements__sns--balloon {
  width: 378px;
  margin-bottom: 27px;
}
@media screen and (max-width: 768px) {
  .requirements__sns--balloon {
    width: 272px;
    margin-bottom: 12px;
  }
}
.requirements__sns--icon {
  width: 50px;
}

/********2022022追記**********/
.introduction__catch {
  line-height: 70px;
}

.new_grad .anchor__list a {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 40px;
  height: 144px;
}

.requirements__mynavi.top_mynavi {
  margin-top: 112px;
}
.requirements__mynavi.top_mynavi .inst_ball {
  position: absolute;
  right: -210px;
  top: -100px;
  width: 210px;
  height: auto;
}
.requirements__mynavi.top_mynavi .inst_ball:hover {
  opacity: 0.7;
}

.diagnose_chart p {
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 26px;
}
.diagnose_chart--item {
  padding: 33px 35px 40px;
  background-color: #FFF;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 55px;
  position: relative;
}
.diagnose_chart--item.chart_item00, .diagnose_chart--item.chart_item01 {
  width: 56.61%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .diagnose_chart--item.chart_item00, .diagnose_chart--item.chart_item01 {
    width: 100%;
  }
}
.diagnose_chart--item.chart_item00::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 20px solid #00B9EF;
  border-bottom: 27px solid #00B9EF;
  bottom: -27px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.diagnose_chart--item.chart_item00::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 30px solid #00B9EF;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom: -55px;
}
.diagnose_chart--item.chart_item02 {
  width: 46%;
}
.diagnose_chart--item.chart_item02 .chart_flexbox .chart_box.chart_blue::before {
  left: 30%;
  border-bottom: 637px solid;
  bottom: -677px;
}
.diagnose_chart--item.chart_item02 .chart_flexbox .chart_box.chart_blue::after {
  left: 30%;
  bottom: -703px;
}
.diagnose_chart--item.chart_item03 {
  width: 49.29%;
}
.diagnose_chart--item.chart_item03 .chart_flexbox .chart_box.chart_blue::before {
  border-left: 27px solid;
  border-bottom: 20px solid;
  left: -62px;
  bottom: auto;
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
}
.diagnose_chart--item.chart_item03 .chart_flexbox .chart_box.chart_blue::after {
  left: 30%;
  bottom: -731px;
  border-left: 30px solid transparent;
  border-right: 30px solid;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  bottom: auto;
  left: -85px;
}
.diagnose_chart--item.chart_item03 .chart_flexbox .chart_box.chart_pink::before {
  transform: rotate(45deg);
  left: -72px;
  bottom: -77px;
}
.diagnose_chart--item.chart_item03 .chart_flexbox .chart_box.chart_pink::after {
  transform: rotate(45deg);
  left: -104px;
}
.diagnose_chart--item.chart_item04 {
  width: 49.29%;
  margin-left: 16.9%;
}
.diagnose_chart--item.chart_item04 .chart_flexbox .chart_box.chart_pink::before {
  left: 30%;
  border-bottom: 340px solid;
  bottom: -380px;
}
.diagnose_chart--item.chart_item04 .chart_flexbox .chart_box.chart_pink::after {
  left: 30%;
  bottom: -398px;
}
.diagnose_chart--item.chart_item05 {
  width: 71.26%;
  margin-right: 0;
  margin-left: auto;
}
.diagnose_chart--item.chart_item05 .chart_flexbox .chart_box {
  width: 220px;
}
.diagnose_chart--item .chart_qtext {
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.diagnose_chart--item .chart_flexbox {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.diagnose_chart--item .chart_flexbox .chart_box {
  width: 48.24%;
  border-radius: 20px;
  min-height: 120px;
  line-height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  margin-top: 30px;
  position: relative;
}
.diagnose_chart--item .chart_flexbox .chart_box::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 20px solid;
  border-bottom: 27px solid;
  bottom: -67px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.diagnose_chart--item .chart_flexbox .chart_box::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 30px solid;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom: -95px;
}
.diagnose_chart--item .chart_flexbox .chart_blue {
  background-color: #00B9EF;
}
.diagnose_chart--item .chart_flexbox .chart_blue::before, .diagnose_chart--item .chart_flexbox .chart_blue::after {
  color: #00B9EF;
}
.diagnose_chart--item .chart_flexbox .chart_pink {
  background-color: #EB6EA5;
}
.diagnose_chart--item .chart_flexbox .chart_pink::before, .diagnose_chart--item .chart_flexbox .chart_pink::after {
  color: #EB6EA5;
}
.diagnose_chart--item .chart_flexbox .chart_green {
  background-color: #45B035;
}
.diagnose_chart--item .chart_flexbox .chart_green::before, .diagnose_chart--item .chart_flexbox .chart_green::after {
  color: #45B035;
}
.diagnose_chart--item .chart_flexbox .chart_orange {
  background-color: #D98000;
}
.diagnose_chart--item .chart_flexbox .chart_orange::before, .diagnose_chart--item .chart_flexbox .chart_orange::after {
  color: #D98000;
}
.diagnose_chart--item.chart_item01 .chart_flexbox .chart_box {
  border-radius: 30px;
  min-height: 60px;
}
.diagnose_chart--item .chart_qtext img {
  height: 22.56px;
  width: auto;
  margin-right: 14px;
}
.diagnose_chart--item .chart_qtext .start_title {
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.diagnose_chart--flexbox {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.diagnose_chart .result {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 87px;
}
.diagnose_chart .result__item {
  width: 23.94%;
  background-color: #FFF;
  border: 3px solid;
  padding: 28px 18px;
  border-radius: 10px;
  position: relative;
}
.diagnose_chart .result__item > p {
  font-size: 14px;
  line-height: 24px;
  height: 116px;
  letter-spacing: 0;
}
.diagnose_chart .result__item > p.result_strong {
  text-align: center;
  margin-top: 21px;
  height: auto;
  font-size: 20px;
  letter-spacing: 0.06em;
  line-height: 30px;
  white-space: nowrap;
}
.diagnose_chart .result__item .result__type {
  position: absolute;
  top: -3px;
  left: -3px;
  padding: 0 16px;
  border-radius: 5px 0 10px 0;
}
.diagnose_chart .result__item .result__type img {
  height: 13.39px;
  width: auto;
}
.diagnose_chart .result__item .result__logo {
  text-align: center;
  margin-bottom: 16px;
}
.diagnose_chart .result__item .result__logo img {
  height: 70px;
  width: auto;
}
.diagnose_chart .result__typeA {
  border-color: #00B9EF !important;
}
.diagnose_chart .result__typeA .result__type {
  background-color: #00B9EF;
}
.diagnose_chart .result__typeA p.result_strong {
  color: #00B9EF;
}
.diagnose_chart .result__typeB {
  border-color: #EB6EA5 !important;
}
.diagnose_chart .result__typeB .result__type {
  background-color: #EB6EA5;
}
.diagnose_chart .result__typeB p.result_strong {
  color: #EB6EA5;
}
.diagnose_chart .result__typeC {
  border-color: #45B035 !important;
}
.diagnose_chart .result__typeC .result__type {
  background-color: #45B035;
}
.diagnose_chart .result__typeC p.result_strong {
  color: #45B035;
}
.diagnose_chart .result__typeD {
  border-color: #D98000 !important;
}
.diagnose_chart .result__typeD .result__type {
  background-color: #D98000;
}
.diagnose_chart .result__typeD p.result_strong {
  margin-left: -8px;
  color: #D98000;
}

.work {
  margin-bottom: 106px;
  margin-top: 72px;
}
.work .sec__title {
  margin-bottom: -15px;
}
.work p {
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 2;
  font-size: 14px;
}
.work p.bosyu_text {
  font-size: 16px;
}
.work_box {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: flex-start;
  margin-top: 100px;
  margin-bottom: 65px;
}
.work_box__img {
  position: absolute;
  width: 435px;
  height: auto;
}
.work_box__img.img_right {
  right: 0;
}
.work_box__img.img_left {
  left: 0;
}
.work_box__main {
  width: 49.29%;
}
.work_box__main h3 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 26px;
  margin-bottom: 40px;
  letter-spacing: 0.14em;
  white-space: nowrap;
}
.work_box__main h3 img {
  margin-right: 30px;
  height: auto;
}
.work_box__main h3 img.icon_skholdings {
  width: 98.91px;
}
.work_box__main h3 img.icon_saiko {
  width: 66.74px;
}
.work_box__main h3 img.icon_stepsnine {
  width: 82.88px;
}
.work_box__main h3 img.icon_sktrading {
  width: 88.49px;
}
.work_box__main .check_icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #00B9EF;
  position: relative;
  padding-left: 40px;
  font-size: 20px;
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 2;
  margin: 40px auto 20px;
}
.work_box__main .check_icon::before {
  content: "";
  background-image: url(../media/images/recruitment/new_grad/icon_check.svg);
  background-size: contain;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
}
.work_box__inner {
  width: 42.62%;
  margin-top: 240px;
  margin-right: 34px;
  height: 100%;
  padding: 90px 53px 62px;
  background-color: rgba(0, 185, 239, 0.2);
  text-align: center;
}
.work_box__inner.right_box {
  margin-right: 34px;
}
.work_box__inner.left_box {
  margin-left: 34px;
}
.work_box__inner img {
  width: 275.51px;
  height: auto;
}
.work_box__inner h4 {
  font-size: 20px;
  color: #00B9EF;
  line-height: 2;
  margin-top: 10px;
  margin-bottom: 24px;
  white-space: nowrap;
  font-weight: 700;
}
.work_box__inner p {
  text-align: left;
}
.work .button {
  width: 100%;
  max-width: 400px;
  height: 60px;
  border-radius: 30px;
}

.accordion-area {
  list-style: none;
  /*	width: 96%;
  max-width: 900px;*/
  margin: 0;
}

.accordion-area li {
  margin: 10px 0;
}

.accordion-area section {
  border: 1px solid #ccc;
}

/*アコーディオンタイトル*/
.accordion-area p {
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 2;
}
.accordion-area li {
  padding: 54px 165px 68px 180px;
  margin: 18px 0 92px;
  background-color: #FFF;
  border: 2px solid;
  border-radius: 0 10px 10px 10px;
  position: relative;
}
.accordion-area li:last-child {
  margin-bottom: 0;
}
.accordion-area li .story_number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 121px;
  height: 39px;
  background-color: #000;
  border-radius: 10px 10px 0 0;
  position: absolute;
  top: -39px;
  left: -2px;
}
.accordion-area li .story_number img {
  height: 17px;
  width: auto;
}
.accordion-area li .accordion-area__title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 30px;
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
  line-height: 50px;
  font-weight: 600;
  letter-spacing: 0.06em;
  cursor: pointer;
  transition: all 0.5s ease;
  transition: 0.2s;
  width: calc(100% + 130px);
}
.accordion-area li .accordion-area__title:before, .accordion-area li .accordion-area__title:after {
  position: absolute;
  content: "";
  width: 22px;
  height: 2px;
  background-color: #000;
  right: 54px;
  top: 77px;
}
.accordion-area li .accordion-area__title:before {
  transform: rotate(0deg);
  transition: 0.2s;
}
.accordion-area li .accordion-area__title:after {
  transform: rotate(90deg);
  transition: 0.2s;
}
.accordion-area li .accordion-area__title.close:before {
  transform: rotate(45deg);
}
.accordion-area li .accordion-area__title.close:after {
  transform: rotate(-45deg);
}
.accordion-area li .accordion-area__title img {
  height: 70px;
  width: auto;
  margin-right: 50px;
}
.accordion-area li .accordion-area__box {
  display: none;
  margin-top: 42px;
}
.accordion-area li .accordion-area__box h5 {
  font-size: 20px;
  margin-top: 40px;
  font-weight: 700;
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
}
.accordion-area li .accordion-area__box p {
  margin-top: 20px;
}
.accordion-area li .accordion-area__box p.last_text {
  margin-top: 32px;
}
.accordion-area li .accordion-area__box p.bosyu_text {
  font-size: 16px;
}

.requirements__inner.bg_gray {
  background-color: #F5F3F0;
  padding-bottom: 100px;
}

.training p {
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 2;
  text-align: left;
}
.training .training_box {
  background-color: #FFF;
  border-radius: 10px;
  padding: 60px 90px 80px;
  margin-bottom: 32px;
}
.training .training_box h4 {
  text-align: center;
  font-size: 40px;
  letter-spacing: 0.15em;
  margin-bottom: 60px;
}
.training .training_box h4 img {
  display: block;
  margin: 20px auto;
  height: 16px;
  width: auto;
}
.training .training_box--text {
  max-width: 615px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.training .training_box .training__flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.training .training_box .training__flex--item {
  width: 49%;
  text-align: center;
}
.training .training_box .training__flex--item.text-box p {
  margin-bottom: 32px;
}
.training .training_box .training__flex--item .history_title {
  background-color: #00B9EF;
  display: inline-block;
  padding: 0 33px;
  border-radius: 20px;
  color: #FFF;
}
.training .training_box .training__flex--item .history_img01 {
  width: 58%;
  height: auto;
  margin-top: 18px;
}
.training .training_box .training__flex--item .history_img02 {
  width: 72.81%;
  height: auto;
}
.training .training_box .training__flex--item .history_img03 {
  width: 74.65%;
  height: auto;
}
.training .training_box .training__flex--item .training_history {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
.training .training_box .training__flex--item .training_history.training--last .training_history--item.training--right {
  height: 90px;
  margin-top: -10px;
}
.training .training_box .training__flex--item .training_history--item {
  width: 50%;
}
.training .training_box .training__flex--item .training_history--item.training--right {
  border-left: 3px solid;
  height: 160px;
}
.training .training_box .training__flex--item .training_history--item.training--right p {
  margin-left: 30px;
}
.training .training_box .training__flex--item .training_history--item.training--right p:before {
  content: "";
  position: absolute;
  top: 10px;
  left: -39px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #00B9EF;
}
.training .training_box .training__flex--item .training_history--item.training--left p {
  margin-right: 30px;
  text-align: right;
}
.training .training_box .training__flex--item .training_history--item.training--left p:before {
  content: "";
  position: absolute;
  top: 10px;
  right: -39px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #00B9EF;
}
.training .training_box .training__flex--item .training_history--item p {
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-top: 23px;
  position: relative;
}
.training .training_box .training__flex--item .training_history--item p span {
  display: block;
  font-size: 20px;
  color: #00B9EF;
  margin-top: -6px;
}
.training .training_parson {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 62px;
}
.training .training_parson--item {
  width: 44.18%;
}
.training .training_parson--item:first-child {
  margin-right: 3.3%;
}
.training .training_parson--item .training_parson--main {
  background-color: rgba(0, 185, 239, 0.2);
  height: 267px;
  padding: 40px 43px;
  border-radius: 10px;
  position: relative;
  font-weight: 700;
}
.training .training_parson--item .training_parson--main:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 30px solid;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom: -30px;
  color: rgba(0, 185, 239, 0.2);
}
.training .training_parson--item .training_parson--img {
  text-align: center;
  margin-top: 40px;
  position: relative;
}
.training .training_parson--item .training_parson--img img {
  width: auto;
  height: 80px;
}
.training .training_parson--item .training_parson--img p {
  position: absolute;
  top: 17px;
  right: 48px;
  letter-spacing: 0.12em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "MS PGothic", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
}

.requirements {
  margin-top: -20px;
}
.requirements__howtowork {
  max-width: 1065px;
  margin: 0 auto 82px;
  padding: 80px 90px 68px;
  background-color: #FFF;
  border: 2px solid;
  border-radius: 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .requirements__howtowork {
    margin: 0 auto 48px;
  }
}
.requirements .howtowork {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.requirements .howtowork__item {
  width: 44.13%;
  text-align: center;
}
.requirements .howtowork__item h4 img {
  height: 32px;
  max-width: 100%;
  width: auto;
  margin-bottom: 16px;
}
.requirements .howtowork__item h4 span {
  display: block;
  letter-spacing: 0.12em;
}
.requirements .howtowork__item .requirements__iconbox {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  margin: 12px auto 30px;
  max-width: 380px;
}
.requirements .howtowork__item .requirements__iconbox img {
  height: 94px;
  width: auto;
  margin: 18px 24px 0 0;
}
.requirements .howtowork__item .requirements__iconbox img:last-child {
  margin-right: 0;
}
.requirements .howtowork__item .requirements__iconbox img:nth-child(3n) {
  margin-right: 0;
}
.requirements .button--white.button--arrow {
  width: 206px;
}
.requirements .button--white.button--arrow:after {
  position: absolute;
  right: 21px;
  background-image: url(../media/images/common/icon_arrow_hover.svg);
}
.requirements .button--white.button--arrow:hover::after {
  background-image: url(../media/images/common/icon_arrow.svg);
}

.br_sp {
  display: none;
}

.chart-arrow {
  display: none;
}

.sp_inst {
  display: none;
}

@media screen and (max-width: 768px) {
  .br_sp {
    display: block;
  }

  .pc_br {
    display: none;
  }

  .sec__title--ja {
    font-size: 14px;
  }

  .introduction__catch {
    line-height: 40px;
  }

  .kv__subtitle {
    font-size: 20px;
    line-height: 40px;
  }

  .requirements__mynavi.top_mynavi {
    margin-top: 60px;
  }

  .sp_inst {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    font-size: 12px;
    color: #FFF;
    background-color: #00B9EF;
    border-radius: 70px;
    margin-top: 24px;
  }
  .sp_inst > img {
    width: 23px;
    height: 23px;
    margin-right: 18px;
  }

  .anchor {
    margin-top: 40px;
  }

  .chart-arrow {
    display: block;
    position: absolute;
    background-color: #000;
    font-size: 12px;
    width: 47px;
    right: -60px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 22px;
  }
  .chart-arrow:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -4px;
    right: -13px;
    border-left: 13px solid #000;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
  }
  .chart-arrow.chart-arrow__typeA, .chart-arrow.chart-arrow__typeB, .chart-arrow.chart-arrow__typeC, .chart-arrow.chart-arrow__typeD {
    padding-left: 4px;
    height: 30px;
    vertical-align: baseline;
  }
  .chart-arrow.chart-arrow__typeA span, .chart-arrow.chart-arrow__typeB span, .chart-arrow.chart-arrow__typeC span, .chart-arrow.chart-arrow__typeD span {
    font-size: 18px;
    margin-top: -3px;
  }
  .chart-arrow.chart-arrow__typeA:before, .chart-arrow.chart-arrow__typeB:before, .chart-arrow.chart-arrow__typeC:before, .chart-arrow.chart-arrow__typeD:before {
    border-bottom: 21px solid transparent;
    border-top: 21px solid transparent;
    top: -6px;
  }
  .chart-arrow.chart-arrow__typeA {
    background-color: #00B9EF;
  }
  .chart-arrow.chart-arrow__typeA:before {
    border-left: 13px solid #00B9EF;
  }
  .chart-arrow.chart-arrow__typeB {
    background-color: #EB6EA5;
  }
  .chart-arrow.chart-arrow__typeB:before {
    border-left: 13px solid #EB6EA5;
  }
  .chart-arrow.chart-arrow__typeC {
    background-color: #45B035;
  }
  .chart-arrow.chart-arrow__typeC:before {
    border-left: 13px solid #45B035;
  }
  .chart-arrow.chart-arrow__typeD {
    background-color: #D98000;
  }
  .chart-arrow.chart-arrow__typeD:before {
    border-left: 13px solid #D98000;
  }

  .new_grad .anchor__list a {
    line-height: 20px;
    height: 72px;
  }

  .requirements__mynavi.top_mynavi .inst_ball {
    display: none;
  }

  .contents_diagnose {
    padding: 0 15px;
  }

  .diagnose_chart .result__item .result__type {
    top: -2px;
    left: -2px;
  }
  .diagnose_chart p {
    font-size: 14px;
  }
  .diagnose_chart--flexbox {
    display: block;
  }
  .diagnose_chart--item {
    padding: 15px 25px;
    width: 100%;
    margin-bottom: 10px;
  }
  .diagnose_chart--item .chart_qtext {
    justify-content: flex-start;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
  }
  .diagnose_chart--item.chart_item00 {
    margin-bottom: 28px;
  }
  .diagnose_chart--item.chart_item00 .chart_qtext {
    justify-content: center;
  }
  .diagnose_chart--item.chart_item00::before {
    border-left: 10px solid #000;
    border-bottom: 14px solid #000;
    bottom: -14px;
  }
  .diagnose_chart--item.chart_item00::after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #000;
    bottom: -28px;
  }
  .diagnose_chart--item.chart_item01 .chart_flexbox .chart_box {
    min-height: 50px;
  }
  .diagnose_chart--item.chart_item02 {
    width: 100%;
  }
  .diagnose_chart--item.chart_item03 {
    width: 100%;
  }
  .diagnose_chart--item.chart_item04 {
    width: 100%;
    margin-left: 0;
  }
  .diagnose_chart--item.chart_item05 {
    width: 100%;
    margin-left: 0;
  }
  .diagnose_chart--item.chart_item05 .chart_flexbox .chart_box {
    width: calc(100% - 40px);
    position: relative;
    margin-top: 5px;
  }
  .diagnose_chart--item .chart_qtext .start_title {
    top: -12px;
  }
  .diagnose_chart--item .chart_qtext img {
    height: 16px;
  }
  .diagnose_chart--item .chart_flexbox {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: 12px;
  }
  .diagnose_chart--item .chart_flexbox .chart_box {
    width: calc(100% - 40px);
    min-height: 50px;
    border-radius: 50px;
    margin-top: 5px;
  }
  .diagnose_chart--item .chart_flexbox .chart_box::before, .diagnose_chart--item .chart_flexbox .chart_box::after {
    display: none;
  }
  .diagnose_chart--item .chart_flexbox .chart_box p {
    font-size: 12px;
    line-height: 18px;
  }
}
@media screen and (max-width: 768px) and (max-width: 350px) {
  .diagnose_chart--item .chart_flexbox .chart_box p {
    font-size: 10px;
  }
}
@media screen and (max-width: 768px) {
  .diagnose_chart--item .chart_order01 {
    order: 1;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 1;
  }
}
@media screen and (max-width: 768px) {
  .diagnose_chart--item .chart_order02 {
    order: 2;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 2;
  }
}
@media screen and (max-width: 768px) {
  .diagnose_chart .result {
    display: block;
    margin-top: 16px;
  }
  .diagnose_chart .result__item {
    width: 100%;
    margin-bottom: 14px;
    padding: 30px 30px 20px;
    border: 2px solid;
  }
  .diagnose_chart .result__item > p {
    height: auto;
    font-size: 12px;
    margin-bottom: 12px;
  }
  .diagnose_chart .result__item p.result_strong {
    margin: 0;
    font-size: 16px;
    letter-spacing: 0;
    position: relative;
    width: 100vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .diagnose_chart .result__item p.result_strong br {
    display: none;
  }
}
@media screen and (max-width: 768px) and (max-width: 350px) {
  .diagnose_chart .result__item p.result_strong br {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .work {
    margin-top: 26px;
    margin-bottom: 49px;
  }
  .work p {
    font-size: 12px;
  }
  .work p.bosyu_text {
    font-size: 14px;
  }
  .work .button {
    max-width: 265px;
    height: 50px;
  }
}
@media screen and (max-width: 768px) {
  .work_box {
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-top: 40px;
  }
  .work_box__img {
    position: static;
    height: auto;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
  .work_box__main {
    width: 100%;
  }
  .work_box__main h3 {
    display: block;
    text-align: center;
    font-size: 20px;
    width: 100vw;
    margin: 0 calc(50% - 50vw) 24px;
  }
  .work_box__main h3 img {
    display: block;
    margin: 20px auto;
    width: auto !important;
    height: 70px;
  }
  .work_box__main .check_icon {
    margin-top: 20px;
    margin-bottom: 14px;
    font-size: 16px;
    padding-left: 30px;
  }
  .work_box__main .check_icon::before {
    width: 20px;
    height: 20px;
  }
  .work_box__inner {
    width: 100%;
    padding: 36px 20px 32px;
    position: relative;
    width: calc(100% + 20px);
    margin-top: 42px;
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .work_box__inner.right_box {
    margin-right: 0;
  }
  .work_box__inner.left_box {
    margin-left: 0;
  }
  .work_box__inner h4 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 0;
    white-space: normal;
  }
  .work_box__inner img {
    height: 42px;
    width: auto;
    position: absolute;
    top: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .work_box .order_01 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .work_box .order_02 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  .contets_width {
    padding: 0 5px;
  }
}
@media screen and (max-width: 768px) {
  .accordion-area {
    margin-top: 37px;
  }
  .accordion-area p {
    font-size: 12px;
  }
  .accordion-area li {
    padding: 25px 20px 30px;
    border: 1px solid;
    margin-bottom: 50px;
  }
  .accordion-area li:last-child {
    margin-bottom: 0;
  }
  .accordion-area li .story_number {
    width: 97px;
    height: 31px;
    top: -31px;
    left: -1px;
  }
  .accordion-area li .story_number img {
    height: 14px;
  }
  .accordion-area li .accordion-area__title {
    display: block;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    width: 100%;
  }
  .accordion-area li .accordion-area__title img {
    margin: 0;
    height: 60px;
    display: block;
    margin: 0 auto 20px auto;
  }
  .accordion-area li .accordion-area__title:before, .accordion-area li .accordion-area__title:after {
    top: 36px;
    right: 31px;
  }
  .accordion-area li .accordion-area__box {
    margin-top: 35px;
  }
  .accordion-area li .accordion-area__box h5 {
    font-size: 14px;
    margin-top: 40px;
    line-height: 24px;
  }
  .accordion-area li .accordion-area__box p {
    margin-top: 16px;
  }
  .accordion-area li .accordion-area__box p.last_text {
    margin-top: 24px;
  }
  .accordion-area li .accordion-area__box p.bosyu_text {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .training .training_box .training__flex--item .training_history:last-child .training_history--item.training--left {
    height: 60px;
  }
  .training .training_box .training__flex--item .training_history.training--last .training_history--item.training--right {
    height: 60px;
    margin-top: 0;
  }
  .training .training_box .training__flex--item .training_history--item.training--right, .training .training_box .training__flex--item .training_history--item.training--left {
    height: 120px;
  }
  .training .training_box .training__flex--item .training_history--item.training--right .history_img01, .training .training_box .training__flex--item .training_history--item.training--left .history_img01 {
    max-width: 102px;
  }
  .training .training_box .training__flex--item .training_history--item.training--right .history_img02, .training .training_box .training__flex--item .training_history--item.training--left .history_img02 {
    max-width: 127px;
  }
  .training .training_box .training__flex--item .training_history--item.training--right .history_img03, .training .training_box .training__flex--item .training_history--item.training--left .history_img03 {
    max-width: 131px;
  }
  .training .training_box .training__flex--item .training_history--item.training--right p:before, .training .training_box .training__flex--item .training_history--item.training--left p:before {
    width: 12px;
    height: 12px;
  }
  .training .training_box .training__flex--item .training_history--item.training--right p {
    margin-left: 26px;
  }
  .training .training_box .training__flex--item .training_history--item.training--right p:before {
    left: -34px;
  }
  .training .training_box .training__flex--item .training_history--item.training--left p {
    margin-right: 26px;
  }
  .training .training_box .training__flex--item .training_history--item.training--left p:before {
    right: -34px;
  }
  .training p {
    font-size: 12px;
  }
  .training .training_box {
    padding: 40px 15px 26px;
  }
  .training .training_box h4 {
    font-size: 20px;
    margin-bottom: 32px;
  }
  .training .training_box h4 img {
    height: 10px;
    width: auto;
    margin-top: 10px;
  }
  .training .training_box .training__flex {
    display: block;
  }
  .training .training_box .training__flex--item {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .training .training_box .training__flex--item:last-child {
    padding: 0;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }
  .training .training_box .training__flex--item .training_history--item p {
    font-size: 12px;
  }
  .training .training_box .training__flex--item .training_history--item p span {
    font-size: 15px;
    line-height: 24px;
    margin-top: 0;
  }
  .training .training_parson {
    display: block;
    margin-top: 36px;
  }
  .training .training_parson--item {
    width: 100%;
  }
  .training .training_parson--item:first-child {
    margin-right: 0;
    margin-bottom: 14px;
  }
  .training .training_parson--item .training_parson--main {
    padding: 24px 25px;
    height: auto;
  }
  .training .training_parson--item .training_parson--img p {
    right: auto;
    left: calc(50% + 80px);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    white-space: nowrap;
  }
}
@media screen and (max-width: 768px) {
  .requirements__howtowork {
    padding: 42px 22px 0;
  }
}
@media screen and (max-width: 768px) {
  .requirements .howtowork {
    display: block;
  }
  .requirements .howtowork__item {
    width: 100%;
    margin-bottom: 40px;
  }
  .requirements .howtowork__item .requirements__iconbox {
    margin-bottom: 26px;
  }
  .requirements .howtowork__item .requirements__iconbox img {
    width: 20.8%;
    height: auto;
    max-width: 83px;
    margin: 18px 10% 0 0;
  }
  .requirements .howtowork__item .requirements__iconbox img :nth-child(3n) {
    margin-right: auto;
  }
  .requirements .howtowork__item h4 span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .requirements__mynavi--balloon {
    width: auto;
    height: 38px;
    top: -19px;
  }
}
@media screen and (max-width: 768px) {
  .requirements__inner.bg_gray {
    padding-bottom: 53px;
  }
}
@media screen and (max-width: 768px) {
  .sec__title--balloon {
    width: auto;
    height: 38px;
  }
}
@media screen and (max-width: 768px) {
  .sec__title--en img {
    height: 26px;
  }
}
/*20230215追加*/
.recruit_event {
  background-color: #F5F3F0;
  padding: 49px 25px 43px;
}
@media screen and (max-width: 768px) {
  .recruit_event {
    padding: 35px 25px 30px;
  }
}
.recruit_event .sec__title {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .recruit_event .sec__title {
    margin-bottom: 28px;
  }
}
.recruit_event .sec__title--balloon {
  width: 310px;
}
@media screen and (max-width: 768px) {
  .recruit_event .sec__title--balloon {
    width: 188px;
  }
}
.recruit_event .sec__title--en {
  margin: 16px 0 0;
}
@media screen and (max-width: 768px) {
  .recruit_event .sec__title--en {
    margin: 13px 0 0;
  }
}
.recruit_event .article {
  background-color: #FFF;
  border-radius: 10px;
  padding: 50px 82px 40px 73px;
  margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
  .recruit_event .article {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .recruit_event .article {
    padding: 34px 26px 30px 26px;
    margin-bottom: 18px;
  }
}
.recruit_event .article__balloon {
  max-width: 310px;
  margin: 0 auto -7px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article__balloon {
    max-width: 188px;
  }
}
.recruit_event .article__eventlink {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 30px 55px;
  margin: 10px auto 50px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .recruit_event .article__eventlink {
    flex-direction: column;
    align-items: center;
    margin-top: 4px;
    gap: 20px;
    margin-bottom: 40px;
  }
}
.recruit_event .article__eventlink-head {
  font-weight: bold;
  color: #00B9EF;
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article__eventlink-head {
    margin-bottom: 11px;
    font-size: 10px;
  }
}
.recruit_event .article__eventlink .button {
  max-width: 206px;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .recruit_event .article__eventlink .button {
    max-width: 209px;
    height: 36px;
    line-height: 36px;
  }
}
.recruit_event .article__eventlink .button::after {
  content: "";
  background-image: url("../media/images/common/icon_arrow_hover.svg");
  background-size: contain;
  width: 17px;
  height: 17px;
  position: absolute;
  right: 17px;
  transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
  .recruit_event .article__eventlink .button::after {
    width: 15px;
    height: 15px;
    right: 10px;
  }
}
.recruit_event .article__eventlink .button:hover::after {
  background-image: url("../media/images/common/icon_arrow.svg");
}
.recruit_event .article.oneCol {
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
  padding: 50px 73px 50px 73px;
}
@media screen and (min-width: 769px) {
  .recruit_event .article.oneCol {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol {
    padding: 24px 33px 30px 33px;
  }
}
.recruit_event .article.oneCol.kikakuryoku .article__voice-item:nth-child(1) img {
  max-width: 60px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol.kikakuryoku .article__voice-item:nth-child(1) img {
    max-width: 40px;
  }
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol.kikakuryoku .article__voice-item:nth-child(1) span {
    margin: -8px 0 0;
  }
}
.recruit_event .article.oneCol.kikakuryoku .article__title .sub::before {
  left: calc(50% - 102px);
}
.recruit_event .article.oneCol.kikakuryoku .article__title .sub::after {
  left: calc(50% + 102px);
}
.recruit_event .article.oneCol .inner_wrap {
  max-width: 783px;
  margin: 0 auto;
}
.recruit_event .article.oneCol .article__intro {
  margin: auto;
  max-width: 460px;
  width: 100%;
}
.recruit_event .article.oneCol .article__title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "MS PGothic", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, sans-serif;
  margin-bottom: 20px;
  font-size: 36px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__title {
    font-size: 24px;
    margin-bottom: 13px;
  }
}
.recruit_event .article.oneCol .article__title .sub {
  font-size: 14px;
  margin: 0 0 19px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__title .sub {
    position: relative;
    font-size: 12px;
    line-height: 1.75;
    margin: 0 0 12px;
  }
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__title .sub::before {
    content: "";
    background-image: url("../media/images/recruitment/new_grad/line_diagonal.svg");
    background-size: contain;
    width: 14px;
    height: 38px;
    position: absolute;
    top: 4px;
    left: calc(50% - 82px);
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__title .sub::after {
    content: "";
    background-image: url("../media/images/recruitment/new_grad/line_diagonal.svg");
    background-size: contain;
    width: 14px;
    height: 38px;
    position: absolute;
    top: 4px;
    left: calc(50% + 82px);
    transform: translateX(-50%) scale(-1, 1);
  }
}
.recruit_event .article.oneCol .article__comment {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  letter-spacing: 0.06em;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__comment {
    font-size: 14px;
  }
}
.recruit_event .article.oneCol .article__comment .blue {
  color: #00B9EF;
}
.recruit_event .article.oneCol .article__intro .button {
  font-size: 18px;
  margin: 22px auto 50px;
  width: 286px;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
}
.recruit_event .article.oneCol .article__intro .button::after {
  background-image: url("../media/images/common/icon_open_hover.svg");
}
@media screen and (min-width: 769px) {
  .recruit_event .article.oneCol .article__intro .button:hover::after {
    background-image: url("../media/images/common/icon_open.svg");
  }
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__intro .button {
    margin: 13px auto 25px;
    font-size: 15px;
    max-width: 265px;
    width: 100%;
    height: 50px;
    line-height: 50px;
  }
}
.recruit_event .article.oneCol .article__info {
  width: 100%;
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__info {
    margin-top: 25px;
  }
}
.recruit_event .article.oneCol .article__info dl {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  border-top: 1px solid #000;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__info dl {
    flex-direction: column;
    font-size: 12px;
  }
}
.recruit_event .article.oneCol .article__info dl dt {
  width: 160px;
  border-bottom: 1px solid #000;
  padding: 18px 20px 23px;
  font-weight: bold;
  margin: 0;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__info dl dt {
    padding: 11px 0 0;
    width: 100%;
    border-bottom: none;
  }
}
.recruit_event .article.oneCol .article__info dl dd {
  width: calc(100% - 160px);
  border-bottom: 1px solid #000;
  padding: 18px 0 23px;
  margin: 0;
  line-height: 2;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__info dl dd {
    padding: 5px 0 11px;
    width: 100%;
  }
}
.recruit_event .article.oneCol .article__info dl dd .sup {
  display: block;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__info dl dd .sup {
    font-size: 11px;
  }
}
.recruit_event .article.oneCol .article__info dl dd .sub {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__info dl dd .sub {
    font-size: 11px;
  }
}
.recruit_event .article.oneCol .article__info-links {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin: 20px 0 0;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__info-links {
    margin: 7px 0 0;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
  }
}
.recruit_event .article.oneCol .article__info-link {
  max-width: 194px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__info-link {
    margin: auto;
  }
}
.recruit_event .article.oneCol .article__info-link .button {
  width: 100%;
  max-width: 194px;
  line-height: 50px;
  height: 50px;
  font-size: 15px;
  padding-right: 10px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__info-link .button {
    padding-right: 5px;
  }
}
.recruit_event .article.oneCol .article__info-link .button::after {
  right: 15px;
  width: 18px;
  height: 18px;
}
.recruit_event .article.oneCol .article__voice {
  margin: 40px 0 0;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__voice {
    margin: 20px 0 0;
  }
}
.recruit_event .article.oneCol .article__voice-head {
  padding-left: 20px;
  margin: 0 0 25px;
  letter-spacing: 0.06em;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__voice-head {
    font-size: 12px;
    padding-left: 0;
  }
}
.recruit_event .article.oneCol .article__voice-items {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__voice-items {
    flex-direction: column;
  }
}
.recruit_event .article.oneCol .article__voice-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__voice-item {
    flex-direction: column;
  }
}
.recruit_event .article.oneCol .article__voice-item .article__voice-user {
  min-width: 75px;
  letter-spacing: 0.15em;
  text-align: center;
  position: relative;
}
.recruit_event .article.oneCol .article__voice-item .article__voice-user img {
  margin-bottom: 0;
  max-width: 70px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__voice-item .article__voice-user img {
    max-width: 44px;
  }
}
.recruit_event .article.oneCol .article__voice-item .article__voice-user span {
  font-weight: bold;
  line-height: 1.875;
  display: block;
  margin: 10px 0 0;
  margin-right: -0.15em;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__voice-item .article__voice-user span {
    font-size: 12px;
    text-align: left;
    width: 60px;
    position: absolute;
    top: 0;
    left: calc(100% + -7px);
    line-height: 1.6666666667;
  }
}
.recruit_event .article.oneCol .article__voice-item .article__voice-balloon {
  background: #F5F3F0;
  padding: 40px 40px;
  position: relative;
  border-radius: 10px;
  font-weight: 500;
  min-width: 278px;
  min-height: 233px;
  line-height: 2;
  letter-spacing: 0.06em;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__voice-item .article__voice-balloon {
    font-size: 12px;
    min-height: 0;
    min-width: 0;
    width: 100%;
    padding: 21px 30px;
    line-height: 1.6666666667;
  }
}
.recruit_event .article.oneCol .article__voice-item .article__voice-balloon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #F5F3F0;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.oneCol .article__voice-item .article__voice-balloon::after {
    top: calc(100% + 15px);
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
}
.recruit_event .article.oneCol .article__voice-item .article__voice-balloon p {
  margin: 0;
}
.recruit_event .article.oneCol + .notice {
  margin-top: -10px;
}
.recruit_event .article.oneCol + .notice .notice__indent {
  padding-left: 0;
  text-indent: 0;
}
.recruit_event .article__event-img {
  max-width: 587px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article__event-img {
    padding: 0 6px;
    margin: 0 auto 19px;
  }
}
.recruit_event .article__event-img img {
  display: block;
}
.recruit_event .article.open_skg .article__title {
  margin-bottom: 44px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article.open_skg .article__title {
    margin-bottom: 26px;
  }
}
@media screen and (min-width: 769px) {
  .recruit_event .article__intro {
    width: 382px;
  }
}
@media screen and (max-width: 768px) {
  .recruit_event .article__intro {
    margin-bottom: 26px;
  }
}
.recruit_event .article__title {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 22px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article__title {
    font-size: 20px;
    margin-bottom: 27px;
  }
}
.recruit_event .article__title .sub {
  font-size: 16px;
  color: #00B9EF;
  display: block;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article__title .sub {
    font-size: 14px;
    margin-bottom: 8px;
  }
}
.recruit_event .article__photo {
  margin-bottom: 5px;
}
.recruit_event .article__comment {
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 2.285;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .recruit_event .article__comment {
    font-size: 12px;
    line-height: 2;
  }
}
.recruit_event .article__info {
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
}
@media screen and (min-width: 769px) {
  .recruit_event .article__info {
    width: 432px;
  }
}
.recruit_event .article__info dl {
  font-size: 14px;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .recruit_event .article__info dl {
    font-size: 12px;
  }
}
.recruit_event .article__info dt {
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
}
.recruit_event .article__info dd {
  font-weight: 500;
  line-height: 2.285;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article__info dd {
    line-height: 2;
  }
}
.recruit_event .article__info dd table {
  border-collapse: collapse;
  border-bottom: 1px solid #707070;
  width: 421px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article__info dd table {
    width: 100%;
    margin-bottom: 30px;
  }
}
.recruit_event .article__info dd table tr {
  border-top: 1px solid #707070;
}
.recruit_event .article__info dd table th {
  background-color: #E8EBEE;
  font-weight: 500;
  width: 220px;
  text-align: left;
  padding-left: 12px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article__info dd table th {
    display: block;
    width: 100%;
    padding-left: 10px;
  }
}
@media screen and (max-width: 768px) {
  .recruit_event .article__info dd table td {
    display: block;
    border-top: 1px solid #707070;
    padding-left: 10px;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .recruit_event .article__info dd table td.pc_display {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .recruit_event .article__info dd table td.sp_display {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .recruit_event .article__info dd table td.sp_display {
    display: block;
  }
}
.recruit_event .article__info .button {
  width: 282px;
  height: 60px;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .recruit_event .article__info .button {
    width: 100%;
    height: 50px;
  }
}
.recruit_event .notice {
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 2.285;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .recruit_event .notice {
    font-size: 12px;
    line-height: 2;
  }
}
.recruit_event .notice__indent {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}

/*20230215追加ここまで*/

/*# sourceMappingURL=new_grad_2202.css.map */