@charset "UTF-8";
/*----------------------------------------
  つながるナールLINE
----------------------------------------*/
/*----------------------------------------
  変数
----------------------------------------*/
/**
* 画面の高さを基準としたフォントサイズのclamp関数を返す
* 最小フォントサイズと最大フォントサイズ、可変にする画面の高さの範囲を指定
* 例）m-fontsize__h(12, 24, 480, 768) とした場合、
* 　　高さ480px以下は12px、768px以上は24px、480～768pxの間は可変となる。
* 　　font-size: clamp(12px, -8px + 0.0417 * 100vw, 24px);
*
* @param  $minSize    最小フォントサイズ
* @param  $maxSize    最大フォントサイズ
* @param  $minHeight  フォントサイズを可変にする画面サイズの範囲（開始）
* @param  $maxHeight  フォントサイズを可変にする画面サイズの範囲（終了）
* @return clamp(最小値, 基準値, 最大値)　
*/
/**
* 画面の幅を基準としたフォントサイズのclamp関数を返す
* 最小フォントサイズと最大フォントサイズ、可変にする画面幅の範囲を指定
* 例）m-fontsize__w(12, 24, 480, 768) とした場合、
* 　　幅480px以下は12px、768px以上は24px、480～768pxの間は可変となる。
* 　　font-size: clamp(12px, -8px + 0.0417 * 100vw, 24px);
*
* @param  $minSize    最小フォントサイズ
* @param  $maxSize    最大フォントサイズ
* @param  $minWidth   フォントサイズを可変にする画面サイズの範囲（開始）
* @param  $maxWidth   フォントサイズを可変にする画面サイズの範囲（終了）
* @return clamp(最小値, 基準値, 最大値)　
*/
/**
* 2つの数値からパーセンテージを求める（小数点第一位以下四捨五入）
*
* @param  $num  数値1
* @param  $max  数値2
* @return 数値2を100%とした場合の数値1の割合
*/
/**
* 値から単位を取り除く
*
* @param  $num  値
* @return 数値
*/
.p-nurseline {
  background-image: url(../img/nurseline/bg.png);
  background-size: 100%;
}
@media screen and (max-width: 640px) {
  .p-nurseline {
    background-image: url(../img/nurseline/bg_sp.png);
  }
}
.p-nurseline.--teaser {
  max-height: 100dvh;
  min-height: 700px;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
@media screen and (max-width: 640px) {
  .p-nurseline.--teaser {
    max-height: unset;
    min-height: unset;
  }
}
.p-nurseline.--teaser .l-section__inner {
  height: 100%;
  overflow: hidden;
}

.p-nurseline__teaser {
  height: 100%;
}

.p-nurseline__teaser__img {
  padding-top: 60px;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .p-nurseline__teaser__img {
    padding-block: 30px;
  }
}
.p-nurseline__teaser__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-nurseline__teaser__btn {
  gap: 10px;
  position: absolute;
  bottom: 13.3333333333cqi;
  left: 0;
  right: 0;
  margin: auto;
  width: 75cqi;
  display: none;
}
@media screen and (max-width: 640px) {
  .p-nurseline__teaser__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.p-nurseline__teaser__btn img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-nurseline__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px 0;
}
@media screen and (max-width: 640px) {
  .p-nurseline__header {
    padding: 20px 0;
    height: 60px;
  }
}
.p-nurseline__header::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  background-image: url(../img/nurseline/bg_header.png);
  background-size: auto 100%;
  background-position: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  container-type: inline-size;
}
@media screen and (max-width: 640px) {
  .p-nurseline__header::before {
    background-color: #00a75b;
    background-image: unset;
  }
}
.p-nurseline__header img {
  width: clamp(200px, 33cqi, 472px);
  height: auto;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 640px) {
  .p-nurseline__header img {
    width: 50cqi;
    margin: 0 auto;
    display: block;
  }
}

.p-nurseline__footer {
  background-color: #e0317e;
  padding: 30px 0;
}
@media screen and (max-width: 640px) {
  .p-nurseline__footer {
    padding: 5.3333333333cqi 0;
  }
}

