@charset "UTF-8";

/* =============================
main
============================= */
body {
    display: none;
}

.container {
    height: 100dvh;
    
}

.main {
    background-image: url(../images/color_bg.png);
    background-repeat: no-repeat;
    background-size: 72.1vh auto;
    background-position: center;
    background-attachment: fixed;
    margin: 5.66vh 0 0;
    width: 100%;
}

.article {
    padding: 0 10.6%;
    /* margin-bottom: 15.8vh; */
    display: flex;
    flex-direction: column;
}

.contents {
    margin-bottom: 9.97vh;
    flex: 466;
}

.contents__topic {
    width: 141.44px;
    margin-bottom: 4.92vh;
}

.contents__image {
    margin: 0 auto 3.44vh;
}

.contents__txt {
    margin-left: auto;
    width: 64%;
    font-family: "Shippori Mincho";
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 0.05em;
}

.contents__txt br {
    display: block;
    content: "";
    height: 1.66vh;
}

.pressKit {
    padding: 0 3.38%;
    flex: 164;
    margin-bottom: 15.8vh;
}

.pressKit__topic {
    color: var(--primary-blueGray);
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 1.84vh;
}

.JP {
    font-size: 0.9rem;
    line-height: 1;
}

.link__item {
    color: var(--primary-blueGray);
    font-size: 1.2rem;
    line-height: 1.5;
    text-decoration-line: underline;
}

/* main pc */
@media screen and (min-width:769px) {
    .container {
        height: 100dvh;
    }
    
    .main {
        background-size: auto 82.7vh;
        background-position: center;
        margin: 0 0;
        height: auto;
        background-attachment: fixed;
    }

    .article {
        padding: 6.05vh 0 0;
        margin: 2.14vh 9.72vw 13.67vh;
    }

    .contents {
        display: flex;
        margin-bottom: 9.76vh;
    }

    .contents__topic {
        height: 2.92vh;
        width: 14.73vw;
        margin: 0 2.58% 0 0;
    }

    .contents__image {
        width: 33.33vw;
        margin: 4.88vh 0 1.85vh;
    }

    .contents__txt {
        margin: auto 0 0 2.58%;
        width: 28.12vw;
        font-size: 1.3rem;
    }

    .pressKit {
        display: flex;
        padding: 0 0;
        margin: 0 0 5.66vh 20.86%;
        gap: 20px;
    }

    .pressKit__topic {
        color: var(--primary-blueGray);
        font-size: 2rem;
        line-height: 1.2;
    }

    .JP {
        font-size: 1.3rem;
        line-height: 1;
    }

    .link__item {
        color: var(--primary-blueGray);
        font-size: 1.5rem;
        line-height: 1.5;
    }
}

/* main 769px-1170px */
@media screen and (min-width:1170px) {
    .contents__txt {
        font-size: 1.5rem;
    }
}

/* =============================
footer
============================= */

/* footer pc 縦レイアウト */
@media screen and (min-width:769px) {
    .footer {
        padding: 0 0;
        display: flex;
        position: absolute;
        bottom: 12.69vh;
        left: 90.8vw;
        width: max-content;
        transform: translateX(0);
    }

    .sns {
        margin-bottom: 0;
        flex-direction: column;
        gap: 2.92vh;
        width: fit-content;
    }

    .copy {
        position: absolute;
        left: 58.5px;
        transform-origin: top left;
        transform: rotate(90deg);
        /* transform-origin: 1.56vw; */
        color: var(--primary-lightGrey);
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: -0.286px;
        /* height: fit-content; */
        width: max-content;
    }
}
/* pc 769px */