@charset "UTF-8";
.sec-immediate {
  position: relative;
  overflow: hidden;
  background: #fff;
  color: var(--c-text);
}
.sec-immediate .immediate-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.sec-immediate .immediate-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sec-immediate .immediate-deco {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.sec-immediate .immediate-deco-doctor {
  left: min(-117px, calc(50% - 1077px));
  top: -82px;
  width: 1018px;
  height: 1008px;
  overflow: hidden;
}
.sec-immediate .immediate-deco-doctor img {
  position: absolute;
  left: -27.81%;
  top: -6.01%;
  width: 130.2%;
  height: 87.7%;
  max-width: none;
}
.sec-immediate .immediate-deco-woman {
  right: 0;
  top: 0;
  width: 579px;
  height: 709px;
}
.sec-immediate .immediate-deco-woman img {
  width: 100%;
  height: 100%;
}
.sec-immediate .immediate-inner {
  position: relative;
  z-index: 2;
  width: 1110px;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 116px;
  padding-bottom: 101px;
}
.sec-immediate .immediate-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 289px;
  margin: 0 -13px;
}
.sec-immediate .immediate-title {
  margin-top: -21px;
  font-family: var(--font-heading);
  font-weight: 400;
  text-align: center;
  color: var(--c-text);
}
.sec-immediate .immediate-title-main {
  display: block;
  font-size: 48px;
  line-height: 1.6;
}
.sec-immediate .immediate-title-sub {
  display: block;
  font-size: 28px;
  line-height: 1.6;
  letter-spacing: 1.12px;
}
.sec-immediate .immediate-title-dash { color: var(--c-primary); }
.sec-immediate .immediate-title-line {
  display: block;
  width: 80px;
  height: 1px;
  margin-top: 27px;
  background: #666666;
}
.sec-immediate .immediate-lead {
  margin-top: 40px;
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 18px;
  line-height: 2;
  letter-spacing: 0.72px;
  text-align: center;
}
.sec-immediate .immediate-about {
  position: relative;
  min-height: 343px;
  padding: 51px 35px 40px 463px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid #f1ece6;
  border-radius: 8px;
}
.sec-immediate .immediate-about-img {
  position: absolute;
  left: 47px;
  top: 37.88px;
  width: 351px;
}
.sec-immediate .immediate-about-img img { width: 100%; height: auto; }
.sec-immediate .immediate-h3 {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 24px;
  color: var(--c-text);
}
.sec-immediate .immediate-h3::after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  margin-top: 16px;
  background: var(--c-primary);
}
.sec-immediate .immediate-about-h3 { line-height: 24px; }
.sec-immediate .immediate-about-text {
  width: 607px;
  max-width: 100%;
  margin-top: 15px;
  font-weight: 300;
  font-size: 16px;
  line-height: 2;
}
.sec-immediate .immediate-about-foot {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 19px;
}
.sec-immediate .immediate-about-note {
  font-weight: 300;
  font-size: 14px;
  line-height: 1.4;
}
.sec-immediate .immediate-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 288px;
  height: 47px;
  margin-left: auto;
  background: #f0831e;
  border-radius: 4px;
}
.sec-immediate .immediate-btn-label {
  font-weight: 500;
  font-size: 16px;
  line-height: 2;
  color: #fff;
  text-align: center;
}
.sec-immediate .immediate-btn-arrow {
  position: absolute;
  right: 11.5px;
  top: 16px;
  width: 7.5px;
  height: 15px;
}
.sec-immediate .immediate-condition {
  position: relative;
  min-height: 394px;
  margin-top: 32px;
  margin-left: 1px;
  width: 1109px;
  max-width: 100%;
  padding: 31px 0 31px 46px;
  background: #faf6f1;
  border: 1px solid #f1ece6;
}
.sec-immediate .immediate-condition-img {
  position: absolute;
  left: 645px;
  top: 39px;
  width: 424px;
}
.sec-immediate .immediate-condition-img img { width: 100%; height: auto; }
.sec-immediate .immediate-condition-body { width: 522.625px; }
.sec-immediate .immediate-condition-h3 { line-height: 36px; }
.sec-immediate .immediate-condition-lead {
  margin-top: 10px;
  font-weight: 300;
  font-size: 18px;
  line-height: 2;
}
.sec-immediate .immediate-condition-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 11px;
}
.sec-immediate .immediate-condition-item {
  display: flex;
  align-items: center;
  gap: 17px;
  height: 56px;
  padding-left: 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
.sec-immediate .immediate-condition-item--tall {
  height: 76px;
  padding-left: 21px;
}
.sec-immediate .immediate-check {
  width: 23.218px;
  height: 22.611px;
  flex-shrink: 0;
}
.sec-immediate .immediate-condition-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 0.72px;
  white-space: nowrap;
}
.sec-immediate .immediate-em { color: var(--c-primary); }
.sec-immediate .immediate-extraction {
  position: relative;
  min-height: 206px;
  margin-top: 28px;
  padding: 24px 47px 17px 47px;
  background: #fcfbfa;
  border: 1px solid #dddddd;
  border-radius: 8px;
}
.sec-immediate .immediate-extraction-h3 { line-height: 36px; }
.sec-immediate .immediate-extraction-h3::after { margin-top: 14px; }
.sec-immediate .immediate-extraction-body { width: 499px; }
.sec-immediate .immediate-extraction-text {
  margin-top: 16px;
  font-weight: 300;
  font-size: 16px;
  line-height: 2;
}
.sec-immediate .immediate-flow {
  position: absolute;
  left: 586px;
  top: 72px;
  width: 488px;
  height: 114px;
}
.sec-immediate .immediate-flow-item {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  width: 138px;
}
.sec-immediate .immediate-flow-item--1 { left: 20px; }
.sec-immediate .immediate-flow-item--2 { left: 185px; }
.sec-immediate .immediate-flow-item--3 { left: 350px; }
.sec-immediate .immediate-flow-photo {
  width: 138px;
  height: 87px;
}
.sec-immediate .immediate-flow-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sec-immediate .immediate-flow-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 138px;
  height: 27px;
  background: #f6f6f6;
  font-size: 14px;
  line-height: 1;
  text-align: center;
}
.sec-immediate .immediate-flow-arrow {
  position: absolute;
  top: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 24px;
}
.sec-immediate .immediate-flow-arrow--1 { left: 164px; }
.sec-immediate .immediate-flow-arrow--2 { left: 329px; }
.sec-immediate .immediate-flow-arrow img {
  width: 20.784px;
  height: 11.25px;
  transform: rotate(90deg);
}
.sec-immediate .immediate-caution {
  position: relative;
  display: flex;
  align-items: center;
  width: 1095px;
  max-width: calc(100% - 15px);
  min-height: 96px;
  margin-top: 51px;
  margin-left: 15px;
  padding: 0 58px 0 84px;
  background: var(--c-primary);
  border-radius: 57px;
}
.sec-immediate .immediate-caution-icon {
  position: absolute;
  left: 42px;
  top: 33px;
  width: 30px;
  height: 30px;
}
.sec-immediate .immediate-caution-text {
  flex: 1;
  font-size: 18px;
  line-height: 2;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
.sec-immediate .immediate-only-sp { display: none; }
.sec-immediate .immediate-br-sp { display: none; }
@media (max-width: 767px) {
  .sec-immediate .immediate-only-pc { display: none; }
  .sec-immediate .immediate-only-sp { display: block; }
  .sec-immediate .immediate-br-sp { display: inline; }
  .sec-immediate .immediate-br-pc { display: none; }
  .sec-immediate .immediate-deco { display: none; }
  .sec-immediate .immediate-inner {
    width: auto;
    margin: 0 26px 0 22px;
    padding-top: 62px;
    padding-bottom: 39px;
  }
  .sec-immediate .immediate-head {
    height: 258px;
    margin: 0 2px 0 2px;
  }
  .sec-immediate .immediate-title { margin-top: -12px; }
  .sec-immediate .immediate-title-main { font-size: 28px; }
  .sec-immediate .immediate-title-sub {
    font-size: clamp(14px, 4.62vw, 18px);
    letter-spacing: 0.72px;
  }
  .sec-immediate .immediate-title-line {
    width: 64px;
    margin-top: 20px;
  }
  .sec-immediate .immediate-lead {
    margin-top: 32px;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.64px;
    text-align: justify;
  }
  .sec-immediate .immediate-h3 {
    font-size: 20px;
    text-align: center;
  }
  .sec-immediate .immediate-h3::after {
    width: 64px;
    margin: 16px auto 0;
  }
  .sec-immediate .immediate-about {
    min-height: 0;
    padding: 30px 17px 31px 18px;
    border-radius: 4px;
  }
  .sec-immediate .immediate-about-h3 { line-height: 24px; }
  .sec-immediate .immediate-about-img {
    position: static;
    width: min(287px, 100%);
    margin: 24px auto 0;
  }
  .sec-immediate .immediate-about-text {
    width: 100%;
    margin-top: 24px;
    font-size: 15px;
    text-align: justify;
  }
  .sec-immediate .immediate-about-foot {
    display: block;
    margin-top: 0;
  }
  .sec-immediate .immediate-about-note {
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    line-height: 1.6;
  }
  .sec-immediate .immediate-note-mark {
    position: absolute;
    left: 0;
    top: 0;
  }
  .sec-immediate .immediate-note-indent { display: none; }
  .sec-immediate .immediate-btn {
    width: min(278px, 100%);
    height: 46px;
    margin: 29px auto 0;
    background: var(--c-primary);
    border-radius: 8px;
  }
  .sec-immediate .immediate-btn-label {
    font-size: clamp(12px, 3.85vw, 15px);
    letter-spacing: 0.6px;
  }
  .sec-immediate .immediate-btn-arrow {
    right: 16.75px;
    top: 15.5px;
  }
  .sec-immediate .immediate-condition {
    min-height: 0;
    width: auto;
    margin-top: 24px;
    margin-left: 0;
    padding: 35px 0 22px;
    background: rgba(250, 246, 241, 0.96);
    border-radius: 4px;
  }
  .sec-immediate .immediate-condition-img {
    position: static;
    width: min(260px, 100%);
    margin: 0 auto;
  }
  .sec-immediate .immediate-condition-body { width: 100%; }
  .sec-immediate .immediate-condition-h3 {
    margin-top: 13px;
    line-height: 36px;
  }
  .sec-immediate .immediate-condition-lead {
    width: min(302px, 100%);
    margin: 13px auto 0;
    font-size: 16px;
  }
  .sec-immediate .immediate-condition-list {
    width: min(302px, 100%);
    margin: 13px auto 0;
    gap: 15px;
  }
  .sec-immediate .immediate-condition-item,
  .sec-immediate .immediate-condition-item--tall {
    height: 64px;
    padding-left: 14.5px;
    gap: 9.5px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  }
  .sec-immediate .immediate-check {
    width: 17.414px;
    height: 16.958px;
  }
  .sec-immediate .immediate-condition-text {
    font-size: 15px;
    letter-spacing: 0;
    white-space: normal;
  }
  .sec-immediate .immediate-extraction {
    min-height: 0;
    margin-top: 31px;
    padding: 26px 0 27px;
    border-radius: 4px;
  }
  .sec-immediate .immediate-extraction-h3 { line-height: 24px; }
  .sec-immediate .immediate-extraction-h3::after { margin-top: 16px; }
  .sec-immediate .immediate-extraction-body { width: 100%; }
  .sec-immediate .immediate-extraction-text {
    width: min(270px, 100%);
    margin: 18px auto 0;
    font-size: 15px;
  }
  .sec-immediate .immediate-flow {
    position: relative;
    left: auto;
    top: auto;
    width: 246px;
    height: 261px;
    margin: 36px auto 0;
  }
  .sec-immediate .immediate-flow-item {
    flex-direction: row;
    width: 246px;
    left: 0;
  }
  .sec-immediate .immediate-flow-item--1 { top: 3px; }
  .sec-immediate .immediate-flow-item--2 { top: 97px; }
  .sec-immediate .immediate-flow-item--3 { top: 191px; }
  .sec-immediate .immediate-flow-photo {
    width: 105.6px;
    height: 66.6px;
    flex-shrink: 0;
  }
  .sec-immediate .immediate-flow-label {
    width: 140px;
    height: 67px;
    margin-left: 0.4px;
    line-height: 1.6;
  }
  .sec-immediate .immediate-flow-arrow {
    width: 24px;
    height: 15px;
  }
  .sec-immediate .immediate-flow-arrow--1 { left: 111px; top: 76px; }
  .sec-immediate .immediate-flow-arrow--2 { left: 111px; top: 170px; }
  .sec-immediate .immediate-flow-arrow img { transform: rotate(180deg);  }
  .sec-immediate .immediate-caution {
    display: block;
    width: auto;
    max-width: none;
    min-height: 105px;
    margin-top: 20px;
    margin-left: 0;
    padding: 16px 7px 9px 64px;
    border-radius: 4px;
  }
  .sec-immediate .immediate-caution-icon {
    left: 15px;
    top: 34px;
    width: 39px;
    height: 39px;
  }
  .sec-immediate .immediate-caution-text {
    font-size: 15px;
    line-height: 1.6;
    text-align: justify;
    white-space: normal;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .sec-immediate .immediate-inner { width: min(1110px, calc(100% - 48px)); }
  .sec-immediate .immediate-head { margin: 0 max(-13px, -1.1715%); }
  .sec-immediate .immediate-condition-text { white-space: normal; }
  .sec-immediate .immediate-condition-item {
    height: auto;
    min-height: 56px;
    padding: 8px 16px 8px 20px;
  }
  .sec-immediate .immediate-condition-item--tall {
    height: auto;
    min-height: 76px;
    padding: 8px 16px 8px 21px;
  }
  .sec-immediate .immediate-caution { padding: 16px min(58px, 5.2257%) 16px min(84px, 7.5681%); }
  .sec-immediate .immediate-caution-icon { left: min(42px, 3.8361%); }
  .sec-immediate .immediate-caution-text { white-space: normal; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .sec-immediate .immediate-about { padding: 51px min(35px, 3.1535%) 40px min(463px, 41.7122%); }
  .sec-immediate .immediate-about-img { left: min(47px, 4.2423%); width: min(351px, 31.6792%); }
  .sec-immediate .immediate-about-foot { flex-wrap: wrap; row-gap: 12px; }
  .sec-immediate .immediate-condition { padding-left: min(46px, 4.1446%); }
  .sec-immediate .immediate-condition-img { left: min(645px, 58.2661%); width: min(424px, 38.3022%); }
  .sec-immediate .immediate-condition-body { width: min(522.625px, 49.2583%); }
  .sec-immediate .immediate-extraction {
    padding-left: min(47px, 4.2347%);
    padding-right: min(47px, 4.2347%);
  }
  .sec-immediate .immediate-extraction-body { width: min(499px, 49.2115%); }
  .sec-immediate .immediate-flow {
    left: min(586px, 52.8886%);
    width: min(488px, 44.0438%);
    height: auto;
    aspect-ratio: 488 / 114;
  }
  .sec-immediate .immediate-flow-item { width: min(138px, 28.2792%); }
  .sec-immediate .immediate-flow-item--1 { left: min(20px, 4.0989%); }
  .sec-immediate .immediate-flow-item--2 { left: min(185px, 37.9103%); }
  .sec-immediate .immediate-flow-item--3 { left: min(350px, 71.7218%); }
  .sec-immediate .immediate-flow-arrow--1 { left: min(164px, 33.6071%); }
  .sec-immediate .immediate-flow-arrow--2 { left: min(329px, 67.4186%); }
  .sec-immediate .immediate-flow-photo {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 138 / 87;
  }
  .sec-immediate .immediate-flow-photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .sec-immediate .immediate-flow-label {
    width: 100%;
    height: auto;
    min-height: 27px;
    padding: 4px 2px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .sec-immediate .immediate-about { padding: 51px 32px 40px; }
  .sec-immediate .immediate-about-img {
    position: static;
    width: min(351px, 100%);
    margin: 24px auto 0;
  }
  .sec-immediate .immediate-about-text { width: min(607px, 100%); margin-top: 24px; }
  .sec-immediate .immediate-about-foot { width: min(607px, 100%); flex-wrap: wrap; row-gap: 12px; }
  .sec-immediate .immediate-condition { padding: 31px 32px; }
  .sec-immediate .immediate-condition-img {
    position: static;
    width: min(424px, 100%);
    margin: 0 auto;
  }
  .sec-immediate .immediate-condition-body { width: 100%; margin-top: 24px; }
  .sec-immediate .immediate-extraction { padding: 24px 32px 32px; }
  .sec-immediate .immediate-extraction-body { width: 100%; }
  .sec-immediate .immediate-flow {
    position: relative;
    left: auto;
    top: auto;
    width: min(488px, 100%);
    margin: 32px auto 0;
  }
}