:root {
  --font: #333;
  --aqua: #4465e0;
  --link: #4465e0;
  --pink: #c2048d;
  --border: #ccc;
}

.p-service.-demonstration {
  background: #2691ea;
}
.p-service.-demonstration .p-service-mv-body {
  color: #fff;
}
@media only screen and (max-width: 740px) {
  .p-service.-lounge {
    background: radial-gradient(circle 4rem at 90% 5%, rgba(31, 117, 233, 0.2), rgba(31, 117, 233, 0.2) 30%, transparent), radial-gradient(circle 4rem at 20% 90%, rgba(31, 117, 233, 0.2), rgba(31, 117, 233, 0.2) 30%, transparent), #dce5ff;
  }
}
@media print, screen and (min-width: 741px) {
  .p-service.-lounge {
    background: radial-gradient(circle 6rem at 90% 20%, rgba(31, 117, 233, 0.2), rgba(31, 117, 233, 0.2) 30%, transparent), radial-gradient(circle 6rem at 20% 100%, rgba(31, 117, 233, 0.2), rgba(31, 117, 233, 0.2) 30%, transparent), #dce5ff;
  }
}

@media print, screen and (min-width: 741px) {
  .p-service-mv {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 0.5rem;
    z-index: 1;
  }
}

@media only screen and (max-width: 740px) {
  .p-service-mg-img {
    margin: -0.3rem 0 0 0.2rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-service-mg-img {
    flex: 0 0 50%;
  }
}
.p-service-mg-img img {
  width: 100%;
}

@media only screen and (max-width: 740px) {
  .p-service-mv-body {
    margin: 0.2rem 0.2rem 0 0.5rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-service-mv-body {
    flex: 0 0 5rem;
  }
}

@media only screen and (max-width: 740px) {
  .p-service-mv-ttl {
    margin-bottom: 0.1rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-service-mv-ttl {
    margin-bottom: 0.1rem;
  }
}
.p-service-mv-ttl .-sub {
  display: block;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  letter-spacing: -0.05em;
  line-height: 1.4;
  margin-bottom: 0.3em;
}
@media only screen and (max-width: 740px) {
  .p-service-mv-ttl .-sub {
    font-size: 0.14rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-service-mv-ttl .-sub {
    font-size: 0.2rem;
  }
}

.p-service-list {
  background: rgba(246, 249, 254, 0.7);
}
@media only screen and (max-width: 740px) {
  .p-service-list {
    margin-top: 0.3rem;
    padding: 0.15rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-service-list {
    margin-top: 0.5rem;
    padding: 0.6rem;
  }
}

@media print, screen and (min-width: 741px) {
  .p-service-item {
    display: flex;
    align-items: center;
    gap: 0.4rem;
  }
}
@media only screen and (max-width: 740px) {
  .p-service-item:not(:first-child) {
    margin-top: 0.4rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-service-item:not(:first-child) {
    margin-top: 0.3rem;
  }
}

@media print, screen and (min-width: 741px) {
  .p-service-item-img {
    flex: 0 0 2.4rem;
  }
}

@media only screen and (max-width: 740px) {
  .p-service-item-body {
    margin-top: 0.15rem;
  }
}
.p-service-item-hl {
  color: var(--aqua);
}