@charset "utf-8";

.collab_1 {
    width: 100%;
    display: grid;
    grid-template-columns: 15% 70% 15%;
    grid-template-rows: repeat(20, auto);
    margin-bottom: 8vw;
}

.collab_1>div:first-of-type {
    grid-column: 1/4;
    grid-row: 1;
    width: 100%;
    height: 6vw;
    background-color: black;
}

.collab_1>h1 {
    grid-column: 2;
    grid-row: 2;
    font-size: 2vw;
    font-weight: 600;
    color: #000000;
    justify-self: center;
    align-self: center;
    margin-top: 8vw;
}

.collab_1>div:nth-of-type(2) {
    width: 40%;
    height: 1vw;
    grid-column: 1/3;
    grid-row: 2;
    background-color: #C4A663;
    justify-self: start;
    align-self: center;
    margin-top: 8vw;
}

.collab_1>div:nth-of-type(3) {
    width: 40%;
    height: 1vw;
    grid-column: 2/4;
    grid-row: 2;
    background-color: #C4A663;
    justify-self: end;
    align-self: center;
    margin-top: 8vw;
}

.collab_1>p:first-of-type {
    grid-column: 2;
    grid-row: 3;
    font-size: 1.2vw;
    font-weight: 600;
    color: #000000;
    justify-self: center;
    align-self: center;
    margin-top: 4vw;
}

.collab_1_div_wrap_1 {
    width: 100%;
    grid-column: 2;
    grid-row: 4;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
}

.collab_1_div_wrap_1>div {
    grid-column: 1;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
    background-color: #f9f9f9;
    box-shadow: 0.1vw 0.1vw 0.5vw 0px rgb(239, 239, 239);
    padding: 2vw;
    margin-top: 4vw;
}

.collab_1_div_wrap_1>div>p:first-of-type {
    grid-column: 1;
    grid-row: 1;
    font-size: 1.3vw;
    font-weight: 500;
}

.collab_1_div_wrap_1>div>img:first-of-type {
    grid-column: 1;
    grid-row: 2;
    align-self: center;
    justify-self: center;
    margin-right: 5vw;
}

.collab_1_div_wrap_1>div:first-of-type>img:first-of-type {
    margin-top: 2vw;
    width: 40%;
}

.collab_1_div_wrap_1>div:nth-of-type(2)>img:first-of-type {
    width: 60%;
    margin-top: 2vw;
}

.collab_1_div_wrap_1>div>img:nth-of-type(2) {
    width: 100%;
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
    margin-top: 1vw;
}

.collab_1_div_wrap_1>div>p:nth-of-type(2) {
    grid-column: 2;
    grid-row: 1;
    font-size: 1vw;
}

.collab_1_div_wrap_1>div>p:nth-of-type(3) {
    grid-column: 2;
    grid-row: 3;
    font-size: 1vw;
    font-weight: 300;
    line-height: 1.6vw;
    letter-spacing: 0.2vw;
}

.collab_1_div_wrap_1>div>p:nth-of-type(4) {
    grid-column: 1;
    grid-row: 3;
    font-size: 0.9vw;
    font-weight: 300;
    line-height: 1.6vw;
    letter-spacing: 0.1vw;
}


.collab_1>h2 {
    grid-column: 2;
    grid-row: 5;
    font-size: 2vw;
    font-weight: 600;
    color: #000000;
    justify-self: center;
    align-self: center;
    margin-top: 8vw;
}

.collab_1_div_wrap_2 {
    grid-column: 2;
    grid-row: 6;
    width: 100%;
    margin-top: 6vw;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(20, auto);
}

/* １つ目 */
.collab_1_div_wrap_2>div:first-of-type {
    grid-column: 1;
    grid-row: 7;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, auto);
}

.collab_1_div_wrap_2>div:first-of-type>p:first-of-type {
    grid-column: 1/3;
    grid-row: 1;
    font-size: 1.4vw;
    font-weight: 600;
}

.collab_1_div_wrap_2>div:first-of-type>img:first-of-type {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    margin-top: 1vw;
}

.collab_1_div_wrap_2>div:first-of-type>img:nth-of-type(2) {
    grid-column: 2;
    grid-row: 2;
    width: 80%;
    margin-top: 2vw;
    justify-self: end;
}

