@charset "UTF-8";
/* 追加設定
----------------------------------------------- */
/* 就職サポート
----------------------------------------------- */
/* line 7, finding-employment.scss */
article.finding-employment {
  /* 資格・検定 就職・編入学をしっかりサポート */
}
/* line 10, finding-employment.scss */
article.finding-employment .message {
  background: url(../images/finding-employment/message_bg.png) no-repeat top center;
  background-size: cover;
  padding: 80px 0;
}
@media screen and (max-width: 767px) {
  /* line 10, finding-employment.scss */
  article.finding-employment .message {
    padding: 30px 0;
  }
}
/* line 18, finding-employment.scss */
article.finding-employment .message .wrapper {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 60px 95px 70px;
}
@media screen and (max-width: 767px) {
  /* line 18, finding-employment.scss */
  article.finding-employment .message .wrapper {
    padding: 30px 30px;
  }
}
/* line 26, finding-employment.scss */
article.finding-employment .message .wrapper .message-title {
  position: relative;
  font-size: 38px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
  /* line 26, finding-employment.scss */
  article.finding-employment .message .wrapper .message-title {
    font-size: 22px;
    line-height: 1.7;
    margin-bottom: 50px;
  }
}
/* line 38, finding-employment.scss */
article.finding-employment .message .wrapper .message-title:before {
  content: '';
  position: absolute;
  bottom: -30px;
  display: inline-block;
  width: 40px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #cccccc;
}
@media screen and (max-width: 767px) {
  /* line 38, finding-employment.scss */
  article.finding-employment .message .wrapper .message-title:before {
    bottom: -25px;
    width: 20px;
  }
}
/* line 55, finding-employment.scss */
article.finding-employment .message .wrapper .message-title span.red {
  font-size: 52px;
  color: #e56359;
}
@media screen and (max-width: 767px) {
  /* line 55, finding-employment.scss */
  article.finding-employment .message .wrapper .message-title span.red {
    font-size: 27px;
  }
}
/* line 63, finding-employment.scss */
article.finding-employment .message .wrapper .message-title span.blue {
  font-size: 52px;
  color: #25b7c0;
}
@media screen and (max-width: 767px) {
  /* line 63, finding-employment.scss */
  article.finding-employment .message .wrapper .message-title span.blue {
    font-size: 27px;
  }
}
/* line 72, finding-employment.scss */
article.finding-employment .message .wrapper .message-text {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  /* line 72, finding-employment.scss */
  article.finding-employment .message .wrapper .message-text {
    display: block;
  }
}
/* line 80, finding-employment.scss */
article.finding-employment .message .wrapper .message-text p {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.9;
  margin-right: 3%;
}
@media screen and (max-width: 767px) {
  /* line 80, finding-employment.scss */
  article.finding-employment .message .wrapper .message-text p {
    font-size: 14px;
    line-height: 2.0;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  /* line 92, finding-employment.scss */
  article.finding-employment .message .wrapper .message-text img {
    width: 45%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
}
/* line 107, finding-employment.scss */
article.finding-employment .support-title {
  font-size: 40px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  background: #083c63;
  padding: 40px 0;
  margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
  /* line 107, finding-employment.scss */
  article.finding-employment .support-title {
    font-size: 22px;
    padding: 25px 15px;
    margin-bottom: 25px;
  }
}
/* line 124, finding-employment.scss */
article.finding-employment .qualification {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  /* line 124, finding-employment.scss */
  article.finding-employment .qualification {
    margin-bottom: 50px;
  }
}
/* line 130, finding-employment.scss */
article.finding-employment .qualification .points {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  /* line 130, finding-employment.scss */
  article.finding-employment .qualification .points {
    margin-bottom: 45px;
  }
}
/* line 136, finding-employment.scss */
article.finding-employment .qualification .points .title {
  text-align: center;
}
@media screen and (max-width: 767px) {
  /* line 138, finding-employment.scss */
  article.finding-employment .qualification .points .title img {
    width: 60%;
  }
}
/* line 145, finding-employment.scss */
article.finding-employment .qualification .points ul {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
@media screen and (max-width: 767px) {
  /* line 145, finding-employment.scss */
  article.finding-employment .qualification .points ul {
    display: block;
  }
}
/* line 153, finding-employment.scss */
article.finding-employment .qualification .points ul li {
  width: 31%;
  background: #fff4da;
}
@media screen and (max-width: 767px) {
  /* line 153, finding-employment.scss */
  article.finding-employment .qualification .points ul li {
    width: 100%;
    margin-bottom: 20px;
  }
  /* line 159, finding-employment.scss */
  article.finding-employment .qualification .points ul li:last-child {
    margin-bottom: 0;
  }
}
/* line 164, finding-employment.scss */
article.finding-employment .qualification .points ul li .number {
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  color: #fff000;
  letter-spacing: 0.05em;
  background: #e56359;
  padding: 2px 15px;
}
/* line 171, finding-employment.scss */
article.finding-employment .qualification .points ul li .number span {
  font-size: 28px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  /* line 164, finding-employment.scss */
  article.finding-employment .qualification .points ul li .number {
    font-size: 16px;
  }
  /* line 177, finding-employment.scss */
  article.finding-employment .qualification .points ul li .number span {
    font-size: 24px;
  }
}
/* line 183, finding-employment.scss */
article.finding-employment .qualification .points ul li .wrapper {
  padding: 30px;
}
@media screen and (max-width: 767px) {
  /* line 183, finding-employment.scss */
  article.finding-employment .qualification .points ul li .wrapper {
    padding: 25px 25px 35px;
  }
}
/* line 189, finding-employment.scss */
article.finding-employment .qualification .points ul li .wrapper .index {
  font-size: 26px;
  font-weight: bold;
  color: #e56359;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  /* line 189, finding-employment.scss */
  article.finding-employment .qualification .points ul li .wrapper .index {
    font-size: 22px;
  }
}
/* line 208, finding-employment.scss */
article.finding-employment .qualification .qualification-list .qualification-list_title {
  font-size: 20px;
  color: #e56359;
  border-bottom: solid 1px #e56359;
  padding-bottom: 10px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  /* line 208, finding-employment.scss */
  article.finding-employment .qualification .qualification-list .qualification-list_title {
    font-size: 18px;
    margin-bottom: 25px;
  }
}
/* line 220, finding-employment.scss */
article.finding-employment .qualification .qualification-list .scrolling {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  /* line 220, finding-employment.scss */
  article.finding-employment .qualification .qualification-list .scrolling {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 0 10px 20px 10px;
    margin-bottom: 15px;
  }
  /* line 228, finding-employment.scss */
  article.finding-employment .qualification .qualification-list .scrolling img {
    width: 150%;
    height: auto;
    max-width: none;
  }
}
/* line 236, finding-employment.scss */
article.finding-employment .qualification .qualification-list .note {
  margin-bottom: 50px;
}
/* line 238, finding-employment.scss */
article.finding-employment .qualification .qualification-list .note:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  /* line 236, finding-employment.scss */
  article.finding-employment .qualification .qualification-list .note {
    margin-bottom: 35px;
  }
}
/* line 245, finding-employment.scss */
article.finding-employment .qualification .qualification-list .note .note-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  /* line 245, finding-employment.scss */
  article.finding-employment .qualification .qualification-list .note .note-title {
    font-size: 14px;
  }
}
/* line 253, finding-employment.scss */
article.finding-employment .qualification .qualification-list .note .score {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  /* line 253, finding-employment.scss */
  article.finding-employment .qualification .qualification-list .note .score {
    margin-top: 25px;
  }
}
/* line 259, finding-employment.scss */
article.finding-employment .qualification .qualification-list .note .score .score-title {
  font-size: 18px;
  color: #e56359;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  /* line 259, finding-employment.scss */
  article.finding-employment .qualification .qualification-list .note .score .score-title {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
/* line 279, finding-employment.scss */
article.finding-employment .work .block {
  margin-bottom: 70px;
}
/* line 281, finding-employment.scss */
article.finding-employment .work .block:first-child {
  border-bottom: dotted 3px #9fa0a0;
  padding-bottom: 70px;
}
@media screen and (max-width: 767px) {
  /* line 279, finding-employment.scss */
  article.finding-employment .work .block {
    margin-bottom: 40px;
  }
  /* line 287, finding-employment.scss */
  article.finding-employment .work .block:first-child {
    padding-bottom: 40px;
  }
}
/* line 292, finding-employment.scss */
article.finding-employment .work .block .title_wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  /* line 292, finding-employment.scss */
  article.finding-employment .work .block .title_wrapper {
    display: block;
    margin-bottom: 40px;
  }
}
/* line 303, finding-employment.scss */
article.finding-employment .work .block .title_wrapper .text {
  margin-right: 6%;
}
@media screen and (max-width: 767px) {
  /* line 303, finding-employment.scss */
  article.finding-employment .work .block .title_wrapper .text {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
/* line 310, finding-employment.scss */
article.finding-employment .work .block .title_wrapper .text .block-title {
  color: #25b7c0;
  font-weight: bold;
  margin-bottom: 10px;
}
/* line 314, finding-employment.scss */
article.finding-employment .work .block .title_wrapper .text .block-title .en {
  letter-spacing: 0.06em;
}
/* line 317, finding-employment.scss */
article.finding-employment .work .block .title_wrapper .text .block-title .jp {
  font-size: 40px;
}
/* line 319, finding-employment.scss */
article.finding-employment .work .block .title_wrapper .text .block-title .jp span {
  font-size: 64px;
}
@media screen and (max-width: 767px) {
  /* line 317, finding-employment.scss */
  article.finding-employment .work .block .title_wrapper .text .block-title .jp {
    font-size: 22px;
  }
  /* line 324, finding-employment.scss */
  article.finding-employment .work .block .title_wrapper .text .block-title .jp span {
    font-size: 40px;
  }
}
/* line 330, finding-employment.scss */
article.finding-employment .work .block .title_wrapper .text p {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  /* line 330, finding-employment.scss */
  article.finding-employment .work .block .title_wrapper .text p {
    font-size: 14px;
  }
}
/* line 342, finding-employment.scss */
article.finding-employment .work .block .flow {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
  /* line 342, finding-employment.scss */
  article.finding-employment .work .block .flow {
    margin-bottom: 30px;
  }
}
/* line 351, finding-employment.scss */
article.finding-employment .work .block .flow li {
  width: 23%;
  border: solid 1px #ade0ee;
  position: relative;
  margin-right: 26px;
  margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
  /* line 351, finding-employment.scss */
  article.finding-employment .work .block .flow li {
    width: 47.2%;
    margin-right: 5.5%;
    margin-bottom: 25px;
  }
}
/* line 363, finding-employment.scss */
article.finding-employment .work .block .flow li:after {
  content: '';
  display: block;
  position: absolute;
  top: 100px;
  left: 129px;
  width: 100%;
  height: 20px;
  background: url(../images/finding-employment/flow_arrow.png) no-repeat 50% 50%;
  /*矢印画像*/
}
@media screen and (max-width: 767px) {
  /* line 363, finding-employment.scss */
  article.finding-employment .work .block .flow li:after {
    top: 50%;
    left: 56.5%;
  }
}
/* line 378, finding-employment.scss */
article.finding-employment .work .block .flow li:nth-child(4n) {
  margin-right: 0;
}
/* line 380, finding-employment.scss */
article.finding-employment .work .block .flow li:nth-child(4n):after {
  display: none;
}
@media screen and (max-width: 767px) {
  /* line 384, finding-employment.scss */
  article.finding-employment .work .block .flow li:nth-child(even) {
    margin-right: 0;
  }
  /* line 387, finding-employment.scss */
  article.finding-employment .work .block .flow li:nth-child(even):after {
    display: none;
  }
}
/* line 393, finding-employment.scss */
article.finding-employment .work .block .flow li .title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  background: #ade0ee;
}
@media screen and (max-width: 767px) {
  /* line 393, finding-employment.scss */
  article.finding-employment .work .block .flow li .title {
    font-size: 16px;
  }
}
/* line 403, finding-employment.scss */
article.finding-employment .work .block .flow li .text {
  background: #ffffff;
  padding: 15px 20px 30px;
}
@media screen and (max-width: 767px) {
  /* line 403, finding-employment.scss */
  article.finding-employment .work .block .flow li .text {
    padding: 15px 15px 20px;
  }
}
/* line 411, finding-employment.scss */
article.finding-employment .work .block .flow li .image02 {
  position: absolute;
  right: 5px;
  bottom: -80px;
}
@media screen and (max-width: 767px) {
  /* line 411, finding-employment.scss */
  article.finding-employment .work .block .flow li .image02 {
    bottom: -90px;
  }
}
/* line 421, finding-employment.scss */
article.finding-employment .work .block .flow li.graduate {
  display: flex;
  justify-content: center;
  background: #ffffff;
  border: solid 4px #e2335b;
  margin-right: 0;
}
/* line 427, finding-employment.scss */
article.finding-employment .work .block .flow li.graduate:after {
  display: none;
}
/* line 430, finding-employment.scss */
article.finding-employment .work .block .flow li.graduate .text {
  font-size: 22px;
  color: #e2335b;
  font-weight: bold;
  text-align: center;
  align-self: center;
}
@media screen and (max-width: 767px) {
  /* line 430, finding-employment.scss */
  article.finding-employment .work .block .flow li.graduate .text {
    font-size: 18px;
  }
}
/* line 442, finding-employment.scss */
article.finding-employment .work .block .flow .img01 {
  position: relative;
}
/* line 444, finding-employment.scss */
article.finding-employment .work .block .flow .img01 img {
  position: absolute;
  right: 5px;
  bottom: -35px;
}
@media screen and (max-width: 767px) {
  /* line 442, finding-employment.scss */
  article.finding-employment .work .block .flow .img01 {
    margin-bottom: 100px;
  }
  /* line 451, finding-employment.scss */
  article.finding-employment .work .block .flow .img01 img {
    bottom: -85px;
  }
}
/* line 456, finding-employment.scss */
article.finding-employment .work .block .flow .img02 {
  position: relative;
}
/* line 458, finding-employment.scss */
article.finding-employment .work .block .flow .img02 img {
  position: absolute;
  right: 5px;
  bottom: -80px;
}
@media screen and (max-width: 767px) {
  /* line 456, finding-employment.scss */
  article.finding-employment .work .block .flow .img02 {
    margin-bottom: 100px;
  }
  /* line 465, finding-employment.scss */
  article.finding-employment .work .block .flow .img02 img {
    bottom: -85px;
  }
}
/* line 472, finding-employment.scss */
article.finding-employment .work .block .ad_mb {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  /* line 472, finding-employment.scss */
  article.finding-employment .work .block .ad_mb {
    margin-bottom: 20px;
  }
}
/* line 479, finding-employment.scss */
article.finding-employment .work .block .achievement {
  background: #fffce3;
}
/* line 482, finding-employment.scss */
article.finding-employment .work .block .achievement .title_area {
  background: url(../images/finding-employment/achievement_title_arrow.png) no-repeat bottom center;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  /* line 482, finding-employment.scss */
  article.finding-employment .work .block .achievement .title_area {
    padding-bottom: 20px;
  }
}
/* line 489, finding-employment.scss */
article.finding-employment .work .block .achievement .title_area .title {
  font-size: 22px;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
  background: #00afcc;
  padding: 20px 15px 0;
}
@media screen and (max-width: 767px) {
  /* line 489, finding-employment.scss */
  article.finding-employment .work .block .achievement .title_area .title {
    font-size: 18px;
    padding: 15px 15px 0;
  }
}
/* line 503, finding-employment.scss */
article.finding-employment .work .block .achievement .text {
  padding: 30px 30px 35px;
}
@media screen and (max-width: 767px) {
  /* line 503, finding-employment.scss */
  article.finding-employment .work .block .achievement .text {
    padding: 20px 20px 20px;
  }
}
/* line 509, finding-employment.scss */
article.finding-employment .work .block .achievement .text .group {
  margin-bottom: 20px;
}
/* line 511, finding-employment.scss */
article.finding-employment .work .block .achievement .text .group:last-child {
  margin-bottom: 0;
}
/* line 516, finding-employment.scss */
article.finding-employment .work .block .achievement .text .group .index {
  border-bottom: solid 1px;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
/* line 521, finding-employment.scss */
article.finding-employment .work .block .achievement .text .group ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
/* line 525, finding-employment.scss */
article.finding-employment .work .block .achievement .text .group ul li {
  position: relative;
  padding-left: 15px;
  margin-right: 30px;
  margin-bottom: 10px;
}
/* line 530, finding-employment.scss */
article.finding-employment .work .block .achievement .text .group ul li:before {
  content: "";
  position: absolute;
  top: 0.55em;
  left: 0;
  width: 7px;
  height: 7px;
  background-color: #1b1b1b;
  border-radius: 50%;
}
/* line 547, finding-employment.scss */
article.finding-employment .work .block .voice {
  color: #ffffff;
  background: #ab924e;
  border-radius: 8px;
  padding: 50px 60px;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  /* line 547, finding-employment.scss */
  article.finding-employment .work .block .voice {
    padding: 30px 20px;
    margin-top: 35px;
  }
}
/* line 558, finding-employment.scss */
article.finding-employment .work .block .voice .voice_title {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  /* line 558, finding-employment.scss */
  article.finding-employment .work .block .voice .voice_title {
    margin-bottom: 25px;
  }
}
/* line 565, finding-employment.scss */
article.finding-employment .work .block .voice .voice_title .en {
  margin-bottom: 10px;
}
/* line 569, finding-employment.scss */
article.finding-employment .work .block .voice .voice_title .title {
  font-size: 18px;
  color: #f4e511;
  font-weight: normal;
}
/* line 573, finding-employment.scss */
article.finding-employment .work .block .voice .voice_title .title span {
  font-size: 32px;
}
@media screen and (max-width: 767px) {
  /* line 569, finding-employment.scss */
  article.finding-employment .work .block .voice .voice_title .title {
    font-size: 16px;
  }
  /* line 578, finding-employment.scss */
  article.finding-employment .work .block .voice .voice_title .title span {
    font-size: 26px;
  }
}
/* line 585, finding-employment.scss */
article.finding-employment .work .block .voice .wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  /* line 585, finding-employment.scss */
  article.finding-employment .work .block .voice .wrapper {
    display: block;
  }
}
/* line 593, finding-employment.scss */
article.finding-employment .work .block .voice .wrapper .text {
  width: 56%;
}
@media screen and (max-width: 767px) {
  /* line 593, finding-employment.scss */
  article.finding-employment .work .block .voice .wrapper .text {
    width: 100%;
    margin-bottom: 20px;
  }
}
/* line 600, finding-employment.scss */
article.finding-employment .work .block .voice .wrapper .text .text-title {
  font-size: 24px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  /* line 600, finding-employment.scss */
  article.finding-employment .work .block .voice .wrapper .text .text-title {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
/* line 609, finding-employment.scss */
article.finding-employment .work .block .voice .wrapper .text p {
  line-height: 1.9;
}

/*# sourceMappingURL=finding-employment.css.map */
