@charset "UTF-8";
/* *** variables model *** */
/* color */
/* *** common variables *** */
/* break point */
/* hover style */
/* color */
/* One-Tone */
/* Two-Tone */
/* *** mixins *** */
/* break point */
/* hover */
/* --- 10px = 1rem --- */
/* service2024 サービス2024 wifi_incar */
/* 車内Wi-Fiの接続方法 横組みに上書き */
.service-details-area {
  /* お手持ちの端末 */
  /* 注意 */
}
@media (min-width: 769px) {
  .service-details-area .flow-area .flow-block-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (min-width: 769px) {
  .service-details-area .flow-area .flow-block-wrap .flow-block {
    flex-basis: 28%;
  }
}
@media (min-width: 769px) {
  .service-details-area .flow-area .flow-block-wrap .flow-block ul.ls-col-2-1 {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .service-details-area .flow-area .flow-block-wrap .flow-block ul.ls-col-2-1 {
    flex-direction: column-reverse;
    gap: 1rem;
  }
}
@media (min-width: 769px) {
  .service-details-area .flow-area .flow-block-wrap .flow-block:not(:first-child) {
    margin-block: 0;
  }
}
@media (min-width: 769px) {
  .service-details-area .flow-area .flow-block-wrap .triangle-wrap {
    flex-basis: 5%;
    display: block;
    height: 220px;
  }
}
@media (min-width: 769px) {
  .service-details-area .flow-area .flow-block-wrap .triangle-wrap .triangle {
    transform: rotate(-90deg);
    left: -16px;
    right: auto;
    top: calc(50% - 20px);
  }
}
.service-details-area .device-step-list {
  display: flex;
}
@media (min-width: 769px) {
  .service-details-area .device-step-list .nml-step-box {
    border-top: 2px solid #E1639D;
  }
}
@media (max-width: 768px) {
  .service-details-area .device-step-list .nml-step-box.ver-simple .step-txt-wrap {
    border-left: 2px solid #E1639D;
  }
}
.service-details-area .device-step-list .nml-step-box .step-label {
  color: #E1639D;
}
.service-details-area .device-step-list .nml-step-box .step-txt-wrap .step-ttl {
  font-size: 1.8rem;
}
.service-details-area .caution-area {
  display: flex;
}
@media (min-width: 769px) {
  .service-details-area .caution-area {
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .service-details-area .caution-area {
    flex-direction: column;
  }
}
.service-details-area .caution-area .icn-text {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
@media (min-width: 769px) {
  .service-details-area .caution-area .icn-text {
    flex-basis: 15%;
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .service-details-area .caution-area .icn-text {
    justify-content: center;
    padding-block-end: 1rem;
    margin-block-end: 1.6rem;
    border-block-end: 1px solid var(--greyK20);
  }
}
.service-details-area .caution-area .icn-text img {
  width: 3.2rem;
  height: auto;
}
@media (min-width: 769px) {
  .service-details-area .caution-area .nomal-list {
    flex-basis: 84%;
  }
}
.service-details-area .caution-area .nomal-list li a {
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: all 0.3s ease;
}
.service-details-area .caution-area .nomal-list li a:hover {
  color: var(--keyColor);
  text-decoration-color: var(--keyColor);
  transition: all 0.3s ease;
}/*# sourceMappingURL=wifi_incar.css.map */