.perfor-ttl {
  font-family: "KyoMadokaStd-R";
  line-height: 0.36;
  letter-spacing: 2px;
  font-size: 30px;
  color:#d82a18;
}
.pf-ma {
  margin-top: 20px;
}
.sankaku {
  margin: 20px auto;
  width: 50px;
}
.pf-description {
  margin-top: 10px;
  text-align: left;
}

.sellSide{
    background-image: url("../img/bg00.png");
    aspect-ratio: 86 / 39;
    background-size: contain;
    position: relative;
    display: flex;
    justify-content: space-between;
    text-align: left;
    padding: 4%;

}
.number{
    font-size: 4rem;
    line-height: 1;
    color: #f8d8c6;
    font-weight: bold;
    font-family: Arial, Helvetica, "sans-serif";

}
.sellSide .left{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sellSide .right{
    width: 45%;
      display: flex;
    flex-direction: column;
    justify-content: space-between;
    
}
.buySide .right{
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}
.sellSide .right .logoUpper{
    color: #f8d8c6;

}
.sellSide .right figure{
   display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    margin: 0;
    margin-top: 10%;
    aspect-ratio:18/13;
    position: relative;
}
.buySide .right figure{
   display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    margin: 0;
    aspect-ratio:18/13;
    position: relative;
}
.sellSide .right figure img{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
        width: 65%;
    height: 60%;
    max-width: 65%;
    max-height: 60%;
    object-fit: contain;
}
.buySide .right figure img{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 65%;
    height: 60%;
    max-width: 65%;
    max-height: 60%;
    object-fit: contain;
}
.sellSide dl dt,.buySide dl dt{
    color: #f8d8c6;
}
.buySide{
    background-image: url("../img/buy00.png");
    aspect-ratio: 2.476 / 1;
    background-size: contain;
    position: relative;
    display: flex;
    justify-content: space-between;
    text-align: left;
    padding: 4%;

}

.buySide .left,.sellSide .left{
    font-size: 0.8rem;
}
    
.buySide .left{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .buySide .left,.sellSide .left{
    font-size:1.5vw;
    }
     .buySide .left dl,.sellSide .left dl{
        margin-bottom: 0;
    }
    .number{
    font-size: 6vw;
    }
}

@media (max-width: 768px) {
    .buySide .left,.sellSide .left{
    font-size:2.5vw;
    }
    .number{
    font-size: 10vw;
    }
}