.collab_1_div_wrap_2>div:first-of-type>p:nth-of-type(2) {
    grid-column: 1/3;
    grid-row: 3;
    font-size: 1.2vw;
    font-weight: 300;
    margin-top: 0.5vw;
}

.collab_1_div_wrap_2>div:first-of-type>p:nth-of-type(3) {
    grid-column: 1/3;
    grid-row: 4;
    font-size: 1.2vw;
    font-weight: 300;
    margin-top: 0.5vw;
}

/* 2つ目 */
.collab_1_div_wrap_2>div:nth-of-type(2) {
    grid-column: 1;
    grid-row: 8;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, auto);
    margin-top: 4vw;
}

.collab_1_div_wrap_2>div:nth-of-type(2)>p {
    grid-column: 1/3;
    grid-row: 1;
    font-size: 1.4vw;
    font-weight: 600;
}

.collab_1_div_wrap_2>div:nth-of-type(2)>img:first-of-type {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    margin-top: 1vw;
}

.collab_1_div_wrap_2>div:nth-of-type(2)>img:nth-of-type(2) {
    grid-column: 2;
    grid-row: 2;
    width: 70%;
    margin-top: 2vw;
    justify-self: end;
}

.collab_1_div_wrap_2>div:nth-of-type(2)>p:nth-of-type(2) {
    grid-column: 1/3;
    grid-row: 3;
    font-size: 1.2vw;
    font-weight: 300;
    margin-top: 0.5vw;
}

/* 3つ目 */
.collab_1_div_wrap_2>div:nth-of-type(3) {
    grid-column: 1;
    grid-row: 9;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, auto);
    margin-top: 4vw;
}

.collab_1_div_wrap_2>div:nth-of-type(3)>p:first-of-type {
    grid-column: 1/3;
    grid-row: 1;
    font-size: 1.4vw;
    font-weight: 600;
}

.collab_1_div_wrap_2>div:nth-of-type(3)>img:first-of-type {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    margin-top: 1vw;
}

.collab_1_div_wrap_2>div:nth-of-type(3)>img:nth-of-type(2) {
    grid-column: 2;
    grid-row: 2;
    width: 70%;
    margin-top: 2vw;
    justify-self: end;
}

.collab_1_div_wrap_2>div:nth-of-type(3)>p:nth-of-type(2) {
    grid-column: 1/3;
    grid-row: 3;
    font-size: 1.2vw;
    font-weight: 300;
    margin-top: 0.5vw;
}


/* 4つ目 */
.collab_1_div_wrap_2>div:nth-of-type(4) {
    grid-column: 1;
    grid-row: 10;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, auto);
    margin-top: 4vw;
}

.collab_1_div_wrap_2>div:nth-of-type(4)>p {
    grid-column: 1/3;
    grid-row: 1;
    font-size: 1.4vw;
    font-weight: 600;
}

.collab_1_div_wrap_2>div:nth-of-type(4)>img:first-of-type {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    margin-top: 1vw;
}

.collab_1_div_wrap_2>div:nth-of-type(4)>img:nth-of-type(2) {
    grid-column: 2;
    grid-row: 2;
    width: 70%;
    margin-top: 2vw;
    justify-self: end;
}

/* 5つ目 */
.collab_1_div_wrap_2>div:nth-of-type(5) {
    grid-column: 1;
    grid-row: 11;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, auto);
    margin-top: 4vw;
}

.collab_1_div_wrap_2>div:nth-of-type(5)>p:first-of-type {
    grid-column: 1;
    grid-row: 1;
    font-size: 1.4vw;
    font-weight: 600;
}

.collab_1_div_wrap_2>div:nth-of-type(5)>img:first-of-type {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    margin-top: 1vw;
}


.collab_1_div_wrap_2>div:nth-of-type(5)>p:nth-of-type(2) {
    width: 90%;
    grid-column: 2;
    grid-row: 2;
    font-size: 1.2vw;
    font-weight: 300;
    line-height: 2vw;
    letter-spacing: 0.2vw;
    font-feature-settings: "palt";
    justify-self: end;
}


