:root {
    --colorbase: #000;
    --coloryellow: #f8da0f;
    --colorred: #C71E32;
}

/* ================================
UTILITIES
================================ */
.p-about-numbers__grid__txt {
    font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid__txt {
        font-size: 0.875rem;
    }
}

.p-about-numbers__grid__txt01,
.p-about-numbers__grid__ttl {
    font-size: 1rem;
}

@media screen and (min-width: 768px) {

    .p-about-numbers__grid__txt01,
    .p-about-numbers__grid__ttl {
        font-size: 1.125rem;
    }
}

.p-about-message__grp01 .txt02 {
    font-size: 1.25rem;
}

@media screen and (min-width: 768px) {
    .p-about-message__grp01 .txt02 {
        font-size: 1.875rem;
    }
}

.p-about-message__ttl .ttl {
    font-size: 1.5rem;
}

@media screen and (min-width: 768px) {
    .p-about-message__ttl .ttl {
        font-size: 2.5rem;
    }
}

.p-about .c-mv01__title {
    padding: 20px 15px;
}

@media screen and (min-width: 768px) {
    .p-about .c-mv01__title {
        padding: 37px 40px 33px 29px;
    }
}

@media screen and (min-width: 768px) {
    .p-about-strengths {
        padding-top: 32px;
    }
}

.p-about-strengths__sec__flex {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    gap: 20px 0;
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec__flex {
        flex-direction: row;
        margin-top: 78px;
        gap: 0;
    }
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec__flexreversed {
        flex-direction: row-reverse;
    }
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec__flexreversed .p-about-strengths__sec__infor {
        padding-left: clamp(1.25rem, 3.9663vw + -0.6538rem, 3.3125rem);
        padding-top: clamp(1.1875rem, 5.5vw + -2.9375rem, 2.5625rem);
        padding-right: 0;
    }
}

.p-about-strengths__sec__flexreversed .p-about-strengths__sec__ttl::before {
    background-color: #c71e32;
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec__flexreversed .p-about-strengths__sec__ttl::before {
        top: -6px;
    }
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec__flexreversed .p-about-strengths__sec__txt {
        padding-left: 7px;
        margin-top: 18px;
    }
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec__infor {
        padding-right: clamp(1.25rem, 7.2115vw + -2.2115rem, 5rem);
        padding-top: 19px;
    }
}

.p-about-strengths__sec__img {
    margin: 0 auto;
    max-width: 420px;
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec__img {
        width: 50%;
        min-width: 350px;
    }
}

.p-about-strengths__sec__ttl {
    position: relative;
    padding-left: 12px;
    line-height: 1.5;
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec__ttl {
        padding-left: clamp(0.1875rem, 1.0817vw + -0.3317rem, 0.75rem);
        line-height: 1.35;
    }

    .p-about-strengths__sec__ttl.__ttl01,
    .p-about-strengths__sec__ttl.__ttl02{
        font-size: clamp(1.5rem, -0.003rem + 3.125vw, 2.5rem);
    }
    .p-about-strengths__sec__ttl.__ttl03{
        font-size: clamp(1.875rem, 0.938rem + 1.953vw, 2.5rem);
    }
}

.p-about-strengths__sec__ttl::before {
    position: absolute;
    content: "";
    left: 0;
    background-color: var(--coloryellow);
    width: 30px;
    height: 30px;
    top: -5px;
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec__ttl::before {
        top: clamp(-0.6875rem, -0.3606vw + -0.3269rem, -0.5rem);
        width: clamp(2rem, 1.6827vw + 1.1923rem, 2.875rem);
        height: clamp(2rem, 1.6827vw + 1.1923rem, 2.875rem);
    }
}

.p-about-strengths__sec__ttl .ttl {
    position: relative;
    display: inline-block;
}

.p-about-strengths__sec__ttl .ttlbig {
    font-size: 1.875rem;
    line-height: 1;
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec__ttl .ttlbig {
        font-size: 3.125rem;
    }
}

.p-about-strengths__sec__txt {
    margin-top: 15px;
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec__txt {
        margin-top: 21px;
    }
}

.p-about-strengths__sec__txt .txt {
    font-weight: 500;
    line-height: 1.5;
    margin-top: 15px;
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec__txt .txt {
        line-height: 1.875;
        text-align: justify;
        margin-top: 30px;
    }
}

.p-about-strengths__sec__txt .txt:first-child {
    margin-top: 0;
}

.p-about-strengths__sec02 {
    margin-top: 60px;
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec02 {
        margin-top: 110px;
    }
}

