@charset "utf-8";
.br-top {
    display: grid;
    grid-template-columns: 100%;
}
.br-top-loading {
    background: #000;
    overflow: hidden;
    margin-left: min(-40px, calc(600px - 50vw));
    margin-right: min(-40px, calc(600px - 50vw));
    grid-area: 1 / 1;
    position: relative;
    z-index: 2;
    min-height: max(calc(830px + 18.3vw), calc(100svh - 140px - 42px));
}
.br-top-loading--inner {
    display: grid;
    align-items: flex-end;
    max-width: clamp(800px, calc((100svh - 182px) * 1.4), 1200px);
    margin: 0 auto;
    position: relative;
    transform-origin: 50% 0%;
}
.br-top-loading--ctn {
    aspect-ratio: 525 / 402;
    position: relative;
    width: 43.75%;
    grid-area: 1 / 1;
    align-self: center;
    margin: 0 auto;
    box-sizing: border-box;
    margin-bottom: -3.5%;
}
.br-top-loading--ctn>span,
.br-top-loading--ctn img {
    position: absolute;
    top: 0;
    left: 0;
}
.br-top-loading--ctn>span {
    opacity: 0;
    height: 30%;
}
.br-top-loading--text-01 {
    width: 20.762%;
    margin: 0.1% 0 0 0.5%;
}
.br-top-loading--text-02 {
    width: 19.429%;
    margin: 0.7% 0 0 19%;
}
.br-top-loading--text-03 {
    width: 13.3335%;
    margin: 0.4% 0 0 38.1%;
}
.br-top-loading--text-04 {
    width: 15.81%;
    margin: -0.3% 0 0 51.8%;
}
.br-top-loading--text-05 {
    width: 19.048%;
    margin: -0.8% 0 0 65.4%;
}
.br-top-loading--text-06 {
    width: 17.3335%;
    margin: -0.5% 0 0 81.6%;
}
.br-top-loading--text-07 {
    width: 20.762%;
    margin: 24.9% 0 0 0.1%;
}
.br-top-loading--text-08 {
    width: 19.429%;
    margin: 25.4% 0 0 18.7%;
}
.br-top-loading--text-08-01 {
    width: 64.706%;
}
.br-top-loading--text-08-02 {
    width: 57.8435%;
    margin: 43.4% 0 0 43%;
}
.br-top-loading--text-09 {
    width: 13.3335%;
    margin: 24.9% 0 0 38%;
}
.br-top-loading--text-10 {
    width: 15.6195%;
    margin: 24.8% 0 0 51.4%;
}
.br-top-loading--text-11 {
    width: 19.048%;
    margin: 23.7% 0 0 65.2%;
}
.br-top-loading--text-11-01 {
    width: 30%;
    margin: 0 0 0 31%;
}
.br-top-loading--text-11-02 {
    width: 94%;
    margin: 29.2% 0 0 -1%;
}
.br-top-loading--text-12 {
    width: 18.4765%;
    margin: 26.3% 0 0 81.8%;
}
.br-top-loading--text-12-01 {
    width: 39.1755%;
}
.br-top-loading--text-12-02 {
    width: 64.9485%;
    margin: 6.8% 0 0 35.1%;
}
.br-top-loading--text-13 {
    width: 19.6195%;
    z-index: 1;
    margin: 50.5% 0 0 0.7%;
}
.br-top-loading--text-13-01 {
    width: 99.0295%;
}
.br-top-loading--text-13-02 {
    width: 24.272%;
    margin: 49% 0 0 53.3%;
}
.br-top-loading--text-13-03 {
    width: 24.272%;
    margin: 33% 0 0 74.6%;
}
.br-top-loading--text-14 {
    width: 15.2385%;
    z-index: 1;
    margin: 49.6% 0 0 20.2%;
}
.br-top-loading--text-15 {
    width: 16.1905%;
    margin: 50.2% 0 0 34.1%;
    z-index: 1;
}
.br-top-loading--text-16 {
    width: 22.286%;
    z-index: 1;
    margin: 51.1% 0 0 49.4%;
}
.br-top-loading--text-16-01 {
    width: 69.231%;
}
.br-top-loading--text-16-02 {
    width: 33.3335%;
    margin: 15.2% 0 0 65.5%;
}
.br-top-loading--text-17 {
    z-index: 1;
    width: 14.8575%;
    margin: 49.6% 0 0 69.7%;
}
.br-top-loading--text-17-01 {
    width: 98.718%;
}
.br-top-loading--text-17-02 {
    width: 38.462%;
    margin: 134% 0 0 33%;
}
.br-top-loading--img {
    position: relative;
    margin: 1.7% 0 -28.3% 2.2%;
    width: 100.5%;
    grid-area: 1 / 1;
    opacity: 0;
    pointer-events: none;
}
.br-top-content {
    display: none;
    grid-area: 1 / 1;
    background: #fff;
    position: relative;
}
.br-top-content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    background: #000;
    height: 100%;
    transform: translateX(-50%);
    width: 100vw;
    min-width: 1280px;
}
.br-top-mv {
    position: relative;
    margin-left: min(-40px, calc(600px - 50vw));
    margin-right: min(-40px, calc(600px - 50vw));
    background: #000;
    padding: 0 0 1px;
}
.br-top-mv--inner {
    position: relative;
    max-width: clamp(800px, calc((100svh - 182px) * 1.4), 1200px);
    margin: 0 auto;
    transform-origin: 50% 0%;
}
.br-top-mv--bg {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 0 -1px;
    width: 100%;
}
.br-top-mv--bg img {
    width: 100%;
}
.br-top-mv--bg:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 0;
    padding: 0 0 20%;
    background: #fff;
    margin: -1px 0 0;
}
.br-top-mv--tl img {
    position: absolute;
    top: 0;
    left: 0;
}
.br-top-mv--tl-text-01 {
    width: 93%;
    margin: 12.2% 0 0 3.5%;
}
.br-top-mv--tl-text-02 {
    width: 73.167%;
    margin: 40.3% 0 0 12%;
    z-index: 1;
}
.br-top-mv--tl-text-03 {
    width: 5.8335%;
}
.br-top-mv--tl-text-04 {
    width: 6.917%;
}
.br-top-mv--tl-text-05 {
    width: 8.3335%;
}
.br-top-mv--tl-text-06 {
    width: 7.5835%;
}
.br-top-mv--tl-text-17 {
    width: 6.5%;
    margin: 42% 0 0 77%;
}
.br-top-mv--img {
    width: 100.5%;
    margin: 1.7% 0 -28.3% 2.2%;
    position: relative;
}
.br-top-body {
    position: relative;
    margin-left: min(-40px, calc(600px - 50vw));
    margin-right: min(-40px, calc(600px - 50vw));
}
.br-top-body--inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1px 0;
}
.br-top-body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    transform: translateX(-50%);
    background: #fff;
    min-width: 1280px;
}
.br-top-lead {
    padding: 1px 0;
}
.br-top-lead--text {
    position: relative;
    aspect-ratio: 575 / 590;
    width: 47.917%;
    margin: 9.3% 0 0 22.1%;
}
.br-top-lead--text-box {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.br-top-lead--text-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.br-top-lead--text-wrap-02 {
    margin: 17.8% 0 0;
}
.br-top-lead--text-wrap-03 {
    margin: 39% 0 0;
}
.br-top-lead--text-wrap-04 {
    margin: 47.1% 0 0;
}
.br-top-lead--text-wrap-05 {
    margin: 78.8% 0 0;
}
.br-top-lead--text-box img {
    position: relative;
    clip-path: inset(0 100% 0 0);
}
.br-top-lead--text-box-01 {
    width: 62.261%;
}
.br-top-lead--text-box-02 {
    width: 67.8265%;
    margin: 8.2% 0 0;
}
.br-top-lead--text-box-03 {
    width: 71.3045%;
    margin: 0;
}
.br-top-lead--text-box-04 {
    width: 77.3915%;
    margin: 7.8% 0 0;
}
.br-top-lead--text-box-05 {
    width: 62.435%;
}
.br-top-lead--text-box-06 {
    width: 67.3045%;
}
.br-top-lead--text-box-07 {
    width: 100%;
    margin: 2.8% 0 0 -0.6%;
}
.br-top-lead--text-box-08 {
    width: 49.9135%;
    margin: 22.9% 0 0 -0.6%;
}
.br-top-lead--text-box-09 {
    width: 53.9135%;
}
.br-top-lead--text-box-10 {
    width: 48.696%;
    margin: 10.7% 0 0 0;
}
.br-top-lead--logo {
    width: 29%;
    margin: 2% 0 10% 49.2%;
    opacity: 0;
    position: relative;
}
.br-top-talk {
    background: #E6EEF2;
    margin-left: min(-40px, calc(600px - 50vw));
    margin-right: min(-40px, calc(600px - 50vw));
    position: relative;
    opacity: 0;
}
.br-top-talk--bg-01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.br-top-talk--bg-02 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    width: 100%;
}
.br-top-talk--bg-01 img,
.br-top-talk--bg-02 img {
    width: 100%;
}
.br-top-talk--inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 1px 0 14.9%;
    position: relative;
    z-index: 1;
}
.br-top-talk--tl {
    display: grid;
    width: 46.806%;
    margin: 14.3% auto 0;
    align-items: center;
    justify-items: center;
}
.br-top-talk--tl-text {
    grid-area: 1 / 1;
    position: relative;
    width: 65.579%;
    margin: 0.3% 0 0 0.2%;
    z-index: 1;
}
.br-top-talk--tl-text-01 {
    opacity: 0;
}
.br-top-talk--tl-text-02 {
    display: flex;
    width: 150%;
    align-items: flex-start;
    margin: -4.6% -25% 0;
    justify-content: center;
    opacity: 0;
    position: relative;
}
.br-top-talk--tl-text-02-01 {
    width: 43.172%;
}
.br-top-talk--tl-text-02-02 {
    width: 10.6065%;
    margin: 0 -0.4% 0 0;
}
.br-top-talk--tl-text-02-03 {
    width: 11.5025%;
}
.br-top-talk--tl-serif {
    grid-area: 1 / 1;
    position: relative;
    overflow: hidden;
    transform-origin: 50% 100%;
    opacity: 0;
}
.br-top-talk--tl-serif img {
    position: relative;
}
.br-top-talk--btn {
    width: 90.973%;
    overflow: hidden;
    margin: -3% 0 0 -0.7%;
    position: relative;
    opacity: 0;
    padding: 3% 0 0;
    aspect-ratio: 1310 / 868;
}
.br-top-talk--btn--box {
    position: relative;
    aspect-ratio: 1270 / 748;
}
.br-top-talk--btn+.br-top-talk--btn {
    margin-top: -4.8%;
}
.br-top-talk--btn-r {
    margin-left: 10.4%;
    overflow: visible;
}
.br-top-talk--btn-link {
    position: relative;
    color: #fff;
    margin: 3.9% 0 0 0;
    width: 100%;
    padding: 0 0 6.8% 0%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.br-top-talk--btn-link-t02 {
    padding-bottom: 8.1%;
}
.br-top-talk--btn-link--bg-02 {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 -0.6% -1px;
    pointer-events: none;
    width: 101.146%;
}
.br-top-talk--btn-link--bg-01 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 101.146%;
    margin: 0% -0.6% 2.1%;
    aspect-ratio: 1325 / 725;
}
.br-top-talk--btn-link--bg-01-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    border-radius: 100%;
    transform: rotate(-10.19deg);
}
.br-top-talk--stl {
    width: 50%;
    margin: 0 auto;
    position: relative;
}
.br-top-talk--stl-t02 {
    margin-top: 7.9%;
}
.br-top-talk--btn-num {
    width: 22.069%;
    margin: 14.9% auto 0;
    position: relative;
    box-sizing: content-box;
    aspect-ratio: 290 / 136;
    display: flex;
    position: relative;
    overflow: hidden;
    left: 0.8%;
}
.br-top-talk--btn-num img {
    height: 100%;
    width: auto;
}
.br-top-talk--btn-num-bg {
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: darken;
    display: block;
}
.br-top-talk--btn-num-bg img {
    width: 96.2%;
    height: auto;
    margin: -1.4%;
}
.br-top-talk--btn-num-bg .br-top-talk--btn-num-bg-img-02 {
    width: 102%;
    margin: -1%;
    max-width: none;
}
.br-top-talk--btn-tl {
    position: relative;
    margin: 0 auto;
    display: block;
    z-index: 1;
}
.br-top-talk--btn-tl-01 {
    width: 99.421%;
    margin: 4.8% auto 4.8%;
}
.br-top-talk--btn-tl-02 {
    width: 104.967%;
    margin: 4.9% 0 5.1% -1.8%;
}
.br-top-talk--btn-ctn {
    display: grid;
    grid-template-columns: 1fr 48px 1fr;
    justify-content: center;
    color: #fff;
    gap: 0 2.8%;
}
.br-top-talk--btn-profile {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    gap: 7px 0;
    position: relative;
    z-index: 1;
    clip-path: inset(0 100% 0 0);
}
.br-top-talk--btn-profile-l {
    margin: 0 0 0 auto;
}
.br-top-talk--btn-profile-r {
    text-align: right;
    margin: 0 auto 0 0;
}
.br-top-talk--btn-profile-department {
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.02em;
}
.br-top-talk--btn-profile-name {
    font-size: 3rem;
    font-weight: 700;
}
.br-top-talk--btn-profile-img {
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transform-origin: 50% 70%;
}
.br-top-talk--btn-profile-img-01 {
    width: 28.079%;
    margin: 0 0 1.2% 3%;
    transform-origin: 0% 70%;
}
.br-top-talk--btn-profile-cross {
    grid-row: span 2;
    position: relative;
    z-index: 1;
    opacity: 0;
    display: flex;
    align-items: center;
}
.br-top-talk--btn-profile-img-02 {
    width: 32.6485%;
    left: auto;
    right: 0;
    margin: 0 -2.5% 3.2% 0;
    transform-origin: 100% 70%;
}
.br-top-talk--btn-btn {
    min-width: 21.4%;
    width: fit-content;
    margin: 0 auto;
    position: relative;
    border-radius: 200px;
    overflow: hidden;
    display: flex;
    margin: 2.8% auto 0;
    clip-path: inset(0 100% 0 0);
}
.br-top-talk--btn-btn-box {
    display: flex;
    border: solid 2px;
    color: #fff;
    font-weight: 700;
    font-size: 1.8rem;
    grid-area: 1 / 1;
    position: relative;
    padding: 21px 30px;
    align-items: center;
    justify-content: space-between;
    gap: 0 0.5em;
    z-index: 1;
    border-radius: 200px;
    flex-grow: 1;
}
.br-top-talk--btn-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/brand/shared/image/shared/bg_btn_talk.png) no-repeat 50% 50%/100% 100%;
    transform-origin: 100% 50%;
    clip-path: inset(0 0% 0 100%);
    z-index: 2;
}
.br-top-talk--btn-btn.br-is-showing:before {
    z-index: 1;
}
.br-top-talk--btn-btn.br-is-show:before {
    clip-path: none;
    z-index: 1;
}
.br-top-talk--btn-btn-box::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-top-talk--btn-profile-img-03 {
    width: 31.2215%;
    margin: 0 0 1.2% -0.7%;
    transform-origin: 0% 70%;
}
.br-top-talk--btn-profile-img-04 {
    width: 28.8285%;
    left: auto;
    right: 0;
    margin: 0 0.9% 5.7% 0;
    transform-origin: 100% 70%;
}
.br-top-talk--btn-profile-img-01 img,
.br-top-talk--btn-profile-img-03 img {
    transform-origin: 0% 70%;
}
.br-top-talk--btn-profile-img-02 img,
.br-top-talk--btn-profile-img-04 img {
    transform-origin: 100% 70%;
}
.br-top-cm--tl {
    display: grid;
    width: 30.834%;
    margin: 0 auto;
    align-items: center;
    justify-items: center;
    padding: 16.2% 0 0;
    opacity: 0;
}
.br-top-cm--tl-text {
    grid-area: 1 / 1;
    position: relative;
    width: 61.892%;
    z-index: 1;
}
.br-top-cm--ctn {
    display: flex;
    text-align: center;
    justify-content: center;
    gap: 64px 3.2%;
    margin: 5.2% 0 11.1%;
    flex-wrap: wrap;
}
.br-top-cm--item {
    width: 44.417%;
    opacity: 0;
}
.br-top-cm--link {
    position: relative;
    display: block;
}
.br-top-cm--link img {
    border-radius: 20px;
}
.br-top-cm--link--icon {
    position: absolute;
    top: 0;
    right: 0;
    display: grid;
    width: 11.558%;
    margin: 42% 2.8% 0 0;
}
.br-top-cm--link--icon img {
    grid-area: 1 / 1;
}
.br-top-cm--link-text {
    color: #1432AA;
    font-size: 2.4rem;
    font-weight: 700;
    padding: 12px 0 0;
    display: block;
    line-height: 1.5;
}
.br-modal {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    overscroll-behavior: none;
    max-height: none;
    max-width: none;
    box-sizing: border-box;
    border: none;
    padding: 0;
}
.br-modal::backdrop {
    opacity: 0;
}
.br-modal-wrap {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: calc(100% + 1px);
    position: relative;
    padding: 120px 0;
    box-sizing: border-box;
    justify-content: center;
}
.br-box-modal {
    width: min(88%, 900px);
}
.br-box-video {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
}
.br-box-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.br-btn-close-modal {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    margin: 32px;
    z-index: 1;
    background: none;
    border: none;
    cursor: pointer;
    border-radius: 100px;
    appearance: none;
    padding: 0;
}
.br-main.br-skip .br-top-loading {
    display: none;
}
.br-main.br-skip .br-top-content {
    display: block;
    opacity: 1;
}
@media screen and (max-width:767px) {
    .br-top-loading {
        margin: 0;
        min-height: 0;
    }
    .br-top-loading--inner {
        max-width: clamp(80vw, calc((100svh - 104px) * 0.88), 100%);
        height: auto;
        min-height: calc(100svh - 104px);
    }
    .br-top-loading--ctn {
        width: 72.5%;
        margin-bottom: 0;
    }
    .br-top-loading--img {
        margin: 16.7% 0 -3% 1.3%;
        width: 102.39%;
        align-self: center;
    }
    .br-top-mv {
        margin: 0 0 3.6%;
    }
    .br-top-mv--inner {
        padding: 1px 0;
        max-width: clamp(80vw, calc((100svh - 104px) * 0.88), 100%);
    }
    .br-top-mv--tl-text-01 {
        width: 95%;
        margin: 29.2% 0 0 2.6%;
    }
    .br-top-mv--tl-text-02 {
        width: 74.367%;
        margin: 58% 0 0 11.3%;
    }
    .br-top-mv--img {
        margin: 16.7% 0 -3% 1.3%;
        width: 102.39%;
    }
    .br-top-body {
        width: 100%;
        margin: 0;
    }
    .br-scroll-down {
        width: max(21.026%, 8.2rem);
        margin: 0 1.9% 0 auto;
    }
    .br-top-lead--text {
        width: 75.385%;
        margin: 21% 0 0 12.8%;
    }
    .br-top-lead--logo {
        width: 45.642%;
        margin: 4.2% 0 22.4% 42.1%;
    }
    .br-top-talk {
        margin: 0;
    }
    .br-top-talk--bg-02 {
        z-index: 1;
    }
    .br-top-talk--inner {
        padding: 1px 0 17.7%;
    }
    .br-top-talk--tl {
        width: 74.636%;
        margin: 21.1% auto -6.8%;
        position: relative;
        z-index: 1;
    }
    .br-top-talk--btn {
        width: 100%;
        margin: 0 0 7.2%;
        aspect-ratio: auto;
    }
    .br-top-talk--btn--box {
        aspect-ratio: auto;
    }
    .br-top-talk--btn+.br-top-talk--btn {
        margin-top: -3.8%;
    }
    .br-top-talk--btn-r {
        overflow: hidden;
    }
    .br-top-talk--btn-link {
        padding: 0 0 43.5%;
        margin: 0;
    }
    .br-top-talk--stl {
        width: 100%;
    }
    .br-top-talk--stl-t02 {
        margin-top: 19%;
    }
    .br-top-talk--btn-link-t02 {
        padding: 0 0 42.2%;
    }
    .br-top-talk--btn-link--bg-01 {
        width: 100%;
        aspect-ratio: auto;
        margin: 0 0 0;
        transform: rotate(0);
        height: calc(100% - 1px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        top: 0;
        bottom: auto;
    }
    .br-top-talk--btn-link--bg-01 img {
        width: 100%;
        margin: 0 0 -1px;
    }
    .br-top-talk--btn-link--bg-01:after {
        content: "";
        background: #000;
        flex-grow: 1;
    }
    .br-top-talk--btn-num {
        width: 20.488%;
        padding: 0 0 0 1.8%;
        margin-top: 12%;
    }
    .br-top-talk--btn-tl-01 {
        width: 88.718%;
        margin: 6% auto 6.6%;
    }
    .br-top-talk--btn-tl-02 {
        width: 92.308%;
        margin: 6.4% auto 6.4%;
    }
    .br-top-talk--btn-ctn {
        grid-template-columns: 1fr 29px 1fr;
        width: 92%;
        margin: 0 auto;
        gap: 0 4.2%;
    }
    .br-top-talk--btn-profile {
        min-width: min(95%, 6.5em);
    }
    .br-top-talk--btn-profile-department {
        font-size: 1rem;
        line-height: 1.6;
    }
    .br-top-talk--btn-profile-name {
        font-size: 2.2rem;
    }
    .br-top-talk--btn-profile-img-01 {
        width: 34.329%;
        margin: 0 0 -11% 3.3%;
    }
    .br-top-talk--btn-profile-img-02 {
        width: 37.949%;
        margin: 0 -5.1% -10.5% 0;
    }
    .br-top-talk--btn-btn {
        font-size: 1.4rem;
        margin: 7.5% auto 0;
        width: 46%;
    }
    .br-top-talk--btn-btn-box {
        padding: 7.2% 9.4%;
        font-size: 1.4rem;
    }
    .br-top-talk--btn-profile-img-03 {
        width: 40.159%;
        margin: 0 0 -12.7% -4.6%;
    }
    .br-top-talk--btn-profile-img-04 {
        width: 36.949%;
        margin: 0 -0.7% -7.7% 0;
    }
    .br-top-cm--tl {
        width: 74.872%;
        padding: 26.2% 0 0;
    }
    .br-top-cm--ctn {
        flex-direction: column;
        margin: 12.1% 0 26.8%;
        gap: 1.8em 0;
    }
    .br-top-cm--item {
        width: 87.693%;
        margin: 0 auto;
    }
    .br-top-cm--link-text {
        font-size: 1.8rem;
        padding: 0.65em 0 0;
    }
    .br-box-modal {
        position: relative;
    }
    .br-btn-close-modal {
        width: 38px;
        margin: -53px 0 0;
    }
}
@media (hover:hover) {
    .br-top-cm--link {
        transition: opacity 400ms ease-out;
    }
    .br-top-cm--link .br-top-cm--link--icon img {
        transition: transform 620ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    }
    .br-top-talk--btn-profile-img img {
        transition: transform 210ms cubic-bezier(0.31, 0.16, 0.24, 1) 50ms;
    }
    .br-top-talk--btn-btn {
        transition: transform 210ms ease-out;
    }
    .br-top-talk--btn-btn-box::after {
        transition: transform 210ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    }
    .br-btn-close-modal {
        transition: background-color 400ms ease-out;
        background-color: rgba(255, 255, 255, 0);
    }
    .br-top-cm--link:focus-visible,
    .br-top-cm--link:hover {
        opacity: .8;
    }
    .br-top-cm--link:hover .br-top-cm--link--icon img:nth-child(1) {
        transform: scale(1.06);
    }
    .br-top-cm--link:hover .br-top-cm--link--icon img:nth-child(2) {
        transform: scale(0.9);
    }
    .br-top-talk--btn-link02:focus-visible .br-top-talk--btn-btn.br-is-show,
    .br-top-talk--btn-btn.br-is-show:hover {
        transform: scale(1.06);
    }
    .br-top-talk--btn-link02:focus-visible .br-top-talk--btn-btn.br-is-show .br-top-talk--btn-btn-box::after,
    .br-top-talk--btn-btn.br-is-show:hover .br-top-talk--btn-btn-box::after {
        transform: translateX(41%);
    }
    .br-top-talk--btn-link02:focus-visible .br-top-talk--btn-profile-img img,
    .br-top-talk--btn-link02:has(.br-top-talk--btn-btn.br-is-show:hover) .br-top-talk--btn-profile-img img {
        transform: scale(1.04);
    }
    .br-btn-close-modal:focus-visible,
    .br-btn-close-modal:hover {
        background-color: rgba(255, 255, 255, 0.2);
    }
}
@media print {
    .br-top-loading {
        display: none;
    }
    .br-top-content {
        display: block;
    }
    .br-top-lead--text-box img,
    .br-top-lead--logo,
    .br-top-talk,
    .br-top-talk--tl-serif,
    .br-top-talk--tl-text-01,
    .br-top-talk--tl-text-02,
    .br-top-talk--btn,
    .br-top-talk--btn-profile,
    .br-top-talk--btn-profile-img,
    .br-top-talk--btn-profile-cross,
    .br-top-talk--btn-btn,
    .br-top-cm--tl,
    .br-top-cm--item {
        opacity: 1;
        clip-path: none;
    }
    .br-top-talk--btn {
        break-inside: avoid;
    }
}