@charset "utf-8";

/* =========================
profile
========================= */
.section__topic__frame {
    margin: 0 30px 0 30px;
    padding-top: 90px;
    width: 333px;
}

.section__topic {
    padding: 0;
    font-size: 4.0rem;
    gap: 0;
    position: relative;
}

.section__topic span.section__topic__title {
    font-size: 1.4rem;
    padding-bottom: 10px;
}

.section__topic span.section__topic__nameEn {
    font-size: 1.8rem;
    position: absolute;
    bottom: 0;
    right: 0;
}

.SNS__frame {
    padding-top: 20px;
    display: flex;
    gap: 15px;
}

.SNS {
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-block;
}

.SNS__default {
    display: block;
    transition: opacity 0.3s ease;
}

.SNS__hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.SNS:hover .SNS__default {
    opacity: 0;
}

.SNS:hover .SNS__hover {
    opacity: 1;
}

.profile__area {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
}

.profile__imgArea {
    width: 393px;
    height: 496px;
    position: relative;
}

.profile__img1 {
    width: 255px;
    height: 322px;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    object-position: 0 0;
}

.profile__img2 {
    width: 227px;
    height: 287px;
    object-fit: cover;
    position: absolute;
    bottom: 0;
    right: 0;
    object-position: 0 0;
}

.profile__textArea {
    font-size: 1.4rem;
    letter-spacing: 0.10em;
    text-align: left;
    /* margin: 50px 0 0 auto;
    右寄せ */
    margin: 50px auto 0;
    /* 真ん中 */
}

/* PC 769px */
@media screen and (min-width: 769px) {
    .section__topic__frame {
        margin: 0 0 0 80px;
        padding-top: 87px;
        width: 379px;
    }

    .section__topic span.section__topic__title {
        font-size: 1.8rem;
        padding-bottom: 5px;
    }

    .section__topic span.section__topic__nameEn {
        font-size: 2.0rem;
    }

    .profile__area {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 50px;
        width: 1250px;
        margin: 50px auto 0 7.29%;
    }

    .profile__imgArea {
        width: 448px;
    }

    .profile__img1 {
        width: 307px;
        height: 346px;
        object-fit: cover;
    }

    .profile__img2 {
        width: 244px;
        height: 275px;
        object-fit: cover;
    }

    .profile__textArea {
        font-size: 1.8rem;
        width: 752px;
        margin: 0;
    }

    .brSP {
        display: none;
    }
}

/* PC 769px */