body {
    /* background-image: url(""); ←いろんなソフトのスライドショーにする */
    background-size: cover;
}
.left {
    height: 100%;
    width: 50%;
}
.left-top {
    min-height: 40%;
    background-color: rgb(8, 128, 188, 0.6);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.left-bottom {
    background-color: rgb(3, 64, 95, 0.6);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    height: 60%;
}
.left-top-content {
    text-align: left;
    text-shadow: 0 0 10px #000000
}
.left-title {
    font-size: clamp(1.5rem, 10vw, 5rem);
    white-space: nowrap;
}
.left-subtitle {
    font-size: clamp(1rem, 5vw, 2.5rem);
}
p {
    font-size: clamp(0.5rem, 2vw, 1rem);
}
.link-btn {
    text-align: center;
    color: white;
    background-color: rgb(0, 0, 0, 0);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-size: clamp(1rem, 10vw, 2rem);
    width: 100%;
    display: block;
    text-decoration: none;
    transition: .2s ease;
}
.link-btn:hover {
    color: rgb(16, 105, 169);
    background-color: white;
}
html {
    font-size: 18px;
}
@media screen and (width <= 1600px) {
    .left {
        height: 100%;
        width: 100%;
    }
}