.clear {
  clear: both; }

p,
h1,
h2,
h3,
h4,
h5,
h6,
span {
  margin-bottom: 0; }

.small {
  font-size: 1rem; }

.low-voltage {
  margin-top: 15px; }
  .low-voltage .low-voltage-content {
    background-color: white;
    border: 1px solid #D3D3D3;
    padding: 50px 10px 33px 10px; }
    .low-voltage .low-voltage-content .low-title {
      text-align: center;
      margin-bottom: 55px; }
      .low-voltage .low-voltage-content .low-title span {
        font-size: 1.8rem;
        font-weight: bold; }
    .low-voltage .low-voltage-content .main-low-content {
      max-width: 800px;
      margin: auto; }
      .low-voltage .low-voltage-content .main-low-content .num-bg-red {
        margin-right: 10px; }
        .low-voltage .low-voltage-content .main-low-content .num-bg-red .content-low {
          max-width: 300px;
          width: 100%;
          background-color: #B8012E;
          border-radius: 10px;
          display: flex;
          justify-content: center;
          align-items: center; }
          .low-voltage .low-voltage-content .main-low-content .num-bg-red .content-low .unit {
            font-size: 4rem;
            color: white;
            font-weight: bold;
            font-family: "DIN2014-Bold"; }
          .low-voltage .low-voltage-content .main-low-content .num-bg-red .content-low .num {
            line-height: 0.8;
            font-size: 4.1rem;
            color: white;
            font-weight: bold;
            font-family: "DIN2014-Bold"; }
          .low-voltage .low-voltage-content .main-low-content .num-bg-red .content-low .text-end {
            font-size: 1.6rem;
            color: white;
            font-weight: bold;
            font-family: "Noto Sans JP", sans-serif; }
    .low-voltage .low-voltage-content .content {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .low-voltage .low-voltage-content .content .block.red-block .title-content {
        border-color: #B8012E;
        color: #B8012E; }
      .low-voltage .low-voltage-content .content .block {
        max-width: 380px;
        width: 100%; }
        .low-voltage .low-voltage-content .content .block .title-content {
          font-size: 1.6rem;
          max-width: 300px;
          width: 100%;
          height: 45px;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 10px;
          border: 1px solid #302d2c;
          margin: auto;
          font-family: "Noto Sans JP", sans-serif; }
        .low-voltage .low-voltage-content .content .block span.text {
          font-size: 2.6rem;
          font-weight: bold;
          font-family: "Noto Sans JP", sans-serif; }
        .low-voltage .low-voltage-content .content .block span.unit {
          padding: 0 6px 0 8px;
          font-size: 4rem;
          font-weight: bold;
          font-family: "DIN2014-Bold"; }
        .low-voltage .low-voltage-content .content .block .num {
          font-size: 5.0rem;
          font-weight: bold;
          font-family: "DIN2014-Bold";
          line-height: 0.8; }
        .low-voltage .low-voltage-content .content .block .red-num {
          color: #B8012E; }
        .low-voltage .low-voltage-content .content .block .unit-red {
          color: #B8012E; }
      .low-voltage .low-voltage-content .content .text-body {
        text-align: right; }
        .low-voltage .low-voltage-content .content .text-body .text-div {
          margin: 18px 0 12px 0;
          display: flex;
          justify-content: center;
          align-items: center; }
  .low-voltage .num-bg-red .content-low {
    padding: 2px 0;
    float: right; }
    .low-voltage .num-bg-red .content-low .unit-white {
      padding-right: 9px; }
  .low-voltage .sum-up-power {
    max-width: 450px;
    width: 100%;
    margin: auto;
    margin-top: 42px; }
    .low-voltage .sum-up-power ul {
      list-style: none;
      padding-left: 0; }
      .low-voltage .sum-up-power ul li span {
        font-size: 1rem;
        font-family: "Noto Sans JP", sans-serif; }

.benefit {
  margin-top: 160px; }
  .benefit h2.title {
    margin-bottom: 30px; }
  .benefit .benefit-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .benefit .benefit-content .content {
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 320px;
      width: 100%;
      height: 200px;
      background-color: #B8012E;
      border-radius: 10px; }
      .benefit .benefit-content .content .detail {
        text-align: center; }
        .benefit .benefit-content .content .detail h3.title-low {
          color: white;
          font-size: 2.4rem;
          font-weight: bold;
          height: 64px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 4px;
          font-family: "Noto Sans JP", sans-serif; }
        .benefit .benefit-content .content .detail p.text {
          color: white;
          font-size: 1.4rem;
          height: 57px;
          display: flex;
          justify-content: center;
          align-items: center;
          line-height: 19px;
          font-family: "Noto Sans JP", sans-serif; }
  .benefit .small {
    margin-top: 12px;
    font-family: "Noto Sans JP", sans-serif; }

.services-area {
  margin-top: 160px; }
  .services-area .small {
    margin-top: 8px;
    text-align: center;
    line-height: 14px;
    font-family: "Noto Sans JP", sans-serif; }
  .services-area .img-services img {
    max-width: 952px;
    width: 100%;
    display: block;
    margin: auto; }

@media screen and (max-width: 1120px) {
  .benefit .benefit-content {
    justify-content: space-around; }
    .benefit .benefit-content .content {
      margin: 10px 0; } }

@media screen and (max-width: 768px) {
  .low-voltage .low-voltage-content .content {
    flex-wrap: wrap; }
    .low-voltage .low-voltage-content .content .block {
      max-width: 600px;
      width: 100%;
      margin: auto; }
      .low-voltage .low-voltage-content .content .block .num {
        font-size: 4.5rem; }
    .low-voltage .low-voltage-content .content .img.arrow {
      padding: 20px 0;
      max-width: 200px;
      width: 100%;
      margin: auto;
      text-align: center; }
      .low-voltage .low-voltage-content .content .img.arrow img {
        transform: rotate(90deg); }
  .low-voltage .low-voltage-content .main-low-content .num-bg-red .content-low {
    float: unset;
    margin: auto; }
  .benefit {
    margin-top: 50px; }
    .benefit .benefit-content .content {
      height: unset;
      padding: 20px 10px; }
  .services-area {
    margin-top: 50px; } }

@media screen and (max-width: 576px) {
  .services-area .img-services {
    width: 100%;
    overflow-x: auto;
    margin-top: 20px; }
    .services-area .img-services img {
      max-width: 700px;
      width: auto; } }