/* topページ */
.p-mainVisual__slideTitle {
  font-size: 40px;
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5472;
  transform: translate(0px, -20px);
}
@media screen and (max-width: 1180px), print {
  .p-mainVisual__slideTitle {
    font-size: 1.5rem;
  }
}
.-height-full .p-mainVisual__slideText {
  font-size: 26px;
  margin-top: 1em;
  font-weight: 600;
}
@media screen and (max-width: 1180px), print {
  .-height-full .p-mainVisual__slideText {
    margin-top: 0em;
    font-size: 1.1rem;
  }
}
.-height-full .p-mainVisual__slideText img {
  margin-bottom: 2em;
}
@media screen and (max-width: 1180px), print {
  @media screen and (max-width: 1180px), print {
    .-height-full .p-mainVisual__slideText img {
      width: 45vw;
      margin-bottom: 1em;
    }
  }
}
.p-mainVisual__scroll {
  opacity: 1;
}
.p-mainVisual {
  background: linear-gradient(to right, #0d99e5 0%, #24a9d1 50%, #28b9c3 100%);
  height: calc(100vh - 92px);
}
@media screen and (max-width: 1180px), print {
  .p-mainVisual {
    height: calc(100vh - 80px);
  }
}
@media screen and (max-width: 1180px), print {
  main .service-child figure img {
    width: 80px;
  }
}
main .service-child {
  position: relative;
}
main .border_blue > .wp-block-column {
  background: #f2f6f9 !important;
  padding: 50px 30px;
}
@media screen and (max-width: 1180px), print {
  main .border_blue > .wp-block-column {
   padding: 40px 20px;
  }
}
main .service-child::after {
  display: inline-block;
  width: 50px;
  transition: all 0.3s;
  height: 50px;
  background: #0381d3;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0px;
  left: 0px;
}
main .service-1::after {
  content: "1";
}
main .service-2::after {
  content: "2";
}
main .service-3::after {
  content: "3";
}
main .service-4::after {
  content: "4";
}
main .service-5::after {
  content: "5";
}
main .service-6::after {
  content: "6";
}
main .service-7::after {
  content: "7";
}
main .service-8::after {
  content: "8";
}

main .service-flex {
  flex-wrap: wrap !important;
}
main .service-flex > div {
  flex-basis: 48.85%;
}
@media screen and (max-width: 1180px), print {
  .nayami .wp-block-columns {
    --wp-column-gap: 0.5em;
  }

  .nayami p.has-background {
    padding: 0.6rem;
    text-indent: -1.5em;
    padding-left: 2em;
  }
  .nayami figure img {
    width: 80% !important;
  }
  .nayami h2,
  .kaiketsu h2 {
    line-height: 1.5;
    margin-top: 0 !important;
  }
  .service-child .swl-fz {
 font-size: 1.25em !important;
  }
	  .post_content h2 {
    font-size: 1.25em;
  }
  main .post_content h3 {
   font-size: 1.0em;
  }

}