.p-about-strengths__sec03 {
    position: relative;
    margin-top: 60px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec03 {
        flex-direction: row;
        margin-top: 132px;
        min-height: 648px;
    }
}

.p-about-strengths__sec03__imgs {
    left: 0;
    top: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    pointer-events: none;
    height: 100%;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec03__imgs {
        position: absolute;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 20px;
    }
}

.p-about-strengths__sec03__imgs .img {
    opacity: 0.5;
}

.p-about-strengths__sec03__imgs .img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.p-about-strengths__sec03__main {
    padding: 30px 0;
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec03__main {
        padding: 48px 0;
    }
}

.p-about-strengths__sec03__box {
    position: relative;
    background-color: #fff;
    padding: 30px 20px;
    width: 100%;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec03__box {
        padding: 63px clamp(1.875rem, 8.4746vw + -2.1928rem, 4.375rem) 50px;
        width: 667px;
    }
}

.p-about-strengths__sec03__box .p-about-strengths__sec__ttl {
    padding-left: 0;
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec03__box .p-about-strengths__sec__ttl::before {
        top: -5px;
        left: clamp(-0.375rem, -0.7212vw + 0.3462rem, 0rem);
    }
}

.p-about-strengths__sec03__txt {
    margin-top: 20px;
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec03__txt {
        margin-top: 30px;
    }
}

.p-about-strengths__sec03__txt .txt {
    font-weight: 500;
    line-height: 1.5;
    margin-top: 15px;
}

@media screen and (min-width: 768px) {
    .p-about-strengths__sec03__txt .txt {
        line-height: 1.875;
        margin-top: 30px;
    }
}

.p-about-strengths__sec03__txt .txt:first-child {
    margin-top: 0;
}

.p-about-slider {
    pointer-events: none;
    position: relative;
    margin-top: 50px;
}

@media screen and (min-width: 768px) {
    .p-about-slider {
        margin-top: 73px;
    }
}

.p-about-slider__shapes {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 180px;
}

@media screen and (min-width: 768px) {
    .p-about-slider__shapes {
        height: clamp(10rem, 29.661vw + -4.2373rem, 18.75rem);
    }
}

.p-about-slider__shapes .l-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 100%;
}

.p-about-slider__shape {
    position: absolute;
    pointer-events: none;
}

.p-about-slider__shape.i01 {
    width: 135.2px;
    bottom: 0;
    left: 0;
}

@media screen and (min-width: 768px) {
    .p-about-slider__shape.i01 {
        bottom: -54px;
        left: -60px;
        width: clamp(12.675rem, 28.6441vw + -1.0742rem, 21.125rem);
    }
}

.p-about-slider__shape.i02 {
    width: 136.8px;
    right: 0;
    top: 0;
}

@media screen and (min-width: 768px) {
    .p-about-slider__shape.i02 {
        top: 37px;
        right: -65px;
        width: clamp(12.825rem, 28.9831vw + -1.0869rem, 21.375rem);
    }
}

.p-about-slider__wrapper {
    overflow: hidden;
}

.p-about-slider .splide__list {
    align-items: flex-end;
}

.p-about-slider .splide__slide.i01 .img {
    width: clamp(3.2156rem, 4.6716vw + 0.9733rem, 4.5938rem);
}

@media screen and (min-width: 768px) {
    .p-about-slider .splide__slide.i01 .img {
        width: clamp(3.9375rem, 8.8983vw + -0.3337rem, 6.5625rem);
    }
}

.p-about-slider .splide__slide.i02 .img {
    width: clamp(2.7562rem, 4.0042vw + 0.8342rem, 3.9375rem);
}

@media screen and (min-width: 768px) {
    .p-about-slider .splide__slide.i02 .img {
        width: clamp(3.375rem, 7.6271vw + -0.286rem, 5.625rem);
    }
}

.p-about-slider .splide__slide.i03 .img {
    width: clamp(1.47rem, 2.1356vw + 0.4449rem, 2.1rem);
}

@media screen and (min-width: 768px) {
    .p-about-slider .splide__slide.i03 .img {
        width: clamp(1.8rem, 4.0678vw + -0.1525rem, 3rem);
    }
}

.p-about-slider .splide__slide.i04 .img {
    width: clamp(1.5313rem, 2.2246vw + 0.4635rem, 2.1875rem);
}

@media screen and (min-width: 768px) {
    .p-about-slider .splide__slide.i04 .img {
        width: clamp(1.875rem, 4.2373vw + -0.1589rem, 3.125rem);
    }
}

