@charset "utf-8";

/*============================================
リストのデザイン
==============================================*/

/* ul */
ul.c-list--unord-na {
  list-style: none;
  padding: 0;
}

ul.c-list--unord-na li {
  line-height: 1.6;
  padding-left: 1.5em;
  position: relative;
}

ul.c-list--unord-na li::before {
  background-color: transparent;
  background-image: url("pattern/modern/img-parts/list/ul_natural_pink01.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 1em;
  left: 0;
  mask-image: none;
  mask-size: contain;
  position: absolute;
  top: .25em;
  width: 1em;
}

/* ol */
ol.c-list--ordered-na {
  color: var(--color-main-default);
  counter-reset: li-count;
  list-style: none;
  margin-left: 0;
}

ol.c-list--ordered-na li {
  background: none;
  border: none;
  counter-increment: li-count;
  padding: 2px 2px 6px 30px !important;
  position: relative;
}

ol.c-list--ordered-na li::before {
  background-color: transparent;
  background-image: url("pattern/modern/img-parts/list/ol_natural_pink01.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  border-radius: 0;
  box-shadow: none;
  content: "";
  height: 2em;
  left: 0;
  position: absolute;
  top: 0;
  transform: none;
  width: 2em;
}

ol.c-list--ordered-na li::after {
  align-items: center;
  content: counter(li-count);
  display: flex;
  font-size: .8em;
  height: 26px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 2em;
}

dt.c-list--description-na {
  align-items: center;
  color: var(--color-main-default);
  display: flex;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  dt.c-list--description-na {
    width: 106px;
  }
}

.c-list--description-na::before {
  background-image: url("pattern/modern/img-parts/list/dt_natural_pink01.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  flex-shrink: 0;
  height: 20px;
  margin-right: 4px;
  width: 15px;
}

.c-list--description-na::after {
  background: none !important;
}

/* アクセスページ住所dt */
.c-list--description-address {
  align-items: baseline;
  color: var(--text-default);
  display: flex;
}

.c-list--description-address::before {
  background-image: url("pattern/modern/img-parts/list/dt_natural_address_pink01.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 12px;
  width: 15px;
}

/* 採用情報ページ　dl */
.c-list--description-recruit{
  margin-bottom: 0;
}