.underTopWrap,.staffWrap {
    position: relative;
    width: 100%;
    overflow: hidden
}

.staffInner {
    position: relative;
    width: 90%;
    margin: 0 auto;
    max-width: 1100px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center
}

.underTopWrap {
    margin-top: 74px;
    aspect-ratio: 1440 / 400;
    min-height: 125px
}

.underTopWrap>img {
    min-height: 125px;
    object-position: 35%;
    -o-object-position: 35%
}

@media (min-width: 768px) {
    .underTopWrap>img {
        object-position:0;
        -o-object-position: 3
    }
}

.underTopWrap .h1X {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 5px
}

.underTopWrap .h1X .jpTit {
    font: normal 700 22px/28px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #FFF
}

@media (min-width: 768px) {
    .underTopWrap .h1X .jpTit {
        font-size:28px;
        line-height: 45px
    }
}

.underTopWrap .h1X .enTit {
    letter-spacing: 0.08em;
    font: normal 600 18px/24px "EB Garamond",'BIZ UDPMincho', serif;
    color: #FFF
}

@media (min-width: 768px) {
    .underTopWrap .h1X .enTit {
        letter-spacing:0.39em;
        font-size: 20px;
        line-height: 26px
    }
}

.staffWrap {
    padding: 80px 0
}

@media (min-width: 768px) {
    .staffWrap {
        padding:80px 0 100px
    }
}

.staffWrap .h2TitX {
    width: 100%
}

.staffWrap .h2TitX .filterTxt {
    transform: translate(-50%, -75%);
    text-align: center;
    white-space: nowrap;
    font-size: 68px;
    line-height: 63px
}

@media (min-width: 768px) {
    .staffWrap .h2TitX .filterTxt {
        transform:translate(-50%, -45%);
        font-size: 84px;
        line-height: 103px
    }
}

@media (min-width: 1024px) {
    .staffWrap .h2TitX .filterTxt {
        font-size:110px;
        line-height: 103px
    }
}

@media (min-width: 1280px) {
    .staffWrap .h2TitX .filterTxt {
        font-size:120px;
        line-height: 103px
    }
}

.staffWrap .h2TitX .enTit {
    font-size: 56px;
    line-height: 53px
}

@media (min-width: 768px) {
    .staffWrap .h2TitX .enTit {
        font-size:56px;
        line-height: 73px
    }
}

.staffInner {
    margin-top: 50px
}

.staffWrap .rowContentsX {
    width: 100%;
    margin-top: 75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 40px
}

@media (min-width: 1024px) {
    .staffWrap .rowContentsX {
        flex-direction:row;
        align-items: start;
        column-gap: 5.4545454545%
    }
}

@media (min-width: 1280px) {
    .staffWrap .rowContentsX {
        column-gap:8.1818181818%
    }
}

.staffWrap .rowContentsX .imgX {
    position: relative;
    width: 100%;
    border-radius: 6px
}

@media (min-width: 1024px) {
    .staffWrap .rowContentsX .imgX {
        aspect-ratio:400 / 267;
        width: 36.3636363636%
    }
}

.staffWrap .rowContentsX .imgX .commonImg {
    max-width: none;
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.staffWrap .rowContentsX .textContentsX {
    flex: 1
}

.staffWrap .rowContentsX .textContentsX .topX {
    width: 100%;
    display: flex;
    column-gap: 10px;
    align-items: end
}

@media (min-width: 768px) {
    .staffWrap .rowContentsX .textContentsX .topX {
        column-gap:20px
    }
}

.staffWrap .rowContentsX .textContentsX .topX .nameTxt {
    letter-spacing: 0.04em;
    font: normal 500 23px/34px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

@media (min-width: 414px) {
    .staffWrap .rowContentsX .textContentsX .topX .nameTxt {
        font-size:24px;
        line-height: 34px
    }
}

@media (min-width: 768px) {
    .staffWrap .rowContentsX .textContentsX .topX .nameTxt {
        font-size:26px;
        line-height: 34px
    }
}

.staffWrap .rowContentsX .textContentsX .topX .hiraTxt {
    letter-spacing: 0.05em;
    font: normal 500 18px/26px "EB Garamond",'BIZ UDPMincho', serif;
    color: #578099
}

@media (min-width: 768px) {
    .staffWrap .rowContentsX .textContentsX .topX .hiraTxt {
        font-size:20px;
        line-height: 26px
    }
}

.staffWrap .rowContentsX .textContentsX .centerX {
    margin-top: 15px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start
}

.staffWrap .rowContentsX .textContentsX .centerX .info {
    font: normal normal 16px/28px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

.staffWrap .rowContentsX .textContentsX .bottomX {
    margin-top: 25px;
    width: 100%
}

.staffWrap .rowContentsX .textContentsX .bottomX .desc {
    font: normal 400 16px/28px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

.staffWrap .staffInfoTxtX {
    margin: 35px auto 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start
}

.staffWrap .staffInfoTxt {
    font: normal normal 16px/28px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

.staffWrap .underColorTit {
    width: fit-content;
    background: linear-gradient(transparent 60%, rgba(157,192,212,0.4) 90%, transparent 10%);
    margin-top: 60px;
    margin-bottom: 40px;
    margin-right: auto;
    font: normal 700 12px/25px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

@media (min-width: 768px) {
    .staffWrap .underColorTit {
        font-size:18px;
        line-height: 29px
    }
}

@media (min-width: 1024px) {
    .staffWrap .underColorTit {
        margin-top:100px
    }
}

.staffWrap .firstRow {
    margin-top: 0
}

/*# sourceMappingURL=staff.css.map */