.p-about-slider .splide__slide.i05 .img {
    width: clamp(3.2462rem, 4.7161vw + 0.9825rem, 4.6375rem);
}

@media screen and (min-width: 768px) {
    .p-about-slider .splide__slide.i05 .img {
        width: clamp(3.975rem, 8.9831vw + -0.3369rem, 6.625rem);
    }
}

.p-about-slider .splide__slide.i06 .img {
    width: clamp(3.2462rem, 4.7161vw + 0.9825rem, 4.6375rem);
}

@media screen and (min-width: 768px) {
    .p-about-slider .splide__slide.i06 .img {
        width: clamp(3.975rem, 8.9831vw + -0.3369rem, 6.625rem);
    }
}

.p-about-slider .splide__slide.i07 .img {
    width: clamp(2.3275rem, 3.3814vw + 0.7045rem, 3.325rem);
}

@media screen and (min-width: 768px) {
    .p-about-slider .splide__slide.i07 .img {
        width: clamp(2.85rem, 6.4407vw + -0.2415rem, 4.75rem);
    }
}

.p-about-slider .splide__slide.i08 .img {
    width: clamp(3.5831rem, 5.2055vw + 1.0845rem, 5.1187rem);
}

@media screen and (min-width: 768px) {
    .p-about-slider .splide__slide.i08 .img {
        width: clamp(4.3875rem, 9.9153vw + -0.3718rem, 7.3125rem);
    }
}

.p-about-slider .splide__slide.i09 .img {
    width: clamp(4.5631rem, 6.6292vw + 1.3811rem, 6.5188rem);
}

@media screen and (min-width: 768px) {
    .p-about-slider .splide__slide.i09 .img {
        width: clamp(5.5875rem, 12.6271vw + -0.4735rem, 9.3125rem);
    }
}

.p-about-slider .splide__slide.i10 .img {
    width: clamp(2.5113rem, 3.6483vw + 0.7601rem, 3.5875rem);
}

@media screen and (min-width: 768px) {
    .p-about-slider .splide__slide.i10 .img {
        width: clamp(3.075rem, 6.9492vw + -0.2606rem, 5.125rem);
    }
}

.p-about-slider .splide__slide.i11 .img {
    width: clamp(3.0319rem, 4.4047vw + 0.9176rem, 4.3313rem);
}

@media screen and (min-width: 768px) {
    .p-about-slider .splide__slide.i11 .img {
        width: clamp(3.7125rem, 8.3898vw + -0.3146rem, 6.1875rem);
    }
}

.p-about-slider .splide__slide.i12 .img {
    width: clamp(3.2462rem, 4.7161vw + 0.9825rem, 4.6375rem);
}

@media screen and (min-width: 768px) {
    .p-about-slider .splide__slide.i12 .img {
        width: clamp(3.975rem, 8.9831vw + -0.3369rem, 6.625rem);
    }
}

.p-about-message {
    position: relative;
    margin-top: 60px;
}

@media screen and (min-width: 768px) {
    .p-about-message {
        margin-top: 118px;
        padding-bottom: 98px;
    }
}

.p-about-message__main {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 768px) {
    .p-about-message__main {
        flex-direction: row;
        justify-content: space-between;
    }
}

@media screen and (min-width: 768px) {
    .p-about-message__head {
        width: calc(100% - clamp(20rem, 45.1271vw + -1.661rem, 33.3125rem));
        padding-right: clamp(0rem, 14.1949vw + -6.8136rem, 4.1875rem);
        padding-top: 15px;
    }
}

.p-about-message__head__wrap {
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 768px) {
    .p-about-message__content {
        width: clamp(20rem, 45.1271vw + -1.661rem, 33.3125rem);
        transform: translateY(98px);
    }
}

.p-about-message__txts {
    position: relative;
    font-family: "Noto Serif JP", serif;
    padding-top: 15px;
    margin-top: 25px;
}

@media screen and (min-width: 768px) {
    .p-about-message__txts {
        padding-top: 25px;
        margin-top: 35px;
    }
}

.p-about-message__txts.i01 {
    padding-top: 0;
    margin-top: 0;
}

.p-about-message__txts.i02::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 2px;
    width: 50px;
    background-color: #c71e32;
}

@media screen and (min-width: 768px) {
    .p-about-message__txts.i02::before {
        width: 100px;
    }
}

.p-about-message__txt {
    font-weight: 500;
    line-height: 1.5;
    margin-top: 30px;
}

@media screen and (min-width: 768px) {
    .p-about-message__txt {
        line-height: 1.875;
    }
}

