*{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

.top-font-main-color{
    color: #52d0dd;
}
.top-bg-main-color{
    background-color: #52d0dd;
}

.top-allow-line{
    position: relative;
    border-bottom: 5px solid #52d0dd;
    height: 100%;
    flex : 1 1 auto;
}
.top-allow-line::before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 20px;
    border-right: 5px solid #52d0dd;
    transform-origin: bottom right;
    transform: rotate(-45deg);
}
.top-allow-line::after{
    content: "";
    position: absolute;
    bottom: -5px;
    right: -5px;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #52d0dd;
    border-left: 5px solid #52d0dd;
}

.top-line-clamp-3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.top-line-clamp-4{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

figure {
    overflow: hidden;
    aspect-ratio: 4/3;
}
figure img {
    width: 100%;
    height: auto;
}