.sort__check {
  display: none;
}
.sort__content {
  height: 0;
  margin-bottom: 15px;
  opacity: 0;
  transition: 0.5s ease-in-out;
  visibility: hidden;
}
.sort__check:checked + .sort__label + .sort__content {
  height: auto;
  opacity: 1;
  visibility: visible;
}
.sort__label {
  background-color: #FF8E8E;
  border-radius: 10px;
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 15px;
  text-align: center;
  transition: 0.3s ease-in-out;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .sort__label {
    max-width: 465px;
    margin: 0 auto;
  }
}
.sort__label::after {
  content: "\f1e3";
  display: inline-block;
  font-family: "Material Icons Round";
  font-size: 18px;
  height: 20px;
  margin-left: 3px;
  vertical-align: sub;
  width: 20px;
}
.sort__check:checked + .sort__label {
  background: #ffd0d0;
  color: #333;
}
.sort__check:checked + .sort__label::after {
  content: "\f1e0";
}
.sort__inner {
  background-color: #e7e7e7;
  margin-top: 15px;
  padding: 15px;
}
@media screen and (min-width: 640px) {
  .sort__inner {
    max-width: 834px;
    margin-left: auto;
    margin-right: auto;
  }
}
.sort__title {
  font-size: 16px;
  font-weight: bold;
}
.sort__title:not(:first-of-type) {
  margin-top: 15px;
}
.sort__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3px;
  margin-top: 15px;
}
.sort__item {
  text-align: center;
}
.sort__anchor {
  background-color: #fff;
  border-radius: 3px;
  font-size: 14px;
  display: block;
  height: 100%;
  padding: 15px 0;
}
.now .sort__anchor {
  background-color: #0bbbc2;
  color: #fff;
}
.sort__result {
  font-weight: bold;
  font-size: 14px;
}
@media screen and (min-width: 640px) {
  .sort__result {
    max-width: 834px;
    margin-left: auto;
    margin-right: auto;
  }
}
.sort__result span {
  color: #f72d8a;
  font-size: 18px;
  margin-left: 3px;
}

.system {
  display: block;
  background-color: #fff;
  box-shadow: 0 1px 3px 0px rgb(212, 212, 212);
  padding: 15px;
}
.system__wrap {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media screen and (min-width: 640px) {
  .system {
    max-width: 834px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 640px) {
  .system {
    padding: 30px;
  }
}
.system__header {
  display: grid;
  gap: 15px;
  grid-template-columns: 50px 1fr;
}
.system__logo img {
  height: 50px;
  width: 50px;
}
.system__sub-title {
  font-size: 14px;
}
.system__shop-name {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
}
.system__text {
  font-size: 14px;
  line-height: 1.8;
  margin-top: 15px;
}
.system__type {
  font-size: 12px;
  line-height: 1.8;
}
.system__type-list {
  display: flex;
}
.system__type-item {
  margin-right: 8px;
}
.system__type-item::before {
  content: "#";
}
.system__thumb-wrap {
  margin-top: 15px;
}
.system__thumb-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.system__thumb-anchor {
  display: block;
  position: relative;
}
.system__thumb-img {
  width: 100%;
}
.system__thumb-img--dummy {
  aspect-ratio: 2/3;
  left: 0;
  position: absolute;
  top: 0;
}
.system__price {
  font-size: 14px;
  margin-top: 15px;
}
.system__service {
  font-size: 14px;
  margin-top: 15px;
}
.system__title2 {
  font-weight: bold;
  margin-bottom: 2px;
}
.system__title2:not(:first-child) {
  margin-top: 15px;
}
.system__first-time em {
  font-weight: bold;
  font-size: 16px;
  margin-left: 3px;
}
.system__service-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 5px;
}
.system__service-item {
  background-color: #efefef;
  border-radius: 3px;
  line-height: 1.5;
  padding: 3px 5px;
}

.icon_health {
  color: #9ad9c7;
}

.icon_esthe {
  color: #9ad9c7;
}

.icon_onakura {
  color: #f1ea93;
}

.icon_wife {
  color: #dba2db;
}

.icon_3p {
  color: #7ea5d7;
}

.icon_matto {
  color: #beacd7;
}

.icon_connect {
  color: #e3d190;
}

.icon_mseikan {
  color: #beacd7;
}

.icon_cos {
  color: #f6d164;
}

.icon_kyonyu {
  color: #ffacd9;
}

.icon_shirouto {
  color: #a8e083;
}

.icon_gakuen {
  color: #ffacd9;
}

.icon_maid {
  color: #ffacd9;
}

.icon_nurse {
  color: #ffacd9;
}

.icon_uke {
  color: #73dfe6;
}

.icon_seme {
  color: #73dfe6;
}

.icon_ninpu {
  color: #ecdd51;
}/*# sourceMappingURL=system.css.map */