.p-about-message__txt:first-child {
    margin-top: 0;
}

.p-about-message__grp01 {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 5px 10px;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    margin-top: 20px;
}

@media screen and (min-width: 768px) {
    .p-about-message__grp01 {
        gap: 5px 20px;
        margin-top: 29px;
    }
}

.p-about-message__grp01 .txt01,
.p-about-message__grp01 .txt02 {
    display: inline-block;
}

.p-about-message__img {
    max-width: 420px;
    margin: 20px auto;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .p-about-message__img {
        max-width: unset;
        margin: 0;
        position: absolute;
        left: 0;
        top: 98px;
        width: 50%;
    }
}

.p-about-message__ttl {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 10px;
    padding-left: 12px;
}

@media screen and (min-width: 768px) {
    .p-about-message__ttl {
        flex-direction: row-reverse;
        position: absolute;
        top: 14px;
        right: clamp(1.25rem, 3.6058vw + -0.4808rem, 3.125rem);
        margin-top: 0;
    }
}

.p-about-message__ttl::after {
    content: "";
    width: 30px;
    height: 30px;
    background-color: var(--colorred);
    position: absolute;
    z-index: -1;
    top: 0;
    right: calc(100% - 30px);
}

@media screen and (min-width: 768px) {
    .p-about-message__ttl::after {
        width: clamp(2rem, 1.6827vw + 1.1923rem, 2.875rem);
        height: clamp(2rem, 1.6827vw + 1.1923rem, 2.875rem);
        top: -14px;
        right: -9px;
    }
}

.p-about-message__ttl .ttlbig {
    font-size: 1.875rem;
}

@media screen and (min-width: 768px) {
    .p-about-message__ttl .ttlbig {
        font-size: 3.125rem;
    }
}

.p-about-message__ttl .ttl {
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    position: relative;
    z-index: 2;
}

@media screen and (min-width: 768px) {
    .p-about-message__ttl .ttl {
        writing-mode: vertical-rl;
    }
}

.p-about-numbers {
    position: relative;
    background-color: #d9d2ca;
    margin-top: 60px;
    padding: 60px 0;
}

@media screen and (min-width: 768px) {
    .p-about-numbers {
        padding: 51px 0 80px;
        margin-top: 79px;
    }
}

.p-about-numbers__shape {
    position: absolute;
    pointer-events: none;
    opacity: 0.25;
}

.p-about-numbers__shape.i01 {
    right: 0;
    top: 0;
    width: 320px;
    max-width: 41.7209908735vw;
}

@media screen and (min-width: 768px) {
    .p-about-numbers__shape.i01 {
        width: 460px;
        max-width: 23.9583333333vw;
    }
}

.p-about-numbers__shape.i02 {
    left: 0;
    bottom: 0;
    width: 230px;
    max-width: 29.9869621904vw;
}

@media screen and (min-width: 768px) {
    .p-about-numbers__shape.i02 {
        width: 436px;
        max-width: 22.7083333333vw;
    }
}

.p-about-numbers__grids {
    position: relative;
    display: grid;
    grid-gap: 20px 0;
    margin-top: 30px;
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grids {
        grid-template-columns: repeat(auto-fill, minmax(clamp(18.125rem, 6.9444vw + 14.7917rem, 20rem), 1fr));
        grid-gap: 14px 12px;
        margin-top: 33px;
    }
}

.p-about-numbers__grid {
    background-color: #fff;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 20px 14px;
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid {
        gap: 0;
        padding: 0 clamp(1.25rem, 0.7212vw + 0.9038rem, 1.625rem);
        min-height: clamp(6.25rem, 7.4519vw + 2.6731rem, 10.125rem);
    }
}

