/* _media.scss
-------------------------------------------------------*/
/* /_media.scss
-------------------------------------------------------*/
/* _inner.scss
-------------------------------------------------------*/
/* /_inner.scss
-------------------------------------------------------*/
/* _over.scss
-------------------------------------------------------*/
/* /_over.scss
-------------------------------------------------------*/
/* _other.scss
-------------------------------------------------------*/
/* /_other.scss
  -------------------------------------------------------*/
.un-use {
  border-radius: 12px;
  overflow: hidden;
  background: #EFF5FB;
}
.un-use_head {
  background: var(--color-main);
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: var(--lineHeight-s);
  padding: 14px;
}
.un-use_head--light {
  background-color: var(--color-sub);
}
.un-use_body {
  padding: 20px 15px;
}
.un-use_box {
  margin-top: 20px;
  background: #fff;
  border-radius: 8px;
  padding: 18px 16px;
  border: 1px solid var(--color-border);
}
.un-use_box + .un-use_box {
  margin-top: 20px;
}
.un-use_box_title {
  color: var(--color-main);
  font-weight: 700;
  text-align: center;
  background: #E1F4FF;
  border-radius: 32px;
  padding: 4px;
  margin-bottom: 16px;
}
.un-use_box_lead {
  color: var(--color-pink);
  font-weight: 700;
  font-size: 1.8rem;
  text-decoration: underline;
  text-underline-offset: 8px;
  text-decoration-thickness: 2px;
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: 0.03em;
  line-height: var(--lineHeight-l);
}
.un-use_box_figure {
  margin-top: 10px;
}
.un-use_wipe {
  display: flex;
  margin-top: 32px;
  gap: 15px;
}
.un-use_wipe_img {
  flex-shrink: 0;
  max-width: 70px;
}
@media screen and (min-width: 768px), print {
  .un-use_head {
    font-size: 2rem;
  }
  .un-use_body {
    padding: 32px 36px;
  }
  .un-use_box {
    padding: 20px 23px;
    margin-top: 32px;
  }
  .un-use_box_lead {
    font-size: 2.2rem;
    text-underline-offset: 12px;
  }
  .un-use_wipe {
    gap: 32px;
    align-items: center;
  }
  .un-use_wipe_img {
    max-width: none;
  }
}