.b-img-box-white {
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 100%;
    max-width: 350px;
    max-height: 240px;
    margin: 0 auto;
    background: #fff;
    padding: 2.5em 1em 1em 1em;
    text-decoration: none;
    transition: .3s;
    border: 3px solid #fff;

    position: relative;
    overflow: hidden;
}
.b-img-box-white:hover {
    transition: .3s;
    opacity: .8;
}

.b-img-box-white::after {
    content: '';
    position: absolute;
    
    width: 0;
    height: 0;
    
    /* 境界線の太さ（三角形のサイズ）を定義 */
    border-width: 0 0 30px 30px; /* 上(0) 右(0) 下(25px) 左(25px) */
    border-style: solid;
    
    /* 3辺を透明、下側と左側を濃い青に設定 */
    border-color: transparent transparent #3B66B5 #3B66B5;
    
    transform: rotate(45deg); 
    
    right: -15px; /* 回転後の微調整（サイズによって異なる） */
    bottom: -15px; /* 回転後の微調整（サイズによって異なる） */

    z-index: 2;
}
.b-img-box-white-img {
    width: 90%;
    margin: 0 auto;
    max-width: 100px;
}
.b-img-box-white-img img {
    width: 100%;
}
.b-img-box-white-textarea {
    margin-top: 1em;
    min-height: 48px;
}
.b-img-box-white-textarea .b-img-box-white-textarea-text {
    color: #1571da;
	font-size: 16px;
    font-weight: 600;
}