@charset "utf-8";
.func-card {
    padding: 25px 30px;
}

.install ul {
 display: flex;
 justify-content: center;
 align-items: center;
flex-direction: column;
 gap:100px;
 margin-bottom: 30px;
}

.install ul li{
 position: relative;
}

.install ul li:not(:last-child)::after{
 content: "";
 position: absolute;
 bottom: -80px;
 left: 0;
 right: 0;
 margin: auto;
 block-size:0;
 inline-size:0;
 border-top: 20px solid #003da3;
 border-bottom: 20px solid transparent;
 border-right: 20px solid transparent;
 border-left: 20px solid transparent;
}

.install ul li p{
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 20px;
}

.install ul li:nth-child(1) p{
 color: var(--c-blue-2);
}

.install ul li:nth-child(2) p{
 color: var(--c-orange-2);
}

@media print, screen and (min-width:768px){
 .install .container > p{
  text-align: center;
 }
 .install ul {
flex-direction: row;
}
 
 .install ul li{
  width: 50%;
 }
 .install ul li:not(:last-child)::after{
  left: auto;
  bottom: 0;
  top: 0;
  right: -80px;
  transform: rotate(-90deg);
 }
}