.p-nurseline__footer__meta {
  width: 50%;
  margin: 0 auto;
  container-type: inline-size;
}
@media screen and (max-width: 640px) {
  .p-nurseline__footer__meta {
    width: 100%;
  }
}
.p-nurseline__footer__meta .copy {
  text-align: center;
  color: #fff;
  font-size: clamp(12px, 3.5cqi, 20px);
  font-weight: 500;
  line-height: 1.5;
}
.p-nurseline__footer__meta a {
  color: #fff;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*index: 本公開スタイル */
.p-nurseline * {
  font-family: "Zen Maru Gothic", sans-serif;
}
.p-nurseline.--public {
  background-image: url(../img/nurseline/bg.png);
  background-size: 100%;
  background-attachment: fixed;
}
@media screen and (max-width: 640px) {
  .p-nurseline.--public {
    background-image: url(../img/nurseline/bg_sp.png);
  }
}
.p-nurseline.--public .l-section__inner {
  container-type: inline-size;
  max-width: 1300px !important;
  width: 90% !important;
  position: relative;
}
@media screen and (max-width: 640px) {
  .p-nurseline.--public .l-section__inner {
    width: 100% !important;
  }
}
.p-nurseline.--public .p-nurseline__header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  background: unset;
}
@media screen and (max-width: 640px) {
  .p-nurseline.--public .p-nurseline__header {
    z-index: 5;
  }
}
.p-nurseline.--public .p-nurseline__header__inner {
  display: grid;
  grid-template-columns: 1fr 1fr 0.5fr;
  justify-self: center;
  width: 90%;
  margin: 0 auto;
  max-width: 1300px;
}
@media screen and (max-width: 640px) {
  .p-nurseline.--public .p-nurseline__header__inner {
    width: auto;
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .p-nurseline.--public .p-nurseline__header {
    display: block;
  }
}
.p-nurseline.--public .p-nurseline__header .l-hd__inner {
  all: unset;
  z-index: 3;
}
.p-nurseline.--public .p-nurseline__header .l-sn__hamburger {
  display: none;
  width: 60px;
  height: 70px;
  border-radius: unset;
  background-color: unset;
  position: absolute;
  top: -10px;
  right: unset;
  left: 0;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  .p-nurseline.--public .p-nurseline__header .l-sn__hamburger {
    display: block;
    z-index: 5;
  }
}
.p-nurseline.--public .p-nurseline__header .l-sn__spnavi {
  padding-top: 10rem;
}
.p-nurseline.--public .p-nurseline__header .l-sn__spnavi.l-sn__spnavi--active {
  background-image: url(../img/nurseline/bg.png);
  background-size: 100%;
  background-attachment: fixed;
}
@media screen and (max-width: 640px) {
  .p-nurseline.--public .p-nurseline__header .l-sn__spnavi.l-sn__spnavi--active {
    background-image: url(../img/nurseline/bg_sp.png);
  }
}

.p-nurseline__public {
  --vw: 650;
  display: grid;
  grid-template-columns: 1fr 1fr 0.5fr;
  padding-top: 13rem;
}
@media screen and (max-width: 640px) {
  .p-nurseline__public {
    grid-template-columns: 1fr;
    padding-top: 10rem;
  }
  .--present .p-nurseline__public {
    padding-top: 60px;
  }
}
.p-nurseline__public img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-nurseline__public__nav {
  display: grid;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 1rem;
  container-type: inline-size;
}
@media screen and (max-width: 640px) {
  .p-nurseline__public__nav {
    position: fixed;
    top: 0;
    inset: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.2);
    padding-block: 10rem;
    display: none;
  }
}
.p-nurseline__public__nav .sticky {
  width: 80%;
  margin: 0 auto;
  position: -webkit-sticky;
  position: sticky;
  top: 13rem;
}
.p-nurseline__public__nav .image {
  display: block;
  padding-bottom: 2rem;
}
@media screen and (max-width: 640px) {
  .p-nurseline__public__nav .image {
    display: none;
  }
}
.p-nurseline__public__nav__side {
  container-type: inline-size;
}
@media screen and (max-width: 640px) {
  .p-nurseline__public__nav__side {
    display: none;
  }
}
.p-nurseline__public__nav__list {
  display: grid;
  gap: 2rem;
  width: 80%;
  margin: 0 auto;
  position: -webkit-sticky;
  position: sticky;
  top: 13rem;
}
@media screen and (max-width: 640px) {
  .p-nurseline__public__nav__list {
    grid-template-columns: 1fr;
    position: static;
    margin: auto;
    width: auto;
  }
}
.p-nurseline__public__nav__link {
  display: block;
  background-color: #fff;
  border-radius: 2em;
  border: 3px solid #00a75b;
  padding: 0 1em;
  font-size: calc(30 / var(--vw) * 100cqi);
  height: 4em;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 640px) {
  .p-nurseline__public__nav__link {
    font-size: calc(24 / var(--vw) * 100cqi);
  }
}
.p-nurseline__public__nav__link:hover {
  background-color: #00a75b;
}
.p-nurseline__public__nav__link:hover .label {
  color: #fff;
}
.p-nurseline__public__nav__link .label {
  color: #00a75b;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-nurseline__public__nav .desc {
  text-align: center;
  padding-block: calc(20 / var(--vw) * 100cqi);
}
.p-nurseline__public__nav .desc .title {
  color: #e0317e;
  font-size: calc(30 / var(--vw) * 100cqi);
  font-weight: 700;
  text-align: center;
}
.p-nurseline__public__nav .desc .copy {
  text-align: center;
  font-size: calc(20 / var(--vw) * 100cqi);
}
.p-nurseline__public__main {
  container-type: inline-size;
  position: relative;
  z-index: 4;
}
.p-nurseline__public__main__inner {
  display: grid;
  gap: calc(90 / var(--vw) * 100cqi);
}
@media screen and (max-width: 640px) {
  .p-nurseline__public__main__inner {
    padding: 0;
  }
}
.p-nurseline__public .section {
  background-color: #fff;
  border: 10px solid var(--color);
  border-radius: calc(80 / var(--vw) * 100cqi);
  padding-block: calc(40 / var(--vw) * 100cqi);
  padding-inline: calc(20 / var(--vw) * 100cqi);
  display: grid;
  gap: calc(40 / var(--vw) * 100cqi);
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  container-type: inline-size;
}
@media screen and (max-width: 640px) {
  .p-nurseline__public .section {
    width: calc(590 / var(--vw) * 100cqi);
    margin: 0 auto;
  }
}
.p-nurseline__public .section .anchor {
  position: absolute;
  left: 0;
  top: -140px;
  pointer-events: none;
}
@media screen and (max-width: 640px) {
  .p-nurseline__public .section .anchor {
    top: -100px;
  }
}
.p-nurseline__public .section .lead {
  font-size: calc(36 / var(--vw) * 100cqi);
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}
.p-nurseline__public .section .copy {
  font-size: calc(24 / var(--vw) * 100cqi);
  width: 90%;
  margin: 0 auto;
}
.p-nurseline__public .section .sub_title {
  width: 90%;
  margin: 0 auto;
}
.p-nurseline__public .section .image {
  display: grid;
  gap: calc(30 / var(--vw) * 100cqi);
  position: relative;
}
.p-nurseline__public .section .image svg {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(130 / var(--vw) * 100cqi);
  aspect-ratio: 130/133;
  fill: var(--light-color);
  -webkit-transform: translate(80%, -100%);
          transform: translate(80%, -100%);
}
.p-nurseline__public .section .image .image_main {
  width: 90%;
  margin: 0 auto;
}
.p-nurseline__public .section .image_label {
  background-color: var(--light-color);
  border-radius: 1em;
  font-size: calc(30 / var(--vw) * 100cqi);
  display: grid;
  gap: 0.6em;
  padding: 1em 0.6em;
}
.p-nurseline__public .section .label__item {
  border-radius: 2em;
  background-color: var(--color);
  color: #fff;
  padding: 0.2em 1em;
}
.p-nurseline__public .section .items {
  display: grid;
  gap: calc(60 / var(--vw) * 100cqi);
  padding-top: calc(60 / var(--vw) * 100cqi);
}
.p-nurseline__public .section .items .item {
  display: grid;
  gap: calc(20 / var(--vw) * 100cqi);
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  padding: 0 1%;
}
.p-nurseline__public .section .items .grid {
  display: grid;
  grid-template-columns: calc(208 / var(--vw) * 100cqi) 1fr;
  gap: calc(10 / var(--vw) * 100cqi);
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}
.p-nurseline__public .section .items .grid .label {
  display: grid;
  gap: calc(10 / var(--vw) * 100cqi);
}
.p-nurseline__public .section .items .grid .copy {
  width: 100%;
  font-size: calc(24 / var(--vw) * 100cqi);
}
.p-nurseline__public .section .items .grid .label__item {
  font-size: calc(24 / var(--vw) * 100cqi);
}
.p-nurseline__public .--kv {
  --color: #00a75b;
  --light-color: #fff396;
  position: relative;
  padding-top: calc(310 / var(--vw) * 100cqi);
  display: none;
}
@media screen and (max-width: 640px) {
  .p-nurseline__public .--kv {
    display: block;
  }
}
.p-nurseline__public .--kv .image {
  width: 90%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.p-nurseline__public .--kv .section {
  padding-top: calc(290 / var(--vw) * 100cqi);
}
.p-nurseline__public .--kv .box {
  display: grid;
  gap: calc(40 / var(--vw) * 100cqi);
}
.p-nurseline__public .--kv .desc {
  background-color: var(--light-color);
  border-radius: calc(40 / var(--vw) * 100cqi);
  padding-block: calc(30 / var(--vw) * 100cqi);
}
.p-nurseline__public .--kv .desc .title {
  color: #e0317e;
  font-size: calc(34 / var(--vw) * 100cqi);
  font-weight: 700;
  text-align: center;
}
.p-nurseline__public .--kv .desc .copy {
  text-align: center;
  font-size: calc(24 / var(--vw) * 100cqi);
}
@media screen and (max-width: 640px) {
  .p-nurseline__public .--kv .p-nurseline__public__btn {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .p-nurseline__public .p-nurseline__public__btn {
    width: calc(590 / var(--vw) * 100cqi);
    margin: 0 auto;
  }
}
.p-nurseline__public .--student {
  --color: #00a6d0;
  --light-color: #b9e0ee;
}
.p-nurseline__public .--nursing_student {
  --color: #7ab543;
  --light-color: #d1e6c5;
}
.p-nurseline__public .--applicant {
  --color: #d03376;
  --light-color: #f4d3e2;
}
.p-nurseline__public .--usage {
  --color: #fff57f;
  background-color: #fff57f;
}
.p-nurseline__public .--usage .heading {
  width: calc(186 / var(--vw) * 100cqi);
  margin: 0 auto;
}
.p-nurseline__public .--campaign {
  --color: #fff396;
  --light-color: #fff396;
  background-color: transparent;
  border: unset;
  padding-block: calc(60 / var(--vw) * 100cqi);
  padding-inline: calc(30 / var(--vw) * 100cqi);
  display: grid;
  gap: calc(60 / var(--vw) * 100cqi);
  position: relative;
}
@media screen and (max-width: 640px) {
  .p-nurseline__public .--campaign {
    width: 100%;
  }
}
.p-nurseline__public .--campaign::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  background: var(--color);
  mix-blend-mode: multiply;
}
.p-nurseline__public .--campaign .heading {
  width: calc(433 / var(--vw) * 100cqi);
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .p-nurseline__public .--campaign .p-nurseline__public__btn {
    width: 100%;
  }
}
.p-nurseline__public .campaign_items {
  display: grid;
  gap: calc(90 / var(--vw) * 100cqi);
}
.p-nurseline__public .campaign_items .item {
  display: grid;
  gap: calc(20 / var(--vw) * 100cqi);
  background-color: #fff;
  padding-block: calc(40 / var(--vw) * 100cqi);
  padding-inline: calc(30 / var(--vw) * 100cqi);
  border-radius: calc(30 / var(--vw) * 100cqi);
}
.p-nurseline__public .campaign_items .image_group {
  display: grid;
  gap: calc(90 / var(--vw) * 100cqi);
  padding-top: calc(40 / var(--vw) * 100cqi);
}
.p-nurseline__public .note li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: calc(14.45 / var(--vw) * 100cqi);
  font-weight: 500;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*index: ホーム */
.p-home .p-home__aboutus {
  margin-bottom: 100px;
}
@media screen and (max-width: 640px) {
  .p-home .p-home__aboutus {
    margin-bottom: 60px;
  }
}

.p-home__nurseline {
  margin-bottom: 260px;
}
@media screen and (max-width: 640px) {
  .p-home__nurseline {
    margin-bottom: 100px;
  }
}
.p-home__nurseline .p-home__nurseline__img {
  aspect-ratio: 1440/590;
  background-image: url(../img/nurseline/bg.png);
  background-attachment: fixed;
  background-size: 100%;
  position: relative;
}
@media screen and (max-width: 640px) {
  .p-home__nurseline .p-home__nurseline__img {
    aspect-ratio: 4/3;
    background-image: url(../img/nurseline/bg_sp.png);
  }
}
.p-home__nurseline .p-home__nurseline__img img {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 51.6666666667vw;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 744/256;
}
@media screen and (max-width: 640px) {
  .p-home__nurseline .p-home__nurseline__img img {
    width: 86%;
    max-width: 500px;
  }
}
.p-home__nurseline p {
  font-size: clamp(13px, 3.25dvw, 25px);
  font-weight: 500;
  line-height: 2;
  text-align: center;
  margin-block: 20px 40px;
}
.p-home__nurseline .u-ff__poppins {
  margin: 0;
  margin-top: -0.5em;
  font-size: 10.25dvw;
  font-style: italic;
  line-height: 0.7;
  font-family: Poppins;
  font-weight: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-home__nurseline .u-ff__poppins i {
  line-height: 1;
}
.p-home__nurseline .u-ff__poppins i:nth-child(1) {
  color: #e84388;
}
.p-home__nurseline .u-ff__poppins i:nth-child(2) {
  color: #00abdc;
}/*# sourceMappingURL=nurseline.css.map */