@charset "utf-8";
.br-talk-mv {
    position: relative;
    background: #000;
    color: #fff;
    overflow: hidden;
    margin-left: min(-40px, calc(600px - 50vw));
    margin-right: min(-40px, calc(600px - 50vw));
    margin-bottom: -1.2%;
    overflow: hidden;
}
.br-talk-mv--curve {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    pointer-events: none;
}
.br-talk-mv--curve img {
    width: 100%;
}
.br-talk-mv--inner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}
.br-talk-mv--tl {
    position: relative;
    margin: 4.1% 0 0;
    z-index: 1;
    opacity: 0;
}
.br-talk-mv--tl-serif {
    position: relative;
    width: 41.667%;
    display: block;
    margin: 0 auto;
}
.br-talk-mv--tl-serif-img-01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 55.401%;
    margin: 9% 0 0 14.2%;
    z-index: 1;
}
.br-talk-mv--tl-serif-img-02 {
    position: absolute;
    top: 0;
    left: 0;
    width: 20.6%;
    margin: 36.1% 0 0 70.4%;
    z-index: 1;
}
.br-talk-mv--tl-serif-bg {
    transform-origin: 50% 89%;
}
.br-talk-mv--tl-text {
    display: block;
    margin: 0 auto;
}
.br-talk-mv--ctn {
    display: grid;
    margin: 0 auto;
    justify-content: center;
    grid-template-columns: 1fr 48px 1fr;
    align-items: center;
    max-width: 44%;
    gap: 0 5.7%;
    padding: 0 0 10%;
}
.br-talk-mv--ctn-t02 {
    padding-bottom: 9.8%;
}
.br-talk-mv--item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    gap: 7px 0;
    opacity: 0;
}
.br-talk-mv--item-l {
    margin: 0 0 0 auto;
}
.br-talk-mv--item-r {
    text-align: right;
    margin: 0 auto 0 0;
}
.br-talk-mv--department {
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 700;
    display: block;
    letter-spacing: 0.02em;
}
.br-talk-mv--name {
    font-size: 3rem;
    font-weight: 700;
}
.br-talk-mv--img {
    position: absolute;
    bottom: 0;
    opacity: 0;
    transform-origin: 50% 80%;
}
.br-talk-mv--cross {
    grid-row: span 2;
    padding: 16% 0 0;
    opacity: 0;
}
.br-scroll-down {
    margin: -0.6% 0 0 auto;
}
.br-talk-lead {
    max-width: 970px;
    margin: 6.6% auto 0;
    opacity: 0;
}
.br-ralk-lead--text {
    font-size: 1.8rem;
    line-height: 2;
    font-weight: 500;
    text-align: justify;
    letter-spacing: 0.06em;
}
.br-talk-people {
    border: solid 3px #E3E3E3;
    max-width: 970px;
    margin: 5.4% auto 0;
    border-radius: 30px;
    padding: 4% 6.667% 3.8%;
    opacity: 0;
}
.br-talk-people--tl {
    font-weight: 500;
    line-height: 1.792;
    letter-spacing: 0.06em;
    font-size: 2.4rem;
}
.br-talk-people--tl-text-02 {
    font-size: 2.8rem;
    font-weight: 900;
    line-height: 1.536;
}
.br-talk-people--ctn {
    display: flex;
    justify-content: center;
}
.br-talk-people--item {
    display: flex;
    flex-direction: column;
    width: 43.533%;
    margin: 3.1% 0 0;
}
.br-talk-people--stl {
    font-size: 1.8rem;
    text-align: center;
    line-height: 2;
    font-weight: 900;
    margin: 0 0 0.4em;
}
.br-talk-people--text {
    font-size: 1.2rem;
    line-height: 2;
    text-align: justify;
    letter-spacing: 0.1em;
}
.br-talk-people--img {
    order: -1;
    width: 73.689%;
    margin: 0 auto 2.4%;
}
.br-talk-people--cross {
    width: 13.682%;
    margin: 8.8% 0 0;
}
.br-talk--stl {
    display: grid;
    align-items: center;
    justify-items: center;
    opacity: 0;
}
.br-talk--stl img {
    grid-area: 1 / 1;
}
.br-talk--stl-01-01-bg {
    grid-area: 1 / 1;
}
.br-talk--ctn {
    display: grid;
    grid-template-columns: 5.35em 1fr;
    max-width: 731px;
    margin: 0 auto;
    gap: 2.4rem 0;
    opacity: 0;
}
.br-talk-text {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: span 2;
    font-size: 1.8rem;
    line-height: 2;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-align: justify;
}
.br-talk-text sup {
    font-size: .6em;
}
.br-talk-text--name {
    letter-spacing: 0.2em;
    font-weight: 900;
}
.br-talk-column {
    grid-column: 2;
    border-bottom: solid 1px;
    margin: 4.4% 0 4.6%;
    padding: 0 0 4.9%;
    position: relative;
}
.br-talk-column-02 {
    border: solid 1px;
    border-radius: 16px;
    padding: 5.7rem 5% 4.7%;
    margin-top: 9.2%;
}
.br-talk-column-02 .br-talk-column--tl {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 0 0 -2%;
    width: 45em;
    font-size: 2.6rem;
    transform: translateY(-50%);
}
.br-talk-column-02 .br-talk-column--tl-text {
    padding: 1.9% 3.8rem;
}
.br-talk-column-02 .br-talk-column--tl:after {
    display: none;
}
.br-talk-column--tl {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    gap: 0 3%;
    margin: 0 0 1.5%;
}
.br-talk-column--stl {
    font-size: 2.2rem;
    letter-spacing: 0.06em;
    font-weight: 700;
    margin: 0 0 0.7em;
    line-height: 2;
}
.br-talk-column--tl:after {
    content: "";
    border-top: solid 1px;
    flex-grow: 1;
}
.br-talk-column--tl-text {
    border: solid 1px;
    border-radius: 50%;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 1.9% 2.1rem;
    background: #fff;
}
.br-talk-column--text {
    font-size: 1.8rem;
    font-weight: 500;
    text-align: justify;
    letter-spacing: 0.06em;
    line-height: 2;
}
.br-talk--stl-wrap {
    position: relative;
    width: 66.667%;
    margin: 6.7% 0 5.4% 19.2%;
    display: flex;
    flex-direction: column-reverse;
    opacity: 0;
}
.br-talk--stl-wrap-rb {
    margin-left: 14.2%;
}
.br-talk--stl-wrap-cb {
    margin-left: 16.7%;
}
.br-talk--stl-wrap .br-talk--stl {
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.br-talk--stl-bg {
    grid-area: 1 / 1;
}
.br-talk--stl-wrap .br-talk--stl-rb {
    left: auto;
    right: 0;
}
.br-talk--stl-wrap-rb .br-talk--stl {
    left: auto;
    right: 0;
}
.br-talk-text--note {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 2.57;
}
.br-talk-related {
    margin: 15.3% 0 11.4%;
    opacity: 0;
}
.br-talk-related--ctn {
    display: flex;
    justify-content: center;
}
.br-talk-related--item {
    width: 55.417%;
}
.br-talk-related--link {
    position: relative;
    display: grid;
    align-items: start;
}
.br-talk-related--img,
.br-talk-related picture {
    grid-area: 1 / 1;
}
.br-talk-related--button {
    display: flex;
    color: #fff;
    border-radius: 200px;
    font-weight: 700;
    font-size: 1.8rem;
    grid-area: 1 / 1;
    margin: 42.6% auto 0;
    position: relative;
    padding: 3.2% 4.9%;
    min-width: 37.8%;
    align-items: center;
    justify-content: space-between;
    gap: 0 0.5em;
    position: relative;
    overflow: hidden;
}
.br-talk-related--button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: lighten;
}
.br-talk-related--button::after {
    content: "";
    background: url(/brand/shared/image/shared/icon_cross_talk_arw.png) 0 0/100% auto no-repeat;
    width: 11px;
    aspect-ratio: 22 / 40;
}
.br-talk-back {
    margin: 3.2% 0 4.7%;
    width: 8.3rem;
}
.br-scroll-back--link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.br-scroll-back--icon {
    width: 31.326%;
    transform: rotate(90deg);
    border: solid 2px;
    border-radius: 100px;
}
.br-scroll-back--text {
    width: 56.627%;
}
.br-talk-related--button::before {
    background: url(/brand/shared/image/shared/bg_btn_talk.png) no-repeat 50% 50%/100% 100%;
}
.br-our-goals {
    margin-bottom: 0;
}
/* talk-01 */
.br-talk-mv--tl-text-01 {
    width: 54.167%;
    margin: 3.1% auto 2.6%;
}
.br-talk-mv--img-01-01 {
    left: 0;
    width: 30.667%;
    margin: 0 0 -3.9% -2.3%;
}
.br-talk-mv--img-01-02 {
    right: 0;
    width: 35.667%;
    margin: 0 -8.2% -1.8% 0;
}
.br-talk-people--stl-01 {
    color: #FF8A1E;
}
.br-talk-people--stl-02 {
    color: #8A2DFF;
}
.br-talk--stl-01-01 {
    width: 54.75%;
    margin: 5.3% auto 7.3%;
    padding: 0 1.7% 0 0;
    box-sizing: content-box;
}
.br-talk--stl-01-01-text {
    width: 85.997%;
    margin: 0% 0 0 1.3%;
}
.br-talk--stl-text-01-02 {
    width: 74.845%;
    margin: -1.7% 0 0 1.7%;
}
.br-talk--stl-text-01-03 {
    width: 74.243%;
    margin: 0 -6.9% 2% 0;
}
.br-talk--stl-text-01-04 {
    width: 63.393%;
    margin: -2% 0 0 6.7%;
}
.br-talk--stl-text-01-05 {
    width: 75.388%;
    margin: 0.6% 0 0 -0.5%;
}
.br-talk-text--name-01 {
    color: #FF8A1E;
}
.br-talk-text--name-02 {
    color: #8A2DFF;
}
.br-talk--stl-01-02 {
    width: 40.25%;
    margin: -23.2% -7.4% 0;
}
.br-talk--stl-01-03 {
    width: 41.25%;
    margin: -22.7% -7.4% -1.1% auto;
}
.br-talk--stl-01-04 {
    width: 42%;
    margin: -24.4% 0 0 -7.6%;
}
.br-talk--stl-01-05 {
    width: 72.625%;
    margin: -9.5% 0 -1% 14%;
}
.br-talk-related--button-t01 {
    margin-top: 45.2%;
}
/* talk-02 */
.br-talk-mv--tl-text-02 {
    width: 57.5%;
    margin: 4.7% auto 2.8%;
}
.br-talk-mv--img-02-01 {
    left: 0;
    width: 35.667%;
    margin: 0 0 -3.9% -7.1%;
}
.br-talk-mv--img-02-02 {
    right: 0;
    width: 33.05%;
    margin: 0 -6% -1.7% 0;
}
.br-talk-people-t02 {
    padding-bottom: 4.5%;
}
.br-talk-people--stl-03 {
    color: #2F7BFF;
}
.br-talk-people--stl-04 {
    color: #FF2E63;
}
.br-talk--stl-02-01 {
    width: 54.75%;
    margin: 5.9% auto 6.1%;
    padding: 0 1.3% 0 0;
    box-sizing: content-box;
}
.br-talk--stl-02-01-bg {
    grid-area: 1 / 1;
}
.br-talk--stl-02-01-text {
    width: 88.562%;
    margin: 0.7% -2.2% 0 0;
}
.br-talk--stl-text-02-02 {
    width: 73.702%;
    margin: -2.4% 0 0 2%;
}
.br-talk--stl-text-02-03 {
    width: 75.707%;
    margin: 0 -1.7% 2% 0;
}
.br-talk--stl-text-02-04 {
    width: 70.536%;
    margin: -2.3% 0 0 0.4%;
}
.br-talk--stl-text-02-05 {
    width: 85.887%;
    margin: -2.1% 0 0 0.6%;
}
.br-talk-text--name-03 {
    color: #2F7BFF;
}
.br-talk-text--name-04 {
    color: #FF2E63;
}
.br-talk--stl-wrap--t02-04 {
    margin-left: 15%;
}
.br-talk--stl-02-02 {
    width: 38.5%;
    margin: -23.2% -7.5% -1.3% auto;
}
.br-talk--stl-02-03 {
    width: 44.25%;
    margin: -22.7% 0 -1.8% -7.5%;
}
.br-talk--stl-02-04 {
    width: 42%;
    margin: -26.7% -6.2% 2.4% auto;
}
.br-talk--stl-02-05 {
    width: 72.625%;
    margin: -10.9% 0 -2% 13.7%;
}
.br-talk-related-t01 {
    margin-top: 14.1%;
}
.br-talk-related--button-t02 {
    margin-top: 38.8%;
}
@media screen and (max-width:767px) {
    .br-talk-mv {
        margin: 0;
    }
    .br-talk-mv--tl {
        margin: 6.6% 0 0;
    }
    .br-talk-mv--tl-serif {
        width: 70.513%;
    }
    .br-talk-mv--tl-text-01 {
        width: 88.718%;
        margin: 5.9% auto 4.5%;
    }
    .br-talk-mv--ctn {
        max-width: 100%;
        width: 87.7%;
        padding: 0 0 65.2%;
        gap: 0 3%;
        grid-template-columns: 1fr 29px 1fr;
    }
    .br-talk-mv--ctn-t02 {
        padding-bottom: 66.6%;
        gap: 0 8.7%;
    }
    .br-talk-mv--item {
        gap: 0.55em 0;
    }
    .br-talk-mv--department {
        font-size: 1rem;
        line-height: 1.6;
    }
    .br-talk-mv--name {
        font-size: 2.2rem;
    }
    .br-talk-mv--img-01-01 {
        width: 39.67%;
        margin: 0 0 -20.3% 7.3%;
    }
    .br-talk-mv--cross {
        margin: 11% 0 0;
    }
    .br-talk-mv--img-01-02 {
        width: 47.18%;
        margin: 0 1% -22.3% 0;
    }
    .br-scroll-down {
        display: none;
    }
    .br-talk-lead {
        width: 87.7%;
        margin: 12.6% auto 0;
    }
    .br-ralk-lead--text {
        font-size: 1.5rem;
    }
    .br-talk-people {
        width: 87.7%;
        padding: 7.5% 3.28% 8.1%;
        margin: 10% auto 0;
        border-radius: 20px;
    }
    .br-talk-people--tl {
        font-size: 1.8rem;
        line-height: 1.6;
    }
    .br-talk-people--tl-text-02 {
        font-size: 2rem;
        line-height: 1.6;
    }
    .br-talk-people--ctn {
        flex-direction: column;
        margin: 5% 0 0;
    }
    .br-talk-people--item {
        width: 100%;
        margin: 0;
    }
    .br-talk-people--img {
        width: 82.44%;
    }
    .br-talk-people--cross {
        margin: 11% auto;
        width: min(110px, 44%);
    }
    .br-talk--stl-01-02 {
        width: 53.721%;
        margin: -11.1% 0 0% 10%;
    }
    .br-talk--stl-01-03 {
        width: 56.977%;
        margin: -12.8% 10.7% 1.9% auto;
    }
    .br-talk--stl-01-04 {
        width: 60%;
        margin: -10.5% 0 2.2% 9.6%;
    }
    .br-talk--stl-01-05 {
        width: 81.826%;
        margin: -12.9% 0 -1.3% 9.1%;
    }
    .br-talk--stl-01-01 {
        width: 93.847%;
        margin: 15.8% auto 9.8%;
        padding: 0;
    }
    .br-talk--stl-01-01-text {
        width: 86.562%;
        margin: 1.2% 0 0 0.5%;
    }
    .br-talk--stl-text-01-04 {
        width: 63.393%;
        margin: -2% 0 0 6.7%;
    }
    .br-talk--stl-text-01-05 {
        width: 73.388%;
        margin: -1% 0 0 2.7%;
    }
    .br-talk--ctn {
        grid-template-columns: 1fr;
        width: 87.7%;
        gap: 2.26em 0;
    }
    .br-talk-text {
        display: block;
        font-size: 1.5rem;
    }
    .br-talk-text--name {
        display: block;
    }
    .br-talk-text--text {
        padding: 0 0 0 0.5em;
        display: block;
    }
    .br-talk-column {
        margin: 3% 0 3.6%;
        padding: 0 0 8.3%;
    }
    .br-talk-column-02 {
        padding: 5.1rem 3.5% 7.1%;
        margin-top: 11.6%;
    }
    .br-talk-column--tl {
        gap: 0 7%;
        margin: 0 0 3.6%;
    }
    .br-talk-column-02 .br-talk-column--tl {
        width: 24.4em;
        margin: 0 0 0 -3.3%;
    }
    .br-talk-column--stl {
        font-size: 2rem;
        margin: 0 0 0.5em;
    }
    .br-talk-column--tl-text {
        padding: 3.3% 2.1rem;
    }
    .br-talk-column-02 .br-talk-column--tl-text {
        padding: 3.4% 3.8rem;
    }
    .br-talk-column--text {
        font-size: 1.5rem;
        margin: 0 2%;
    }
    .br-talk--stl-wrap {
        width: 110.257%;
        margin: 20.3% -5% 8.3%;
        display: flex;
        flex-direction: column-reverse;
    }
    .br-talk-text--note {
        line-height: 2.14;
    }
    .br-talk-related {
        margin: 27.1% 0 27.1%;
    }
    .br-talk-related--item {
        width: 100%;
    }
    .br-talk-related--button {
        margin: 70.7% auto 0;
        width: 46%;
        font-size: 1.4rem;
    }
    .br-talk-back {
        margin: 30.5% 6% 6%;
    }
    /* talk-01 */
    .br-talk--stl-text-01-03 {
        width: 70.243%;
        margin: 0 -7.9% 3% 0;
    }
    /* talk-02 */
    .br-talk-mv--tl-text-02 {
        width: 92.308%;
        margin: 9.8% auto 4.6%;
    }
    .br-talk-mv--img-02-01 {
        width: 47.693%;
        margin: 0 0 -21.8% 0.7%;
    }
    .br-talk-mv--img-02-02 {
        width: 44.872%;
        margin: 0 2.3% -19.8% 0;
    }
    .br-talk--stl-02-01 {
        width: 94.872%;
        margin: 15.7% auto 9.3%;
        padding: 0 0 0 0%;
    }
    .br-talk--stl-02-01-text {
        margin: -0.3% -0.2% 0 0;
    }
    .br-talk--stl-02-02 {
        width: 53.721%;
        margin: -12.5% 10.4% -2% auto;
    }
    .br-talk--stl-02-03 {
        width: 56.977%;
        margin: -11.7% 0 -1.8% 10.2%;
    }
    .br-talk--stl-02-04 {
        width: 60%;
        margin: -10.3% 10.5% -1.6% auto;
    }
    .br-talk--stl-text-02-04 {
        width: 73.436%;
        margin: -3% 0 0 4%;
    }
    .br-talk--stl-02-05 {
        width: 84.793%;
        margin: -17.1% 0 0.7% 7.5%;
    }
}
@media print {
    .br-talk-mv--tl,
    .br-talk-mv--item,
    .br-talk-mv--img,
    .br-talk-mv--cross,
    .br-talk-lead,
    .br-talk-people,
    .br-talk--stl,
    .br-talk--ctn,
    .br-talk--stl-wrap,
    .br-talk-related {
        opacity: 1;
        clip-path: none;
    }
}
@media (hover:hover) {
    .br-scroll-back--link {
        transition: opacity 400ms ease-out;
    }
    .br-talk-related--button {
        transition: transform 210ms ease-out;
    }
    .br-talk-related--button::after {
        transition: transform 210ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    }
    .br-scroll-back--link:focus-visible,
    .br-scroll-back--link:hover {
        opacity: .8;
    }
    .br-talk-related--button:focus-visible,
    .br-talk-related--button:hover {
        transform: scale(1.06);
    }
    .br-talk-related--button:focus-visible::after,
    .br-talk-related--button:hover::after {
        transform: translateX(41%);
    }
}