/* 加藤プロフィールページ専用（feature/self-introduction/toshi-kato/index.html） */
.page--profile-kato {
    /* Aboutアバター写真位置（SP）：375px=top0% left-12% width120% height195% / 767px=top0% left-13% width120% height200% */
    --profile-about-avatar-img-kato-top-sp: 0%;
    --profile-about-avatar-img-kato-left-sp: clamp(-13%, calc(-12% + (100vw - var(--fv-sp-base)) * -1% / 24.5rem), -12%);
    --profile-about-avatar-img-kato-width-sp: 120%;
    --profile-about-avatar-img-kato-height-sp: clamp(195%, calc(195% + (100vw - var(--fv-sp-base)) * 5% / 24.5rem), 200%);
}

.page--profile-kato .profile-about__avatar-img--kato {
    position: absolute;
    max-width: none;
    top: var(--profile-about-avatar-img-kato-top-sp);
    left: var(--profile-about-avatar-img-kato-left-sp);
    width: var(--profile-about-avatar-img-kato-width-sp);
    height: var(--profile-about-avatar-img-kato-height-sp);
    object-fit: cover;
    object-position: center center;
}

@media (min-width: 768px) {
    /* Aboutアバター写真位置（PC）：768px=1440px=top0% left-4% width105% height185% */
    .page--profile-kato .profile-about__avatar-img--kato {
        top: 0%;
        left: -4%;
        width: 105%;
        height: 185%;
    }
}

/* 02 ENCOUNTER 専用：375px=9.5px letter1px header-gap11px / 767px=13px letter2px header-gap10px */
@media (max-width: 767px) {
    .page--profile-kato #encounter .profile-section__header {
        margin-bottom: clamp(10px, calc(11px + (100vw - var(--fv-sp-base)) * -1px / 24.5rem), 11px);
    }

    .page--profile-kato #encounter .profile-section__text {
        font-size: clamp(9.5px, calc(9.5px + (100vw - var(--fv-sp-base)) * 3.5px / 24.5rem), 13px);
        letter-spacing: clamp(1px, calc(1px + (100vw - var(--fv-sp-base)) * 1px / 24.5rem), 2px);
    }
}

/* 02 ENCOUNTER 専用：768px=7px header-gap / 1440px=12px header-gap */
@media (min-width: 768px) {
    .page--profile-kato #encounter .profile-section__header {
        margin-bottom: clamp(7px, calc(7px + (100vw - var(--layout-pc-base)) * 5px / var(--layout-pc-span)), 12px);
    }

    .page--profile-kato #encounter .profile-section__text {
        font-size: clamp(9.3px, calc(9.3px + (100vw - var(--layout-pc-base)) * 6.7px / var(--layout-pc-span)), 16px);
        letter-spacing: clamp(0px, calc(0px + (100vw - var(--layout-pc-base)) * 2px / var(--layout-pc-span)), 2px);
    }
}