@charset "UTF-8";

/* main-visual */
.main-visual {
  position: relative;
  width: 100%;
  /* height: 495px; */
  min-height: 760px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  /* -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;

  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

  z-index: 2;
}

.login.main-visual {
  min-height: auto;
  min-height: inherit;
  height: 495px;
}

.webp .main-visual {
  background-image: url("../img/top/bg_top_banner_pc.webp");
}

.no-webp .main-visual {
  background-image: url("../img/top/bg_top_banner_pc.png");
}

/* sp main-visual */
@media screen and (max-width:560px) {
  .main-visual {
    /* height: 107.14vw;
    background-position: center -6vw; */
    height: auto;
    min-height: auto;
    min-height: inherit;
    background-position: center -6vw;
    background-size: contain;
  }
  
  .login.main-visual {
    height: 107.14vw;
    background-position: center -6vw;
  }

  .webp .main-visual {
    background-image: url("../img/top/bg_top_banner_sp.webp");
  }

  .no-webp .main-visual {
    background-image: url("../img/top/bg_top_banner_sp.png");
  }
}

/* main-banner */
.main-banner {
  width: 100%;
  /* height: 100%; */

  background-image: url("../img/bg_circle_blue.svg"), url("../img/bg_circle_purple.svg"), url("../img/bg_circle_red.svg");
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: calc(100% + 155px) -90px, calc(100% + 45px) 275px, -75px calc(100% + 45px);
  background-size: 308px 328px, 114px 113px, 266px 243px;

  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; */
}

.main-banner__inner {
  margin: 0 auto;
  /* width: 960px; */
  width: 1100px;
  height: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.main-banner__left {
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.main-banner__form-box {
  margin: 20px 0;
  border-radius: 12px;
  border: 1px solid var(--color-gray06);
  padding: 30px 20px;
  background-color: #FFF;
}

.main-banner__right {
  width: 45%;
  height: 100%;
  padding: 255px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.login.main-banner__right {
  width: 100%;
}

.main-banner__text-contents {
  margin: 20px 0;
}

.main-banner__title {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-size: 37px;
  line-height: 1.45;
  color: var(--color-black03);
  text-shadow: -1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff, 1px 1px 2px #fff;
}

.main-banner__sub-title {
  margin-top: 15px;
  font-weight: 700;
  line-height: 1.875;
  color: var(--color-black03);
  text-shadow: -1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff, 1px 1px 2px #fff;
}

.main-banner__sub2-title {
  margin-top: 30px;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 1.45;
  color: var(--color-black03);
  text-shadow: -1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff, 1px 1px 2px #fff;
}

.main-banner__button {
  margin-top: 15px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* sp main-banner */
@media screen and (max-width:560px) {
  .main-banner {
    /* padding: 50vw 0 8.92vw; */
    /* padding: 38vw 0 0; */
    background-position: calc(100% + 10.71vw) -5.35vw, calc(100% - 1.78vw) 32.14vw, -8.92vw calc(100% - 7.14vw);
    background-size: 35.17vw 33.03vw, 13.03vw 12.85vw, 32.85vw 30vw;
  }

  .main-banner__inner {
    width: 89.28vw;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .login.main-banner__inner {

  }

  .main-banner__left {
    width: 100%;
  }
  .main-banner__form-box {
    margin: 3.57vw 0;
    border-radius: 2.14vw;
    border-width: 0.17vw;
    padding: 5.35vw 3.57vw;
  }
  .main-banner__right {
    width: 100%;
    padding: 38vw 0 0;
  }
  .login.main-banner__right {
    width: 100%;
  }

  .main-banner__title {
    font-size: 6.25vw;
    text-align: center;
    text-shadow: -0.17vw -0.17vw 0.35vw #fff, 0.17vw -0.17vw 0.35vw #fff, -0.17vw 0.17vw 0.35vw #fff, 0.17vw 0.17vw 0.35vw #fff;
  }

  .main-banner__sub-title {
    margin-top: 2.67vw;
    line-height: 1.7;
    text-align: center;
    text-shadow: -0.17vw -0.17vw 0.35vw #fff, 0.17vw -0.17vw 0.35vw #fff, -0.17vw 0.17vw 0.35vw #fff, 0.17vw 0.17vw 0.35vw #fff;
  }

  .main-banner__sub2-title {
    margin-top: 5.67vw;
    font-size: 4.25vw;
    text-align: center;
    text-shadow: -0.17vw -0.17vw 0.35vw #fff, 0.17vw -0.17vw 0.35vw #fff, -0.17vw 0.17vw 0.35vw #fff, 0.17vw 0.17vw 0.35vw #fff;
  }
  .main-banner__button {
    margin-top: 2.35vw;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

/* main-sales-point */
.main-sales-point {

}
.main-sales-point__list {
  width: 440px;
  margin: 0 auto;
}

/* sp main-sales-point */
@media screen and (max-width:560px) {
  .main-sales-point__list {
    width: 100%;
  }
}

/* main-job-special-feature */
.sales-point-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sales-point-list__item {
  width: 100%;
}

.sales-point-list__item:nth-child(n+2) {
  margin-top: 20px;
}

.sales-point-list__text {
  position: relative;
  padding-left: 35px;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.36;
}

.sales-point-list__text::before {
  content: "";
  position: absolute;
  left: 0;
  width: 30px;
  height: 30px;
  background-image: url("../img/icon_checkbox.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* sp main-job-special-feature */
@media screen and (max-width:560px) {
  .sales-point-list__item:nth-child(n+2) {
    margin-top: 3.57vw;
  }

  .sales-point-list__text {
    padding-left: 6.25vw;
    font-size: 4.46vw;
    line-height: 1.2;
  }

  .sales-point-list__text::before {
    width: 5.35vw;
    height: 5.35vw;
  }

}

/* main-job-search-simple */
.main-job-search-simple {
  padding: 30px 0 35px;
  background-color: var(--color-blue01);
}

/* sp main-job-search-simple */
@media screen and (max-width:560px) {
  .main-job-search-simple {
    padding: 5.35vw 0;
  }
}

/* main-job-special-feature */
.main-job-special-feature {}

.main-job-special-feature__list {
  margin-top: -15px;
  margin-left: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.main-job-special-feature__item {
  margin-top: 15px;
  margin-left: 15px;
  width: 310px;
}

.main-job-special-feature__link {
  display: block;
  /* border-radius: 10px;
  padding: 24px; */
  text-decoration: none;
}

.main-job-special-feature__sub-title {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  line-height: 1.68;
  text-align: center;
}

.main-job-special-feature__title {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-size: 23px;
  line-height: 1.3;
  text-align: center;
  color: var(--color-pink01);
}

.main-job-special-feature__thum {
  width: 100%;
}
.main-job-special-feature__thum-img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/0.33;
  object-fit: cover;
}

/* sp main-job-special-feature */
@media screen and (max-width:560px) {
  .main-job-special-feature__list {
    margin-top: 0;
    margin-left: 0;
  }

  .main-job-special-feature__item {
    margin-top: 0;
    margin-left: 0;
    width: 100%;
  }

  .main-job-special-feature__item:nth-child(n+2) {
    margin-top: 2.67vw;
  }

  .main-job-special-feature__link {
    /* border-radius: 1.78vw;
    padding: 2.67vw; */
  }

  .main-job-special-feature__title {
    font-size: 4.46vw;
    line-height: 1.1;
  }
}

/* main-job-new */
.main-job-new {
  background-color: var(--color-blue01);
}

.main-job-new__tab {

}

.main-job-new__container {
  margin-top: 20px;
}

/* sp main-job-new */
@media screen and (max-width:560px) {
  .main-job-new__container {
    margin-top: 3.57vw;
  }
}

/* main-job-pick-up */
.main-job-pick-up {
  background-color: var(--color-gray07);
}

/* main-job-work */
.main-job-work {}

.contents-part__body--main-job-work {
  margin-top: 50px;
}

.main-job-work__block {}

.main-job-work__block:nth-child(n+2) {
  margin-top: 50px;
}

.main-job-work__list {
  margin-top: 10px;
}

/* sp main-job-work */
@media screen and (max-width:560px) {
  .contents-part__body--main-job-work {
    margin-top: 7.14vw;
  }

  .main-job-work__block:nth-child(n+2) {
    margin-top: 7.14vw;
  }

  .main-job-work__list {
    margin-top: 3.57vw;
  }
}

/* job-work-list */
.job-work-list {
  margin-top: -10px;
  margin-left: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.job-work-list__item {
  margin-top: 10px;
  margin-left: 10px;
  width: 150px;
}

.job-work-list__link {
  height: 100%;
  min-height: 60px;
  border: 1px solid;
  border-radius: 10px;
  padding: 10px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.job-work-list__link--pink {
  border-color: var(--color-pink01);
}

.job-work-list__link--blue {
  border-color: var(--color-blue03);
}

.job-work-list__link-text {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

/* sp main-job-work */
@media screen and (max-width:560px) {
  .job-work-list {
    margin-top: -2.67vw;
    margin-left: -1.78vw;
  }

  .job-work-list__item {
    margin-top: 2.67vw;
    margin-left: 1.78vw;
    width: 28.57vw;
  }

  .job-work-list__link {
    min-height: 12.5vw;
    border-width: 0.17vw;
    border-radius: 1.78vw;
    padding: 1.78vw;
  }

  .job-work-list__link-text {
    font-size: 3.57vw;
    line-height: 1.15;
  }
}

/* main-voice */
.main-voice {
  background-color: var(--color-blue01);
}

/* main-consultant */
.main-consultant {}

/* main-column */
.main-column {
  background-color: var(--color-pink03);
}

/* main-carenurse */
.main-carenurse {}

.contents-part__body--main-carenurse {
  margin-top: 85px;
}

/* sp main-carenurse */
@media screen and (max-width:560px) {
  .contents-part__body--main-carenurse {
    margin-top: 15.17vw;
  }
}

/* main-job-link */
.main-job-link {}

/* job-link */
.job-link {}

.job-link__item {
  border-bottom: 1px solid var(--color-gray06);
  padding-bottom: 25px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.job-link__item:nth-child(n+2) {
  padding-top: 25px;
}

.job-link__title {
  width: 210px;
  border-radius: 10px;
  padding: 20px;
  background: linear-gradient(135deg, rgba(224, 69, 136, 0.3) 0%, rgba(237, 150, 191, 0.3) 48.28%, rgba(182, 177, 224, 0.3) 100%);

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.job-link__title-text {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.38;
  text-align: center;
  color: var(--color-pink01);
}

.job-link__list {
  width: calc(100% - 250px);

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* sp number-block-list */
@media screen and (max-width:560px) {
  .job-link__item {
    border-width: 0.17vw;
    padding-bottom: 5.35vw;
  }

  .job-link__item:nth-child(n+2) {
    padding-top: 5.35vw;
  }

  .job-link__title {
    width: 100%;
    border-radius: 1.78vw;
    padding: 1.78vw;
  }

  .job-link__title-text {
    font-size: 3.92vw;
    line-height: 1.13;
  }

  .job-link__list {
    margin-top: 3.57vw;
    width: 100%;
    padding: 0 5.35vw;
  }
}

/* job-link-list */
.job-link-list {
  margin-top: -10px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.job-link-list__item {
  margin-top: 10px;
  width: 25%;
  padding-right: 10px;
}

.job-link-list__item--three {
  width: 33.3%;
}

.job-link-list__link {
  font-weight: 700;
  line-height: 1.56;
  text-decoration: underline;
}

/* sp job-link-list */
@media screen and (max-width:560px) {
  .job-link-list {
    margin-top: -1.78vw;
  }

  .job-link-list__item {
    margin-top: 1.78vw;
    width: 50%;
    padding-right: 1.78vw;
  }

  .job-link-list__item--three {
    width: 50%;
  }

  .job-link-list__link {
    font-weight: 700;
    line-height: 1.25;
  }
}

/* followBanner */
.followBanner {
	display: none;
	position: fixed;
	bottom: 150px;
	right: 0;
	z-index: 10;
}
.followBannerWrap {
	position: relative;
}

.followBannerLink {
	display: block;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 20px;
  font-size: 20px;
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-decoration: none;
}
.followBannerLink--entry {
  color: var(--color-pink01);
  background: linear-gradient(135deg, rgba(224, 69, 136, 0.3) 0%, rgba(237, 150, 191, 0.3) 48.28%, rgba(182, 177, 224, 0.3) 100%);
}
.followBannerLink--line {
  color: var(--color-green01);
  background-color: rgba(6, 199, 85, 0.3);
}
.followBannerLink:nth-child(n+2) {
  margin-top: 20px;
}

.followBannerLink__icon {
  display: inline-block;
  margin-bottom: 10px;
  width: 30px;
}

.followBannerLink__icon-img {
  width: 100%;
  object-fit: cover;
}


/* sp followBanner */
@media screen and (max-width:560px) {
	.followBanner {
		width: 100%;
		top: auto;
		right: 0;
		bottom: 0;
	}

	.followBannerWrap {
		width: 100%;
    padding: 3.57vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: var(--color-white01);
	}

	.followBannerLink {
		width: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 3.57vw;
    font-size: 3.57vw;
    text-align: center;
    writing-mode: horizontal-tb;

    width: auto;
    border-radius: 6.96vw;
    padding: 1.78vw 4.35vw;
	}

  .followBannerLink--entry {
    padding-right: 8.35vw;
    color: var(--color-white01);
    background-color: var(--color-pink01);
    background-image: url("../img/wedge_up_white.svg");
    background-position: calc(100% - 3.57vw) center;
    background-repeat: no-repeat;
    background-size: 2.14vw auto;
  }

  .followBannerLink--line {
    border: 0.35vw solid var(--color-green01);
    color: var(--color-green01);
    background-color: var(--color-white01);
  }

  .followBannerLink__icon {
    margin-bottom: 0;
    margin-right: 1.78vw;
    width: 5.35vw;
  }

  .followBannerLink:nth-child(n+2) {
    margin-top: 0;
    margin-left: 3.57vw;
  }
}