@media screen and (max-width: 430px) {
    .collab_1 {
        grid-template-columns: 5% 1fr 5%;
        margin-bottom: 16vw;
    }

    .collab_1>div:first-of-type {
        grid-column: 1/4;
        grid-row: 1;
        width: 100%;
        height: 14vw;
        background-color: black;
    }

    .collab_1>h1 {
        grid-column: 2;
        grid-row: 2;
        font-size: 5vw;
        margin-top: 16vw;
    }

    .collab_1>div:nth-of-type(2) {
        width: 18%;
        height: 1.5vw;
        grid-column: 1/3;
        grid-row: 2;
        justify-self: start;
        align-self: center;
        margin-top: 16vw;
    }

    .collab_1>div:nth-of-type(3) {
        width: 18%;
        height: 1.5vw;
        grid-column: 2/4;
        grid-row: 2;
        justify-self: end;
        align-self: center;
        margin-top: 16vw;
    }

    .collab_1>p:first-of-type {
        grid-column: 2;
        grid-row: 3;
        font-size: 4vw;
        font-weight: 600;
        margin-top: 8vw;
    }

    .collab_1_div_wrap_1 {
        width: 100%;
        grid-column: 2;
        grid-row: 4;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, auto);
    }

    .collab_1_div_wrap_1>div {
        grid-column: 1;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, auto);
        background-color: #f9f9f9;
        box-shadow: 0.1vw 0.1vw 0.5vw 0px rgb(239, 239, 239);
        padding: 2vw;
        margin-top: 4vw;
    }

    .collab_1_div_wrap_1>div>p:first-of-type {
        grid-column: 1;
        grid-row: 1;
        font-size: 3vw;
        font-weight: 500;
    }

    .collab_1_div_wrap_1>div>img:first-of-type {
        grid-column: 1;
        grid-row: 2;
        align-self: center;
        justify-self: center;
        margin-right: 5vw;
    }

    .collab_1_div_wrap_1>div:first-of-type>img:first-of-type {
        margin-top: 3vw;
        width: 60%;
    }

    .collab_1_div_wrap_1>div:nth-of-type(2)>img:first-of-type {
        width: 70%;
        margin-top: 3vw;
    }

    .collab_1_div_wrap_1>div>img:nth-of-type(2) {
        width: 100%;
        grid-column: 2;
        grid-row: 2;
        justify-self: end;
        margin-top: 1vw;
    }

    .collab_1_div_wrap_1>div>p:nth-of-type(2) {
        grid-column: 2;
        grid-row: 1;
        font-size: 2.6vw;
    }

    .collab_1_div_wrap_1>div>p:nth-of-type(3) {
        grid-column: 1/3;
        grid-row: 4;
        font-size: 2vw;
        font-weight: 300;
        line-height: 4vw;
        letter-spacing: 0.2vw;
        margin-left: 2vw;
        margin-top: 2vw;
    }

    .collab_1_div_wrap_1>div>p:nth-of-type(4) {
        grid-column: 1/3;
        grid-row: 3;
        font-size: 2vw;
        font-weight: 300;
        line-height: 4vw;
        letter-spacing: 0.2vw;
        margin-left: 2vw;
    }


    .collab_1>h2 {
        grid-column: 2;
        grid-row: 5;
        font-size: 4vw;
        font-weight: 600;
        color: #000000;
        justify-self: center;
        align-self: center;
        margin-top: 16vw;
    }

    .collab_1_div_wrap_2 {
        grid-column: 2;
        grid-row: 6;
        width: 100%;
        margin-top: 8vw;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(20, auto);
    }

    /* １つ目 */
    .collab_1_div_wrap_2>div:first-of-type {
        grid-column: 1;
        grid-row: 7;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(10, auto);
    }

    .collab_1_div_wrap_2>div:first-of-type>p:first-of-type {
        grid-column: 1/3;
        grid-row: 1;
        font-size: 2.6vw;
    }

    .collab_1_div_wrap_2>div:first-of-type>img:first-of-type {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        margin-top: 2vw;
    }

    .collab_1_div_wrap_2>div:first-of-type>img:nth-of-type(2) {
        grid-column: 2;
        grid-row: 2;
        width: 95%;
        margin-top: 4vw;
        justify-self: end;
    }

    .collab_1_div_wrap_2>div:first-of-type>p:nth-of-type(2) {
        grid-column: 1/3;
        grid-row: 3;
        font-size: 3vw;
        font-weight: 300;
        margin-top: 1vw;
    }

    .collab_1_div_wrap_2>div:first-of-type>p:nth-of-type(3) {
        grid-column: 1/3;
        grid-row: 4;
        font-size: 3vw;
        font-weight: 300;
        margin-top: 1vw;
    }

    /* 2つ目 */
    .collab_1_div_wrap_2>div:nth-of-type(2) {
        grid-column: 1;
        grid-row: 8;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(10, auto);
        margin-top: 8vw;
    }

    .collab_1_div_wrap_2>div:nth-of-type(2)>p {
        grid-column: 1/3;
        grid-row: 1;
        font-size: 2.6vw;
        font-weight: 600;
    }

    .collab_1_div_wrap_2>div:nth-of-type(2)>img:first-of-type {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        margin-top: 2vw;
    }

    .collab_1_div_wrap_2>div:nth-of-type(2)>img:nth-of-type(2) {
        grid-column: 2;
        grid-row: 2;
        width: 85%;
        margin-top: 2vw;
        justify-self: end;
    }

    .collab_1_div_wrap_2>div:nth-of-type(2)>p:nth-of-type(2) {
        grid-column: 1/3;
        grid-row: 3;
        font-size: 3vw;
        font-weight: 300;
        margin-top: -3vw;
    }

    /* 3つ目 */
    .collab_1_div_wrap_2>div:nth-of-type(3) {
        grid-column: 1;
        grid-row: 9;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(10, auto);
        margin-top: 8vw;
    }

    .collab_1_div_wrap_2>div:nth-of-type(3)>p:first-of-type {
        grid-column: 1/3;
        grid-row: 1;
        font-size: 2.6vw;
        font-weight: 600;
    }

    .collab_1_div_wrap_2>div:nth-of-type(3)>img:first-of-type {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        margin-top: 2vw;
    }

    .collab_1_div_wrap_2>div:nth-of-type(3)>img:nth-of-type(2) {
        grid-column: 2;
        grid-row: 2;
        width: 85%;
        margin-top: 2vw;
        justify-self: end;
    }

    .collab_1_div_wrap_2>div:nth-of-type(3)>p:nth-of-type(2) {
        grid-column: 1/3;
        grid-row: 3;
        font-size: 3vw;
        font-weight: 300;
        margin-top: -3vw;
    }


    /* 4つ目 */
    .collab_1_div_wrap_2>div:nth-of-type(4) {
        grid-column: 1;
        grid-row: 10;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(10, auto);
        margin-top: 8vw;
    }

    .collab_1_div_wrap_2>div:nth-of-type(4)>p {
        grid-column: 1/3;
        grid-row: 1;
        font-size: 2.6vw;
        font-weight: 600;
    }

    .collab_1_div_wrap_2>div:nth-of-type(4)>img:first-of-type {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        margin-top: 2vw;
    }

    .collab_1_div_wrap_2>div:nth-of-type(4)>img:nth-of-type(2) {
        grid-column: 2;
        grid-row: 2;
        width: 85%;
        margin-top: 2vw;
        justify-self: end;
    }

    /* 5つ目 */
    .collab_1_div_wrap_2>div:nth-of-type(5) {
        grid-column: 1;
        grid-row: 11;
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(10, auto);
        margin-top: 8vw;
    }

    .collab_1_div_wrap_2>div:nth-of-type(5)>p:first-of-type {
        grid-column: 1;
        grid-row: 1;
        font-size: 2.6vw;
        font-weight: 600;
    }

    .collab_1_div_wrap_2>div:nth-of-type(5)>img:first-of-type {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        margin-top: 2vw;
    }

    .collab_1_div_wrap_2>div:nth-of-type(5)>p:nth-of-type(2) {
        grid-column: 1;
        grid-row: 3;
        width: 100%;
        font-size: 3vw;
        line-height: 5vw;
        margin-top: 2vw;
        justify-self: end;
    }











}