.p-about-numbers__grid:nth-child(even) {
    background-color: #f5f4f2;
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid__infor {
        width: 200px;
        flex-shrink: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.p-about-numbers__grid__txt01 {
    font-weight: 700;
    margin-top: 5px;
    position: relative;
    line-height: 1;
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid__txt01 {
        margin-top: 19px;
        left: clamp(0rem, 2.75vw + -2.0625rem, 0.6875rem);
    }
}

.p-about-numbers__grid__grps {
    width: 100px;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid__grps {
        width: calc(100% - 200px);
        gap: 5px;
    }
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid__grps.has-flexrow {
        gap: 10px 5px;
        margin-top: -24px;
    }
}

.p-about-numbers__grid__grp {
    text-align: center;
}

.p-about-numbers__grid__grp.flexrow {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid__grp.flexrow {
        gap: 5px;
    }
}

.p-about-numbers__grid__grp.flexrow .p-about-numbers__grid__txt01 {
    margin-top: 0;
}

.p-about-numbers__grid__head {
    display: flex;
    align-items: center;
    gap: 10px;
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid__head {
        gap: 5px;
    }
}

.p-about-numbers__grid__ttl {
    font-weight: 500;
    line-height: 1.5;
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid__ttl {
        line-height: 1.5;
    }
}

.p-about-numbers__grid__txt {
    margin-top: 10px;
    font-weight: 500;
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid__txt {
        line-height: 1.7142857143;
        margin-top: 10px;
    }
}

.p-about-numbers__grid__num {
    position: relative;
    height: 30px;
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid__num {
        height: clamp(1.375rem, 4.316vw + -1.3872rem, 2.9288rem);
        top: clamp(0rem, 2vw + -1.5rem, 0.5rem);
        left: clamp(0rem, 3vw + -2.25rem, 0.75rem);
    }
}

.p-about-numbers__grid__num img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid__num.i01 {
        left: clamp(0rem, 3vw + -2.25rem, 0.75rem);
        top: clamp(0rem, 1.5vw + -1.125rem, 0.375rem);
    }
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid__num.i02 {
        top: clamp(0rem, 0.5vw + -0.375rem, 0.125rem);
        left: clamp(0rem, 2.75vw + -2.0625rem, 0.6875rem);
    }
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid__num.i03 {
        left: clamp(0rem, 3.5vw + -2.625rem, 0.875rem);
        top: 1px;
        margin-bottom: -6px;
    }
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid__num.i04 {
        top: clamp(0rem, 2vw + -1.5rem, 0.5rem);
        left: clamp(0rem, 3.5vw + -2.625rem, 0.875rem);
    }
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid__num.i06 {
        top: clamp(0rem, 1.5vw + -1.125rem, 0.375rem);
        left: clamp(0rem, 3.5vw + -2.625rem, 0.875rem);
    }
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid__num.i08 {
        top: 0;
    }
}

.p-about-numbers__grid__icon {
    min-width: 30px;
    height: 24px;
    flex-shrink: 0;
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid__icon {
        min-width: 45px;
        height: clamp(1.5rem, 1.8498vw + 0.6121rem, 2.4619rem);
    }
}

.p-about-numbers__grid__icon .icon {
    position: relative;
    height: 100%;
}

.p-about-numbers__grid__icon .icon img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
}

@media screen and (min-width: 768px) {
    .p-about-numbers__grid__icon .icon.i03 {
        left: clamp(0rem, 0.75vw + -0.5625rem, 0.1875rem);
    }
}

.p-about-other {
    padding: 40px 0;
}

@media screen and (min-width: 768px) {
    .p-about-other {
        padding: 84px 0 49px;
    }
}

@media screen and (min-width: 768px) {
    .p-about-other .c-interview-other__infor {
        gap: 31px 0;
        padding-right: 20px;
    }
}

@media screen and (min-width: 768px) {
    .p-about-other .c-interview-other.i02 .c-interview-other__infor {
        gap: 22px 0;
    }
}

@media screen and (min-width: 768px) {
    .p-about-other .c-interview-other.i02 .c-interview-other__ttl {
        padding-top: 5px;
    }

    .p-about-other .c-interview-other.i01 .c-interview-other__ttl,
    .p-about-other .c-interview-other.i02 .c-interview-other__ttl {
        font-size: clamp(1.125rem, 0.586rem + 1.172vw, 1.5rem);
        white-space: nowrap;
    }
}

.p-about-other .c-interview-other.i01 .c-btn01__txt span {
    display: inline-block;
}

.p-about-other .c-interview-other.i01 .c-interview-other__img img{
    object-position: 80% center;
}
@media screen and (max-width: 767px) {
    .p-about-other .c-interview-other.i01 .c-interview-other__infor{
        justify-content: space-between !important;
    }
    .p-about-other .c-interview-other.i01 .c-interview-other__img{
        min-height: 200px !important;
    }
}

@media screen and (max-width: 767px) {
.p-about-other .c-interview-other.i02 .c-interview-other__btns .c-interview-other__btn{
    width: clamp(50% - 7px, (440px - 100vw) * 1000, 40%);
}
}
@media screen and (max-width: 340px) {
.p-about-other .c-interview-other.i02 .c-interview-other__btns .c-interview-other__btn{
    width: 100%;
}

.p-about-other .c-interview-other.i01 .c-interview-other__ttl br.__w340{
    display: none;
}
}

.about-nowrap {
    white-space: nowrap;
}