.single-wrapper {
    margin: 10% 10vw;
}
.single-news-title {
    padding: 1% 2vw;
    width: 100%;
    font-size: 3vw;
    border-bottom: solid 2px #333;
}
.single-news-title02 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 3% 2vw;
}
.single-title-area {
    display: flex;
    align-items: center;
}
.single-title-area p:nth-child(2) {
    margin: 0 1vw;
}
.single-title-area p:last-child {
    font-size: 1.2vw;
}
.single-news-title02 img {
    width: 12vw;
    height: 6vw;
    object-fit: cover;
    border-radius: 5px;
}
.single-news-text-area {
    margin: 5% 2vw;
    line-height: 1.5;
}
.single-news-text-area a {
    color: #0000ff;
    border-bottom: solid 2px #0000ff;
}
.link-area ul {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 50vw;
}
#space-block {
    width: 1vw;
}
.link-area ul li:first-child {
    cursor: pointer;
    transition: 0.3s;
}
.link-area ul li:last-child {
    cursor: pointer;
    transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
    .link-area ul li:first-child:hover {
        font-size: 1.1vw;
        color: #0000ff;
        border-bottom: solid 2px #0000ff;
    }
    .link-area ul li:last-child:hover {
        font-size: 1.1vw;
        color: #0000ff;
        border-bottom: solid 2px #0000ff;
    }
}
@media screen and (max-width: 767px) {
    .single-wrapper {
        margin: 35% 5vw 20% 5vw;
    }
    .single-news-title {
        padding: 1% 2vw;
        width: 100%;
        font-size: 7vw;
        border-bottom: solid 1px #333;
    }
    .single-news-title02 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        margin: 5% 2vw;
    }
    .single-title-area {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        font-size: 3vw;
    }
    .single-title-area p:nth-child(2) {
        display: none;
    }
    .single-title-area p:last-child {
        margin-top: 2%;
        margin-bottom: 5%;
        font-size: 3.5vw;
    }
    .single-news-title02 img {
        width: 100%;
        height: 50vw;
        object-fit: cover;
        border-radius: 5px;
    }
    .single-news-text-area {
        margin: 5% 2vw;
        line-height: 1.8;
        font-size: 3.3vw;
    }
    .single-news-text-area a {
        border-bottom: solid 1px #0000ff;
    }
    .link-area ul {
        display: flex;
        justify-content: center;
        margin: 15% auto 0 auto;
        width: 80vw;
        font-size: 3.5vw;
    }
    #space-block {
        width: 5vw;
    }
}