.voices{display:flex;position:relative}#voice-filter{position:fixed;top:0;left:0;height:100%;max-width:370px;padding:2.5rem;background-color:#fff;z-index:1000;box-shadow:5px 0 8px rgba(0,0,0,.15);transform:translateX(-110%);transition:transform .3s ease-in-out}@media(max-width:480px){#voice-filter{max-width:100%}}#voice-filter p{font-weight:700;font-size:3.4;margin-bottom:1rem}#voice-filter .close{width:30px;height:30px;position:absolute;top:1.3rem;right:1.3rem;cursor:pointer}@media(max-width:480px){#voice-filter .close{top:2rem;right:2rem}}#voice-filter.closed{transform:translateX(-110%)}#voice-filter.open{transform:translateX(0)}#voice-filter .filter{margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:1rem}#voice-filter .filter .btn-option{border-radius:40px;border:1px solid #333;color:#333;background-color:#fff;padding:.5rem 1rem;font-size:1.5rem;line-height:2rem;font-family:Noto Sans JP,sans-serif;cursor:pointer}#voice-filter .filter .btn-option:focus{outline:none}#voice-filter .filter .active{border:1px solid #aaa;background-color:#aaa;color:#fff}#voice-filter .btn-reset{background-color:#70c9e2;border:1px solid #70c9e2;color:#fff;font-weight:700;border-radius:40px;margin:3rem auto 1rem;display:block;padding:1rem 2rem;font-family:Noto Sans JP,sans-serif;font-size:1.5rem;line-height:1.5rem;cursor:pointer}@media(max-width:480px){#voice-filter .btn-reset{margin-top:5rem}}#voice-filter .btn-reset:focus{outline:none}#voices-list{padding:9rem 0 3rem}@media(max-width:480px){#voices-list{padding:3rem 0}}#voices-list .comments{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem;gap:3rem}@media(max-width:960px){#voices-list .comments{grid-template-columns:repeat(2,1fr);gap:1.6rem}}@media(max-width:480px){#voices-list .comments{grid-template-columns:repeat(1,1fr)}}#voices-list .voice-box{box-sizing:border-box;padding:2rem;border:2px solid #eee;display:flex;flex-direction:column;justify-content:space-between;min-height:300px}@media(max-width:480px){#voices-list .voice-box{min-height:auto}}#voices-list .voice-box .person{display:flex;gap:2rem;font-weight:700}#voices-list .voice-box .text{font-size:1.6rem;padding-top:.5em}#voices-list .voice-box .stars{display:flex;color:#49b8d9}#voices-list .voice-box .stars img{width:90px}#voices-list .voice-box .stars .qtd{margin-left:.5rem}#voices-list .voice-box .stars.right{margin-left:auto}#voices-list .voice-box .tags{margin-top:2em;display:flex;flex-direction:column;gap:1.3rem;align-items:flex-start}#voices-list .voice-box .tags p{font-size:1.2rem;border:1px solid #333;padding:.5rem 1.5rem;border-radius:40px}#voices-list .voice-box .tags .period:before{content:"受講期間："}#voices-list .voice-box .tags .plan:before{content:"会員プラン："}#voices-list .btn-reset-all{display:block;margin:-2.5rem auto 3rem;background-color:#fff;border:none;color:#49b8d9;font-weight:700;font-size:1.6rem;cursor:pointer}#voices-list .btn-reset-all:focus{outline:none}#voices-list .show-more{border-radius:40px;display:block;margin:4rem auto 0;border:1px solid #49b8d9;background-color:#fff;color:#49b8d9;font-size:1.6rem;padding:1.2rem 0;font-weight:700;min-width:250px;cursor:pointer}#voices-list .show-more:focus{outline:none}@media(max-width:480px){#voices-list .show-more{font-size:2rem}}#voices-list .show-more:hover{background-color:#70c9e2;color:#fff}#voices-list .show-more .total-load{font-size:1.4rem;margin-top:.4rem;margin-left:1rem}@media(max-width:480px){#voices-list .show-more .total-load{font-size:1.6rem}}#voices-list .btn-black-border{margin:0 auto 4rem;background-color:#fff;font-weight:700;font-size:2rem;border-radius:40px;padding:1rem;border:2px solid #333;display:flex;justify-content:center;align-items:center;min-width:195px;gap:1rem;font-family:Noto Sans JP,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:#333}#voices-list .btn-black-border:focus{outline:none}#voices-list .btn-black-border img{width:37px}#voices-list .no-results{font-weight:700;text-align:center;margin:4rem 0}