:root{--font-family:"Inter","Noto Sans JP",sans-serif;--color-lightblue:#2ab0c4;--color-yellow:#f3e82f;--color-pink:#d86b70;--color-blue:#2c75bb;--color-white:#ffffff;--color-black:#000013;--color-bg-lightblue:#e6f6f9;--color-bg-gray:#f2f2f2;--color-border:#d0d6da;--color-text:#2a2a3c;--color-text-gray:#7c7c7c;--color-text-blue:#0071b7;--font-thin:300;--font-light:400;--font-regular:500;--font-medium:600;--font-bold:700;--lh-xs:1;--lh-sm:1.25;--lh-md:1.5;--lh-lg:1.75;--lh-xl:2;--normal-transition:0.3s ease}.voice-list{margin-top:3rem;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.voice-list a{display:block;position:relative}.voice-list a .age{width:13.298vw;height:13.298vw;position:absolute;top:-1.33vw;left:-1.33vw}.voice-list a img{border-radius:8px}.voice-list a .voice-text{padding:2.66vw 0;line-height:var(--lh-md)}@media (min-width:768px){.voice-list{margin-top:4.286vw;grid-template-columns:repeat(4,1fr);gap:3rem}.voice-list a{transition:opacity var(--normal-transition)}.voice-list a .age{width:6.071vw;height:auto;object-fit:contain;position:absolute;top:-1.071vw;left:-1.071vw}.voice-list a .voice-text{padding-top:1.429vw}.voice-list a:hover{opacity:.6}}.filter-open{display:flex;justify-content:center;align-items:center;padding:0 2rem;height:3.6rem;line-height:3.6rem;border-radius:100vh;background:var(--color-lightblue);color:var(--color-white);font-weight:var(--font-bold);white-space:nowrap;cursor:pointer}@media (min-width:768px){.filter-open{width:15.8rem;height:4rem;transition:background .2s,color .2s;transition:opacity var(--normal-transition)}.filter-open:hover{opacity:.6}}.filter-group{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;margin-bottom:1.2rem;gap:0}.filter-group__label{font-weight:var(--font-bold);white-space:nowrap}.filter-group+.filter-group{margin-top:1rem}.filter-group__buttons{display:flex;flex-wrap:wrap;gap:.6rem}.filter-btn{display:flex;justify-content:center;align-items:center;padding:0 1.2rem;height:3.6rem;line-height:3.6rem;border:1px solid var(--color-border);border-radius:100vh;background:var(--color-white);white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.filter-btn.is-active{border-color:var(--color-lightblue);color:var(--color-lightblue)}.filter-btn.is-active,.filter-btn:hover{background:var(--color-bg-lightblue)}.filter-group.all .filter-btn{padding:0 3rem}@media (min-width:768px){.filter-group{flex-direction:row;align-items:center}.filter-group__label{width:6.429vw;flex-shrink:0}.filter-group+.filter-group{margin-top:2.5rem}.filter-group__buttons{gap:10px}.filter-btn{width:15.8rem;height:4rem}}.story-title{gap:3rem;background-color:var(--color-lightblue);border-radius:8px;padding:2rem;color:var(--color-white)}.story-title,.story-title__ttl{display:flex;flex-direction:column}.story-title__ttl{align-items:center}.story-title__ttl h2{padding-bottom:2rem;font-weight:var(--font-bold)}.story-title__category{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.story-title__category li{display:flex;justify-content:center;align-items:center;padding:0 1rem;height:3rem;line-height:3rem;border-radius:100vh;background:var(--color-white);color:var(--color-lightblue);white-space:nowrap}.story-title__image{border-radius:8px;overflow:hidden}@media (min-width:768px){.story-title{flex-direction:row;justify-content:space-between;align-items:center;padding:4.286vw}.story-title__ttl{align-items:flex-start}.story-title__ttl h2{padding-bottom:0}.story-title__category{gap:1rem;margin-top:1.786vw}.story-title__category li{min-width:11.286vw;height:4rem}.story-title__image{width:24.286vw;flex-shrink:0}}.profile-wrap .title{font-weight:700;color:var(--color-lightblue);padding-bottom:1rem}.profile-table{display:flex;flex-direction:column;border-top:1px solid var(--color-border);border-left:1px solid var(--color-border)}.profile-table .row{display:grid;grid-template-columns:45% 1fr;grid-template-rows:auto auto}.profile-table .row .cell{display:flex;align-items:center;padding:1.2rem;box-sizing:border-box;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);background-color:var(--color-white)}.profile-table .row .cell.label{background-color:var(--color-bg-gray)}@media (min-width:768px){.profile-table .row{grid-template-columns:repeat(4,1fr);grid-template-rows:auto}}.voice-faq .faq{padding:2rem 0;border-bottom:1px solid var(--color-border)}.voice-faq .faq:first-child{border-top:1px solid var(--color-border)}.voice-faq .question{padding-left:4rem;background:url(/yobiko/images/common/icon_faq_q.svg) no-repeat 0 0;background-size:3rem 3rem}.voice-faq .answer{padding:1.5rem 0 0 4rem}@media (min-width:768px){.voice-faq .faq{padding:2.143vw 0;border-bottom:1px solid var(--color-border)}.voice-faq .faq:first-child{border-top:1px solid var(--color-border)}.voice-faq .question{padding:.214vw 0 .571vw 4.286vw;background:url(/yobiko/images/common/icon_faq_q.svg) no-repeat 0 0;background-size:2.857vw 2.857vw;line-height:var(--lh-md)}.voice-faq .answer{padding:0 0 0 4.286vw}}.from-planner .col-1{padding:5.319vw;background-color:var(--color-bg-gray);border-radius:8px;position:relative}.from-planner .col-1 .link{margin-top:1.5rem;text-align:right}@media (min-width:768px){.from-planner .col-1{padding:3.929vw 4.286vw}.from-planner .col-1 .link{margin-top:0;text-align:right;position:absolute;top:3.571vw;right:4.286vw}}.planner-wrap{display:flex;flex-direction:column;align-items:center;gap:5.319vw}.planner-wrap .planner-icon{text-align:center;padding-top:.5rem}.planner-wrap .planner-icon .face-image{width:10rem;height:10rem;border-radius:50%;overflow:hidden}@media (min-width:768px){.planner-wrap{flex-direction:row;gap:3.214vw}.planner-wrap .planner-icon{padding-top:0}.planner-wrap .planner-icon .face-image{width:12rem;height:12rem}}.back-link{border-top:1px solid var(--color-border);padding:3rem 0}@media (min-width:768px){.back-link{padding:3.214vw 0}}.other-story__ttl{text-align:center;font-weight:var(--font-bold)}