@charset "UTF-8"; 
.page-partnership {
    display: flex;
    flex-direction: column;
    padding: 0 8vw;
    gap: 3vw;
}
/* ===============================
   01: partnership header
=============================== */
.partnership__header {
    display: flex;
    flex-direction: column;
    gap: 3vw;
    padding: 12vw 0 0;
}
.header__title {
    display: flex;
    flex-direction: row;
    padding: 0 7vw;
    gap: 5vw;
    align-items: center;
}
.partnership__title {
    font-size: 4.2rem;
    line-height: normal;
    letter-spacing: .05em;
}
.partnership__subtitle {
    font-size: 1.6rem;
    line-height: normal;
    letter-spacing: .05em;
    font-weight: 500;
}
.header__txt {
    display: flex;
    padding: 0 7vw;
}
.header__txt p{
    font-size: 1.6rem;
    font-weight: 500;
}
/* ===============================
   02: partnership section
=============================== */
.partnership__container {
    display: flex;
    padding: 8vw 6vw;
    flex-direction: column;
    align-items: center;
    gap: 4vw;
    align-self: stretch;
    border-radius: 40px;
    border: 5px solid #585858;
}
/* container__header */
.container__header {
    display: flex;
    width: 95%;
    flex-direction: column;
    padding: 1vw 8vw;
    justify-content: center;
    gap: 0.5vw;
    border-bottom: 2px solid #585858;
}
.container__header p {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -1px;
}

/* container__imgSection1 */
.container__imgSection {
    display: flex;
    width: 95%;
    padding: 1vw 8vw;
    flex-direction: column;
    align-items: flex-start;
    gap: 1vw;
    border-bottom: 2px solid #585858;
}
.container__imgSection-title {
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: -1.25px;
}
.container__imgSection-titleTxt,
.imgBox__container p {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -1px;
}
.imgBox {
    display: flex;
    gap: 5vw;
    padding: 0 5vw;
    align-items: center;
}
.imgBox__container {
    display: flex;
    width: 50%;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    gap: 1vw;
}
.imgBox__container-img {
    background-position: center;
    background-size: cover;
    width: 15vw;
    height: 15vw;
}
.img1 {
    background-image: url(../images/partnership/partnership1.png);
}
.img2 {
    background-image: url(../images/partnership/partnership2.png);
}

/* container__txtSection */
.container__txtSection {
    display: flex;
    width: 95%;
    flex-direction: column;
    padding: 1vw 8vw;
    justify-content: center;
    gap: 0.5vw;
    border-bottom: 2px solid #585858;
}
.container__txtSection p:first-child {
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: -1.25px;
}
.container__txtSection p {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -1px;
}

/* container__imgSection2 */

.containe__box {
    display: flex;
    align-items: center;
    gap: 3vw;
}

.container__imgSection-txt,
.containe__box-txt p {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -1px;
}
.container-img {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 12vw;
    height: 12vw;
}
.img3 {
    background-image: url(../images/partnership/partnership3.png);
}
.img4 {
    background-image: url(../images/partnership/partnership4.png);
}
/* mail */
.mail {
    display: flex;
    padding: 5vw 22vw;
    flex-direction: column;
    align-items: center;
    gap: 4vw;
}
.mail__txt {
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 1.9px;
}
.mail__container {
    display: flex;
    height: 10vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.address {
    font-size: 3rem;
    letter-spacing: 3.5px;
}

.mailDecoration {
    position: absolute;
    width: 6vw;
}
.left {
    top: 0;
    left: -5vw;
}
.right {
    bottom: 0;
    right: -5vw;
}
.fade-target {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.9s ease, transform 0.9s ease;
}
.fade-target.is-show {
    opacity: 1;
    transform: translateY(0);
}

/* 📱 Tablet (1024px) */
@media (max-width: 1024px){
    /* ===============================
    01: partnership header
    =============================== */
    .partnership__header {
        padding: 18vw 0 0;
    }
    .header__title {
        flex-direction: column;
        gap: .5vw;
    }
    .partnership__title {
        font-size: 3rem;
    }
    /* ===============================
    02: partnership section
    =============================== */
    .partnership__container {
        border: 3px solid #585858;
    }
    /* container__header */
    .container__header {
        width: 100%;
        padding: 1vw 5vw;
    }

    /* container__imgSection1 */
    .container__imgSection {
        width: 100%;
        padding: 1vw 5vw;
    }
    .imgBox {
        padding: 0;
    }
    .imgBox__container-img {
        background-size: contain;
        background-repeat: no-repeat;
        width: 17vw;
        height: 17vw;
    }

    /* container__txtSection */
    .container__txtSection {
        width: 100%;
        padding: 1vw 5vw;
        gap: 1vw
    }
    /* container__imgSection2 */
    .containe__box-txt p {
        font-size: 1.2rem;
    }
    /* mail */
    .mail {
        padding: 5vw 15vw;
    }
    .address {
        font-size: 2rem;
    }

}
/* 📱 Smartphone (810px)  */
@media (max-width: 810px){
    /* ===============================
    01: partnership header
    =============================== */
    .partnership__header {
        padding: 22vw 0 0;
    }
    .partnership__title {
        font-size: 2.2rem;
    }
    .partnership__subtitle {
        font-size: 1.2rem;
    }
    .header__title {
        padding: 0 5vw;
    }
    .header__txt {
        padding: 0px 5vw;
    }
    .header__txt p{
        font-size: 1.2rem;
    }
    /* ===============================
    02: partnership section
    =============================== */
    /* container__header */
    .container__header {
        padding: 5vw 0;
        gap: 2vw;
    }
    .container__header p {
        font-size: 1.2rem;
    }

    /* container__imgSection1 */
    .container__imgSection {
        padding: 5vw 0;
        gap: 2vw;
    }
    .container__imgSection-title {
        font-size: 1.8rem;
    }
    .container__imgSection-titleTxt,
    .imgBox__container p {
        font-size: 1.2rem;
    }
    .imgBox {
        padding: 0;
        flex-direction: column;
    }
    .imgBox__container {
        width: 100%;
        justify-content: center;
    }
    .imgBox__container-img {
        width: 40vw;
        height: 40vw;
    }

    /* container__txtSection */
    .container__txtSection {
        padding: 5vw 0;
        gap: 2vw;
    }
    .container__txtSection p:first-child {
        font-size: 1.8rem;
    }
    .container__txtSection p {
        font-size: 1.2rem;
    }

    /* container__imgSection2 */
    .containe__box {
        flex-direction: column;
    }
    .container__imgSection-txt,
    .containe__box-txt p {
        font-size: 1.2rem;
    }
    .container-img {
        width: 30vw;
        height: 30vw;
    }
    .mail {
        padding: 3vw 5vw;
        gap: 6vw;
    }
    .mail__txt {
        font-size: 1.2rem;
        font-weight: 500;
    }
    .address {
        font-size: 1.2rem;
        font-weight: 500;
        letter-spacing: 1.5px;
    }
    .mailDecoration {
        width: 8vw;
    }
    .left {
        left: -10vw;
    }
    .right {
        right: -10vw;
    }
}