@charset "utf-8";

/* ===================
profile
====================== */

@media screen and (max-width: 767px) {
    .profile {
        padding-block: 142px 93px;
    }
}

@media screen and (min-width: 768px) {
    .profile {
        padding-block: 266px 224px;
    }
}

@media screen and (max-width: 767px) {
    .profile_inner {
        padding-inline: 30px;
    }
}

@media screen and (min-width: 768px) {
    .profile_inner {
        padding-inline: 8.3%;
    }
}

.profile_head {
    display: grid;
}

@media screen and (max-width: 767px) {
    .profile_head {
        gap: 115px;
    }
}

@media screen and (min-width: 768px) {
    .profile_head {
        grid-template-columns: 580px 1fr;
    }
}

.profile_title {
    font-family: "FOT-筑紫Aオールド明朝 Pr6N D";
}

@media screen and (max-width: 767px) {
    .profile_title {
        font-size: 2.4rem;
    }
}

@media screen and (min-width: 768px) {
    .profile_title {
        font-size: 3.6rem;
    }
}

.profile_text {
    display: grid;
    font-feature-settings: "palt";
}

@media screen and (max-width: 767px) {
    .profile_text {
        gap: 30px;
        font-size: 1.4rem;
        line-height: 2.5rem;
    }
}

@media screen and (min-width: 768px) {
    .profile_text {
        gap: 32px;
        margin-block-start: 62px;
        font-size: 1.6rem;
        line-height: 3.2rem;
    }
}

.profile_careerDescription {
    font-feature-settings: palt;
}

@media screen and (max-width: 767px) {
    .profile_description {
        margin-block-start: 40px;
        font-size: 1.4rem;
        line-height: 2.5rem;
    }
}


@media screen and (min-width: 768px) {
    .name {
        margin-block-start: 168px;
    }
}

@media screen and (max-width: 767px) {
    .profile_name {
        margin-block-start: 134px;
        font-size: 24px;
    }
}

@media screen and (min-width: 768px) {
    .profile_name {
        font-size: 30px;
    }
}

.profile_post {
    font-size: 10px;
}


@media screen and (max-width: 767px) {
    .profile_career {
        margin-block-start: 41px;
    }
}

@media screen and (min-width: 768px) {
    .profile_career {
        margin-block-start: 45px;
    }
}

@media screen and (max-width: 767px) {
    .profile_careerDescription {
        font-size: 14px;
        line-height: 3.2rem;
    }
}

@media screen and (min-width: 768px) {
    .profile_careerDescription {
        font-size: 16px;
        line-height: 3.2rem;
    }
}

@media screen and (max-width: 767px) {
    .spbr {
        font-size: 14px;
    }
}

@media screen and (min-width: 767px){
    .spbr{
        display: none;
    }
}


.book {
    margin-block-start: 50px;
}

@media screen and (max-width: 767px) {
    .profile_subtitle {
        margin-block-start: 50px;
        font-size: 14px;
    }
}

@media screen and (min-width: 768px) {
    .profile_subtitle {
        margin-block-start: 50px;
        font-size: 16px;
    }
}

@media screen and (min-width: 768px) {
    .profile_body {
        display: grid;
    }
}

@media screen and (min-width: 768px) {
    .profile_button {
        place-self: end;
    }
}