.lp-tech{
  padding:80px 0;
  .subtitle{
    color:#AD6C6AD6;
    text-transform:uppercase;
    font-size:14px;
    text-align:center;
    margin-bottom:10px;
  }
  h2{
    font-size:40px;
    text-transform:none;
    text-align:center;
    margin-bottom:2rem;
  }
  .ttl{
    font-size:22px;
    letter-spacing:0px;
    line-height:1.2;
    margin-bottom:10px;
  }
  .txt{
    font-size:16px
  }
  .text-center{
    max-width:420px;
    margin:0 auto;
    margin-top:2.5rem;
  }

  
  .beef-power{
    display: grid;
    grid-template-columns: 30% 40% 30%;
    gap: 10px;
    align-items:center;
    margin:0 auto;

  .power{
    margin:30px 0;
    display:flex;
    align-items:center;
    .txt, .ttl{
      text-align:right;
      padding-right:10px;
    }
    .arrow-right{
      width:20px;
      z-index:9;
      svg{
        width:110px;
        margin-right:-90px;
      }
      }

    .arrow-left{
      width:0px;
      z-index:9;
      svg{
        width:110px;
        margin-left:-110px;
      }
      }
  }

  .beef-power-item_right{
    .txt, .ttl{
      text-align:left;
      padding-left:10px !important;
      padding-right:0;
    }
}
}
  
}




@media screen and (max-width: 760px) {

.lp-tech{
    display: block;
    padding:48px 0;

  .page-width{
    padding:0 16px;
  }
  .subtitle{
    font-size:12px;
  }
  h2{
    font-size:28px;
  }
  .ttl{
    font-size:18px;
  }
  .txt{
    font-size:14px
  }
  .text-center{
    max-width:100%;
  }
  .beef-power{
    display:block;
  }

  .beef-power-item_left .beef-power-item_txt{
    display:flex;
    margin-bottom:0rem;
    text-align:center;
    .power{
      display:block;
      position:relative;
      margin:15px 0;
      margin-top:0;
      .txt{
        font-size:14px;
        text-align:center;
        padding:0px !important;
      }
      .ttl{
        font-size:18px;
        text-align:center;
        padding:0 !important;
      }
      svg{
        transform: rotate(90deg);
        max-width:100px;
        position:absolute;
        top:calc(100% + 3rem);
        left:calc(50% - 55px);
      }
    }
  }

    .beef-power-item_right .beef-power-item_txt{
    display:grid;
    grid-template-columns: 1fr 1fr;
    margin-top:1rem;
    gap:10px;
    text-align:center;
    .power{
      margin:15px 0;
      margin-top:0;
      display:block;
      position:relative;
      .txt{
        font-size:14px;
        text-align:center;
        padding:0px !important;
      }
      .ttl{
        font-size:18px;
        text-align:center;
        padding:0 !important;
      }
      .arrow-left{
        width:100%;
        position:static;
        display:block;
      }
      svg{
        transform: rotate(90deg);
        max-width:100px;
        position:absolute;
        bottom:calc(100% + 3rem);
        left:25%;
        margin:0 !important;
      }
    }
  }

 .text-center{
    margin-top:1rem;
  }
  
  }

}