/* 部品：top-voices（STUDIOでは埋め込みだったもの） */
.sp-part--top-voices .spkv{
--spkv-ink: #1f1b14;
--spkv-body: #4a453b;
--spkv-gold: #dcb043;
--spkv-attr: #776c52;
--spkv-rule: #eee7d6;
--spkv-serif: 'Noto Serif JP', 'Noto Serif CJK JP', 'Hiragino Mincho ProN', 'Yu Mincho', 'YuMincho', serif;
--spkv-sans: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
--spkv-col-who: clamp(150px, 17vw, 210px);
--spkv-gap: clamp(28px, 4.4vw, 64px);
width: 100%;
background: #ffffff;
color: var(--spkv-body);
font-family: var(--spkv-sans);
padding: clamp(72px, 9vw, 128px) 20px;
-webkit-font-smoothing: antialiased;
}.sp-part--top-voices .spkv,.sp-part--top-voices .spkv *,.sp-part--top-voices .spkv *::before,.sp-part--top-voices .spkv *::after{ box-sizing: border-box; }.sp-part--top-voices .spkv :where(h2, h3, p, ul, li){ margin: 0; padding: 0; }.sp-part--top-voices .spkv :where(ul){ list-style: none; }.sp-part--top-voices .spkv-inner{ max-width: 1160px; margin: 0 auto; }.sp-part--top-voices .spkv-header{
display: grid;
grid-template-columns: var(--spkv-col-who) minmax(0, 1fr) minmax(0, 1.15fr);
column-gap: var(--spkv-gap);
align-items: end;
padding-bottom: clamp(28px, 3vw, 40px);
}.sp-part--top-voices .spkv-title{
grid-column: 1 / span 2;
font-family: var(--spkv-serif);
font-weight: 700;
font-size: clamp(30px, 3.4vw, 44px);
line-height: 1.3;
letter-spacing: .08em;
font-feature-settings: "palt" 1;
color: var(--spkv-ink);
}.sp-part--top-voices .spkv-lead{
grid-column: 3;
max-width: 520px;
font-size: 15px;
line-height: 1.9;
letter-spacing: .03em;
color: var(--spkv-body);
}.sp-part--top-voices .spkv-seam{
display: block;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 16'%3E%3Cpath d='M0 8H18' stroke='%23eadfbf' stroke-width='1'/%3E%3Cpath d='M5 1.8Q8.2 3 11.5 5.2M5 14.2Q8.2 13 11.5 10.8' stroke='%23dcb043' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
background-repeat: repeat-x;
background-position: left center;
background-size: 18px 16px;
}.sp-part--top-voices .spkv-voice{
display: grid;
grid-template-columns: var(--spkv-col-who) minmax(0, 1fr) minmax(0, 1.15fr);
column-gap: var(--spkv-gap);
align-items: start;
padding: clamp(40px, 5vw, 64px) 0;
}.sp-part--top-voices .spkv-list > li + li{ border-top: 1px solid var(--spkv-rule); }.sp-part--top-voices .spkv-nb{ white-space: nowrap; }.sp-part--top-voices .spkv-who{ display: grid; row-gap: 14px; justify-items: start; }.sp-part--top-voices .spkv-grade{
font-family: var(--spkv-serif);
font-weight: 900;
font-size: clamp(64px, 7vw, 92px);
line-height: .9;
letter-spacing: .02em;
font-feature-settings: "palt" 1;
color: var(--spkv-gold);
margin-top: -.06em;
}.sp-part--top-voices .spkv-attr{
font-size: 13px;
line-height: 1.6;
letter-spacing: .06em;
color: var(--spkv-attr);
}.sp-part--top-voices .spkv-headline{
font-family: var(--spkv-serif);
font-weight: 700;
font-size: clamp(22px, 2.3vw, 28px);
line-height: 1.65;
letter-spacing: .04em;
font-feature-settings: "palt" 1;
color: var(--spkv-ink);
}.sp-part--top-voices .spkv-text{
max-width: 520px;
font-size: 15px;
line-height: 2.05;
letter-spacing: .03em;
text-align: left;
line-break: strict;
color: var(--spkv-body);
padding-top: .35em;
}@media screen and (max-width: 1000px){.sp-part--top-voices .spkv-header{ grid-template-columns: minmax(0, 1fr); row-gap: 14px; }.sp-part--top-voices .spkv-title,.sp-part--top-voices .spkv-lead{ grid-column: 1; }.sp-part--top-voices .spkv-voice{
grid-template-columns: var(--spkv-col-who) minmax(0, 1fr);
row-gap: 18px;
}.sp-part--top-voices .spkv-who{ grid-row: 1 / span 2; }.sp-part--top-voices .spkv-headline{ grid-column: 2; }.sp-part--top-voices .spkv-text{ grid-column: 2; padding-top: 0; }
}@media screen and (max-width: 640px){.sp-part--top-voices .spkv-voice{
grid-template-columns: minmax(0, 1fr);
row-gap: 16px;
}.sp-part--top-voices .spkv-who{
grid-row: auto;
display: flex;
align-items: flex-end;
gap: 14px;
}.sp-part--top-voices .spkv-grade{ font-size: 56px; margin-top: 0; }.sp-part--top-voices .spkv-attr{ padding-bottom: .3em; }.sp-part--top-voices .spkv-headline,.sp-part--top-voices .spkv-text{ grid-column: 1; }.sp-part--top-voices .spkv-headline{ font-size: clamp(19px, 5.4vw, 22px); }.sp-part--top-voices .spkv-text{ font-size: 14.5px; line-height: 2; }
}