.m-voice-nav__ttl,.m-voice-contents__ttl,.m-voice-contents__txt,.m-voice-ttl__ttl,.m-voice-ttl__name,.m-voice-ttl__join,.m-voice-list__ttl,.m-voice-list__txt {
    margin-block:calc((1em - 1lh)/2)}

.m-voice-nav__arrow::after,.m-voice-list__btn::after {
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain
}

.m-voice-nav__item,.m-voice-contents__section,.m-voice-list {
    transition: translate .4s ease-in-out,opacity .4s ease-in-out
}

.m-voice-nav__item:not(.is-view),.m-voice-contents__section:not(.is-view),.m-voice-list:not(.is-view) {
    opacity: 0;
    translate: 0 20px
}

.m-voice-contents__section img {
    transition: translate .4s ease-in-out .3s,opacity .4s ease-in-out .3s
}

.m-voice-contents__section:not(.is-view) img {
    opacity: 0;
    translate: 0 20px
}

.m-voice-nav__wrap,.m-voice-contents__wrap,.m-voice-ttl__wrap,.m-voice-list__wrap {
    margin-left: auto;
    margin-right: auto;
    padding-left: max(36px,2.3529411765*var(--vw));
    padding-right: max(36px,2.3529411765*var(--vw));
    max-width: max(1480px,79.4117647059*var(--vw))
}

.m-voice-nav__arrow,.m-voice-list__btn {
    width: max(54px,3.1764705882*var(--vw));
    color: rgba(0,0,0,0);
    border-radius: 50%;
    aspect-ratio: 1/1;
}

.m-voice-nav__arrow::after,.m-voice-list__btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: max(20px,1.1764705882*var(--vw));
    mask-image: url("../images/common/icon-arrow.svg");
    aspect-ratio: 27/41;
    translate: -50% -50%
}

@media(hover: hover) {
    a:hover .m-voice-nav__arrow::after,a:hover .m-voice-list__btn::after,summary:hover .m-voice-nav__arrow::after,summary:hover .m-voice-list__btn::after {
        animation:arrowX .5s .1s
    }
}

.m-voice-list {
    margin: max(166px,9.7647058824*var(--vw)) 0 max(100px,5.8823529412*var(--vw));
    padding: max(158px,9.2941176471*var(--vw)) 0 max(124px,7.2941176471*var(--vw));
    background-color: #1cd0c1;
    counter-reset: voice 0;
    list-style-type: none
}

.m-voice-list__list {
    display: flex;
    flex-wrap: wrap;
    gap: max(24px,1.4117647059*var(--vw)) 3.937007874%
}

.m-voice-list__item {
    flex: 1;
    min-width: max(380px,22.3529411765*var(--vw))
}

.m-voice-list__link {
    display: block
}

@media(hover: hover) {
    .m-voice-list__link {
        cursor:pointer
    }

    .m-voice-list__link img {
        transition: scale .3s ease-in-out
    }

    .m-voice-list__link picture {
        display: block;
        overflow: hidden
    }
}

@media(hover: hover) {
    .m-voice-list__link:hover img {
        scale:1.1
    }
}

.m-voice-list__fig:before {
    counter-increment: voice 1;
    content: "0" counter(voice) ""
}

.m-voice-list__fig::before {
    position: absolute;
    left: max(16px,0.9411764706*var(--vw));
    bottom: 100%;
    font-size: max(5rem,4.7058823529*var(--vw));
    font-family: "League Gothic",sans-serif;
    translate: 0 50%;
    z-index: 1
}

.m-voice-list__btn {
    position: absolute;
    right: max(25px,1.4705882353*var(--vw));
    bottom: max(20px,1.1764705882*var(--vw));
    background-color: #0f0f0f
}

.m-voice-list__btn::after {
    background-color: #1cd0c1
}

.m-voice-list__box {
    margin-top: max(34px,2*var(--vw))
}

.m-voice-list__ttl {
    font-size: max(2.0625rem,1.9411764706*var(--vw));
    font-weight: 900;
    line-height: 1.3em;
    letter-spacing: -0.03em
}

.m-voice-list__inner {
    margin-top: max(20px,1.1764705882*var(--vw))
}

.m-voice-list__txt {
    font-size: max(1.0625rem,1*var(--vw));
    font-weight: 700;
    line-height: 2em;
    text-align: justify
}

.m-voice-ttl {
    background-color: #1cd0c1;
    overflow: hidden;
    margin-top: max(105px,6.1764705882*var(--vw));
}

.m-voice-ttl__wrap {
    display: flex;
    align-items: center;
    padding-top: max(60px,3.5294117647*var(--vw));
    padding-bottom: max(60px,3.5294117647*var(--vw))
}

.m-voice-ttl__container {
    flex: 1;
    z-index: 3
}

.m-voice-ttl__num {
    font-family: "League Gothic",sans-serif;
    font-size: max(4.3125rem,4.0588235294*var(--vw))
}

