@charset "UTF-8";
/* ========================================================================
sora_service.css - サービストップ -
======================================================================== */
.serviceIndex {
  background-color: #ebf5ff;
}

.serviceIndex .pageVisualLeadWrap {
  background-color: #fff;
}

.serviceIndexSec:not(:first-child) {
  margin-top: 0.69rem;
}

/* PC設定 */
@media screen and (min-width: 768px), print {
  .serviceIndexInner {
    padding: 0.68rem 0.83rem 1.28rem;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px), print {
  .serviceIndexInner {
    margin-left: auto;
    margin-right: auto;
    max-width: 13.66rem;
  }
}

/* SP設定 */
@media screen and (max-width: 767px) {
  .serviceIndexInner {
    padding: 0.395rem 0.2rem 0.4rem;
  }
}

/* pageVisual
============================================================= */
.pageVisualLeadInner {
  padding: 0.8rem 0.83rem 0.51rem;
  background-color: #fff;
}

@media screen and (min-width: 768px), print {
  .pageVisualLeadInner {
    margin-left: auto;
    margin-right: auto;
    max-width: 13.66rem;
  }
}

.pageVisualLead {
  color: #015EB2;
  font-size: 0.32rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
  text-align: center;
}

.pageVisualLead + * {
  margin-top: 0.22rem;
}

.pageVisualLeadNote {
  text-align: center;
}

.pageVisualLeadNote > span {
  font-size: 0.14rem;
  letter-spacing: 0;
  padding-left: 1.2em;
  position: relative;
}

.pageVisualLeadNote > span::before {
  content: "※";
  display: inline-block;
  color: #f26419;
  font-size: 1em;
  position: absolute;
  left: 0;
  top: -.1em;
}

/* PC設定 */
@media screen and (min-width: 768px), print {
  .pageVisualTitleBox {
    top: 1.68rem;
    padding-left: 1.34rem;
    width: 5.54rem;
    height: 2.91rem;
  }
  .pageVisualTitleBox::after {
    width: 1.29rem;
    right: -1.29rem;
    background: linear-gradient(-110deg, transparent 0%, transparent 50%, #015EB2 50%, #015EB2 100%);
  }
}

/* SP設定 */
@media screen and (max-width: 767px) {
  .pageVisualTitleBox {
    top: 0.6rem;
    padding-left: 0.3rem;
    width: 3.4rem;
    height: 1.2rem;
  }
  .pageVisualTitleBox::after {
    content: none;
  }
  .pageVisualTitle {
    font-size: 0.18rem;
  }
  .pageVisualTitle + * {
    margin-top: 0.05rem;
  }
  .pageVisualTitleLead {
    font-size: 0.13rem;
  }
  .pageVisualLeadNote > span {
    font-size: 0.11rem;
  }
  .pageVisualLeadInner {
    padding: 0.4rem 0.2rem 0.25rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 768px) {
  .pageVisualLeadInner {
    margin-left: auto;
    margin-right: auto;
    max-width: 13.66rem;
  }
}

@media screen and (max-width: 767px) {
  .pageVisualLead {
    font-size: 0.14rem;
  }
  .pageVisualLead + * {
    margin-top: 0.1rem;
  }
}