@charset "utf-8";
/*--------------------------------------------------------------------------------
  intro
--------------------------------------------------------------------------------*/
.intro {
  padding: var(--space-s) var(--space-2s) 0 var(--space-2s);
}
.intro-ttl {
  font-family: var(--ff-mgo);
  font-weight: 700;
  line-height: 1.6;
  font-size: var(--fs-l);
  padding-top: 2rem;
}

/*--------------------------------------------------------------------------------
  ステップ
--------------------------------------------------------------------------------*/
.step {
  background-color: var(--bpink20);
  border-radius: 1rem;
  padding: 0 var(--space-2s) var(--space-2s) var(--space-2s);
  margin-left: var(--side-space-s);
  margin-right: var(--side-space-s);
  margin-top: calc(var(--space-s) + 0.5rem);
  text-align: center;
}
.step-time {
  transform: translateY(-1em);
  line-height: 1;
  margin-inline: auto;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--pink);
  font-size: var(--fs-m);
  margin-bottom: 1rem;
}
.step-time_txt {
  font-weight: 900;
  line-height: 1.6;
  background-color: #FFF;
  outline: 1px solid var(--pink);
  border-radius: 9999px;
  padding: 0.6rem 2rem;
}
.step-time_bottom {
  width: clamp(70px, calc(90 / 400 * 100vw), 90px);
  height: 1.4rem;
  z-index: 2;
  margin-top: -1px;
  background: url("../image/balloon_bottom.svg") no-repeat center top;
  background-size: contain;
  position: relative;
}
/*
.step-time {
  transform: translateY(-1em);
  display: block;
  color: var(--pink);
  font-size: var(--fs-m);
  font-weight: 900;
  line-height: 1;
  background: url("../image/balloon.svg") no-repeat center center;
  background-size: contain;
  padding: 0.6rem 1rem 1.4rem 1rem;
}
*/
.step-ttl {
  line-height: 1;
  font-family: var(--ff-mgo);
  font-weight: 900;
  color: var(--pink);
  font-size: var(--fs-3l);
  margin-bottom: -0.5rem;
}
.step-ttl .y {
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.25rem 0.5rem 0.25rem;
  font-size: var(--fs-2l);
}
.step-txt {
  text-align: left;
  padding-top: var(--space-3s);
}
.step-photo,
.step-bnr {
  margin-top: var(--space-3s);
  border-radius: 0.5rem;
}

/*--------------------------------------------------------------------------------
  医院見学・求人エントリー
--------------------------------------------------------------------------------*/
.sec-entry {
  padding: var(--space-s) var(--side-space) var(--space-m) var(--side-space);
  background: url("../../image/entry-deco.svg") no-repeat center 1.5rem;
  background-size: contain;
  text-align: center;
}
.entry-photo {
  margin-top: var(--space-s);
  overflow: hidden;
  border-radius: 0.75rem;
}
.entry-txt {
  padding-top: var(--space-2s);
  padding-bottom: var(--space-s);
}
.entry-btn {
  width: 100%;
}
@media print, screen and (min-width:501px) {
  .entry-btn {
    width: 340px;
  }
}