.m-voice-ttl__caption {
    margin-top: max(12px,0.7058823529*var(--vw));
    margin-bottom: max(73px,4.2941176471*var(--vw));
    font-family: "League Gothic",sans-serif;
    font-size: max(1.625rem,1.5294117647*var(--vw))
}

.m-voice-ttl__ttl {
    margin-right: min(-1270px,-74.7058823529*var(--vw));
    width: max(1270px,74.7058823529*var(--vw));
    font-size: max(4.0625rem,3.8235294118*var(--vw));
    font-weight: 900;
    line-height: 1.3em
}

.m-voice-ttl__fig {
    padding-top: max(32px,1.8823529412*var(--vw));
    width: 57.4803149606%
}

.m-voice-ttl__box {
    margin-top: max(52px,3.0588235294*var(--vw))
}

.m-voice-ttl__name,.m-voice-ttl__join {
    font-size: max(1.0625rem,1*var(--vw));
    font-weight: 700;
    line-height: 1.8em;
    padding:5px 0 0 0;
}

.m-voice-ttl__picture {
    display: block;
    width: calc(100% - max(32px,1.8823529412*var(--vw)));
    transition: .6s top ease-in-out .6s,.6s right ease-in-out .6s,.6s translate ease-in-out .6s
}

.m-voice-ttl__picture:first-of-type {
    position: relative;
    box-shadow: max(10px,0.5882352941*var(--vw)) min(-10px,-0.5882352941*var(--vw)) 0 0 #1cd0c1;
    z-index: 1
}

.m-voice-ttl__picture:not(:first-of-type) {
    position: absolute;
    top: 0;
    right: 0
}

body:not(.is-load) .m-voice-ttl__picture:first-of-type {
    translate: max(16px,0.9411764706*var(--vw)) min(-16px,-0.9411764706*var(--vw))
}

body:not(.is-load) .m-voice-ttl__picture:not(:first-of-type) {
    top: max(16px,0.9411764706*var(--vw));
    right: max(16px,0.9411764706*var(--vw))
}

.m-voice-contents {
    overflow: hidden
}

.m-voice-contents__container {
    margin-top: max(119.5px,7.0294117647*var(--vw))
}

.m-voice-contents__container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - max(372.5px,21.9117647059*var(--vw)));
    background-color: #fff
}

.m-voice-contents__section {
    display: flex;
    align-items: flex-start;
    gap: 6.0866141732%;
    padding-top: max(154px,9.0588235294*var(--vw));
    padding-bottom: max(144px,8.4705882353*var(--vw))
}

.m-voice-contents__section:nth-of-type(even)::before {
    content: "";
    position: absolute;
    right: max(55px,3.2352941176*var(--vw));
    top: 0;
    width: 100vw;
    height: 100%;
    background-color: #1cd0c1
}

.m-voice-contents__fig {
    width: 37.0078740157%
}

.m-voice-contents__box {
    flex: 1
}

.m-voice-contents__ttl {
    font-size: max(2.5rem,2.3529411765*var(--vw));
    font-weight: 900;
    line-height: 1.3em
}

.m-voice-contents__inner {
    margin-top: max(40px,2.3529411765*var(--vw))
}

.m-voice-contents__txt {
    font-size: max(1.0625rem,1*var(--vw));
    font-weight: 700;
    line-height: 2.3em;
    text-align: justify
}

.m-voice-nav {
    padding: max(145.5px,8.5588235294*var(--vw)) 0 max(136.5px,8.0294117647*var(--vw))
}

.m-voice-nav__list {
    display: flex;
    gap: 4.7244094488%
}

.m-voice-nav__item {
    flex: 1
}

.m-voice-nav__item:not(:first-of-type) {
    transition-delay: .1s
}

.m-voice-nav__link {
    display: block;
    background-color: #fff
}

.m-voice-nav__num {
    padding: max(12px,0.7058823529*var(--vw)) max(15px,0.8823529412*var(--vw));
    font-size: max(1.875rem,1.7647058824*var(--vw));
    font-family: "League Gothic",sans-serif;
    line-height: .757em;
    color: #1cd0c1;
    background-color: #0f0f0f
}

.m-voice-nav__inner {
    padding: max(39px,2.2941176471*var(--vw)) max(48.5px,2.8529411765*var(--vw)) max(40.5px,2.3823529412*var(--vw))
}

.m-voice-nav__ttl {
    font-size: max(2rem,1.8823529412*var(--vw));
    font-weight: 900;
    line-height: 1.4em
}

.m-voice-nav__name {
    margin-top: max(30.5px,1.7941176471*var(--vw));
    font-size: max(1rem,0.9411764706*var(--vw));
    font-weight: 700
}

.m-voice-nav__arrow {
    position: absolute;
    right: max(27px,1.5882352941*var(--vw));
    bottom: max(28px,1.6470588235*var(--vw));
    background-color: #0f0f0f
}

.m-voice-nav__arrow::after {
    background-color: #1cd0c1
}

.p-voice .g-ttl__ttl::before {
    color: #1cd0c1
}

.p-voice .g-lead__ttl em {
    color: #1cd0c1
}
